/* ОБИТЕЛЬ — shared LK shell + components. Load AFTER design-system tokens/styles.css. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{font-family:var(--font-body,'Manrope',system-ui,sans-serif);background:var(--background);color:var(--foreground);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;}
button{cursor:pointer;background:none;border:none;font:inherit;color:inherit;}
a{color:inherit;text-decoration:none;}
.num{font-variant-numeric:tabular-nums lining-nums;}
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.16);border-radius:9px;border:2px solid transparent;background-clip:padding-box;}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.28);background-clip:padding-box;}

/* ===== blob field ===== */
.bgfield{position:fixed;inset:0;z-index:0;background:var(--background);overflow:hidden;}
.blob{position:absolute;border-radius:50%;filter:blur(130px);}
.bl-amber{width:680px;height:560px;background:var(--blob-amber);opacity:.4;top:-200px;left:-160px;}
.bl-violet{width:620px;height:560px;background:var(--blob-violet);opacity:.3;top:-160px;right:8%;}
.bl-mint{width:680px;height:560px;background:var(--blob-mint);opacity:.27;bottom:-260px;left:24%;}
.bl-blue{width:520px;height:520px;background:#bcd4f5;opacity:.22;top:40%;right:-160px;}

/* ===== shell ===== */
.hub{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden;}
.side{background:var(--sidebar);color:var(--sidebar-foreground);display:flex;flex-direction:column;height:100vh;overflow-y:auto;border-right:1px solid var(--sidebar-border);}
.brand{padding:20px 18px 14px;display:flex;align-items:center;gap:11px;}
.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--primary);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 28%,transparent);color:#fff;}
.brand-mark svg{width:19px;height:19px;}
.brand-name{font-family:var(--font-display,'Manrope',sans-serif);font-size:14.5px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text-primary);}
.brand-sub{font-size:11px;color:var(--sidebar-muted);font-weight:600;margin-top:1px;}
.nav-group{padding:4px 12px;}
.nav-label{font-size:10.5px;font-weight:700;color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.07em;padding:12px 10px 7px;}
.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:13.5px;font-weight:600;position:relative;width:100%;text-align:left;text-decoration:none;margin-bottom:2px;transition:background var(--dur-fast),color var(--dur-fast);}
.nav-item svg{width:17px;height:17px;flex-shrink:0;stroke-width:2;}
.nav-item:hover{background:var(--sidebar-accent);color:var(--foreground);}
.nav-item.active{background:color-mix(in srgb,var(--primary) 11%,var(--sidebar));color:var(--sidebar-primary);font-weight:700;}
.nav-item.active::before{display:none;}
.nav-item .nav-count{margin-left:auto;font-size:11px;font-weight:700;color:#fff;background:var(--primary);padding:1px 8px;border-radius:999px;}
.nav-item .nav-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--warning);}
.nav-item.active .nav-dot{background:var(--sidebar-primary);}
.nav-ext{margin-left:auto;color:var(--sidebar-muted);}
.nav-ext svg{width:13px;height:13px;}
.side-foot{margin-top:auto;padding:14px 18px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--sidebar-border);}
.side-ava{width:32px;height:32px;border-radius:50%;background:var(--chart-3);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center;flex-shrink:0;}
.side-foot-name{font-size:12.5px;font-weight:700;color:var(--text-primary);}
.side-foot-role{font-size:11px;color:var(--sidebar-muted);}

