@import url('./tokens.css');

.order-actions {margin:18px 0;padding:16px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface)}
.order-action-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.order-action-list > div {min-width:0}
.order-action-list button {width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere}
.order-action-list p,.order-action-list small {display:block;margin:8px 0 0;color:var(--admin-muted);font-size:var(--admin-type-small);line-height:1.5}
.order-action-list .order-action-danger {border-color:var(--admin-bad-line);color:var(--admin-bad)}
.order-actions [role=status] {margin:12px 0 0;font-size:var(--admin-type-small);line-height:1.5}
.order-actions [role=status]:empty {display:none}
/* Product UI tokens. Status colours are accents; the workspace stays graphite. */
:root{
 --ops-bg:var(--admin-canvas);--ops-surface:var(--admin-surface);--ops-raised:var(--admin-raised);--ops-input:var(--admin-inset);
 --ops-line:var(--admin-line);--ops-line-soft:var(--admin-line-soft);--ops-text:var(--admin-text);--ops-muted:var(--admin-muted);
 --ops-radius:14px;--ops-shadow:0 8px 24px color-mix(in srgb, var(--admin-shadow) 13.33%, transparent),0 1px 0 color-mix(in srgb, var(--admin-white) 1.57%, transparent) inset;
 --bg:var(--ops-bg);--panel:var(--ops-surface);--line:var(--ops-line);--muted:var(--ops-muted);--text:var(--ops-text);
}
html:has(>body>.stardust){background:var(--ops-bg)}
body{background:var(--ops-bg);color:var(--ops-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{transition:background .14s,border-color .14s,box-shadow .14s}
button:disabled{cursor:default;opacity:.5}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--admin-focus);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.live-banner{min-height:38px;gap:14px;padding:7px 24px;background:var(--admin-inset);border-color:var(--ops-line-soft);font-size:var(--admin-type-caption);box-sizing:border-box}
.live-banner strong{border:1px solid var(--admin-line);border-radius:5px;padding:3px 7px;font-weight:500;white-space:nowrap}
.live-banner #source-label{color:var(--admin-quiet)}
.live-banner>a{margin-left:auto;color:var(--admin-muted)}
.live-banner button{margin-left:0;padding:5px 10px;font-size:var(--admin-type-caption);background:transparent}
body:not(.auth-screen) .live-status{background:var(--admin-inset);border-color:var(--ops-line-soft);min-height:72px;padding:14px 28px}
.workspace-heading{display:grid;gap:6px;min-width:0}
.workspace-breadcrumb{font-size:var(--admin-type-caption);color:var(--admin-meta)}
.workspace-breadcrumb strong{font-weight:500;color:var(--admin-secondary)}
#load-status{font-size:var(--admin-type-caption);line-height:1.5;color:var(--admin-quiet)}
#reload{font-size:var(--admin-type-caption);border:1px solid var(--admin-line-strong);border-radius:8px;padding:8px 12px;background:var(--admin-raised);white-space:nowrap}
body:not(.auth-screen) .live-workspace main{padding:28px 30px 44px}
.live-workspace .titlebar,.live-workspace .heading{margin-bottom:22px;align-items:center}
.live-workspace h1{font-size:var(--admin-type-display);font-weight:620;letter-spacing:-1px;line-height:1.18;margin:6px 0}
.live-workspace h2{font-size:var(--admin-type-subheading);font-weight:600;letter-spacing:-.2px}
.live-workspace .label,.live-workspace .eyebrow{font-size:var(--admin-type-caption);color:var(--admin-meta);letter-spacing:1.7px}
.live-workspace :is(.live-panel,.exchange-card,.panel,.chat-card,.list,.account-card){background:linear-gradient(140deg,var(--admin-surface),var(--admin-surface));border:1px solid var(--ops-line);border-radius:var(--ops-radius);box-shadow:var(--ops-shadow);animation:none;overflow:hidden}
.live-workspace :is(.exchange-card-head,.panel-head){padding:18px 20px;margin:0;border-bottom:1px solid var(--ops-line-soft);align-items:center;flex-wrap:wrap;gap:12px}
.live-workspace .panel{padding:0}
.live-workspace .panel>p{padding:0 20px}
.live-workspace .panel .owner-scope{padding:0 20px 14px;margin:0}
.live-workspace .panel-head .owner-scope{padding:0;margin:6px 0 0}
.live-workspace .panel .incident{margin:0 20px}
.live-workspace .live-panel{padding:20px}
.live-workspace .exchange-tabs{border-bottom:1px solid var(--ops-line);gap:3px;padding:0 0 6px;align-items:stretch}
.live-workspace .exchange-tabs :is(a,button){border:0;border-radius:7px;padding:10px 14px;font-size:var(--admin-type-caption);color:var(--admin-quiet);background:transparent;white-space:nowrap}
.live-workspace .exchange-tabs :is(a[aria-current],button[aria-pressed=true]){background:var(--admin-hover);color:var(--admin-text);box-shadow:0 1px 0 var(--admin-shadow) inset}
.live-workspace :is(.subnav,.tabs)>button{font-size:var(--admin-type-caption);padding:8px 12px;border-radius:7px;background:var(--admin-surface);border-color:var(--admin-line);color:var(--admin-muted)}
.live-workspace :is(.subnav,.tabs)>button[aria-pressed=true]{background:var(--admin-text);color:var(--admin-inverse);border-color:var(--admin-text)}
.live-workspace :is(.live-tools,.search){gap:12px;margin:18px 0}
.live-workspace :is(.live-tools,.search,.book-filters,.exchange-filters) :is(input,select){background:var(--admin-inset);border:1px solid var(--admin-line-strong);border-radius:8px;min-height:40px;color:var(--admin-text);font-size:var(--admin-type-caption);padding:10px 12px}
.live-workspace input::placeholder{color:var(--admin-meta)}
.live-workspace :is(.book-filters,.exchange-filters){background:var(--admin-surface);border:1px solid var(--admin-line);border-radius:11px;padding:16px;box-shadow:0 1px 0 color-mix(in srgb, var(--admin-white) 1.96%, transparent) inset;gap:12px}
.book-filters label{color:var(--admin-meta);font-size:var(--admin-type-caption)}
.live-workspace .live-table-wrap{border:1px solid var(--ops-line-soft);border-radius:10px;max-height:min(66dvh,720px);scrollbar-color:var(--admin-info-line) var(--admin-surface)}
.live-workspace .live-table{font-size:var(--admin-type-caption)}
.live-workspace .live-table th{position:sticky;top:0;z-index:1;padding:13px 16px;background:var(--admin-raised);color:var(--admin-meta);font-size:var(--admin-type-caption);text-transform:uppercase;letter-spacing:.7px;font-weight:600}
.live-workspace .live-table td{padding:16px;border-color:var(--admin-line);line-height:1.55}
.live-workspace .live-table tbody tr:hover{background:color-mix(in srgb, var(--admin-white) 1.18%, transparent)}
.live-workspace .live-table td strong{font-weight:550;color:var(--admin-text)}
.live-workspace .live-table td small{font-size:var(--admin-type-caption);color:var(--admin-meta);margin-top:5px}
.live-workspace .live-table td button{padding:7px 10px;font-size:var(--admin-type-caption);border-color:var(--admin-line-strong);background:var(--admin-hover)}
.live-workspace :is(.badge,.tag){font-size:var(--admin-type-caption);border-radius:6px;padding:4px 7px;line-height:1.4}
.live-workspace .live-metrics{gap:12px}
.live-workspace .live-metrics article{padding:18px 20px;border:1px solid var(--admin-line);border-radius:11px;background:linear-gradient(140deg,var(--admin-hover),var(--admin-surface));box-shadow:0 2px 8px color-mix(in srgb, var(--admin-shadow) 6.67%, transparent)}
.live-workspace .live-metrics strong,.live-workspace .live-metrics strong .num{font-size:var(--admin-type-display);line-height:1.15;font-weight:570;color:var(--admin-text)}
.live-workspace .live-metrics span{font-size:var(--admin-type-caption);color:var(--admin-muted)}
.live-workspace .live-note{padding:12px 15px;background:var(--admin-surface);border:1px solid var(--admin-line);border-radius:9px;font-size:var(--admin-type-caption);line-height:1.65;color:var(--admin-meta)}
.live-workspace .live-error{border-color:var(--admin-line-strong);background:var(--admin-raised);color:var(--admin-bad);border-radius:10px;font-size:var(--admin-type-caption)}
.live-workspace .empty{min-height:150px;display:grid;place-content:center;padding:28px;color:var(--admin-meta);line-height:1.7;font-size:var(--admin-type-small);background:radial-gradient(ellipse at top,var(--admin-hover),var(--admin-surface) 75%)}
.live-support .chat-card .card-head{padding:17px 18px}
.live-support .chat-log{height:clamp(300px,42dvh,480px);background:var(--admin-inset);scrollbar-color:var(--admin-info-line) var(--admin-inset)}
.live-support .chat-card.expanded .chat-log{height:auto;min-height:0;flex:1}
.live-support .bubble{border:1px solid var(--admin-line);background:var(--admin-raised);border-radius:3px 12px 12px 12px;font-size:var(--admin-type-small);line-height:1.6;padding:11px 13px}
.live-support .ours .bubble{background:var(--admin-line);border-color:var(--admin-line-strong);border-radius:12px 3px 12px 12px}
.live-support .message .by{color:var(--admin-meta);font-size:var(--admin-type-caption)}
.live-support .sale-tabs{background:var(--admin-surface);border-color:var(--admin-line)}
.live-support .sale-tabs button{border-radius:6px;font-size:var(--admin-type-caption)}
.live-support .sale-tabs button[aria-pressed=true]{background:var(--admin-line);border-color:var(--admin-line-strong)}
.live-support .workrow{padding:18px 20px;border-color:var(--admin-line);background:transparent}
.live-support a.workrow:hover{background:var(--admin-hover)}
.live-support .workrow-head{background:var(--admin-raised);font-size:var(--admin-type-caption);color:var(--admin-meta)}
.live-support .next{border-radius:11px;background:var(--admin-raised);border-color:var(--admin-line-strong)}
.live-workspace .book-decision-grid{padding:18px;gap:12px}
.live-workspace .book-decision-grid article{background:var(--admin-surface);border:1px solid var(--admin-line);border-radius:9px;padding:15px}
.live-workspace .book-decision-grid p{font-size:var(--admin-type-caption);line-height:1.7;color:var(--admin-secondary)}
.finance-result strong,.finance-result strong .num{font-size:var(--admin-type-metric);letter-spacing:-1px}
.finance-chart{border-top:1px solid var(--ops-line-soft)}
.finance-chart details{font-size:var(--admin-type-caption);color:var(--admin-meta)}
.finance-chart .chart-labels{font-size:var(--admin-type-caption)}
#live-detail{border:0;border-radius:16px;background:var(--admin-raised);box-shadow:0 24px 100px color-mix(in srgb, var(--admin-shadow) 60.00%, transparent)}
.live-dialog-head{position:sticky;top:0;z-index:2;background:var(--admin-raised);border-color:var(--admin-line-strong);padding:16px 22px}
.live-dialog-head h2{font-size:var(--admin-type-subheading)}
#detail-content{font-size:var(--admin-type-small);padding:24px}
#section-picker{width:min(560px,calc(100% - 28px));background:var(--admin-raised);border:0;border-radius:16px;box-shadow:0 25px 90px color-mix(in srgb, var(--admin-shadow) 60.00%, transparent);max-height:80dvh;padding:0}
.picker-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}
.picker-head h2{font-size:var(--admin-type-subheading)}
#section-search{display:block;width:calc(100% - 40px);margin:0 20px 16px;box-sizing:border-box;border:1px solid var(--admin-line-strong);border-radius:8px;background:var(--admin-inset);padding:12px;color:var(--admin-text);font-size:var(--admin-type-body)}
#section-results{display:grid;gap:4px;padding:0 12px 12px;height:auto;overflow:auto;max-height:52dvh}
#section-results a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:9px;color:var(--admin-secondary)}
#section-results a:hover{background:var(--admin-line)}
#section-results svg{width:20px;height:20px;flex:none;color:var(--admin-meta)}
#section-results a>span:nth-child(2){flex:1}
#section-results strong{font-size:var(--admin-type-small);font-weight:550}
#section-results small{font-size:var(--admin-type-caption);color:var(--admin-meta);margin-top:4px}
.picker-empty{padding:20px;color:var(--admin-muted);font-size:var(--admin-type-small)}
.admin-loading{padding:10px 0;min-height:55dvh}
.admin-loading>p{font-size:var(--admin-type-caption);color:var(--admin-meta);margin:0 0 20px}
.admin-loading{--skeleton-base:var(--admin-raised);--skeleton-sheen:var(--admin-hover)}
.admin-skeleton,.admin-skeleton-strip i{display:block;border:1px solid var(--admin-line);border-radius:10px}
.admin-skeleton.heading{height:32px;width:36%;margin-bottom:24px}
.admin-skeleton-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.admin-skeleton-strip i{height:96px}
.admin-skeleton.surface{height:270px}
.admin-state{min-height:45dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;border:1px solid var(--admin-line);border-radius:14px;background:radial-gradient(ellipse at top,var(--admin-hover),var(--admin-surface) 70%)}
.admin-state-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--admin-line);border:1px solid var(--admin-line-strong);border-radius:14px;font-size:var(--admin-type-display);color:var(--admin-meta);margin-bottom:20px}
.admin-state p{max-width:480px;color:var(--admin-meta);font-size:var(--admin-type-small);line-height:1.7}
.admin-state button{margin-top:12px;background:var(--admin-text);color:var(--admin-inverse);border-color:var(--admin-text);padding:10px 16px;border-radius:8px}
.compact-ui .live-workspace .live-table td{padding:10px 12px}
.compact-ui .live-workspace .live-table th{padding:10px 12px}
.compact-ui .live-support .workrow{padding:12px 16px}
.compact-ui .live-workspace .live-metrics article{padding:14px 16px}
@media(max-width:1050px){.live-workspace .book-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
 .live-banner{padding:8px 14px;gap:8px;font-size:var(--admin-type-caption)}
 .live-banner #source-label{flex:1;min-width:120px}
 body:not(.auth-screen) .live-nav{padding:16px 14px;gap:14px}
 body:not(.auth-screen) .live-nav .brand{font-size:var(--admin-type-title);padding:0}
 .section-picker-trigger,.nav-bottom,.nav-group{display:none}
 body:not(.auth-screen) .live-nav nav{padding:0 0 6px;gap:5px}
 body:not(.auth-screen) .live-nav nav>a{padding:9px 11px;gap:7px;font-size:var(--admin-type-caption)}
 .live-nav svg{width:16px;height:16px}
 body:not(.auth-screen) .live-status{padding:12px 16px;min-height:65px}
 body:not(.auth-screen) .live-workspace main{padding:22px 16px 36px}
 .live-workspace h1{font-size:var(--admin-type-display)}
 .live-workspace .book-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .live-workspace .live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .live-workspace .live-metrics article{padding:14px}
 .live-workspace .live-metrics strong,.live-workspace .live-metrics strong .num{font-size:var(--admin-type-title)}
 .live-workspace .live-table td{padding:12px}
 .live-support .chat-log{height:340px}
 .live-workspace :is(.exchange-card-head,.panel-head){padding:16px}
 .admin-skeleton-strip{gap:8px}.admin-skeleton-strip i{height:76px}
 .admin-state{padding:24px 18px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Overview: three concise islands, diagnostics stay on the system screen. */
.overview-intro{color:var(--admin-quiet);margin:-6px 0 26px;font-size:var(--admin-type-body)}
.overview-islands{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.overview-island{min-width:0;background:linear-gradient(140deg,var(--admin-raised),var(--admin-surface));border:1px solid var(--admin-line);border-radius:18px;box-shadow:0 2px 8px color-mix(in srgb, var(--admin-shadow) 9%, transparent);overflow:hidden}
.overview-system{grid-column:1/-1}
.overview-island-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--admin-line)}
.overview-island-head h2{display:flex;align-items:center;gap:10px;margin:0;font-size:var(--admin-type-subheading);font-weight:600}
.overview-island-head svg{height:19px;width:19px;color:var(--admin-muted);flex-shrink:0}
.overview-island a{color:var(--admin-secondary);font-size:var(--admin-type-caption);text-decoration:none}
.overview-island a:hover{color:var(--admin-text);text-decoration:underline}
.overview-system-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:28px 24px}
.overview-eyebrow,.overview-metric>span{display:block;font-size:var(--admin-type-caption);color:var(--admin-muted);margin-bottom:12px}
.overview-current>div{display:flex;align-items:center;gap:12px}
.overview-current strong{font-size:var(--admin-type-display);line-height:1.3;overflow-wrap:anywhere}
.overview-current p{color:var(--admin-quiet);font-size:var(--admin-type-caption);line-height:1.6;margin:14px 0 0;max-width:420px}
.overview-stability{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-left:1px solid var(--admin-line);padding-left:28px}
.overview-metric{min-width:0}
.overview-metric strong{display:block;font-size:clamp(var(--admin-type-title),2.3vw,var(--admin-type-metric));line-height:1.25;font-weight:600;letter-spacing:-.7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.overview-metric strong.neutral{color:var(--admin-text)}
.overview-metric small{display:block;font-size:var(--admin-type-caption);line-height:1.5;color:var(--admin-meta);margin-top:9px}
.overview-metric .overview-growth{color:var(--admin-secondary)}
.overview-trade-metrics,.overview-people-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;padding:26px 24px}
.overview-trade-metrics .overview-metric:last-child,.overview-people-metrics .overview-metric:last-child{grid-column:1/-1;border-top:1px solid var(--admin-line);padding-top:20px}
.overview-island footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px;border-top:1px solid var(--admin-line);color:var(--admin-quiet);font-size:var(--admin-type-caption)}
@media(min-width:1500px){.overview-trade-metrics,.overview-people-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-trade-metrics .overview-metric:last-child,.overview-people-metrics .overview-metric:last-child{grid-column:auto;border:0;padding:0}}
@media(max-width:1000px){.overview-islands{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.overview-island-head{padding:18px;align-items:flex-start}.overview-island-head h2{font-size:var(--admin-type-body)}.overview-island-head a{max-width:110px;text-align:right}.overview-system-body{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:24px}.overview-stability{border-left:0;border-top:1px solid var(--admin-line);padding:20px 0 0;gap:16px}.overview-trade-metrics,.overview-people-metrics{padding:22px 18px;gap:24px 16px}.overview-island footer{padding:16px 18px}.overview-current strong{font-size:var(--admin-type-title)}}

/* Group queue: independently accessible purchase/sale files; no nested links. */
.live-support .workrow.queue-order-row{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(250px,1fr) minmax(250px,1fr);gap:22px;align-items:start}
.queue-reference>a{display:block;color:var(--admin-text);text-decoration:none}
.queue-reference>a:hover{text-decoration:underline}
.queue-side+.queue-side{border-top:1px solid var(--admin-line);margin-top:18px;padding-top:18px}
.queue-side-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;overflow-wrap:anywhere}
.queue-side-head strong{font-size:var(--admin-type-small)}
.queue-side-channel{display:block;color:var(--admin-muted);margin:7px 0 12px}
.order-settlement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.order-settlement div{min-width:0}.order-settlement dt{font-size:var(--admin-type-caption);color:var(--admin-meta)}.order-settlement dd{margin:5px 0 0;font-size:var(--admin-type-body);overflow-wrap:anywhere;color:var(--admin-text)}
.order-evidence{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.evidence-file{display:inline-flex;padding:7px 10px;border:1px solid var(--admin-line-strong);border-radius:7px;color:var(--admin-text)!important;background:var(--admin-hover);font-size:var(--admin-type-caption);text-decoration:none}
.evidence-file:hover{background:var(--admin-line)}.evidence-missing{color:var(--admin-meta);font-size:var(--admin-type-caption)}
.chat-card>.order-evidence,.chat-card>.order-settlement{margin:14px 20px}
@media(max-width:1050px){.live-support .workrow.queue-order-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.queue-order-row>.queue-reference{grid-column:1/-1}.live-support .workrow-head.queue-order-row{display:none}}
@media(max-width:600px){.live-support .workrow.queue-order-row{grid-template-columns:minmax(0,1fr);gap:18px}.queue-order-row>div+div{border-top:1px solid var(--admin-line);padding-top:16px}}
/* Expandable groups: purchase above its sales, all evidence remains clickable. */
.queue-group-list{display:grid;gap:14px}
.queue-group{border:1px solid var(--admin-line);background:var(--admin-surface);border-radius:13px;overflow:hidden}
.queue-purchase-row{display:flex;align-items:center;gap:12px;padding:18px 18px 8px}
.queue-purchase-row>.queue-side{flex:1;min-width:0}
.queue-side{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.queue-side-label{color:var(--admin-secondary);font-size:var(--admin-type-body);font-weight:600;min-width:80px}
.queue-sale-row .queue-side-label{color:var(--admin-secondary)}
.queue-side-head{display:flex;gap:12px;align-items:center}
.queue-side .queue-side-channel{margin:0;border-radius:5px;background:var(--admin-line);padding:5px 8px;font-size:var(--admin-type-caption)}
/* Опознание по венью (29.09): заголовок — номер у венью, ниже венью словами и номер группы параметром. */
.queue-side-id{display:grid;gap:5px;min-width:0;flex:0 1 auto}
.queue-side-title{font-size:var(--admin-type-body);font-weight:600;color:var(--admin-text);font-variant-numeric:tabular-nums;letter-spacing:-.005em;overflow-wrap:anywhere}
.queue-side-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:var(--admin-type-caption);color:var(--admin-meta)}
.queue-side-venue{color:var(--admin-secondary);font-weight:600}
.group-ref{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 6px;text-align:left;min-height:26px;padding:2px 8px!important;margin:0;border:1px solid transparent!important;border-radius:6px;background:transparent!important;color:var(--admin-meta)!important;font:inherit;font-size:var(--admin-type-caption)!important;cursor:copy;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.group-ref b{white-space:nowrap;font-weight:500;color:var(--admin-secondary);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.group-ref svg{opacity:.55;transition:opacity .18s ease}
.group-ref:hover{background:var(--admin-hover)!important;border-color:var(--admin-line)!important}.group-ref:hover svg{opacity:1}
.group-ref:focus-visible{outline:2px solid var(--admin-focus);outline-offset:1px}
.group-ref[data-copied=true]{color:var(--admin-good)!important;border-color:var(--admin-good-line)!important}.group-ref[data-copied=true] b{color:var(--admin-good)}
.group-ref[data-copied=false]{color:var(--admin-bad)!important}
/* Суммы стороны одним блоком: подпись над значением, пара «оплачено / к выплате» рядом. */
.order-settlement dd{font-variant-numeric:tabular-nums}
.queue-side .order-settlement{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 22px;margin:0;padding:7px 12px;border-radius:8px;background:var(--admin-inset);border:1px solid var(--admin-line)}
.queue-side .order-settlement>div{display:grid;gap:2px}
.queue-side .order-settlement dt{font-size:var(--admin-type-caption);color:var(--admin-meta)}
.queue-side .order-settlement dd{margin:0}
.order-money-primary dd{font-weight:600;color:var(--admin-text)}
.order-money-secondary dd{color:var(--admin-secondary)}
.queue-side .order-money-note{flex-basis:100%;margin:0}
.chat-card>.order-settlement{display:flex;flex-wrap:wrap;gap:8px 28px}
.chat-card>.order-money-note{margin:-6px 20px 14px}
/* Статус с живым индикатором: точка тоном статуса, кольцо — пока сторона в работе. */
.order-status .live-dot,.sale-choice .live-dot{--live-size:7px}
.card-heading{margin:0;font-size:var(--admin-type-subheading);font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:-.01em}
.card-amount{margin:6px 0 0;color:var(--admin-secondary);font-variant-numeric:tabular-nums}
.group-title-id{display:grid;gap:8px;min-width:0}
.group-title-id h1{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.summary .order-status{display:inline-flex;margin:0;font-weight:500}
.queue-side .order-evidence{margin:0;gap:8px}
.queue-open-group{flex-shrink:0;color:var(--admin-secondary);font-size:var(--admin-type-caption);text-decoration:none}
.queue-open-group:hover{text-decoration:underline}
.queue-visit,.group-visit{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.queue-visit small,.group-visit small{color:var(--admin-meta);font-size:var(--admin-type-caption);max-width:28ch}
.group-disclosure{flex-shrink:0;min-width:32px;min-height:32px;padding:4px!important;font-size:var(--admin-type-title)!important;background:transparent!important;border:0!important}
.queue-group-meta{display:flex;gap:16px;color:var(--admin-meta);font-size:var(--admin-type-caption);padding:0 18px 14px 62px}
.queue-sale-row{padding:18px 20px 18px 62px;border-top:1px solid var(--admin-line);background:var(--admin-inset)}
.queue-sales[hidden]{display:none}
@media(max-width:720px){.queue-purchase-row{align-items:flex-start;padding:14px 12px 8px;gap:8px}.queue-side{gap:12px}.queue-side-head{flex-wrap:wrap}.queue-group-meta{padding-left:52px}.queue-sale-row{padding:18px 16px 18px 52px}.queue-open-group{font-size:var(--admin-type-caption)}.queue-side .order-settlement{flex-basis:100%;gap:12px}.queue-side .order-settlement>div{display:block}.queue-side .order-settlement dd{margin-top:4px}}

/* Directory filters share the established workspace controls. */
[data-people-form] { align-items: end; }
[data-people-form] label { min-width: 0; }
[data-people-form] input[type="checkbox"] { min-height: auto; width: auto; }
[data-people-form] input, [data-people-form] select { max-width: 100%; }

/* Axis labels keep their type size when the chart scales down. */
.finance-chart-axis{display:flex;justify-content:space-between;gap:8px;margin:8px 0 16px;font-size:var(--admin-type-caption);line-height:1.5;color:var(--admin-muted)}
.finance-chart-axis span{flex:1;min-width:0;text-align:center;overflow-wrap:anywhere}
.finance-chart-axis span:first-child{text-align:left}.finance-chart-axis span:last-child{text-align:right}

.theme-control{display:flex;align-items:center;gap:8px;font-size:var(--admin-type-caption);color:var(--admin-muted)}
.theme-control select{max-width:160px;min-height:40px;padding:7px 10px;color:var(--admin-text);background:var(--admin-surface);border:1px solid var(--admin-line-strong);border-radius:7px}
#section-results .picker-selected{background:var(--admin-raised);outline:2px solid var(--admin-focus);outline-offset:-2px}
.live-support .sale-tabs{display:flex;flex-wrap:wrap;overflow:visible;gap:8px;padding:12px;min-width:0}
.live-support .sale-tabs .sale-choice{flex:1 1 150px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.live-support .sale-choice small{white-space:normal}
.live-support .group-evidence{margin:24px 0;padding:20px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface)}
.live-support .card-channel{margin:16px 20px}.live-support .chat-card>.evidence-missing{margin:12px 20px}
.queue-channel-filter{display:flex;align-items:center;gap:10px}.queue-channel-filter select{min-height:44px;padding:8px;background:var(--admin-surface);border:1px solid var(--admin-line-strong);border-radius:6px;color:var(--admin-text)}
.queue-all-requests{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.live-workspace .exchange-tabs{flex-wrap:wrap;overflow:visible;gap:8px;height:auto}
.live-workspace .exchange-tabs button{min-width:0;white-space:normal}
@media(max-width:650px){.live-workspace .exchange-tabs button{flex:1 1 140px}.theme-control select{max-width:130px}.live-support .search{flex-wrap:wrap}.queue-channel-filter{width:100%}.queue-channel-filter select{flex:1}.live-support .group-evidence{padding:16px}}

.people-catalog .people-flag{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px;color:var(--admin-text)}.people-flag input{width:20px;height:20px;margin:0}

.picker-mobile{display:none}
.admin-preferences{position:relative;margin-inline-start:auto}
.admin-preferences summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;color:var(--admin-secondary)}
.admin-preferences summary::after{content:"";width:6px;height:6px;border-inline-end:1px solid currentColor;border-block-end:1px solid currentColor;transform:rotate(45deg)}
.admin-preferences>div{position:absolute;inset-block-start:100%;inset-inline-end:0;z-index:80;display:grid;gap:16px;width:240px;padding:16px;border:1px solid var(--admin-line-strong);border-radius:8px;background:var(--admin-surface)}
.admin-preferences>div>a{font-size:var(--admin-type-caption);color:var(--admin-secondary)}
.admin-preferences .theme-control{flex-wrap:wrap}.admin-preferences select{min-height:44px}
.live-banner #logout{min-height:44px}
.overview-single,.overview-system-single{grid-template-columns:minmax(0,1fr)}
.overview-single .overview-trade-metrics,.overview-single .overview-people-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.overview-single :is(.overview-trade-metrics,.overview-people-metrics) .overview-metric:last-child{grid-column:auto;border:0;padding:0}
.live-support .empty.empty-sales{min-height:0;padding:20px;background:var(--admin-surface);display:block}
.live-workspace .live-table :is(th,td).amount-column{text-align:right;font-variant-numeric:tabular-nums}
.live-workspace td:has(>.num){text-align:right;font-variant-numeric:tabular-nums}
/* BTN-D «перелив» главной кнопки консоли (shared/motion.css `.btn-flow`): тона семейства главной заливки,
   чернила ≥ 4.5:1 на каждом — тёмная тема (чернила #111316) #f0f1f2 16.5 · #c9d5ee 12.6 · #dfe3f7 14.6;
   светлая (чернила белые) #20252d 15.4 · #2c4c76 8.7 · #355d8a 6.8. На body — чтобы перекрыть умолчание :root. */
body{--flow-1:var(--admin-text);--flow-2:#c9d5ee;--flow-3:#dfe3f7}
:root[data-theme=light] body{--flow-2:#2c4c76;--flow-3:#355d8a}
/* Голая `.btn-flow` (без поверхности `.primary`) брала чернила из темы — светлые на светлом переливе: «Обновить
   фикстуры» выглядела выключенной (01.10). Чернила перелива — инверсия темы, как у главной заливки. */
.btn-flow.btn-flow:not(:disabled):not(:hover){color:var(--admin-inverse)}
.approval-actions .approval-primary{background:var(--admin-text);border-color:var(--admin-text);color:var(--admin-inverse);font-weight:600}
.approval-actions .approval-primary:hover:not(:disabled){background:var(--admin-secondary);border-color:var(--admin-secondary)}
.approval-actions .approval-secondary{background:transparent;color:var(--admin-secondary)}
.live-workspace :is(.live-metrics,.overview-current) strong.good{color:var(--admin-good)}
.live-workspace :is(.live-metrics,.overview-current) strong.warn{color:var(--admin-warn)}
.live-workspace :is(.live-metrics,.overview-current) strong.bad{color:var(--admin-bad)}
.admin-preferences button{min-height:44px;text-align:left}
.admin-preferences p{margin:0;line-height:1.5;color:var(--admin-muted);font-size:var(--admin-type-caption)}
.order-state-filter{display:grid;gap:6px;flex:1 1 270px;min-width:min(270px,100%);color:var(--admin-muted);font-size:var(--admin-type-caption)}
.order-state-filter select{width:100%;max-width:100%}
@media(max-width:720px){
 body:not(.auth-screen) :is(.live-workspace,dialog,.admin-preferences) :is(button,summary,a[href]){min-height:44px;min-width:44px}
 body:not(.auth-screen) :is(.live-workspace,dialog,.admin-preferences) a[href]{display:inline-flex;align-items:center}
 body:not(.auth-screen) :is(.live-workspace,dialog) summary{align-content:center}
 body:not(.auth-screen) :is(.live-workspace,dialog) label:has(input[type="checkbox"]){min-height:44px;cursor:pointer}
 .people-catalog .people-option{grid-template-columns:20px 1fr auto}.people-catalog .people-option input{width:20px;height:20px}
 .live-nav .brand{min-height:44px}
}
@media(min-width:721px){
 body:not(.auth-screen) .live-nav{height:calc(100dvh - 60px);overflow:visible;gap:12px;padding:16px 12px}
 body:not(.auth-screen) .live-nav nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--admin-line-strong) var(--admin-inset)}
 body:not(.auth-screen) .live-nav nav>a{flex-shrink:0;min-height:36px;padding:6px 10px;gap:8px}
 .live-nav .nav-group{padding:12px 10px 5px;flex-shrink:0}.live-nav .nav-group:first-child{padding-top:0}
 .live-nav>.brand,.section-picker-trigger{flex-shrink:0}
}
@media(max-width:720px){
 .live-banner{padding:4px 12px;flex-wrap:nowrap;min-height:52px}.live-banner>strong{display:none}.live-banner #source-label{min-width:0;flex:1;font-size:var(--admin-type-caption);overflow-wrap:anywhere}
 .admin-preferences{margin-inline-start:0;flex-shrink:0}.admin-preferences summary{font-size:var(--admin-type-caption)}.admin-preferences select{font-size:var(--admin-type-subheading)}
 body:not(.auth-screen) .live-nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 12px;gap:12px}
 body:not(.auth-screen) .live-nav nav{display:none}.nav-bottom,.nav-group,.picker-wide,.section-picker-trigger kbd{display:none}
 .picker-mobile{display:inline}.section-picker-trigger{display:flex;margin:0;min-height:44px;width:auto;padding:8px 12px;flex-shrink:0}
 body:not(.auth-screen) .live-nav .brand{font-size:var(--admin-type-heading)}.live-nav .brand b{width:32px;height:32px}.live-nav .brand small{display:none}
 body:not(.auth-screen) .live-status{padding:10px 12px;min-height:0;gap:8px;flex-wrap:wrap}.workspace-heading{flex:1;gap:3px}#load-status{font-size:var(--admin-type-caption)}
 #stream-status{order:3;width:100%;font-size:var(--admin-type-caption)}.refresh-detail{order:4;font-size:var(--admin-type-caption)}#reload{min-height:44px}
 .overview-single .overview-trade-metrics,.overview-single .overview-people-metrics{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:720px){
 .skip{min-height:44px;align-content:center}
 body:not(.auth-screen) :is(.live-workspace,dialog) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:44px;font-size:var(--admin-type-subheading)}
}

.workspace-load-state{display:flex;align-items:center;gap:8px}
.review-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.review-actions select{max-width:220px}
/* Курс продажи этой покупки (0700) */
.sell-price {margin:18px 0;padding:16px;border:1px solid var(--admin-line);border-radius:12px;background:var(--admin-surface)}
.sell-price dl {display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:6px 12px;margin:10px 0}
.sell-price dd {margin:0;overflow-wrap:anywhere}
.sell-price-ads {margin:8px 0;padding-left:18px;line-height:1.55;overflow-wrap:anywhere}
.sell-price-form {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin-top:12px}
.sell-price-form label {display:grid;gap:4px;font-size:var(--admin-type-small)}
.sell-price-form .live-tools {grid-column:1/-1}
.sell-price [role=status]:empty {display:none}
.sell-price .tone-positive {color:var(--admin-good)}
.sell-price .tone-negative {color:var(--admin-bad)}
.sell-price .tone-warning {color:var(--admin-warn)}

/* Переписка заявки и «Оплата клиента» в карточке (01.10). */
.order-chat{margin:16px 0;display:flex;flex-direction:column;gap:10px}
.order-chat .order-chat-log{max-height:340px;min-height:120px;overflow:auto;border:1px solid var(--admin-line-strong);border-radius:8px}
.chat-lead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid var(--admin-line-strong);border-radius:8px;padding:10px 12px}
.chat-lead p{margin:4px 0 0;font-size:var(--admin-type-caption);color:var(--admin-secondary)}
.chat-lead.negative strong{color:var(--admin-bad)}.chat-lead.positive strong{color:var(--admin-good)}
.chat-lead-actions{display:flex;gap:8px;flex-wrap:wrap}
.chat-contact{border:1px dashed var(--admin-line-strong);border-radius:8px;padding:10px 12px;font-size:var(--admin-type-caption)}
.chat-contact dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0}
.chat-contact dd{margin:0;overflow-wrap:anywhere}
.chat-compose{display:flex;flex-direction:column;gap:6px}
.chat-compose label{display:flex;flex-direction:column;gap:4px}
.chat-compose textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:64px}
.chat-compose-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.chat-compose-row small{color:var(--admin-secondary);flex:1;min-width:0}
.chat-compose [role=status]:empty{display:none}
.sell-payment ul{margin:8px 0;padding-left:18px}.sell-payment li{margin:4px 0;overflow-wrap:anywhere}
/* Переключатель продаж группы (01.10): все венью, «ждёт вас» → идёт → завершённые; блок «Отпустить крипто» в карточке продажи. */
.live-support .sale-tabs-title{flex:1 1 100%;font-size:var(--admin-type-caption);color:var(--admin-secondary)}
.live-support .sale-choice-amount{display:block;margin-top:4px;font-weight:600;font-size:var(--admin-type-caption);color:var(--admin-text)}
.live-support .sale-choice-action{display:block;margin-top:4px;font-style:normal;font-size:var(--admin-type-caption);color:var(--admin-warn)}
.live-support .sale-choice.needs-action{border-color:var(--admin-warn)}
.live-support .sale-closed{flex:1 1 100%;border-top:1px solid var(--admin-line);padding-top:8px}
.live-support .sale-closed summary{cursor:pointer;font-size:var(--admin-type-caption);color:var(--admin-secondary)}
.live-support .sale-closed-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.live-support .chat-card .release-crypto{margin:0 16px 12px}
.release-crypto-queue{border:1px solid var(--admin-line-strong);border-radius:7px;padding:8px 10px;margin:8px 0}
.release-crypto-queue p{margin:4px 0;overflow-wrap:anywhere}
.release-crypto [data-release-appeal-note]{color:var(--admin-warn);overflow-wrap:anywhere}
