/* Shared appearance tokens. Customer desktop content scrolls inside its frame. */
html[data-bs-theme=light]{color-scheme:light;--bg:#f3f6f8;--panel:#fff;--line:#dce5e9;--muted:#607285;--text:#172637;--green:#087f6b;--purple:#6956ad;--red:#ba3e4b;--surface-soft:#f7fafb;--accent-soft:#e8f5ef;--header-surface:#fffffff0;--bs-body-bg:var(--bg);--bs-body-color:var(--text);--bs-border-color:var(--line);--bs-primary:#087f6b;--bs-primary-rgb:8,127,107;--bs-secondary-color:var(--muted)}
html[data-bs-theme=dark]{--surface-soft:#152330;--accent-soft:#152f2a;--header-surface:#0e1823f0;--green:#91e7c6}
body{color:var(--text)}
.theme-toggle.btn,.desktop-toggle.btn,.sidebar-collapse.btn{width:36px;height:36px;padding:8px;flex-shrink:0}
.desktop-toggle,.sidebar-collapse{display:none}
.auth-header{position:absolute;inset-block-start:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 34px;z-index:2;background:var(--header-surface);border-bottom:1px solid var(--line)}
.auth-header .actions{display:flex;align-items:center;gap:10px}.auth-header .language-switch{width:130px}.auth-header .brand{font-size:20px}
.login-page{position:relative;padding-top:83px}.login-art,.login-form{min-height:calc(100dvh - 83px)}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:25px;min-width:0}.sidebar-brand-row .brand{min-width:0;padding-inline:6px;margin:0!important;gap:8px}.sidebar-brand-row .brand>[data-platform-name]{max-inline-size:132px;font-size:17px}
.landing-nav .actions .theme-toggle{display:inline-flex!important}.page-enter{animation:workspace-enter .18s ease-out}
@keyframes workspace-enter{from{opacity:.5;translate:0 5px}to{opacity:1;translate:0 0}}
@media(min-width:901px){
  body:has(.user-shell){overflow:hidden}
  .user-shell{--sidebar-width:246px;display:grid;height:100dvh;min-height:0;grid-template-columns:var(--sidebar-width) minmax(0,1fr);transition:grid-template-columns .18s ease}
  .user-shell .sidebar{width:var(--sidebar-width);height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;transition:transform .18s ease,visibility .18s}
  .user-shell .workspace{grid-column:2;display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}
  .user-shell .topbar{flex:0 0 auto;min-height:76px;padding-block:13px}
  .user-shell .content{flex:1 1 auto;min-height:0;width:100%;max-width:1700px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-anchor:none;padding:28px 32px;margin:0 auto}
  .user-shell .workspace-industry-footer{flex:0 0 auto;padding:10px 26px 7px;border-top:1px solid var(--line);background:var(--header-surface);z-index:2}
  .user-shell .footer-brand-row{min-height:24px}.user-shell .footer-brand-row .brand{font-size:13px;gap:8px}.user-shell .footer-brand-row .brand img{width:24px;height:24px}.user-shell .footer-brand-row small{font-size:8px}
  .user-shell .workspace-industry-footer .industry-strip{margin:5px 0 0;border:0;padding:0}.user-shell .industry-items{padding:6px 24px;gap:44px}.user-shell .industry-logo{height:25px}.user-shell .industry-logo img{width:32px;height:25px}.user-shell .industry-logo .ui-icon{width:25px;height:25px}
  .user-shell .desktop-toggle,.user-shell .sidebar-collapse{display:inline-flex}
  html[data-sidebar-collapsed=true] .user-shell{grid-template-columns:0 minmax(0,1fr)}
  html[data-sidebar-collapsed=true] .user-shell .sidebar{transform:translateX(-100%);visibility:hidden;pointer-events:none}
  html[dir=rtl] .user-shell{grid-template-columns:minmax(0,1fr) var(--sidebar-width)}
  html[dir=rtl] .user-shell .workspace{grid-column:1}
  html[dir=rtl][data-sidebar-collapsed=true] .user-shell{grid-template-columns:minmax(0,1fr) 0}
  html[dir=rtl][data-sidebar-collapsed=true] .user-shell .sidebar{transform:translateX(100%)}
}
@media(min-width:901px) and (max-width:1150px){.user-shell{--sidebar-width:226px}.user-shell .content{padding:25px 24px}.sidebar-brand-row .brand>[data-platform-name]{max-inline-size:112px}.user-shell .top-actions{gap:8px}.user-shell .top-actions .status-label{display:none}}
/* Staff navigation uses its own preference and the same desktop frame as customers. */
@media(min-width:901px){
  body:has(.staff-shell){overflow:hidden}
  .staff-shell{--sidebar-width:246px;display:grid;height:100dvh;min-height:0;grid-template-columns:var(--sidebar-width) minmax(0,1fr);transition:grid-template-columns .18s ease}
  .staff-shell .sidebar{width:var(--sidebar-width);height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;transition:transform .18s ease,visibility .18s}
  .staff-shell .workspace{grid-column:2;display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}
  .staff-shell .topbar{flex:0 0 auto;height:auto;min-height:76px;padding-block:13px}
  .staff-shell .content{flex:1 1 auto;min-height:0;width:100%;max-width:1700px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-anchor:none;padding:28px 32px;margin:0 auto}
  .staff-shell .desktop-toggle,.staff-shell .sidebar-collapse{display:inline-flex}
  html[data-staff-sidebar-collapsed=true] .staff-shell{grid-template-columns:0 minmax(0,1fr)}
  html[data-staff-sidebar-collapsed=true] .staff-shell .sidebar{transform:translateX(-100%);visibility:hidden;pointer-events:none}
  html[dir=rtl] .staff-shell{grid-template-columns:minmax(0,1fr) var(--sidebar-width)}
  html[dir=rtl] .staff-shell .workspace{grid-column:1}
  html[dir=rtl][data-staff-sidebar-collapsed=true] .staff-shell{grid-template-columns:minmax(0,1fr) 0}
  html[dir=rtl][data-staff-sidebar-collapsed=true] .staff-shell .sidebar{transform:translateX(100%)}
  .staff-shell .stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
  .staff-shell .stat-value{font-size:clamp(22px,1.8vw,30px);white-space:normal;overflow-wrap:anywhere}
  .staff-shell .filter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
  .staff-shell :is(.title-row,.panel-head,.title-row>.actions,.list-quick-row,.list-quick-row>.actions){flex-wrap:wrap}
  .staff-shell .table-wrap{max-width:100%;overscroll-behavior:contain}
  .staff-shell .breadcrumb{min-width:0;flex-wrap:wrap}
}
@media(min-width:901px) and (max-width:1150px){.staff-shell{--sidebar-width:226px}.staff-shell .content{padding:25px 24px}.staff-shell .topbar{padding-inline:24px}.staff-shell .top-actions{gap:8px}.staff-shell .top-actions .status-label{display:none}}
.staff-shell .nav-group{display:flex;align-items:center;gap:8px;line-height:1.5;letter-spacing:.4px}
.staff-shell :is(.nav-group-code,.nav-group-letter){display:inline-grid;place-items:center;flex:0 0 22px;min-height:22px;border:1px solid var(--line);border-radius:6px;font-size:10px;font-weight:750;letter-spacing:0;color:var(--green);background:var(--accent-soft)}
.staff-shell .sidebar-user>div{min-width:0;flex:1;overflow-wrap:anywhere}
body:has(.staff-shell) dialog{width:min(680px,calc(100vw - 32px));max-width:calc(100vw - 32px);overflow:auto;overflow-wrap:anywhere;scrollbar-width:thin}
@media(max-width:900px){.staff-shell .content{padding-bottom:28px}.staff-shell .nav-group{margin-top:12px}body:has(.staff-shell) dialog{width:540px;max-width:calc(100vw - 24px)}}
@media(min-width:901px){
  dialog:has(.vip-tiers),body:has(.staff-shell) dialog:has(#vip-rule-form){width:min(900px,calc(100vw - 48px));max-width:calc(100vw - 48px)}
  .vip-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  #vip-rule-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #vip-rule-form>:not(.vip-edit-row){grid-column:1/-1}
  #vip-rule-form>.vip-edit-row{min-width:0;margin-bottom:0}
}
@media(max-width:900px){.sidebar-brand-row{margin-block:20px}.sidebar-brand-row .brand{padding-inline:10px}.sidebar-brand-row .brand>[data-platform-name]{max-inline-size:180px}.top-actions .theme-toggle{width:32px;height:32px}.top-actions{flex-wrap:nowrap}.topbar .breadcrumb{flex:1}.auth-header{padding:18px 22px}.login-page{padding-top:76px}.login-form{min-height:calc(100dvh - 76px)}}
@media(max-width:480px){.auth-header{padding:15px 17px;gap:10px}.auth-header .brand{font-size:17px;gap:7px}.auth-header .brand>[data-platform-name]{max-inline-size:105px}.auth-header .actions{gap:7px}.auth-header .language-switch{width:100px;min-width:90px;font-size:10px}.auth-header .theme-toggle{width:32px;height:32px}.topbar .top-actions{max-width:65%;gap:6px}.topbar .top-actions .language-switch{min-width:88px;width:96px}}

/* Light theme: warm white surfaces, slate typography and an emerald accent. */
html[data-bs-theme=light] body{background:radial-gradient(ellipse at 85% 0,#dceeea75,transparent 46%),var(--bg)}
html[data-bs-theme=light] :is(.panel,.stat,.market-card,.holding-card,.ledger-card,.feature,.payment-card){background:var(--panel);border-color:var(--line);box-shadow:0 5px 22px #243d4c06}
html[data-bs-theme=light] :is(.sidebar,.sidebar.offcanvas){background:#fff;border-color:var(--line)}
html[data-bs-theme=light] .topbar{background:var(--header-surface);border-color:var(--line)}
html[data-bs-theme=light] :is(.breadcrumb,.breadcrumb>span,.field>span,.title-row p,.stat-label,.stat-foot,.security-note,.brand-description,.buyer-identity small,.scene-caption,.hero-capabilities,.hero-bottomline,.brand-preview p,.purchase-total>span,.market-stage p,.intro-banner p,.token-price-display>span,.token-price-display small,.card-topline>span[translate=no]){color:var(--muted)}
html[data-bs-theme=light] :is(.title-row .eyebrow,.eyebrow,.market-price,.token-price-display strong,.buyer-card .market-price,.compute-card .market-price,.stat-value,.filter-count,.selection-count){color:var(--green)}
html[data-bs-theme=light] :is(.btn-primary,.primary){--bs-btn-color:#fff;--bs-btn-bg:#087f6b;--bs-btn-border-color:#087f6b;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#066b5a;--bs-btn-hover-border-color:#066b5a;--bs-btn-active-color:#fff;--bs-btn-active-bg:#055d4e;--bs-btn-active-border-color:#055d4e;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#087f6b;--bs-btn-disabled-border-color:#087f6b;background:#087f6b;color:#fff;border-color:#087f6b;box-shadow:0 4px 12px #087f6b16}
html[data-bs-theme=light] :is(.btn-primary,.primary):hover{background:#066b5a;border-color:#066b5a;color:#fff}
html[data-bs-theme=light] :is(.btn-outline-secondary,.secondary){--bs-btn-color:#40576b;--bs-btn-border-color:#d3dfe5;--bs-btn-hover-color:#172637;--bs-btn-hover-bg:#edf3f5;--bs-btn-hover-border-color:#adbec9;--bs-btn-disabled-color:#718390;--bs-btn-disabled-border-color:#d3dfe5;color:#40576b;border-color:#d3dfe5;background:transparent}
html[data-bs-theme=light] :is(.btn-outline-secondary,.secondary):hover{background:#edf3f5;color:#172637;border-color:#adbec9}
html[data-bs-theme=light] .btn-outline-danger{--bs-btn-color:#af3345;--bs-btn-border-color:#e2b7bf;--bs-btn-hover-bg:#fff0f2;--bs-btn-hover-color:#9b2c3d;--bs-btn-hover-border-color:#ce8190}
html[data-bs-theme=light] :is(.form-control,.form-select,input,textarea,select){background-color:#fff;color:var(--text);border-color:#cedce3;box-shadow:none}
html[data-bs-theme=light] :is(.form-control,.form-select,input,textarea,select):focus{background-color:#fff;color:var(--text);border-color:var(--green);box-shadow:0 0 0 3px #087f6b12}
html[data-bs-theme=light] :is(.form-control,input,textarea)::placeholder{color:#7a8997}
html[data-bs-theme=light] .form-check-input:checked{background-color:var(--green);border-color:var(--green)}
html[data-bs-theme=light] .nav-group{color:#788897}
html[data-bs-theme=light] .nav-item{color:#566b7d}
html[data-bs-theme=light] .nav-item:hover{background:#f0f6f5;color:#075e50}
html[data-bs-theme=light] .nav-item.active{color:#076957;background:linear-gradient(95deg,#e4f3eb,#f4faf7);border-color:#cee8db;box-shadow:inset 3px 0 #087f6b}
html[dir=rtl][data-bs-theme=light] .nav-item.active{box-shadow:inset -3px 0 #087f6b}
html[data-bs-theme=light] :is(.avatar,.node-card,.tabs,.model-provider-logo){background:var(--accent-soft);color:#08715f;border-color:#cce5da}
html[data-bs-theme=light] .stats .stat:first-child{background:linear-gradient(125deg,#e8f5ef,#fff);border-color:#c6e2d5}
html[data-bs-theme=light] :is(.notice,.live-pill){background:#edf7f2;color:#3d6756;border-color:#d1e7db}
html[data-bs-theme=light] .purple-notice{background:#f2effa;color:#6e5a9b;border-color:#e1d9f2}
html[data-bs-theme=light] :is(.info-line,.market-info,.advanced-filters,.server-list>.panel-head,.table-foot,.industry-strip){border-color:var(--line)}
html[data-bs-theme=light] .table{--bs-table-color:#334b5f;--bs-table-border-color:#e1e9ed;--bs-table-hover-bg:#f3f8f6;--bs-table-hover-color:#163f35}
html[data-bs-theme=light] .table thead th{background:#f5f8fa;color:#62778b;border-color:#dce5ea}
html[data-bs-theme=light] .table td small{color:var(--muted)}
html[data-bs-theme=light] :is(.table-wrap,.content){scrollbar-color:#bdcfd5 #f6f9fa}
html[data-bs-theme=light] :is(.column-picker>div,.brand-editor,.brand-preview,.payment-summary,.deposit-summary){background:#f7fafb;border-color:var(--line);color:var(--text);box-shadow:none}
html[data-bs-theme=light] :is(.advanced-filters>summary,.column-picker>summary,.brand-editor>legend){color:#4d667a}
html[data-bs-theme=light] :is(.tabs .btn,.tabs button){color:#577084}
html[data-bs-theme=light] :is(.tabs .active,.tabs .primary,.buy-presets .btn.active){background:#e3f3eb;border-color:#b9ddce;color:#076b59;box-shadow:none}
html[data-bs-theme=light] :is(.tag,.tag.badge){background:#f1f6f8;color:#506b7d;border-color:#d9e5ea}
html[data-bs-theme=light] :is(.tag.completed,.tag.已认证,.tag.启用,.tag.已完成){color:#176c4d;background:#e8f5ec;border-color:#c7e5d0}
html[data-bs-theme=light] :is(.tag.pending,.tag.processing,.tag.待审核,.tag.处理中){color:#8f631b;background:#fff6e2;border-color:#ecdcaf}
html[data-bs-theme=light] :is(.tag.rejected,.tag.已拒绝,.tag.停用){color:#ac3b4e;background:#fff0f2;border-color:#eccbd2}
html[data-bs-theme=light] dialog{background:#fff;color:var(--text);border-color:#cddce4;box-shadow:0 24px 100px #1c36462e}
html[data-bs-theme=light] dialog::backdrop{background:#263c4b66;backdrop-filter:blur(5px)}
html[data-bs-theme=light] dialog .close{background:#edf3f6;color:#4b6478}
html[data-bs-theme=light] #toast{background:#e8f5ee;color:#1c6349;border-color:#b9dacb;box-shadow:0 8px 30px #1d493d18}
html[data-bs-theme=light] :is(.customer-account-card,.intro-banner,.market-stage,.compute-stage,.token-stage){background:radial-gradient(ellipse at 95% 0,#ddf0e6,transparent 70%),#fff;border-color:#cfe1db;color:var(--text)}
html[data-bs-theme=light] :is(.stage-symbol,.feature-icon){background:#e5f4ec;color:var(--green);border-color:#c7e4d5}
html[data-bs-theme=light] :is(.brand-logo){background:color-mix(in srgb,var(--brand) 9%,#fff);border-color:#d6e5df;color:#376e57;box-shadow:none}
html[data-bs-theme=light] :is(.buyer-card,.compute-card){background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--brand) 9%,transparent),transparent 68%),#fff;border-color:#d4e3dd}
html[data-bs-theme=light] .public-home{background:radial-gradient(ellipse at 65% 6%,#dcefe3,transparent 48%),#f7faf9}
html[data-bs-theme=light] .public-home .landing-links{color:#526f64}
html[data-bs-theme=light] .hero-next h1{color:var(--text);background:linear-gradient(125deg,#1a3542 12%,#176b59 68%,#2e9675);background-clip:text;-webkit-background-clip:text}
html[data-bs-theme=light] .hero-next p{color:#576f65}
html[data-bs-theme=light] .hero-next .live-pill{background:#e9f5ed;color:#37694f;border-color:#cce5d6}
html[data-bs-theme=light] :is(.public-home footer,.hero-bottomline){border-color:#d6e6df;color:#5c786c}
html[data-bs-theme=light] .feature-next p{color:#60786d}
html[data-bs-theme=light] .login-art{background:radial-gradient(ellipse at 55% 50%,#d7eee0,transparent 72%),#edf5f0}
html[data-bs-theme=light] .login-art p{color:#5d7769}
html[data-bs-theme=light] .login-form{background:#fff}
html[data-bs-theme=light] .industry-logo .mono-logo{filter:brightness(0);opacity:.75}
html[data-bs-theme=light] .mobile-dock{background:#ffffffed;border-color:#d1e0e5;box-shadow:0 8px 28px #25495a17}
html[data-bs-theme=light] .mobile-dock a{color:#667f90}
html[data-bs-theme=light] .mobile-dock a[aria-current=page]{color:#08715e;background:#e6f4ed}
html[data-bs-theme=light] .platform-price-row td{background:#eef8f2}
@media(max-width:600px){html[data-bs-theme=light] .adaptive-table tbody tr{background:#f8fbfc;border-color:#dce6eb}html[data-bs-theme=light] .adaptive-table .mobile-cell-label{color:#62778b}html[data-bs-theme=light] .adaptive-table td{border-color:#e3ebee}}
@media(prefers-reduced-motion:reduce){.page-enter{animation:none}.user-shell,.user-shell .sidebar,.staff-shell,.staff-shell .sidebar{transition:none}}

html[data-bs-theme=light] .chart polyline{stroke:var(--green)}html[data-bs-theme=light] .chart circle{fill:var(--green)}html[data-bs-theme=light] #chartFill stop{stop-color:var(--green)}

.deposit-entry{max-width:1080px}.deposit-form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.deposit-transfer-form{min-width:0}.deposit-form-layout .channel-details{margin:0}.deposit-coin-config{border:1px solid var(--line);border-radius:12px;padding:15px;margin-block:12px;min-width:0}.deposit-coin-config>.form-grid{margin-top:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.deposit-coin-config>.form-grid .field{margin:0}.payment-card .deposit-qr{width:110px;height:110px;margin-block:15px}.payment-card>.actions{margin-top:15px;flex-wrap:wrap}.payment-card .copy-field{min-width:0}.payment-card .copy-field>div{display:grid;gap:6px}.payment-card .copy-field bdi{overflow-wrap:anywhere}.deposit-form-layout .channel-details .copy-field{background:var(--surface-soft);border:1px solid var(--line)}
@media(max-width:760px){.deposit-form-layout{grid-template-columns:minmax(0,1fr);gap:24px}.deposit-coin-config>.form-grid{grid-template-columns:minmax(0,1fr)}.deposit-form-layout .channel-details{border:0;padding:0}.deposit-entry{padding:20px}}

.order-actual-credit{display:block;margin-top:5px;color:var(--green)!important;white-space:normal}.order-actual-credit>span{font-size:9px}
html[data-bs-theme=dark] .nav-item.active{color:#b2eed7;border-color:#91e7c62e;background:linear-gradient(100deg,#91e7c61b,#91e7c608);box-shadow:inset 3px 0 var(--green)}html[dir=rtl][data-bs-theme=dark] .nav-item.active{box-shadow:inset -3px 0 var(--green)}

html[data-bs-theme=light] .purchase-panel #buy-quantity{background:#f6faf9;color:var(--text);border-color:#bfd8cf}html[data-bs-theme=light] .buy-presets .btn[aria-pressed=true]{background:#e5f4eb;color:#08715b;border-color:#bddfce}html[data-bs-theme=light] .section-icon{background:#e8f5ee;color:var(--green);border-color:#c6e3d3}html[data-bs-theme=light] .feature-next h3{color:#1d4032}html[data-bs-theme=light] .feature-next .btn{color:#286a50;border-color:#c6e3d3}html[data-bs-theme=light] .ticket .reply{background:#edf6f0;color:#3a6952}html[data-bs-theme=light] .plan-editor-preview{background:#f0f8f3;border-color:#c9e0d2}html[data-bs-theme=light] .holding-progress progress::-webkit-progress-bar{background:#e1ebe7}
html[data-bs-theme=light] .purchase-total>strong{color:var(--green)}html[data-bs-theme=light] .purchase-details .form-summary strong{color:var(--text)}html[data-bs-theme=light] :is(.purchase-details .form-summary,.purchase-total){border-color:var(--line)}html[data-bs-theme=light] .buyer-card .market-price small{color:var(--muted)}

/* Shared component language: restrained surfaces and predictable control variants.
   Native/Bootstrap semantics stay intact; no additional UI runtime is required. */
html{--radius-control:10px;--radius-card:14px;--radius-dialog:16px;--control-height:42px;--shadow-panel:0 1px 2px #00000006;--shadow-dialog:0 20px 64px #00000030}
html[data-bs-theme=light]{--line:#dce4e7;--surface-soft:#f6f8f9;--focus-ring:#087f6b25}
html[data-bs-theme=dark]{--bg:#0b1017;--panel:#111923;--line:#293440;--surface-soft:#18222d;--muted:#a1afbf;--focus-ring:#91e7c633;--shadow-panel:0 1px 2px #00000018;--shadow-dialog:0 20px 64px #00000070}
html[data-bs-theme=dark] :is(.btn-primary,.primary){--bs-btn-color:#102b22;--bs-btn-bg:#91e7c6;--bs-btn-border-color:#91e7c6;--bs-btn-hover-color:#102b22;--bs-btn-hover-bg:#a6efd4;--bs-btn-hover-border-color:#a6efd4;--bs-btn-active-color:#102b22;--bs-btn-active-bg:#7edbb7;--bs-btn-active-border-color:#7edbb7;--bs-btn-disabled-color:#102b22;--bs-btn-disabled-bg:#91e7c6;--bs-btn-disabled-border-color:#91e7c6;background:#91e7c6;color:#102b22;border-color:#91e7c6}
html[data-bs-theme=dark] :is(.btn-primary,.primary):hover{background:#a6efd4;color:#102b22;border-color:#a6efd4}
html[data-bs-theme=dark] :is(.btn-primary,.primary):active{background:#7edbb7;border-color:#7edbb7}
html body{font-feature-settings:"cv11","ss01"}
html .shell :is(.panel,.stat,.market-card,.holding-card,.ledger-card){border-radius:var(--radius-card);border-color:var(--line);background:var(--panel);box-shadow:var(--shadow-panel)}
html .shell .stats .stat:first-child{background:var(--panel);border-color:var(--line)}
html .shell .stat:after{display:none}
html :is(.btn,.primary,.secondary){border-radius:var(--radius-control);box-shadow:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}
html :is(.shell,.login-page,#dialog) .btn:not(.wallet-record-row):not(.sw-cycle):not(.close):not(.theme-toggle):not(.mobile-toggle):not(.header-notifications):not(.desktop-toggle):not(.sidebar-collapse):not(.auth-password-toggle):not(.customer-balance-toggle){min-height:var(--control-height)}
html .btn-outline-secondary{background:transparent;border-color:var(--line);color:var(--text)}
html[data-bs-theme=light] .btn-primary{box-shadow:none}
html :is(.form-control,.form-select){border-radius:var(--radius-control);border-color:var(--line);min-height:var(--control-height);line-height:1.5}
html :is(.form-control,.form-select):focus{border-color:var(--green);box-shadow:0 0 0 3px var(--focus-ring)}
html :is(.btn,a,summary):focus-visible{outline:2px solid var(--green);outline-offset:3px;box-shadow:none}
html :is(input,select,textarea)[aria-invalid=true]{border-color:var(--red,#dc6573);box-shadow:0 0 0 3px color-mix(in srgb,var(--red,#dc6573) 15%,transparent)}
html :is(.shell,#dialog,.login-page) .field>span{font-size:13px;font-weight:500;line-height:1.6;color:var(--muted)}
html .shell .title-row h1{font-size:26px;line-height:1.3;font-weight:650;letter-spacing:-.6px}
html .shell :is(.panel h2,.panel-head h2){font-size:16px;line-height:1.5;font-weight:600}
html .shell :is(.stat-value,.market-price,.customer-balance-amount){font-variant-numeric:tabular-nums}
html .shell .tabs{border-radius:var(--radius-control);border-color:var(--line);background:var(--surface-soft);box-shadow:none;gap:4px;padding:4px}
html .shell .tabs .btn{border-radius:7px}
html .shell .tabs .active{background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:0 1px 2px #00000008}
html .shell .tag.badge{border-radius:6px;font-size:11px;line-height:1.4;padding:4px 8px;font-weight:500}
html #dialog{border-color:var(--line);border-radius:var(--radius-dialog);background:var(--panel);color:var(--text);box-shadow:var(--shadow-dialog)}
html #dialog::backdrop{background:#09111d80;backdrop-filter:blur(3px)}
html #dialog h2{font-size:20px;line-height:1.5;letter-spacing:-.3px}
html #dialog .close{border-radius:8px;background:var(--surface-soft);color:var(--muted)}
html .shell .sidebar{border-color:var(--line)}
html .shell .nav-item{border-radius:8px;transition:background-color .14s ease,color .14s ease}
html .shell .market-card:hover{transform:none;border-color:color-mix(in srgb,var(--green) 45%,var(--line))}
html .customer-home :is(.home-product-card,.home-support-card,.home-plan-rules article){border-radius:var(--radius-card);box-shadow:var(--shadow-panel)}
@media(max-width:900px){
 html{--control-height:44px}
 html :is(.shell,#dialog,.login-page) .field>span{font-size:14px}
 html :is(.shell,#dialog,.login-page) :is(input.form-control,select.form-select,textarea.form-control){font-size:16px}
 html .shell .title-row h1{font-size:24px;line-height:1.4}
 html #dialog h2{font-size:19px}
 html .shell .mobile-dock{border-radius:var(--radius-dialog);box-shadow:0 4px 20px #00000014}
}
@media(prefers-reduced-motion:reduce){html :is(.btn,.primary,.secondary,.shell .nav-item){transition:none}}
/* Amount entry has a stronger hierarchy than ordinary form fields. */
html .purchase-panel input#buy-quantity{font-size:30px;line-height:1.3;min-height:72px;background:var(--surface-soft);border-color:var(--line);color:var(--text)}
html #dialog #fund-form input[name=amount]{font-size:24px;font-weight:600;line-height:1.4;min-height:58px;font-variant-numeric:tabular-nums}
html #dialog #fund-form>.info-line:first-child{padding:14px 16px;margin-block:4px 20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-soft)}
html #dialog #fund-form>.info-line:first-child>span{font-size:13px;color:var(--muted)}
html #dialog #fund-form>.info-line:first-child>strong{font-size:18px;font-variant-numeric:tabular-nums}
html #dialog #admin-sale-quota-form>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}
html #dialog #admin-sale-quota-form>.actions>button{min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){html .purchase-panel input#buy-quantity{font-size:28px;min-height:68px}}

/* Original auratoken images retain their proportions; compact contexts use only
   the mark, while picture selects the matching navigation asset before fetch. */
html .brand.platform-brand[data-platform-brand]{letter-spacing:0;text-transform:none;min-width:0;gap:9px}
html .brand.platform-brand[data-platform-brand]>[data-platform-name]{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html .brand.platform-brand[data-platform-layout] .platform-brand-image{display:block;width:34px;height:34px;flex:none;object-fit:contain;border-radius:0}
html .brand.platform-brand[data-platform-layout=horizontal] .platform-brand-picture{display:block;flex:none;width:168px;height:56px;max-width:100%;border-radius:8px}
html .brand.platform-brand[data-platform-layout=horizontal] .platform-brand-image{width:100%;height:100%}
html .brand.platform-brand[data-platform-layout=horizontal][data-platform-default=true]>[data-platform-name]{display:none}
html .brand.platform-brand[data-platform-layout=horizontal][data-platform-default=false] .platform-brand-picture{width:34px;height:34px}
html[data-bs-theme=dark] .brand.platform-brand[data-platform-layout=horizontal][data-platform-default=true] .platform-brand-picture{background:#f5f8fc;padding:3px 7px}
html .platform-auth-art{display:grid;place-items:center;width:min(100%,300px);aspect-ratio:1;margin:24px auto;flex:none;min-width:0;border-radius:24px;overflow:hidden}
html .platform-auth-art>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
html[data-bs-theme=dark] .platform-auth-art[data-platform-default=true]{background:#f5f8fc}
html .brand-preview .platform-brand-preview-logo{width:160px;height:100px;background:var(--surface-soft);border:1px solid var(--line)}
html .brand-preview .platform-brand-preview-logo>img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){
 html .brand.platform-brand[data-platform-layout=horizontal] .platform-brand-picture{width:40px;height:40px}
 html[data-bs-theme=dark] .brand.platform-brand[data-platform-layout=horizontal][data-platform-default=true] .platform-brand-picture{background:transparent;padding:0}
}
@media(max-width:900px){html .platform-auth-art{display:none}}

/* Keep the auth headline balanced instead of leaving one final character. */
html .internal-auth .login-art h1{text-wrap:balance;font-size:clamp(34px,3.5vw,50px);line-height:1.25;max-width:12em}