/*
 * Gate Bot Dashboard — Aurora
 * A3 global visual foundation
 *
 * This file is deliberately loaded last.
 * It changes presentation only.
 * No application behavior is owned here.
 */

:root {
  /*
   * M4.47A2 palette foundation.
   *
   * These tokens own decorative Aurora hue.
   * Trading/safety semantics remain separate.
   */
  --aurora-palette-bg: #030907;
  --aurora-palette-sidebar: #050d0a;
  --aurora-palette-surface: #08130f;
  --aurora-palette-surface-2: #0b1913;
  --aurora-palette-surface-3: #10231b;
  --aurora-palette-raised: #0d1d16;
  --aurora-palette-hover: #12281e;
  --aurora-palette-muted: #06100c;

  --aurora-accent-rgb: 88, 240, 189;
  --aurora-dark-rgb: 25, 186, 132;
  --aurora-bright-rgb: 122, 255, 207;
  --aurora-mint-rgb: 162, 255, 224;
  --aurora-border-rgb: 144, 226, 195;

  --aurora-palette-deep: #063e2d;

  --bg: var(--aurora-palette-bg);
  --sidebar: var(--aurora-palette-sidebar);

  --surface: var(--aurora-palette-surface);
  --surface-2: var(--aurora-palette-surface-2);
  --surface-3: var(--aurora-palette-surface-3);

  --surface-raised: var(--aurora-palette-raised);
  --surface-hover: var(--aurora-palette-hover);
  --surface-muted: var(--aurora-palette-muted);

  --border: rgba(var(--aurora-border-rgb), .16);
  --border-soft: rgba(var(--aurora-border-rgb), .09);
  --border-strong: rgba(var(--aurora-border-rgb), .28);

  --text: #f2fff9;
  --text-soft: #c4d9d0;
  --muted: #8ba49a;

  --accent: rgb(var(--aurora-accent-rgb));
  --accent-dark: rgb(var(--aurora-dark-rgb));
  --positive: #58f0bd;
  --negative: #ff7685;
  --warning: #f3c96f;
  --blue: #76b8a5;

  --focus-ring: rgba(var(--aurora-accent-rgb), .28);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius: 20px;

  --shadow-sm:
    0 12px 30px rgba(0, 0, 0, .24);

  --shadow:
    0 20px 52px rgba(0, 0, 0, .30);

  --shadow-lg:
    0 34px 90px rgba(0, 0, 0, .44);

  --aurora-bright: rgb(var(--aurora-bright-rgb));
  --aurora-mint: rgb(var(--aurora-mint-rgb));
  --aurora-deep: var(--aurora-palette-deep);

  --aurora-glow:
    0 0 28px rgba(var(--aurora-accent-rgb), .10);

  --aurora-glow-strong:
    0 0 34px rgba(var(--aurora-accent-rgb), .18);

  --aurora-sidebar-width: 244px;
}


/*
 * M4.47A2 Aurora palette mappings.
 *
 * Only decorative presentation tokens change here.
 * --positive / --negative / --warning are intentionally
 * NOT overridden by any palette.
 */
html[data-dashboard-ui="aurora"]
[data-aurora-palette] {
  color-scheme: dark;
}

html[data-dashboard-ui="aurora"][data-aurora-palette="emerald"] {
  --aurora-palette-bg: #030907;
  --aurora-palette-sidebar: #050d0a;
  --aurora-palette-surface: #08130f;
  --aurora-palette-surface-2: #0b1913;
  --aurora-palette-surface-3: #10231b;
  --aurora-palette-raised: #0d1d16;
  --aurora-palette-hover: #12281e;
  --aurora-palette-muted: #06100c;
  --aurora-accent-rgb: 88, 240, 189;
  --aurora-dark-rgb: 25, 186, 132;
  --aurora-bright-rgb: 122, 255, 207;
  --aurora-mint-rgb: 162, 255, 224;
  --aurora-border-rgb: 144, 226, 195;
  --aurora-palette-deep: #063e2d;
}

html[data-dashboard-ui="aurora"][data-aurora-palette="ocean"] {
  --aurora-palette-bg: #03080d;
  --aurora-palette-sidebar: #050c13;
  --aurora-palette-surface: #08131d;
  --aurora-palette-surface-2: #0b1a28;
  --aurora-palette-surface-3: #102438;
  --aurora-palette-raised: #0d1d2d;
  --aurora-palette-hover: #122a40;
  --aurora-palette-muted: #06101a;
  --aurora-accent-rgb: 91, 188, 255;
  --aurora-dark-rgb: 35, 130, 215;
  --aurora-bright-rgb: 132, 204, 255;
  --aurora-mint-rgb: 184, 226, 255;
  --aurora-border-rgb: 145, 199, 238;
  --aurora-palette-deep: #082f4a;
}

html[data-dashboard-ui="aurora"][data-aurora-palette="royal"] {
  --aurora-palette-bg: #08060d;
  --aurora-palette-sidebar: #0d0914;
  --aurora-palette-surface: #151022;
  --aurora-palette-surface-2: #1a142b;
  --aurora-palette-surface-3: #251b3c;
  --aurora-palette-raised: #1e1732;
  --aurora-palette-hover: #2c2148;
  --aurora-palette-muted: #100b19;
  --aurora-accent-rgb: 169, 139, 255;
  --aurora-dark-rgb: 118, 85, 220;
  --aurora-bright-rgb: 193, 170, 255;
  --aurora-mint-rgb: 220, 208, 255;
  --aurora-border-rgb: 195, 179, 238;
  --aurora-palette-deep: #26194d;
}

html[data-dashboard-ui="aurora"][data-aurora-palette="ruby"] {
  --aurora-palette-bg: #0d0508;
  --aurora-palette-sidebar: #14070b;
  --aurora-palette-surface: #1e0b11;
  --aurora-palette-surface-2: #291017;
  --aurora-palette-surface-3: #3a1620;
  --aurora-palette-raised: #30121b;
  --aurora-palette-hover: #451a26;
  --aurora-palette-muted: #18080d;
  --aurora-accent-rgb: 255, 113, 143;
  --aurora-dark-rgb: 207, 63, 97;
  --aurora-bright-rgb: 255, 152, 173;
  --aurora-mint-rgb: 255, 196, 208;
  --aurora-border-rgb: 239, 167, 181;
  --aurora-palette-deep: #4a1423;
}

