/* Read-only account inspection, isolated from the trading dashboard. */
#admin-account-view{--aav-soft:color-mix(in srgb,var(--muted) 5%,var(--surface));width:min(1280px,calc(100vw - 48px));max-width:1280px;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--aav-soft);overflow:auto;box-sizing:border-box;box-shadow:0 28px 100px rgb(0 0 0 / .3)}
#admin-account-view::backdrop{background:rgb(4 10 18 / .64);backdrop-filter:blur(4px)}
#admin-account-view [hidden]{display:none!important}
#admin-account-view :focus-visible{outline:2px solid var(--green);outline-offset:3px}
#admin-account-view .aav-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:3}
#admin-account-view .aav-person{display:flex;align-items:center;gap:15px;min-width:0}
#admin-account-view .aav-person>div{min-width:0}
#admin-account-view .aav-avatar{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:16px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--green) 18%,var(--surface)),color-mix(in srgb,var(--blue) 9%,var(--surface)));color:var(--green);font-size:18px;font-weight:650;letter-spacing:-.03em}
#admin-account-view .aav-eyebrow{font-size:9px!important;letter-spacing:.13em;font-weight:650;line-height:1.5;margin:0 0 5px;color:var(--muted)}
#admin-account-view h2{margin:0 0 5px;font-size:24px;letter-spacing:-.04em;font-weight:650;line-height:1.2}
#admin-account-view p{font-size:12px;line-height:1.65;overflow-wrap:anywhere}
#admin-account-view #aav-user{font-size:12px;margin:0}
#admin-account-view .aav-heading-actions{display:flex;align-items:center;gap:16px;flex:none}
#admin-account-view .aav-readonly{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted);white-space:nowrap;background:var(--aav-soft)}
#admin-account-view .aav-readonly svg{width:12px;height:12px}
#admin-account-view .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:9px;font-size:12px;font-weight:550;white-space:nowrap}
#admin-account-view .button svg{width:14px;height:14px}
#admin-account-view .aav-body{padding:24px 30px 0}
#admin-account-view .aav-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;gap:14px;margin:0 0 10px}
#admin-account-view label{display:grid;gap:7px;font-size:11px;font-weight:550;min-width:0;color:var(--muted)}
#admin-account-view select{width:100%;min-width:0;min-height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:12px;padding:10px 32px 10px 12px}
#admin-account-view #aav-refresh{min-height:44px;background:var(--surface)}
#admin-account-view .aav-updated{font-size:10px;min-height:17px;margin:0 0 20px;color:var(--muted)}
#admin-account-view .admin-error{padding:15px 18px;border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));background:color-mix(in srgb,var(--red) 6%,var(--surface));border-radius:12px;margin:18px 0}
#admin-account-view .aav-overview{padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--surface);margin:0 0 22px;overflow:hidden}
#admin-account-view .aav-account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
#admin-account-view .aav-account-heading>div{min-width:0}
#admin-account-view .aav-account-heading h3{font-size:20px;letter-spacing:-.035em;line-height:1.3;margin:0 0 5px;font-weight:600;overflow-wrap:anywhere}
#admin-account-view #aav-broker-detail{font-size:11px;margin:0}
#admin-account-view .aav-pills{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#admin-account-view .aav-pill{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:5px 9px;border:1px solid var(--line);border-radius:6px;font-size:10px;font-weight:500;line-height:1.45;background:var(--aav-soft);color:var(--muted);white-space:normal}
#admin-account-view .aav-pill[data-tone=positive]{color:var(--green);background:color-mix(in srgb,var(--green) 8%,var(--surface));border-color:color-mix(in srgb,var(--green) 20%,var(--line))}
#admin-account-view .aav-pill[data-tone=warning]{color:var(--amber);background:color-mix(in srgb,var(--amber) 8%,var(--surface));border-color:color-mix(in srgb,var(--amber) 20%,var(--line))}
#admin-account-view .aav-pill[data-tone=negative]{color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface));border-color:color-mix(in srgb,var(--red) 20%,var(--line))}
#admin-account-view .aav-pill[data-tone=blue]{color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface));border-color:color-mix(in srgb,var(--blue) 20%,var(--line))}
#admin-account-view .aav-balances{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px}
#admin-account-view .aav-balance{display:grid;align-content:start;gap:14px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--aav-soft)}
#admin-account-view .aav-balance[data-featured=true]{border-color:color-mix(in srgb,var(--green) 30%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--green) 11%,var(--surface)),color-mix(in srgb,var(--green) 3%,var(--surface)))}
#admin-account-view .aav-balance-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}
#admin-account-view .aav-balance-label svg{width:17px;height:17px;opacity:.8;flex:none}
#admin-account-view .aav-balance[data-featured=true] .aav-balance-label svg{color:var(--green);opacity:1}
#admin-account-view .aav-balance strong{font-size:30px;line-height:1.15;letter-spacing:-.045em;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#admin-account-view .aav-balance small{font-size:10px;color:var(--muted);line-height:1.6}
#admin-account-view .aav-sync{display:flex;align-items:flex-start;gap:7px;margin-top:15px;color:var(--muted)}
#admin-account-view .aav-sync svg{width:12px;height:12px;margin-top:3px;flex:none}
#admin-account-view #aav-freshness{font-size:10px;margin:0}
#admin-account-view #aav-freshness[data-stale=true]{color:var(--amber)}
#admin-account-view .aav-space-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}
#admin-account-view #aav-context{font-size:10px;margin:0;color:var(--muted)}
#admin-account-view .aav-section{border:1px solid var(--line);border-radius:14px;margin:0 0 18px;background:var(--surface);overflow:hidden;min-width:0}
#admin-account-view .aav-section-heading{display:flex;align-items:center;gap:12px;padding:20px 22px;min-width:0}
#admin-account-view .aav-section-heading>div{min-width:0}
#admin-account-view .aav-section-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--aav-soft)}
#admin-account-view .aav-section-icon svg{width:16px;height:16px}
#admin-account-view .aav-section-heading h3{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px;line-height:1.4;margin:0 0 3px;font-weight:600;letter-spacing:-.02em}
#admin-account-view .aav-section-heading p{font-size:10px;margin:0;color:var(--muted)}
#admin-account-view .aav-count{display:inline-grid;place-items:center;min-width:21px;height:20px;padding:0 6px;border:1px solid var(--line);background:var(--aav-soft);border-radius:5px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}
#admin-account-view .aav-section-tag{margin-left:auto;font-size:8px;line-height:1.5;letter-spacing:.08em;color:var(--muted);white-space:nowrap}
#admin-account-view .table-wrap{overflow-x:auto;max-height:none;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
#admin-account-view table{width:100%;min-width:0;border-collapse:collapse;font-size:12px;background:transparent}
#admin-account-view th,#admin-account-view td{padding:15px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);font-size:12px}
#admin-account-view th{background:var(--aav-soft);color:var(--muted);font-size:10px;font-weight:550;text-transform:none;letter-spacing:0;position:static}
#admin-account-view th:first-child,#admin-account-view td:first-child{padding-left:22px}
#admin-account-view th:last-child,#admin-account-view td:last-child{padding-right:22px}
#admin-account-view td{font-variant-numeric:tabular-nums;vertical-align:middle}
#admin-account-view tbody tr:last-child td{border-bottom:0}
#admin-account-view tbody tr:hover{background:var(--aav-soft)}
#admin-account-view .aav-contract{display:grid;gap:5px;min-width:155px}
#admin-account-view .aav-contract strong{font-size:12px;font-weight:550;color:var(--ink)}
#admin-account-view .aav-contract small{font-size:10px;color:var(--muted);line-height:1.4}
#admin-account-view .aav-pnl{font-weight:600;white-space:nowrap}
#admin-account-view .aav-pnl[data-tone=positive]{color:var(--green)}
#admin-account-view .aav-pnl[data-tone=negative]{color:var(--red)}
#admin-account-view .aav-section-note{margin:0;padding:14px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;background:var(--aav-soft)}
#admin-account-view table.aav-empty thead{display:none}
#admin-account-view .aav-empty-cell{padding:24px!important;text-align:center;white-space:normal}
#admin-account-view .aav-empty-message{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:2px 0}
#admin-account-view .aav-empty-symbol{display:grid;place-items:center;line-height:1;width:30px;height:30px;margin-bottom:3px;border:1px solid var(--line);border-radius:9px;background:var(--aav-soft);color:var(--muted)}
#admin-account-view .aav-empty-message strong{font-size:11px;font-weight:500;color:var(--ink)}
#admin-account-view .aav-empty-message small{font-size:10px;color:var(--muted)}
#admin-account-view .aav-footer{display:flex;gap:8px;align-items:flex-start;padding:2px 0 22px;color:var(--muted)}
#admin-account-view .aav-footer svg{width:13px;height:13px;flex:none;margin-top:3px}
#admin-account-view .aav-footer p{font-size:10px;margin:0;line-height:1.7}
#admin-account-view.aav-loading .aav-updated{display:flex;align-items:center;gap:7px}
#admin-account-view.aav-loading .aav-updated::before{content:'';width:10px;height:10px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;flex:none}
@media(max-width:1000px){
 #admin-account-view{width:calc(100vw - 28px)}
 #admin-account-view .aav-heading{padding:22px}
 #admin-account-view .aav-body{padding:22px 22px 0}
 #admin-account-view .aav-overview{padding:20px}
 #admin-account-view .aav-balance{padding:18px}
 #admin-account-view .aav-balance strong{font-size:26px}
 #admin-account-view .aav-space-context{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
 #admin-account-view{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:15px}
 #admin-account-view .aav-heading{padding:18px;gap:16px;flex-wrap:wrap}
 #admin-account-view .aav-person{gap:12px;width:100%}
 #admin-account-view .aav-avatar{width:44px;height:44px;flex-basis:44px;border-radius:13px;font-size:15px}
 #admin-account-view h2{font-size:21px}
 #admin-account-view #aav-user{font-size:11px}
 #admin-account-view .aav-heading-actions{width:100%;justify-content:space-between;gap:10px}
 #admin-account-view .aav-heading-actions .button{min-height:36px;padding:8px 11px;font-size:11px}
 #admin-account-view .aav-readonly{font-size:10px;padding:5px 9px}
 #admin-account-view .aav-body{padding:18px 14px 0}
 #admin-account-view .aav-filters{grid-template-columns:1fr;gap:12px;margin-bottom:12px}
 #admin-account-view #aav-refresh{justify-self:stretch}
 #admin-account-view .aav-updated{font-size:9px;margin-bottom:16px}
 #admin-account-view .aav-overview{padding:17px;margin-bottom:18px}
 #admin-account-view .aav-account-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}
 #admin-account-view .aav-account-heading h3{font-size:18px}
 #admin-account-view .aav-balances{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #admin-account-view .aav-balance{padding:14px 12px;gap:11px}
 #admin-account-view .aav-balance[data-featured=true]{grid-column:1/-1;padding:18px}
 #admin-account-view .aav-balance strong{font-size:23px}
 #admin-account-view .aav-balance[data-featured=true] strong{font-size:31px}
 #admin-account-view .aav-balance-label{font-size:10px;gap:7px}
 #admin-account-view .aav-balance-label svg{width:14px;height:14px}
 #admin-account-view .aav-balance small{font-size:9px}
 #admin-account-view .aav-space-context{gap:10px;margin-top:15px;padding-top:14px}
 #admin-account-view .aav-section-heading{padding:17px 15px;gap:10px;flex-wrap:wrap}
 #admin-account-view .aav-section-heading>div{flex:1}
 #admin-account-view .aav-section-heading h3{font-size:13px}
 #admin-account-view .aav-section-heading p{font-size:9px}
 #admin-account-view .aav-section-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px}
 #admin-account-view .aav-section-tag{flex:0 0 calc(100% - 40px);margin-left:40px}
 #admin-account-view table,#admin-account-view tbody{display:block;min-width:0;width:100%}
 #admin-account-view thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 #admin-account-view tbody{padding:0 15px}
 #admin-account-view tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:17px 0;border-bottom:1px solid var(--line)}
 #admin-account-view tbody tr:last-child{border-bottom:0}
 #admin-account-view td,#admin-account-view td:first-child,#admin-account-view td:last-child{display:grid;align-content:start;gap:5px;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:11px;min-width:0}
 #admin-account-view td::before{content:attr(data-label);font-size:9px;color:var(--muted);font-weight:400}
 #admin-account-view td.aav-contract-cell{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid var(--line);grid-row:1}
 #admin-account-view .aav-contract{min-width:0;gap:5px}
 #admin-account-view .aav-contract small{font-size:9px;overflow-wrap:anywhere}
 #admin-account-view .aav-contract strong{font-size:13px}
 #admin-account-view .aav-section-note{padding:13px 15px;font-size:9px}
 #admin-account-view .aav-empty tr{grid-template-columns:1fr;padding:0}
 #admin-account-view .aav-empty-cell{display:block;padding:22px 4px!important}
 #admin-account-view .aav-empty-cell::before{display:none}
 #admin-account-view .aav-footer p{font-size:9px}
}
@media(prefers-reduced-motion:no-preference){
 #admin-account-view[open]{animation:aav-enter .16s ease-out}
 #admin-account-view.aav-loading .aav-updated::before{animation:aav-spin .8s linear infinite}
 @keyframes aav-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
 @keyframes aav-spin{to{transform:rotate(360deg)}}
}