.main{display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0;}
.topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 28px;background:rgba(250,247,242,.6);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);position:relative;z-index:10;}
.crumbs{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-tertiary);font-weight:600;}
.crumbs .cur{color:var(--foreground);font-weight:700;}
.topbar-spacer{flex:1;}
.cmdk-btn{display:flex;align-items:center;gap:9px;padding:8px 13px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-tertiary);font-size:13px;min-width:220px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--dur-fast);}
.cmdk-btn:hover{border-color:var(--c-subtle);}
.cmdk-btn svg{width:15px;height:15px;}
.cmdk-btn .kbd{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--card);border:1px solid var(--c-border);border-radius:5px;padding:1px 6px;}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast),box-shadow var(--dur-fast);}
.btn svg{width:15px;height:15px;stroke-width:2.2;}
.btn-primary{background:var(--ink);color:#fff;}
.btn-primary:hover{background:var(--ink-hover);transform:translateY(-1px);}
.btn-accent{background:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(232,121,58,.3);}
.btn-accent:hover{background:var(--primary-hover);transform:translateY(-1px);}
.btn-glass{background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);}
.btn-glass:hover{border-color:var(--c-subtle);color:var(--foreground);}
.btn-sm{padding:6px 12px;font-size:12.5px;}
.btn-sm svg{width:13px;height:13px;}
.btn-danger{background:var(--destructive);color:#fff;}
.btn-danger:hover{filter:brightness(.95);transform:translateY(-1px);}
.btn-success{background:var(--success);color:#fff;}
.btn-success:hover{filter:brightness(.96);transform:translateY(-1px);}

.content{flex:1;overflow-y:auto;}
.content-inner{max-width:1280px;margin:0 auto;padding:30px 32px 80px;}
.page{display:none;}
.page.active{display:block;animation:fade .32s var(--ease-out);}
@keyframes fade{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}

/* page head */
.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap;}
.ph-eyebrow{font-size:12px;font-weight:700;color:var(--primary);margin-bottom:7px;letter-spacing:.02em;text-transform:uppercase;}
.ph-h1{font-family:var(--font-display,'Manrope',sans-serif);font-size:31px;font-weight:800;letter-spacing:-.03em;line-height:1.05;}
.ph-lede{font-size:14px;color:var(--text-secondary);margin-top:9px;line-height:1.5;max-width:680px;}

/* glass card */
.gcard{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);}
.solid{background:var(--card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);}
.sec-title{font-family:var(--font-display,'Manrope',sans-serif);font-size:15px;font-weight:800;letter-spacing:-.01em;margin-bottom:13px;}

/* ===== KPI ===== */
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:24px;}
.kpi-grid.k5{grid-template-columns:repeat(5,1fr);}
.kpi-grid.k4{grid-template-columns:repeat(4,1fr);}
.kpi{padding:16px 17px;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base);}
.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);}
.kpi-top{display:flex;align-items:center;gap:8px;margin-bottom:13px;}
.kpi-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;}
.kpi-ic svg{width:16px;height:16px;stroke-width:2;}
.kpi-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;}
.kpi-value{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;}
.kpi-value .unit{font-size:13px;font-weight:700;color:var(--text-tertiary);margin-left:2px;}
.kpi-meta{font-size:11.5px;color:var(--text-tertiary);margin-top:8px;font-weight:600;}
.kpi-meta.green{color:var(--success-strong);}.kpi-meta.red{color:var(--destructive);}.kpi-meta.amber{color:var(--warning-strong);}
@media(max-width:1280px){.kpi-grid,.kpi-grid.k5,.kpi-grid.k4{grid-template-columns:repeat(3,1fr);}}
@media(max-width:720px){.kpi-grid,.kpi-grid.k5,.kpi-grid.k4{grid-template-columns:repeat(2,1fr);}}

/* dash cols */
.dash-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.dash-cols.wide-left{grid-template-columns:1.4fr 1fr;}
@media(max-width:1080px){.dash-cols,.dash-cols.wide-left{grid-template-columns:1fr;}}
.stack{display:flex;flex-direction:column;gap:18px;}
.card-head{display:flex;align-items:center;gap:10px;padding:16px 18px 13px;}
.card-head svg{width:17px;height:17px;}
.card-title{font-family:var(--font-display,'Manrope',sans-serif);font-size:14.5px;font-weight:800;letter-spacing:-.01em;}
.card-title .badge{font-size:11px;font-weight:700;color:var(--text-tertiary);background:var(--secondary);padding:1px 8px;border-radius:999px;margin-left:2px;}
.card-link{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:3px;cursor:pointer;}
.card-link svg{width:13px;height:13px;}

/* task / follow list */
.flist{padding:2px 10px 10px;}
.frow{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;transition:background var(--dur-fast);}
.frow:hover{background:rgba(255,255,255,.55);}
.frow+.frow{border-top:1px solid var(--border-subtle);}
.ftime{font-size:12px;font-weight:700;color:var(--text-secondary);width:54px;flex-shrink:0;font-variant-numeric:tabular-nums;}
.ftime.over{color:var(--destructive);}
.ficon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;}
.ficon svg{width:15px;height:15px;stroke-width:2;}
.fmain{min-width:0;flex:1;}
.fname{font-size:13.5px;font-weight:700;letter-spacing:-.01em;}
.fsub{font-size:12px;color:var(--text-tertiary);margin-top:1px;}
.fact{font-size:12px;font-weight:700;color:var(--primary);flex-shrink:0;}

