:root,
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f7fc;
  --bg-soft:#edf3fb;
  --surface:rgba(255,255,255,.92);
  --surface-solid:#ffffff;
  --surface-2:#f7f9fd;
  --surface-3:#eef3fb;
  --line:#dce6f3;
  --line-strong:#cbd9ec;
  --text:#102653;
  --text-strong:#0b1d43;
  --muted:#6f82a1;
  --muted-2:#8fa0b9;
  --good:#21c47b;
  --warn:#f59b23;
  --bad:#f05263;
  --cyan:#20b7e8;
  --violet:#745cff;
  --blue:#4169f6;
  --brand-a:#4d75ff;
  --brand-b:#7b64ff;
  --shadow:0 18px 52px rgba(56,82,130,.12);
  --shadow-small:0 8px 24px rgba(56,82,130,.09);
  --glass:rgba(255,255,255,.76);
  --avatar-bg:linear-gradient(145deg,#f9fbff,#e9f1fb);
  --strict-bg:linear-gradient(100deg,#dcebff 0%,#e9fbf6 100%);
  --strict-line:#b9e7d7;
  --strict-text:#184a4b;
}
:root[data-theme="navy"]{
  color-scheme:dark;
  --bg:#071321;
  --bg-soft:#0a192b;
  --surface:rgba(13,31,52,.94);
  --surface-solid:#0d1f34;
  --surface-2:#102640;
  --surface-3:#0a1a2e;
  --line:#213f61;
  --line-strong:#2b4f75;
  --text:#eef5ff;
  --text-strong:#ffffff;
  --muted:#91a6c1;
  --muted-2:#7189a7;
  --good:#36d68a;
  --warn:#ffc258;
  --bad:#ff6b7a;
  --cyan:#4bdcff;
  --violet:#9787ff;
  --blue:#5a81ff;
  --brand-a:#5d82ff;
  --brand-b:#8d77ff;
  --shadow:0 20px 58px rgba(0,0,0,.27);
  --shadow-small:0 10px 26px rgba(0,0,0,.22);
  --glass:rgba(10,27,47,.80);
  --avatar-bg:radial-gradient(circle at 50% 40%,#1e3b5e,#0a1729);
  --strict-bg:linear-gradient(100deg,#102f46 0%,#103c35 100%);
  --strict-line:#2d6d5b;
  --strict-text:#dcfff0;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0d0f13;
  --bg-soft:#12151a;
  --surface:rgba(24,27,33,.96);
  --surface-solid:#181b21;
  --surface-2:#1d2129;
  --surface-3:#12151a;
  --line:#30343d;
  --line-strong:#404650;
  --text:#f4f5f7;
  --text-strong:#ffffff;
  --muted:#a1a7b1;
  --muted-2:#7f8793;
  --good:#3ad38d;
  --warn:#f6b94b;
  --bad:#ff6979;
  --cyan:#4cc8ee;
  --violet:#9d8cff;
  --blue:#6d8cff;
  --brand-a:#6a85ff;
  --brand-b:#9a78ff;
  --shadow:0 22px 62px rgba(0,0,0,.40);
  --shadow-small:0 10px 28px rgba(0,0,0,.30);
  --glass:rgba(20,23,29,.84);
  --avatar-bg:radial-gradient(circle at 50% 40%,#292e38,#111318);
  --strict-bg:linear-gradient(100deg,#19282e 0%,#183229 100%);
  --strict-line:#315c4b;
  --strict-text:#dcfff0;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 34% -10%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 32%),
  radial-gradient(circle at 95% 7%,color-mix(in srgb,var(--violet) 7%,transparent),transparent 23%),
  var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;transition:background .22s ease,color .22s ease}
button,input{font:inherit}
button{color:inherit}
.app-shell{min-height:100vh;padding:18px}
.topbar{min-height:66px;display:grid;grid-template-columns:auto minmax(240px,430px) 1fr;gap:22px;align-items:center;margin-bottom:15px;padding:0 4px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark,.brand-orb{display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:white;font-weight:900;box-shadow:0 10px 30px color-mix(in srgb,var(--blue) 30%,transparent)}
.brand-mark{width:44px;height:44px;border-radius:15px}
.brand-copy h1{margin:0;color:var(--text-strong);font-size:22px;letter-spacing:-.65px}
.brand-copy p{margin:2px 0 0;color:var(--muted);font-size:10px}
.global-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;background:var(--glass);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-small);backdrop-filter:blur(16px)}
.search-icon{font-size:22px;line-height:1;color:var(--muted)}
.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}
.global-search input::placeholder{color:var(--muted-2)}
.global-search kbd{border:1px solid var(--line);border-radius:7px;padding:3px 6px;background:var(--surface-2);color:var(--muted);font-size:9px}
.top-status{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
.pill,.clock,.ghost-btn,.icon-btn{background:var(--glass);border:1px solid var(--line);border-radius:13px;color:var(--text);box-shadow:var(--shadow-small);backdrop-filter:blur(16px)}
.pill{display:flex;align-items:center;gap:7px;padding:9px 11px;font-size:10px}
.clock{display:flex;flex-direction:column;align-items:center;padding:5px 12px;min-width:73px}
.clock strong{font-size:14px;color:var(--text-strong)}
.clock span{font-size:8px;color:var(--muted)}
.ghost-btn,.icon-btn{cursor:pointer;transition:.18s ease}
.ghost-btn{padding:9px 12px;font-size:10px}
.icon-btn{width:38px;height:38px;font-size:20px}
.ghost-btn:hover,.icon-btn:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--surface-solid)}
.ghost-btn.danger{color:var(--bad)}
.primary-btn{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));border:0;color:#fff;border-radius:12px;padding:11px 16px;cursor:pointer}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted-2)}
.dot.good,.status.good .dot,.agent-status.good .dot{background:var(--good);box-shadow:0 0 12px color-mix(in srgb,var(--good) 65%,transparent)}
.dot.bad,.status.bad .dot,.agent-status.bad .dot{background:var(--bad)}
.status.live .dot,.agent-status.live .dot{background:var(--cyan);box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 65%,transparent)}
.status.warn .dot,.agent-status.warn .dot{background:var(--warn)}

.main-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 330px;gap:14px;align-items:start}
.agent-rail,.right-rail{min-width:0}
.section-title{font-size:10px;color:var(--muted);letter-spacing:1px;margin:4px 0 9px 4px}
.agent-list{display:flex;flex-direction:column;gap:9px}
.agent-card{position:relative;display:grid;grid-template-columns:82px 1fr;gap:9px;padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow-small);backdrop-filter:blur(14px);transition:.18s ease;overflow:hidden}
.agent-card::after{content:"›";position:absolute;right:10px;top:10px;color:var(--muted-2);font-size:18px}
.agent-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.agent-avatar{width:78px;height:82px;background:var(--avatar-bg);border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:17px;display:grid;place-items:center;overflow:hidden}
.agent-avatar img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(28,44,72,.16));transition:transform .22s ease}
.agent-card:hover .agent-avatar img{transform:translateY(-2px) scale(1.035)}
.agent-name{padding-right:12px;color:var(--text-strong);font-weight:800;font-size:11px}
.agent-status{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-top:2px}
.agent-task{font-size:8.7px;line-height:1.38;color:var(--muted);margin-top:6px}
.agent-time{font-size:8px;color:var(--muted-2);margin-top:5px}

