/* Aster 10.0.9 — Unified interface 1.
   Loaded AFTER workspace-specific styles. Explicitly scoped chrome avoids legacy
   market `.nav-item span` rules turning every navigation label into a 20px icon. */
body.aster-unified-ui{
  --bg:var(--aster-background,#f6f7fb);--surface:var(--aster-surface,#fff);--panel:var(--aster-surface,#fff);--text:var(--aster-text,#252735);--ink:var(--aster-text,#252735);
  --muted:var(--aster-muted,#737787);--line:var(--aster-border,#e8e9f0);--primary:var(--aster-accent,#7665e9);--primary-dark:var(--aster-accent-hover,#6352d7);
  --tint:var(--aster-accent-soft,#f0edff);--soft:var(--aster-accent-soft,#f0edff);--radius:15px;--shadow:0 4px 22px color-mix(in srgb,var(--aster-shadow-color,#070611) 3%,transparent);
  --aster-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--aster-sidebar-width:264px;--sidebar:264px;
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased;
}
.aster-unified-ui aside.sidebar{
  position:fixed;inset:0 auto 0 0;width:var(--aster-sidebar-width);height:100vh;height:100dvh;
  padding:0;display:flex;flex-direction:column;overflow:hidden;z-index:60;
  background:var(--surface);border:0;border-right:1px solid var(--line);
  transform:none;visibility:visible;font-family:inherit;box-shadow:none;
}
.aster-unified-ui .aster-sidebar-header{flex:0 0 auto;padding:24px 18px 14px;min-width:0}
.aster-unified-ui .aster-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.aster-unified-ui .aster-brand{display:inline-flex;align-items:center;gap:10px;padding:0;color:var(--text);text-decoration:none;font-size:29px;font-weight:700;letter-spacing:-1px;line-height:1}
.aster-unified-ui .aster-brand img{width:34px;height:34px;display:block;flex-shrink:0}
.aster-unified-ui .aster-brand span{width:auto;text-align:left;font:inherit;letter-spacing:inherit}
.aster-unified-ui .aster-workspace{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 10px;background:var(--aster-surface);border:1px solid var(--line);border-radius:10px}
.aster-unified-ui .aster-workspace-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--tint);color:var(--primary-dark);font-size:12px;font-weight:650}
.aster-unified-ui .aster-workspace-labels{min-width:0;flex:1;line-height:1.4}
.aster-unified-ui .aster-workspace-name{display:block;font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aster-unified-ui .aster-workspace-meta{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.aster-unified-ui .sidebar nav.unified-nav{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 12px 14px;scrollbar-width:thin;scrollbar-color:var(--aster-border) transparent;margin:0}
.aster-unified-ui .unified-nav-group{margin:0 0 10px;border:0;background:transparent;padding:0}
.aster-unified-ui .unified-nav-group>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:600 10px/1.5 var(--aster-font);letter-spacing:.07em;text-transform:uppercase;padding:11px 12px 7px;color:var(--aster-muted);list-style:none}
.aster-unified-ui .unified-nav-group>summary::-webkit-details-marker{display:none}
.aster-unified-ui .unified-nav-group>summary::after{content:'⌄';font-size:14px;line-height:1;transform:rotate(-90deg);transition:transform .15s}
.aster-unified-ui .unified-nav-group[open]>summary::after{transform:rotate(0deg)}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-link{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:41px;width:100%;padding:10px 12px;border:0;border-radius:8px;margin:2px 0;color:var(--aster-text);background:transparent;text-decoration:none;text-align:left;font-family:inherit;font-size:13px;font-weight:450;line-height:1.4;letter-spacing:normal;transition:background .12s,color .12s}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-link:hover{background:var(--aster-surface-hover);color:var(--aster-accent)}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-link.active{background:var(--tint);color:var(--primary-dark);font-weight:600}
/* Reset inherited market icon styles on text and badges, not on icons elsewhere. */
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-name{display:block;flex:1 1 auto;min-width:0;width:auto;padding:0;margin:0;text-align:left;font-family:inherit;font-size:13px;font-weight:inherit;line-height:1.4;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:auto;min-width:22px;height:20px;padding:1px 6px;border-radius:6px;background:var(--aster-accent-soft);color:var(--aster-muted);text-align:center;font:600 10px/1.4 var(--aster-font);letter-spacing:normal}
.aster-unified-ui .sidebar nav.unified-nav .unified-nav-link small{flex:0 0 auto;font-size:9px;line-height:1.3;letter-spacing:normal}
.aster-unified-ui .unified-nav-link[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.aster-unified-ui .unified-nav-link:focus-visible,.aster-unified-ui .unified-nav-group>summary:focus-visible,.aster-unified-ui .aster-profile:focus-visible,.aster-unified-ui .aster-brand:focus-visible{outline:3px solid var(--aster-focus);outline-offset:1px}
.aster-unified-ui .sidebar .staff-tools-bar{order:0;flex:0 0 auto;margin:0 18px 12px;padding:0;border:0;border-radius:8px;background:transparent}
.aster-unified-ui .sidebar .staff-find-button{display:block;width:100%;padding:10px 12px;text-align:left;border:1px solid var(--line);background:var(--aster-surface);color:var(--aster-text);font:500 12px/1.4 var(--aster-font);border-radius:8px;cursor:pointer}
.aster-unified-ui .sidebar .staff-tools-bar small{font-size:9px;line-height:1.3;margin:5px 3px 0;color:var(--muted)}
.aster-unified-ui .aster-sidebar-footer{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:15px 18px;border-top:1px solid var(--line);background:var(--aster-surface);min-height:72px}
.aster-unified-ui .aster-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:var(--tint);color:var(--aster-on-accent-soft);border-radius:50%;font-size:11px;line-height:1;font-weight:600}
.aster-unified-ui .aster-profile{flex:1;min-width:0;display:block;color:var(--text);text-decoration:none;line-height:1.4;text-align:left}
.aster-unified-ui .aster-profile-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600}
.aster-unified-ui .aster-profile-role{display:block;font-size:10px;margin-top:3px;color:var(--muted)}
.aster-unified-ui .aster-signout,.aster-unified-ui .aster-menu-close{border:1px solid transparent;background:transparent;color:var(--aster-muted);width:34px;height:34px;flex:0 0 34px;border-radius:8px;display:inline-grid;place-items:center;font:22px/1 var(--aster-font);cursor:pointer;padding:0}
.aster-unified-ui .aster-menu-close{display:none}
.aster-unified-ui .aster-signout:hover,.aster-unified-ui .aster-menu-close:hover{background:var(--tint);color:var(--primary-dark)}
.aster-unified-ui .aster-signout:focus-visible,.aster-unified-ui .aster-menu-close:focus-visible{outline:3px solid var(--aster-focus);outline-offset:1px}
.aster-unified-ui .aster-signout:disabled{cursor:wait;opacity:.5}
.aster-unified-ui .aster-signout-error,.aster-unified-ui .aster-nav-error{padding:10px 16px;margin:0;font-size:12px;line-height:1.5;color:var(--aster-danger-ink);overflow-wrap:anywhere}
/* Same shell geometry in all four routes, independent of their older media queries. */
.aster-unified-ui .shell{margin-left:var(--aster-sidebar-width);min-width:0;min-height:100vh;background:var(--bg)}
.aster-unified-ui .shell>.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;height:72px;min-height:72px;padding:0 28px;background:var(--aster-surface);border:0;border-bottom:1px solid var(--line);font-family:inherit}
.aster-unified-ui .topbar>.row,.aster-unified-ui .topbar .top-left{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;min-width:0}
.aster-unified-ui .topbar .breadcrumb,.aster-unified-ui .topbar .crumb{display:flex;align-items:center;gap:10px;margin:0;font-size:11px;line-height:1.4;color:var(--aster-muted);white-space:nowrap}
.aster-unified-ui .topbar .crumb>span{padding:0;font-size:11px}
.aster-unified-ui .topbar .breadcrumb .current,.aster-unified-ui .topbar .crumb strong{font-size:11px;line-height:1.4;color:var(--aster-text);font-weight:550}
.aster-unified-ui .topbar .top-actions,.aster-unified-ui .topbar .top-right{display:flex;align-items:center;flex:0 0 auto;gap:12px;font-size:11px}
.aster-unified-ui .topbar .mobile-menu,.aster-unified-ui .topbar .menu-toggle{display:none}
.aster-unified-ui .shell>main{max-width:1600px;min-width:0;width:100%;margin:0 auto;padding:30px 28px 24px;box-sizing:border-box}
.aster-unified-ui .page-head h1,.aster-unified-ui .page-heading h1{font-size:28px;line-height:1.25;letter-spacing:-.9px;font-weight:650}
.aster-unified-ui .page-heading p{font-size:13px;line-height:1.65}
.aster-unified-ui .mobile-scrim,.aster-unified-ui #backdrop{display:none!important}
.aster-unified-ui .aster-nav-backdrop{position:fixed;inset:0;z-index:50;width:100%;height:100%;padding:0;border:0;margin:0;background:var(--aster-overlay);backdrop-filter:blur(2px);cursor:pointer}
.aster-unified-ui .aster-nav-backdrop[hidden]{display:none!important}
.aster-unified-ui .aster-context-note{margin-top:24px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;background:transparent}
.aster-unified-ui .aster-context-note>summary{cursor:pointer;font-size:12px;font-weight:550;line-height:1.5}
.aster-unified-ui .aster-context-note .aster-context-content{display:block!important;margin:12px 0 0;padding:0;background:transparent;border:0;border-radius:0;font-size:12px;color:var(--muted)}
.aster-unified-ui .aster-context-content strong,.aster-unified-ui .aster-context-content p{font-size:12px;line-height:1.6;letter-spacing:normal}
.aster-unified-ui .aster-context-content strong{margin:0;color:var(--text)}
/* Market components retain their IDs, behavior and data; use the shared palette/type scale. */
.aster-unified-ui[data-aster-workspace=market] .button{font-size:12px;line-height:1.5;padding:9px 14px;min-height:38px;font-weight:550;border-radius:8px}
.aster-unified-ui[data-aster-workspace=market] .page-heading>.button{width:auto;flex:0 0 auto;font-size:12px;padding:9px 14px}
.aster-unified-ui[data-aster-workspace=market] .page-heading>div{min-width:0;flex:1}
.aster-unified-ui[data-aster-workspace=market] .button.secondary{color:var(--aster-text);background:var(--aster-surface);border-color:var(--line)}
.aster-unified-ui[data-aster-workspace=market] .button.small{font-size:11px;padding:7px 11px;min-height:34px}
.aster-unified-ui[data-aster-workspace=market] .panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--aster-surface);box-shadow:var(--shadow)}
.aster-unified-ui[data-aster-workspace=market] .panel-heading h2{font-size:16px;line-height:1.4;letter-spacing:-.3px}
.aster-unified-ui[data-aster-workspace=market] .subtle{font-size:11px;line-height:1.6}
.aster-unified-ui[data-aster-workspace=market] input,.aster-unified-ui[data-aster-workspace=market] select{font:12px/1.5 var(--aster-font);border:1px solid var(--line);border-radius:8px;color:var(--text)}
.aster-unified-ui[data-aster-workspace=market] .filterbar label,.aster-unified-ui[data-aster-workspace=market] .date-controls label,.aster-unified-ui[data-aster-workspace=market] .lookup-controls label{font-size:11px;line-height:1.4;color:var(--aster-muted)}
.aster-unified-ui[data-aster-workspace=market] .filter-note{font-size:11px}
.aster-unified-ui[data-aster-workspace=market] .asset-label strong{font-size:12px}.aster-unified-ui[data-aster-workspace=market] .asset-label small{font-size:10px}
.aster-unified-ui[data-aster-workspace=market] .asset-price{font-size:11px}.aster-unified-ui[data-aster-workspace=market] .asset-price small{font-size:9px}
.aster-unified-ui[data-aster-workspace=market] .metric{border-color:var(--line);border-radius:var(--radius)}
.aster-unified-ui[data-aster-workspace=market] .metric-label{font-size:11px;line-height:1.4}
.aster-unified-ui[data-aster-workspace=market] .metric small{font-size:10px;line-height:1.5}
.aster-unified-ui[data-aster-workspace=market] .quote-meta span{font-size:10px}.aster-unified-ui[data-aster-workspace=market] .quote-meta strong{font-size:11px}
.aster-unified-ui[data-aster-workspace=market] .prose p{font-size:12px;line-height:1.75}
.aster-unified-ui[data-aster-workspace=market] .table-scroll{max-width:100%;overflow-x:auto}
.aster-unified-ui[data-aster-workspace=market] #source-dialog{max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow:auto;font-family:inherit}
.account-history-chart{color:var(--aster-accent)}.chart-legend,.chart-note{flex-wrap:wrap}.detail-wallet-row>span{min-width:0;overflow-wrap:anywhere}.chart-total{overflow-wrap:anywhere}
@media(min-width:1025px){.aster-unified-ui aside.sidebar{transform:none!important;visibility:visible!important}.aster-unified-ui .mobile-nav-close{display:none}.aster-unified-ui .aster-nav-backdrop{display:none}}
@media(max-width:1024px){
 .aster-unified-ui{--sidebar:0px}.aster-unified-ui .shell{margin-left:0}
 .aster-unified-ui aside.sidebar{width:var(--aster-sidebar-width);max-width:calc(100vw - 40px);transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s}
 .aster-unified-ui.aster-nav-open aside.sidebar{transform:translateX(0);visibility:visible}
 .aster-unified-ui.aster-nav-open{overflow:hidden}
 .aster-unified-ui .aster-menu-close{display:inline-grid}
 .aster-unified-ui .topbar .mobile-menu,.aster-unified-ui .topbar .menu-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;width:36px;height:36px;min-width:36px;padding:7px;background:var(--aster-surface);color:var(--aster-muted)}
 .aster-unified-ui .shell>.topbar{height:64px;min-height:64px;padding:0 20px}
 .aster-unified-ui .shell>main{padding:24px 20px}
 .aster-unified-ui .sidebar nav.unified-nav .unified-nav-link{min-height:44px}
}
@media(max-width:600px){
 .aster-unified-ui .shell>.topbar{padding:0 14px;gap:8px}.aster-unified-ui .shell>main{padding:22px 16px}
 .aster-unified-ui .topbar .top-actions,.aster-unified-ui .topbar .top-right{gap:7px}
 .aster-unified-ui .topbar .utc-chip,.aster-unified-ui .topbar .demo-pill{display:none}
 .aster-unified-ui .topbar .breadcrumb>span:first-child,.aster-unified-ui .topbar .breadcrumb>.icon{display:none}
 .aster-unified-ui .topbar .crumb{font-size:0;gap:0}.aster-unified-ui .topbar .crumb>span{display:none}
 .aster-unified-ui .page-head h1,.aster-unified-ui .page-heading h1{font-size:25px}
 .aster-unified-ui[data-aster-workspace=market] .page-heading{flex-wrap:wrap;gap:14px}
 .aster-unified-ui[data-aster-workspace=market] .page-heading .button{width:auto;font-size:11px;padding:8px 12px;gap:6px}
 .aster-unified-ui[data-aster-workspace=market] .filterbar{flex-wrap:wrap}.aster-unified-ui[data-aster-workspace=market] .filterbar label{min-width:0}
 .aster-unified-ui[data-aster-workspace=market] .filterbar select{min-width:0;max-width:100%}
 .aster-unified-ui[data-aster-workspace=market] .metrics{grid-template-columns:1fr;gap:10px}
 .aster-unified-ui[data-aster-workspace=market] .metric{display:flex;align-items:center;padding:14px;gap:12px}
 .aster-unified-ui[data-aster-workspace=market] .metric-icon{margin:0;flex-shrink:0}
 .aster-unified-ui[data-aster-workspace=market] .metric small{display:inline;margin-left:5px}
 .aster-unified-ui[data-aster-workspace=market] .panel-heading{flex-wrap:wrap;gap:10px}
 .aster-unified-ui[data-aster-workspace=market] .date-controls{flex-wrap:wrap}
 .aster-unified-ui[data-aster-workspace=market] .date-controls>label{min-width:100px}
 .aster-unified-ui[data-aster-workspace=market] .chart-foot{flex-wrap:wrap;gap:5px}
 .chart-card .card-head{flex-wrap:wrap;gap:14px}.chart-summary{flex-wrap:wrap}.detail-wallet-row{flex-wrap:wrap}.detail-wallet-row .amount{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.aster-unified-ui aside.sidebar,.aster-unified-ui .unified-nav-group>summary::after{transition:none}}

/* Account mode follows the signed-in customer; record badges follow their owner. */
.aster-demo-banner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:12px 28px;border-bottom:1px solid var(--aster-border);background:var(--aster-accent-soft);color:var(--aster-muted);font-size:12px;line-height:1.6}
.aster-demo-banner strong{font-size:13px;white-space:nowrap}
.aster-demo-banner span{max-width:78ch}
.badge.aster-demo-badge,.aster-demo-badge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid var(--aster-border);border-radius:5px;background:var(--aster-surface);color:var(--aster-muted);font-size:10px;font-weight:600;line-height:1.3;vertical-align:middle;white-space:nowrap}
.aster-demo-record-notice{padding:12px 14px;margin:12px 0;border:1px solid var(--aster-border);border-radius:8px;background:var(--aster-accent-soft);color:var(--aster-muted);font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.aster-account-type{padding:14px;border:1px solid var(--line,#e5e1ed);border-radius:8px;background:var(--tint,#f7f5fa)}
.aster-account-type>span{display:flex;align-items:center;gap:9px;font-weight:600}
.aster-account-type input[type="checkbox"]{width:17px!important;min-width:17px;height:17px!important;margin:0;accent-color:var(--aster-accent)}
.aster-account-type small{display:block;margin-top:7px;color:var(--muted,#777185);font-size:11px;line-height:1.6}
.aster-account-type p{margin:6px 0;font-size:13px}
@media(max-width:680px){.aster-demo-banner{padding:11px 18px;gap:4px}.aster-demo-banner strong{white-space:normal}}
@media print{.aster-demo-banner,.aster-demo-record-notice,.aster-demo-badge{display:block!important;color:#000!important;background:#fff!important;border:1px solid #777!important;break-inside:avoid}.aster-demo-badge{display:inline-block!important}.aster-demo-banner{margin:0 0 12px;padding:10px}.aster-demo-banner span{display:block}}
