:root {
  --aurora-mint: #5ff5c7;
  --aurora-coral: #ff4967;
  --aurora-violet: #879dff;
  --aurora-amber: #ffc44f;
  --aurora-ink: #f7f8ff;
  --aurora-card-display-scale: .475;
  --aurora-card-layout-width: 152.95px;
  --aurora-card-layout-height: 203.3px;
  --aurora-card-gap-x: 17.1px;
  --aurora-card-gap-y: 24.7px;
  --aurora-card-overflow-gap: 34.2px;
}

.aurora-energy-canvas {
  position: fixed;
  z-index: 42;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  contain: strict;
  mix-blend-mode: screen;
}

.aurora-exact-energy-canvas {
  mix-blend-mode: normal;
  opacity: 1;
  transition: opacity 80ms linear;
}

html.aurora-energy-scroll-suspended .aurora-exact-energy-canvas,
html.aurora-energy-scroll-suspended .aurora-detached-energy-layer {
  opacity: 0;
}

html[data-aurora-energy="off"] .aurora-energy-canvas,
html[data-aurora-energy="off"] .aurora-detached-energy-layer,
html[data-aurora-energy="off"] .aurora-vortex-ribbon,
html[data-aurora-energy="off"] .aurora-neon-bloom-field {
  display: none !important;
}

html[data-aurora-energy="off"] .aurora-comm-action {
  --aurora-energy-opacity: 0 !important;
}

html[data-aurora-energy="off"] .aurora-comm-action:not(:disabled) .aurora-icon-glyph > svg:first-child {
  filter:
    brightness(calc(1 + var(--aurora-idle-glow, 0) * .72))
    saturate(calc(1 + var(--aurora-idle-glow, 0) * .32))
    drop-shadow(0 0 calc(var(--aurora-idle-glow, 0) * 4px) currentColor)
    drop-shadow(0 0 calc(var(--aurora-idle-glow, 0) * 11px) currentColor);
  transition: none;
}

html[data-aurora-energy="off"] .aurora-comm-action:not(:disabled) .aurora-action-label {
  text-shadow:
    0 0 calc(var(--aurora-idle-glow, 0) * 5px) currentColor,
    0 0 calc(var(--aurora-idle-glow, 0) * 13px) currentColor;
  transition: none;
}

.aurora-energy-master-toggle {
  min-width: 132px;
  justify-content: center;
}

.aurora-brand-head-actions {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.aurora-energy-master-toggle:has(input:checked) {
  color: var(--aurora-mint);
  background: rgba(95, 245, 199, .08);
}

.team-header-shell .team-header-icon-action.aurora-card-scale-control {
  color: #c4b1ff !important;
}

.team-header-shell .team-header-icon-action.aurora-card-scale-control:hover,
.team-header-shell .team-header-icon-action.aurora-card-scale-control:focus-visible,
.team-header-shell .team-header-icon-action.aurora-card-scale-control[aria-expanded="true"] {
  color: #eadfff !important;
  filter: drop-shadow(0 0 5px rgba(190, 157, 255, .9)) drop-shadow(0 0 15px rgba(160, 112, 255, .48));
}

.aurora-card-scale-popover {
  position: fixed;
  z-index: 260;
  box-sizing: border-box;
  padding: 17px 18px 14px;
  overflow: hidden;
  border: 1px solid rgba(222, 231, 255, .17);
  border-radius: 22px;
  color: #f5f5ff;
  background:
    linear-gradient(132deg, rgba(249, 250, 255, .1), transparent 34%),
    linear-gradient(145deg, rgba(38, 41, 54, .72), rgba(12, 15, 23, .8));
  box-shadow: 0 22px 65px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .13);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  transform-origin: 50% 0;
  animation: aurora-card-scale-popover-in 150ms cubic-bezier(.2, .78, .25, 1) both;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.aurora-card-scale-popover[hidden] { display: none; }

.aurora-card-scale-popover header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
}

.aurora-card-scale-popover header div { display: grid; gap: 3px; }
.aurora-card-scale-popover header span {
  color: #a996cf;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .16em;
}
.aurora-card-scale-popover header strong { font-size: 15px; letter-spacing: -.02em; }
.aurora-card-scale-popover output {
  color: #be9cff;
  font-size: 18px;
  font-weight: 850;
  text-shadow: 0 0 13px rgba(175, 127, 255, .48);
}

.aurora-card-scale-slider {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  color: #b8adc9;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.aurora-card-scale-slider label { position: relative; display: grid; align-items: center; }
.aurora-card-scale-center {
  position: absolute;
  z-index: 0;
  left: 50%;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background: rgba(218, 203, 255, .48);
  transform: translateX(-1px);
  pointer-events: none;
}
.aurora-card-scale-slider input {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  accent-color: #b78bff;
  cursor: ew-resize;
}
.aurora-card-scale-slider input::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(141, 151, 164, .35), rgba(201, 177, 255, .52));
}
.aurora-card-scale-slider input::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  margin-top: -7px;
  border: 0;
  border-radius: 50%;
  background: #d9c8ff;
  box-shadow: 0 0 0 4px rgba(183, 139, 255, .12), 0 0 16px rgba(183, 139, 255, .58);
  -webkit-appearance: none;
}
.aurora-card-scale-slider input:focus-visible { outline: 2px solid rgba(206, 180, 255, .72); outline-offset: 5px; }