/* feed */
.feed{padding:6px 18px 16px;}
.fevent{display:grid;grid-template-columns:30px 1fr;gap:12px;padding-bottom:16px;position:relative;}
.fevent:last-child{padding-bottom:4px;}
.fevent::before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:1.5px;background:var(--border-subtle);}
.fevent:last-child::before{display:none;}
.fdot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;z-index:1;}
.fdot svg{width:14px;height:14px;stroke-width:2;}
.fbody .ft{font-size:13px;line-height:1.45;color:var(--text-secondary);}
.fbody .ft strong{color:var(--foreground);font-weight:700;}
.fbody .fm{font-size:11.5px;color:var(--text-tertiary);margin-top:3px;display:flex;align-items:center;gap:7px;}
.ftag{font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;}

/* stuck / simple list rows */
.stuck{display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--border-subtle);}
.stuck:first-of-type{border-top:none;}
.stuck-main{min-width:0;flex:1;}
.stuck-name{font-size:13.5px;font-weight:700;}
.stuck-sub{font-size:12px;color:var(--text-tertiary);margin-top:2px;}
.stuck-age{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;}

/* segmented */
.seg{display:inline-flex;gap:3px;padding:3px;background:var(--secondary);border-radius:var(--radius-pill);flex-wrap:wrap;}
.seg button{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;color:var(--text-secondary);transition:all var(--dur-fast);}
.seg button .sn{font-size:11px;font-weight:700;color:var(--text-tertiary);}
.seg button.active{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-raised);}
.seg button.active .sn{color:var(--primary);}

/* kanban-ish columns */
.pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start;}
.col{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:10px;min-height:120px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);}
.col-head{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 8px;}
.col-title{font-size:12.5px;font-weight:800;display:flex;align-items:center;gap:7px;}
.col-dot{width:8px;height:8px;border-radius:50%;}
.col-n{font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--card);padding:1px 8px;border-radius:999px;}
.col-sum{font-size:11px;color:var(--text-tertiary);font-weight:700;padding:0 6px 9px;}
.lead{background:var(--card);border-radius:12px;box-shadow:var(--shadow-raised);padding:12px 13px;margin-bottom:9px;cursor:pointer;border:1px solid var(--border-subtle);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast);}
.lead:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);}
.lead-name{font-size:13.5px;font-weight:800;letter-spacing:-.01em;}
.lead-meta{font-size:12px;color:var(--text-tertiary);margin-top:3px;}
.lead-foot{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap;}
.tag{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;}
.lead-sum{margin-left:auto;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;}
.lead-sla{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;}
.lead-sla svg{width:9px;height:9px;}
@media(max-width:1000px){.pipe{grid-template-columns:1fr 1fr;}}

/* tables */
.tbl-card{overflow:hidden;}
table{width:100%;border-collapse:collapse;}
thead th{text-align:left;padding:11px 18px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;}
thead th.r,tbody td.r{text-align:right;}
thead th.c,tbody td.c{text-align:center;}
tbody td{padding:13px 18px;font-size:13.5px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--foreground);}
tbody tr:last-child td{border-bottom:none;}
tbody tr.clickable{cursor:pointer;transition:background var(--dur-fast);}
tbody tr.clickable:hover{background:rgba(255,255,255,.5);}
.cell-person{display:flex;align-items:center;gap:11px;}
.row-ava{width:34px;height:34px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex-shrink:0;}
.cell-name{font-weight:700;}
.cell-sub{font-size:12px;color:var(--text-tertiary);margin-top:1px;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;}
.chip-sm{padding:2px 8px;font-size:11px;}
.chip .sd{width:7px;height:7px;border-radius:50%;}
.prog{display:flex;align-items:center;gap:9px;}
.prog-bar{width:74px;height:6px;border-radius:6px;background:var(--muted);overflow:hidden;flex-shrink:0;}
.prog-fill{height:100%;border-radius:6px;background:var(--success);}
.prog-pct{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;min-width:32px;}

/* card-grid (objects, projects, presets) */
.cgrid{display:grid;gap:14px;}
.cgrid.c2{grid-template-columns:repeat(2,1fr);}
.cgrid.c3{grid-template-columns:repeat(3,1fr);}
.cgrid.c4{grid-template-columns:repeat(4,1fr);}
@media(max-width:1080px){.cgrid.c3,.cgrid.c4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:720px){.cgrid.c2,.cgrid.c3,.cgrid.c4{grid-template-columns:1fr;}}

/* tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-subtle);margin-bottom:22px;flex-wrap:wrap;}
.tabs button{padding:11px 4px;margin-right:18px;font-size:14px;font-weight:700;color:var(--text-tertiary);border-bottom:2px solid transparent;transition:color var(--dur-fast),border-color var(--dur-fast);display:flex;align-items:center;gap:7px;}
.tabs button .tn{font-size:11px;font-weight:700;background:var(--secondary);color:var(--text-tertiary);padding:1px 7px;border-radius:999px;}
.tabs button.active{color:var(--foreground);border-color:var(--primary);}
.tabs button.active .tn{background:var(--primary-soft);color:var(--primary);}
.tabpane{display:none;}
.tabpane.active{display:block;}

/* approval / action queue rows */
.appr{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--border-subtle);}
.appr:last-child{border-bottom:none;}
.appr-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;}
.appr-ic svg{width:18px;height:18px;stroke-width:2;}
.appr-main{min-width:0;flex:1;}
.appr-t{font-size:14px;font-weight:700;letter-spacing:-.01em;}
.appr-s{font-size:12.5px;color:var(--text-tertiary);margin-top:2px;}
.appr-act{display:flex;gap:8px;flex-shrink:0;}

/* detail back link + header */
.lc-back{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:16px;transition:color var(--dur-fast);}
.lc-back:hover{color:var(--primary);}
.lc-back svg{width:15px;height:15px;}
.lc-head{display:flex;align-items:center;gap:16px;padding:22px 24px;margin-bottom:20px;}
.lc-ava{width:56px;height:56px;border-radius:16px;font-size:19px;font-weight:800;color:#fff;display:grid;place-items:center;flex-shrink:0;}
.lc-name{font-family:var(--font-display,'Manrope',sans-serif);font-size:21px;font-weight:800;letter-spacing:-.02em;}
.lc-sub{font-size:13px;color:var(--text-tertiary);margin-top:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.lc-sub .sep{color:var(--c-border);}
.lc-actions{margin-left:auto;display:flex;gap:9px;flex-shrink:0;}
.lc-cols{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start;}
@media(max-width:1080px){.lc-cols{grid-template-columns:1fr;}}
.panel-head{padding:15px 18px 12px;font-size:14px;font-weight:800;font-family:var(--font-display,'Manrope',sans-serif);display:flex;align-items:center;gap:9px;}
.panel-head svg{width:16px;height:16px;color:var(--text-tertiary);}
.panel-head .card-link{font-family:var(--font-body,sans-serif);font-size:12.5px;}
.quick-add{display:flex;gap:7px;padding:0 18px 16px;flex-wrap:wrap;}
.qchip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--secondary);padding:7px 13px;border-radius:999px;transition:background var(--dur-fast);}
.qchip:hover{background:var(--surface-hover);}
.qchip svg{width:13px;height:13px;}

/* AR aging */
.ar-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start;margin-bottom:22px;}
@media(max-width:1080px){.ar-wrap{grid-template-columns:1fr;}}
.aging{padding:18px;}
.age-row{display:grid;grid-template-columns:96px 1fr 96px;gap:14px;align-items:center;padding:9px 0;}
.age-row+.age-row{border-top:1px solid var(--border-subtle);}
.age-lbl{font-size:12.5px;font-weight:700;color:var(--text-secondary);}
.age-track{height:9px;border-radius:9px;background:var(--muted);overflow:hidden;}
.age-fill{height:100%;border-radius:9px;}
.age-val{font-size:13px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums;}
.stat-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.smini{padding:15px 16px;}
.smini-l{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;}
.smini-v{font-size:23px;font-weight:800;letter-spacing:-.025em;margin-top:9px;font-variant-numeric:tabular-nums;}
.smini-m{font-size:11.5px;font-weight:700;margin-top:5px;}