.dashboard{min-width:0}
.strict-banner{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--strict-line);background:var(--strict-bg);border-radius:17px;margin-bottom:11px;box-shadow:var(--shadow-small)}
.strict-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good);font-weight:900}
.strict-copy strong{display:block;color:var(--text-strong);font-size:11px;letter-spacing:.7px}
.strict-copy span{display:block;color:var(--strict-text);font-size:9px;margin-top:2px}
.strict-state{font-size:9px;font-weight:900;color:var(--good)}
.strict-banner.off{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));background:color-mix(in srgb,var(--bad) 9%,var(--surface))}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:11px}
.kpi{min-height:125px;padding:13px;border-radius:17px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-small);backdrop-filter:blur(14px)}
.kpi.good{background:linear-gradient(145deg,color-mix(in srgb,var(--good) 8%,var(--surface-solid)),var(--surface))}
.kpi.live{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 8%,var(--surface-solid)),var(--surface))}
.kpi-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;margin-bottom:9px;background:color-mix(in srgb,var(--blue) 12%,var(--surface-solid));color:var(--blue);font-size:14px}
.kpi-title{color:var(--muted);font-size:9px}
.kpi-value{color:var(--text-strong);font-size:18px;font-weight:850;letter-spacing:-.35px;margin-top:9px;min-height:45px;line-height:1.12}
.kpi-sub{font-size:8.5px;color:var(--muted);margin-top:7px;line-height:1.38}
.panel-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:11px;margin-bottom:11px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow-small);backdrop-filter:blur(14px)}
.panel.compact{padding:12px;margin-bottom:11px}
.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:11px}
.panel h2{color:var(--text-strong);font-size:13px;margin:0}
.panel p{font-size:8.8px;color:var(--muted);margin:3px 0 0}
.badge{display:inline-flex;align-items:center;border:1px solid var(--line-strong);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:4px 8px;font-size:8px;white-space:nowrap}
.badge.good{border-color:color-mix(in srgb,var(--good) 38%,var(--line));color:var(--good);background:color-mix(in srgb,var(--good) 10%,var(--surface))}
.badge.warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line));color:var(--warn);background:color-mix(in srgb,var(--warn) 11%,var(--surface))}
.badge.muted{color:var(--muted)}
.store-table{display:flex;flex-direction:column}
.table-row{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:9px;align-items:center;padding:10px 3px;border-top:1px solid var(--line);font-size:9.5px}
.table-row.table-head{color:var(--muted);font-size:8px;border-top:0}
.table-row strong{color:var(--text-strong);font-size:9.5px}
.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.quality-grid>div{padding:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}
.quality-grid span{display:block;color:var(--muted);font-size:8px}
.quality-grid strong{display:block;color:var(--text-strong);font-size:16px;margin-top:6px}
.good-text{color:var(--good)!important}
.warn-text{color:var(--warn)!important}
.bad-text{color:var(--bad)!important}
.store-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.store-card{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 4%,var(--surface-solid)),var(--surface));border:1px solid var(--line);border-radius:16px;padding:12px}
.store-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.store-card h3{color:var(--text-strong);font-size:11px;margin:0}
.store-number{color:var(--text-strong);font-size:16px;font-weight:850;margin:14px 0}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mini-grid>div{background:var(--surface-3);border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:10px;padding:8px}
.mini-grid span{display:block;color:var(--muted);font-size:7.5px}
.mini-grid strong{display:block;color:var(--text-strong);font-size:9px;margin-top:5px}

.theme-panel{position:relative}
.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.theme-option{position:relative;min-width:0;padding:7px 6px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer;transition:.18s ease}
.theme-option:hover{transform:translateY(-1px);border-color:var(--line-strong)}
.theme-option.active{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 13%,transparent)}
.theme-option strong{display:block;margin-top:5px;color:var(--text-strong);font-size:7.8px}
.theme-check{position:absolute;right:4px;bottom:4px;width:14px;height:14px;display:none;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:8px}
.theme-option.active .theme-check{display:grid}
.theme-preview{height:49px;display:flex;flex-direction:column;gap:4px;padding:7px;border-radius:8px;border:1px solid rgba(130,150,180,.25);overflow:hidden}
.theme-preview i{display:block;height:5px;border-radius:4px}
.theme-preview i:nth-child(2){width:72%}
.theme-preview i:nth-child(3){width:45%}
.light-preview{background:#fff}.light-preview i{background:#e7edf7}
.navy-preview{background:#10233d}.navy-preview i{background:#2a466a}
.dark-preview{background:#1b1d23}.dark-preview i{background:#353941}

.integration-list{display:flex;flex-direction:column;gap:6px}
.integration-row{display:flex;justify-content:space-between;gap:8px;padding:9px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.integration-row strong{display:block;color:var(--text-strong);font-size:8.6px}
.integration-row span:not(.status){display:block;color:var(--muted);font-size:7px;margin-top:3px}
.status{display:flex;align-items:center;gap:5px;font-size:7.7px;white-space:nowrap}
.status.good{color:var(--good)}
.status.warn{color:var(--warn)}
.status.bad{color:var(--bad)}
.status.live{color:var(--cyan)}
.status.muted{color:var(--muted)}
.timeline{display:flex;flex-direction:column;gap:7px}
.timeline-item{position:relative;padding:9px 9px 9px 11px;border-left:2px solid var(--line-strong);background:var(--surface-2);border-radius:0 11px 11px 0}
.timeline-item.warning{border-color:var(--warn)}
.timeline-item.critical{border-color:var(--bad)}
.timeline-item.info{border-color:var(--cyan)}
.timeline-item .time{float:right;color:var(--muted-2);font-size:7px}
.timeline-item strong{color:var(--text-strong);font-size:8px}
.timeline-item p{font-size:7px;margin-top:4px;color:var(--muted)}
.empty{color:var(--muted);font-size:8.5px;padding:8px}
.is-hidden{display:none!important}

.modal{border:1px solid var(--line-strong);background:var(--surface-solid);color:var(--text);border-radius:18px;padding:18px;width:min(430px,90vw);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.modal::backdrop{background:rgba(2,6,12,.72)}
.modal label,.login-form label{display:block;color:var(--muted);font-size:10px;margin:10px 0}
.modal input,.login-form input{display:block;width:100%;margin-top:5px;background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);border-radius:11px;padding:11px;outline:0}
.modal input:focus,.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent)}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.form-error{min-height:18px;color:var(--bad);font-size:9px;margin-top:6px}

.login-body{display:grid;place-items:center;min-height:100vh;padding:20px}
.login-shell{width:min(500px,100%)}
.login-card{padding:29px;background:var(--surface);border:1px solid var(--line-strong);border-radius:27px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.login-head{display:flex;align-items:center;gap:15px}
.brand-orb{width:63px;height:63px;border-radius:20px}
.eyebrow{font-size:8px;letter-spacing:1.35px;color:var(--blue)}
.login-card h1{color:var(--text-strong);font-size:31px;margin:5px 0 0}
.login-lead{color:var(--muted);font-size:11px;line-height:1.5;margin:18px 0}
.login-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:13px}
.login-theme-options button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:8px 5px;font-size:8.5px;cursor:pointer}
.login-theme-options button.active{background:var(--surface-solid);color:var(--text-strong);box-shadow:var(--shadow-small)}
.login-form{margin-top:18px}
.login-form button[type="submit"]{width:100%;margin-top:8px;border:0;border-radius:12px;padding:12px;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:white;font-weight:800;cursor:pointer}
.security-note{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:8px;color:var(--muted);line-height:1.5}

@media(max-width:1380px){
  .main-grid{grid-template-columns:235px minmax(0,1fr) 300px}
  .agent-card{grid-template-columns:70px 1fr}
  .agent-avatar{width:66px;height:72px}
  .agent-avatar img{width:72px;height:72px}
  .kpi-value{font-size:16px}
}
@media(max-width:1150px){
  .topbar{grid-template-columns:auto 1fr}
  .global-search{grid-column:1/-1;grid-row:2}
  .main-grid{grid-template-columns:220px minmax(0,1fr)}
  .right-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .right-rail .panel{margin:0}
  .theme-options{grid-template-columns:repeat(3,minmax(60px,1fr))}
  .kpis{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .app-shell{padding:11px}
  .topbar{display:flex;align-items:flex-start;flex-wrap:wrap}
  .top-status{width:100%;justify-content:flex-start}
  .global-search{order:3;width:100%}
  .main-grid{grid-template-columns:1fr}
  .agent-rail{order:2}
  .dashboard{order:1}
  .right-rail{order:3;grid-template-columns:1fr}
  .agent-list{display:grid;grid-template-columns:repeat(2,1fr)}
  .kpis{grid-template-columns:1fr 1fr}
  .panel-grid{grid-template-columns:1fr}
  .store-cards{grid-template-columns:1fr}
  .table-row{grid-template-columns:1.2fr repeat(2,1fr)}
  .table-row>*:nth-child(4),.table-row>*:nth-child(5){display:none}
}
@media(max-width:520px){
  .agent-list{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr}
  .brand-copy p{display:none}
  .system-pill{display:none}
}
/* AISIR-IDEAL UI v3 — interactive workspaces */
.clickable-card,.clickable-row,.clickable-tile{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.clickable-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:var(--shadow)}
.clickable-row:hover,.clickable-tile:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:color-mix(in srgb,var(--blue) 5%,var(--surface-2))}
.agent-card{position:relative;padding-right:27px}
.card-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:19px;font-weight:400}
.agent-card:hover .card-chevron{color:var(--blue);transform:translate(2px,-50%)}
.kpi{position:relative;padding-bottom:26px}
.kpi-open{position:absolute;left:13px;bottom:9px;font-size:7px;color:var(--blue);opacity:0;transition:.16s ease}
.kpi:hover .kpi-open{opacity:1}
.store-card{position:relative;padding-bottom:31px}
.store-open{position:absolute;left:12px;bottom:10px;font-size:7.4px;color:var(--blue);font-weight:700}
.integration-row{position:relative;padding-right:25px}
.row-chevron{position:absolute!important;right:8px;top:50%;transform:translateY(-50%);font-size:17px!important;color:var(--muted)!important;margin:0!important}
.clickable-tile{border-radius:13px}