.aurora-card-scale-popover footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.aurora-card-scale-popover footer small { color: #7f8490; font-size: 8px; }
.aurora-card-scale-popover footer small:last-child { text-align: right; }
.aurora-card-scale-popover footer button {
  min-height: 25px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  color: #bcb4ca;
  background: rgba(255, 255, 255, .055);
  font-size: 8px;
  font-weight: 780;
  cursor: pointer;
}
.aurora-card-scale-popover footer button:hover,
.aurora-card-scale-popover footer button:focus-visible { color: #f5efff; background: rgba(197, 167, 255, .12); outline: 0; }

@keyframes aurora-card-scale-popover-in {
  from { opacity: 0; transform: translateY(-5px) scale(.975); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.team-album-grid.team-progressive-view {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 26px 18px;
  overflow: visible;
}

.team-progressive-view > .team-album-card.aurora-team-card {
  contain-intrinsic-size: auto 398px;
}

.team-album-card.aurora-team-card {
  position: relative;
  z-index: 1;
  display: block;
  min-width: 0;
  min-height: 398px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
  transform: none;
  transition: none;
}

.team-album-card.aurora-team-card:hover,
.team-album-light > .team-album-card.aurora-team-card:hover {
  z-index: 4;
  border: 0;
  box-shadow: none;
  transform: none;
}

.aurora-operator {
  position: relative;
  width: min(292px, 100%);
  min-height: 398px;
  margin: 0 auto;
  isolation: isolate;
}

.aurora-portrait {
  position: relative;
  z-index: 1;
  height: 286px;
  pointer-events: none;
}

.aurora-avatar-slot {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  place-items: end center;
  overflow: visible;
}

.aurora-avatar-image {
  --aurora-avatar-lift: 0px;
  --aurora-avatar-scale: 1;
  --aurora-avatar-shift: 0px;
  display: block;
  width: min(284px, 103%);
  max-width: none;
  height: 282px;
  object-fit: contain;
  object-position: 50% 100% !important;
  filter: drop-shadow(0 22px 20px rgba(0, 0, 0, .38));
  transform: translate3d(var(--aurora-avatar-shift), var(--aurora-avatar-lift), 0) scale(var(--aurora-avatar-scale));
  transform-origin: 50% 88%;
  will-change: auto;
  mask-image: linear-gradient(to bottom, #000 0 82%, rgba(0, 0, 0, .92) 91%, transparent 100%);
}

.aurora-team-card.is-proximate .aurora-avatar-image,
.aurora-team-card.is-proximate .aurora-glass-refraction-image,
.aurora-team-card.is-proximate .aurora-banner-reactor {
  will-change: transform;
}

.aurora-avatar-fallback {
  --aurora-avatar-lift: 0px;
  --aurora-avatar-scale: 1;
  --aurora-avatar-shift: 0px;
  display: grid;
  width: 220px;
  aspect-ratio: 1;
  place-items: center;
  margin-bottom: 25px;
  border-radius: 48% 52% 44% 56%;
  color: rgba(243, 246, 255, .84);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .015)),
    radial-gradient(circle at 35% 25%, rgba(95, 245, 199, .24), transparent 48%),
    rgba(14, 18, 28, .48);
  font-size: 88px;
  font-weight: 500;
  text-transform: uppercase;
  box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 28px 54px rgba(0, 0, 0, .28);
  transform: translate3d(var(--aurora-avatar-shift), var(--aurora-avatar-lift), 0) scale(var(--aurora-avatar-scale));
  transform-origin: 50% 88%;
}

.aurora-avatar-loading-fallback {
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: 25px;
  margin: 0;
  opacity: .34;
  background: rgba(18, 23, 34, .94);
  box-shadow: none;
  filter: none;
  transform: translate3d(-50%, 0, 0);
  contain: strict;
}

.aurora-avatar-loading-fallback.is-loaded {
  visibility: hidden;
  opacity: 0;
}

.aurora-portrait-halo {
  position: absolute;
  z-index: 1;
  inset: 13% 4% 2%;
  border-radius: 46%;
  background:
    radial-gradient(circle at 23% 52%, rgba(72, 255, 206, .94), transparent 44%),
    radial-gradient(circle at 78% 43%, rgba(181, 100, 255, .94), transparent 46%),
    radial-gradient(circle at 51% 79%, rgba(255, 71, 110, .55), transparent 39%);
  filter: blur(38px);
  opacity: .62;
  transform: translateZ(0);
}

.aurora-banner-reactor {
  --aurora-react-x: 0px;
  --aurora-react-y: 0px;
  --aurora-tilt-x: 0deg;
  --aurora-tilt-y: 0deg;
  position: relative;
  z-index: 3;
  width: min(292px, 100%);
  height: 154px;
  margin: -57px auto 0;
  transform:
    perspective(820px)
    translate3d(var(--aurora-react-x), var(--aurora-react-y), 0)
    rotateX(var(--aurora-tilt-x))
    rotateY(var(--aurora-tilt-y));
  transform-origin: 50% 52%;
  will-change: auto;
}

.aurora-glass-surface {
  --aurora-glass-x: 18%;
  --aurora-glass-y: 8%;
  --aurora-scale-x: 0px;
  --aurora-scale-y: 0px;
  --aurora-scale-angle: 0deg;
  --aurora-scale-size: 1;
  --aurora-scale-pre-x: 0px;
  --aurora-scale-pre-y: 0px;
  --aurora-scale-pre-angle: 0deg;
  --aurora-scale-return-x: 0px;
  --aurora-scale-return-y: 0px;
  --aurora-scale-return-angle: 0deg;
  --aurora-scale-lead-x: 0px;
  --aurora-scale-lead-y: 0px;
  --aurora-scale-lead-angle: 0deg;
  --aurora-scale-tail-x: 0px;
  --aurora-scale-tail-y: 0px;
  --aurora-scale-tail-angle: 0deg;
  --aurora-scale-duration: 1.7s;
  --aurora-scale-delay: 0ms;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 36px;
  color: var(--aurora-ink);
  background:
    radial-gradient(circle 240px at var(--aurora-glass-x) var(--aurora-glass-y), rgba(248, 249, 243, .05), transparent 64%),
    linear-gradient(145deg, transparent 0 16%, rgba(255, 255, 250, .08) 22%, transparent 52%),
    linear-gradient(132deg, rgba(244, 245, 242, .075), rgba(231, 234, 229, .016) 46%, rgba(197, 204, 202, .035)),
    rgba(15, 19, 26, .042);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 250, .2),
    inset 0 -1px 0 rgba(255, 255, 255, .025),
    0 25px 68px rgba(0, 0, 0, .27);
  -webkit-backdrop-filter: blur(30px) saturate(155%);
  backdrop-filter: blur(30px) saturate(155%);
  transform: translateZ(0);
}

.aurora-glass-surface::before {
  position: absolute;
  z-index: 8;
  inset: 0;
  padding: 1.35px;
  border-radius: inherit;
  background: linear-gradient(118deg, rgba(221, 244, 255, .92), rgba(148, 206, 225, .12) 31%, rgba(178, 158, 229, .59) 72%, rgba(142, 231, 218, .54));
  content: "";
  pointer-events: none;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.aurora-glass-surface::after {
  position: absolute;
  z-index: 0;
  inset: -12% -6%;
  border-radius: 46%;
  background:
    radial-gradient(ellipse 42% 68% at var(--aurora-glass-x) var(--aurora-glass-y), rgba(218, 247, 255, .1), transparent 70%),
    conic-gradient(from 110deg at var(--aurora-glass-x) var(--aurora-glass-y), transparent, rgba(95, 245, 199, .035), transparent 32%, rgba(174, 131, 255, .04), transparent 73%);
  filter: blur(12px);
  content: "";
  pointer-events: none;
  opacity: .52;
  transition: opacity .28s ease;
}

.aurora-banner-reactor::before {
  --aurora-notification-rgb: 255, 255, 255;
  position: absolute;
  z-index: 0;
  inset: calc(-1 * var(--aurora-notification-outer-spread, 4px));
  border: var(--aurora-notification-outer-spread, 4px) solid rgba(var(--aurora-notification-rgb), .22);
  border-radius: calc(43px + var(--aurora-notification-outer-spread, 4px));
  background: transparent;
  box-shadow:
    inset 0 0 calc(var(--aurora-notification-outer-spread, 4px) * 1.25) rgba(var(--aurora-notification-rgb), .72),
    inset 0 0 calc(var(--aurora-notification-outer-spread, 4px) * 2) rgba(var(--aurora-notification-rgb), .26),
    0 0 calc(var(--aurora-notification-outer-spread, 4px) * .5) rgba(var(--aurora-notification-rgb), .42);
  content: "";
  filter: blur(var(--aurora-notification-outer-blur, 2px)) saturate(1.18);
  opacity: 0;
  pointer-events: none;
  transform: scale(.985);
  transform-origin: center;
}

.aurora-state-critical {
  --aurora-notification-rgb: 255, 42, 79;
  --aurora-notification-intensity: var(--aurora-alert-red-intensity, 1);
  --aurora-notification-inner-depth: var(--aurora-alert-red-inner-depth, 92px);
  --aurora-notification-outer-spread: var(--aurora-alert-red-outer-spread, 4px);
  --aurora-notification-outer-blur: var(--aurora-alert-red-outer-blur, 2px);
  --aurora-notification-duration: var(--aurora-alert-red-duration, 2.15s);
}

.aurora-state-review {
  --aurora-notification-rgb: 255, 194, 56;
  --aurora-notification-intensity: var(--aurora-alert-yellow-intensity, 1);
  --aurora-notification-inner-depth: var(--aurora-alert-yellow-inner-depth, 92px);
  --aurora-notification-outer-spread: var(--aurora-alert-yellow-outer-spread, 4px);
  --aurora-notification-outer-blur: var(--aurora-alert-yellow-outer-blur, 2px);
  --aurora-notification-duration: var(--aurora-alert-yellow-duration, 2.65s);
}

.aurora-state-reward {
  --aurora-notification-rgb: 87, 255, 177;
  --aurora-notification-intensity: var(--aurora-alert-green-intensity, 1);
  --aurora-notification-inner-depth: var(--aurora-alert-green-inner-depth, 100px);
  --aurora-notification-outer-spread: var(--aurora-alert-green-outer-spread, 4px);
  --aurora-notification-outer-blur: var(--aurora-alert-green-outer-blur, 2px);
  --aurora-notification-duration: var(--aurora-alert-green-duration, 3.6s);
}

html[data-aurora-alert-red="on"] .aurora-state-critical .aurora-banner-reactor::before,
html[data-aurora-alert-yellow="on"] .aurora-state-review .aurora-banner-reactor::before,
html[data-aurora-alert-green="on"] .aurora-state-reward .aurora-banner-reactor::before {
  opacity: .64;
}

html[data-aurora-alert-red="on"] .aurora-state-critical .aurora-banner-reactor::before {
  animation: aurora-alert-band-pulse var(--aurora-notification-duration) ease-in-out infinite;
}

html[data-aurora-alert-yellow="on"] .aurora-state-review .aurora-banner-reactor::before {
  animation: aurora-alert-band-pulse var(--aurora-notification-duration) ease-in-out infinite;
}

html[data-aurora-alert-green="on"] .aurora-state-reward .aurora-banner-reactor::before {
  animation: aurora-reward-band-pulse var(--aurora-notification-duration) cubic-bezier(.22, .7, .25, 1) infinite;
}

/* La mitad interior completa la franja: se desvanece hacia el centro del
 * vidrio y evita que la notificación vuelva a parecer una línea de borde. */
html[data-aurora-alert-red="on"] .aurora-state-critical .aurora-glass-surface::before,
html[data-aurora-alert-yellow="on"] .aurora-state-review .aurora-glass-surface::before,
html[data-aurora-alert-green="on"] .aurora-state-reward .aurora-glass-surface::before {
  inset: 0;
  padding: 0;
  background: transparent;
  mask: none;
  opacity: .76;
}

html[data-aurora-alert-red="on"] .aurora-state-critical .aurora-glass-surface::before {
  box-shadow: inset 0 0 var(--aurora-notification-inner-depth) 5px rgba(var(--aurora-notification-rgb), .46);
  animation: aurora-alert-inner-pulse var(--aurora-notification-duration) ease-in-out infinite;
}

html[data-aurora-alert-yellow="on"] .aurora-state-review .aurora-glass-surface::before {
  box-shadow: inset 0 0 var(--aurora-notification-inner-depth) 5px rgba(var(--aurora-notification-rgb), .4);
  animation: aurora-alert-inner-pulse var(--aurora-notification-duration) ease-in-out infinite;
}

html[data-aurora-alert-green="on"] .aurora-state-reward .aurora-glass-surface::before {
  box-shadow: inset 0 0 var(--aurora-notification-inner-depth) 6px rgba(var(--aurora-notification-rgb), .4);
  animation: aurora-reward-inner-pulse var(--aurora-notification-duration) cubic-bezier(.22, .7, .25, 1) infinite;
}

/* The interaction observer warms these layers before they reach the viewport.
 * Outside that margin the exact same frame is preserved, but its clock rests. */
.aurora-team-card:not(.aurora-runtime-visible) .aurora-banner-reactor::before,
.aurora-team-card:not(.aurora-runtime-visible) .aurora-glass-surface::before {
  animation-play-state: paused !important;
}

/* Scrolling already moves every pixel of the card. Freezing the current phase
 * of the decorative pulses until the compositor settles avoids repainting the
 * same band underneath the motion; the frame and phase resume unchanged. */
html.aurora-scroll-active .aurora-team-card .aurora-banner-reactor::before,
html.aurora-scroll-active .aurora-team-card .aurora-glass-surface::before,
html.aurora-scroll-active .aurora-team-card .aurora-glass-surface.is-scale-solo,
html.aurora-scroll-active .aurora-team-card .aurora-glass-surface.is-scale-chorus {
  animation-play-state: paused !important;
}

.aurora-team-card:nth-child(3n + 1) { --aurora-notification-delay: -.42s; }
.aurora-team-card:nth-child(3n + 2) { --aurora-notification-delay: -1.08s; }
.aurora-team-card:nth-child(3n) { --aurora-notification-delay: -1.74s; }

html[data-aurora-alert-red="on"] .aurora-state-critical .aurora-banner-reactor::before,
html[data-aurora-alert-yellow="on"] .aurora-state-review .aurora-banner-reactor::before,
html[data-aurora-alert-green="on"] .aurora-state-reward .aurora-banner-reactor::before,
html[data-aurora-alert-red="on"] .aurora-state-critical .aurora-glass-surface::before,
html[data-aurora-alert-yellow="on"] .aurora-state-review .aurora-glass-surface::before,
html[data-aurora-alert-green="on"] .aurora-state-reward .aurora-glass-surface::before {
  animation-delay: var(--aurora-notification-delay, 0s);
}

html[data-aurora-alert-red-pulse="off"] .aurora-state-critical .aurora-banner-reactor::before,
html[data-aurora-alert-yellow-pulse="off"] .aurora-state-review .aurora-banner-reactor::before,
html[data-aurora-alert-green-pulse="off"] .aurora-state-reward .aurora-banner-reactor::before,
.aurora-state-reward.aurora-reward-static .aurora-banner-reactor::before {
  animation: none;
  opacity: calc(.76 * var(--aurora-notification-intensity));
}

html[data-aurora-alert-red-pulse="off"] .aurora-state-critical .aurora-glass-surface::before,
html[data-aurora-alert-yellow-pulse="off"] .aurora-state-review .aurora-glass-surface::before,
html[data-aurora-alert-green-pulse="off"] .aurora-state-reward .aurora-glass-surface::before,
.aurora-state-reward.aurora-reward-static .aurora-glass-surface::before {
  animation: none;
  opacity: calc(.76 * var(--aurora-notification-intensity));
}

.aurora-state-reward.aurora-reward-static {
  --aurora-notification-intensity: var(--aurora-alert-green-static-intensity, .72);
}

.aurora-glass-surface.is-scale-solo {
  animation: aurora-scale-solo var(--aurora-scale-duration) var(--aurora-scale-delay) cubic-bezier(.22, .72, .2, 1) both;
}

.aurora-glass-surface.is-scale-chorus {
  animation: aurora-scale-chorus var(--aurora-scale-duration) var(--aurora-scale-delay) cubic-bezier(.2, .7, .18, 1) both;
}

.aurora-diagnostic-trigger {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: inherit;
  outline: 0;
  color: transparent;
  background: transparent;
  cursor: pointer;
}

.aurora-diagnostic-trigger:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(221, 244, 255, .28);
}

.aurora-identity {
  position: relative;
  z-index: 2;
  width: calc(100% - 30px);
  padding: 16px 15px 0;
  pointer-events: none;
}

.aurora-identity .aurora-presence {
  display: flex;
  width: max-content;
  max-width: 100%;
  min-height: 15px;
  align-items: center;
  gap: 7px;
  margin: 0 !important;
  padding: 0;
  border: 0;
  color: rgba(241, 245, 255, .8) !important;
  background: transparent;
  font-size: 8px;
  font-weight: 780;
  letter-spacing: .09em;
  line-height: 1;
  pointer-events: auto;
}

.aurora-identity .aurora-presence i {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #7c8995;
  box-shadow: 0 0 9px rgba(124, 137, 149, .42);
}

.aurora-identity .aurora-presence.online i {
  background: var(--aurora-mint);
  box-shadow: 0 0 13px rgba(95, 245, 199, .85);
}

.aurora-identity .aurora-presence em {
  overflow: hidden;
  color: inherit !important;
  font-size: inherit !important;
  font-style: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.aurora-name {
  display: block !important;
  width: auto !important;
  margin: 5px 0 0 !important;
  overflow: hidden !important;
  color: rgba(249, 250, 255, .97);
  font-size: 24px !important;
  font-weight: 750;
  line-height: 1 !important;
  letter-spacing: -.035em;
  text-align: left;
  text-overflow: ellipsis !important;
  text-transform: uppercase;
  transform: none !important;
  white-space: nowrap !important;
}

.aurora-name .shift-badge {
  vertical-align: middle;
}

.aurora-role {
  max-width: 100%;
  margin: 5px 0 0;
  overflow: hidden;
  color: rgba(233, 237, 250, .66);
  font-size: 14.4px;
  font-weight: 520;
  line-height: 1.06;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aurora-communication {
  position: absolute;
  z-index: 3;
  right: 10px;
  bottom: 8px;
  left: 10px;
  display: grid;
  grid-template-columns: minmax(82px, 1.35fr) 1fr 1fr;
  align-items: center;
  gap: 4px;
  pointer-events: none;
}

.aurora-comm-action,
.team-album-card .aurora-comm-action,
.team-album-card .team-card-name-action.aurora-comm-action,
.team-album-card .team-card-live-action.aurora-comm-action {
  --aurora-energy-opacity: 0;
  position: relative;
  inset: auto;
  z-index: 2;
  display: inline-flex;
  width: auto;
  height: 54px;
  min-width: 0;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 3px 5px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  outline: 0;
  color: currentColor;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  pointer-events: auto;
  transform: none;
  transition: opacity .18s ease, filter .18s ease, transform .18s ease;
}

.aurora-comm-action:disabled {
  cursor: not-allowed;
  opacity: .24;
  filter: saturate(.35);
}

.aurora-comm-action:not(:disabled):hover,
.aurora-comm-action:not(:disabled):focus-visible {
  border: 0;
  background: transparent;
  box-shadow: none;
  filter: brightness(1.14);
  transform: translateY(-1px);
}

.aurora-icon-glyph {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  overflow: visible;
  color: inherit;
  filter: drop-shadow(0 0 calc(3px + var(--aurora-energy-opacity) * 8px) currentColor);
  transition: filter .08s linear;
}

.aurora-icon-glyph svg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
  shape-rendering: geometricPrecision;
}

.team-album-card.aurora-team-card .aurora-comm-action.aurora-chat { color: var(--aurora-violet); }
.team-album-card.aurora-team-card .aurora-comm-action.aurora-phone { color: var(--aurora-mint); }
.team-album-card.aurora-team-card .aurora-comm-action.aurora-video { color: var(--aurora-coral); }

.aurora-action-label {
  color: currentColor;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .06em;
  text-shadow: 0 0 12px currentColor;
}

.aurora-card-source[hidden] {
  display: none !important;
}

.aurora-team-card > .team-card-overlay-layer {
  position: absolute;
  z-index: 70;
  inset: 0;
  overflow: visible;
  border-radius: 34px;
  pointer-events: none;
}

.aurora-team-card > .team-card-overlay-layer > .team-card-tools-panel,
.aurora-team-card > .team-card-overlay-layer > .team-quick-message,
.aurora-team-card > .team-card-overlay-layer > .team-presence-panel {
  position: absolute;
  inset: auto 0 0;
  width: min(292px, 100%);
  height: 154px;
  margin: 0 auto;
  overflow: auto;
  border: 1px solid rgba(221, 244, 255, .19);
  border-radius: 36px;
  background: rgba(11, 16, 25, .72);
  box-shadow: 0 24px 68px rgba(0, 0, 0, .44);
  -webkit-backdrop-filter: blur(28px) saturate(145%);
  backdrop-filter: blur(28px) saturate(145%);
  pointer-events: auto;
}

.aurora-team-card.tools-open .aurora-glass-surface,
.aurora-team-card.chat-open .aurora-glass-surface,
.aurora-team-card.activity-open .aurora-glass-surface {
  opacity: .14;
}

.aurora-diagnostic-open {
  overflow: hidden;
}

.aurora-diagnostic-backdrop {
  position: fixed;
  z-index: 280;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(1, 3, 8, .42);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

.aurora-diagnostic-backdrop[hidden] {
  display: none;
}

.aurora-diagnostic-modal {
  position: relative;
  width: min(548px, calc(100vw - 30px));
  min-height: 238px;
  overflow: visible;
  border: 0;
  border-radius: 46px 62px 44px 58px;
  color: var(--aurora-ink);
  background:
    radial-gradient(circle at 11% 16%, rgba(95, 245, 199, .15), transparent 33%),
    radial-gradient(circle at 88% 82%, rgba(174, 131, 255, .18), transparent 37%),
    rgba(15, 20, 30, .34);
  box-shadow: 0 38px 110px rgba(0, 0, 0, .53), inset 0 1px rgba(255, 255, 255, .12);
  -webkit-backdrop-filter: blur(34px) saturate(155%);
  backdrop-filter: blur(34px) saturate(155%);
  animation: aurora-modal-in .19s ease-out;
}

.aurora-diagnostic-modal.has-admin-actions {
  min-height: 324px;
}

.aurora-diagnostic-modal > .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

.aurora-diagnostic-modal::before {
  display: none;
}

.aurora-diagnostic-aura {
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: linear-gradient(100deg, rgba(95, 245, 199, .15), rgba(174, 131, 255, .17), rgba(255, 73, 103, .13));
  filter: blur(34px);
  pointer-events: none;
}

.aurora-diagnostic-close {
  position: absolute;
  z-index: 3;
  top: 13px;
  right: 16px;
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  padding: 0;
  border: 0;
  color: rgba(236, 240, 255, .54);
  background: transparent;
  cursor: pointer;
}

.aurora-diagnostic-close svg,
.aurora-diagnostic-action svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.aurora-diagnostic-close svg {
  width: 19px;
  height: 19px;
}

.aurora-diagnostic-cluster {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 58px);
  min-height: 238px;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 5vw, 38px);
  padding: 44px 28px 28px;
}

.aurora-diagnostic-body {
  position: relative;
  z-index: 2;
}

.aurora-diagnostic-modal.has-admin-actions .aurora-diagnostic-cluster {
  min-height: 210px;
  padding-bottom: 18px;
}

.aurora-diagnostic-divider {
  position: relative;
  z-index: 2;
  display: block;
  width: calc(100% - 86px);
  height: 1px;
  margin: 0 auto;
  background: linear-gradient(90deg, transparent, rgba(225, 240, 255, .14) 24%, rgba(174, 131, 255, .2) 72%, transparent);
  opacity: .68;
}

.aurora-diagnostic-admin {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 112px;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 4vw, 30px);
  padding: 16px 34px 24px;
}

.aurora-diagnostic-admin[hidden],
.aurora-diagnostic-admin[hidden] + * {
  display: none;
}

.aurora-diagnostic-modal:not(.has-admin-actions) .aurora-diagnostic-divider {
  display: none;
}

.aurora-diagnostic-action {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  padding: 7px;
  border: 0;
  outline: 0;
  color: currentColor;
  background: transparent;
  cursor: pointer;
}

.aurora-diagnostic-action svg {
  width: 43px;
  height: 43px;
}

.aurora-diagnostic-account { color: var(--aurora-coral); }
.aurora-diagnostic-identity { color: var(--aurora-mint); }
.aurora-diagnostic-benchmark { color: var(--aurora-amber); }
.aurora-diagnostic-presence { color: #7fdcff; }
.aurora-diagnostic-advanced { color: var(--aurora-violet); }
.aurora-diagnostic-avatar { color: #8be2ff; }
.aurora-diagnostic-performance { color: #7df2d1; }
.aurora-diagnostic-trash { color: var(--aurora-coral); }
.aurora-diagnostic-activation { color: var(--aurora-mint); }
.aurora-diagnostic-regenerate { color: var(--aurora-amber); }

.aurora-diagnostic-tool {
  width: 44px;
  height: 44px;
  padding: 5px;
  opacity: .72;
}

.aurora-diagnostic-tool svg {
  width: 34px;
  height: 34px;
}

.aurora-diagnostic-action.is-pending {
  animation: aurora-icon-pending 1.85s ease-in-out infinite;
}

.aurora-diagnostic-action.is-complete {
  opacity: .5;
  filter: saturate(.66);
}

.aurora-diagnostic-action.is-neutral {
  color: rgba(199, 210, 222, .58);
  opacity: .64;
  filter: saturate(.38);
}

.aurora-diagnostic-action:hover,
.aurora-diagnostic-action:focus-visible,
.aurora-diagnostic-close:hover,
.aurora-diagnostic-close:focus-visible {
  outline: 0;
  filter: brightness(1.22) drop-shadow(0 0 12px currentColor);
}

.aurora-diagnostic-action:disabled {
  opacity: .18;
  cursor: not-allowed;
  filter: saturate(.2);
}

.aurora-tooltip {
  position: fixed;
  z-index: 340;
  max-width: min(310px, calc(100vw - 24px));
  padding: 9px 12px;
  border: 1px solid rgba(232, 245, 255, .13);
  border-radius: 14px;
  color: rgba(247, 249, 255, .94);
  background: linear-gradient(135deg, rgba(77, 93, 112, .28), rgba(17, 22, 32, .36)), rgba(12, 16, 24, .38);
  box-shadow: 0 16px 44px rgba(0, 0, 0, .36);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .01em;
  line-height: 1.42;
  pointer-events: none;
  opacity: 0;
  translate: 0 5px;
  transition: opacity .13s ease, translate .13s ease;
}

.aurora-tooltip[hidden] {
  display: none;
}

.aurora-tooltip.is-visible {
  opacity: 1;
  translate: 0 0;
}

/* Branding lab: additive Super admin tabs, local-only until a backend contract is approved. */
.branding-logo-tabs {
  overflow-x: auto;
  scrollbar-width: thin;
}

.branding-logo-tabs > button {
  white-space: nowrap;
}

.aurora-brand-pane {
  min-height: 520px;
}

.aurora-brand-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 3px 2px 0;
}

.aurora-brand-head h3 {
  margin: 2px 0 5px;
  color: #edf3f8;
  font-size: 23px;
  letter-spacing: -.03em;
}

.aurora-brand-head p {
  max-width: 570px;
  margin: 0;
  color: #8fa19c;
  font-size: 9px;
  line-height: 1.55;
}

.aurora-brand-head .eyebrow {
  margin: 0;
  color: #8de3ca;
}

.aurora-local-chip {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border: 1px solid rgba(95, 245, 199, .19);
  border-radius: 999px;
  color: #83d6be;
  background: rgba(95, 245, 199, .045);
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .1em;
}

.aurora-local-chip i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--aurora-mint);
  box-shadow: 0 0 9px rgba(95, 245, 199, .8);
}

.aurora-preset-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 14px;
}

.aurora-glass-theme-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  max-height: min(54vh, 560px);
  padding: 2px 5px 8px 2px;
  overflow: auto;
  scrollbar-color: rgba(151, 184, 198, .3) transparent;
  scrollbar-width: thin;
}