html[data-dashboard-ui="aurora"][data-aurora-palette="amber"] {
  --aurora-palette-bg: #0d0903;
  --aurora-palette-sidebar: #140e05;
  --aurora-palette-surface: #1e1508;
  --aurora-palette-surface-2: #291d0b;
  --aurora-palette-surface-3: #3a2910;
  --aurora-palette-raised: #30220d;
  --aurora-palette-hover: #453115;
  --aurora-palette-muted: #180f05;
  --aurora-accent-rgb: 245, 199, 104;
  --aurora-dark-rgb: 198, 140, 36;
  --aurora-bright-rgb: 255, 217, 134;
  --aurora-mint-rgb: 255, 233, 176;
  --aurora-border-rgb: 235, 204, 143;
  --aurora-palette-deep: #49300a;
}

html[data-dashboard-ui="aurora"][data-aurora-palette="ice"] {
  --aurora-palette-bg: #030b0d;
  --aurora-palette-sidebar: #050f12;
  --aurora-palette-surface: #08171b;
  --aurora-palette-surface-2: #0b1f25;
  --aurora-palette-surface-3: #102c34;
  --aurora-palette-raised: #0d252c;
  --aurora-palette-hover: #12343d;
  --aurora-palette-muted: #061316;
  --aurora-accent-rgb: 117, 228, 243;
  --aurora-dark-rgb: 52, 174, 191;
  --aurora-bright-rgb: 154, 240, 251;
  --aurora-mint-rgb: 196, 248, 253;
  --aurora-border-rgb: 158, 226, 235;
  --aurora-palette-deep: #0a3d45;
}
/* End M4.47A2 Aurora palette mappings */


html {
  color-scheme: dark;
  background: #020705;
  scrollbar-gutter: stable;
}


body {
  min-height: 100vh;

  background:
    radial-gradient(
      ellipse at 14% -8%,
      rgba(88, 240, 189, .16) 0,
      rgba(88, 240, 189, .055) 18rem,
      transparent 39rem
    ),
    radial-gradient(
      ellipse at 88% 4%,
      rgba(162, 255, 224, .075) 0,
      transparent 31rem
    ),
    radial-gradient(
      ellipse at 58% 110%,
      rgba(25, 186, 132, .045) 0,
      transparent 36rem
    ),
    linear-gradient(
      180deg,
      #040c09 0,
      #030907 46%,
      #020705 100%
    );

  background-attachment: fixed;

  color: var(--text);

  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


::selection {
  color: #02100b;
  background: var(--aurora-bright);
}


* {
  scrollbar-color:
    rgba(88, 240, 189, .24)
    rgba(255, 255, 255, .018);
}


@media (min-width: 901px) {
  .app-shell {
    grid-template-columns:
      var(--aurora-sidebar-width)
      minmax(0, 1fr);
  }
}


.sidebar {
  background:
    radial-gradient(
      circle at 25% 4%,
      rgba(88, 240, 189, .12),
      transparent 19rem
    ),
    linear-gradient(
      180deg,
      rgba(7, 19, 14, .985) 0,
      rgba(3, 10, 7, .99) 68%,
      rgba(2, 8, 6, .995) 100%
    );

  border-right: 1px solid
    rgba(118, 221, 183, .12);

  box-shadow:
    inset -1px 0 rgba(255, 255, 255, .018),
    12px 0 42px rgba(0, 0, 0, .18);
}


.brand {
  position: relative;
}


.brand-mark {
  background:
    linear-gradient(
      145deg,
      var(--aurora-mint),
      var(--accent) 48%,
      #21c98f
    );

  color: #02110b;

  border: 1px solid
    rgba(208, 255, 239, .46);

  box-shadow:
    0 9px 24px rgba(15, 178, 121, .22),
    0 0 24px rgba(88, 240, 189, .17),
    inset 0 1px rgba(255, 255, 255, .55);
}


.brand strong {
  color: #f5fffb;
  letter-spacing: -.015em;
}


.brand small {
  color: #779288;
}


.sidebar nav {
  gap: 6px;
}


.nav-item {
  min-height: 43px;

  border: 1px solid transparent;

  border-radius: 13px;

  color: var(--text-soft);

  font-weight: 610;

  transition:
    color .16s ease,
    background .16s ease,
    border-color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}


.nav-item:hover {
  color: var(--text);

  background:
    linear-gradient(
      90deg,
      rgba(88, 240, 189, .055),
      rgba(255, 255, 255, .018)
    );

  border-color: var(--border-soft);

  transform: translateX(2px);
}


.nav-item.active {
  color: var(--aurora-mint);

  background:
    linear-gradient(
      90deg,
      rgba(88, 240, 189, .17),
      rgba(88, 240, 189, .065) 62%,
      rgba(88, 240, 189, .018)
    );

  border-color:
    rgba(88, 240, 189, .24);

  box-shadow:
    inset 3px 0 0 var(--accent),
    inset 0 1px rgba(255, 255, 255, .035),
    0 8px 20px rgba(0, 0, 0, .12),
    0 0 26px rgba(88, 240, 189, .055);
}


.nav-item::before {
  background-color: #91b9aa;

  transition:
    background-color .16s ease,
    filter .16s ease,
    transform .16s ease;
}


.nav-item:hover::before {
  background-color: var(--text);

  transform: scale(1.035);
}


.nav-item.active::before {
  background-color: var(--aurora-bright);

  filter:
    drop-shadow(
      0 0 6px
      rgba(88, 240, 189, .44)
    );
}


.sidebar-footer {
  border-top: 1px solid
    rgba(122, 255, 207, .09);
}


.connection i {
  box-shadow:
    0 0 12px currentColor;
}


main {
  min-width: 0;
}


.topbar {
  position: relative;

  padding:
    17px 19px
    17px 21px;

  margin-bottom: 30px;

  border: 1px solid
    rgba(143, 226, 195, .13);

  border-radius: 20px;

  background:
    linear-gradient(
      115deg,
      rgba(13, 31, 23, .91),
      rgba(7, 18, 13, .85) 56%,
      rgba(5, 14, 10, .88)
    );

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .035),
    0 18px 44px rgba(0, 0, 0, .23),
    0 0 44px rgba(88, 240, 189, .035);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}