.workspace-view{display:block;min-height:calc(100vh - 120px);margin-top:8px}
.workspace-view[hidden]{display:none!important}
.app-shell.workspace-open .main-grid{display:none}
.workspace-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:17px 19px;background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;box-shadow:var(--shadow);margin-bottom:13px;backdrop-filter:blur(18px)}
.workspace-back{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-strong);border-radius:12px;padding:10px 13px;cursor:pointer;font-weight:750;font-size:9px}
.workspace-back:hover{border-color:var(--blue);color:var(--blue)}
.workspace-heading{min-width:0}.workspace-eyebrow{font-size:7px;letter-spacing:1.35px;color:var(--blue);font-weight:800;margin-bottom:3px}.workspace-heading h2{font-size:21px;line-height:1.1;color:var(--text-strong);margin:0}.workspace-heading p{font-size:9px;color:var(--muted);margin:5px 0 0;line-height:1.45}.workspace-actions{display:flex;align-items:center;gap:8px}.workspace-body{display:flex;flex-direction:column;gap:12px}
.workspace-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.workspace-stat-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}.workspace-stat{min-height:105px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 3%,var(--surface-solid)),var(--surface));border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow-small);display:flex;flex-direction:column;justify-content:flex-start}.workspace-stat span{font-size:8px;color:var(--muted)}.workspace-stat strong{font-size:16px;line-height:1.12;color:var(--text-strong);margin-top:14px;overflow-wrap:anywhere}.workspace-stat small{font-size:7px;color:var(--muted-2);margin-top:7px;line-height:1.35}.workspace-stat.good{border-color:color-mix(in srgb,var(--good) 40%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--good) 7%,var(--surface-solid)),var(--surface))}.workspace-stat.warn{border-color:color-mix(in srgb,var(--warn) 38%,var(--line))}.workspace-stat.bad{border-color:color-mix(in srgb,var(--bad) 42%,var(--line))}
.workspace-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow-small);min-width:0}.workspace-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.workspace-card-head h3{font-size:13px;color:var(--text-strong);margin:0}.workspace-card-head p{font-size:8px;color:var(--muted);line-height:1.45;margin:4px 0 0}.workspace-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.workspace-list{display:flex;flex-direction:column;gap:7px}.workspace-list-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:var(--surface-2);color:var(--text);cursor:pointer}.workspace-list-row:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 5%,var(--surface-2))}.workspace-list-row strong{font-size:9px;color:var(--text-strong)}.workspace-list-row p{font-size:7.5px;color:var(--muted);margin:4px 0 0;line-height:1.4}.workspace-list-row small{display:block;margin-top:4px;font-size:7px;color:var(--bad)}
.workspace-table{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:14px}.workspace-tr{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:9px;align-items:center;padding:10px 12px;border:0;border-top:1px solid var(--line);background:var(--surface-2);color:var(--text);text-align:left;font:inherit}.workspace-tr.head{border-top:0;background:var(--surface-3);font-size:7.4px;color:var(--muted);font-weight:650}.workspace-tr.row{cursor:pointer;font-size:8.4px}.workspace-tr.row:hover{background:color-mix(in srgb,var(--blue) 6%,var(--surface-2))}.workspace-tr strong{color:var(--text-strong);font-size:8.6px}
.workspace-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.workspace-feature-grid>div{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface-2)}.workspace-feature-grid strong{font-size:9px;color:var(--text-strong)}.workspace-feature-grid p{font-size:7.5px;line-height:1.45;color:var(--muted);margin:6px 0 0}.workspace-note{padding:13px 14px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);font-size:8.5px;line-height:1.55;color:var(--text)}.workspace-error{margin-top:9px;padding:11px;border-radius:12px;border:1px solid color-mix(in srgb,var(--bad) 40%,var(--line));background:color-mix(in srgb,var(--bad) 7%,var(--surface-2));font-size:8px;color:var(--bad)}.workspace-muted{font-size:7.5px;color:var(--muted);margin:10px 2px 0}
.badge.bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--surface-2))}

@media(max-width:1400px){.workspace-stat-grid,.workspace-stat-grid.compact{grid-template-columns:repeat(3,1fr)}.workspace-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.workspace-toolbar{grid-template-columns:1fr}.workspace-actions{justify-content:flex-start}.workspace-stat-grid,.workspace-stat-grid.compact{grid-template-columns:1fr 1fr}.workspace-two{grid-template-columns:1fr}.workspace-tr{grid-template-columns:1.4fr 1fr 1fr}.workspace-tr>*:nth-child(4),.workspace-tr>*:nth-child(5),.workspace-tr>*:nth-child(6){display:none}}
@media(max-width:560px){.workspace-stat-grid,.workspace-stat-grid.compact,.workspace-feature-grid{grid-template-columns:1fr}.workspace-heading h2{font-size:18px}}


