/* Shared AMI brand treatment for every non-ECN interface. */
.ami-brand-3d {
  display: inline-block;
  color: #e2e8f0;
  font-family: "Arial Black", "Segoe UI Black", "Microsoft JhengHei", sans-serif;
  font-size: var(--ami-brand-size, 1em);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  letter-spacing: var(--ami-brand-spacing, 0.04em);
  text-transform: uppercase;
  background: linear-gradient(180deg, #f8fafc 0%, #cbd5e1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.42));
  text-shadow:
    -0.5px -0.5px 0 rgba(255, 255, 255, 0.55),
    1px 1px 0 rgba(0, 0, 0, 0.34),
    2px 2px 0 rgba(0, 0, 0, 0.25),
    3px 3px 4px rgba(0, 0, 0, 0.52);
}

.ami-brand-3d--micro { --ami-brand-size: 0.72rem; --ami-brand-spacing: 0.02em; }
.ami-brand-3d--compact { --ami-brand-size: 1.05rem; }
.ami-brand-3d--medium { --ami-brand-size: 1.4rem; --ami-brand-spacing: 0.06em; }
.ami-brand-3d--large { --ami-brand-size: 2rem; --ami-brand-spacing: 0.08em; }

.ami-brand-frame {
  position: relative;
  isolation: isolate;
  width: var(--ami-brand-frame-size, 2.5rem);
  height: var(--ami-brand-frame-size, 2.5rem);
  flex: 0 0 var(--ami-brand-frame-size, 2.5rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--ami-brand-frame-radius, 0.25rem);
  background:
    radial-gradient(circle at 32% 22%, rgba(255, 255, 255, 0.12), transparent 48%),
    linear-gradient(145deg, rgba(30, 41, 59, 0.9), rgba(2, 6, 23, 0.82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 4px 10px rgba(0, 0, 0, 0.28);
}

.ami-brand-frame::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), transparent 54%);
}

.ami-brand-frame--document-small {
  --ami-brand-frame-size: 3.125rem;
  --ami-brand-frame-radius: 0.4rem;
}

.ami-brand-frame--document {
  --ami-brand-frame-size: 4rem;
  --ami-brand-frame-radius: 0.5rem;
}

@media print {
  .ami-brand-3d {
    color: #000 !important;
    background: none !important;
    -webkit-text-fill-color: #000 !important;
    filter: none !important;
    text-shadow: none !important;
  }

  .ami-brand-frame {
    background: #fff !important;
    border-color: #000 !important;
    box-shadow: none !important;
  }
}