.topbar::before {
  content: "";
  position: absolute;

  left: 22px;
  right: 55%;
  top: -1px;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(122, 255, 207, .65),
      transparent
    );

  pointer-events: none;
}


.topbar h1 {
  color: #f4fff9;

  letter-spacing: -.04em;

  font-weight: 740;
}


.topbar p {
  color: #88a398;
}


.panel,
.metric-card {
  border-color:
    rgba(143, 226, 195, .14);

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .026),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(12, 29, 22, .96),
      rgba(6, 17, 12, .96)
    );

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .027),
    0 15px 40px rgba(0, 0, 0, .22),
    0 0 0 1px rgba(88, 240, 189, .012);
}


.panel {
  border-radius: var(--radius-lg);
}


.metric-card {
  position: relative;

  overflow: hidden;

  border-radius: 18px;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}


.metric-card::before {
  content: "";

  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;

  width: 2px;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(88, 240, 189, .78),
      transparent
    );

  opacity: .55;
}


.metric-card:hover {
  border-color:
    rgba(122, 255, 207, .25);

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .035),
    0 19px 44px rgba(0, 0, 0, .26),
    0 0 28px rgba(88, 240, 189, .045);

  transform: translateY(-1px);
}


.metric-card > span,
.panel-header p {
  color: var(--muted);
}


.metric-card strong {
  color: #f7fffb;
}


.panel-header h2,
.panel-header h3 {
  color: #f2fff9;

  letter-spacing: -.018em;
}


.button {
  min-height: 38px;

  border-color:
    rgba(143, 226, 195, .16);

  border-radius: 11px;

  background:
    linear-gradient(
      180deg,
      rgba(23, 46, 37, .94),
      rgba(11, 27, 20, .96)
    );

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .035),
    0 6px 16px rgba(0, 0, 0, .14);

  transition:
    color .15s ease,
    border-color .15s ease,
    background .15s ease,
    box-shadow .15s ease,
    transform .15s ease;
}


.button:hover:not(:disabled) {
  border-color:
    rgba(122, 255, 207, .31);

  background:
    linear-gradient(
      180deg,
      rgba(28, 55, 44, .96),
      rgba(13, 32, 24, .97)
    );

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .045),
    0 8px 19px rgba(0, 0, 0, .18),
    0 0 22px rgba(88, 240, 189, .04);

  transform: translateY(-1px);
}


.button.primary {
  color: #02110b;

  border-color:
    rgba(163, 255, 224, .76);

  background:
    linear-gradient(
      135deg,
      var(--aurora-mint) 0,
      var(--accent) 48%,
      #27d99b 100%
    );

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .58),
    0 9px 22px rgba(22, 205, 143, .19),
    0 0 24px rgba(88, 240, 189, .10);

  font-weight: 760;
}


.button.primary:hover:not(:disabled) {
  color: #01100a;

  border-color:
    rgba(201, 255, 237, .88);

  background:
    linear-gradient(
      135deg,
      #c2ffeb 0,
      #6ff6c8 42%,
      #36e2a7 100%
    );

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .67),
    0 12px 26px rgba(22, 205, 143, .24),
    0 0 32px rgba(88, 240, 189, .16);
}


.button.secondary {
  color: var(--text-soft);
}


select,
input,
textarea {
  color: var(--text);

  border-color:
    rgba(143, 226, 195, .14);

  border-radius: 11px;

  background:
    linear-gradient(
      180deg,
      rgba(11, 27, 20, .96),
      rgba(6, 17, 12, .97)
    );

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .018);

  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}


select:hover,
input:hover,
textarea:hover {
  border-color:
    rgba(143, 226, 195, .23);
}


select:focus,
input:focus,
textarea:focus {
  outline: none;

  border-color:
    rgba(88, 240, 189, .58);

  box-shadow:
    0 0 0 3px var(--focus-ring),
    inset 0 1px rgba(255, 255, 255, .025);
}


button:focus-visible {
  outline: none;

  box-shadow:
    0 0 0 3px var(--focus-ring);
}


.mode-badge,
.status-badge,
.type-badge,
.account-badge,
.admin-identity {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}


table {
  color: var(--text-soft);
}


th {
  color: #7f9b91;

  background:
    rgba(255, 255, 255, .014);

  border-bottom-color:
    rgba(143, 226, 195, .11);
}


td {
  border-bottom-color:
    rgba(143, 226, 195, .075);
}


tbody tr {
  transition:
    background .14s ease;
}


tbody tr:hover {
  background:
    rgba(88, 240, 189, .028);
}


dialog {
  border-color:
    rgba(143, 226, 195, .22);

  background:
    linear-gradient(
      145deg,
      rgba(14, 34, 25, .985),
      rgba(5, 15, 10, .99)
    );

  box-shadow:
    inset 0 1px rgba(255, 255, 255, .045),
    0 34px 90px rgba(0, 0, 0, .52),
    0 0 72px rgba(88, 240, 189, .07);
}


dialog::backdrop {
  background:
    rgba(0, 7, 5, .80);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}


.dialog-header {
  border-bottom-color:
    rgba(143, 226, 195, .12);

  background:
    linear-gradient(
      180deg,
      rgba(13, 31, 23, .97),
      rgba(7, 19, 13, .95)
    );

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}


.icon-button {
  border-color:
    rgba(143, 226, 195, .15);

  background:
    rgba(255, 255, 255, .025);
}


.icon-button:hover {
  border-color:
    rgba(122, 255, 207, .34);

  background:
    rgba(88, 240, 189, .07);
}


.empty-state {
  color: var(--muted);
}


.toast {
  border-color:
    rgba(143, 226, 195, .20);

  background:
    rgba(7, 20, 14, .96);

  box-shadow:
    var(--shadow-lg),
    0 0 34px rgba(88, 240, 189, .07);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}


@media (max-width: 900px) {
  .topbar {
    border-radius: 16px;
    padding: 15px 16px;
  }
}


@media (max-width: 700px) {
  .topbar {
    margin-bottom: 22px;
  }

  .panel {
    border-radius: 16px;
  }

  .metric-card {
    border-radius: 15px;
  }
}


@media (prefers-reduced-motion: reduce) {
  .nav-item,
  .metric-card,
  .button,
  select,
  input,
  textarea,
  tbody tr {
    transition: none !important;
  }

  .nav-item:hover,
  .metric-card:hover,
  .button:hover:not(:disabled) {
    transform: none !important;
  }
}