.aurora-glass-option {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 70px;
  padding: 9px;
  border: 1px solid rgba(151, 184, 198, .12);
  border-radius: 17px;
  color: #dbe7e7;
  background: rgba(5, 10, 16, .31);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.aurora-glass-option:hover,
.aurora-glass-option:focus-visible {
  border-color: rgba(166, 226, 218, .34);
  background: rgba(11, 19, 27, .5);
  outline: 0;
  transform: translateY(-1px);
}

.aurora-glass-option.is-selected,
.aurora-glass-option[aria-checked="true"] {
  border-color: rgba(128, 231, 209, .56);
  background: linear-gradient(135deg, rgba(95, 245, 199, .075), rgba(174, 131, 255, .045)), rgba(8, 15, 22, .5);
  box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 0 22px rgba(95, 245, 199, .055);
}

.aurora-glass-swatch {
  position: relative;
  width: 76px;
  height: 50px;
  overflow: hidden;
  border-radius: 16px;
  background: var(--aurora-swatch-surface);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 8px 20px rgba(0, 0, 0, .27);
}

.aurora-glass-swatch::before {
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: var(--aurora-swatch-edge);
  content: "";
  pointer-events: none;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.aurora-glass-swatch i {
  position: absolute;
  inset: 11px 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(95, 245, 199, .17), rgba(255, 255, 255, .04), rgba(174, 131, 255, .18));
  filter: blur(7px);
}

.aurora-glass-option > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.aurora-glass-option b {
  overflow: hidden;
  font-size: 9px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aurora-glass-option small {
  color: #7f918e;
  font-size: 7px;
  line-height: 1.35;
}

.aurora-glass-option em {
  align-self: start;
  padding: 4px 6px;
  border-radius: 999px;
  color: #8eb0aa;
  background: rgba(255, 255, 255, .035);
  font-size: 6.5px;
  font-style: normal;
  font-weight: 760;
  white-space: nowrap;
}

.aurora-color-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.aurora-color-group {
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(174, 131, 255, .16);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .03), rgba(174, 131, 255, .018)), rgba(5, 9, 15, .32);
}

.aurora-color-group legend {
  padding: 0 7px;
  color: #e7dcff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .035em;
}

.aurora-color-group > p {
  min-height: 28px;
  margin: 0 0 11px;
  color: #82918f;
  font-size: 7.5px;
  line-height: 1.5;
}

.aurora-neon-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.aurora-neon-color {
  display: grid;
  min-width: 0;
  min-height: 70px;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 8px 5px;
  border: 1px solid rgba(161, 175, 191, .1);
  border-radius: 14px;
  color: #9eaaa9;
  background: rgba(255, 255, 255, .018);
  cursor: pointer;
  transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease;
}

.aurora-neon-color:hover,
.aurora-neon-color:focus-visible {
  border-color: rgba(var(--aurora-neon-rgb), .42);
  color: #eef4f5;
  background: rgba(var(--aurora-neon-rgb), .055);
  outline: 0;
  transform: translateY(-1px);
}

.aurora-neon-color.is-selected,
.aurora-neon-color[aria-checked="true"] {
  border-color: rgba(var(--aurora-neon-rgb), .72);
  color: #f6f8f8;
  background: rgba(var(--aurora-neon-rgb), .075);
  box-shadow: 0 0 18px rgba(var(--aurora-neon-rgb), .1), inset 0 1px rgba(255, 255, 255, .045);
}

.aurora-neon-swatch {
  width: 27px;
  height: 27px;
  border: 2px solid var(--aurora-neon-value);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--aurora-neon-rgb), .22), transparent 67%);
  box-shadow:
    0 0 4px rgba(var(--aurora-neon-rgb), .9),
    0 0 15px rgba(var(--aurora-neon-rgb), .58),
    inset 0 0 9px rgba(var(--aurora-neon-rgb), .32);
}

.aurora-neon-color b {
  max-width: 100%;
  overflow: hidden;
  font-size: 6.8px;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aurora-glass-carousel-backdrop {
  position: fixed;
  z-index: 360;
  inset: 0;
  overflow: hidden;
  background: transparent;
}

.aurora-glass-carousel-backdrop[hidden] {
  display: none;
}

.aurora-glass-carousel-backdrop::before {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 33%, rgba(126, 104, 190, .08), transparent 38%),
    rgba(3, 6, 12, .74);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}

.aurora-glass-carousel-backdrop.is-open::before {
  opacity: 1;
}

body.aurora-glass-carousel-open {
  overflow: hidden;
}

.team-album-card.aurora-team-card.aurora-glass-carousel-source {
  opacity: 0 !important;
}

.aurora-glass-context {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: auto;
}

.aurora-glass-stage {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
}

.aurora-glass-stage-card.team-album-card.aurora-team-card {
  position: fixed !important;
  top: 0;
  left: 0;
  display: block;
  width: 322px !important;
  min-width: 322px !important;
  max-width: 322px !important;
  height: 428px !important;
  min-height: 428px !important;
  margin: 0 !important;
  pointer-events: auto;
  opacity: 1;
  zoom: 1 !important;
  transform: translate3d(
    var(--aurora-stage-source-left, 0),
    var(--aurora-stage-source-top, 0),
    0
  ) scale(var(--aurora-stage-source-scale, .475));
  transform-origin: 0 0;
  transition: transform .58s cubic-bezier(.16, .78, .18, 1);
  will-change: transform;
}

.aurora-glass-stage-card > * {
  pointer-events: none;
}

.aurora-glass-stage-card.aurora-glass-stage-returning .aurora-avatar-image,
.aurora-glass-stage-card.aurora-glass-stage-returning .aurora-avatar-fallback,
.aurora-glass-stage-card.aurora-glass-stage-returning .aurora-glass-refraction-image,
.aurora-glass-stage-card.aurora-glass-stage-returning .aurora-banner-reactor {
  transition: transform .58s cubic-bezier(.16, .78, .18, 1) !important;
}

.aurora-glass-carousel-backdrop.is-open .aurora-glass-stage-card {
  transform: translate3d(
    var(--aurora-stage-target-left, calc(50vw - 153px)),
    var(--aurora-stage-target-top, 80px),
    0
  ) scale(var(--aurora-stage-target-scale, .95));
}

.aurora-glass-carousel-track {
  --aurora-carousel-item-width: clamp(220px, 23vw, 292px);
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: var(--aurora-carousel-bottom, 32px);
  left: 0;
  display: flex;
  height: var(--aurora-carousel-height, 190px);
  box-sizing: border-box;
  align-items: center;
  gap: clamp(14px, 2vw, 30px);
  width: 100%;
  overflow: hidden;
  padding: 8px calc((100% - var(--aurora-carousel-item-width)) / 2);
  scroll-behavior: auto;
  scroll-snap-type: none;
  scrollbar-width: none;
  cursor: grab;
  touch-action: none;
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity .26s .16s ease, transform .38s .12s cubic-bezier(.2, .76, .2, 1);
}

.aurora-glass-carousel-backdrop.is-open .aurora-glass-carousel-track {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.aurora-glass-carousel-track:active { cursor: grabbing; }

.aurora-glass-carousel-track::-webkit-scrollbar {
  display: none;
}

.aurora-glass-carousel-item {
  position: relative;
  display: block;
  flex: 0 0 var(--aurora-carousel-item-width);
  width: var(--aurora-carousel-item-width);
  height: auto;
  aspect-ratio: 322 / 184;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 43px;
  color: rgba(244, 247, 248, .72);
  background: transparent;
  text-align: left;
  cursor: pointer;
  opacity: .35;
  transform: perspective(900px) translateZ(-50px) scale(.82);
  transform-origin: center;
  transition: color .32s ease, opacity .32s ease, transform .38s cubic-bezier(.2, .74, .25, 1);
  contain: layout paint style;
}

.aurora-glass-carousel-item:hover,
.aurora-glass-carousel-item:focus-visible,
.aurora-glass-carousel-item[aria-checked="true"] {
  z-index: 30;
  color: #fff;
  outline: 0;
  opacity: 1;
  transform: perspective(900px) translateZ(0) scale(.98);
}

.aurora-glass-carousel-banner {
  --aurora-glass-density: 66%;
  --aurora-glass-blur: 34px;
  --aurora-glass-saturation: 155%;
  --aurora-glass-base: rgba(15, 19, 26, .074);
  --aurora-glass-top: rgba(244, 245, 242, .142);
  --aurora-glass-center: rgba(231, 234, 229, .04);
  --aurora-glass-tint: rgba(197, 204, 202, .055);
  --aurora-mirror-highlight: rgba(255, 255, 250, .17);
  --aurora-mirror-angle: 145deg;
  --aurora-mirror-start: 0%;
  --aurora-mirror-peak: 20%;
  --aurora-mirror-end: 56%;
  --aurora-inner-highlight: rgba(255, 255, 250, .2);
  --aurora-bottom-highlight: rgba(255, 255, 255, .035);
  --aurora-lens-highlight: rgba(248, 249, 243, .07);
  --aurora-lens-size: 260px;
  --aurora-edge-gradient: transparent;
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 28px;
  border-radius: 43px;
  background: var(--aurora-glass-background,
    radial-gradient(circle var(--aurora-lens-size) at 18% 8%, color-mix(in srgb, var(--aurora-lens-highlight) var(--aurora-glass-density), transparent), transparent 62%),
    linear-gradient(var(--aurora-mirror-angle), transparent var(--aurora-mirror-start), color-mix(in srgb, var(--aurora-mirror-highlight) var(--aurora-glass-density), transparent) var(--aurora-mirror-peak), transparent var(--aurora-mirror-end)),
    linear-gradient(132deg, color-mix(in srgb, var(--aurora-glass-top) var(--aurora-glass-density), transparent), color-mix(in srgb, var(--aurora-glass-center) var(--aurora-glass-density), transparent) 46%, color-mix(in srgb, var(--aurora-glass-tint) var(--aurora-glass-density), transparent)),
    color-mix(in srgb, var(--aurora-glass-base) var(--aurora-glass-density), transparent));
  box-shadow: var(--aurora-glass-shadow, 0 25px 68px rgba(0, 0, 0, .31));
  -webkit-backdrop-filter: blur(var(--aurora-glass-blur)) saturate(var(--aurora-glass-saturation));
  backdrop-filter: blur(var(--aurora-glass-blur)) saturate(var(--aurora-glass-saturation));
}

.aurora-glass-carousel-banner::before {
  position: absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  background: var(--aurora-edge-gradient);
  content: "";
  pointer-events: none;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.aurora-glass-carousel-banner b {
  position: relative;
  z-index: 1;
  max-width: 90%;
  overflow: hidden;
  color: currentColor;
  font-size: 23.4px;
  font-weight: 690;
  letter-spacing: -.025em;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .48);
  white-space: nowrap;
}

.aurora-preset-row button,
.aurora-lab-footer button {
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(150, 184, 195, .2);
  border-radius: 11px;
  color: #aebfc3;
  background: rgba(255, 255, 255, .028);
  font-size: 8px;
  font-weight: 760;
  cursor: pointer;
}

.aurora-preset-row button:hover,
.aurora-preset-row button:focus-visible,
.aurora-lab-footer button:hover,
.aurora-lab-footer button:focus-visible {
  border-color: rgba(95, 245, 199, .44);
  color: #d9fbf2;
  background: rgba(95, 245, 199, .075);
  outline: 0;
}

.aurora-settings-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 14px;
  align-items: start;
}

.aurora-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.aurora-setting {
  display: grid;
  min-width: 0;
  gap: 8px;
  margin: 0;
  padding: 11px;
  border: 1px solid rgba(151, 180, 188, .11);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    rgba(8, 15, 18, .44);
  transition: border-color .18s ease, background .18s ease;
}

.aurora-setting:hover,
.aurora-setting:focus-within {
  border-color: rgba(130, 214, 198, .25);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
    rgba(8, 15, 18, .5);
}

.aurora-setting-copy {
  display: grid;
  gap: 4px;
}

.aurora-setting-copy b {
  color: #dbe5e5;
  font-size: 9px;
}

.aurora-setting-copy small {
  display: -webkit-box;
  min-height: 27px;
  overflow: hidden;
  color: #758985;
  font-size: 7px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.aurora-setting-control {
  display: grid;
  grid-template-columns: minmax(72px, 1fr) auto 24px;
  align-items: center;
  gap: 7px;
}

.aurora-setting input[type="range"] {
  width: 100%;
  height: 18px;
  margin: 0;
  accent-color: #6ee3c5;
  cursor: pointer;
}

.aurora-setting output {
  min-width: 50px;
  color: #a9cbc2;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 7px;
  text-align: right;
  white-space: nowrap;
}

.aurora-field-help {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(178, 206, 213, .17);
  border-radius: 50%;
  color: #86a8a2;
  background: transparent;
  font: 750 9px/1 ui-serif, Georgia, serif;
  cursor: help;
}

.aurora-field-help:hover,
.aurora-field-help:focus-visible {
  border-color: rgba(95, 245, 199, .4);
  color: var(--aurora-mint);
  outline: 0;
}

.aurora-help-panel {
  position: sticky;
  top: 8px;
  min-height: 186px;
  padding: 18px;
  border: 1px solid rgba(216, 238, 244, .14);
  border-radius: 22px 28px 20px 26px;
  background:
    radial-gradient(circle at 14% 8%, rgba(95, 245, 199, .09), transparent 38%),
    radial-gradient(circle at 88% 90%, rgba(174, 131, 255, .1), transparent 42%),
    rgba(18, 26, 34, .34);
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 20px 44px rgba(0, 0, 0, .19);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
}

.aurora-help-panel > span {
  color: #6ed7bb;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: .14em;
}

.aurora-help-panel h4 {
  margin: 24px 0 8px;
  color: #e3eded;
  font-size: 16px;
}

.aurora-help-panel p {
  margin: 0;
  color: #91a39f;
  font-size: 8px;
  line-height: 1.6;
}

.aurora-master-toggle {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #a9beb8;
  font-size: 8px;
}

.aurora-master-toggle input {
  accent-color: var(--aurora-mint);
}

.aurora-pattern-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0 0;
  padding: 12px;
  border: 1px solid rgba(151, 180, 188, .12);
  border-radius: 17px;
}

.aurora-pattern-grid legend {
  padding: 0 7px;
  color: #87a79f;
  font-size: 8px;
  font-weight: 780;
}

.aurora-pattern-option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 8px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .022);
}

.aurora-pattern-option input {
  margin-top: 2px;
  accent-color: var(--aurora-mint);
}

.aurora-pattern-option span {
  display: grid;
  gap: 3px;
}

.aurora-pattern-option b {
  color: #cddbd7;
  font-size: 8px;
}

.aurora-pattern-option small {
  color: #738580;
  font-size: 6.5px;
  line-height: 1.35;
}

.aurora-alert-priority {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -3px 0 13px;
  color: #63726f;
  font-size: 7px;
  font-weight: 820;
  letter-spacing: .08em;
}

.aurora-alert-priority span {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .025);
}

.aurora-alert-priority .red { color: #ff667e; }
.aurora-alert-priority .yellow { color: #ffd06b; }
.aurora-alert-priority .green { color: #6fffc0; }

.aurora-alerts-list {
  display: grid;
  max-height: min(51vh, 590px);
  gap: 10px;
  padding: 2px 6px 8px 2px;
  overflow: auto;
  scrollbar-color: rgba(151, 184, 198, .28) transparent;
  scrollbar-width: thin;
}

.aurora-alert-editor {
  --aurora-alert-editor-rgb: 255, 255, 255;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(var(--aurora-alert-editor-rgb), .14);
  border-radius: 20px;
  background:
    radial-gradient(circle at 4% 0%, rgba(var(--aurora-alert-editor-rgb), .065), transparent 31%),
    rgba(6, 11, 17, .38);
}

.aurora-alert-editor-red { --aurora-alert-editor-rgb: 255, 42, 79; }
.aurora-alert-editor-yellow { --aurora-alert-editor-rgb: 255, 194, 56; }
.aurora-alert-editor-green { --aurora-alert-editor-rgb: 87, 255, 177; }

.aurora-alert-editor > header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.aurora-alert-editor > header > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.aurora-alert-editor > header b {
  color: #edf3f4;
  font-size: 10px;
}

.aurora-alert-editor > header small {
  color: #778986;
  font-size: 7px;
}

.aurora-alert-editor > header button {
  padding: 6px 9px;
  border: 1px solid rgba(var(--aurora-alert-editor-rgb), .18);
  border-radius: 999px;
  color: rgba(var(--aurora-alert-editor-rgb), .8);
  background: rgba(var(--aurora-alert-editor-rgb), .035);
  font-size: 6.5px;
  font-weight: 800;
  cursor: pointer;
}

.aurora-alert-editor > header button:hover,
.aurora-alert-editor > header button:focus-visible {
  border-color: rgba(var(--aurora-alert-editor-rgb), .48);
  outline: 0;
}

.aurora-alert-preview {
  position: relative;
  display: block;
  width: 40px;
  height: 28px;
  border-radius: 10px;
  background: rgba(13, 18, 27, .46);
  box-shadow:
    inset 0 0 15px 2px rgba(var(--aurora-alert-editor-rgb), .42),
    0 0 2px rgba(var(--aurora-alert-editor-rgb), .58);
}

.aurora-alert-preview i {
  position: absolute;
  inset: -2px;
  border: 2px solid rgba(var(--aurora-alert-editor-rgb), .28);
  border-radius: 12px;
  filter: blur(1px);
}

.aurora-alert-toggle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 8px;
}

.aurora-alert-toggle {
  min-height: 52px;
  background: rgba(var(--aurora-alert-editor-rgb), .022);
}

.aurora-alert-toggle input {
  position: relative;
  flex: 0 0 auto;
  width: 30px;
  min-width: 30px;
  height: 17px;
  margin: 1px 0 0;
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: rgba(135, 151, 160, .18);
  box-shadow: inset 0 0 0 1px rgba(208, 222, 226, .12);
  cursor: pointer;
  transition: background .18s ease, box-shadow .18s ease;
}

.aurora-alert-toggle input::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #8a989b;
  content: "";
  box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
  transition: translate .18s cubic-bezier(.2, .75, .25, 1), background .18s ease, box-shadow .18s ease;
}

.aurora-alert-toggle input:checked {
  background: rgba(var(--aurora-alert-editor-rgb), .18);
  box-shadow: inset 0 0 0 1px rgba(var(--aurora-alert-editor-rgb), .48), 0 0 10px rgba(var(--aurora-alert-editor-rgb), .12);
}

.aurora-alert-toggle input:checked::after {
  background: rgb(var(--aurora-alert-editor-rgb));
  box-shadow: 0 0 8px rgba(var(--aurora-alert-editor-rgb), .62);
  translate: 13px 0;
}

.aurora-alert-toggle input:focus-visible {
  outline: 2px solid rgba(var(--aurora-alert-editor-rgb), .55);
  outline-offset: 2px;
}

.aurora-alert-range-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.aurora-alert-range-grid .aurora-setting {
  padding: 9px;
  border-color: rgba(var(--aurora-alert-editor-rgb), .09);
  background: rgba(5, 9, 14, .34);
}

.aurora-alert-range-grid .aurora-setting input[type="range"] {
  accent-color: rgb(var(--aurora-alert-editor-rgb));
}

.aurora-alert-help {
  min-height: 0;
  margin-top: 10px;
  padding: 12px 15px;
}

.aurora-alert-help h4 {
  display: inline;
  margin: 0 8px 0 10px;
  font-size: 10px;
}

.aurora-alert-help p {
  display: inline;
  font-size: 7px;
}

.aurora-lab-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(151, 180, 188, .1);
}