/* smart queue (priority rows) */
.sq{padding:6px 0;}
.sq-row{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast);}
.sq-row:last-child{border-bottom:none;}
.sq-row:hover{background:rgba(255,255,255,.5);}
.sq-bar{width:3px;align-self:stretch;border-radius:3px;flex-shrink:0;min-height:38px;}
.sq-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;}
.sq-ic svg{width:16px;height:16px;stroke-width:2;}
.sq-main{min-width:0;flex:1;}
.sq-t{font-size:13.5px;font-weight:700;letter-spacing:-.01em;}
.sq-s{font-size:12px;color:var(--text-tertiary);margin-top:3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sq-act{display:flex;gap:7px;flex-shrink:0;align-items:center;}

/* completeness grid */
.compl-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:0;}
.compl-grid .ch{padding:10px 14px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);}
.compl-grid .ch.r,.compl-grid .cc.r{text-align:right;}
.compl-grid .cc{padding:12px 14px;font-size:13px;border-bottom:1px solid var(--border-subtle);font-variant-numeric:tabular-nums;}
.compl-grid .cc.room{font-weight:700;}
.dotbar{display:inline-flex;align-items:center;gap:6px;}
.minibar{width:56px;height:6px;border-radius:6px;background:var(--muted);overflow:hidden;display:inline-block;vertical-align:middle;}
.minibar>i{display:block;height:100%;border-radius:6px;}

/* doc / spec rows */
.doc-row{display:flex;align-items:center;gap:13px;padding:13px 18px;border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast);}
.doc-row:last-child{border-bottom:none;}
.doc-row:hover{background:rgba(255,255,255,.5);}
.doc-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--secondary);color:var(--text-secondary);}
.doc-ic svg{width:17px;height:17px;}
.doc-main{min-width:0;flex:1;}
.doc-t{font-size:13.5px;font-weight:700;}
.doc-s{font-size:12px;color:var(--text-tertiary);margin-top:1px;}
.doc-meta{font-size:12px;color:var(--text-tertiary);flex-shrink:0;text-align:right;}

/* side-by-side compare (replacement) */
.compare{display:grid;grid-template-columns:1fr 44px 1fr;gap:0;align-items:stretch;}
.compare-col{padding:18px;}
.compare-col.old{background:var(--secondary);border-radius:var(--radius-lg);}
.compare-col.new{background:var(--primary-soft);border-radius:var(--radius-lg);}
.compare-arrow{display:grid;place-items:center;color:var(--text-tertiary);}
.compare-arrow svg{width:20px;height:20px;}
.compare-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:9px;}
.compare-name{font-size:15px;font-weight:800;letter-spacing:-.01em;}
.compare-row{display:flex;justify-content:space-between;font-size:12.5px;margin-top:9px;}
.compare-row span:first-child{color:var(--text-tertiary);}
.compare-row span:last-child{font-weight:700;}

/* preset cards */
.preset{overflow:hidden;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast);}
.preset:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);}
.preset-cover{height:128px;background:var(--secondary);display:grid;place-items:center;color:var(--text-tertiary);position:relative;}
.preset-cover svg{width:34px;height:34px;opacity:.5;}
.preset-body{padding:14px 16px 16px;}
.preset-name{font-size:14.5px;font-weight:800;letter-spacing:-.01em;}
.preset-meta{font-size:12px;color:var(--text-tertiary);margin-top:3px;}
.preset-foot{display:flex;align-items:center;gap:8px;margin-top:12px;}

/* misc utils */
.hidden{display:none!important;}
.muted{color:var(--text-tertiary);}
.row-actions{display:flex;gap:7px;justify-content:flex-end;}
.ledger-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.ledger-cell{padding:14px 16px;}
.ledger-l{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;}
.ledger-v{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-top:7px;font-variant-numeric:tabular-nums;}
.ledger-m{font-size:11.5px;font-weight:700;margin-top:4px;}

/* super banner */
.sv-banner{position:relative;z-index:20;display:none;align-items:center;justify-content:space-between;gap:16px;padding:9px 28px;background:var(--warning-soft);border-bottom:1px solid var(--warning);}
.sv-left{display:flex;align-items:center;gap:11px;}
.sv-badge{font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--warning-strong);padding:3px 8px;border-radius:6px;}
.sv-text{font-size:13px;color:var(--warning-strong);}
.sv-text strong{font-weight:800;}
.sv-link{font-size:13px;font-weight:700;color:var(--primary);padding:5px 12px;border-radius:999px;}
.sv-link:hover{background:var(--primary-soft);}

@media(max-width:820px){
  .hub{grid-template-columns:64px 1fr;}
  .brand-name,.brand-sub,.nav-label,.nav-item>span:not(.nav-count):not(.nav-dot),.side-foot-name,.side-foot-role{display:none;}
  .nav-item{justify-content:center;padding:11px;}
  .cmdk-btn span{display:none;}.cmdk-btn{min-width:0;}
}