/* A7C162 shared Aurora topbar consistency
   - keep Classic untouched
   - preserve accessible labels in DOM
   - remove redundant visible Account / Interface captions
   - wrap only when horizontal space is genuinely exhausted
   - keep Sync Gate as the visually primary action
*/
html[data-dashboard-ui="aurora"] .topbar {
  flex-wrap: wrap;
  column-gap: 14px;
  row-gap: 10px;
}

html[data-dashboard-ui="aurora"] .topbar > div:first-child {
  flex: 1 1 240px;
  min-width: 220px;
}

html[data-dashboard-ui="aurora"] .top-actions {
  flex: 1 1 650px;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

html[data-dashboard-ui="aurora"]
.top-actions
.account-selector-label {
  display: none;
}

html[data-dashboard-ui="aurora"]
.top-actions
.account-selector {
  flex: 0 1 156px;
  min-width: 128px;
  gap: 0;
}

html[data-dashboard-ui="aurora"]
.top-actions
.account-selector
select {
  width: 100%;
  min-width: 128px;
  height: 38px;
  padding: 7px 30px 7px 11px;
  border-radius: 12px;
}

html[data-dashboard-ui="aurora"]
.top-actions
.button.secondary,
html[data-dashboard-ui="aurora"]
.top-actions
.account-selector
select {
  border-color: rgba(128, 220, 187, 0.22);
  background:
    linear-gradient(
      180deg,
      rgba(17, 42, 32, 0.82),
      rgba(7, 25, 18, 0.88)
    );
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.035),
    0 7px 18px rgba(0, 0, 0, 0.12);
}

html[data-dashboard-ui="aurora"]
.top-actions
.button.secondary:hover:not(:disabled),
html[data-dashboard-ui="aurora"]
.top-actions
.account-selector
select:hover {
  border-color: rgba(88, 240, 189, 0.42);
  background:
    linear-gradient(
      180deg,
      rgba(20, 51, 38, 0.90),
      rgba(9, 31, 22, 0.92)
    );
}

@media (max-width: 900px) {
  html[data-dashboard-ui="aurora"] .topbar {
    row-gap: 12px;
  }

  html[data-dashboard-ui="aurora"] .top-actions {
    flex-basis: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  html[data-dashboard-ui="aurora"]
  .top-actions
  .account-selector {
    flex: 1 1 100%;
  }
}
/* End A7C162 shared Aurora topbar consistency */

/* A7C207 Aurora final recessed-light physics
   Frozen hierarchy:
   All accounts -> Change password -> Lock account -> Sync Gate
   -> Aurora | LIVE -> operator

   Final physical model:
   - top inner edge is SHADOW, not highlight
   - center is the darkest part of the control
   - mint/jade light reflects from the LOWER inner wall
   - a localized luminous floor sits low inside the cavity
   - outer socket is nearly invisible
   - LIVE/operator remain untouched passive jewels
*/

@media (min-width: 1460px) {
  html[data-dashboard-ui="aurora"] .topbar {
    display: grid;
    grid-template-columns:
      minmax(240px, 1fr)
      auto;
    align-items: start;
    column-gap: 14px;
    row-gap: 0;
  }

  html[data-dashboard-ui="aurora"]
  .topbar
  > div:first-child {
    min-width: 0;
    max-width: 360px;
  }

  html[data-dashboard-ui="aurora"]
  .top-actions {
    flex: 0 0 auto;
    min-width: 0;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
  }
}

/* Accepted order stays frozen. */
html[data-dashboard-ui="aurora"]
#globalAccountSelector {
  order: 10;
}

html[data-dashboard-ui="aurora"]
#changePasswordButton {
  order: 20;
}

html[data-dashboard-ui="aurora"]
#adminButton {
  order: 30;
}

html[data-dashboard-ui="aurora"]
#syncButton {
  order: 40;
}

html[data-dashboard-ui="aurora"]
.dashboard-ui-switcher {
  order: 50;
}

html[data-dashboard-ui="aurora"]
#modeBadge {
  order: 60;
  margin-left: 5px;
}

html[data-dashboard-ui="aurora"]
#adminIdentity {
  order: 70;
}

html[data-dashboard-ui="aurora"]
.top-actions
.account-selector-label {
  display: none;
}

/* Readability stays frozen. */
html[data-dashboard-ui="aurora"]
.top-actions
.account-selector {
  flex: 0 0 154px;
  min-width: 154px;
  gap: 0;
}

html[data-dashboard-ui="aurora"]
.top-actions
.account-selector
select {
  width: 154px;
  min-width: 154px;
  padding:
    6px
    38px
    6px
    15px;
}

html[data-dashboard-ui="aurora"]
.top-actions
.button,
html[data-dashboard-ui="aurora"]
.top-actions
.account-selector
select {
  min-height: 34px;
  height: 34px;
  border-radius: 999px;
  font-size: 11.5px;
  line-height: 1;
  font-weight: 650;
}

html[data-dashboard-ui="aurora"]
.top-actions
.button {
  padding: 6px 12px;
}

/* FINAL SECONDARY RECESS.
   No bright top rim.
   Shadow falls from above; reflected light rises from below. */
html[data-dashboard-ui="aurora"]
.top-actions
.button.secondary,
html[data-dashboard-ui="aurora"]
.top-actions
.account-selector
select {
  border:
    1px solid
    rgba(5, 33, 22, 0.72);

  background:
    radial-gradient(
      72% 54% at 50% 112%,
      rgba(93, 244, 176, 0.24) 0%,
      rgba(42, 170, 114, 0.14) 28%,
      rgba(12, 77, 49, 0.05) 50%,
      rgba(1, 13, 8, 0) 72%
    ),
    radial-gradient(
      35% 34% at 35% 92%,
      rgba(116, 255, 194, 0.10) 0%,
      rgba(16, 91, 58, 0.02) 62%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      180deg,
      rgba(2, 15, 10, 1) 0%,
      rgba(1, 10, 6, 1) 28%,
      rgba(0, 7, 4, 1) 58%,
      rgba(2, 17, 11, 1) 100%
    );

  color:
    rgba(232, 248, 241, 0.96);

  text-shadow:
    0 1px 1px
    rgba(0, 0, 0, 0.82);

  box-shadow:
    /* almost invisible socket */
    0 0 0 1px
      rgba(0, 7, 4, 0.34),

    /* strong top occlusion */
    inset 0 4px 7px
      rgba(0, 0, 0, 0.88),

    /* darker side-wall depth */
    inset 2px 0 4px
      rgba(0, 0, 0, 0.34),

    inset -2px 0 4px
      rgba(0, 0, 0, 0.28),

    /* lower luminous reflection */
    inset 0 -1px 0
      rgba(129, 255, 199, 0.46),

    inset 0 -3px 7px
      rgba(35, 170, 110, 0.19);

  outline: none;
}