.aurora-lab-footer p {
  margin: 0;
  color: #71827d;
  font-size: 7px;
  line-height: 1.45;
}

html[data-theme="light"] .aurora-glass-surface {
  color: #142020;
  background:
    radial-gradient(circle 240px at var(--aurora-glass-x) var(--aurora-glass-y), rgba(255, 255, 255, .31), transparent 64%),
    linear-gradient(145deg, transparent 0 16%, rgba(255, 255, 255, .31) 22%, transparent 52%),
    linear-gradient(132deg, rgba(255, 255, 255, .18), rgba(242, 247, 245, .06) 46%, rgba(210, 218, 216, .1)),
    rgba(236, 241, 239, .17);
  box-shadow: inset 0 1px rgba(255, 255, 255, .74), 0 20px 54px rgba(50, 64, 65, .13);
}

html[data-theme="light"] .aurora-name {
  color: #182321;
}

html[data-theme="light"] .aurora-role,
html[data-theme="light"] .aurora-identity .aurora-presence {
  color: rgba(32, 48, 45, .65) !important;
}

@keyframes aurora-critical-pulse {
  0%, 100% { opacity: .42; filter: brightness(.86); }
  50% { opacity: 1; filter: brightness(1.22); }
}

@keyframes aurora-alert-band-pulse {
  0%, 100% { opacity: calc(.42 * var(--aurora-notification-intensity, 1)); transform: scale(.985); }
  48% { opacity: calc(.98 * var(--aurora-notification-intensity, 1)); transform: scale(1.018); }
}

@keyframes aurora-alert-inner-pulse {
  0%, 100% { opacity: calc(.36 * var(--aurora-notification-intensity, 1)); }
  48% { opacity: calc(.88 * var(--aurora-notification-intensity, 1)); }
}

@keyframes aurora-reward-band-pulse {
  0%, 62%, 100% { opacity: calc(.28 * var(--aurora-notification-intensity, 1)); transform: scale(.985); }
  72% { opacity: var(--aurora-notification-intensity, 1); transform: scale(1.014); }
  81% { opacity: calc(.46 * var(--aurora-notification-intensity, 1)); transform: scale(1.038); }
  90% { opacity: calc(.86 * var(--aurora-notification-intensity, 1)); transform: scale(1.018); }
}

@keyframes aurora-reward-inner-pulse {
  0%, 62%, 100% { opacity: calc(.26 * var(--aurora-notification-intensity, 1)); }
  72% { opacity: calc(.94 * var(--aurora-notification-intensity, 1)); }
  81% { opacity: calc(.42 * var(--aurora-notification-intensity, 1)); }
  90% { opacity: calc(.78 * var(--aurora-notification-intensity, 1)); }
}

@keyframes aurora-icon-pending {
  0%, 100% { filter: drop-shadow(0 0 5px currentColor); opacity: .7; }
  50% { filter: drop-shadow(0 0 14px currentColor); opacity: 1; }
}

