:root{--ink:#202320;--muted:#858780;--gold:#c09c63;--gold-l:#e9d2a9;--canvas:#f7f7f4;--paper:#fff;--line:#e7e8e2;--sidebar:#171b18;--green:#3b7560;--red:#b44c4c;--amber:#9e6d2d;--shadow:0 5px 25px rgba(28,39,26,.045)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hide{display:none!important}#app{min-height:100vh}.loading-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:24px;color:#777}
.brand-mark{width:42px;height:42px;flex-shrink:0;border:1px solid #d2b886;display:flex;align-items:center;justify-content:center;color:#e9cd93;font-family:Manrope,'Segoe UI',Arial,sans-serif;font-weight:800;letter-spacing:-3px;font-size:19px}.brand-mark span{color:#b99150}
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#c2c7bf;display:flex;flex-direction:column;padding:27px 16px 21px;position:sticky;top:0;height:100vh;overflow-y:auto}.identity{display:flex;gap:13px;align-items:center;padding:5px 11px 27px;border-bottom:1px solid #333b33}.identity strong{color:#f6f5ed;font-family:Manrope,'Segoe UI',Arial,sans-serif;font-weight:800;letter-spacing:.13em;font-size:12px}.identity p{margin:3px 0 0;font-size:10px;letter-spacing:.12em;color:#8d9b8e;text-transform:uppercase}.side-section{font-size:10px;letter-spacing:.16em;color:#737c73;margin:31px 12px 10px;text-transform:uppercase;font-weight:700}.nav-item{width:100%;color:#aeb6ac;background:none;border:0;display:flex;align-items:center;gap:13px;text-align:left;padding:12px 13px;font-weight:600;letter-spacing:.01em;border-radius:5px;margin:2px 0;transition:.15s}.nav-item:hover{background:#2b312a;color:white}.nav-item.active{background:#373930;color:#f1d8ad}.nav-icon{width:20px;display:inline-flex;justify-content:center;font-size:18px;color:#aab3a9}.nav-item.active .nav-icon{color:#d4b378}.nav-item.disabled{opacity:.45;cursor:default}.nav-item.disabled:hover{background:none;color:#aeb6ac}.later{font-size:9px;margin-left:auto;white-space:nowrap}.side-end{margin-top:auto;padding:18px 11px 0;border-top:1px solid #343a34;color:#aeb6ac;font-size:12px}.side-end button{color:#d8c7a9;background:none;border:0;padding:9px 0;font-size:12px}.side-end .user-mail{overflow-wrap:anywhere;font-weight:600}
.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px;gap:24px}.breadcrumbs{font-size:12px;color:#83877e}.breadcrumbs span{color:#252e24;font-weight:700}.top-right{display:flex;gap:15px;align-items:center;color:#9a9f96}.environment-tag{padding:7px 11px;background:#f3eee3;color:#987843;letter-spacing:.04em;font-size:10px;font-weight:800;border-radius:3px}.user-circle{width:32px;height:32px;border-radius:50%;background:#eae4d9;color:#826738;display:grid;place-items:center;font-weight:700}
main{width:100%;max-width:1580px;margin:0 auto;padding:41px 45px 80px}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;gap:20px;flex-wrap:wrap}.eyebrow{font-size:11px;letter-spacing:.21em;color:#aa8957;font-weight:800;text-transform:uppercase;margin:0 0 11px}.heading h1{font-size:30px;letter-spacing:-.055em;line-height:1.2;margin:0;font-family:Manrope,'Segoe UI',Arial,sans-serif;font-weight:800}.subtitle{margin:10px 0 0;color:#858780;font-size:13px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid #d5d7d0;background:white;padding:10px 15px;border-radius:4px;font-weight:700;font-size:12px;color:#30362e;display:inline-flex;justify-content:center;align-items:center;gap:9px;white-space:nowrap;min-height:38px}.btn:hover{border-color:#bea373}.btn-primary{background:#242a24;color:#f8f3e7;border-color:#242a24}.btn-primary:hover{background:#323b31}.btn-gold{background:#b6945f;color:#fff;border-color:#b6945f}.btn-small{font-size:11px;padding:7px 11px;min-height:28px}.btn-danger{color:#a74e4e;border-color:#e8caca}.field{min-width:0;display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;font-weight:800;color:#71766c;letter-spacing:.02em}.field input,.field select,.field textarea{border:1px solid #dadfd8;border-radius:4px;padding:11px 12px;background:#fff;color:#202720;min-width:0;outline:none;width:100%;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#bda175;box-shadow:0 0 0 3px #c09c6322}.field textarea{min-height:75px;resize:vertical}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filters input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;max-width:170px;background:white}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.stat{background:#fff;border:1px solid #e8e9e3;padding:21px 22px 18px;min-height:139px;position:relative;box-shadow:var(--shadow)}.stat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#dec39a}.stat.dark{background:#242924;border-color:#242924;color:white}.stat.dark::before{background:#d4ae73}.stat .kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.04em;color:#8a8e85}.stat.dark .kpi-top{color:#c2c9bd}.stat .metric{margin-top:18px;font-size:26px;font-weight:800;font-family:Manrope,'Segoe UI',Arial,sans-serif;letter-spacing:-.05em;white-space:nowrap}.stat .metric small{font-size:12px;font-weight:600;letter-spacing:0}.stat .hint{margin-top:8px;font-size:11px;color:#8d9289}.stat.dark .hint{color:#b6bfb4}
.panels{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.panel{border:1px solid var(--line);background:white;box-shadow:var(--shadow);padding:22px;margin-bottom:20px;min-width:0}.panel-title{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.02em;margin:0}.panel-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.panel-sub{font-size:11px;color:#9b9f97;margin-top:5px}.mini-label{font-size:10px;text-transform:uppercase;color:#969b91;font-weight:800;letter-spacing:.12em}.empty{border:1px dashed #e4e4dc;background:#fbfbf9;padding:38px 20px;text-align:center;color:#92978f;font-size:13px}.empty strong{display:block;color:#596055;margin-bottom:8px;font-size:14px}.table-wrap{width:100%;overflow:auto;border:1px solid #eceee8}.table{width:100%;border-collapse:collapse;min-width:680px}.table th{text-align:left;background:#fafbf8;color:#8b9087;font-weight:800;letter-spacing:.055em;text-transform:uppercase;font-size:10px;padding:14px 14px;white-space:nowrap;border-bottom:1px solid #e6e7e0}.table td{padding:14px;font-size:12px;border-bottom:1px solid #eee;font-weight:500;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fafaf7}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.strong{font-weight:800!important}.tiny{font-size:11px;color:#92988c}.badge{display:inline-block;padding:6px 9px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.025em;background:#f3f3f0;color:#666}.badge.good{background:#eaf5ef;color:#39735c}.badge.warn{background:#fcf2dc;color:#9c7528}.badge.negative{background:#f8e9e7;color:#b34d48}.badge.neutral{background:#eff1ed;color:#627162}.amount-pos{color:#356b50}.amount-neg{color:#ad504c}.aside-info{background:#f5f1e8;border:1px solid #e5daca;padding:17px 19px;font-size:12px;line-height:1.65;color:#70674f;margin:0 0 22px}.aside-info strong{color:#655331}.legend{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:#80877c;margin-bottom:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ad9369;margin-right:7px}.dot.gray{background:#b9c0b4}.bar-chart{display:flex;gap:15px;align-items:flex-end;min-height:180px;border-bottom:1px solid #e4e7df;padding:0 5px 0}.bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:180px;min-width:38px}.bars{display:flex;align-items:flex-end;height:150px;gap:5px}.bar{min-height:3px;width:15px;background:#c4a574}.bar.gray{background:#c9cec4}.bar-label{font-size:10px;color:#999e95;line-height:27px;white-space:nowrap}.account-list{display:flex;flex-direction:column;gap:8px}.account-row{border:1px solid #e8eae4;padding:13px 16px;display:flex;align-items:center;justify-content:space-between}.account-row strong{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:15px}.account-row p{margin:0;color:#92968e;font-size:11px}.money-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:12px}.money-line:last-child{border-bottom:0}.money-line strong{font-size:13px}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-hero{background:#202620;color:#fbf8ef;display:flex;flex-direction:column;justify-content:space-between;padding:65px 11%;background-image:radial-gradient(ellipse at 90% 85%,#6c624133 0%,transparent 45%)}.login-logo{display:flex;gap:20px;align-items:center;font-family:Manrope,'Segoe UI',Arial,sans-serif;letter-spacing:.17em;font-size:14px;font-weight:800}.login-hero h2{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:clamp(35px,5.4vw,68px);line-height:1.12;letter-spacing:-.06em;font-weight:700;max-width:550px}.login-hero h2 em{font-style:normal;color:#c2a274}.login-hero p{font-size:13px;color:#acb9ab;max-width:360px;line-height:1.7}.login-hero footer{font-size:11px;color:#839083;letter-spacing:.12em}.login-right{display:grid;place-items:center;padding:50px}.login-card{width:100%;max-width:370px}.login-card h1{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:32px;letter-spacing:-.06em;margin:0 0 12px}.login-card>p{color:#969b91;margin-bottom:36px}.login-card form{display:flex;flex-direction:column;gap:20px}.login-card .btn{padding:14px}.error-text{color:#ae4747;font-size:12px;min-height:13px}.toast{position:fixed;right:25px;bottom:25px;background:#232923;color:#fff;padding:14px 20px;z-index:60;border-left:3px solid #c19e65;box-shadow:0 8px 24px #0002;max-width:360px;font-size:12px}.toast.error{border-left-color:#de6561}
.modal-backdrop{position:fixed;inset:0;background:#161d17a9;z-index:20;display:grid;place-items:center;padding:22px;overflow-y:auto}.modal{width:min(700px,100%);background:white;box-shadow:0 30px 100px #0003;max-height:90vh;overflow:auto}.modal-head{padding:23px 29px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ecece6}.modal-head h2{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:20px;letter-spacing:-.04em;margin:0}.close{border:0;background:transparent;font-size:26px;color:#868980;padding:2px 6px}.modal-body{padding:27px 29px;display:flex;flex-direction:column;gap:18px}.modal-footer{padding:16px 29px;background:#f8f9f6;border-top:1px solid #e8e9e3;display:flex;gap:10px;justify-content:flex-end}.line-editor{border:1px solid #e7e9e2;padding:13px;display:grid;grid-template-columns:2fr .65fr 1fr .8fr;gap:9px}.line-editor .field label{font-size:9px}.line-editor input{padding:9px}.form-note{background:#fbf5e8;padding:12px;color:#8c723e;font-size:11px;line-height:1.55}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.integration{border:1px solid #e6e8e0;padding:19px}.integration strong{display:block;margin-bottom:8px;font-family:Manrope}.integration p{font-size:11px;color:#8c9387;line-height:1.6;margin:9px 0 0}.metric-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric-mini{padding:20px;background:#f8f9f6;border:1px solid #ebede7}.metric-mini strong{display:block;font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:21px;margin:8px 0}.metric-mini small{color:#969d93}.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.roadmap{border:1px solid #e2e6dd;padding:19px}.roadmap h3{margin:10px 0 7px;font-size:15px}.roadmap p{color:#8c9388;font-size:12px;line-height:1.6}
@media(max-width:1200px){.shell{grid-template-columns:210px minmax(0,1fr)}.topbar{padding:0 26px}main{padding:32px 26px 60px}.stats{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}}@media(max-width:750px){.shell{display:block}.sidebar{height:auto;position:relative;padding:12px 14px;max-height:none}.identity{padding:6px 2px 11px;border-bottom:0}.identity .brand-mark{width:31px;height:31px;font-size:15px}.identity p{display:none}.side-section,.side-end,.nav-item.disabled{display:none}.navlist{display:flex;gap:4px;overflow-x:auto;margin:0 -2px;scrollbar-width:none}.navlist::-webkit-scrollbar{display:none}.nav-item{width:auto;flex:0 0 auto;padding:9px 11px;white-space:nowrap;gap:7px;font-size:11px}.nav-icon{font-size:15px;width:auto}.topbar{height:51px;padding:0 16px}.environment-tag{font-size:9px;padding:6px}.top-right{gap:10px}.breadcrumbs{font-size:11px}.user-circle{width:27px;height:27px}main{padding:25px 16px 55px}.heading{margin-bottom:20px;align-items:start}.heading h1{font-size:25px}.subtitle{font-size:12px;line-height:1.6}.actions{width:100%}.stats{gap:10px}.stat{padding:17px 15px;min-height:123px}.stat .metric{font-size:21px}.stat .metric small{font-size:10px}.stat .hint{font-size:10px}.stat .kpi-top{font-size:9px}.panel{padding:17px;margin-bottom:13px}.panels{gap:0}.login-layout{grid-template-columns:1fr}.login-hero{display:none}.login-right{padding:35px 26px}.login-card{max-width:450px}.field-row,.field-row.three{grid-template-columns:1fr}.line-editor{grid-template-columns:1fr 1fr}.line-editor .field:first-child{grid-column:1/-1}.modal-head,.modal-body,.modal-footer{padding:18px}.metric-list{grid-template-columns:1fr}.integration-grid,.roadmap-grid{grid-template-columns:1fr}.toast{left:14px;right:14px;bottom:14px}}@media(max-width:375px){.stats{grid-template-columns:1fr 1fr}.stat .metric{font-size:18px}.nav-item{padding:8px}.actions .btn{flex:1}}
/* Allow cards containing wide data tables to scroll internally on narrow screens. */
.panels>div{min-width:0}
@media(max-width:1200px){.panels{grid-template-columns:minmax(0,1fr)}}
@media(max-width:750px){.panel,.table-wrap,.panels,.panels>div{min-width:0;max-width:100%}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.bar-chart{gap:5px}.bar-wrap{min-width:32px}}

/* OFFICE SARACH v0.2 */
.doc-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;align-items:center}.doc-filters input,.doc-filters select{height:38px;border:1px solid #d8d9d5;background:#fff;color:#30362f;padding:8px 10px;border-radius:3px;max-width:100%}.doc-filters input#docSearch{flex:1;min-width:200px}.doc-filters label{font-size:11px;color:#687267;display:flex;align-items:center;gap:5px}.doc-filters label input{width:145px}.field-row .field{min-width:0}@media(max-width:650px){.doc-filters input#docSearch{min-width:100%;flex-basis:100%}.doc-filters label{width:calc(50% - 5px)}.doc-filters label input{min-width:0;width:100%}}

/* ───────── Oficjalna paleta SARACH v1.0 (zatwierdzona 16.10.2026) ─────────
   Źródło: SARACH_OFICJALNA_PALETA_KOLOROW_v1_2026-10-16.pdf. Ma pierwszeństwo przed wcześniejszymi kolorami tego pliku.
   Drobny tekst złoty i pomocniczy używa przyciemnionych odcieni tej samej rodziny (WCAG AA na kremie):
   --sarach-gold-text #85663B (4,8:1), --sarach-muted #75604B (5,3:1). Kolory statusów są semantyczne i zawsze mają etykietę. */
:root{
  --sarach-cream:#F7F2EA;--sarach-studio-bg:#F6F2EA;--sarach-surface:#FFFDFA;--sarach-sand:#E9DBC6;
  --sarach-gold:#A6814D;--sarach-gold-studio:#B99869;--sarach-action:#594332;--sarach-ink:#2B221D;
  --sarach-gold-text:#85663B;--sarach-muted:#75604B;--sarach-line:#E9DBC6;--sarach-line-soft:#EFE5D6;
  --status-good-bg:#EEEDE0;--status-good:#56572B;--status-warn-bg:#F6EAD2;--status-warn:#7A5A26;--status-bad-bg:#F5E3DE;--status-bad:#93392B;
  --ink:var(--sarach-ink);--muted:var(--sarach-muted);--gold:var(--sarach-gold-studio);--canvas:var(--sarach-studio-bg);--paper:var(--sarach-surface);--line:var(--sarach-line);
  --shadow:0 4px 18px rgba(43,34,29,.05)
}
body{background:var(--sarach-studio-bg);color:var(--sarach-ink)}
input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--sarach-action)}
:focus-visible{outline:2px solid var(--sarach-gold);outline-offset:2px}
.loading-screen{color:var(--sarach-muted)}
.brand-mark{border-color:var(--sarach-gold);color:var(--sarach-gold)}.brand-mark span{color:var(--sarach-action)}
.sidebar{background:var(--sarach-surface);color:var(--sarach-ink);border-right:1px solid var(--sarach-line)}
.identity{border-bottom-color:var(--sarach-line)}.identity strong{color:var(--sarach-ink)}.identity p{color:var(--sarach-muted)}
.side-section{color:var(--sarach-gold-text)}
.nav-item{color:var(--sarach-action)}.nav-item:hover{background:var(--sarach-studio-bg);color:var(--sarach-ink)}
.nav-item.active{background:var(--sarach-sand);color:var(--sarach-ink);box-shadow:inset 3px 0 0 var(--sarach-gold-studio)}
.nav-icon,.nav-item.active .nav-icon{color:var(--sarach-gold)}
.nav-item.disabled:hover{background:none;color:var(--sarach-action)}
.side-end{border-top-color:var(--sarach-line);color:var(--sarach-muted)}.side-end button{color:var(--sarach-action);font-weight:700}
.topbar{background:var(--sarach-surface);border-bottom-color:var(--sarach-line)}.breadcrumbs{color:var(--sarach-muted)}.breadcrumbs span{color:var(--sarach-ink)}
.environment-tag{background:var(--sarach-sand);color:var(--sarach-action)}.user-circle{background:var(--sarach-sand);color:var(--sarach-action)}.top-right{color:var(--sarach-muted)}
.eyebrow{color:var(--sarach-gold-text)}.subtitle{color:var(--sarach-muted)}
.btn{border-color:var(--sarach-gold-studio);background:var(--sarach-surface);color:var(--sarach-ink)}.btn:hover{border-color:var(--sarach-gold);background:#fffaf0}
.btn-primary{background:var(--sarach-action);border-color:var(--sarach-action);color:var(--sarach-surface)}.btn-primary:hover{background:#3d3024;border-color:#3d3024}
.btn-gold{background:var(--sarach-gold);border-color:var(--sarach-gold)}.btn-danger{color:var(--status-bad);border-color:#e6c4bc}
.field label{color:var(--sarach-muted)}
.field input,.field select,.field textarea,.filters input,.doc-filters input,.doc-filters select{border-color:var(--sarach-sand);background:var(--sarach-surface);color:var(--sarach-ink)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sarach-gold-studio);box-shadow:0 0 0 3px rgba(166,129,77,.18)}
.stat{background:var(--sarach-surface);border-color:var(--sarach-line)}.stat::before{background:var(--sarach-gold-studio)}
.stat .kpi-top,.stat .hint{color:var(--sarach-muted)}
.stat.dark{background:var(--sarach-ink);border-color:var(--sarach-ink);color:var(--sarach-surface)}.stat.dark::before{background:var(--sarach-gold)}
.stat.dark .kpi-top,.stat.dark .hint{color:var(--sarach-sand)}
.panel{background:var(--sarach-surface);border-color:var(--sarach-line)}.panel-sub,.mini-label{color:var(--sarach-muted)}
.empty{border-color:var(--sarach-sand);background:var(--sarach-cream);color:var(--sarach-muted)}.empty strong{color:var(--sarach-action)}
.table-wrap{border-color:var(--sarach-line)}.table th{background:var(--sarach-cream);color:var(--sarach-muted);border-bottom-color:var(--sarach-line)}
.table td{border-bottom-color:var(--sarach-line-soft)}.table tr:hover td{background:#fffaf0}.tiny{color:var(--sarach-muted)}
.badge{background:var(--sarach-studio-bg);color:var(--sarach-action);border:1px solid var(--sarach-line)}
.badge.neutral{background:var(--sarach-cream);color:var(--sarach-action)}
.badge.good{background:var(--status-good-bg);color:var(--status-good);border-color:transparent}
.badge.warn{background:var(--status-warn-bg);color:var(--status-warn);border-color:transparent}
.badge.negative{background:var(--status-bad-bg);color:var(--status-bad);border-color:transparent}
.amount-pos{color:var(--status-good)}.amount-neg{color:var(--status-bad)}
.aside-info{background:var(--sarach-cream);border-color:var(--sarach-sand);color:var(--sarach-action)}.aside-info strong{color:var(--sarach-ink)}
.legend{color:var(--sarach-muted)}.dot{background:var(--sarach-gold)}.dot.gray{background:var(--sarach-sand)}
.bar{background:var(--sarach-gold-studio)}.bar.gray{background:var(--sarach-sand)}.bar-chart{border-bottom-color:var(--sarach-line)}.bar-label{color:var(--sarach-muted)}
.account-row{border-color:var(--sarach-line)}.account-row p{color:var(--sarach-muted)}.money-line{border-bottom-color:var(--sarach-line-soft)}
.login-hero{background:var(--sarach-ink);background-image:none;color:var(--sarach-surface)}.login-hero h2 em{color:var(--sarach-gold-studio)}
.login-hero p,.login-hero footer{color:var(--sarach-sand)}.login-right{background:var(--sarach-cream)}.login-card>p{color:var(--sarach-muted)}
.error-text{color:var(--status-bad)}
.toast{background:var(--sarach-ink);border-left-color:var(--sarach-gold)}.toast.error{border-left-color:#d77a6a}
.modal-backdrop{background:rgba(43,34,29,.55)}.modal{background:var(--sarach-surface)}.modal-head{border-bottom-color:var(--sarach-line)}
.modal-footer{background:var(--sarach-cream);border-top-color:var(--sarach-line)}.close{color:var(--sarach-muted)}
.line-editor{border-color:var(--sarach-line)}.form-note{background:var(--sarach-cream);color:var(--sarach-action);border-left:3px solid var(--sarach-gold-studio)}
.integration,.roadmap{border-color:var(--sarach-line)}.integration p,.roadmap p{color:var(--sarach-muted)}
.metric-mini{background:var(--sarach-cream);border-color:var(--sarach-line)}.metric-mini small{color:var(--sarach-muted)}
.doc-filters label{color:var(--sarach-muted)}

/* ───────── CENTRUM MAREK ───────── */
.bc-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bc-toolbar label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--sarach-muted)}
.bc-toolbar input,.bc-toolbar select{height:38px;border:1px solid var(--sarach-sand);background:var(--sarach-surface);color:var(--sarach-ink);padding:6px 9px;border-radius:4px;max-width:100%}
.bc-toolbar input:disabled{opacity:.6}
.segmented{display:inline-flex;border:1px solid var(--sarach-gold-studio);border-radius:4px;overflow:hidden;background:var(--sarach-surface)}
.segmented button{border:0;border-right:1px solid var(--sarach-line);background:none;padding:9px 12px;font-size:12px;font-weight:700;color:var(--sarach-action);min-height:36px}
.segmented button:last-child{border-right:0}.segmented button:hover{background:var(--sarach-cream)}
.segmented button.active{background:var(--sarach-sand);color:var(--sarach-ink)}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;margin-bottom:20px}
.brand-card{background:var(--sarach-surface);border:1px solid var(--sarach-line);border-top:3px solid var(--sarach-gold-studio);padding:20px 20px 16px;display:flex;flex-direction:column;gap:14px;min-width:0;box-shadow:var(--shadow)}
.brand-card.shared{border-top-color:var(--sarach-sand)}.brand-card.unassigned{border-top-color:var(--status-warn);background:var(--sarach-cream)}
.brand-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.brand-card h3{margin:5px 0 4px;font-family:Manrope,"Segoe UI",Arial,sans-serif;font-size:18px;letter-spacing:.04em;color:var(--sarach-ink)}
.brand-card header p{margin:0;font-size:12px;color:var(--sarach-muted);line-height:1.5}
.figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--sarach-line-soft)}
.fig{padding:10px 11px;border-right:1px solid var(--sarach-line-soft);border-bottom:1px solid var(--sarach-line-soft);min-width:0}
.fig:nth-child(3n){border-right:0}.fig:nth-last-child(-n+3){border-bottom:0}
.fig span{display:block;font-size:10px;font-weight:700;color:var(--sarach-muted);letter-spacing:.02em;margin-bottom:4px}
.fig strong{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--sarach-ink)}
.fig strong.amount-neg{color:var(--status-bad)}
.studio-strip{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--sarach-muted);padding:9px 11px;background:var(--sarach-cream);border:1px dashed var(--sarach-sand)}
.card-actions{display:flex;gap:8px;flex-wrap:wrap}
.money-line.total{border-top:1px solid var(--sarach-sand);margin-top:6px;padding-top:12px}
.alert-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.alert{display:flex;gap:12px;align-items:flex-start;padding:12px 13px;border:1px solid var(--sarach-line);border-left:3px solid var(--sarach-gold-studio);background:var(--sarach-surface)}
.alert.warning{border-left-color:var(--status-warn)}.alert.critical{border-left-color:var(--status-bad)}
.alert strong{font-size:13px}.alert p{margin:4px 0 0;font-size:12px;color:var(--sarach-action);line-height:1.5}
.system-list{display:flex;flex-direction:column}
.system-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--sarach-line-soft);flex-wrap:wrap}
.system-row:last-child{border-bottom:0}.system-row p{margin:4px 0 0;font-size:12px;color:var(--sarach-action)}
.system-status{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.inline-form{margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.inline-form .field-row{width:100%}
.table select{border:1px solid var(--sarach-sand);background:var(--sarach-surface);padding:6px 8px;border-radius:4px;color:var(--sarach-ink)}
@media(max-width:750px){.sidebar{border-right:0;border-bottom:1px solid var(--sarach-line)}.nav-item.active{box-shadow:inset 0 -2px 0 var(--sarach-gold-studio)}
  .bc-toolbar{width:100%}.segmented{width:100%;overflow-x:auto}.segmented button{flex:1 0 auto;padding:9px 10px}
  .bc-toolbar label{flex:1 1 45%}.bc-toolbar label input{flex:1;min-width:0}.bc-toolbar select{width:100%}
  .brand-grid{grid-template-columns:minmax(0,1fr)}.figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fig:nth-child(3n){border-right:1px solid var(--sarach-line-soft)}.fig:nth-child(2n){border-right:0}.fig:nth-last-child(-n+3){border-bottom:1px solid var(--sarach-line-soft)}.fig:nth-last-child(-n+1){border-bottom:0}}

/* ───────── Konta, role, logowanie dwuetapowe ───────── */
.checks{display:flex;flex-wrap:wrap;gap:10px 18px;padding:4px 0}
.check{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--sarach-action);cursor:pointer}
.check input{width:16px;height:16px}
.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:18px;font-size:13px;color:var(--sarach-ink)}
.qr{margin:12px 0;display:block;width:max-content;padding:8px;background:var(--sarach-surface);border:1px solid var(--sarach-sand)}
.qr svg{display:block;width:200px;height:200px}
.secret{display:inline-block;margin-top:4px;padding:6px 9px;background:var(--sarach-cream);border:1px solid var(--sarach-sand);font-size:13px;letter-spacing:.06em;word-break:break-all}
.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0 16px}
.codes code{padding:9px 10px;background:var(--sarach-cream);border:1px solid var(--sarach-sand);font-size:14px;text-align:center;letter-spacing:.05em}
.table .actions{flex-wrap:nowrap}
@media(max-width:750px){.table .actions{flex-wrap:wrap}.qr svg{width:180px;height:180px}}