html[data-dashboard-ui="aurora"]
.top-actions
.button.secondary:hover:not(:disabled),
html[data-dashboard-ui="aurora"]
.top-actions
.account-selector
select:hover {
  border-color:
    rgba(9, 47, 32, 0.78);

  background:
    radial-gradient(
      74% 56% at 50% 112%,
      rgba(114, 255, 191, 0.32) 0%,
      rgba(50, 196, 129, 0.18) 28%,
      rgba(14, 87, 55, 0.06) 51%,
      rgba(1, 14, 9, 0) 73%
    ),
    radial-gradient(
      36% 34% at 35% 92%,
      rgba(137, 255, 207, 0.14) 0%,
      rgba(18, 103, 65, 0.03) 62%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      180deg,
      rgba(2, 17, 11, 1) 0%,
      rgba(1, 11, 7, 1) 28%,
      rgba(0, 8, 5, 1) 58%,
      rgba(3, 20, 13, 1) 100%
    );

  box-shadow:
    0 0 0 1px
      rgba(0, 8, 5, 0.36),

    inset 0 4px 7px
      rgba(0, 0, 0, 0.84),

    inset 2px 0 4px
      rgba(0, 0, 0, 0.31),

    inset -2px 0 4px
      rgba(0, 0, 0, 0.25),

    inset 0 -1px 0
      rgba(149, 255, 211, 0.56),

    inset 0 -3px 8px
      rgba(40, 195, 124, 0.24);
}

html[data-dashboard-ui="aurora"]
.top-actions
.button.secondary:active:not(:disabled) {
  transform: translateY(1px);

  background:
    radial-gradient(
      66% 46% at 50% 112%,
      rgba(74, 205, 143, 0.18) 0%,
      rgba(17, 93, 59, 0.05) 48%,
      rgba(0, 8, 5, 0) 72%
    ),
    linear-gradient(
      180deg,
      rgba(1, 11, 7, 1) 0%,
      rgba(0, 6, 4, 1) 100%
    );

  box-shadow:
    0 0 0 1px
      rgba(0, 6, 4, 0.34),

    inset 0 6px 10px
      rgba(0, 0, 0, 0.94),

    inset 0 -1px 0
      rgba(89, 213, 155, 0.28),

    inset 0 -3px 7px
      rgba(26, 131, 86, 0.12);
}

/* Sync Gate uses identical recessed geometry,
   but the floor illumination carries more energy. */
html[data-dashboard-ui="aurora"]
.top-actions
.button.primary {
  min-height: 34px;
  height: 34px;

  padding:
    6px 13px;

  border-radius: 999px;

  border:
    1px solid
    rgba(7, 54, 35, 0.76);

  background:
    radial-gradient(
      82% 66% at 50% 114%,
      rgba(155, 255, 209, 0.58) 0%,
      rgba(72, 238, 157, 0.42) 24%,
      rgba(27, 176, 110, 0.26) 43%,
      rgba(8, 92, 56, 0.09) 60%,
      rgba(2, 30, 18, 0) 78%
    ),
    radial-gradient(
      30% 26% at 34% 92%,
      rgba(226, 255, 155, 0.18) 0%,
      rgba(110, 244, 170, 0.06) 65%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      180deg,
      rgba(4, 31, 20, 1) 0%,
      rgba(3, 25, 16, 1) 27%,
      rgba(2, 22, 14, 1) 56%,
      rgba(7, 55, 35, 1) 100%
    );

  color:
    rgba(239, 255, 248, 0.99);

  font-size: 11.5px;
  font-weight: 760;
  line-height: 1;

  text-shadow:
    0 1px 1px
    rgba(0, 35, 22, 0.82);

  box-shadow:
    0 0 0 1px
      rgba(0, 18, 11, 0.38),

    inset 0 4px 7px
      rgba(0, 13, 8, 0.82),

    inset 2px 0 4px
      rgba(0, 16, 10, 0.28),

    inset -2px 0 4px
      rgba(0, 15, 9, 0.24),

    inset 0 -1px 0
      rgba(177, 255, 221, 0.68),

    inset 0 -4px 10px
      rgba(46, 222, 143, 0.35);
}

html[data-dashboard-ui="aurora"]
.top-actions
.button.primary:hover:not(:disabled) {
  background:
    radial-gradient(
      84% 68% at 50% 114%,
      rgba(178, 255, 221, 0.68) 0%,
      rgba(83, 255, 170, 0.50) 24%,
      rgba(31, 198, 122, 0.31) 44%,
      rgba(9, 105, 63, 0.11) 61%,
      rgba(2, 32, 19, 0) 79%
    ),
    radial-gradient(
      30% 26% at 34% 92%,
      rgba(239, 255, 169, 0.22) 0%,
      rgba(119, 255, 181, 0.08) 65%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5, 35, 22, 1) 0%,
      rgba(3, 28, 18, 1) 27%,
      rgba(2, 24, 15, 1) 56%,
      rgba(8, 63, 39, 1) 100%
    );

  box-shadow:
    0 0 0 1px
      rgba(0, 20, 12, 0.40),

    inset 0 4px 7px
      rgba(0, 12, 7, 0.78),

    inset 2px 0 4px
      rgba(0, 14, 9, 0.26),

    inset -2px 0 4px
      rgba(0, 14, 8, 0.22),

    inset 0 -1px 0
      rgba(196, 255, 229, 0.76),

    inset 0 -4px 11px
      rgba(54, 239, 153, 0.42);
}