@keyframes aurora-modal-in {
  from { opacity: 0; transform: translateY(10px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes aurora-scale-solo {
  0%, 100% { translate: 0 0; rotate: 0deg; scale: 1; }
  18% { translate: var(--aurora-scale-pre-x) var(--aurora-scale-pre-y); rotate: var(--aurora-scale-pre-angle); scale: .9995; }
  46% { translate: var(--aurora-scale-x) var(--aurora-scale-y); rotate: var(--aurora-scale-angle); scale: var(--aurora-scale-size); }
  69% { translate: var(--aurora-scale-return-x) var(--aurora-scale-return-y); rotate: var(--aurora-scale-return-angle); scale: 1.001; }
}

@keyframes aurora-scale-chorus {
  0%, 100% { translate: 0 0; rotate: 0deg; scale: 1; }
  26% { translate: var(--aurora-scale-lead-x) var(--aurora-scale-lead-y); rotate: var(--aurora-scale-lead-angle); scale: 1.001; }
  54% { translate: var(--aurora-scale-x) var(--aurora-scale-y); rotate: var(--aurora-scale-angle); scale: var(--aurora-scale-size); }
  78% { translate: var(--aurora-scale-tail-x) var(--aurora-scale-tail-y); rotate: var(--aurora-scale-tail-angle); scale: 1.0005; }
}

@media (min-width: 1800px) {
  .team-album-grid.team-progressive-view {
    grid-template-columns: repeat(6, minmax(230px, 1fr));
  }
}

@media (max-width: 1100px) {
  .team-album-grid.team-progressive-view {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap-inline: 12px;
  }

  .aurora-operator {
    width: min(270px, 100%);
  }

  .aurora-banner-reactor,
  .aurora-team-card > .team-card-overlay-layer > .team-card-tools-panel,
  .aurora-team-card > .team-card-overlay-layer > .team-quick-message,
  .aurora-team-card > .team-card-overlay-layer > .team-presence-panel {
    width: min(270px, 100%);
  }

  .aurora-settings-layout {
    grid-template-columns: 1fr;
  }

  .aurora-help-panel {
    position: static;
    min-height: 120px;
  }

  .aurora-alert-range-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .aurora-alert-toggle-grid,
  .aurora-alert-range-grid {
    grid-template-columns: 1fr;
  }

  .aurora-alert-priority {
    flex-wrap: wrap;
  }

  .team-album-grid.team-progressive-view {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 8px;
  }

  .team-album-card.aurora-team-card {
    min-height: 316px;
  }

  .team-progressive-view > .team-album-card.aurora-team-card {
    contain-intrinsic-size: auto 316px;
  }

  .aurora-operator {
    width: 100%;
    min-height: 316px;
  }

  .aurora-portrait {
    height: 224px;
  }

  .aurora-avatar-image {
    width: min(222px, 105%);
    height: 222px;
  }

  .aurora-avatar-fallback {
    width: 166px;
    margin-bottom: 21px;
    font-size: 66px;
  }

  .aurora-banner-reactor {
    width: 100%;
    height: 132px;
    margin-top: -47px;
  }

  .aurora-glass-surface {
    border-radius: 27px;
  }

  .aurora-identity {
    width: calc(100% - 20px);
    padding: 12px 10px 0;
  }

  .aurora-name {
    margin-top: 4px !important;
    font-size: 18px !important;
  }

  .aurora-role {
    margin-top: 3px;
    font-size: 11px;
  }

  .aurora-communication {
    right: 3px;
    bottom: 5px;
    left: 3px;
    grid-template-columns: minmax(65px, 1.28fr) 1fr 1fr;
    gap: 0;
  }

  .aurora-comm-action,
  .team-album-card .aurora-comm-action {
    height: 45px;
    min-height: 45px;
    gap: 3px;
    padding: 2px;
  }

  .aurora-icon-glyph {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .aurora-action-label {
    font-size: 8px;
  }

  .aurora-team-card > .team-card-overlay-layer > .team-card-tools-panel,
  .aurora-team-card > .team-card-overlay-layer > .team-quick-message,
  .aurora-team-card > .team-card-overlay-layer > .team-presence-panel {
    width: 100%;
    height: 132px;
    border-radius: 27px;
  }

  .aurora-settings-grid {
    grid-template-columns: 1fr;
  }

  .aurora-glass-theme-grid {
    grid-template-columns: 1fr;
  }

  .aurora-color-groups {
    grid-template-columns: 1fr;
  }

  .aurora-brand-head,
  .aurora-lab-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 350px) {
  .team-album-grid.team-progressive-view {
    grid-template-columns: 1fr;
  }

  .aurora-operator {
    width: min(292px, 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aurora-energy-canvas {
    display: none;
  }

  .aurora-avatar-image,
  .aurora-avatar-fallback,
  .aurora-banner-reactor,
  .aurora-glass-surface {
    transform: none !important;
    animation: none !important;
  }

  .aurora-state-critical .aurora-banner-reactor::before,
  .aurora-state-review .aurora-banner-reactor::before,
  .aurora-state-reward .aurora-banner-reactor::before,
  .aurora-state-critical .aurora-glass-surface::before,
  .aurora-state-review .aurora-glass-surface::before,
  .aurora-state-reward .aurora-glass-surface::before,
  .aurora-diagnostic-action.is-pending {
    animation: none;
  }
}

/*
 * FP-TASK-051 — proposal-final parity lock
 *
 * These values are copied from the approved `mother-final` Aurora card.  Keep
 * them as the visual baseline: responsive layout may move the card, but must
 * not reinterpret its proportions, glass recipe, typography, or icon scale.
 */
.team-album-grid.team-progressive-view {
  grid-template-columns: repeat(auto-fill, minmax(322px, 1fr));
  gap: 52px 36px;
}

.team-progressive-view > .team-album-card.aurora-team-card {
  contain-intrinsic-size: auto 428px;
  content-visibility: visible;
  contain: layout style;
  overflow: visible !important;
}

.team-album-card.aurora-team-card {
  min-height: 428px;
}

.team-album-card.aurora-team-card .aurora-operator {
  --aurora-avatar-reach-top: 72px;
  --aurora-avatar-reach-inline: 32px;
  --aurora-avatar-reach-bottom: 118px;
  --aurora-avatar-layout-width: 320px;
  width: min(322px, 100%);
  min-height: 428px;
  overflow: visible;
}

.team-album-card.aurora-team-card .aurora-portrait {
  height: 310px;
  overflow: visible;
}

.team-album-card.aurora-team-card .aurora-avatar-slot {
  overflow: visible !important;
  clip-path: inset(
    calc(-1 * var(--aurora-avatar-reach-top))
    calc(-1 * var(--aurora-avatar-reach-inline))
    calc(-1 * var(--aurora-avatar-reach-bottom))
    calc(-1 * var(--aurora-avatar-reach-inline))
  );
}

.team-album-card.aurora-team-card .aurora-avatar-image {
  position: absolute;
  right: 50%;
  bottom: -24px;
  width: var(--aurora-avatar-layout-width, 320px);
  max-width: none;
  height: auto;
  overflow: visible;
  clip-path: none;
  object-fit: contain;
  translate: 50% 0;
  filter: drop-shadow(0 22px 20px rgba(0, 0, 0, .38));
  transform: translate3d(var(--aurora-avatar-shift), var(--aurora-avatar-lift), 0) scale(var(--aurora-avatar-scale));
  transform-origin: 50% 88%;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Algunos retratos llenan casi todo su PNG y se perciben encerrados aunque su
 * proporción sea correcta. Estos dos perfiles usan el margen lateral que ya
 * reserva la cuadrícula, sin estirar la imagen ni permitir que dos vecinos se
 * superpongan durante el acercamiento al puntero. */
.team-album-card.aurora-team-card[data-aurora-avatar-layout="wide"] .aurora-operator {
  --aurora-avatar-layout-width: 336px;
}

.team-album-card.aurora-team-card[data-aurora-avatar-layout="wide-strong"] .aurora-operator {
  --aurora-avatar-layout-width: 342px;
}

.team-album-card.aurora-team-card .aurora-portrait-halo {
  inset: 22% 12% 10%;
  border-radius: 50%;
  background: var(--aurora-portrait-halo-background,
    radial-gradient(ellipse 38% 50% at 31% 51%, rgba(72, 255, 206, .88), rgba(72, 255, 206, .34) 34%, rgba(72, 255, 206, .05) 62%, transparent 76%),
    radial-gradient(ellipse 38% 50% at 69% 48%, rgba(181, 100, 255, .9), rgba(181, 100, 255, .35) 35%, rgba(181, 100, 255, .05) 62%, transparent 76%));
  background-repeat: no-repeat;
  filter: blur(36px);
  opacity: 1;
}

.team-album-card.aurora-team-card .aurora-banner-reactor {
  width: min(322px, 100%);
  height: 184px;
  margin-top: -66px;
}

.team-album-card.aurora-team-card .aurora-glass-surface {
  --aurora-glass-density: 66%;
  --aurora-glass-blur: 34px;
  --aurora-glass-saturation: 155%;
  --aurora-glass-base: rgba(15, 19, 26, .074);
  --aurora-glass-top: rgba(244, 245, 242, .142);
  --aurora-glass-center: rgba(231, 234, 229, .04);
  --aurora-glass-tint: rgba(197, 204, 202, .055);
  --aurora-mirror-highlight: rgba(255, 255, 250, .17);
  --aurora-mirror-angle: 145deg;
  --aurora-mirror-start: 0%;
  --aurora-mirror-peak: 20%;
  --aurora-mirror-end: 56%;
  --aurora-inner-highlight: rgba(255, 255, 250, .2);
  --aurora-bottom-highlight: rgba(255, 255, 255, .035);
  --aurora-lens-highlight: rgba(248, 249, 243, .07);
  --aurora-lens-size: 260px;
  --aurora-edge-gradient: linear-gradient(118deg, rgba(221, 244, 255, .88), rgba(148, 206, 225, .16) 31%, rgba(178, 158, 229, .55) 72%, rgba(142, 231, 218, .5));
  box-sizing: border-box;
  overflow: visible;
  border-radius: 43px;
  background: var(--aurora-glass-background,
    radial-gradient(
      circle var(--aurora-lens-size) at var(--aurora-glass-x) var(--aurora-glass-y),
      color-mix(in srgb, var(--aurora-lens-highlight) var(--aurora-glass-density), transparent),
      transparent 62%
    ),
    linear-gradient(
      var(--aurora-mirror-angle),
      transparent var(--aurora-mirror-start),
      color-mix(in srgb, var(--aurora-mirror-highlight) var(--aurora-glass-density), transparent) var(--aurora-mirror-peak),
      transparent var(--aurora-mirror-end)
    ),
    linear-gradient(
      132deg,
      color-mix(in srgb, var(--aurora-glass-top) var(--aurora-glass-density), transparent),
      color-mix(in srgb, var(--aurora-glass-center) var(--aurora-glass-density), transparent) 46%,
      color-mix(in srgb, var(--aurora-glass-tint) var(--aurora-glass-density), transparent)
    ),
    color-mix(in srgb, var(--aurora-glass-base) var(--aurora-glass-density), transparent));
  box-shadow: var(--aurora-glass-shadow,
    inset 0 1px 0 var(--aurora-inner-highlight),
    inset 0 -1px 0 var(--aurora-bottom-highlight),
    0 25px 68px rgba(0, 0, 0, .31));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.team-album-card.aurora-team-card .aurora-glass-refraction {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.team-album-card.aurora-team-card .aurora-glass-refraction-image {
  --aurora-avatar-lift: 0px;
  --aurora-avatar-scale: 1;
  --aurora-avatar-shift: 0px;
  position: absolute;
  right: 50%;
  bottom: 102px;
  width: 320px;
  max-width: none;
  height: auto;
  opacity: .5;
  object-fit: contain;
  translate: 50% 0;
  filter: blur(15px) saturate(.9) brightness(.92);
  transform: translate3d(var(--aurora-avatar-shift), var(--aurora-avatar-lift), 0) scale(var(--aurora-avatar-scale));
  transform-origin: 50% 88%;
}

.team-album-card.aurora-team-card .aurora-glass-surface::before {
  inset: 0;
  padding: 1.5px;
  background: var(--aurora-edge-gradient);
  opacity: .92;
}

.team-album-card.aurora-team-card .aurora-glass-surface::after {
  display: none;
}

html[data-aurora-alert-red="on"] .team-album-card.aurora-team-card.aurora-state-critical .aurora-glass-surface::before,
html[data-aurora-alert-yellow="on"] .team-album-card.aurora-team-card.aurora-state-review .aurora-glass-surface::before,
html[data-aurora-alert-green="on"] .team-album-card.aurora-team-card.aurora-state-reward .aurora-glass-surface::before {
  display: block;
  inset: 0;
  padding: 0;
  background: transparent;
  mask: none;
  opacity: .76;
}

html[data-aurora-alert-red="on"] .team-album-card.aurora-team-card.aurora-state-critical .aurora-glass-surface::before {
  box-shadow: inset 0 0 var(--aurora-notification-inner-depth) 5px rgba(var(--aurora-notification-rgb), .46);
  animation: aurora-alert-inner-pulse var(--aurora-notification-duration) var(--aurora-notification-delay, 0s) ease-in-out infinite;
}

html[data-aurora-alert-yellow="on"] .team-album-card.aurora-team-card.aurora-state-review .aurora-glass-surface::before {
  box-shadow: inset 0 0 var(--aurora-notification-inner-depth) 5px rgba(var(--aurora-notification-rgb), .4);
  animation: aurora-alert-inner-pulse var(--aurora-notification-duration) var(--aurora-notification-delay, 0s) ease-in-out infinite;
}

html[data-aurora-alert-green="on"] .team-album-card.aurora-team-card.aurora-state-reward .aurora-glass-surface::before {
  box-shadow: inset 0 0 var(--aurora-notification-inner-depth) 6px rgba(var(--aurora-notification-rgb), .4);
  animation: aurora-reward-inner-pulse var(--aurora-notification-duration) var(--aurora-notification-delay, 0s) cubic-bezier(.22, .7, .25, 1) infinite;
}

html[data-aurora-alert-red-pulse="off"] .team-album-card.aurora-team-card.aurora-state-critical .aurora-glass-surface::before,
html[data-aurora-alert-yellow-pulse="off"] .team-album-card.aurora-team-card.aurora-state-review .aurora-glass-surface::before,
html[data-aurora-alert-green-pulse="off"] .team-album-card.aurora-team-card.aurora-state-reward .aurora-glass-surface::before,
.team-album-card.aurora-team-card.aurora-state-reward.aurora-reward-static .aurora-glass-surface::before {
  animation: none;
  opacity: calc(.76 * var(--aurora-notification-intensity));
}

/* El estado se conserva dentro del cristal; el aro exterior no participa. */
html[data-aurora-alert-red="on"] .team-album-card.aurora-team-card.aurora-state-critical .aurora-banner-reactor::before,
html[data-aurora-alert-yellow="on"] .team-album-card.aurora-team-card.aurora-state-review .aurora-banner-reactor::before,
html[data-aurora-alert-green="on"] .team-album-card.aurora-team-card.aurora-state-reward .aurora-banner-reactor::before {
  opacity: 0;
  border-color: transparent;
  box-shadow: none;
  filter: none;
  animation: none;
}

.team-album-card.aurora-team-card .aurora-identity {
  box-sizing: border-box;
  width: 100%;
  padding: 24px 24px 0;
}

.team-album-card.aurora-team-card .aurora-identity .aurora-presence {
  min-height: 13px;
  gap: 0;
  color: rgba(241, 245, 255, .84) !important;
  font-size: 12.5px !important;
  font-weight: 760;
  letter-spacing: .09em;
}

.team-album-card.aurora-team-card .aurora-identity .aurora-presence i {
  display: none;
}

.team-album-card.aurora-team-card .aurora-name-row {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  margin-top: 9px;
}

.team-album-card.aurora-team-card .aurora-name-row .aurora-name {
  min-width: 0;
  margin-top: 0 !important;
}

.team-album-card.aurora-team-card .aurora-name-status-dot {
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  opacity: 0;
  background: var(--aurora-mint);
  box-shadow: 0 0 13px rgba(95, 245, 199, .85);
}

.team-album-card.aurora-team-card .aurora-identity:has(.aurora-presence.online) .aurora-name-status-dot {
  opacity: 1;
}

.team-album-card.aurora-team-card .aurora-name {
  margin-top: 9px !important;
  color: rgba(249, 250, 255, .97);
  font-size: 27px !important;
  font-weight: 750;
  letter-spacing: -.04em;
}

.team-album-card.aurora-team-card .aurora-role {
  margin-top: 5px;
  color: rgba(233, 237, 250, .67);
  font-size: 23.4px;
  line-height: 1.05;
}

.team-album-card.aurora-team-card .aurora-communication {
  right: 18px;
  bottom: 14px;
  left: 18px;
  display: flex;
  grid-template-columns: none;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}

.team-album-card.aurora-team-card .aurora-comm-action,
.team-album-card.aurora-team-card .team-card-name-action.aurora-comm-action,
.team-album-card.aurora-team-card .team-card-live-action.aurora-comm-action {
  width: auto;
  height: auto;
  min-height: 0;
  gap: 9px;
  padding: 5px 7px;
  filter: none;
  transform: none;
}

.team-album-card.aurora-team-card .aurora-comm-action:not(:disabled):hover,
.team-album-card.aurora-team-card .aurora-comm-action:not(:disabled):focus-visible {
  filter: none;
  transform: none;
}

.team-album-card.aurora-team-card .aurora-icon-glyph {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
  filter: none;
}

.team-album-card.aurora-team-card .aurora-icon-glyph > svg:first-child {
  filter: none;
}

.team-album-card.aurora-team-card .aurora-action-label {
  font-size: 14px;
  font-weight: 820;
  letter-spacing: .06em;
  text-shadow: none;
}

.aurora-team-card .aurora-neon-field {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  overflow: visible;
  pointer-events: none;
  opacity: 0;
  filter: none;
}

.aurora-team-card.is-proximate .aurora-neon-field {
  opacity: var(--aurora-trace-opacity, 0);
  will-change: opacity;
}

.aurora-canvas-energy .aurora-team-card .aurora-vortex-ribbon,
.aurora-canvas-energy .aurora-team-card .aurora-neon-bloom-field {
  display: none;
}

.aurora-team-card .aurora-vortex-ribbon {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  color: inherit;
}

.aurora-team-card .aurora-vortex-ribbon path {
  fill: currentColor;
  stroke: none;
  opacity: 0;
  transform: translateZ(0);
  transform-origin: center;
}

.aurora-team-card.is-proximate .aurora-vortex-fog {
  opacity: .3;
  filter: blur(9px) saturate(1.32) drop-shadow(0 0 19px currentColor);
}

.aurora-team-card.is-proximate .aurora-vortex-body {
  opacity: .28;
  filter: blur(4px) saturate(1.3) drop-shadow(0 0 9px currentColor);
}

.aurora-team-card.is-proximate .aurora-vortex-core {
  opacity: .2;
  filter: blur(1.15px) saturate(1.24);
}

.aurora-team-card .aurora-neon-coupler {
  z-index: 2;
  fill: none;
  stroke: color-mix(in srgb, currentColor 72%, white);
  stroke-width: 2.65;
  opacity: var(--aurora-coupler-opacity, 0);
  filter: brightness(1.68) saturate(1.24) drop-shadow(0 0 5px currentColor);
}

.aurora-team-card .aurora-neon-bloom-field {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  overflow: visible;
  pointer-events: none;
  opacity: 0;
  filter: none;
  transform: translate3d(0, 0, 0);
  transform-origin: center;
}

.aurora-team-card.is-proximate .aurora-bloom-root {
  opacity: .78;
  filter: blur(2.8px) saturate(1.2) drop-shadow(0 0 8px currentColor);
  transform:
    translate3d(var(--aurora-bloom-root-x, 0), var(--aurora-bloom-root-y, 0), 0)
    rotate(var(--aurora-vortex-angle, 0deg)) scale(1.025, .94)
    rotate(var(--aurora-vortex-counter-angle, 0deg));
}

.aurora-team-card.is-proximate .aurora-bloom-bridge {
  opacity: .5;
  filter: blur(5.5px) saturate(1.2) drop-shadow(0 0 15px currentColor);
  transform:
    translate3d(var(--aurora-bloom-bridge-x, 0), var(--aurora-bloom-bridge-y, 0), 0)
    rotate(var(--aurora-vortex-angle, 0deg)) scale(1.1, .76)
    rotate(var(--aurora-vortex-counter-angle, 0deg));
}

.aurora-team-card.is-proximate .aurora-bloom-stream {
  opacity: .31;
  filter: blur(11px) saturate(1.22) drop-shadow(0 0 27px currentColor);
  transform:
    translate3d(var(--aurora-bloom-stream-x, 0), var(--aurora-bloom-stream-y, 0), 0)
    rotate(var(--aurora-vortex-angle, 0deg)) scale(1.24, .48)
    rotate(var(--aurora-vortex-counter-angle, 0deg));
}

.aurora-team-card.is-proximate .aurora-bloom-tail {
  opacity: .2;
  filter: blur(22px) saturate(1.24) drop-shadow(0 0 44px currentColor);
  transform:
    translate3d(var(--aurora-bloom-tail-x, 0), var(--aurora-bloom-tail-y, 0), 0)
    rotate(var(--aurora-vortex-angle, 0deg)) scale(1.42, .24)
    rotate(var(--aurora-vortex-counter-angle, 0deg));
}

.aurora-team-card .aurora-neon-trace,
.aurora-team-card .aurora-neon-bloom,
.aurora-team-card .aurora-neon-coupler {
  -webkit-mask-image: radial-gradient(
    circle var(--aurora-distance-radius, 148px) at var(--aurora-field-x, 50%) var(--aurora-field-y, 50%),
    #000 0 12%,
    rgba(0, 0, 0, var(--aurora-distance-mid, .76)) 50%,
    rgba(0, 0, 0, var(--aurora-distance-far, .54)) 74%,
    rgba(0, 0, 0, var(--aurora-distance-floor, .32)) 100%
  );
  mask-image: radial-gradient(
    circle var(--aurora-distance-radius, 148px) at var(--aurora-field-x, 50%) var(--aurora-field-y, 50%),
    #000 0 12%,
    rgba(0, 0, 0, var(--aurora-distance-mid, .76)) 50%,
    rgba(0, 0, 0, var(--aurora-distance-far, .54)) 74%,
    rgba(0, 0, 0, var(--aurora-distance-floor, .32)) 100%
  );
}

.aurora-team-card .aurora-neon-bloom {
  stroke: currentColor;
  stroke-width: 2.35;
  opacity: 1;
}

.aurora-team-card .aurora-neon-trace {
  z-index: 2;
  stroke: color-mix(in srgb, currentColor 58%, white);
  stroke-width: 2.5;
  opacity: 1;
  filter: none;
}

.aurora-team-card.is-proximate .aurora-neon-trace {
  filter: brightness(1.78) saturate(1.2);
}

.aurora-team-card .aurora-chat .aurora-neon-trace { stroke: #e8ebff; }
.aurora-team-card .aurora-phone .aurora-neon-trace { stroke: #e7fff8; }
.aurora-team-card .aurora-video .aurora-neon-trace { stroke: #ffe5eb; }

.aurora-detached-energy-layer {
  position: fixed;
  z-index: 42;
  inset: 0;
  width: 100vw;
  height: 100vh;
  overflow: visible;
  pointer-events: none;
}

.aurora-detached-energy {
  opacity: 0;
  mix-blend-mode: screen;
  pointer-events: none;
}

.aurora-detached-energy path {
  fill: currentColor;
  stroke: none;
  transform-origin: center;
}

.aurora-detached-energy .aurora-vortex-fog {
  opacity: .34;
  filter: blur(10px) saturate(1.4) drop-shadow(0 0 22px currentColor);
}

.aurora-detached-energy .aurora-vortex-body {
  opacity: .31;
  filter: blur(4.5px) saturate(1.36) drop-shadow(0 0 11px currentColor);
}

.aurora-detached-energy .aurora-vortex-core {
  opacity: .24;
  filter: blur(1.1px) saturate(1.3);
}

@media (max-width: 700px) {
  .team-album-grid.team-progressive-view {
    grid-template-columns: minmax(0, 1fr);
  }

  .team-album-card.aurora-team-card .aurora-avatar-image {
    width: min(var(--aurora-avatar-layout-width, 320px), 100%);
    max-width: 100%;
  }
}

/*
 * Density control: the approved card remains authored at 322 × 428 px and is
 * displayed proportionally.  `zoom` participates in layout, so the grid does
 * not retain invisible full-size boxes as a transform-only solution would.
 */
.team-album-grid.team-progressive-view {
  box-sizing: border-box;
  overflow-anchor: none;
  width: calc(100% + var(--aurora-grid-breakout-left, 0px) + var(--aurora-grid-breakout-right, 0px));
  margin-left: calc(-1 * var(--aurora-grid-breakout-left, 0px));
  margin-right: calc(-1 * var(--aurora-grid-breakout-right, 0px));
  grid-template-columns: repeat(var(--aurora-grid-columns, 1), var(--aurora-card-layout-width));
  column-gap: var(--aurora-grid-equal-gap, var(--aurora-card-gap-x));
  row-gap: var(--aurora-card-gap-y);
  grid-auto-rows: var(--aurora-card-layout-height);
  justify-content: start;
  padding-inline: var(--aurora-grid-equal-gap, var(--aurora-card-gap-x));
}

.team-album-grid.team-progressive-view.aurora-grid-reflow-active > .aurora-team-card {
  /* The movement is compositor-only; this hint exists solely for the 590 ms
   * layout morph and is removed immediately afterwards by the controller. */
  backface-visibility: hidden;
}

/* Durante el cambio 1×1 ↔ 2×2 la geometría se resuelve con un único FLIP.
 * Desactivar aquí las transiciones parciales evita que alto, margen y ancho
 * compitan entre sí y permite que el vidrio recorra el mismo camino reversible. */
.team-album-grid.team-progressive-view.aurora-grid-reflow-active .aurora-banner-reactor,
.team-album-grid.team-progressive-view.aurora-grid-reflow-active .aurora-glass-surface,
.team-album-grid.team-progressive-view.aurora-grid-reflow-active .aurora-chat-avatar-large,
.team-album-grid.team-progressive-view.aurora-grid-reflow-active .aurora-avatar-image {
  transition: none !important;
}

html.aurora-grid-scroll-lock,
html.aurora-grid-scroll-lock body {
  overflow-anchor: none;
}

.team-progressive-view > .team-album-card.aurora-team-card {
  width: 322px;
  min-width: 322px;
  max-width: 322px;
  min-height: 428px;
  justify-self: center;
  zoom: var(--aurora-card-display-scale);
}

/* El chat abierto con el botón secundario es un elemento 2 × 2 auténtico de
 * la cuadrícula. Así las demás fichas conservan su orden y ocupan el siguiente
 * lugar disponible en vez de quedar tapadas por una ventana flotante. */
.team-progressive-view > .team-album-card.aurora-team-card.aurora-chat-2x2 {
  grid-column: span 2;
  grid-row: span 2;
  width: var(--aurora-chat-2x2-width, 720px);
  min-width: var(--aurora-chat-2x2-width, 720px);
  max-width: var(--aurora-chat-2x2-width, 720px);
  height: var(--aurora-chat-2x2-height, 908px);
  min-height: var(--aurora-chat-2x2-height, 908px);
  justify-self: start;
}

.team-album-grid[data-aurora-grid-columns="1"] > .team-album-card.aurora-team-card.aurora-chat-2x2 {
  grid-column: span 1;
  width: 322px;
  min-width: 322px;
  max-width: 322px;
}

/*
 * Fuera del margen de composición la ficha continúa siendo una ficha real:
 * jamás se oculta con content-visibility:hidden. Eso ahorraba trabajo, pero
 * un trackpad rápido podía alcanzar una tarjeta antes del siguiente ciclo del
 * observador. Suspendemos solo la composición costosa; retrato y texto siguen
 * disponibles, por lo que nunca hay una franja vacía.
 */
.team-progressive-view > .team-album-card.aurora-team-card.aurora-runtime-offscreen {
  content-visibility: visible;
  contain: layout style;
}

.team-progressive-view > .team-album-card.aurora-team-card.aurora-runtime-offscreen .aurora-glass-surface {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.team-progressive-view > .team-album-card.aurora-team-card.aurora-runtime-offscreen .aurora-portrait-halo,
.team-progressive-view > .team-album-card.aurora-team-card.aurora-runtime-offscreen .aurora-glass-surface::after {
  visibility: hidden;
}

/* En la cuadrícula normal de 60 usuarios no existe un umbral de aparición: las
 * fichas permanecen pintadas y el desplazamiento nunca puede alcanzarlas frías. */
html[data-aurora-virtualization="off"] .team-progressive-view > .team-album-card.aurora-team-card.aurora-runtime-offscreen {
  content-visibility: visible;
  contain: layout style;
}

@media (max-width: 700px) {
  .team-album-grid.team-progressive-view {
    grid-template-columns: repeat(var(--aurora-grid-columns, 1), var(--aurora-card-layout-width));
  }
}

@media (max-width: 620px) {
  .aurora-glass-carousel-track {
    --aurora-carousel-item-width: min(72vw, 260px);
  }

  .aurora-glass-carousel-banner b {
    font-size: 19px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aurora-glass-carousel-backdrop,
  .aurora-glass-context,
  .aurora-glass-carousel-track,
  .aurora-glass-carousel-item {
    transition-duration: .01ms !important;
  }
}
/* El lienzo Aurora existe desde el primer paint y pasa sin cortes a la app. */
html:not([data-theme="light"])[data-aurora-render-mode="fluid60"] {
  background: #070a10;
}

html:not([data-theme="light"]) body:is(.aurora-app-boot-background, .aurora-team-presentation-background) {
  background:
    radial-gradient(circle at 12% 14%, rgba(95, 245, 199, .08), transparent 27%),
    radial-gradient(circle at 84% 12%, rgba(174, 131, 255, .12), transparent 30%),
    linear-gradient(145deg, #070a10, #090d14 50%, #07090f);
  background-attachment: fixed;
}

html:not([data-theme="light"]) body:is(.aurora-app-boot-background, .aurora-team-presentation-background)::before {
  position: fixed;
  z-index: 0;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
  background-size: 72px 72px;
  content: "";
  mask-image: linear-gradient(to bottom, #000, transparent 92%);
  pointer-events: none;
}

body.aurora-team-presentation-background > .aurora-integrated-shell {
  position: relative;
  z-index: 1;
}

/*
 * Espejo mate de la barra lateral: una sola superficie fija y sin animación.
 * El blur vive únicamente en el contenedor, no se repite por cada control.
 */
html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar {
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .078) 0%, rgba(255, 255, 255, .022) 17%, transparent 43%),
    linear-gradient(180deg, rgba(218, 231, 238, .034), rgba(8, 12, 18, .105) 48%, rgba(255, 255, 255, .018)),
    rgba(8, 11, 16, .34);
  border-right-color: rgba(218, 232, 238, .12);
  box-shadow:
    inset -1px 0 rgba(255, 255, 255, .045),
    inset 1px 0 rgba(255, 255, 255, .018),
    18px 0 52px rgba(0, 0, 0, .16);
  -webkit-backdrop-filter: blur(22px) saturate(112%);
  backdrop-filter: blur(22px) saturate(112%);
}

/* Violeta Aurora: el mismo matiz del halo superior derecho, con neón contenido. */
html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar button:not([data-page="screens"]) .sidebar-page-icon,
html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar [data-theme-icon],
html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar .account-compact-launcher-icon {
  color: var(--aurora-sidebar-icon-color, #b991ff) !important;
  filter:
    drop-shadow(0 0 3px rgba(var(--aurora-sidebar-icon-rgb, 185, 145, 255), .74))
    drop-shadow(0 0 11px rgba(var(--aurora-sidebar-icon-rgb, 185, 145, 255), .42));
}

html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar button:not([data-page="screens"]).active .sidebar-page-icon,
html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar button:not([data-page="screens"]):hover .sidebar-page-icon,
html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar button:not([data-page="screens"]):focus-visible .sidebar-page-icon {
  color: var(--aurora-sidebar-icon-hot, #d5c1ff) !important;
  filter:
    drop-shadow(0 0 3px rgba(var(--aurora-sidebar-icon-hot-rgb, 213, 193, 255), .9))
    drop-shadow(0 0 13px rgba(var(--aurora-sidebar-icon-rgb, 185, 145, 255), .62));
}

html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar-brand-title {
  color: var(--aurora-brand-title-color, #b991ff);
  text-shadow:
    0 0 4px rgba(var(--aurora-brand-title-rgb, 185, 145, 255), .7),
    0 0 13px rgba(var(--aurora-brand-title-rgb, 185, 145, 255), .38);
}

/* Presentación del máster de diamante, adaptada al tamaño real de la barra. */
html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar-brand-action.has-diamond-logo .sidebar-brand-logo {
  filter:
    drop-shadow(0 9px 16px rgba(0, 0, 0, .36))
    drop-shadow(0 0 8px rgba(207, 226, 255, .14));
}

html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar-brand-action.has-diamond-logo:hover .sidebar-brand-visual,
html:not([data-theme="light"]) body.aurora-team-presentation-background .sidebar-brand-action.has-diamond-logo:focus-visible .sidebar-brand-visual {
  filter:
    drop-shadow(0 0 4px rgba(245, 250, 255, .72))
    drop-shadow(0 0 16px rgba(174, 131, 255, .34));
}

/*
 * Motor Ligera 120 (`fluid60` is its legacy persisted id): preserve the full
 * card, controls, status colour and interaction transitions, but do not keep
 * ambient physics or duplicated portrait composition alive. A 120 Hz display
 * only grants 8.33 ms; permanent blur/filter animation consumes that budget
 * even while the user is simply reading or scrolling.
 */
html[data-aurora-render-mode="fluid60"] .team-album-card.aurora-team-card .aurora-portrait-halo {
  display: none;
}

html[data-aurora-render-mode="fluid60"] .team-album-card.aurora-team-card .aurora-glass-refraction,
html[data-aurora-render-mode="fluid60"] .team-album-card.aurora-team-card .aurora-glass-refraction-image {
  display: none;
}

html[data-aurora-render-mode="fluid60"] .team-album-card.aurora-team-card .aurora-avatar-image {
  filter: none;
}

html[data-aurora-render-mode="fluid60"] .team-album-card.aurora-team-card .aurora-avatar-image[data-aurora-shadow-baked="true"] {
  filter: none;
}

html[data-aurora-render-mode="fluid60"] .team-album-card.aurora-team-card .aurora-glass-surface {
  box-shadow:
    inset 0 1px 0 var(--aurora-inner-highlight),
    0 13px 30px rgba(0, 0, 0, .24);
}

html[data-aurora-render-mode="fluid60"] body.aurora-team-presentation-background .sidebar {
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018) 43%, transparent 70%),
    linear-gradient(180deg, rgba(30, 31, 46, .82), rgba(9, 12, 19, .88));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html[data-aurora-render-mode="fluid60"] .aurora-team-card .aurora-neon-field {
  display: none;
}

html[data-aurora-render-mode="fluid60"] .aurora-team-card .aurora-icon-base {
  filter: none !important;
  transition: none !important;
}

/* The idle-glow selector above is intentionally more specific than the base
 * icon rule. In Rendimiento 120 its variables are always zero; leaving a pair
 * of zero-radius drop-shadow() filters attached still forced Chrome to raster
 * 450 SVGs during physical scroll. Remove that inert filter pipeline rather
 * than merely feeding it zeroes. */
html[data-aurora-render-mode="fluid60"][data-aurora-energy="off"]
  .aurora-team-card .aurora-comm-action:not(:disabled) .aurora-icon-glyph > svg:first-child {
  filter: none !important;
  transition: none !important;
}

html[data-aurora-render-mode="fluid60"][data-aurora-energy="off"]
  .aurora-team-card .aurora-comm-action:not(:disabled) .aurora-action-label {
  text-shadow: none !important;
  transition: none !important;
}

/* FP-TASK-056: la luz vive dentro del cristal y en sus controles; nunca pinta
 * el avatar ni el fondo de la cuadrícula. Cada control calcula su proximidad
 * de forma independiente para evitar que los tres se enciendan a la vez. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  /* FP-TASK-057: proximity is a direct function of the latest pointer
   * coordinates. These rules remain active before, during and after contact,
   * so no inherited transition can delay either edge of the light. */
  html[data-aurora-render-mode="fluid60"] .aurora-team-card .aurora-comm-action,
  html[data-aurora-render-mode="fluid60"] .aurora-team-card .aurora-icon-glyph,
  html[data-aurora-render-mode="fluid60"] .aurora-team-card .aurora-comm-action .aurora-icon-glyph > svg:first-child,
  html[data-aurora-render-mode="fluid60"] .aurora-team-card .aurora-comm-action .aurora-action-label,
  html[data-aurora-render-mode="fluid60"] .aurora-team-card:not(.chat-open):not(.aurora-chat-2x2) .aurora-glass-surface::after {
    transition: none !important;
  }

  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-light-active:not(.chat-open):not(.aurora-chat-2x2) .aurora-glass-surface::after {
    display: block;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
      circle 154px at var(--aurora-glass-x) var(--aurora-glass-y),
      rgba(226, 249, 255, .34),
      rgba(160, 224, 255, .105) 34%,
      transparent 70%
    );
    filter: none;
    opacity: var(--aurora-local-light, 0);
    mix-blend-mode: screen;
    will-change: opacity;
  }

  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-light-active .aurora-comm-action:not(:disabled) .aurora-icon-glyph > svg:first-child {
    filter:
      brightness(calc(1 + var(--aurora-idle-glow, 0) * .92))
      saturate(calc(1 + var(--aurora-idle-glow, 0) * .48))
      drop-shadow(0 0 calc(var(--aurora-idle-glow, 0) * 5px) currentColor)
      drop-shadow(0 0 calc(var(--aurora-idle-glow, 0) * 15px) currentColor)
      drop-shadow(0 0 calc(var(--aurora-idle-glow, 0) * 25px) currentColor) !important;
    transition: none !important;
    will-change: filter;
  }

  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-light-active .aurora-comm-action:not(:disabled) .aurora-action-label {
    text-shadow:
      0 0 calc(var(--aurora-idle-glow, 0) * 6px) currentColor,
      0 0 calc(var(--aurora-idle-glow, 0) * 18px) currentColor !important;
    transition: none !important;
  }

  html[data-aurora-render-mode="fluid60"].aurora-scroll-active
    .aurora-team-card .aurora-glass-surface::after {
    display: none;
  }
}

/* En reposo, Ligera 120 evita capas permanentes en las 150 fichas. El campo de
 * resortes promueve únicamente los avatares y banners próximos al puntero;
 * vidrio, identidad y acciones continúan sin contextos redundantes. */
html[data-aurora-render-mode="fluid60"] .aurora-team-card:not(.chat-open):not(.aurora-chat-2x2):not(.aurora-banner-spring-active) .aurora-banner-reactor,
html[data-aurora-render-mode="fluid60"] .aurora-team-card:not(.chat-open):not(.aurora-chat-2x2):not(.aurora-spring-active) .aurora-avatar-image,
html[data-aurora-render-mode="fluid60"] .aurora-team-card:not(.chat-open):not(.aurora-chat-2x2):not(.aurora-spring-active) .aurora-avatar-fallback:not(.aurora-avatar-loading-fallback),
html[data-aurora-render-mode="fluid60"] .aurora-team-card:not(.chat-open):not(.aurora-chat-2x2) .aurora-glass-surface,
html[data-aurora-render-mode="fluid60"] .aurora-team-card:not(.chat-open):not(.aurora-chat-2x2) .aurora-identity,
html[data-aurora-render-mode="fluid60"] .aurora-team-card:not(.chat-open):not(.aurora-chat-2x2) .aurora-communication {
  backface-visibility: visible;
  transform: none;
  will-change: auto;
}

/* FP-TASK-055 restores the approved FP-TASK-051 spring field. A single rAF
 * moves only nearby visible cards; the active class exists solely while a
 * spring is displaced, so the remaining roster never reserves GPU layers. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-spring-active:not(.chat-open):not(.aurora-chat-2x2) .aurora-avatar-image,
  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-spring-active:not(.chat-open):not(.aurora-chat-2x2) .aurora-avatar-fallback:not(.aurora-avatar-loading-fallback),
  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-banner-spring-active:not(.chat-open):not(.aurora-chat-2x2) .aurora-banner-reactor {
    backface-visibility: hidden;
    will-change: transform;
  }

  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-spring-active:not(.chat-open):not(.aurora-chat-2x2) .aurora-avatar-image,
  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-spring-active:not(.chat-open):not(.aurora-chat-2x2) .aurora-avatar-fallback:not(.aurora-avatar-loading-fallback) {
    transform: translate3d(var(--aurora-avatar-shift), var(--aurora-avatar-lift), 0) scale(var(--aurora-avatar-scale));
  }

  html[data-aurora-render-mode="fluid60"]
    .aurora-team-card.aurora-banner-spring-active:not(.chat-open):not(.aurora-chat-2x2) .aurora-banner-reactor {
    transform:
      perspective(820px)
      translate3d(var(--aurora-react-x), var(--aurora-react-y), 0)
      rotateX(var(--aurora-tilt-x))
      rotateY(var(--aurora-tilt-y));
  }

  html[data-aurora-render-mode="fluid60"].aurora-scroll-active
    .aurora-team-card .aurora-avatar-image,
  html[data-aurora-render-mode="fluid60"].aurora-scroll-active
    .aurora-team-card .aurora-avatar-fallback:not(.aurora-avatar-loading-fallback),
  html[data-aurora-render-mode="fluid60"].aurora-scroll-active
    .aurora-team-card .aurora-banner-reactor {
    will-change: auto;
  }
}

html[data-aurora-render-mode="fluid60"] .aurora-team-card .aurora-glass-surface.is-scale-solo,
html[data-aurora-render-mode="fluid60"] .aurora-team-card .aurora-glass-surface.is-scale-chorus {
  animation: none !important;
}

html[data-aurora-render-mode="fluid60"] body:is(.aurora-app-boot-background, .aurora-team-presentation-background)::before {
  display: block;
  background:
    radial-gradient(circle at 12% 14%, rgba(95, 245, 199, .08), transparent 27%),
    radial-gradient(circle at 84% 12%, rgba(174, 131, 255, .12), transparent 30%),
    linear-gradient(145deg, #070a10, #090d14 50%, #07090f);
  mask-image: none;
  transform: translateZ(0);
  contain: strict;
}

html[data-aurora-render-mode="fluid60"] body:is(.aurora-app-boot-background, .aurora-team-presentation-background) {
  background: #070a10;
  background-attachment: scroll;
}

html[data-aurora-render-mode="fluid60"] body.aurora-team-presentation-background .sidebar button:not([data-page="screens"]) .sidebar-page-icon,
html[data-aurora-render-mode="fluid60"] body.aurora-team-presentation-background .sidebar [data-theme-icon],
html[data-aurora-render-mode="fluid60"] body.aurora-team-presentation-background .sidebar .account-compact-launcher-icon {
  filter: drop-shadow(0 0 5px rgba(var(--aurora-sidebar-icon-rgb, 185, 145, 255), .62));
}

@media (prefers-reduced-motion: reduce) {
  .aurora-state-critical .aurora-banner-reactor::before,
  .aurora-state-review .aurora-banner-reactor::before,
  .aurora-state-reward .aurora-banner-reactor::before,
  .aurora-state-critical .aurora-glass-surface::before,
  .aurora-state-review .aurora-glass-surface::before,
  .aurora-state-reward .aurora-glass-surface::before {
    animation: none !important;
  }
}

/*
 * Chat rápido expandido: el mismo banner asciende sobre el retrato y se
 * convierte en la conversación. No añade otro backdrop-filter ni otro vidrio.
 */
.team-album-card.aurora-team-card .aurora-banner-reactor {
  transition:
    height .5s cubic-bezier(.2, .82, .2, 1),
    margin-top .5s cubic-bezier(.2, .82, .2, 1),
    filter .32s ease;
}

.team-album-card.aurora-team-card .aurora-glass-surface {
  transition:
    border-radius .5s cubic-bezier(.2, .82, .2, 1),
    box-shadow .35s ease,
    opacity .2s ease;
}

.team-album-card.aurora-team-card .aurora-identity,
.team-album-card.aurora-team-card .aurora-communication,
.team-album-card.aurora-team-card .aurora-diagnostic-trigger {
  visibility: visible;
  opacity: 1;
  transition:
    opacity .3s .14s cubic-bezier(.2, .72, .2, 1),
    transform .34s .12s cubic-bezier(.2, .72, .2, 1),
    visibility 0s linear 0s;
}

.team-album-card.aurora-team-card .aurora-identity,
.team-album-card.aurora-team-card .aurora-communication {
  transform: translate3d(0, 0, 0);
}

.team-album-card.aurora-team-card.chat-open {
  z-index: 90;
}

.team-album-card.aurora-team-card.chat-open .aurora-banner-reactor {
  z-index: 62;
  height: 428px;
  margin-top: -310px;
  filter: drop-shadow(0 30px 58px rgba(0, 0, 0, .46));
  transform: none;
}

/* Al abrir el chat, la notificación exterior debe ser una extensión exacta
 * del vidrio. El pulso conserva la luz, pero deja de escalar su contorno para
 * que nunca aparezca una segunda geometría desfasada. */
.team-album-card.aurora-team-card.chat-open .aurora-banner-reactor::before {
  border-radius:
    calc(46px + var(--aurora-notification-outer-spread, 4px))
    calc(54px + var(--aurora-notification-outer-spread, 4px))
    calc(48px + var(--aurora-notification-outer-spread, 4px))
    calc(58px + var(--aurora-notification-outer-spread, 4px));
  transform: none;
}

html[data-aurora-alert-red="on"] .team-album-card.aurora-team-card.chat-open.aurora-state-critical .aurora-banner-reactor::before,
html[data-aurora-alert-yellow="on"] .team-album-card.aurora-team-card.chat-open.aurora-state-review .aurora-banner-reactor::before {
  animation-name: aurora-chat-alert-band-pulse;
}

html[data-aurora-alert-green="on"] .team-album-card.aurora-team-card.chat-open.aurora-state-reward .aurora-banner-reactor::before {
  animation-name: aurora-chat-reward-band-pulse;
}

.team-album-card.aurora-team-card.chat-open .aurora-glass-surface {
  overflow: hidden;
  border-radius: 46px 54px 48px 58px;
  opacity: 1;
  background:
    radial-gradient(circle 290px at 16% 12%, rgba(95, 245, 199, .105), transparent 64%),
    radial-gradient(circle 310px at 90% 86%, rgba(174, 131, 255, .14), transparent 66%),
    linear-gradient(145deg, rgba(244, 248, 255, .075), rgba(255, 255, 255, .012) 38%, rgba(11, 16, 25, .15)),
    rgba(10, 15, 24, .42);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .16),
    inset 0 -1px rgba(181, 205, 224, .05),
    0 30px 78px rgba(0, 0, 0, .42);
}

.team-album-card.aurora-team-card.chat-open .aurora-glass-refraction-image {
  bottom: 0;
  visibility: hidden;
  opacity: 0 !important;
  filter: none;
  transition: none !important;
}

.team-album-card.aurora-team-card.chat-open .aurora-identity,
.team-album-card.aurora-team-card.chat-open .aurora-communication,
.team-album-card.aurora-team-card.chat-open .aurora-diagnostic-trigger {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity .14s ease,
    transform .18s ease,
    visibility 0s linear .18s;
}

.team-album-card.aurora-team-card.chat-open .aurora-identity {
  transform: translate3d(0, 8px, 0);
}

.team-album-card.aurora-team-card.chat-open .aurora-communication {
  transform: translate3d(0, 10px, 0);
}

.team-album-card.aurora-team-card.chat-open > .team-card-overlay-layer {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 428px;
  overflow: visible;
  border-radius: 46px 54px 48px 58px;
  transform: none;
}

.team-album-card.aurora-team-card.chat-open > .team-card-overlay-layer > .team-quick-message.aurora-expanded-quick-chat {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-rows: 50px minmax(0, 1fr) 75.9px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: inherit;
  color: rgba(245, 248, 255, .94);
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  opacity: 0;
  animation: aurora-expanded-chat-in .185s .099s cubic-bezier(.2, .78, .2, 1) forwards;
}

/* Variante 2 × 2: el vidrio conserva su origen en el banner, crece hasta las
 * cuatro celdas y sigue siendo la única superficie compuesta del chat. */
.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-operator {
  width: 100%;
  height: var(--aurora-chat-2x2-height, 908px);
  min-height: 100%;
}

.aurora-chat-avatar-large {
  position: absolute;
  z-index: 4;
  top: -36px;
  left: calc(var(--aurora-chat-avatar-origin-x, 50%) - 160px);
  display: block;
  width: 320px;
  max-width: none;
  height: auto;
  object-fit: contain;
  object-position: 50% 0;
  opacity: 0;
  filter: drop-shadow(0 36px 42px rgba(0, 0, 0, .36));
  pointer-events: none;
  transform: none;
  transform-origin: 0 0;
  transition:
    opacity .24s ease,
    top .59s cubic-bezier(.22, .65, .22, 1),
    width .59s cubic-bezier(.22, .65, .22, 1),
    left .59s cubic-bezier(.22, .65, .22, 1),
    filter .59s cubic-bezier(.22, .65, .22, 1);
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2.aurora-chat-avatar-ready .aurora-chat-avatar-large.is-ready {
  top: -10px;
  left: calc(50% - 390px);
  width: 780px;
  opacity: .72;
}

.team-album-card.aurora-team-card .aurora-avatar-image {
  transition: opacity .2s ease;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2.aurora-chat-avatar-ready .aurora-avatar-image {
  opacity: 0;
  transition-delay: .16s;
}

.team-album-card.aurora-team-card.aurora-chat-avatar-returning .aurora-avatar-image {
  opacity: 0;
  transition: none;
}

.aurora-chat-avatar-large.is-leaving {
  top: -36px;
  left: calc(var(--aurora-chat-avatar-origin-x, 50%) - 160px);
  width: 320px;
  opacity: 0;
  filter: drop-shadow(0 16px 18px rgba(0, 0, 0, .22));
  transform: none;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-banner-reactor {
  width: 100%;
  height: var(--aurora-chat-2x2-height, 908px);
  margin-top: -310px;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-banner-reactor::before {
  border-radius:
    calc(58px + var(--aurora-notification-outer-spread, 4px))
    calc(66px + var(--aurora-notification-outer-spread, 4px))
    calc(60px + var(--aurora-notification-outer-spread, 4px))
    calc(70px + var(--aurora-notification-outer-spread, 4px));
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-glass-surface,
.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 > .team-card-overlay-layer {
  border-radius: 58px 66px 60px 70px;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 > .team-card-overlay-layer {
  left: 0;
  width: 100%;
  height: 100%;
  transform: none;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 > .team-card-overlay-layer > .team-quick-message.aurora-expanded-quick-chat {
  grid-template-rows: 100px minmax(0, 1fr) 134px;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat > .team-quick-label {
  padding: 0 38px;
  font-size: 12.8061px;
  letter-spacing: .13em;
}

.aurora-quick-chat-title {
  display: none;
}

.aurora-quick-chat-participant {
  position: absolute;
  left: 50%;
  display: block;
  max-width: calc(100% - 104px);
  overflow: hidden;
  color: rgba(245, 248, 255, .9);
  font-size: 26px;
  font-weight: 780;
  letter-spacing: .055em;
  text-align: center;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  white-space: nowrap;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-quick-chat-participant {
  position: static;
  left: auto;
  margin-left: auto;
  max-width: 72%;
  font-size: 15.6519px;
  font-weight: 760;
  letter-spacing: .02em;
  text-align: right;
  transform: none;
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat > .team-quick-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 20px 0 23px;
  border: 0;
  border-bottom: 1px solid rgba(224, 240, 255, .09);
  color: rgba(123, 255, 214, .88);
  background: linear-gradient(90deg, rgba(95, 245, 199, .035), transparent 58%);
  font-size: 12px;
  font-weight: 820;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.aurora-quick-chat-close {
  display: none;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 8px;
  border: 0;
  border-radius: 50%;
  color: rgba(230, 237, 249, .55);
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
}

.aurora-quick-chat-close svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}

.aurora-quick-chat-close:hover,
.aurora-quick-chat-close:focus-visible {
  outline: 0;
  color: #f5fbff;
  background: rgba(255, 255, 255, .07);
  filter: drop-shadow(0 0 10px rgba(174, 131, 255, .58));
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat > .team-quick-thread {
  display: flex;
  min-height: 0;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 16px 18px 12px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(132, 220, 196, .34) transparent;
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat .team-quick-thread article,
.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat .team-quick-thread article.mine {
  max-width: 82%;
  padding: 10px 12px;
  border: 0;
  border-radius: 17px 17px 17px 6px;
  background: rgba(18, 33, 34, .6);
  box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat .team-quick-thread article.mine {
  border-radius: 17px 17px 6px 17px;
  background: linear-gradient(145deg, rgba(42, 112, 87, .58), rgba(40, 74, 88, .42));
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat .team-quick-thread article b,
.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat .team-quick-thread article small {
  color: rgba(130, 239, 204, .78);
  font-size: 10px;
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat .team-quick-thread article b {
  display: none;
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat .team-quick-thread article small {
  display: none;
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat .team-quick-thread article p {
  margin: 4px 0;
  color: rgba(246, 249, 255, .94);
  font-size: 22.5px;
  line-height: 1.35;
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat > .team-quick-composer {
  display: grid;
  align-items: center;
  margin: 0;
  padding: 10.35px 14px 14.95px;
  border: 0;
  border-top: 1px solid rgba(224, 240, 255, .08);
  background: linear-gradient(0deg, rgba(5, 9, 16, .16), transparent);
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat input[name="body"],
.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat input[name="body"]:focus {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 50.6px;
  min-height: 50.6px;
  max-height: 50.6px;
  margin: 0;
  padding: 0 18.4px;
  border: 0;
  border-radius: 20.7px;
  outline: 0;
  color: rgba(246, 249, 255, .96);
  background: rgba(244, 248, 255, .065);
  box-shadow: inset 0 1px rgba(255, 255, 255, .075);
  font: 24.15px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
  -webkit-appearance: none;
  appearance: none;
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat input[name="body"]::placeholder {
  color: rgba(215, 225, 238, .42);
}

.team-album-card.aurora-team-card.chat-open .aurora-expanded-quick-chat > .team-quick-result {
  position: absolute;
  z-index: 2;
  right: 22px;
  bottom: 68px;
  max-width: calc(100% - 44px);
  margin: 0;
  overflow: hidden;
  color: rgba(124, 238, 201, .68);
  background: transparent;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-quick-chat-close {
  display: none;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat > .team-quick-thread {
  gap: 15px;
  padding: 26px 32px 20px;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat .team-quick-thread article,
.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat .team-quick-thread article.mine {
  max-width: 68%;
  padding: 16px 19px;
  border-radius: 24px 24px 24px 8px;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat .team-quick-thread article.mine {
  border-radius: 24px 24px 8px 24px;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat .team-quick-thread article b,
.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat .team-quick-thread article small {
  font-size: 9.9603px;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat .team-quick-thread article p {
  margin: 0 0 8px;
  font-size: 22.410675px;
  line-height: 1.3;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat > .team-quick-composer {
  padding: 18px 28px 24px;
}

.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat input[name="body"],
.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat input[name="body"]:focus {
  height: 42.11995px;
  min-height: 42.11995px;
  max-height: 42.11995px;
  padding: 6px 31px;
  border-radius: 24px;
  font-size: 25.099956px;
  line-height: 1.2;
  text-align: center;
}

/* The 2x2 composer stays visually empty until the user starts typing. */
.team-album-card.aurora-team-card.chat-open.aurora-chat-2x2 .aurora-expanded-quick-chat input[name="body"]::placeholder {
  color: transparent;
  opacity: 0;
}

@keyframes aurora-expanded-chat-in {
  from { opacity: 0; transform: translate3d(0, 14px, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes aurora-chat-alert-band-pulse {
  0%, 100% { opacity: calc(.42 * var(--aurora-notification-intensity, 1)); }
  48% { opacity: calc(.98 * var(--aurora-notification-intensity, 1)); }
}

@keyframes aurora-chat-reward-band-pulse {
  0%, 62%, 100% { opacity: calc(.28 * var(--aurora-notification-intensity, 1)); }
  72% { opacity: var(--aurora-notification-intensity, 1); }
  81% { opacity: calc(.46 * var(--aurora-notification-intensity, 1)); }
  90% { opacity: calc(.86 * var(--aurora-notification-intensity, 1)); }
}

@media (prefers-reduced-motion: reduce) {
  .team-album-card.aurora-team-card .aurora-banner-reactor,
  .team-album-card.aurora-team-card .aurora-glass-surface,
  .team-album-card.aurora-team-card .aurora-identity,
  .team-album-card.aurora-team-card .aurora-communication,
  .team-album-card.aurora-team-card .aurora-diagnostic-trigger {
    transition-duration: .01ms !important;
  }

  .team-album-card.aurora-team-card.chat-open > .team-card-overlay-layer > .team-quick-message.aurora-expanded-quick-chat {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
  }
}

/*
 * Cabecera operativa global. Equipo is the geometry master: every authenticated
 * section uses the same title scale, 64 px action cells and a compact options row.
 */
#main.fp-unified-main {
  --fp-section-action-size: 64px;
  --fp-section-icon-size: 44.8px;
  --fp-section-title-size: clamp(27.6px, 2.3vw, 34.5px);
  --fp-section-subbar-lift: -22px;
  padding-top: 0 !important;
  overflow: visible;
  scroll-padding-top: 128px;
}

@media (min-width: 721px) {
  #main.fp-unified-main.development-map-main { padding-inline: 5vw !important; }
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) var(--fp-section-action-size) !important;
  grid-template-rows: 64px !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 86px !important;
  height: 86px !important;
  margin: 0 0 8px !important;
  padding: 11px 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-title {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: min(310px, 28vw) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#main.fp-unified-main .fp-unified-title > :where(.eyebrow, .development-map-eyebrow, p) {
  display: none !important;
}

#main.fp-unified-main .fp-unified-title > h1,
#main.fp-unified-main .storage-title > h1 {
  margin: 0 !important;
  color: #f0f5f2 !important;
  font-size: var(--fp-section-title-size) !important;
  font-weight: 860 !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
  white-space: nowrap;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: stretch !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--fp-section-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#main.fp-unified-main .fp-unified-actions > :where(div, nav, section) {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  height: var(--fp-section-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-action,
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  flex: 0 0 var(--fp-section-action-size) !important;
  width: var(--fp-section-action-size) !important;
  height: var(--fp-section-action-size) !important;
  min-width: var(--fp-section-action-size) !important;
  min-height: var(--fp-section-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: #79d9ad !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: color .1s ease, filter .1s ease, transform .1s ease !important;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  color: #8dc9d8 !important;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-action > svg,
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-action > :where(span, i) > svg,
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh > svg {
  display: block !important;
  width: var(--fp-section-icon-size) !important;
  height: var(--fp-section-icon-size) !important;
  overflow: visible;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 0 7px rgba(121, 217, 173, .18));
  pointer-events: none;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-action :where(.screen-head-action-label, .screen-head-quality-copy),
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-refresh > :where(em, span:not(:has(svg))) {
  display: none !important;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-action:is(:hover, :focus-visible),
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh:is(:hover, :focus-visible) {
  color: #c7f8e1 !important;
  filter: drop-shadow(0 0 8px rgba(121, 217, 173, .52));
  outline: 2px solid #a7efd0 !important;
  outline-offset: -3px !important;
  transform: translateY(-1px) scale(1.08) !important;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh:is(:hover, :focus-visible) {
  color: #d2f3fa !important;
  filter: drop-shadow(0 0 8px rgba(141, 201, 216, .58));
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-action:active,
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh:active { transform: scale(.97) !important; }
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-action:disabled,
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh:disabled { opacity: .46; cursor: wait; transform: none !important; }
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) .fp-unified-status-action { cursor: default; }
#main.fp-unified-main .fp-unified-actions :where(.profile-action-approved, [id*="Trash"], [id*="trash"]) { color: #e99088 !important; }
#main.fp-unified-main .fp-unified-actions :where(.profile-action-directory, .profile-action-history, [id*="Ai"], [id*="AI"], .profile-quota-action) { color: #c5a1fa !important; }
#main.fp-unified-main .fp-unified-header .fp-unified-refresh.is-refreshing svg { animation: fp-unified-refresh-spin .7s linear infinite; }
@keyframes fp-unified-refresh-spin { to { transform: rotate(360deg); } }

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) [data-icon-tooltip]::after {
  position: absolute !important;
  z-index: 220 !important;
  top: calc(100% + 7px) !important;
  left: 50% !important;
  display: block !important;
  width: max-content !important;
  max-width: min(230px, calc(100vw - 24px)) !important;
  padding: 7px 9px !important;
  overflow: hidden;
  border: 1px solid rgba(159, 184, 173, .28) !important;
  border-radius: 10px !important;
  background: rgba(8, 13, 16, .62) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .06) !important;
  color: #dcebe4 !important;
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
  content: attr(data-icon-tooltip) !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  line-height: 1.15 !important;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0 !important;
  pointer-events: none;
  transform: translate(-50%, -3px) !important;
  transition: opacity .12s ease, transform .12s ease !important;
}

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) [data-icon-tooltip]:is(:hover, :focus-visible)::after { opacity: 1 !important; transform: translate(-50%, 0) !important; }
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh::after { right: 0 !important; left: auto !important; transform: translate(0, -3px) !important; }
#main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-refresh:is(:hover, :focus-visible)::after { transform: translate(0, 0) !important; }

#main.fp-unified-main .fp-unified-header:not(.team-header-shell) + .fp-unified-subbar:not(.fp-team-subbar) {
  position: relative;
  z-index: 45;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  margin: var(--fp-section-subbar-lift) 0 8px;
  padding: 5px 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Grid-based pages add their own row gap. Absorb it so both chrome rows keep
 * the same vertical coordinates as the rest of the application. */
#main.fp-unified-main .screens-layout > .fp-unified-header + .fp-unified-subbar:not(.fp-team-subbar) {
  margin-top: calc(var(--fp-section-subbar-lift) - 6px) !important;
}

#main.fp-unified-main .development-map-page > .fp-unified-header + .fp-unified-subbar:not(.fp-team-subbar) {
  margin-top: calc(var(--fp-section-subbar-lift) - 12px) !important;
}

/* Legacy Screens chrome reserved horizontal padding inside the header. The
 * shared layout owns that spacing now, including the right-edge refresh. */
#main.fp-unified-main .screens-layout > .screen-page-head.screen-page-head.screens-icon-topbar.fp-unified-header {
  padding-inline: 0 !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .fp-unified-options { min-width: 0; margin: 0 !important; }

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > :where(.tag, .higgsfield-connection, .development-map-status, .server-v2-local-state, .development-map-count) {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  overflow: hidden;
  border: 1px solid rgba(200, 215, 208, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055) !important;
  color: #aebbb5 !important;
  -webkit-backdrop-filter: blur(16px) saturate(108%);
  backdrop-filter: blur(16px) saturate(108%);
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > :where(.higgsfield-connection, .development-map-status, .server-v2-local-state) :where(p, small) { display: none !important; }

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > :where(.profile-subhead, .history-filters, .development-map-filters, .chat-shift-filters, .recruitment-tabs, .profile-jump-nav, .vault-zone-tabs, .higgsfield-tabs, .server-v2-range-dock) {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 2px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-filters {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  gap: 7px !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-filters > label {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-filters > .development-map-search { flex-grow: 1.35 !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-filters .fp-blur-select-host { min-width: 0 !important; max-width: none !important; }

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .fp-unified-meta {
  position: relative !important;
  flex: 0 0 42px !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  padding: 0 !important;
  overflow: visible !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-status > div { display: none !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-count { font-size: 0 !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-count::before { content: "#"; font-size: 17px; font-weight: 900; }

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .fp-unified-meta::after {
  position: absolute;
  z-index: 290;
  top: calc(100% + 7px);
  right: 0;
  width: max-content;
  max-width: min(320px, calc(100vw - 24px));
  padding: 7px 9px;
  overflow: hidden;
  border: 1px solid rgba(159, 184, 173, .28);
  border-radius: 10px;
  background: rgba(8, 13, 16, .62);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .06);
  color: #dcebe4;
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
  content: attr(data-icon-tooltip);
  font-size: 9px;
  font-weight: 820;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-3px);
  transition: opacity .12s ease, transform .12s ease;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .fp-unified-meta:is(:hover, :focus-visible)::after { opacity: 1; transform: translateY(0); }

/* Tooltips for both chrome rows live directly under body. This keeps their
 * glass layer above sibling rows, overflow containers, and transformed icons. */
#main.fp-unified-main :is(.fp-unified-header, .fp-unified-subbar) [data-icon-tooltip]::after {
  display: none !important;
  content: none !important;
}

.fp-unified-tooltip {
  position: fixed;
  z-index: 2147483000;
  width: max-content;
  max-width: min(310px, calc(100vw - 20px));
  padding: 8px 10px;
  overflow: hidden;
  border: 1px solid rgba(159, 184, 173, .32);
  border-radius: 11px;
  background: rgba(8, 13, 16, .64);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .07);
  color: #e3f0ea;
  -webkit-backdrop-filter: blur(20px) saturate(114%);
  backdrop-filter: blur(20px) saturate(114%);
  font-size: 10px;
  font-weight: 820;
  line-height: 1.3;
  text-align: center;
  text-wrap: balance;
  pointer-events: none;
  opacity: 0;
  translate: 0 -3px;
  transition: opacity .12s ease, translate .12s ease;
}

.fp-unified-tooltip[hidden] { display: none !important; }
.fp-unified-tooltip.is-visible { opacity: 1; translate: 0 0; }

/* Section-specific tooltip managers already render fixed layers. Give every
 * one the same final overlay priority. */
:is(.screen-topbar-tooltip, .profile-topbar-tooltip, .development-map-tooltip, .aurora-tooltip) {
  z-index: 2147483000 !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-subhead > div:first-child { display: flex; align-items: center; gap: 8px; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-subhead .eyebrow { display: none !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-subhead h1 { margin: 0 !important; color: #dfe8e3 !important; font-size: 14.45px !important; line-height: 1 !important; }

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) :where(button, .primary, .secondary) {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  min-width: 44px;
  min-height: 42px;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(200, 215, 208, .18) !important;
  border-radius: 999px !important;
  outline: 0;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055) !important;
  color: #aebbb5 !important;
  -webkit-backdrop-filter: blur(16px) saturate(108%);
  backdrop-filter: blur(16px) saturate(108%);
  font-size: 14.45px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .12s ease, color .12s ease, background-color .12s ease, transform .12s ease !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) :where(button, .primary, .secondary):is(:hover, :focus-visible),
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) :where(button.active, button[aria-selected="true"], button[aria-pressed="true"]) {
  border-color: rgba(215, 235, 226, .34) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: #e4f2eb !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .09) !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) :where(button, .primary, .secondary):focus-visible { outline: 2px solid #a7efd0 !important; outline-offset: 2px !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) :where(button, .primary, .secondary) :where(small, em) { display: none !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) :where(button, .primary, .secondary) svg { width: 22px !important; height: 22px !important; }

#main.fp-unified-main .fp-blur-select-host {
  position: relative !important;
  display: block !important;
  flex: 1 1 130px;
  min-width: 105px !important;
  max-width: 240px;
  margin: 0 !important;
  color: inherit !important;
  font-size: 0 !important;
}

#main.fp-unified-main .fp-blur-select-host > span:first-child,
#main.fp-unified-main .fp-blur-select-native { display: none !important; }

#main.fp-unified-main .fp-blur-select-trigger { justify-content: space-between !important; width: 100% !important; min-width: 0 !important; padding: 0 15px !important; text-align: left; }
#main.fp-unified-main .fp-blur-select-trigger::after {
  width: 7px;
  height: 7px;
  margin-left: 12px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  content: "";
  transform: translateY(-2px) rotate(45deg);
  transition: transform .12s ease;
}
#main.fp-unified-main .fp-blur-select-host.is-open .fp-blur-select-trigger::after { transform: translateY(2px) rotate(225deg); }

#main.fp-unified-main .fp-blur-select-menu {
  visibility: hidden;
  position: absolute;
  z-index: 280;
  top: calc(100% + 7px);
  left: 0;
  display: grid;
  gap: 4px;
  width: max-content;
  min-width: 100%;
  max-width: min(320px, calc(100vw - 26px));
  max-height: min(420px, 62vh);
  padding: 8px;
  overflow: auto;
  border: 1px solid rgba(200, 215, 208, .24);
  border-radius: 20px;
  background: rgba(8, 12, 16, .56);
  box-shadow: 0 22px 58px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .075);
  -webkit-backdrop-filter: blur(24px) saturate(114%);
  backdrop-filter: blur(24px) saturate(114%);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px) scale(.985);
  transform-origin: top left;
  transition: opacity .14s ease, transform .14s ease;
}

#main.fp-unified-main .fp-blur-select-host.is-open .fp-blur-select-menu { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .fp-blur-select-option { justify-content: flex-start !important; width: 100% !important; min-height: 40px !important; padding: 0 13px !important; border-color: transparent !important; background: transparent !important; box-shadow: none !important; font-size: 15.3px !important; text-align: left !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .fp-blur-select-option[aria-selected="true"] { border-color: rgba(215, 235, 226, .24) !important; background: rgba(255, 255, 255, .065) !important; color: #eff8f3 !important; }

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) :where(input[type="search"], input[type="text"]) {
  min-height: 42px !important;
  margin: 0 !important;
  border: 1px solid rgba(200, 215, 208, .18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .025) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055) !important;
  color: #e4f2eb !important;
  -webkit-backdrop-filter: blur(16px) saturate(108%);
  backdrop-filter: blur(16px) saturate(108%);
  font-size: 14.45px !important;
}

#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .development-map-search > span:first-child { display: none !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .development-map-input-wrap svg { left: 14px !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .development-map-input-wrap input { padding-left: 40px !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-jump-nav { justify-content: center !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-jump-nav button { min-width: 104px; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-jump-nav button > i { display: grid; width: 22px; height: 22px; place-items: center; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-jump-nav button > span { font-size: 12px !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .chat-shift-filters { justify-content: center !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .chat-shift-filters { position: relative !important; inset: auto !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .chat-shift-filters button { width: 44px !important; padding: 0 !important; font-size: 22px !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .server-v2-range-dock { flex: 0 0 auto !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .server-v2-range-dock button span { display: block !important; font-size: 13px !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .server-v2-range-dock button svg { display: none !important; }
#main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .development-map-count { margin-left: auto !important; }

#main.fp-unified-main.messages-main,
#main.fp-unified-main:has(> .tasks-top) {
  grid-template-rows: 94px 42px minmax(0, 1fr) !important;
}

#main.fp-unified-main.messages-main > .chat-layout,
#main.fp-unified-main:has(> .tasks-top) > .tasks-shell {
  height: 100% !important;
  min-height: 0 !important;
}

html[data-theme="light"] #main.fp-unified-main .fp-unified-title > h1,
html[data-theme="light"] #main.fp-unified-main .storage-title > h1 { color: #26342d !important; }
html[data-theme="light"] #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) :where(button, .tag, .higgsfield-connection, .development-map-status, .server-v2-local-state, input[type="search"]) { border-color: rgba(62, 78, 69, .22) !important; background: rgba(255, 255, 255, .28) !important; color: #3f5549 !important; }
html[data-theme="light"] #main.fp-unified-main .fp-blur-select-menu { border-color: rgba(62, 78, 69, .24); background: rgba(235, 241, 236, .7); }

@media (max-width: 1100px) {
  #main.fp-unified-main { --fp-section-action-size: 56px; --fp-section-icon-size: 39.2px; --fp-section-subbar-lift: -18px; }
  #main.fp-unified-main .fp-unified-header:not(.team-header-shell) { grid-template-rows: 56px !important; min-height: 78px !important; height: 78px !important; }
  #main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-actions { justify-content: flex-start !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: thin; }
  #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) { margin-top: -18px; }
  #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-filters { display: flex !important; overflow-x: auto !important; scrollbar-width: thin; }
  #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > .development-map-filters > label { flex: 0 0 150px; }
}

@media (max-width: 720px) {
  #main.fp-unified-main { --fp-section-action-size: 48px; --fp-section-icon-size: 33.6px; --fp-section-title-size: 27.6px; --fp-section-subbar-lift: -12px; }
  #main.fp-unified-main .fp-unified-header:not(.team-header-shell) { grid-template-columns: max-content minmax(0, 1fr) 48px !important; grid-template-rows: 48px !important; min-height: 68px !important; height: 68px !important; padding: 10px 0 !important; }
  #main.fp-unified-main .fp-unified-header:not(.team-header-shell) > .fp-unified-title { max-width: 36vw !important; overflow: hidden; }
  #main.fp-unified-main .fp-unified-title > h1 { overflow: hidden; text-overflow: ellipsis; }
  #main.fp-unified-main .fp-unified-actions,
  #main.fp-unified-main .fp-unified-actions > :where(div, nav, section) { gap: 4px !important; }
  #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) { min-height: 52px; margin-top: -12px; overflow-x: auto; overflow-y: visible; scrollbar-width: thin; }
  #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > :where(.profile-subhead, .history-filters, .chat-shift-filters, .recruitment-tabs, .profile-jump-nav, .vault-zone-tabs, .higgsfield-tabs, .server-v2-range-dock) { flex: 0 0 auto !important; max-width: none !important; }
  #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) > :is(.recruitment-tabs, .higgsfield-tabs) {
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }
  #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-jump-nav button { min-width: 48px; padding: 0 11px !important; }
  #main.fp-unified-main .fp-unified-subbar:not(.fp-team-subbar) .profile-jump-nav button > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  #main.fp-unified-main .fp-unified-header .fp-unified-action,
  #main.fp-unified-main .fp-unified-subbar button,
  #main.fp-unified-main .fp-blur-select-menu { transition: none !important; }
  #main.fp-unified-main .fp-unified-header .fp-unified-action:is(:hover, :focus-visible) { transform: none !important; }
  #main.fp-unified-main .fp-unified-header .fp-unified-refresh.is-refreshing svg { animation: none !important; }
}

/* Screens keeps every primary control on the shared action geometry. */
#main.fp-unified-main .screens-icon-topbar .screen-head-quality,
#main.fp-unified-main .screens-icon-topbar .screen-head-quality-trigger {
  display: grid !important;
  flex: 0 0 var(--fp-section-action-size) !important;
  grid-template-columns: 1fr !important;
  width: var(--fp-section-action-size) !important;
  height: var(--fp-section-action-size) !important;
  min-width: var(--fp-section-action-size) !important;
  min-height: var(--fp-section-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}

#main.fp-unified-main .screens-icon-topbar .screen-head-quality-trigger {
  color: #79d9ad !important;
  cursor: pointer;
}

#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) .fp-unified-action.screen-head-action,
#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) .fp-unified-action.screen-head-quality-trigger,
#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) > .fp-unified-refresh {
  border-radius: 50% !important;
  grid-template-rows: 1fr !important;
  row-gap: 0 !important;
  place-items: center !important;
}

#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) .fp-unified-action.screen-head-action:is(:hover, :focus-visible),
#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) .fp-unified-action.screen-head-quality-trigger:is(:hover, :focus-visible),
#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) > .fp-unified-refresh:is(:hover, :focus-visible) {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(100, 255, 208, .34), 0 0 18px rgba(65, 255, 194, .24) !important;
  transform: none !important;
}

#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) .screen-head-quality.is-open .fp-unified-action.screen-head-quality-trigger {
  color: #64ffd0 !important;
  filter: drop-shadow(0 0 7px rgba(65, 255, 194, .9)) drop-shadow(0 0 17px rgba(65, 255, 194, .62)) !important;
}

#main.fp-unified-main .screens-icon-topbar .screen-head-quality.is-open .screen-head-quality-icon {
  animation: screen-head-neon-pulse 1.35s ease-in-out infinite;
}

#main.fp-unified-main .screens-layout > .screens-icon-topbar:has(.screen-head-quality.is-open) {
  z-index: 100 !important;
}

#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) .fp-unified-action.screen-head-action[data-icon-tooltip]::after,
#main.fp-unified-main .fp-unified-header.screens-icon-topbar:not(.team-header-shell) .fp-unified-action.screen-head-quality-trigger[data-icon-tooltip]::after {
  display: none !important;
  content: none !important;
}

#main.fp-unified-main .screens-icon-topbar .screen-head-action:is(.active, [aria-pressed="true"]) {
  color: #64ffd0 !important;
  filter: drop-shadow(0 0 7px rgba(65, 255, 194, .9)) drop-shadow(0 0 17px rgba(65, 255, 194, .62)) !important;
}

#main.fp-unified-main .screens-icon-topbar .screen-head-action:is(.active, [aria-pressed="true"]) .screen-head-action-icon {
  animation: screen-head-neon-pulse 1.35s ease-in-out infinite;
}

#main.fp-unified-main .screens-icon-topbar [data-screen-head-share]:not(:disabled):not(.is-selecting):not(.active):not([aria-pressed="true"]) .screen-head-action-icon {
  animation: screen-share-attention 3s linear infinite;
}

#main.fp-unified-main .screens-icon-topbar .screen-head-quality-menu {
  display: grid !important;
  width: 214px !important;
  height: auto !important;
  min-width: 214px !important;
  min-height: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(206, 222, 215, .24) !important;
  border-radius: 20px !important;
  background: rgba(8, 13, 16, .58) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .075) !important;
  -webkit-backdrop-filter: blur(24px) saturate(114%);
  backdrop-filter: blur(24px) saturate(114%);
}

#main.fp-unified-main .screens-icon-topbar .screen-head-quality-option {
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  justify-content: flex-start !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

@keyframes screen-head-neon-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 4px rgba(79, 255, 199, .72));
    opacity: .9;
    transform: none;
  }

  50% {
    filter: drop-shadow(0 0 9px rgba(105, 255, 210, 1)) drop-shadow(0 0 19px rgba(57, 255, 191, .78));
    opacity: 1;
    transform: none;
  }
}

@keyframes screen-share-attention {
  0%, 8.333%, 16.667%, 100% {
    filter: drop-shadow(0 0 4px rgba(79, 255, 199, .36));
    opacity: .9;
    transform: none;
  }

  4.167%, 12.5% {
    filter: drop-shadow(0 0 9px rgba(105, 255, 210, 1)) drop-shadow(0 0 20px rgba(57, 255, 191, .84));
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 720px) {
  #main.fp-unified-main .screens-icon-topbar .screen-head-quality-menu {
    right: 0 !important;
    left: auto !important;
    width: min(214px, calc(100vw - 16px)) !important;
    min-width: min(214px, calc(100vw - 16px)) !important;
    transform: translateY(-7px) scale(.97) !important;
    transform-origin: top right !important;
  }

  #main.fp-unified-main .screens-icon-topbar .screen-head-quality.is-open .screen-head-quality-menu {
    transform: translateY(0) scale(1) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #main.fp-unified-main .screens-icon-topbar .screen-head-action:is(.active, [aria-pressed="true"]) .screen-head-action-icon {
    animation: none !important;
  }

  #main.fp-unified-main .screens-icon-topbar [data-screen-head-share] .screen-head-action-icon,
  #main.fp-unified-main .screens-icon-topbar .screen-head-quality.is-open .screen-head-quality-icon {
    animation: none !important;
  }
}