/* AISIR-IDEAL UI v4 — detailed financial metric workspaces */
.panel-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.panel-open-btn{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--blue);border-radius:10px;padding:7px 9px;font-size:7.8px;font-weight:750;cursor:pointer;white-space:nowrap}
.panel-open-btn:hover{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--surface-2));transform:translateY(-1px)}
.strict-banner[role="button"]{cursor:pointer}.strict-banner[role="button"]:hover{border-color:color-mix(in srgb,var(--good) 65%,var(--line));box-shadow:var(--shadow)}
.strict-open{display:inline!important;margin-left:8px!important;color:var(--blue)!important;font-weight:750!important;letter-spacing:0!important}
.metric-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;border-radius:20px;border:1px solid var(--line-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 9%,var(--surface-solid)),color-mix(in srgb,var(--good) 5%,var(--surface)));box-shadow:var(--shadow-small)}
.metric-hero>div>span{font-size:8px;color:var(--muted);font-weight:700;letter-spacing:.7px;text-transform:uppercase}.metric-hero>div>strong{display:block;color:var(--text-strong);font-size:30px;line-height:1.06;margin-top:10px;overflow-wrap:anywhere}.metric-hero>div>p{font-size:8.5px;color:var(--muted);line-height:1.5;margin:10px 0 0}
.formula-card{overflow:hidden}.formula-main{padding:14px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--blue) 5%,var(--surface-2));color:var(--text-strong);font-size:11px;font-weight:800;line-height:1.55}.formula-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.formula-parts>div{padding:10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.formula-parts span{display:block;color:var(--muted);font-size:7px}.formula-parts strong{display:block;color:var(--text-strong);font-size:8.3px;line-height:1.4;margin-top:5px}
.metric-table{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:14px}.metric-row{display:grid;grid-template-columns:1.25fr 1.15fr .85fr 1fr;gap:10px;align-items:center;width:100%;padding:11px 12px;border:0;border-top:1px solid var(--line);background:var(--surface-2);color:var(--text);text-align:left;font:inherit}.metric-row.head{border-top:0;background:var(--surface-3);font-size:7.4px;color:var(--muted);font-weight:700}.metric-row:not(.head){cursor:pointer;font-size:8.5px}.metric-row:not(.head):hover{background:color-mix(in srgb,var(--blue) 6%,var(--surface-2))}.metric-row strong{color:var(--text-strong);font-size:8.8px}.metric-link{color:var(--blue);font-size:7.6px;font-weight:750}
.audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hash-line{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px}.hash-line span{font-size:7.5px;color:var(--muted);white-space:nowrap}.hash-line code{font-size:7.3px;color:var(--text-strong);overflow-wrap:anywhere}
.profit-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.breakdown-grid>div{padding:9px;border:1px solid var(--line);background:var(--surface-2);border-radius:11px}.breakdown-grid span{display:block;color:var(--muted);font-size:7px}.breakdown-grid strong{display:block;color:var(--text-strong);font-size:8px;margin-top:5px;overflow-wrap:anywhere}
@media(max-width:1300px){.profit-breakdown{grid-template-columns:1fr}.audit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.metric-hero{flex-direction:column}.metric-hero>div>strong{font-size:23px}.formula-parts{grid-template-columns:1fr}.metric-row{grid-template-columns:1.25fr 1fr}.metric-row>*:nth-child(3),.metric-row>*:nth-child(4){display:none}.audit-grid{grid-template-columns:1fr}.panel-head-actions{justify-content:flex-start}}

/* AISIR-IDEAL UI v4 — все основные блоки открываются */
.brand-button{appearance:none;border:0;background:transparent;color:inherit;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit}
.brand-button:hover .brand-copy h1{color:var(--blue)}
.system-open{font:inherit;cursor:pointer;color:var(--text);transition:.16s ease}
.system-open:hover{border-color:var(--blue);transform:translateY(-1px)}
.panel-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.workspace-stat.clickable-tile{cursor:pointer;position:relative;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.workspace-stat.clickable-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:var(--shadow)}
.workspace-stat-open{display:block;margin-top:auto;padding-top:9px;color:var(--blue);font-size:7px;font-style:normal;font-weight:800}
.workspace-list-row>span:last-child:not(.status):not(.badge){color:var(--muted);font-size:7px;text-align:right}
.kpi{overflow:hidden}
.kpi-value{font-size:clamp(14px,1.12vw,18px);overflow-wrap:anywhere;word-break:normal}
.kpi-open,.store-open{font-size:7px;font-weight:800;color:var(--blue)}
@media(max-width:1380px){.panel-open-btn{padding:6px 8px}.kpi-value{font-size:14px}}


/* =========================================================
   AISIR-IDEAL UI v7 — FBS-inspired clarity layer
   Keeps all logic intact; changes only presentation.
   ========================================================= */

[hidden]{display:none!important}
.app-shell.workspace-open{min-height:auto!important}
.app-shell.workspace-open + .workspace-view{margin:0!important}

/* Clearer typography and spacing */
body{
  font-size:14px;
  background:var(--bg);
}
.app-shell{padding:0!important;min-height:100vh}
.topbar{
  position:sticky;top:0;z-index:60;
  min-height:76px;
  margin:0!important;
  padding:13px 22px!important;
  background:var(--surface-solid);
  border-bottom:1px solid var(--line);
  box-shadow:0 2px 12px rgba(24,46,82,.05);
}
.brand-mark{width:46px!important;height:46px!important;border-radius:13px!important}
.brand-copy h1{font-size:22px!important;letter-spacing:-.45px!important}
.brand-copy p{font-size:10.5px!important}
.global-search{
  height:46px!important;border-radius:12px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
}
.global-search input{font-size:13px!important}
.top-status .pill,.top-status .clock,.top-status .ghost-btn,.top-status .icon-btn{
  min-height:42px;
}

/* FBS-like three-column layout */
.main-grid{
  grid-template-columns:286px minmax(0,1fr) 316px!important;
  gap:18px!important;
  padding:0 18px 24px 0;
  align-items:start;
}
.agent-rail{
  position:sticky;top:76px;
  min-height:calc(100vh - 76px);
  padding:22px 14px 24px 16px;
  background:#101a2d;
  border-right:1px solid #1f304a;
  border-radius:0 0 18px 0;
  box-shadow:8px 0 28px rgba(12,25,45,.08);
}
.section-title{
  color:#7890b2!important;
  font-size:10px!important;
  font-weight:800;
  letter-spacing:1.35px!important;
  margin:0 8px 12px!important;
}
.agent-list{gap:8px!important}
.agent-card{
  grid-template-columns:62px minmax(0,1fr)!important;
  min-height:104px;
  gap:11px!important;
  padding:10px 28px 10px 10px!important;
  border-radius:13px!important;
  background:#15233a!important;
  border:1px solid #223754!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.agent-card:hover{
  transform:none!important;
  background:#1a2c48!important;
  border-color:#31527d!important;
  box-shadow:none!important;
}
.agent-avatar{
  width:60px!important;height:72px!important;
  border-radius:12px!important;
  border:0!important;
  background:linear-gradient(180deg,#1b3150,#12243c)!important;
}
.agent-avatar img{width:68px!important;height:68px!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22))!important}
.agent-name{color:#fff!important;font-size:13px!important;line-height:1.15}
.agent-status{font-size:10px!important;color:#a7b7cd!important}
.agent-task{font-size:10.7px!important;line-height:1.38!important;color:#aebdd0!important;margin-top:6px!important}
.agent-time{font-size:9.5px!important;color:#7188a8!important}
.card-chevron{color:#8195b1!important;font-size:18px!important}

.dashboard{padding:20px 0 0 0}
.right-rail{padding:20px 0 0 0}
.strict-banner{
  border-radius:14px!important;
  padding:13px 16px!important;
  box-shadow:none!important;
  margin-bottom:14px!important;
}
.strict-copy strong{font-size:12.5px!important}
.strict-copy span{font-size:10.5px!important}

.kpis{gap:12px!important;margin-bottom:14px!important}
.kpi{
  min-height:136px!important;
  padding:16px!important;
  border-radius:14px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  border-color:var(--line)!important;
}
.kpi-icon{width:30px!important;height:30px!important;border-radius:9px!important}
.kpi-title{font-size:10.5px!important;font-weight:700}
.kpi-value{
  font-size:clamp(17px,1.13vw,22px)!important;
  line-height:1.12!important;
  margin-top:11px!important;
  min-height:48px!important;
}
.kpi-sub{font-size:10px!important;line-height:1.42!important}
.kpi-open{font-size:9px!important;bottom:10px!important;opacity:.9!important}

.panel-grid{gap:14px!important;margin-bottom:14px!important}
.panel{
  border-radius:15px!important;
  padding:16px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.panel.compact{padding:14px!important;margin-bottom:12px!important}
.panel-head{margin-bottom:13px!important}
.panel h2{font-size:15px!important;letter-spacing:-.15px}
.panel p{font-size:10.5px!important;line-height:1.4}
.panel-open-btn{
  padding:7px 10px!important;
  font-size:9px!important;
  border-radius:9px!important;
}

.table-row{
  grid-template-columns:1.3fr repeat(4,1fr)!important;
  min-height:48px;
  padding:11px 4px!important;
  font-size:11.5px!important;
}
.table-row.table-head{
  font-size:9.5px!important;
  text-transform:uppercase;
  letter-spacing:.45px;
  font-weight:750;
}
.table-row strong{font-size:11.5px!important}
.clickable-row:hover{background:color-mix(in srgb,var(--blue) 4%,transparent)}

.quality-grid{gap:9px!important}
.quality-grid>div{padding:12px!important;border-radius:11px!important}
.quality-grid span{font-size:9.5px!important}
.quality-grid strong{font-size:18px!important}

.store-cards{gap:12px!important}
.store-card{
  border-radius:14px!important;
  padding:15px 15px 34px!important;
}
.store-card h3{font-size:13px!important}
.store-number{font-size:17px!important}
.mini-grid>div{padding:9px!important}
.mini-grid span{font-size:8.5px!important}
.mini-grid strong{font-size:10.5px!important}
.store-open{font-size:9px!important}

.theme-options{gap:8px!important}
.theme-option{min-height:84px}

.integration-list{gap:7px!important}
.integration-row{
  padding:11px 28px 11px 11px!important;
  border-radius:10px!important;
}
.integration-row strong{font-size:10.5px!important}
.integration-row span:not(.status){font-size:8.5px!important}
.status{font-size:9px!important}
.timeline-item{padding:10px 10px 10px 12px!important}
.timeline-item strong{font-size:9.5px!important}
.timeline-item p{font-size:8.5px!important}
.timeline-item .time{font-size:8px!important}

/* Workspace pages like FBS detail pages */
.workspace-view{
  min-height:calc(100vh - 76px)!important;
  padding:20px 24px 30px!important;
  background:var(--bg)!important;
}
.workspace-toolbar{
  position:sticky;top:76px;z-index:35;
  border-radius:14px!important;
  padding:15px 18px!important;
  margin:0 0 14px!important;
  box-shadow:0 2px 10px rgba(25,49,85,.04)!important;
  backdrop-filter:none!important;
}
.workspace-heading h2{font-size:22px!important;letter-spacing:-.45px}
.workspace-heading p{font-size:11px!important}
.workspace-eyebrow{font-size:9px!important}
.workspace-body{gap:14px!important}
.workspace-stat-grid{gap:11px!important}
.workspace-stat{
  min-height:116px!important;
  border-radius:13px!important;
  padding:15px!important;
  box-shadow:none!important;
}
.workspace-stat span{font-size:9.5px!important}
.workspace-stat strong{font-size:18px!important;margin-top:12px!important}
.workspace-stat small{font-size:8.5px!important}
.workspace-card{
  border-radius:14px!important;
  padding:17px!important;
  box-shadow:none!important;
}
.workspace-card-head h3{font-size:15px!important}
.workspace-card-head p{font-size:10px!important}
.workspace-list-row{
  min-height:52px;
  border-radius:10px!important;
  padding:12px 13px!important;
}
.workspace-list-row strong{font-size:11px!important}
.workspace-list-row p{font-size:9px!important}
.workspace-note{font-size:10px!important;border-radius:10px!important}
.workspace-feature-grid>div{border-radius:11px!important;padding:13px!important}
.workspace-feature-grid strong{font-size:10.5px!important}
.workspace-feature-grid p{font-size:9px!important}

/* Light theme mirrors the clear FBS "dark nav + white working area" feel */
:root[data-theme="light"]{
  --bg:#f5f7fb;
  --bg-soft:#eef2f7;
  --surface:#ffffff;
  --surface-solid:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#f2f5f9;
  --line:#e3e9f1;
  --line-strong:#d2dbe8;
  --text:#1d2e49;
  --text-strong:#10213c;
  --muted:#6e7e96;
  --muted-2:#98a4b5;
  --shadow:none;
  --shadow-small:none;
}
:root[data-theme="light"] body{
  background:#f5f7fb!important;
}
:root[data-theme="light"] .topbar{
  background:#fff!important;
}
:root[data-theme="light"] .dashboard,
:root[data-theme="light"] .right-rail{
  background:#f5f7fb;
}
:root[data-theme="light"] .panel,
:root[data-theme="light"] .kpi,
:root[data-theme="light"] .workspace-card,
:root[data-theme="light"] .workspace-stat,
:root[data-theme="light"] .workspace-toolbar{
  background:#fff!important;
}
:root[data-theme="light"] .strict-banner{
  background:#f0fbf6!important;
}

/* Navy and dark themes stay compact but gain the same hierarchy */
:root[data-theme="navy"] .agent-rail{background:#071321!important;border-color:#17324f!important}
:root[data-theme="dark"] .agent-rail{background:#0b0d11!important;border-color:#242932!important}
:root[data-theme="navy"] .agent-card{background:#0f233a!important;border-color:#1f4163!important}
:root[data-theme="dark"] .agent-card{background:#171a20!important;border-color:#2d323b!important}

/* Works cleanly at the user's typical 110–125% browser zoom */
@media(max-width:1500px){
  .main-grid{grid-template-columns:266px minmax(0,1fr) 292px!important;gap:14px!important}
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .panel-grid{grid-template-columns:1fr!important}
}
@media(max-width:1180px){
  .main-grid{grid-template-columns:250px minmax(0,1fr)!important;padding-right:14px}
  .right-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 24px 264px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .topbar{position:relative!important;grid-template-columns:1fr!important}
  .main-grid{grid-template-columns:1fr!important;padding:0 12px 20px!important}
  .agent-rail{position:relative!important;top:auto!important;min-height:auto!important;border-radius:16px!important;margin-top:12px}
  .dashboard,.right-rail{padding-top:12px!important}
  .right-rail{display:block!important;padding:0!important}
  .agent-list{display:grid!important;grid-template-columns:1fr 1fr!important}
  .kpis{grid-template-columns:1fr!important}
  .workspace-view{padding:12px!important}
  .workspace-toolbar{position:relative!important;top:auto!important;grid-template-columns:1fr!important}
}

/* AI chat: FBS-like readable report cards */
.ai-chat-messages{
  max-height:620px!important;
  gap:12px!important;
}
.ai-chat-message{
  max-width:92%!important;
  border-radius:12px!important;
  padding:15px 16px!important;
  box-shadow:none!important;
}
.ai-chat-role{
  font-size:9.5px!important;
  letter-spacing:.75px!important;
}
.ai-chat-content{
  font-size:12.5px!important;
  line-height:1.62!important;
}
.ai-chat-content h3{
  font-size:14px;
  margin:14px 0 8px;
  color:var(--text-strong);
}
.ai-chat-content h4{
  font-size:12.5px;
  margin:12px 0 7px;
  color:var(--text-strong);
}
.ai-chat-content p{margin:7px 0}
.ai-chat-content ul{margin:7px 0 8px 20px;padding:0}
.ai-chat-content li{margin:4px 0}
.ai-chat-content code{
  padding:2px 5px;
  border:1px solid var(--line);
  border-radius:5px;
  background:var(--surface-3);
  font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.ai-chat-meta{font-size:9px!important}
.ai-chat-form textarea{
  min-height:92px!important;
  font-size:12.5px!important;
  line-height:1.5!important;
  border-radius:11px!important;
}


/* =========================================================
   AISIR-IDEAL UI v8 — REAL clarity fix
   Visible changes: compact KPI values, no overlapping links,
   human agent statuses/dates, clearer FBS-like density.
   ========================================================= */

.kpis{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.kpi{
  min-height:118px!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
}
.kpi-title{
  font-size:10px!important;
  line-height:1.25!important;
  min-height:25px!important;
}
.kpi-value{
  font-size:18px!important;
  line-height:1.08!important;
  min-height:22px!important;
  margin-top:8px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  hyphens:none!important;
}
.kpi-sub{
  font-size:9.5px!important;
  line-height:1.32!important;
  margin-top:7px!important;
  min-height:25px!important;
}
.kpi-open{
  position:static!important;
  display:block!important;
  margin-top:auto!important;
  padding-top:7px!important;
  opacity:1!important;
  font-size:8px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.agent-card{
  min-height:96px!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  padding:9px 26px 9px 9px!important;
}
.agent-avatar{
  width:54px!important;
  height:66px!important;
}
.agent-avatar img{
  width:61px!important;
  height:61px!important;
}
.agent-name{
  font-size:12.5px!important;
  line-height:1.15!important;
}
.agent-status{
  font-size:9.5px!important;
}
.agent-task{
  font-size:10px!important;
  line-height:1.32!important;
  margin-top:5px!important;
}
.agent-time{
  font-size:8.8px!important;
  line-height:1.25!important;
  margin-top:5px!important;
  white-space:normal!important;
}

/* Waiting for source data is neutral/amber, not alarming */
.agent-status.warn{color:#d68a12!important}
.agent-status.warn .dot{background:#f2a31b!important;box-shadow:none!important}

/* FBS-like crisp table density */
.table-row{
  min-height:44px!important;
  padding:9px 4px!important;
}
.table-row.table-head{
  min-height:34px!important;
}
.panel{
  padding:15px!important;
}
.store-card{
  min-height:154px!important;
}
.store-number{
  font-size:16px!important;
  margin:12px 0!important;
}

/* Avoid oversized content at 110–125% zoom */
@media(max-width:1700px){
  .kpi-value{font-size:16px!important}
  .kpi-title{font-size:9.5px!important}
  .kpi-sub{font-size:9px!important}
}
@media(max-width:1450px){
  .kpis{grid-template-columns:repeat(5,minmax(130px,1fr))!important;overflow-x:auto!important;padding-bottom:3px}
  .kpi{min-width:130px!important}
  .main-grid{grid-template-columns:260px minmax(720px,1fr) 290px!important}
}
@media(max-width:1180px){
  .main-grid{grid-template-columns:245px minmax(0,1fr)!important}
  .right-rail{grid-column:1/-1!important;padding-left:259px!important}
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}
  .kpi{min-width:0!important}
}
@media(max-width:820px){
  .right-rail{padding-left:0!important}
  .kpis{grid-template-columns:1fr 1fr!important}
}

/* Better light-theme resemblance to FBS Control */
:root[data-theme="light"] .dashboard{
  background:#f5f7fb!important;
}
:root[data-theme="light"] .kpi,
:root[data-theme="light"] .panel,
:root[data-theme="light"] .store-card{
  border-color:#e2e8f1!important;
}
:root[data-theme="light"] .kpi-value,
:root[data-theme="light"] .panel h2,
:root[data-theme="light"] .store-card h3{
  color:#10223d!important;
}


/* AISIR v23 — compact navigation, readable financial workspace. */
:root[data-theme="light"]{--bg:#f1f4f8;--surface-solid:#fff;--surface:#fff;--text:#283548;--text-strong:#132238;--muted:#66758a;--line:#dbe2ec;--blue:#2458db;--brand-a:#2458db;--brand-b:#2458db;--shadow-small:none}
html{font-size:16px;scroll-padding-top:90px}body{font-size:16px;background:var(--bg);line-height:1.5}.app-shell{padding:0!important}
.topbar{height:auto!important;min-height:78px!important;padding:14px 24px!important;gap:20px!important;border-bottom:1px solid var(--line);box-shadow:none!important;grid-template-columns:240px minmax(160px,390px) 1fr!important;position:sticky!important;top:0!important;z-index:50!important;background:var(--surface-solid)!important}
.brand-copy h1{font-size:21px!important;letter-spacing:-.6px}.brand-copy p{font-size:12px!important}.brand-mark{border-radius:10px!important;box-shadow:none!important;width:42px!important;height:42px!important}
.global-search input{font-size:14px!important;min-height:42px}.top-status{gap:8px!important}.clock strong{font-size:14px!important}.clock span{font-size:12px!important}.top-status .pill{font-size:13px!important}.ghost-btn,.icon-btn,.panel-open-btn,.workspace-back{font-size:14px!important;min-height:40px!important;border-radius:8px!important}
.main-grid{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:0!important;padding:0!important;align-items:start!important}
.agent-rail{grid-column:1!important;grid-row:1/3!important;position:sticky!important;top:78px!important;min-height:calc(100vh - 78px)!important;max-height:calc(100vh - 78px)!important;overflow:auto!important;padding:22px 16px!important;border-radius:0!important;background:#122139!important;border:none!important}
#v23Nav{display:grid;gap:4px;margin-bottom:26px}#v23Nav a{display:block;color:#b9c7dc;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:550;line-height:1.4}#v23Nav a:hover{background:#20344f;color:#fff}#v23Nav a[aria-current]{background:#2c58d7;color:#fff}.v23-nav-label{color:#8094b0;font-size:12px;font-weight:700;letter-spacing:1px;padding:0 12px 12px}
.section-title{font-size:12px!important;letter-spacing:1px!important;color:#91a3bc!important;margin:0 12px 12px!important}.agent-list{gap:7px!important}.agent-card{min-height:70px!important;padding:10px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;background:transparent!important;border:1px solid #2a3b54!important;border-radius:9px!important;box-shadow:none!important}.agent-card:hover{background:#20344f!important;transform:none!important}.agent-avatar{width:38px!important;height:44px!important}.agent-avatar img{width:42px!important;height:42px!important}.agent-name{font-size:14px!important;line-height:1.35!important;color:#f1f5fb!important}.agent-status{font-size:12px!important}.agent-task,.agent-time,.card-chevron{display:none!important}.performance-v3-side-summary{grid-column:1/-1;font-size:12px!important}
.dashboard{grid-column:2!important;padding:28px!important;min-width:0!important;background:var(--bg)!important;display:flex!important;flex-direction:column;gap:20px!important}.dashboard>*{min-width:0}
#v23Overview{display:flex;align-items:center;justify-content:space-between;gap:20px}#v23Overview h2{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:6px 0 8px}#v23Overview p{font-size:13px;color:var(--muted);margin:0}.v23-eyebrow{font-size:12px;letter-spacing:1.15px;font-weight:750;color:var(--muted)}.v23-primary{display:inline-flex;align-items:center;justify-content:center;background:#2458db;color:white!important;padding:11px 17px;border-radius:8px;font-size:14px;font-weight:650;text-decoration:none;min-height:44px;white-space:nowrap}.v23-primary:hover{background:#1844b4}
.v23-control,#v23Preliminary{background:var(--surface-solid);border:1px solid var(--line);border-radius:12px;padding:20px}.v23-control.attention{border-left:4px solid #dc8b18}.v23-control.ready{border-left:4px solid #198160}.v23-control-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.v23-control-title h3{font-size:19px;margin:5px 0 0;color:var(--text-strong)}.v23-control-title a{font-size:14px;font-weight:650;color:var(--blue);text-decoration:none}.v23-control>p,#v23Preliminary>p{font-size:14px;color:var(--muted);margin:10px 0 14px}.v23-issues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v23-issues>a{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:12px;text-decoration:none;color:var(--text);min-width:0}.v23-issues>a>div{flex:1;min-width:0}.v23-issues strong{display:block;font-size:14px}.v23-issues div>span{display:block;font-size:13px;color:var(--muted);overflow-wrap:anywhere;margin:3px 0}.v23-issues small{font-size:12px;color:var(--muted)}.v23-issue-mark{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#d98b19;margin-top:7px}.v23-issue-mark.bad{background:#d34a51}
.v23-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v23-facts>div+div{border-left:1px solid var(--line);padding-left:16px}.v23-facts span{font-size:13px;color:var(--muted);display:block}.v23-facts strong{font-size:23px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:var(--text-strong)}
.strict-banner{order:5;min-height:50px!important;padding:12px 16px!important;border-radius:8px!important}.strict-copy strong{font-size:13px!important}.strict-copy span{font-size:13px!important}.strict-state{font-size:12px!important}.strict-icon{width:28px!important;height:28px!important}
.kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}.kpi{min-width:0!important;min-height:180px!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;display:flex!important;flex-direction:column}.kpi-icon{display:none!important}.kpi-title{font-size:14px!important;line-height:1.4!important;min-height:40px}.kpi-value{font-size:21px!important;line-height:1.25!important;letter-spacing:-.5px!important;margin-top:10px!important;overflow-wrap:anywhere}.kpi-sub{font-size:12px!important;line-height:1.4!important;min-height:0!important}.kpi-open{font-size:12px!important;line-height:1.4!important;white-space:normal!important;margin-top:auto!important}
.panel,.workspace-card{padding:20px!important;border-radius:12px!important;box-shadow:none!important}.panel-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:20px!important}.panel h2{font-size:18px!important}.panel-head p{font-size:13px!important;line-height:1.5!important}.table-row{font-size:14px!important;gap:12px!important;padding:14px 0!important;min-height:56px!important}.table-head{font-size:12px!important}.badge{font-size:12px!important;white-space:normal!important}.quality-grid{gap:10px}.quality-grid span{font-size:13px!important}.quality-grid strong{font-size:23px!important}.store-number{font-size:23px!important}.store-card h3{font-size:16px!important}.mini-grid span{font-size:12px!important}.mini-grid strong{font-size:15px!important}.store-open{font-size:13px!important}.store-cards{gap:14px!important}.store-card{min-height:160px!important;padding:18px!important}
.right-rail{grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;padding:0 28px 28px!important;min-width:0!important}.v23-theme{grid-column:1/-1;order:10;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface-solid)}.v23-theme summary{cursor:pointer;font-size:14px}.theme-panel{margin-top:12px}.integration-row strong{font-size:14px!important}.integration-row span,.timeline p,.empty{font-size:13px!important;line-height:1.5!important}.integration-row{padding:13px!important;min-width:0;gap:10px!important}.timeline strong{font-size:14px!important}.theme-option strong{font-size:14px!important}
#mainFinancePeriodV21{font-size:13px!important}#mainFinancePreliminaryV223{display:none!important}.workspace-view{padding:26px!important;max-width:1500px!important;margin:0 auto!important}.workspace-toolbar{padding:20px!important}.workspace-heading h2{font-size:27px!important}.workspace-heading p,.workspace-card p,.workspace-note,.workspace-muted{font-size:14px!important;line-height:1.6!important}.workspace-stat span{font-size:14px!important}.workspace-stat strong{font-size:22px!important;overflow-wrap:anywhere}.workspace-stat-open{font-size:12px!important}.workspace-card h3{font-size:19px!important}.workspace-list-row,.metric-row,.workspace-feature-grid p{font-size:14px!important}.workspace-stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}.workspace-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ai-chat-content{font-size:16px!important}.ai-chat-form textarea{font-size:16px!important}.ai-chat-role,.ai-chat-meta{font-size:12px!important}.ozon-status-grid span,.ozon-finance-numbers span,.ozon-cost-numbers span,.ozon-profit-numbers span{font-size:14px!important}.ozon-notice{font-size:14px!important}.v23-menu{display:none}a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:3px solid #3577ec!important;outline-offset:3px}
@media(max-width:1450px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.topbar{grid-template-columns:220px minmax(160px,1fr) auto!important}.clock{display:none!important}.panel-grid{grid-template-columns:1fr!important}.v23-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.v23-facts>div:nth-child(3){border:0;padding-left:0}}
@media(max-width:1050px){.topbar{grid-template-columns:auto 1fr!important}.global-search{grid-column:1/-1;grid-row:2}.main-grid{grid-template-columns:220px minmax(0,1fr)!important}.agent-rail{top:132px!important}.top-status{justify-content:flex-end}.dashboard{padding:20px!important}.right-rail{padding:0 20px 20px!important;grid-template-columns:1fr!important}.v23-issues{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.store-cards{grid-template-columns:1fr!important}#v23Overview{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.topbar{position:relative!important;padding:14px!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important}.brand{grid-column:2;grid-row:1}.top-status{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-start}.brand-copy h1{font-size:20px!important}.brand-copy p{display:none!important}.global-search{grid-row:3!important}.v23-menu{display:block;background:var(--surface-2);border:1px solid var(--line);padding:10px;border-radius:8px;font-size:14px;grid-column:1;grid-row:1}.main-grid{display:flex!important;flex-direction:column}.agent-rail{display:none!important;position:relative!important;top:auto!important;min-height:0!important;max-height:none!important;width:100%!important;overflow:visible!important}.v23-menu-open .agent-rail{display:block!important}.agent-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.dashboard,.right-rail{width:100%!important;padding:16px!important}.right-rail{display:grid!important;grid-template-columns:1fr!important}.dashboard{gap:16px!important}#v23Overview h2{font-size:26px}.v23-control-title{align-items:flex-start;flex-direction:column;gap:8px}.v23-control,#v23Preliminary{padding:16px}.v23-facts{gap:12px}.v23-facts strong{font-size:21px}.kpi{min-height:180px!important;padding:14px!important}.kpi-value{font-size:21px!important}.panel{padding:16px!important}.table-row{grid-template-columns:minmax(100px,1.1fr) minmax(80px,1fr) minmax(80px,1fr)!important;gap:8px!important;font-size:13px!important}.table-row>:nth-child(4){display:none}.table-row>:nth-child(5){grid-column:1/-1}.panel-head,.panel-head-actions{flex-wrap:wrap}.workspace-two{grid-template-columns:1fr!important}.workspace-view{padding:14px!important}.workspace-toolbar{display:flex!important;flex-direction:column;align-items:flex-start!important}.workspace-stat-grid{grid-template-columns:1fr!important}.metric-row{overflow-wrap:anywhere}.audit-grid,.ozon-status-grid,.ozon-finance-numbers,.ozon-cost-numbers,.ozon-profit-numbers{grid-template-columns:1fr!important}.store-table{overflow-x:auto}.v23-facts>div{min-width:0}.v23-facts strong{overflow-wrap:anywhere}.theme-options{flex-wrap:wrap}.strict-state{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.v23-issue-details summary{font-size:14px;font-weight:650;cursor:pointer;color:var(--blue)}.v23-issue-details[open] summary{margin-bottom:12px}

#v23SnapshotTitle{font-size:16px;margin:0;color:var(--text-strong)}

.app-shell.workspace-open .main-grid{display:none!important}.app-shell.workspace-open .v23-menu{display:none!important}

/* v24: quiet graphite, emerald accents and a clear financial hierarchy. */
:root[data-theme="light"]{--bg:#eef2f3;--text:#38494e;--text-strong:#152f36;--muted:#63777c;--line:#dce5e6;--blue:#087b70;--brand-a:#087b70;--brand-b:#15544f;--surface-2:#f6f9f9}
.topbar{min-height:74px!important;grid-template-columns:210px minmax(160px,440px) 1fr!important}.brand-mark{background:#0c8276!important}.brand-copy h1{letter-spacing:-.8px!important}.brand-copy p{font-size:11px!important}
.main-grid{grid-template-columns:226px minmax(0,1fr)!important}.agent-rail{background:#102b32!important;top:74px!important;min-height:calc(100vh - 74px)!important;max-height:calc(100vh - 74px)!important;padding:26px 12px!important;scrollbar-width:thin;scrollbar-color:#426168 #102b32}
#v23Nav a{padding:11px 14px;font-weight:500;color:#c0d1d3;border-radius:7px}#v23Nav a:hover{background:#21434a}#v23Nav a[aria-current]{background:#d6f5df;color:#153c35;font-weight:750}#v23Nav a[aria-current]::after{content:'↗';float:right}.v23-nav-label,.section-title{color:#83aaa9!important;font-size:10px!important;letter-spacing:1.5px!important}.agent-card{border-color:#29484f!important;border-radius:8px!important}.agent-card:hover{background:#21434a!important}.agent-name{font-size:13px!important}.agent-status{font-size:11px!important}
.dashboard{padding:30px 32px!important;gap:18px!important}#v23Overview h2{font-size:34px;letter-spacing:-1.2px}#v23Overview{margin-bottom:6px}.v23-primary{background:#087b70;border-radius:7px;padding:12px 19px;box-shadow:0 3px 8px #133b3610}.v23-primary:hover{background:#076257}.v23-eyebrow{letter-spacing:1.7px;font-size:10px}
.v23-control{padding:16px 20px;border-radius:9px}.v23-control.attention{background:var(--surface-solid);border-left:3px solid #d29a3b}.v23-control-title h3{font-size:17px}.v23-control>p{margin:6px 0;font-size:13px}.v23-issue-details summary{font-size:12px}.v23-control-title a{font-size:13px}
#v23Preliminary{background:#173b42;color:#eef8f5;border:0;padding:24px;border-radius:12px;box-shadow:0 8px 24px #102b320c}#v23Preliminary .v23-eyebrow{color:#a6d9c9}#v23Preliminary h3{color:#f1fcf8;font-size:20px}#v23Preliminary .v23-control-title a{color:#c3f4d4}#v23Preliminary>p{color:#a5c5c7;font-size:12px;margin:8px 0 22px}.v23-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.v23-facts span{color:#bfd3d4;font-size:12px;min-height:36px}.v23-facts strong{color:#f4fcf9;font-size:27px;font-weight:650;letter-spacing:-1px}.v23-facts>div+div{border-color:#406068}.v23-facts>div:nth-child(3){border-left:1px solid #406068;padding-left:16px}
.kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}.kpi{grid-column:span 2;min-height:154px!important;padding:18px!important;border-radius:9px!important;background:var(--surface-solid)!important}.kpi:nth-child(n+4){grid-column:span 3;min-height:118px!important}.kpi-title{font-size:12px!important;min-height:20px!important;color:var(--muted)!important}.kpi-value{font-size:28px!important;font-weight:650!important;letter-spacing:-1px!important}.kpi:nth-child(n+4) .kpi-value{font-size:20px!important}.kpi-sub{font-size:11px!important}.kpi-open{font-size:11px!important;color:var(--blue)!important;margin-top:12px!important}.kpi[data-open-metric="profit"]{border-top:3px solid #158476!important}.kpi:hover{border-color:#6aaca2!important;transform:translateY(-2px);transition:transform .15s ease,border-color .15s ease}
.panel,.workspace-card{border-radius:10px!important}.panel-grid{gap:18px!important}.table-head{color:var(--muted)!important;letter-spacing:.8px}.table-row:not(.table-head):hover{background:var(--surface-2)}.badge{border-radius:5px!important;font-size:11px!important}.right-rail{padding:0 32px 32px!important;gap:18px!important}.quality-grid>div{border-radius:7px!important}.store-card{border-radius:9px!important}.store-number{font-variant-numeric:tabular-nums}.strict-banner{opacity:.85}.v23-menu{color:var(--text-strong)}
@media(max-width:1150px){.topbar{grid-template-columns:210px minmax(150px,1fr) auto!important}.v23-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.v23-facts>div:nth-child(3){border:0;padding-left:0}.v23-facts span{min-height:0}.v23-facts strong{font-size:26px}.dashboard{padding:24px!important}}
@media(max-width:1050px){.topbar{grid-template-columns:auto 1fr!important}.agent-rail{top:132px!important}.main-grid{grid-template-columns:210px minmax(0,1fr)!important}.kpi-value{font-size:23px!important}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi,.kpi:nth-child(n+4){grid-column:auto;min-height:155px!important}.kpi:last-child{grid-column:1/-1}}
@media(max-width:760px){.topbar{padding:14px!important}.agent-rail{top:auto!important;min-height:0!important;max-height:none!important}.dashboard{padding:18px 14px!important}.right-rail{padding:0 14px 20px!important}#v23Overview h2{font-size:29px}#v23Overview .v23-primary{width:100%}#v23Overview{align-items:stretch}#v23Preliminary{padding:20px 16px}.v23-facts{gap:18px 10px}.v23-facts strong{font-size:23px}.v23-facts>div+div{padding-left:10px}.v23-facts>div:nth-child(3){padding-left:0}.kpi{padding:14px!important}.kpi-value{font-size:22px!important}.v23-control-title{gap:6px}.v23-control{padding:15px}.global-search input{font-size:16px!important}}
.dashboard .is-hidden,.agent-rail .is-hidden,.right-rail .is-hidden{display:none!important}
@media(max-width:760px){.table-row>:nth-child(5){display:block!important;grid-column:1/-1}}