/* Keep LIVE exactly as the compact chartreuse passive jewel. */
html[data-dashboard-ui="aurora"]
.top-actions
.mode-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;

  min-height: 24px;
  height: 24px;

  padding:
    0 8px
    0 7px;

  border-radius: 999px;

  border:
    1px solid
    rgba(204, 229, 96, 0.30);

  background:
    radial-gradient(
      110% 130% at 50% -25%,
      rgba(232, 247, 115, 0.20) 0%,
      rgba(58, 72, 23, 0) 60%
    ),
    linear-gradient(
      180deg,
      rgba(16, 27, 17, 0.99) 0%,
      rgba(7, 16, 10, 1) 100%
    );

  color:
    rgba(234, 246, 178, 0.95);

  font-size: 9px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: 0.06em;

  text-shadow:
    0 1px 1px
    rgba(0, 0, 0, 0.62);

  box-shadow:
    inset 0 2px 5px
      rgba(0, 0, 0, 0.50),
    inset 0 -1px 0
      rgba(224, 242, 122, 0.10);
}

html[data-dashboard-ui="aurora"]
.top-actions
.mode-badge::before {
  content: "";

  width: 5px;
  height: 5px;
  flex: 0 0 5px;

  border-radius: 50%;

  background: #d9ed62;

  box-shadow:
    0 0 0 1px
      rgba(245, 215, 103, 0.18),
    0 0 7px
      rgba(217, 237, 98, 0.68);
}

/* Keep operator exactly as the compact jade passive jewel. */
html[data-dashboard-ui="aurora"]
.top-actions
.admin-identity {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;

  min-height: 24px;
  height: 24px;

  max-width: 190px;

  padding:
    0 8px
    0 7px;

  border-radius: 999px;

  border:
    1px solid
    rgba(88, 202, 158, 0.25);

  background:
    radial-gradient(
      110% 130% at 50% -25%,
      rgba(91, 224, 170, 0.17) 0%,
      rgba(22, 69, 49, 0) 60%
    ),
    linear-gradient(
      180deg,
      rgba(11, 30, 22, 0.99) 0%,
      rgba(5, 19, 14, 1) 100%
    );

  color:
    rgba(169, 226, 202, 0.93);

  font-size: 9px;
  font-weight: 680;
  line-height: 1;
  letter-spacing: 0.024em;

  text-shadow:
    0 1px 1px
    rgba(0, 0, 0, 0.58);

  box-shadow:
    inset 0 2px 5px
      rgba(0, 0, 0, 0.48),
    inset 0 -1px 0
      rgba(113, 233, 184, 0.09);
}

html[data-dashboard-ui="aurora"]
.top-actions
.admin-identity::before {
  content: "";

  width: 5px;
  height: 5px;
  flex: 0 0 5px;

  border-radius: 50%;

  background: #65ddb0;

  box-shadow:
    0 0 0 1px
      rgba(156, 255, 216, 0.12),
    0 0 6px
      rgba(101, 221, 176, 0.50);
}

html[data-dashboard-ui="aurora"]
.top-actions
.account-selector
select:focus-visible,
html[data-dashboard-ui="aurora"]
.top-actions
.button:focus-visible,
html[data-dashboard-ui="aurora"]
.dashboard-ui-select:focus-visible {
  outline:
    2px solid
    rgba(98, 244, 187, 0.31);

  outline-offset: 3px;
}

@media (max-width: 1459px) {
  html[data-dashboard-ui="aurora"] .topbar {
    display: flex;
    flex-wrap: wrap;
  }

  html[data-dashboard-ui="aurora"] .top-actions {
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 7px;
  }

  html[data-dashboard-ui="aurora"]
  #modeBadge {
    margin-left: 2px;
  }
}

@media (max-width: 700px) {
  html[data-dashboard-ui="aurora"]
  .top-actions
  .account-selector {
    flex: 1 1 154px;
  }
}

/* End A7C207 Aurora final recessed-light physics */
/* ============================================================
   M4.47A2 — GLOBAL AURORA PALETTE FOUNDATION
   View-local Aurora files intentionally remain untouched here.
   ============================================================ */

html[data-dashboard-ui="aurora"] body {
  background:
    radial-gradient(
      ellipse at 14% -8%,
      rgba(var(--aurora-accent-rgb), .16) 0,
      rgba(var(--aurora-accent-rgb), .055) 18rem,
      transparent 39rem
    ),
    radial-gradient(
      ellipse at 88% 4%,
      rgba(var(--aurora-mint-rgb), .075) 0,
      transparent 31rem
    ),
    radial-gradient(
      ellipse at 58% 110%,
      rgba(var(--aurora-dark-rgb), .045) 0,
      transparent 36rem
    ),
    linear-gradient(
      180deg,
      var(--aurora-palette-surface-muted, var(--aurora-palette-muted)) 0,
      var(--aurora-palette-bg) 46%,
      color-mix(
        in srgb,
        var(--aurora-palette-bg) 84%,
        black
      ) 100%
    );
}

html[data-dashboard-ui="aurora"]
.sidebar {
  background:
    radial-gradient(
      circle at 25% 4%,
      rgba(var(--aurora-accent-rgb), .12),
      transparent 19rem
    ),
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--aurora-palette-sidebar) 95%,
        white
      ) 0,
      var(--aurora-palette-sidebar) 68%,
      color-mix(
        in srgb,
        var(--aurora-palette-sidebar) 86%,
        black
      ) 100%
    );

  border-right-color:
    rgba(var(--aurora-border-rgb), .12);
}

html[data-dashboard-ui="aurora"]
.nav-item:hover {
  background:
    linear-gradient(
      90deg,
      rgba(var(--aurora-accent-rgb), .055),
      rgba(255, 255, 255, .018)
    );
}

html[data-dashboard-ui="aurora"]
.nav-item.active {
  color:
    var(--aurora-mint);

  background:
    linear-gradient(
      90deg,
      rgba(var(--aurora-accent-rgb), .17),
      rgba(var(--aurora-accent-rgb), .065) 62%,
      rgba(var(--aurora-accent-rgb), .018)
    );

  border-color:
    rgba(var(--aurora-accent-rgb), .24);

  box-shadow:
    inset 3px 0 0
      var(--accent),
    inset 0 1px
      rgba(255, 255, 255, .035),
    0 8px 20px
      rgba(0, 0, 0, .12),
    0 0 26px
      rgba(var(--aurora-accent-rgb), .055);
}

