/* Theme presentation only. Shared layout and responsive overrides load separately. */

html[data-theme="aurora"] {
  color-scheme: dark;
  --ui-bg: #0d1220;
  --ui-surface: #171d30;
  --ui-surface-alt: #20283f;
  --ui-text: #edf1ff;
  --ui-muted: #a8b3cf;
  --ui-accent: #b1a1ff;
  --ui-accent-contrast: #111429;
  --ui-border: #39445f;
  --ui-success-bg: #173d36;
  --ui-success: #a1ebcd;
  --ui-warning-bg: #43361e;
  --ui-warning: #ffda91;
  --ui-danger-bg: #492730;
  --ui-danger: #ffc1cc;
  --ui-shadow: 0 18px 54px #02051255;
  --ui-radius: 18px;
  --ui-font: "Segoe UI", Inter, Arial, sans-serif;
  --ui-heading-font: "Segoe UI", Inter, Arial, sans-serif;
  --ui-sidebar-width: 250px;
}

html[data-theme="aurora"] body {
  background: radial-gradient(ellipse at 83% 0%, #42356138, transparent 44%),
    radial-gradient(ellipse at 34% 76%, #16495224, transparent 42%), var(--ui-bg);
}
html[data-theme="aurora"] .sidebar {
  padding: 28px 18px;
  background: linear-gradient(160deg, #1d2444df, #141b2be8);
  border: 1px solid #49567366;
  box-shadow: 0 12px 50px #01041640;
  backdrop-filter: blur(22px);
}
html[data-theme="aurora"] .brand {font-size: 20px; letter-spacing: -.025em;}
html[data-theme="aurora"] .brand-icon {
  color: #121326;
  background: linear-gradient(135deg, #d7c8ff, #9bbaf5);
  border-radius: 12px;
  box-shadow: 0 0 28px #b1a1ff22;
}
html[data-theme="aurora"] .brand small {color: #b1bdd5; letter-spacing: .01em;}
html[data-theme="aurora"] aside.sidebar .mode-badge {background: #829cf117; color: #c4d3ff; border: 1px solid #839ee72e; border-radius: 999px;}
html[data-theme="aurora"] .nav-item {border-radius: 11px; padding: 12px; color: #b7c3dd; line-height: 1.5;}
html[data-theme="aurora"] .nav-item:hover {background: #b1a1ff12; color: #f0edff;}
html[data-theme="aurora"] .sidebar .nav-item.active {background: linear-gradient(110deg, #8976e52e, #749acf17); color: #e3dcff; box-shadow: inset 3px 0 #b1a1ff;}
html[data-theme="aurora"] .nav-submenu {border-color: #546085; margin-left: 15px; padding-left: 10px;}
html[data-theme="aurora"] .sidebar-footer {color: #c9bbff;}
html[data-theme="aurora"] .topbar {min-height: 82px; border-color: #39445f80;}
html[data-theme="aurora"] .intro {padding: 36px 0 28px;}
html[data-theme="aurora"] h1 {font-size: clamp(32px, 3.2vw, 49px); font-weight: 650; letter-spacing: -.055em;}
html[data-theme="aurora"] h2 {font-size: 22px; font-weight: 620; letter-spacing: -.025em;}
html[data-theme="aurora"] .eyebrow {color: #c6baff; letter-spacing: .2em;}
html[data-theme="aurora"] .section-heading {margin-top: 32px;}
html[data-theme="aurora"] .stat,
html[data-theme="aurora"] .panel,
html[data-theme="aurora"] .eneba-stock-card,
html[data-theme="aurora"] .key-search-match {
  background: linear-gradient(125deg, #232c425f, transparent 65%), #171d30;
  border: 1px solid #39445f;
  box-shadow: 0 8px 26px #03061220;
  border-radius: 18px;
}
html[data-theme="aurora"] .stat {padding: 24px; border-top-color: #596187;}
html[data-theme="aurora"] .stat strong {font-size: 40px; font-weight: 550; letter-spacing: -.055em; color: #f7f5ff;}
html[data-theme="aurora"] .stat:nth-child(2) strong {color: #bce8dd;}
html[data-theme="aurora"] .flow article {background: #26304770; border: 1px solid #3c4865; border-radius: 15px;}
html[data-theme="aurora"] .flow b {background: #a798ff14; border-color: #837bb3; color: #d1c6ff;}
html[data-theme="aurora"] .table-card {background: #151c2b; border: 1px solid #39445f; border-radius: 16px; box-shadow: 0 6px 24px #03061222;}
html[data-theme="aurora"] th {background: #222b3e; color: #bcc8e3; padding: 14px 18px; font-size: 11px; letter-spacing: .025em;}
html[data-theme="aurora"] td {border-color: #333f58; padding: 15px 18px; color: #e6ecfb;}
html[data-theme="aurora"] tbody tr:hover {background: #a0a8ff08;}
html[data-theme="aurora"] input,
html[data-theme="aurora"] select,
html[data-theme="aurora"] textarea {background: #101828; border-color: #4b5a76; border-radius: 10px; color: #edf1ff; padding: 11px 13px;}
html[data-theme="aurora"] input::placeholder,
html[data-theme="aurora"] textarea::placeholder {color: #94a3c2;}
html[data-theme="aurora"] input:focus,
html[data-theme="aurora"] select:focus,
html[data-theme="aurora"] textarea:focus {border-color: #b6a7ff; box-shadow: 0 0 0 3px #b1a1ff20;}
html[data-theme="aurora"] .button {border-radius: 10px; padding: 11px 17px; font-size: 13px;}
html[data-theme="aurora"] .button.primary {background: linear-gradient(130deg, #c0b0ff, #a79bfa); color: #15182c; border-color: #c5b7ff; box-shadow: 0 4px 18px #8b74da20;}
html[data-theme="aurora"] .button.primary:hover:not(:disabled) {background: #d0c3ff; color: #11152a;}
html[data-theme="aurora"] .button.subtle {background: #243047; color: #d3dcf3; border-color: #4a5872;}
html[data-theme="aurora"] .button.subtle:hover:not(:disabled) {background: #303d56;}
html[data-theme="aurora"] .text-button {color: #c6baff;}
html[data-theme="aurora"] .inventory-metric,
html[data-theme="aurora"] .binding-current-card,
html[data-theme="aurora"] #marketplace-price-form {background: #263248; border-color: #47536e; border-radius: 13px;}
html[data-theme="aurora"] .inventory-metric strong {color: #deedff;}
html[data-theme="aurora"] .inventory-metric span {color: #b5c2db;}
html[data-theme="aurora"] .dialog-tabs {border-color: #47516b; gap: 6px;}
html[data-theme="aurora"] .dialog-tabs button {color: #c4cfe6; border-radius: 9px;}
html[data-theme="aurora"] .dialog-tabs button.active {background: #7162b632; color: #e4dfff; box-shadow: inset 0 -2px #b1a1ff;}
html[data-theme="aurora"] .ui-modal {background: #030713bd; backdrop-filter: blur(14px);}
html[data-theme="aurora"] .ui-modal .modal-surface {background: linear-gradient(140deg, #232b43, #171e30 65%); border: 1px solid #65709d; border-radius: 22px; box-shadow: 0 26px 100px #000915ad, 0 0 0 1px #d4c3ff0a; padding: 32px;}
html[data-theme="aurora"] .modal-close {color: #c6d1ea; border-radius: 10px;}
html[data-theme="aurora"] .login-screen {background: radial-gradient(ellipse at 16% 30%, #59498048, transparent 50%), radial-gradient(ellipse at 89% 88%, #2153584a, transparent 48%), #101626;}
html[data-theme="aurora"] .login-intro h1 {color: #f3efff; font-size: clamp(40px, 5.1vw, 75px); font-weight: 550; letter-spacing: -.065em;}
html[data-theme="aurora"] .login-intro p {color: #b7c1dc;}
html[data-theme="aurora"] .login-platforms {color: #d7ccff;}
html[data-theme="aurora"] .login-card {background: linear-gradient(140deg, #2f35546b, #1a2134cc); backdrop-filter: blur(28px); border: 1px solid #69749380; border-radius: 24px; box-shadow: 0 28px 90px #02081799; padding: 40px;}
html[data-theme="aurora"] .login-card h2 {color: #eef0ff;}
html[data-theme="aurora"] .login-card>p {color: #b7c1dc;}
html[data-theme="aurora"] .login-card .login-feedback {background: var(--ui-danger-bg); color: var(--ui-danger);}

html[data-theme="paper"] {
  color-scheme: light;
  --ui-bg: #f3f0e6;
  --ui-surface: #fffdf6;
  --ui-surface-alt: #e9e8dc;
  --ui-text: #2c3425;
  --ui-muted: #656c59;
  --ui-accent: #435a33;
  --ui-accent-contrast: #fffef4;
  --ui-border: #c8ccb8;
  --ui-success-bg: #e5edda;
  --ui-success: #345520;
  --ui-warning-bg: #f6ead0;
  --ui-warning: #78541a;
  --ui-danger-bg: #f8e4db;
  --ui-danger: #8a3829;
  --ui-shadow: 0 8px 22px #41493110;
  --ui-radius: 4px;
  --ui-font: "Segoe UI", Arial, sans-serif;
  --ui-heading-font: Georgia, "Times New Roman", serif;
  --ui-sidebar-width: 264px;
}

html[data-theme="paper"] body {background: #f3f0e6;}
html[data-theme="paper"] .sidebar {background: #35442e; border-right: 0; padding: 34px 24px; color: #fcfaee;}
html[data-theme="paper"] .brand {font-family: Georgia, "Times New Roman", serif; font-size: 25px; font-weight: 500; gap: 13px;}
html[data-theme="paper"] .brand small {font-family: var(--ui-font); font-size: 11px; color: #d9dfc8;}
html[data-theme="paper"] .brand-icon {color: #f8f4da; background: transparent; border: 1px solid #c6d1a8; border-radius: 50%; width: 42px; height: 42px;}
html[data-theme="paper"] aside.sidebar .mode-badge {background: #cbd69d16; color: #eef0d7; border: 1px solid #c8d4a251; border-radius: 3px; padding: 10px 12px;}
html[data-theme="paper"] .nav-item {color: #e6eadc; border-radius: 2px; line-height: 1.6; padding: 13px 12px; font-size: 14px;}
html[data-theme="paper"] .nav-item:hover {background: #e6ecd21c; color: #fffef4;}
html[data-theme="paper"] .sidebar .nav-item.active {background: #e7edcb; color: #24321e; box-shadow: none; font-weight: 650;}
html[data-theme="paper"] .sidebar :is(button,a,input,select,textarea):focus-visible {outline-color: #eef0d7;}
html[data-theme="paper"] .nav-submenu {border-left: 1px solid #9cac85; margin-left: 12px; padding-left: 12px;}
html[data-theme="paper"] .sidebar-footer {border-top: 1px solid #7d8c66; color: #f3edce;}
html[data-theme="paper"] .sidebar-footer p {color: #d5dcc7;}
html[data-theme="paper"] .topbar {border-bottom: 1px solid #adb698; min-height: 82px;}
html[data-theme="paper"] .intro {padding: 39px 0 31px;}
html[data-theme="paper"] h1 {font-family: var(--ui-heading-font); font-size: clamp(35px, 3.8vw, 55px); font-weight: 400; letter-spacing: -.035em; line-height: 1.15;}
html[data-theme="paper"] h2 {font-family: var(--ui-heading-font); font-size: 29px; font-weight: 400; letter-spacing: -.025em;}
html[data-theme="paper"] h3 {font-family: var(--ui-heading-font); font-size: 21px; font-weight: 400;}
html[data-theme="paper"] .eyebrow {font-size: 10px; letter-spacing: .22em; color: #50663d;}
html[data-theme="paper"] .section-heading {padding-bottom: 15px; border-bottom: 1px solid #b6bea5; margin: 36px 0 22px; gap: 24px;}
html[data-theme="paper"] .stat {background: #fffdf6; border: 1px solid #c8ccb8; border-top: 3px solid #61724b; border-radius: 2px; padding: 27px 24px; box-shadow: none;}
html[data-theme="paper"] .stat strong {font-family: var(--ui-heading-font); font-size: 43px; font-weight: 400; letter-spacing: -.02em; color: #354b2b;}
html[data-theme="paper"] .stat>span {font-size: 12px; letter-spacing: .01em;}
html[data-theme="paper"] .flow article {background: #e7ebdb; border: 1px solid #c5ccb5; border-radius: 2px; padding: 25px;}
html[data-theme="paper"] .flow b {border-color: #8fa079; background: #f7f9ed; color: #435a33; border-radius: 50%;}
html[data-theme="paper"] .panel {background: #fffdf6; border: 1px solid #c8ccb8; border-radius: 4px; padding: 28px; box-shadow: none;}
html[data-theme="paper"] .table-card {background: #fffdf6; border: 1px solid #c8ccb8; border-top: 2px solid #5c7046; border-radius: 2px; box-shadow: none;}
html[data-theme="paper"] th {background: #e8eddd; color: #3d5132; letter-spacing: .065em; font-size: 10px; padding: 17px 22px;}
html[data-theme="paper"] td {border-color: #dce0d0; padding: 20px 22px; color: #2c3425; line-height: 1.65;}
html[data-theme="paper"] tbody tr:nth-child(even) {background: #f6f7ec;}
html[data-theme="paper"] tbody tr:hover {background: #edf0df;}
html[data-theme="paper"] input,
html[data-theme="paper"] select,
html[data-theme="paper"] textarea {background: #fffef9; color: #2c3425; border: 1px solid #aab597; border-radius: 3px; padding: 12px 14px;}
html[data-theme="paper"] input:focus,
html[data-theme="paper"] select:focus,
html[data-theme="paper"] textarea:focus {border-color: #526d3e; box-shadow: 0 0 0 3px #61784b1a;}
html[data-theme="paper"] .button {border-radius: 3px; font-size: 13px; padding: 12px 18px; font-weight: 600;}
html[data-theme="paper"] .button.primary {background: #435a33; color: #fffdf3; border: 1px solid #354c27;}
html[data-theme="paper"] .button.primary:hover:not(:disabled) {background: #304625; color: #fffdf3;}
html[data-theme="paper"] .button.subtle {background: #f5f5e9; color: #3c5130; border: 1px solid #b7c0a4;}
html[data-theme="paper"] .button.subtle:hover:not(:disabled) {background: #e8eddb;}
html[data-theme="paper"] .text-button {color: #435a33; text-decoration: underline; text-decoration-color: #93a27f; text-underline-offset: 4px;}
html[data-theme="paper"] .inventory-metric {background: #f0f2e4; border-color: #c8cfb5; border-radius: 3px; padding: 20px;}
html[data-theme="paper"] .inventory-metric strong {font-family: var(--ui-heading-font); font-size: 32px; font-weight: 400; color: #435a33;}
html[data-theme="paper"] .inventory-metric span {color: #606d50;}
html[data-theme="paper"] .binding-current-card,
html[data-theme="paper"] .key-search-match {background: #f5f6e9; border: 1px solid #b8c5a5; border-left: 4px solid #61784b; border-radius: 3px;}
html[data-theme="paper"] #marketplace-price-form {background: #eef1e1; border-radius: 3px; border: 1px solid #c5ceb1;}
html[data-theme="paper"] .eneba-stock-card {border: 1px solid #bfc8ad; border-top: 3px solid #718557; border-radius: 3px; background: #fffdf6; padding: 23px; gap: 13px;}
html[data-theme="paper"] .eneba-stock-card h4 {font-family: var(--ui-heading-font); font-size: 22px; font-weight: 400;}
html[data-theme="paper"] .eneba-stock-price {font-family: var(--ui-heading-font); font-size: 30px; font-weight: 400; color: #435a33;}
html[data-theme="paper"] .eneba-stock-metrics {border-color: #c8ccb8;}
html[data-theme="paper"] .dialog-tabs {border-bottom: 1px solid #a6b08f; padding-bottom: 0; gap: 4px;}
html[data-theme="paper"] .dialog-tabs button {border-radius: 3px 3px 0 0; color: #526445; padding: 12px 20px;}
html[data-theme="paper"] .dialog-tabs button.active {background: #e3e9cf; color: #304927; box-shadow: inset 0 -3px #61784b;}
html[data-theme="paper"] .ui-modal {background: #2632249c; backdrop-filter: blur(3px);}
html[data-theme="paper"] .ui-modal .modal-surface {background: #fffdf6; border: 1px solid #899774; border-top: 5px solid #4f643b; border-radius: 4px; box-shadow: 0 22px 65px #24372045; padding: 34px;}
html[data-theme="paper"] .ui-modal .detail-heading {padding-bottom: 18px; border-bottom: 1px solid #c2cbb2;}
html[data-theme="paper"] .modal-close {color: #566848;}
html[data-theme="paper"] .login-screen {background: linear-gradient(110deg, #e9ebdc66, transparent 55%), #f3f0e6;}
html[data-theme="paper"] .login-intro {border-top: 2px solid #61784b; padding-top: 28px;}
html[data-theme="paper"] .login-intro h1 {font-family: var(--ui-heading-font); font-size: clamp(42px, 5.1vw, 74px); font-weight: 400; color: #35442e; letter-spacing: -.035em; line-height: 1.12;}
html[data-theme="paper"] .login-intro p {color: #606b51; font-size: 17px;}
html[data-theme="paper"] .login-platforms {font-family: var(--ui-heading-font); font-size: 22px; color: #435a33;}
html[data-theme="paper"] .login-card {border: 1px solid #aebc96; border-top: 5px solid #435a33; border-radius: 4px; padding: 40px; background: #fffdf6; box-shadow: 10px 10px 0 #dfe4cc;}
html[data-theme="paper"] .login-card h2 {font-family: var(--ui-heading-font); font-size: 34px; font-weight: 400;}
html[data-theme="paper"] .login-card .brand-icon {color: #435a33; border-color: #94a47b;}
html[data-theme="paper"] .login-card>p {color: #606b51;}

html[data-theme="signal"] {
  color-scheme: light;
  --ui-bg: #f3f3e9;
  --ui-surface: #ffffff;
  --ui-surface-alt: #e8eddc;
  --ui-text: #161b11;
  --ui-muted: #515b47;
  --ui-accent: #d0fb4b;
  --ui-accent-contrast: #11180c;
  --ui-focus: #26331b;
  --ui-border: #202a18;
  --ui-success-bg: #e5f6c1;
  --ui-success: #304411;
  --ui-warning-bg: #ffe6a7;
  --ui-warning: #65450d;
  --ui-danger-bg: #ffdace;
  --ui-danger: #842b20;
  --ui-shadow: 5px 5px 0 #202a18;
  --ui-radius: 0px;
  --ui-font: "Segoe UI", Arial, sans-serif;
  --ui-heading-font: "Arial Black", "Segoe UI", Arial, sans-serif;
  --ui-sidebar-width: 232px;
}

html[data-theme="signal"] body {background: #f3f3e9;}
html[data-theme="signal"] .sidebar {background: #182111; border-right: 3px solid #11180c; padding: 30px 17px; color: #f6faec;}
html[data-theme="signal"] .brand {font-weight: 850; font-size: 23px; gap: 10px; letter-spacing: -.055em; line-height: 1.25;}
html[data-theme="signal"] .brand small {font-size: 10px; font-weight: 600; color: #c4d6ad; letter-spacing: .015em;}
html[data-theme="signal"] .brand-icon {background: #d0fb4b; color: #14210a; border: 2px solid #d0fb4b; border-radius: 0; width: 39px; height: 39px; font-weight: 700;}
html[data-theme="signal"] aside.sidebar .mode-badge {background: #26331c; color: #ebffd1; border: 1px solid #74885a; border-radius: 0; padding: 10px; font-size: 11px;}
html[data-theme="signal"] .sidebar nav {gap: 8px;}
html[data-theme="signal"] .nav-item {border: 1px solid transparent; color: #d5dfc8; border-radius: 0; padding: 12px 10px; font-size: 14px; font-weight: 600; line-height: 1.45;}
html[data-theme="signal"] .nav-item:hover {border-color: #8ea16a; color: #fff; background: #28341d;}
html[data-theme="signal"] .sidebar .nav-item.active {background: #d0fb4b; color: #15200b; border: 1px solid #d0fb4b; font-weight: 800; box-shadow: 3px 3px 0 #d0fb4b36;}
html[data-theme="signal"] .nav-submenu {margin-left: 10px; padding-left: 8px; border-color: #b2c88c;}
html[data-theme="signal"] .sidebar-footer {border-top: 2px solid #8caa67; color: #d0fb4b;}
html[data-theme="signal"] .sidebar-footer p {color: #c0d0ae;}
html[data-theme="signal"] .topbar {border-bottom: 2px solid #202a18; min-height: 80px;}
html[data-theme="signal"] .intro {padding: 35px 0 28px;}
html[data-theme="signal"] h1 {font-family: var(--ui-heading-font); font-size: clamp(35px, 4.2vw, 58px); font-weight: 900; letter-spacing: -.06em; line-height: 1.02;}
html[data-theme="signal"] h2 {font-family: var(--ui-heading-font); font-size: 27px; font-weight: 800; letter-spacing: -.05em; line-height: 1.15;}
html[data-theme="signal"] h3 {font-weight: 800; font-size: 19px; letter-spacing: -.025em;}
html[data-theme="signal"] .eyebrow {color: #3f5626; font-family: ui-monospace, Consolas, monospace; font-size: 11px; letter-spacing: .08em; font-weight: 700;}
html[data-theme="signal"] .section-heading {margin: 34px 0 20px; padding-bottom: 16px; border-bottom: 2px solid #202a18; gap: 18px;}
html[data-theme="signal"] .stat {border: 2px solid #202a18; border-radius: 0; background: #fff; padding: 23px; box-shadow: 5px 5px 0 #202a18;}
html[data-theme="signal"] .stat strong {font-weight: 850; font-size: 46px; letter-spacing: -.06em; margin: 10px 0 9px; color: #14210a;}
html[data-theme="signal"] .stat:first-child {background: #d0fb4b;}
html[data-theme="signal"] .stat>span {color: #39472b; font-size: 12px; font-weight: 700;}
html[data-theme="signal"] .stat small {color: #48533b; font-size: 11px;}
html[data-theme="signal"] .flow article {background: #e6eccf; border: 2px solid #202a18; border-radius: 0; padding: 24px;}
html[data-theme="signal"] .flow b {background: #d0fb4b; border: 2px solid #202a18; color: #1d2c10; border-radius: 0; width: 31px; height: 31px; font-size: 14px; font-weight: 800;}
html[data-theme="signal"] .panel {background: #fff; border: 2px solid #202a18; border-radius: 0; padding: 25px; box-shadow: 5px 5px 0 #202a18;}
html[data-theme="signal"] .table-card {background: #fff; border: 2px solid #202a18; border-radius: 0; box-shadow: 4px 4px 0 #c5d1b2;}
html[data-theme="signal"] th {background: #e1edc7; color: #17230d; border-bottom: 2px solid #202a18; padding: 15px 18px; font-size: 11px; font-weight: 800; letter-spacing: .035em;}
html[data-theme="signal"] td {border-top: 1px solid #adb89b; padding: 18px; color: #202a18;}
html[data-theme="signal"] tbody tr:nth-child(even) {background: #f6f8ef;}
html[data-theme="signal"] tbody tr:hover {background: #eff8d8;}
html[data-theme="signal"] input,
html[data-theme="signal"] select,
html[data-theme="signal"] textarea {background: #fff; color: #161b11; border: 2px solid #515f41; border-radius: 0; padding: 12px;}
html[data-theme="signal"] input:focus,
html[data-theme="signal"] select:focus,
html[data-theme="signal"] textarea:focus {border-color: #26331b; box-shadow: 3px 3px 0 #d0fb4b;}
html[data-theme="signal"] .button {border: 2px solid #202a18; border-radius: 0; padding: 11px 16px; font-size: 13px; font-weight: 750; box-shadow: 3px 3px 0 #202a18;}
html[data-theme="signal"] .button.primary {background: #d0fb4b; color: #16210c; border-color: #202a18;}
html[data-theme="signal"] .button.primary:hover:not(:disabled) {background: #e1ff80; color: #16210c;}
html[data-theme="signal"] .button.subtle {background: #fff; border-color: #202a18; color: #202a18;}
html[data-theme="signal"] .button.subtle:hover:not(:disabled) {background: #eff5df;}
html[data-theme="signal"] .text-button {color: #334923; font-weight: 700; text-decoration: underline; text-underline-offset: 3px;}
html[data-theme="signal"] :is(.text-button,.detail-reference,.detail-identifiers summary,.inventory-tool summary) {color: #334923;}
html[data-theme="signal"] :is(.eneba-workspace,.ui-modal) span.eneba-badge {background: #e8eddc; color: #334923; border-color: #7c8e62; border-radius: 0;}
html[data-theme="signal"] :is(button,a,input,select,textarea):focus-visible {outline-color: #334923;}
html[data-theme="signal"] .sidebar :is(button,a,input,select,textarea):focus-visible {outline-color: #d0fb4b;}
html[data-theme="signal"] .theme-card[aria-pressed="true"] {border-color: #202a18; outline-color: #202a18;}
html[data-theme="signal"] .inventory-metric {background: #eff6df; border: 2px solid #202a18; border-radius: 0; padding: 19px;}
html[data-theme="signal"] .inventory-metric strong {font-size: 33px; font-weight: 800; color: #202a18; letter-spacing: -.055em;}
html[data-theme="signal"] .inventory-metric span {color: #425233; font-weight: 600;}
html[data-theme="signal"] .binding-current-card,
html[data-theme="signal"] .key-search-match {background: #eff7d9; border: 2px solid #202a18; border-radius: 0; box-shadow: 3px 3px 0 #c0d2a1;}
html[data-theme="signal"] #marketplace-price-form {background: #eef5df; border: 2px solid #485b30; border-radius: 0;}
html[data-theme="signal"] .eneba-stock-card {border: 2px solid #202a18; border-radius: 0; background: #fff; padding: 23px; box-shadow: 4px 4px 0 #202a18;}
html[data-theme="signal"] .eneba-stock-card h4 {font-size: 21px; font-weight: 850; letter-spacing: -.035em;}
html[data-theme="signal"] .eneba-stock-price {color: #202a18; font-size: 32px; font-weight: 850; letter-spacing: -.06em;}
html[data-theme="signal"] .eneba-stock-metrics {border-top: 2px solid #202a18;}
html[data-theme="signal"] .dialog-tabs {border-bottom: 2px solid #202a18; gap: 6px; padding-bottom: 10px;}
html[data-theme="signal"] .dialog-tabs button {border: 2px solid #a5b494; background: #fff; color: #364b26; border-radius: 0; padding: 10px 17px;}
html[data-theme="signal"] .dialog-tabs button.active {background: #d0fb4b; border-color: #202a18; color: #17230d; box-shadow: 2px 2px 0 #202a18;}
html[data-theme="signal"] .ui-modal {background: #10190dbf; backdrop-filter: blur(2px);}
html[data-theme="signal"] .ui-modal .modal-surface {background: #fff; border: 3px solid #202a18; border-radius: 0; padding: 32px; box-shadow: 9px 9px 0 #d0fb4b;}
html[data-theme="signal"] .ui-modal .detail-heading {border-bottom: 2px solid #202a18; padding-bottom: 18px;}
html[data-theme="signal"] .modal-close {color: #17230d; font-weight: 700;}
html[data-theme="signal"] .login-screen {background: linear-gradient(135deg, #f3f3e9 58%, #d0fb4b 58%);}
html[data-theme="signal"] .login-intro h1 {font-family: var(--ui-heading-font); color: #17230d; font-size: clamp(42px, 5.5vw, 78px); font-weight: 900; letter-spacing: -.075em; line-height: 1.01;}
html[data-theme="signal"] .login-intro p {color: #465238; font-size: 16px;}
html[data-theme="signal"] .login-platforms {color: #26391a; font-weight: 850; font-size: 21px;}
html[data-theme="signal"] .login-card {background: #fff; border: 3px solid #202a18; border-radius: 0; box-shadow: 10px 10px 0 #202a18; padding: 37px;}
html[data-theme="signal"] .login-card h2 {font-size: 30px; font-weight: 850; letter-spacing: -.055em;}
html[data-theme="signal"] .login-card>p {color: #515b47;}

/* Desktop composition changes remain outside the shared tablet/mobile layout. */
@media (min-width: 1181px) {
  html[data-theme="aurora"] .sidebar {inset: 16px auto 16px 16px; border-radius: 20px;}
  html[data-theme="aurora"] .stats {gap: 18px;}
  html[data-theme="paper"] .intro {padding-top: 45px;}
  html[data-theme="paper"] .flow {gap: 22px;}
  html[data-theme="signal"] .stats {grid-template-columns: 1.12fr 1fr 1fr; gap: 18px;}
  html[data-theme="signal"] .stat:first-child {grid-row: span 2; display: flex; flex-direction: column; justify-content: center;}
  html[data-theme="signal"] .stat:first-child strong {font-size: clamp(50px, 4.5vw, 70px);}
  html[data-theme="signal"] .stat:last-child {grid-column: span 2;}
}

/* Small, inert theme previews use the same visual language as their live theme. */
.theme-preview[data-preview-theme="aurora"] {
  display: grid; grid-template-columns: 27% minmax(0, 1fr); gap: 10px; padding: 12px;
  background: radial-gradient(ellipse at 87% 0%, #56498766, transparent 65%), #101728;
  border: 1px solid #586183; border-radius: 14px; min-height: 128px;
}
.theme-preview[data-preview-theme="aurora"] .preview-sidebar {border-radius: 8px; background: linear-gradient(150deg, #3b4168, #20293f); border: 1px solid #68729866; padding: 9px 5px;}
.theme-preview[data-preview-theme="aurora"] .preview-sidebar::before {content: ""; display: block; height: 6px; border-radius: 4px; background: #c3afff; margin-bottom: 13px;}
.theme-preview[data-preview-theme="aurora"] .preview-main {display: grid; gap: 6px; align-content: start; padding-top: 5px;}
.theme-preview[data-preview-theme="aurora"] .preview-stat {height: 23px; background: linear-gradient(125deg, #3b4568, #242e49); border: 1px solid #69749666; border-radius: 6px;}
.theme-preview[data-preview-theme="aurora"] .preview-row {height: 11px; background: #34415b; border-radius: 4px; border-left: 3px solid #a6d6d3;}
.theme-preview[data-preview-theme="paper"] {
  display: grid; grid-template-columns: 31% minmax(0, 1fr); gap: 12px; padding: 11px;
  background: #f1eee3; border: 1px solid #b4bea0; border-radius: 3px; min-height: 128px;
}
.theme-preview[data-preview-theme="paper"] .preview-sidebar {background: #3e4b32; border-radius: 1px; padding: 10px 6px;}
.theme-preview[data-preview-theme="paper"] .preview-sidebar::before {content: ""; display: block; height: 3px; background: #e5e6c3; margin-bottom: 16px; box-shadow: 0 10px 0 #99a77e;}
.theme-preview[data-preview-theme="paper"] .preview-main {display: grid; gap: 8px; align-content: start; padding-top: 4px; border-top: 2px solid #61724b;}
.theme-preview[data-preview-theme="paper"] .preview-stat {height: 25px; background: #fffdf5; border: 1px solid #c5cdb4; border-top: 2px solid #809264; border-radius: 1px;}
.theme-preview[data-preview-theme="paper"] .preview-row {height: 9px; border-bottom: 1px solid #a7b494; background: #e1e8d2; border-radius: 0;}
.theme-preview[data-preview-theme="signal"] {
  display: grid; grid-template-columns: 26% minmax(0, 1fr); gap: 10px; padding: 10px;
  background: #f3f3e9; border: 2px solid #202a18; border-radius: 0; box-shadow: 3px 3px 0 #202a18; min-height: 128px;
}
.theme-preview[data-preview-theme="signal"] .preview-sidebar {background: #202a18; border: 1px solid #202a18; border-radius: 0; padding: 9px 4px;}
.theme-preview[data-preview-theme="signal"] .preview-sidebar::before {content: ""; display: block; height: 13px; background: #d0fb4b; margin-bottom: 12px;}
.theme-preview[data-preview-theme="signal"] .preview-main {display: grid; gap: 7px; align-content: start; padding-top: 1px;}
.theme-preview[data-preview-theme="signal"] .preview-stat {height: 27px; background: #d0fb4b; border: 2px solid #202a18; border-radius: 0; box-shadow: 2px 2px 0 #202a18;}
.theme-preview[data-preview-theme="signal"] .preview-row {height: 9px; background: #fff; border-bottom: 2px solid #202a18; border-radius: 0;}