/* TidyCents workspace apps (tcw) — light cream interface in the site's tokens (spec 0.12).
   16px body, ≥14px secondary, 44px controls, 16px card radius, 8px spacing step.
   Desktop: 224px side menu, top bar, work area, 480px right drawer. Phones: slide-out menu,
   full-screen drawer, tables as cards. */
.tcw-page,.tcw-root,.tcw-modal-wrap,#tcw-print-root{
  /* Owner 13.10.2026: the palette of the TidyCents dashboards — parchment sheets, dark-olive header bars,
     khaki bands, gold rules and a warm evening glow (same look as the Excel/Sheets products). */
  --bg:#E9E1CD;--card:#EEE7D5;--tint:#E2D8BD;--band:#DDD5B6;--ink:#1F2416;--ink2:#56523F;--line:#CBBE99;
  --accent:#8C6A2E;--accent-bg:#E0D3AE;--gold:#A8873A;--olive:#2A331B;
  --bad:#9C3B2A;--ok:#3E6B3A;--warn:#7A5A12;--sage:#2A331B;--sage-d:#1A2010;
  --warn-bg:#ECDCAE;--bad-bg:#EBD2C6;--ok-bg:#D8DFC4;--r:14px;--s:8px;
  --shadow:0 1px 0 rgba(255,255,255,.45) inset,0 8px 20px -12px rgba(60,48,20,.35);
  --font:'Instrument Sans','Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --display:'Fraunces','Playfair Display',Georgia,'Times New Roman',serif;
}
.tcw-page{background:radial-gradient(900px 560px at 100% 0,rgba(236,168,112,.42),transparent 62%),radial-gradient(760px 420px at 78% 12%,rgba(244,206,146,.38),transparent 70%),linear-gradient(180deg,#ECE4D0,#E5DBC2);padding-bottom:48px}
.tcw-root{background:radial-gradient(900px 560px at 100% 0,rgba(236,168,112,.42),transparent 62%),radial-gradient(760px 420px at 78% 12%,rgba(244,206,146,.38),transparent 70%),linear-gradient(180deg,#ECE4D0,#E5DBC2) fixed;min-height:100vh;margin:0}
#tcw-app{position:relative;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;max-width:1440px;margin:0 auto}
#tcw-app *,.tcw-modal-wrap *{box-sizing:border-box}
/* Screen-reader-only text. Pinned to the top-left of its containing block (top/left 0, never its static
   position) and fully clipped, so it can never extend a scroll box or widen the page on phones; table cells and
   tables that contain one become the containing block (zero specificity — a product's sticky/other position wins). */
.tcw-sr{position:absolute!important;top:0;left:0;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
:where(td:has(> .tcw-sr),th:has(> .tcw-sr),table:has(> caption.tcw-sr),label:has(> .tcw-sr),li:has(> .tcw-sr)){position:relative}
.tcw-loading{padding:48px 16px;color:var(--ink2)}
.tcw-muted{color:var(--ink2);font-size:14px}
/* layout */
.tcw{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:78vh;align-items:start}
.tcw-side{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;padding:16px 8px 24px;border-right:1px solid var(--line);background:rgba(255,252,246,.6)}
.tcw-side__brand{padding:4px 12px 16px}.tcw-side__brand b{display:block;font-family:var(--font);font-size:22px;letter-spacing:-.03em}.tcw-side__brand b i{font-style:normal;color:var(--accent)}
.tcw-side__brand span{display:block;font-family:var(--display);font-size:15px;color:var(--ink2);line-height:1.25;margin-top:2px}
.tcw-side ul{list-style:none;margin:0;padding:0}
.tcw-nav{display:flex;align-items:center;min-height:44px;padding:8px 12px;margin:2px 0;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.tcw-nav:hover{background:var(--accent-bg)}.tcw-nav.is-on{background:var(--sage);color:#fff}
.tcw-side__foot{margin:24px 12px 0;font-size:14px;color:var(--ink2)}
.tcw-main{min-width:0;padding:0 24px 48px}
.tcw-top{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;min-height:56px;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:16px}
.tcw-top__name{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}.tcw-top__name b{font-size:17px;overflow-wrap:anywhere}
.tcw-top__status{font-size:14px;color:var(--ink2);display:flex;align-items:center;gap:6px}
.tcw-pill{font-size:14px;border:1px solid var(--line);border-radius:999px;padding:1px 10px;color:var(--ink2);background:var(--card)}
.tcw-dot{width:9px;height:9px;border-radius:50%;background:var(--warn);display:inline-block}.tcw-dot--ok{background:var(--ok)}.tcw-dot--demo{background:var(--accent)}
.tcw-menubtn{display:none}
.tcw-backdrop{display:none}
.tcw-pagehead{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin:8px 0 16px}
.tcw-pagehead h1{font-family:var(--display);font-weight:500;font-size:clamp(26px,3vw,34px);line-height:1.12;margin:0 0 4px;outline:none}
.tcw-purpose{margin:0;color:var(--ink2);max-width:720px}
.tcw-tools{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-end;margin:0 0 16px}
.tcw-search,.tcw-filter{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink2);min-width:180px}
.tcw-search{flex:1 1 260px;max-width:420px}
/* cards, kpis, notes */
.tcw-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:24px;margin:0 0 16px}
.tcw-card__h{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:8px}
.tcw-card h2,.tcw-drawer h2,.tcw-modal h2{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;margin:0}
.tcw-card h3,.tcw-drawer h3{font-size:17px;margin:16px 0 8px}
.tcw-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:0 0 16px}
.tcw-kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow);min-width:0}
.tcw-kpi__l{display:block;font-size:14px;color:var(--ink2)}.tcw-kpi__v{display:block;font-size:24px;font-weight:700;margin-top:4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.tcw-kpi__s{display:block;font-size:14px;color:var(--ink2);margin-top:4px}
.tcw-kpi--bad{border-left:4px solid var(--bad)}.tcw-kpi--ok{border-left:4px solid var(--ok)}.tcw-kpi--warn{border-left:4px solid #B7892B}
.tcw-note{border-radius:12px;padding:12px 16px;margin:0 0 16px;background:var(--ok-bg);border:1px solid #B9D2C3}
.tcw-note--warn{background:var(--warn-bg);border-color:#E2CFA6}.tcw-note--bad{background:var(--bad-bg);border-color:#E2B4AC}.tcw-note--ok{background:var(--ok-bg);border-color:#B9D2C3}
.tcw-banner{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.tcw-demo{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--warn-bg);border:1px solid #E2CFA6;border-radius:var(--r);padding:16px;margin:0 0 16px}
.tcw-demo p{margin:4px 0 0;font-size:15px;color:var(--ink2)}.tcw-demo__btns{display:flex;flex-wrap:wrap;gap:8px}
.tcw-demo p.tcw-demo__own{font-weight:600;color:var(--ink)}.tcw-demo--own{background:#F4EEDD}
/* demo scenario switch (product.demoScenarios) and the hosted demo's next-step bar (spec §16) */
.tcw-demo .tcw-scen{margin-top:10px;max-width:360px}.tcw-demo .tcw-scen span{font-weight:600;color:var(--ink)}
.tcw-cta{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin:24px 0 0;padding:16px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow)}
.tcw-cta b{font-family:var(--display);font-size:18px}.tcw-cta p{margin:4px 0 0;font-size:14px;color:var(--ink2);max-width:60ch}.tcw-cta__btns{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:640px){.tcw-cta__btns,.tcw-cta__btns .tcw-btn{width:100%}}
.tcw-empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--r);padding:32px 16px;text-align:center;color:var(--ink2)}
.tcw-empty p{margin:0 0 16px}
.tcw-badge{display:inline-block;font-size:14px;font-weight:600;border-radius:999px;padding:2px 10px;border:1px solid var(--line);background:var(--bg);white-space:nowrap}
.tcw-badge--ok{color:var(--ok);border-color:#B9D2C3;background:var(--ok-bg)}.tcw-badge--bad{color:var(--bad);border-color:#E2B4AC;background:var(--bad-bg)}
.tcw-badge--warn{color:var(--warn);border-color:#E2CFA6;background:var(--warn-bg)}.tcw-badge--info{color:var(--sage);border-color:#B9D2C3;background:var(--ok-bg)}
.tcw-neg{color:var(--bad)}.tcw-pos{color:var(--ok)}
.tcw-count{font-size:14px;color:var(--ink2);font-weight:400}
/* buttons */
.tcw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 18px;border-radius:12px;border:1px solid var(--sage);background:var(--sage);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;text-align:center;line-height:1.2}
.tcw-btn:hover{background:var(--sage-d)}
.tcw-btn--ghost{background:var(--card);color:var(--sage);border-color:#B8AE9E}.tcw-btn--ghost:hover{background:var(--bg)}
.tcw-btn--cta{background:#A8481F;border-color:#A8481F}.tcw-btn--cta:hover{background:#8C3A17}
.tcw-btn--danger{background:var(--bad);border-color:var(--bad)}.tcw-btn--danger:hover{background:#8a2828}
.tcw-btn--sm{min-height:44px;padding:6px 12px;font-size:14px}
.tcw-btn:disabled,.tcw-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.tcw-btnrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 0}
#tcw-app :focus-visible,.tcw-modal :focus-visible{outline:3px solid #C99A3E;outline-offset:2px}
/* tabs */
.tcw-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 16px}
.tcw-tab{min-height:44px;border:0;background:none;padding:10px 14px;font:inherit;font-weight:600;color:var(--ink2);border-bottom:3px solid transparent;cursor:pointer}
.tcw-tab.is-on{color:var(--ink);border-bottom-color:var(--accent)}
/* forms */
.tcw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.tcw-wide{grid-column:1/-1}
.tcw-field{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;border:0;padding:0}
.tcw-field>label,.tcw-field legend{font-weight:600;font-size:15px}
.tcw-field--check label{display:flex;gap:8px;align-items:center;min-height:44px;font-weight:600}
.tcw-field--check input,.tcw-seg input{width:20px;height:20px;accent-color:var(--sage)}
.tcw-seg{display:flex;flex-wrap:wrap;gap:8px}.tcw-seg label{display:flex;gap:8px;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:6px 12px;background:var(--card)}
.tcw-inwrap{display:flex;align-items:stretch}
.tcw-in{width:100%;min-height:44px;border:1px solid #B8AE9E;border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:16px;padding:9px 12px}
.tcw-in:disabled{background:var(--bg);color:var(--ink2)}
.tcw-in--num{text-align:right;font-variant-numeric:tabular-nums}
.tcw-inwrap .tcw-in{flex:1;min-width:0}
.tcw-unit{display:flex;align-items:center;padding:0 10px;color:var(--ink2);font-size:14px;white-space:nowrap}
.tcw-help,.tcw-ex{font-size:14px;color:var(--ink2)}
.tcw-err{font-size:14px;color:var(--bad);min-height:0}.tcw-err:empty{display:none}
.has-err .tcw-in{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}
.tcw-req{color:var(--bad)}
.tcw-subh{font-size:17px;margin:8px 0 0}
/* tables → cards on phones */
.tcw-tablewrap{position:relative;overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin:0 0 16px}
.tcw-table{width:100%;border-collapse:collapse;font-size:15px}
.tcw-table caption{text-align:left;padding:12px 16px;font-weight:600}
/* Long words (de/ru headers, names) never break mid-word on desktop: headers wrap only between words and cells
   use break-word (does not shrink the column's min-content), so a wide table scrolls inside .tcw-tablewrap. */
.tcw-table th,.tcw-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #EAE2D4;vertical-align:middle;overflow-wrap:break-word;word-break:normal}
.tcw-table thead th{font-size:14px;color:var(--ink2);font-weight:600;background:var(--tint);white-space:normal;overflow-wrap:normal;hyphens:manual}
.tcw-table tbody tr:last-child td{border-bottom:0}
.tcw-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tcw-table .nowrap{white-space:nowrap}
.tcw-entry{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 8px;background:var(--tint)}
.tcw-entry__h{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;font-size:14px;color:var(--ink2);margin-bottom:4px}
.tcw-entry .tcw-kv{margin:4px 0 0;grid-template-columns:1fr}
.tcw-table tfoot td{font-weight:700;border-top:2px solid var(--line)}
.tcw-rowact{text-align:right;white-space:nowrap}
.tcw-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 24px;margin:8px 0 16px}
.tcw-kv div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;border-bottom:1px solid #EAE2D4;padding:6px 0}
.tcw-kv dt{color:var(--ink2)}.tcw-kv dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:break-word;word-break:normal;min-width:0}
.tcw-list{margin:8px 0 16px;padding-left:20px}
/* drawer */
.tcw-drawer-back{position:fixed;inset:0;background:rgba(41,39,34,.28);z-index:900}
.tcw-drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:var(--card);z-index:901;display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(41,39,34,.18);border-left:1px solid var(--line);font-family:var(--font);color:var(--ink);font-size:16px;line-height:1.5}
.tcw-drawer__head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 24px;border-bottom:1px solid var(--line)}
/* 16.10.2026 (core request, stocktake/tools40): a long unbreakable record name in the drawer title wraps instead of pushing Close out of view */
.tcw-drawer__head h2{min-width:0;overflow-wrap:anywhere}.tcw-drawer__head .tcw-btn{flex:none}
.tcw-drawer__body{flex:1;overflow-y:auto;padding:16px 24px 24px}
.tcw-drawer__foot{border-top:1px solid var(--line);padding:12px 24px;background:var(--tint)}
.tcw-drawer .tcw-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.tcw-drawer .tcw-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tcw-drawer .tcw-kpi{padding:12px}.tcw-drawer .tcw-kpi__v{font-size:20px}
/* modal */
.tcw-modal-wrap{position:fixed;inset:0;background:rgba(41,39,34,.38);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--font,'Instrument Sans',Arial,sans-serif);color:#292722}
.tcw-modal{background:var(--card);border-radius:16px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25);font-size:16px;line-height:1.5}
.tcw-modal p{margin:8px 0}
/* toast */
.tcw-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:var(--sage);color:#fff;border-radius:12px;padding:12px 18px;font-weight:600;z-index:1100;transition:all .2s;max-width:calc(100vw - 32px)}
.tcw-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}.tcw-toast--bad{background:var(--bad)}
/* steps (import) */
.tcw-steps{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;padding:0;margin:0 0 16px;counter-reset:s}
.tcw-steps li{counter-increment:s;font-size:14px;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.tcw-steps li::before{content:counter(s) '. '}.tcw-steps li.is-on{background:var(--sage);color:#fff;border-color:var(--sage)}.tcw-steps li.is-done{background:var(--accent-bg)}
.tcw-table--raw td{font-size:14px;white-space:nowrap}
/* attachments */
.tcw-att{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}
.tcw-att__list{list-style:none;padding:0;margin:8px 0}.tcw-att__list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;border-bottom:1px solid #EAE2D4;padding:8px 0}
/* setup */
.tcw--setup{display:block}.tcw-setup{max-width:760px;margin:0 auto;padding:24px 16px 48px}
.tcw-setup h1{font-family:var(--display);font-weight:500;font-size:32px;margin:8px 0 4px;outline:none}
/* phones and narrow tablets */
@media screen and (max-width:900px){
  .tcw{display:block}
  .tcw-side{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:86vw;z-index:950;background:var(--card);transform:translateX(-105%);transition:transform .2s;overflow-y:auto;min-height:0;box-shadow:8px 0 32px rgba(41,39,34,.2)}
  .tcw-side.is-open{transform:none}
  .tcw.menu-open .tcw-backdrop{display:block;position:fixed;inset:0;background:rgba(41,39,34,.28);z-index:940}
  .tcw-menubtn{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #B8AE9E;border-radius:12px;background:var(--card);font:inherit;font-weight:600;color:var(--sage);cursor:pointer}
  .tcw-main{padding:0 16px 40px}
  .tcw-top__status{flex-basis:100%;order:3}
  .tcw-top__name{flex:1 1 0}
  .tcw-drawer{width:100vw}
  .tcw-side{height:auto;bottom:0}
  .tcw-drawer__head,.tcw-drawer__body,.tcw-drawer__foot{padding-left:16px;padding-right:16px}
  .tcw-card{padding:16px}
  .tcw-pagehead{align-items:stretch}.tcw-pagehead>.tcw-btn{width:100%}
  .tcw-search,.tcw-filter{min-width:0;flex:1 1 100%;max-width:none}
  .tcw-tablewrap:not(.tcw-tablewrap--raw){background:none;border:0;box-shadow:none;overflow:visible}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table thead{display:none}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table,.tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table tbody,.tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table tr,.tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table td,.tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table tfoot{display:block;width:100%}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table tr{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:0 0 12px;padding:8px 12px;box-shadow:var(--shadow)}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table td{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #EAE2D4;padding:8px 0;text-align:right;white-space:normal}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table td::before{content:attr(data-label);color:var(--ink2);font-size:14px;text-align:left;flex:0 0 42%}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table td:last-child{border-bottom:0}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table td.tcw-rowact{justify-content:flex-end}.tcw-table td.tcw-rowact::before{content:none}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table caption{display:block;padding:0 0 8px}
  .tcw-kv{grid-template-columns:1fr}
  .tcw-badge{white-space:normal;max-width:100%}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table td{flex-wrap:wrap;overflow-wrap:anywhere}
  .tcw-kpi__v{font-size:21px}
}
@media print{.tcw-side,.tcw-top,.tcw-demo,.tcw-banner,.tcw-tools,.tcw-btn,.tcw-cta{display:none!important}}
/* Printing a screen (browser print): KPI tiles shrink to one compact row so the table starts on the first page;
   tables keep their column layout (the phone card layout above is screen-only). */
@media print{.tcw{display:block}.tcw-main{padding:0}.tcw-kpis{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:0 0 8px}.tcw-kpi{padding:6px 8px;box-shadow:none;border-radius:6px;break-inside:avoid}.tcw-kpi__l,.tcw-kpi__s{font-size:10px;margin-top:1px}.tcw-kpi__v{font-size:14px;margin-top:1px}.tcw-tablewrap{overflow:visible;box-shadow:none}.tcw-table{font-size:11px}.tcw-table tr>:first-child{min-width:24mm}}
@media (prefers-reduced-motion:reduce){.tcw-side,.tcw-toast{transition:none}}
/* hosted page hero (above the app) */
.tcw-hero{max-width:1440px;margin:0 auto;padding:16px 24px 0}
.tcw-hero .tc-kicker{font-family:var(--display);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:14px;font-weight:600}
.tcw-hero__sub{color:var(--ink2);max-width:860px;margin:4px 0 8px;font-size:16px}
.tcw-hero .tc-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.tcw-hero .tc-badges span{font-size:14px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:3px 10px;color:#4c463d}
.tcw-hero__offline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--ink2);margin:0 0 8px}
@media screen and (max-width:900px){.tcw-hero{padding:12px 16px 0}}

/* ── TidyCents dashboard look (owner 13.10.2026) ── */
.tcw-side{background:rgba(221,213,182,.55);border-right:1px solid var(--line)}
.tcw-side__brand b{display:flex;align-items:center;gap:8px;color:var(--ink)}
.tcw-logo{border-radius:50%;box-shadow:0 2px 6px rgba(60,40,10,.18);flex:none;background:var(--card)}
.tcw-top__logo{display:flex;align-items:center;gap:8px;margin-left:auto}.tcw-top__logo b{font-size:17px;letter-spacing:-.02em;color:var(--ink)}.tcw-top__logo b i{font-style:normal;color:var(--accent)}
.tcw-nav{color:var(--ink)}.tcw-nav:hover{background:var(--accent-bg)}
.tcw-nav.is-on{background:var(--olive);color:#F4EEDC;box-shadow:inset 4px 0 0 var(--gold)}
.tcw-top{border-bottom:2px solid var(--gold)}
.tcw-pagehead h1{color:var(--ink);font-weight:600}
.tcw-card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold)}
.tcw-kpi{background:var(--band);border:1px solid var(--line);box-shadow:none}
.tcw-kpi__l{color:var(--ink2);font-weight:600}.tcw-kpi__v{color:var(--ink)}
.tcw-tablewrap{background:var(--card);border-color:var(--line)}
.tcw-table thead th{background:var(--olive);color:#F4EEDC;font-weight:700;border-bottom:0}
.tcw-table tbody tr:nth-child(odd) td{background:#ECE4CF}.tcw-table tbody tr:nth-child(even) td{background:#E1D7BB}
.tcw-table th,.tcw-table td{border-bottom-color:rgba(160,140,90,.28)}
.tcw-pill{background:var(--band);border-color:var(--line);color:var(--ink2)}
.tcw-btn{background:var(--olive);border-color:var(--olive);color:#F4EEDC}.tcw-btn:hover{background:var(--sage-d)}
.tcw-btn--ghost{background:var(--card);color:var(--olive);border-color:#9E916C}.tcw-btn--ghost:hover{background:var(--band)}
.tcw-note{background:var(--ok-bg);border-color:#AEBB92}.tcw-note--warn,.tcw-demo{background:var(--warn-bg);border-color:#C9AE6B}
.tcw-note--bad{background:var(--bad-bg);border-color:#C99A86}.tcw-note--ok{background:var(--ok-bg);border-color:#AEBB92}
#tcw-app input,#tcw-app select,#tcw-app textarea{background:#F3EDDD;border-color:#B9AC86}
.tcw-drawer,.tcw-modal{background:var(--bg)}
/* Debt lab comparison header (owner 13.10): chips on their own rows, same height and alignment in every column */
.bdr-cmp thead th{vertical-align:bottom;white-space:normal}
.bdr-cmp thead tr.bdr-h-t th{padding-bottom:6px}
.bdr-cmp thead tr.bdr-h-b th{padding-top:4px;padding-bottom:6px;border-top:0;vertical-align:middle}
.bdr-cmp thead tr.bdr-h-b:last-child th{padding-bottom:10px}
.bdr-cmp thead .tcw-badge{white-space:nowrap;max-width:none;line-height:1.35}
.bdr-cmp thead th.is-rec{background:#34402A}
/* phone card view (owner 13.10): row title spans the whole card, card lines stay calm and aligned */
@media screen and (max-width:900px){
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table tbody th[scope=row]{display:block;width:100%;text-align:left;padding:6px 0 10px;margin:0 0 2px;border-bottom:2px solid var(--gold);background:none}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table tbody tr td{background:none}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table tbody tr{background:var(--card)}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table td::before{flex:1 1 50%;min-width:0}
  .tcw-tablewrap:not(.tcw-tablewrap--raw) .tcw-table td{align-items:baseline}
}
.bdr-cmp thead .bdr-h-k{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#D9C48E;font-weight:700;line-height:1.3}
.bdr-cmp thead .bdr-h-n{display:block;line-height:1.3}
#bdr-strip .tcw-kpi__s{padding-left:1.35em;text-indent:-1.35em}