html[data-dashboard-ui="aurora"]
.nav-item.active::before {
  background-color:
    var(--aurora-bright);

  filter:
    drop-shadow(
      0 0 6px
      rgba(var(--aurora-accent-rgb), .44)
    );
}

html[data-dashboard-ui="aurora"]
.topbar {
  border-color:
    rgba(var(--aurora-border-rgb), .13);

  background:
    linear-gradient(
      115deg,
      var(--aurora-palette-raised),
      var(--aurora-palette-surface) 56%,
      var(--aurora-palette-muted)
    );

  box-shadow:
    inset 0 1px
      rgba(255, 255, 255, .035),
    0 18px 44px
      rgba(0, 0, 0, .23),
    0 0 44px
      rgba(var(--aurora-accent-rgb), .035);
}

html[data-dashboard-ui="aurora"]
.topbar::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(var(--aurora-bright-rgb), .65),
      transparent
    );
}

html[data-dashboard-ui="aurora"]
.panel,
html[data-dashboard-ui="aurora"]
.metric-card {
  border-color:
    rgba(var(--aurora-border-rgb), .14);

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .026),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      var(--aurora-palette-raised),
      var(--aurora-palette-surface)
    );

  box-shadow:
    inset 0 1px
      rgba(255, 255, 255, .027),
    0 15px 40px
      rgba(0, 0, 0, .22),
    0 0 0 1px
      rgba(var(--aurora-accent-rgb), .012);
}

html[data-dashboard-ui="aurora"]
.metric-card::before {
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(var(--aurora-accent-rgb), .78),
      transparent
    );
}

html[data-dashboard-ui="aurora"]
.metric-card:hover {
  border-color:
    rgba(var(--aurora-bright-rgb), .25);

  box-shadow:
    inset 0 1px
      rgba(255, 255, 255, .035),
    0 19px 44px
      rgba(0, 0, 0, .26),
    0 0 28px
      rgba(var(--aurora-accent-rgb), .045);
}

html[data-dashboard-ui="aurora"]
.button.primary {
  border-color:
    rgba(var(--aurora-mint-rgb), .76);

  background:
    linear-gradient(
      135deg,
      var(--aurora-mint) 0,
      var(--accent) 48%,
      var(--accent-dark) 100%
    );

  box-shadow:
    inset 0 1px
      rgba(255, 255, 255, .58),
    0 9px 22px
      rgba(var(--aurora-dark-rgb), .19),
    0 0 24px
      rgba(var(--aurora-accent-rgb), .10);
}

html[data-dashboard-ui="aurora"]
.button.primary:hover:not(:disabled) {
  border-color:
    rgba(var(--aurora-mint-rgb), .88);

  background:
    linear-gradient(
      135deg,
      var(--aurora-mint) 0,
      var(--aurora-bright) 42%,
      var(--accent) 100%
    );

  box-shadow:
    inset 0 1px
      rgba(255, 255, 255, .67),
    0 12px 26px
      rgba(var(--aurora-dark-rgb), .24),
    0 0 32px
      rgba(var(--aurora-accent-rgb), .16);
}

html[data-dashboard-ui="aurora"]
select:focus,
html[data-dashboard-ui="aurora"]
input:focus,
html[data-dashboard-ui="aurora"]
textarea:focus {
  border-color:
    rgba(var(--aurora-accent-rgb), .58);
}

html[data-dashboard-ui="aurora"]
tbody tr:hover {
  background:
    rgba(var(--aurora-accent-rgb), .028);
}

html[data-dashboard-ui="aurora"]
.icon-button:hover {
  border-color:
    rgba(var(--aurora-bright-rgb), .34);

  background:
    rgba(var(--aurora-accent-rgb), .07);
}

/* End M4.47A2 global Aurora palette foundation */

/* M4.48A2 — Aurora shared dialog neutral palette
 *
 * Presentation-only closure for shared dialog chrome.
 * Specialized dialog styles continue to load afterward.
 */

/* Generic-only dialog shells. */
html[data-dashboard-ui="aurora"] #adminDialog,
html[data-dashboard-ui="aurora"] #adminMfaDialog,
html[data-dashboard-ui="aurora"] #changePasswordDialog,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog {
  border-color:
    rgba(
      var(--aurora-border-rgb),
      0.22
    );

  background:
    linear-gradient(
      145deg,
      var(--aurora-palette-surface-2),
      var(--aurora-palette-bg)
    );

  box-shadow:
    inset 0 1px
      rgba(255, 255, 255, 0.045),
    0 34px 90px
      rgba(0, 0, 0, 0.52),
    0 0 72px
      rgba(
        var(--aurora-accent-rgb),
        0.07
      );
}

html[data-dashboard-ui="aurora"] #adminDialog::backdrop,
html[data-dashboard-ui="aurora"] #adminMfaDialog::backdrop,
html[data-dashboard-ui="aurora"] #changePasswordDialog::backdrop,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog::backdrop {
  background:
    rgba(0, 0, 0, 0.80);
}

/* Generic-only headers plus the IP header that had no local owner. */
html[data-dashboard-ui="aurora"] #adminDialog .dialog-header,
html[data-dashboard-ui="aurora"] #adminMfaDialog .dialog-header,
html[data-dashboard-ui="aurora"] #changePasswordDialog .dialog-header,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog .dialog-header,
html[data-dashboard-ui="aurora"] .security-ip-dialog .dialog-header {
  border-bottom-color:
    rgba(
      var(--aurora-border-rgb),
      0.12
    );

  background:
    linear-gradient(
      180deg,
      var(--aurora-palette-surface-3),
      var(--aurora-palette-surface)
    );
}

/* Shared neutral form controls only. */
html[data-dashboard-ui="aurora"] #adminDialog input,
html[data-dashboard-ui="aurora"] #adminDialog select,
html[data-dashboard-ui="aurora"] #adminDialog textarea,
html[data-dashboard-ui="aurora"] #adminMfaDialog input,
html[data-dashboard-ui="aurora"] #adminMfaDialog select,
html[data-dashboard-ui="aurora"] #adminMfaDialog textarea,
html[data-dashboard-ui="aurora"] #changePasswordDialog input,
html[data-dashboard-ui="aurora"] #changePasswordDialog select,
html[data-dashboard-ui="aurora"] #changePasswordDialog textarea,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog input,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog select,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog textarea,
html[data-dashboard-ui="aurora"] .security-ip-dialog input:not([type="checkbox"]),
html[data-dashboard-ui="aurora"] .security-ip-dialog select,
html[data-dashboard-ui="aurora"] .security-ip-dialog textarea,
html[data-dashboard-ui="aurora"] .security-totp-dialog input:not([type="checkbox"]),
html[data-dashboard-ui="aurora"] .security-totp-dialog select,
html[data-dashboard-ui="aurora"] .security-totp-dialog textarea {
  border-color:
    rgba(
      var(--aurora-border-rgb),
      0.14
    );

  background:
    linear-gradient(
      180deg,
      var(--aurora-palette-surface-2),
      var(--aurora-palette-muted)
    );
}

html[data-dashboard-ui="aurora"] #adminDialog input:hover,
html[data-dashboard-ui="aurora"] #adminDialog select:hover,
html[data-dashboard-ui="aurora"] #adminDialog textarea:hover,
html[data-dashboard-ui="aurora"] #adminMfaDialog input:hover,
html[data-dashboard-ui="aurora"] #adminMfaDialog select:hover,
html[data-dashboard-ui="aurora"] #adminMfaDialog textarea:hover,
html[data-dashboard-ui="aurora"] #changePasswordDialog input:hover,
html[data-dashboard-ui="aurora"] #changePasswordDialog select:hover,
html[data-dashboard-ui="aurora"] #changePasswordDialog textarea:hover,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog input:hover,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog select:hover,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog textarea:hover,
html[data-dashboard-ui="aurora"] .security-ip-dialog input:not([type="checkbox"]):hover,
html[data-dashboard-ui="aurora"] .security-ip-dialog select:hover,
html[data-dashboard-ui="aurora"] .security-ip-dialog textarea:hover,
html[data-dashboard-ui="aurora"] .security-totp-dialog input:not([type="checkbox"]):hover,
html[data-dashboard-ui="aurora"] .security-totp-dialog select:hover,
html[data-dashboard-ui="aurora"] .security-totp-dialog textarea:hover {
  border-color:
    rgba(
      var(--aurora-border-rgb),
      0.23
    );
}

/* Close controls. */
html[data-dashboard-ui="aurora"] #adminDialog .icon-button,
html[data-dashboard-ui="aurora"] #adminMfaDialog .icon-button,
html[data-dashboard-ui="aurora"] #changePasswordDialog .icon-button,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog .icon-button,
html[data-dashboard-ui="aurora"] .security-ip-dialog .icon-button,
html[data-dashboard-ui="aurora"] .security-totp-dialog .icon-button {
  border-color:
    rgba(
      var(--aurora-border-rgb),
      0.15
    );

  background:
    var(--aurora-palette-muted);
}

/* Neutral secondary actions only. */
html[data-dashboard-ui="aurora"] #adminDialog .button.secondary,
html[data-dashboard-ui="aurora"] #adminMfaDialog .button.secondary,
html[data-dashboard-ui="aurora"] #changePasswordDialog .button.secondary,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog .button.secondary,
html[data-dashboard-ui="aurora"] .security-ip-dialog .button.secondary,
html[data-dashboard-ui="aurora"] .security-totp-dialog .button.secondary {
  border-color:
    rgba(
      var(--aurora-border-rgb),
      0.16
    );

  background:
    linear-gradient(
      180deg,
      var(--aurora-palette-surface-3),
      var(--aurora-palette-surface)
    );

  color:
    rgba(
      var(--aurora-bright-rgb),
      0.80
    );
}

html[data-dashboard-ui="aurora"] #adminDialog .button.secondary:hover:not(:disabled),
html[data-dashboard-ui="aurora"] #adminMfaDialog .button.secondary:hover:not(:disabled),
html[data-dashboard-ui="aurora"] #changePasswordDialog .button.secondary:hover:not(:disabled),
html[data-dashboard-ui="aurora"] #tradingCancellationDialog .button.secondary:hover:not(:disabled),
html[data-dashboard-ui="aurora"] .security-ip-dialog .button.secondary:hover:not(:disabled),
html[data-dashboard-ui="aurora"] .security-totp-dialog .button.secondary:hover:not(:disabled) {
  border-color:
    rgba(
      var(--aurora-accent-rgb),
      0.31
    );

  background:
    linear-gradient(
      180deg,
      var(--aurora-palette-surface-3),
      var(--aurora-palette-surface-2)
    );

  color:
    rgba(
      var(--aurora-bright-rgb),
      0.96
    );

  box-shadow:
    inset 0 1px
      rgba(255, 255, 255, 0.045),
    0 8px 19px
      rgba(0, 0, 0, 0.18),
    0 0 22px
      rgba(
        var(--aurora-accent-rgb),
        0.04
      );
}

/* End M4.48A2 shared dialog neutral palette */

/* M4.48A9 — Aurora dialog focus palette closure
 *
 * Palette-aware native dialog focus indication.
 * Keeps an accessible focus indicator rather than suppressing it.
 */

html[data-dashboard-ui="aurora"] #adminDialog:focus,
html[data-dashboard-ui="aurora"] #adminMfaDialog:focus,
html[data-dashboard-ui="aurora"] #changePasswordDialog:focus,
html[data-dashboard-ui="aurora"] #tradingCancellationDialog:focus,
html[data-dashboard-ui="aurora"] .security-ip-dialog:focus,
html[data-dashboard-ui="aurora"] .security-totp-dialog:focus {
  outline:
    1px solid
    rgba(
      var(--aurora-accent-rgb),
      0.46
    );

  outline-offset: 0;
}

/* End M4.48A9 dialog focus palette closure */

/*
 * M4.50C1 — palette-aware Gate Bots brand mark.
 *
 * The symbol does not own a palette map. It consumes the same
 * Aurora presentation tokens already changed by Emerald,
 * Ocean, Royal, Ruby, Amber and Ice.
 */
html[data-dashboard-ui="aurora"]
.brand-mark {
  --brand-logo-bg:
    var(--aurora-palette-surface-3);

  --brand-logo-primary:
    var(--aurora-bright);

  --brand-logo-secondary:
    var(--accent);

  box-shadow:
    0 9px 25px
      rgba(var(--aurora-accent-rgb), .22),
    0 0 22px
      rgba(var(--aurora-accent-rgb), .12);
}

/* End M4.50C1 palette-aware Gate Bots brand mark */