:root{color-scheme:dark;--bg:#080e1a;--panel:#111c2e;--line:#26364e;--text:#eff4ff;--muted:#99aac2;--blue:#2978ff;--cyan:#6baaff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;transition:filter .15s,transform .15s}button:hover{filter:brightness(1.14)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin-bottom:10px}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:12px}h3{font-size:16px;margin-bottom:4px}.muted,.footnote{color:var(--muted)}.footnote{font-size:12px;line-height:1.7}.eyebrow{color:#7da9ee;font-size:10px;font-weight:750;letter-spacing:2px;margin-bottom:12px}.primary,.secondary{border-radius:10px;font-weight:650;padding:12px 18px;white-space:nowrap}.primary{border:1px solid #65a2ff;border-bottom:3px solid #17469c;color:white;background:linear-gradient(180deg,#438fff,#1d5ed5);box-shadow:inset 0 1px 0 #88b7ff66,0 5px 15px #0053e43a}.secondary{background:linear-gradient(#223650,#16243a);border:1px solid #3a5274;border-bottom:3px solid #0c1727;color:#e5eeff;box-shadow:inset 0 1px 0 #7290bb22,0 4px 8px #0003}.quiet{border:0;background:transparent;color:#a2b9d9;padding:7px 8px}.monogram{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#428eff,#164eb7);border:1px solid #73a7ff66;box-shadow:inset 0 1px 0 #a1c6ff66,0 9px 24px #0046d133;font-size:25px;font-weight:800;letter-spacing:-2px}.monogram.small{width:42px;height:42px;border-radius:11px;font-size:20px;flex-shrink:0}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:110px;padding:50px;background:radial-gradient(ellipse at 23% 40%,#12357380,transparent 55%)}.login-brand{width:400px}.login-brand .eyebrow{margin-top:30px}.login-brand h1{font-size:52px;line-height:1.15;margin:20px 0}.login-brand h1 span{color:#73a8ff}.login-brand>p:not(.eyebrow),.login-brand small{color:var(--muted)}.brand-line{height:1px;background:linear-gradient(90deg,#3b659d,transparent);margin:28px 0}.login-card{background:linear-gradient(135deg,#17253b,#101b2e);border:1px solid #314766;border-radius:20px;padding:38px;width:400px;box-shadow:0 30px 90px #0005}.login-card h2{font-size:26px}.login-card label{display:block;margin:20px 0;color:#b7c8e1;font-size:12px}.login-card input{width:100%;margin-top:8px;padding:12px;border-radius:9px;border:1px solid #344b6e;background:#0a1527;color:white}.login-card .primary{width:100%;display:flex;justify-content:space-between}.login-card .footnote{text-align:center;margin:22px 0 0}.error{color:#ffa5aa;min-height:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:linear-gradient(180deg,#111c2d,#0b1321);border-right:1px solid #23324b;padding:30px 19px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px;line-height:1.35;font-size:13px;padding:0 8px 30px}.brand b{font-size:18px;letter-spacing:.5px}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#7185a5;margin:22px 10px 12px}.nav{display:flex;gap:13px;align-items:center;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#acbdd5;padding:13px 14px;border-radius:10px;margin:4px 0}.nav span{font-size:18px;width:22px;text-align:center}.nav.active{background:linear-gradient(100deg,#1e56b5,#173968);border-color:#3263a9;box-shadow:inset 0 1px 0 #75a5fa20,0 5px 15px #0002;color:white}.future{padding:11px 12px;color:#7f90aa;font-size:12px;display:flex;justify-content:space-between;gap:4px}.future small{font-size:9px;color:#7085a8;background:#19253a;padding:1px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:35px 8px 0;color:#91a8c8;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65a4ff;margin-right:6px}.version{color:#506482;margin-top:9px;font-size:9px}.workspace{margin-left:242px}header{height:84px;border-bottom:1px solid #202e43;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{color:#7e91ac;font-size:12px}.breadcrumb span{margin:0 15px;color:#425675}.breadcrumb b{font-weight:500;color:#c1cfe1}.user{display:flex;gap:10px;align-items:center}.avatar{border-radius:50%;background:#233d63;border:1px solid #385c8c;width:34px;height:34px;display:grid;place-items:center;font-size:12px}.user strong{display:block;font-size:12px}.user small{display:block;color:var(--muted);font-size:10px}.user .quiet{font-size:11px;margin-left:12px}main{padding:35px 38px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading .muted{font-size:13px;margin-bottom:0}.heading-actions{display:flex;gap:10px;align-items:center}select{border:1px solid #344865;background:#142237;border-radius:10px;padding:13px 34px 13px 15px;color:#deebff;max-width:100%}.metrics{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:18px}.card{background:linear-gradient(135deg,#152238,#101b2c);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 20px #0002,inset 0 1px 0 #647a9d0c}.hero{background:radial-gradient(ellipse at top right,#255ec452,transparent 70%),linear-gradient(130deg,#172e53,#12223c);border-color:#335583;padding:24px}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#bfd2ef}.badge{font-size:10px;padding:4px 9px;border-radius:6px;display:inline-block;background:#22314a;color:#a9bcda;border:1px solid #354864}.badge.blue{color:#9ac3ff;background:#173e7466;border-color:#39679f}.badge.amber{background:#53432655;color:#e4bc70;border-color:#665535}.total{font-size:43px;font-weight:700;letter-spacing:-1.6px;margin:23px 0 12px;overflow-wrap:anywhere}.hero-bottom{display:flex;justify-content:space-between;align-items:center;color:#93afd2;font-size:11px;gap:8px}.mini-chart{font-size:29px;letter-spacing:3px;color:#4a91f3}.metric{padding:23px}.metric-icon{display:grid;place-items:center;width:34px;height:34px;background:#1b3760;border:1px solid #315486;border-radius:9px;color:#80b3ff;font-size:21px;margin-bottom:14px}.metric p{margin:0 0 7px;color:#b8c9e1;font-size:12px}.metric strong{font-size:30px;display:block;line-height:1.3;margin-bottom:6px}.metric strong.schedule{font-size:23px}.metric small{font-size:10px;color:#8196b4}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.section-title h2{font-size:16px;margin:0}.section-title>span{font-size:10px;color:#8296b2}.org-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.org-card{padding:21px 23px;display:grid;grid-template-columns:1fr auto;gap:12px}.org-name{display:flex;gap:12px;align-items:center}.org-icon{display:grid;place-items:center;border-radius:10px;width:38px;height:38px;background:#203554;border:1px solid #344e73;font-size:11px;color:#b0c9ed}.org-card h3{font-size:14px}.org-card small{color:#8299b9;font-size:10px}.org-amount{font-size:25px;font-weight:650;grid-column:1;margin:3px 0}.org-card .badge{align-self:start}.org-card .footnote{margin:0}.table-card{overflow:hidden}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#111c2e;color:#8398b6;font-size:10px;font-weight:500;padding:15px 20px}td{padding:17px 20px;border-top:1px solid #23334b;color:#c4d3e9}td strong{color:#edf3ff}td small{display:block;color:#7f96b8;font-size:10px;margin-top:3px}.amount{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-weight:650}.account-number{font-family:monospace;font-size:11px}.empty{padding:35px 25px;text-align:center}.empty-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid #2b466b;border-radius:13px;background:#182c49;color:#7fa8df;font-size:24px}.empty h3{font-size:14px}.empty p{color:#8096b5;font-size:12px;margin-bottom:0}.connection-banner{margin-top:22px;border:1px solid #2d4870;border-radius:13px;background:linear-gradient(100deg,#132d50,#111e31);padding:21px 23px;display:flex;align-items:center;gap:18px}.banner-icon{font-size:24px;color:#78acff}.connection-banner h3{font-size:13px}.connection-banner p{font-size:11px;color:#91a7c6;margin:0;max-width:630px}.connection-banner button{margin-left:auto;font-size:11px}footer{display:flex;justify-content:space-between;gap:12px;color:#5d7292;font-size:10px;margin-top:35px}.import-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload-card,.instructions,.settings-card{padding:28px}.settings-card h2{margin-top:20px}.settings-card .muted,.instructions .muted{font-size:13px}.file-label{display:block;border:1px dashed #42638f;border-radius:10px;padding:20px;background:#101c2f;color:#c0d4f0}.file-label input{display:block;margin-top:12px;max-width:100%;font-size:12px}.text-link{color:#88b8ff;font-size:12px;display:block;margin-top:18px}.instructions ol{padding-left:20px;color:#bdcce2;line-height:2.5}.instructions h2{font-size:25px}.settings-card dl{font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 0}.settings-card dt{color:#7f96b8}.settings-card dd{margin:0;text-align:right}.notice{padding:13px 17px;margin-bottom:20px;border:1px solid #42618d;background:#172d4c;border-radius:10px}.notice.error{border-color:#8d4655;background:#391c2a;color:#ffc6cc}.preview{padding:20px;margin-top:20px;overflow:auto}.preview .primary{margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{width:min(700px,94vw);background:#111e32;color:white;border:1px solid #36547e;border-radius:16px;padding:25px}dialog::backdrop{background:#000a}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{margin:0}.history-button{color:#88b8ff;background:none;border:0;font-size:11px;padding:5px 0}.stale{color:#e6bc72!important}
@media(min-width:1600px){main{padding-top:45px}}@media(max-width:1150px){.sidebar{width:210px;padding:25px 12px}.workspace{margin-left:210px}main{padding:28px 24px}header{padding:0 24px}.page-heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1.3fr 1fr 1fr}.metric{padding:18px}.total{font-size:35px}.metric strong.schedule{font-size:19px}.connection-banner{flex-wrap:wrap}.login-screen{gap:45px}.login-brand{width:340px}.login-brand h1{font-size:44px}}@media(max-width:780px){.sidebar{position:static;width:auto;padding:15px 18px;border-right:0;border-bottom:1px solid #293d5c}.brand{padding:0 0 15px}.brand br{display:none}.brand b{margin-left:5px}.sidebar nav{display:flex;gap:6px;overflow:auto}.nav{white-space:nowrap;width:auto;min-width:fit-content;font-size:11px;padding:9px 12px;margin:0}.nav span{font-size:15px;width:auto}.nav-caption,.future,.sidebar-bottom{display:none}.workspace{margin:0}header{height:64px;padding:0 20px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.user .avatar,.user small{display:none}.user .quiet{margin:0}.user strong{font-size:11px}main{padding:25px 18px}.page-heading{gap:18px}h1{font-size:28px}.heading-actions{width:100%}.heading-actions select{flex:1;min-width:0;font-size:12px}.heading-actions button{font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.hero{grid-column:1/-1}.total{font-size:42px;margin:15px 0 8px}.metric{padding:17px}.metric strong.schedule{font-size:20px}.org-grid,.import-grid,.settings-grid{grid-template-columns:1fr;gap:12px}.section-title>span{display:none}.org-card{padding:20px}.table-card{overflow:auto}table{min-width:570px}th,td{padding:14px}.connection-banner{padding:18px;gap:12px}.connection-banner .banner-icon{display:none}.connection-banner button{margin:0}.connection-banner p{line-height:1.8}footer{font-size:9px}.login-screen{flex-direction:column;padding:30px 20px;gap:28px}.login-brand{width:min(400px,100%)}.login-brand .monogram{width:45px;height:45px;font-size:21px}.login-brand .eyebrow{margin-top:20px}.login-brand h1{font-size:36px;margin:12px 0}.login-brand>p:not(.eyebrow),.brand-line,.login-brand small{display:none}.login-card{width:min(400px,100%);padding:27px}.metric small{font-size:10px}.settings-card dl{grid-template-columns:1fr 1fr}}

/* Compact settings and direct statement upload. */
.accounts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.accounts-toolbar h2{margin-bottom:4px}.accounts-toolbar p{margin:0;font-size:12px}
.settings-toolbar{display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:center;margin-bottom:18px}
.settings-toolbar h2{margin:0;font-size:16px}.settings-toolbar p{grid-column:1;margin:0;font-size:12px}
.settings-toolbar label{grid-column:2;grid-row:1/3;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px}
#connection-forms{gap:14px;align-items:start}
.connection-form{padding:18px!important;min-width:0}
.connection-form h2{margin:10px 0 14px;font-size:18px}
.connection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.connection-fields label{display:block;color:#c1d2ec;font-size:12px;min-width:0}
.connection-fields label:only-child{grid-column:1/-1}
.connection-fields input{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #45658f;border-radius:8px;background:#081426;color:#fff;min-height:42px}
.connection-fields input:focus{outline:2px solid #438fff;border-color:#7aafff}
.connection-fields input::placeholder{color:#8195b2;font-size:11px}
.connection-actions{display:flex;align-items:center;gap:10px;margin-top:16px}
.connection-actions .primary{padding:9px 18px}
.connection-form .footnote{margin:10px 0 0;font-size:11px}
@media(max-width:780px){.settings-toolbar{display:block}.settings-toolbar label{margin-top:12px;flex-wrap:wrap}.accounts-toolbar{align-items:flex-start;flex-direction:column}.connection-fields{grid-template-columns:1fr}.connection-actions{flex-wrap:wrap}}

#upload-dialog{width:min(820px,94vw);max-height:88vh;overflow:auto}#upload-dialog .preview{padding:16px 0 0;margin-top:16px;border-top:1px solid var(--line)}#upload-dialog .dialog-head{gap:16px}#upload-dialog .dialog-head h2{font-size:21px}

.connection-actions{flex-wrap:wrap}.finance-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.finance-metrics strong{font-size:26px}#finance-content details{margin-top:12px}#finance-content summary{cursor:pointer;font-weight:600}#finance-content .table-card{overflow:auto}@media(max-width:780px){.finance-metrics{grid-template-columns:1fr}}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.work-grid label{display:flex;flex-direction:column;gap:8px;min-width:0}.work-grid input,.work-grid select,textarea{width:100%;box-sizing:border-box}textarea{background:#101d33;color:#e6eeff;border:1px solid #304768;border-radius:10px;padding:12px;margin:8px 0 16px}#work-dialog,#plan-dialog{width:min(900px,94vw);max-height:90vh;overflow:auto}.table-card{overflow-x:auto}.sidebar nav{max-height:58vh;overflow-y:auto}.settings-card{margin-bottom:18px}.accounts-toolbar label{display:flex;align-items:center;gap:12px}[hidden]{display:none!important}@media(max-width:650px){.work-grid{grid-template-columns:1fr}.accounts-toolbar{flex-wrap:wrap}.sidebar nav{max-height:none}}

.product-cell{display:flex;align-items:center;gap:12px;min-width:180px}.product-photo{position:relative;display:block;flex:0 0 52px;width:52px;height:68px;border-radius:8px;overflow:hidden;background:#15233a;border:1px solid #304768}.photo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#9baecb;text-align:center}.product-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}.product-detail-photo{margin-bottom:20px}.product-detail-photo .product-photo{flex-basis:108px;width:108px;height:144px}

.production-calendar th,.production-calendar td{min-width:116px;vertical-align:top}.production-calendar th:first-child,.production-calendar td:first-child{position:sticky;left:0;z-index:1;background:#101d33;min-width:300px}.production-calendar .badge{margin-top:8px}

/* MPStats: independent organization watchlist and product matching. */
#mpstats-content{display:grid;gap:18px;min-width:0}
#mpstats-content .table-wrap{overflow-x:auto;margin-top:18px;max-width:100%}
#mpstats-content table{min-width:640px}
#mpstats-content td{white-space:normal;overflow-wrap:anywhere;max-width:340px}
#mpstats-content details li{margin:12px 0;line-height:1.6}
#mpstats-content form{margin:14px 0}
#mp-profile-dialog{width:min(720px,94vw)}

.production-calendar-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.production-weekdays,.production-month-grid{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));min-width:980px}
.production-weekdays span{padding:12px;font-weight:700;text-align:center;background:#172944;color:var(--text)}
.production-day{min-height:125px;padding:10px;border-top:1px solid #26364e;border-right:1px solid #26364e}
.production-day.outside{background:#0b1423;color:#637792}.production-date{font-size:12px;font-weight:600;color:#99aac2}
.production-event{margin-top:8px;padding:9px;border-radius:8px;border-left:3px solid #2563eb;background:#17345c;color:#d9e9ff}
.production-event.receipt{background:#123b34;border-left-color:#2bb589;color:#d2f2e6}
.production-event summary{cursor:pointer;font-size:13px;overflow-wrap:anywhere}.production-event strong,.production-event small{display:block;margin-top:4px}.production-event p{font-size:12px}

.planning-alert{border-left:4px solid #d89528;background:color-mix(in srgb,var(--card,#fff) 94%,#e9a42a 6%)}

.balance-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.balance-component,.balance-org{padding:22px;min-width:0}.balance-component strong{display:block;font-size:26px;overflow-wrap:anywhere}.balance-component small{display:block;color:var(--muted);margin-top:10px}.balance-org dl{display:grid;grid-template-columns:1fr auto;gap:12px}.balance-org dd{margin:0;text-align:right}.balance-org details{border-top:1px solid var(--line);padding-top:12px}.balance-org summary{cursor:pointer;color:var(--cyan)}@media(max-width:1000px){.balance-components{grid-template-columns:1fr}.balance-org dl{grid-template-columns:1fr}.balance-org dd{text-align:left}}

.delivery-item{border-top:1px solid #486587;padding:12px 0;margin-top:12px}.size-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.size-chips span{padding:5px 8px;background:#0d2038;border-radius:6px}.production-event[open]{position:relative;min-width:min(360px,70vw);z-index:3;box-shadow:0 8px 25px #0008}.production-event .footnote{font-size:11px}.production-event p{margin-top:12px}

.delivery-button{display:block;width:100%;text-align:left;border-top:0;border-right:0;border-bottom:0;white-space:normal;overflow-wrap:anywhere;font:inherit}.delivery-button strong,.delivery-button small{display:block}#delivery-dialog{width:min(900px,94vw);max-height:88vh;overflow-y:auto;overflow-x:hidden}#delivery-dialog .product-cell{min-width:0;flex-wrap:wrap}#delivery-dialog .product-cell strong{overflow-wrap:anywhere}#delivery-dialog .dialog-head{position:sticky;top:-25px;background:var(--panel);padding:12px 0;z-index:1;gap:12px}.delivery-table td{vertical-align:top}.delivery-table .product-cell{min-width:170px}.delivery-table tfoot td{font-weight:700}.delivery-table{min-width:950px}.production-event[open]{min-width:0;overflow-wrap:anywhere}

.payment-month{margin:20px 0;overflow-x:auto}.payment-calendar{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:8px;min-width:910px}.payment-weekday{padding:8px;color:#a9bddf;font-weight:700}.payment-day{padding:12px;min-height:150px;border:1px solid #314a70;border-radius:12px;background:#12243d;display:flex;flex-direction:column;gap:7px;overflow-wrap:anywhere}.payment-day small{display:block;color:#b8c9df}.payment-day.blank{visibility:hidden}.payment-day.outside{opacity:.45}.payment-gap{border:2px solid #ee687b;background:#382338}.payment-event{background:#1b3555;border-radius:8px;padding:8px;font-size:12px}.payment-balance{margin-top:auto;border-top:1px solid #355070;padding-top:8px}

/* Compact overview with on-demand detail. */
.compact-summary{padding:24px;margin:18px 0;background:#101c2d;box-shadow:none}
.summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.summary-metric{padding:16px 20px;border:1px solid #26374d;border-radius:12px;background:#0d1726;min-width:0}
.summary-metric>span,.summary-metric>small{display:block;color:#91a6c2;font-size:12px}
.summary-metric>strong{display:block;font-size:28px;line-height:1.2;margin:10px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.state-pill{font-size:12px;color:#a4bbd8;border:1px solid #30435c;border-radius:20px;padding:6px 12px;white-space:nowrap}
.disclosure{margin:14px 0;overflow:hidden;box-shadow:none}
.disclosure>summary{padding:18px 22px;cursor:pointer;font-weight:600;color:#cfdef1;list-style:none}
.disclosure>summary::after{content:'＋';float:right;color:#7896bd}
.disclosure[open]>summary::after{content:'−'}
.disclosure[open]>summary{border-bottom:1px solid #26374d}
.disclosure-body{padding:6px 22px 18px}
.compact-summary>.disclosure{border:0;border-top:1px solid #26374d;border-radius:0;margin:0}
.compact-summary>.disclosure>summary{padding:18px 0}
.compact-summary>.disclosure>.disclosure-body{padding-left:0;padding-right:0}
details.card:not([open]){background:#101c2d}
details.card>summary{cursor:pointer}
@media(max-width:900px){.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.summary-metrics{grid-template-columns:1fr}.compact-summary{padding:16px}}

.agent-workspace{display:flex;gap:24px;align-items:center}.agent-robot{position:relative;width:140px;height:120px;flex-shrink:0}.robot-head{position:absolute;left:20px;top:15px;width:54px;height:38px;border:2px solid #66c8b3;border-radius:13px;background:#153a40;display:flex;align-items:center;justify-content:space-evenly;transition:transform .2s}.robot-head i{width:7px;height:9px;border-radius:4px;background:#a1f6d9}.robot-body{position:absolute;left:29px;top:58px;width:38px;height:34px;background:#297a72;border-radius:10px}.robot-screen{position:absolute;right:8px;top:45px;width:48px;height:35px;background:#152435;border:3px solid #829aad;border-radius:5px;transform:skewY(-8deg)}.robot-desk{position:absolute;left:10px;bottom:18px;width:125px;height:6px;background:#829aad;border-radius:3px}.working .robot-head{animation:robot-work 1s ease-in-out infinite}.listening .robot-head{transform:rotate(-9deg) translateY(-4px)}.agent-chat-log{max-height:420px;overflow:auto}.agent-message{padding:16px 0;border-bottom:1px solid #8193a433}.agent-message p{white-space:pre-wrap;overflow-wrap:anywhere}#agent-message{display:block;width:100%;margin:8px 0 12px;padding:12px;border-radius:8px;background:transparent;color:inherit;border:1px solid #829aad}@keyframes robot-work{50%{transform:translateY(3px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.working .robot-head{animation:none}}


/* Detailed desk scene. Motion describes real UI state. */
.agent-workspace{gap:32px;overflow:hidden;background:radial-gradient(ellipse at 20% 40%,#1a344d66,transparent 65%),#101e30}.agent-robot{width:360px;height:248px;flex:0 0 360px;isolation:isolate}.agent-robot svg{display:block;width:100%;height:100%;overflow:visible}.atelier-head{transform-origin:138px 143px;animation:atelier-breathe 7s ease-in-out infinite}.atelier-eyes{transform-box:fill-box;transform-origin:center;animation:atelier-blink 7.3s linear infinite}.atelier-gaze{transition:transform .45s ease}.atelier-arm-left{transform-origin:112px 167px}.atelier-arm-right{transform-origin:161px 165px}.atelier-success{opacity:0}.atelier-beacon,.atelier-power{filter:drop-shadow(0 0 3px #6ee6cd66)}.atelier-cursor{opacity:.7}
.agent-robot.listening:not(.working) .atelier-head{animation:atelier-attend .5s ease-out forwards}.agent-robot.listening:not(.working) .atelier-gaze{transform:translate(-3px,-1px)}.agent-robot.working .atelier-head{animation:atelier-read 4s ease-in-out infinite}.agent-robot.working .atelier-gaze{transform:translate(3px,2px)}.agent-robot.working .atelier-arm-left{animation:atelier-type-left .85s ease-in-out infinite}.agent-robot.working .atelier-arm-right{animation:atelier-type-right 1.05s .12s ease-in-out infinite}.agent-robot.working .atelier-cursor{animation:atelier-pointer 5s ease-in-out infinite}.agent-robot.working .atelier-beacon{animation:atelier-light 2s ease-in-out infinite}.agent-robot.celebrate .atelier-head{animation:atelier-nod 1.1s ease-in-out 2}.agent-robot.celebrate .atelier-success{animation:atelier-done 2.3s ease-out}.agent-robot.paused .atelier-beacon,.agent-robot.paused .atelier-power{fill:#d6b886;filter:none}.agent-robot.offline{opacity:.6}
@keyframes atelier-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5px) rotate(-1deg)}}@keyframes atelier-blink{0%,39%,42%,76%,79%,100%{transform:scaleY(1)}40.5%,77.5%{transform:scaleY(.1)}}@keyframes atelier-attend{to{transform:rotate(-6deg) translateY(-2px)}}@keyframes atelier-read{0%,100%{transform:rotate(3deg)}45%,60%{transform:rotate(5deg) translateY(1px)}}@keyframes atelier-type-left{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-2deg)}40%,80%{transform:rotate(.5deg)}}@keyframes atelier-type-right{0%,100%{transform:rotate(0)}35%,75%{transform:rotate(-2.5deg)}50%,90%{transform:rotate(.4deg)}}@keyframes atelier-pointer{0%,100%{transform:translate(0,0)}30%,55%{transform:translate(-24px,-12px)}75%{transform:translate(10px,-9px)}}@keyframes atelier-light{50%{opacity:.45}}@keyframes atelier-nod{0%,100%{transform:rotate(0)}45%{transform:rotate(-5deg) translateY(3px)}}@keyframes atelier-done{0%,100%{opacity:0}25%,65%{opacity:1}}
@media(max-width:750px){.agent-workspace{flex-direction:column;gap:8px;align-items:flex-start}.agent-robot{width:min(100%,360px);height:auto;aspect-ratio:480/330;flex-basis:auto;align-self:center}}
@media(prefers-reduced-motion:reduce){.agent-robot *{animation:none!important;transition:none!important}}#page-agents[hidden] .agent-robot *{animation-play-state:paused!important}

/* More expressive idle, attention and work gestures. */
.atelier-body{transform-origin:136px 211px;animation:atelier-body-rest 6.5s ease-in-out infinite}.atelier-head{animation:atelier-look-around 9s ease-in-out infinite}.atelier-arm-left{animation:atelier-hand-rest 8s ease-in-out infinite}.atelier-arm-right{animation:atelier-hand-rest 9s 1.5s ease-in-out infinite}.agent-robot.listening:not(.working) .atelier-body{animation:atelier-lean .5s ease-out forwards}.agent-robot.listening:not(.working) .atelier-arm-right{animation:atelier-greeting 1.4s ease-in-out 1}.agent-robot.working .atelier-body{animation:atelier-body-work 3.8s ease-in-out infinite}.agent-robot.working .atelier-head{animation:atelier-read-active 5s ease-in-out infinite}.agent-robot.working .atelier-mini-status{animation:atelier-light 1.6s ease-in-out infinite}
@keyframes atelier-body-rest{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.5deg) translateY(-1px)}}@keyframes atelier-look-around{0%,100%{transform:rotate(0) translateY(0)}20%,33%{transform:rotate(5deg) translate(1px,-1px)}48%,60%{transform:rotate(-5deg) translate(-1px,-3px)}78%{transform:rotate(1deg) translateY(1px)}}@keyframes atelier-hand-rest{0%,45%,100%{transform:rotate(0)}55%,65%{transform:rotate(-3deg)}75%{transform:rotate(.5deg)}}@keyframes atelier-lean{to{transform:rotate(-2deg) translateY(-1px)}}@keyframes atelier-greeting{0%,100%{transform:rotate(0)}35%,65%{transform:rotate(-12deg)}50%{transform:rotate(-8deg)}}@keyframes atelier-body-work{0%,100%{transform:rotate(0)}50%{transform:rotate(1.5deg) translateY(1px)}}@keyframes atelier-read-active{0%,100%{transform:rotate(3deg)}25%,40%{transform:rotate(7deg) translate(2px,2px)}60%,70%{transform:rotate(-3deg) translateY(-2px)}85%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.agent-robot *{animation:none!important;transition:none!important}}

.prometheus-terminal{max-width:840px;margin:24px auto 32px;border:1px solid #48617e;border-radius:18px;background:#16273c;box-shadow:0 16px 40px #0003;overflow:hidden;position:relative}.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #33465e;background:linear-gradient(110deg,#233b56,#17293e)}.terminal-bar>div{display:flex;align-items:center;gap:9px}.terminal-bar small{color:#92a9c1;font-size:11px}.terminal-led{width:7px;height:7px;border-radius:50%;background:#85b3d9}.terminal-bar button{font-size:12px;padding:6px 8px}.terminal-screen{margin:10px 12px 0;padding:14px;background:#091727;border:1px solid #2d425a;border-radius:9px}.prometheus-terminal .agent-chat-log{height:190px;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:8px}.prometheus-terminal .agent-message{padding:8px 0 12px;margin-bottom:6px;font-size:13px;line-height:1.55;border-color:#263b52}.prometheus-terminal .agent-message>b{font-size:11px;color:#8eb9e9;letter-spacing:.02em}.prometheus-terminal .agent-message p{margin:4px 0 10px}.prometheus-terminal #agent-chat-form{display:flex;align-items:flex-end;gap:10px;padding-top:10px;border-top:1px solid #273c53}.prometheus-terminal #agent-message{margin:0;min-height:48px;max-height:140px;resize:vertical;font-size:13px;line-height:1.4;padding:10px 12px;border-color:#3d5875;background:#14263c;flex:1;min-width:0}.prometheus-terminal #agent-chat-form button{height:48px;white-space:nowrap;padding:10px 16px;font-size:12px}.terminal-hint{margin:8px 0 0;font-size:10px;color:#7893ad}.terminal-chin{height:30px;display:flex;align-items:center;justify-content:center;position:relative;font-size:8px;letter-spacing:2px;color:#8a9fb5}.terminal-chin i{position:absolute;right:20px;width:4px;height:4px;border-radius:50%;background:#7ea6c7}.prometheus-terminal.expanded{max-width:1100px}.prometheus-terminal.expanded .agent-chat-log{height:min(55vh,560px)}
@media(max-width:600px){.terminal-bar small{display:none}.terminal-screen{margin:6px 6px 0;padding:10px}.prometheus-terminal #agent-chat-form{gap:6px}.prometheus-terminal #agent-chat-form button{padding:8px}.prometheus-terminal .agent-chat-log{height:180px}}

/* Live office: movement is driven by server activity, never a random timer. */
.prometheus-office{padding:22px 24px 14px;overflow:hidden}.office-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.office-heading h2{margin:4px 0}.office-heading .eyebrow{font-size:9px}.office-heading>span{color:#8da8bf;font-size:11px}.office-scroll{overflow-x:auto}.office-map{display:block;width:100%;min-width:660px;height:auto}.office-caption{padding:10px 6px 4px;display:grid;gap:8px}.office-caption>strong{font-size:14px}.office-caption small{color:#819bb3;font-size:11px}#office-parallel{display:flex;flex-wrap:wrap;gap:6px}#office-parallel span{padding:4px 8px;border:1px solid #314b65;border-radius:6px;font-size:11px;color:#adc2d5}
#office-mover{transition:transform 2s cubic-bezier(.4,0,.2,1)}.office-head{transform-origin:0 -43px;animation:office-idle 6s ease-in-out infinite}.office-eyes{transform-box:fill-box;transform-origin:center;animation:office-blink 6.3s infinite}.office-arm.left{transform-origin:-23px -27px}.office-arm.right{transform-origin:23px -27px}.office-leg.left{transform-origin:-12px 14px}.office-leg.right{transform-origin:12px 14px}.office-folder,.office-attention{opacity:0;transition:opacity .2s}
.office-actor.seated .office-leg.left{transform:rotate(-25deg)}.office-actor.seated .office-leg.right{transform:rotate(25deg)}.office-actor.seated .office-arm.right{transform:rotate(-64deg)}.office-actor.seated .office-arm.left{transform:rotate(-40deg)}
.office-actor.walking .office-leg.left{animation:office-step .45s infinite alternate}.office-actor.walking .office-leg.right{animation:office-step .45s -.45s infinite alternate}.office-actor.walking .office-arm.left{animation:office-swing .45s infinite alternate}.office-actor.walking .office-arm.right{animation:office-swing .45s -.45s infinite alternate}.office-actor.walking .office-torso{animation:office-bob .45s infinite alternate}.office-actor.walking .office-head{animation:office-headwalk .45s infinite alternate}
.office-actor.working:not(.walking) .office-arm.right{animation:office-reach 1.7s ease-in-out infinite}.office-actor.working.seated:not(.walking) .office-arm.right{animation:office-type .65s ease-in-out infinite}.office-actor.working:not(.walking) .office-head{animation:office-read 3.3s ease-in-out infinite}.office-actor.carrying .office-folder{opacity:1}.office-actor.listening .office-attention{opacity:1}.office-actor.listening:not(.walking) .office-head{animation:none;transform:rotate(-8deg)}
.office-actor.waiting .office-head{animation:office-wait 7s ease-in-out infinite}.office-actor.waiting .office-torso circle{fill:#d1b478}.office-actor.offline{opacity:.55}.office-actor.offline *{animation-play-state:paused!important}
.office-zone.active .zone-light{fill:#80d9c6;filter:drop-shadow(0 0 4px #80d9c6)}.office-zone.active .data-lights{animation:office-pulse 1.5s ease-in-out infinite}.office-zone.waiting .zone-light{fill:#d1b478}
@keyframes office-idle{50%{transform:translateY(-1px) rotate(-2deg)}}@keyframes office-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes office-step{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}@keyframes office-swing{from{transform:rotate(12deg)}to{transform:rotate(-12deg)}}@keyframes office-bob{to{transform:translateY(-2px)}}@keyframes office-headwalk{to{transform:translateY(-2px) rotate(2deg)}}@keyframes office-reach{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(-58deg)}}@keyframes office-type{0%,100%{transform:rotate(-64deg)}50%{transform:rotate(-69deg)}}@keyframes office-read{50%{transform:rotate(7deg) translateY(1px)}}@keyframes office-wait{50%{transform:rotate(-5deg)}}@keyframes office-pulse{50%{opacity:.4}}
/* Beige CRT, 1990s. The display remains stable and readable. */
.prometheus-terminal{padding:14px 18px 0;max-width:820px;background:linear-gradient(115deg,#e3dfcd,#bcb9a9 65%,#a5a394);border:2px solid #eee9d8;border-right-color:#898b81;border-bottom-color:#87897e;border-radius:24px 24px 30px 30px;box-shadow:inset 4px 4px 0 #f3efdf66,inset -5px -6px 0 #878a7955,0 18px 35px #0004;overflow:visible;margin-bottom:52px}
.prometheus-terminal:after{content:'';position:absolute;z-index:-1;bottom:-23px;left:34%;right:34%;height:28px;border-radius:0 0 40% 40%;background:linear-gradient(#999c8f,#c9c6b6);border-bottom:5px solid #8a8f82}.prometheus-terminal{isolation:isolate}
.terminal-bar{background:transparent;border:0;padding:3px 7px 11px;color:#414c46}.terminal-bar small{color:#657066}.terminal-bar button{color:#46554b;border:1px solid #969c8c;border-radius:5px;background:#d6d5c5;box-shadow:inset 1px 1px #f2efdf}.terminal-led{background:#567a65}.terminal-screen{margin:0;padding:16px;background:#10201d;border:9px solid #7f8577;border-top-color:#777d70;border-left-color:#747a6e;border-right-color:#eff0de;border-bottom-color:#dce0cd;border-radius:32px / 22px;box-shadow:inset 0 0 20px #020b08;color:#d2e3d8}
.terminal-screen .agent-message{border-color:#34483d}.terminal-screen .agent-message>b{color:#9fc7a9}.terminal-screen .muted{color:#93aa9b}.terminal-screen #agent-chat-form{border-color:#405447}.terminal-screen #agent-message{background:#182d24;border-color:#667e69;color:#e2eddf;font-family:ui-monospace,Consolas,monospace}.terminal-screen #agent-message::placeholder{color:#9bac9c}.terminal-screen #agent-chat-form button{background:linear-gradient(#859e7d,#5c7859);border:1px solid #b1c4a4;color:#f5f6e9;box-shadow:inset 0 1px #d6dfc3}.terminal-hint{color:#9bad9d}.terminal-chin{height:42px;color:#566051;font-size:10px;justify-content:flex-start;padding-left:8px;letter-spacing:1.7px;font-family:ui-monospace,Consolas,monospace}.crt-controls{margin-left:auto;display:flex;align-items:center;gap:13px;padding-right:8px}.crt-vents{height:15px;width:40px;background:repeating-linear-gradient(90deg,#808577 0 2px,transparent 2px 5px)}.crt-power{width:24px;height:21px;display:grid;place-items:center;border:1px solid #8d9584;border-radius:3px;box-shadow:inset 1px 1px #f0efdf;color:#55634d;font-size:16px}.terminal-chin .crt-controls i{position:static;background:#71a55a;box-shadow:0 0 3px #71a55a}
.mission-card{margin-top:18px}.mission-status{display:inline-block;padding:4px 9px;border-radius:5px;background:#243c54;color:#bdd3e5;font-size:12px;margin-top:8px}
@media(max-width:650px){.prometheus-office{padding:14px 10px}.office-heading{align-items:flex-start}.office-heading>span{max-width:100px;text-align:right}.prometheus-terminal{padding:9px 9px 0}.terminal-screen{padding:10px;border-width:6px}.terminal-chin{font-size:8px;letter-spacing:1px}.crt-vents{display:none}}
@media(prefers-reduced-motion:reduce){#office-mover{transition:none}.office-map *{animation:none!important;transition:none!important}}
#page-agents[hidden] .office-map *{animation-play-state:paused!important}

/* Explicit SVG coordinates and walkable corridor; no CSS transform interpolation. */
#office-mover{transition:none!important;transform-box:view-box}.office-map{overflow:hidden;min-width:760px}.office-map .office-zone{isolation:isolate}.office-actor.seated .office-leg.left{transform:rotate(-18deg)}.office-actor.seated .office-leg.right{transform:rotate(18deg)}.office-actor.walking .office-folder{opacity:0}.office-actor.carrying.walking .office-folder{opacity:1}

/* Bounded payment cells and muted category colours. */
.payment-calendar{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:264px;grid-template-rows:40px}
.payment-day{height:264px;min-height:0;min-width:0;overflow:hidden;padding:10px;gap:6px}
.payment-day> b,.payment-balance,.payment-day>strong{flex-shrink:0}
.payment-events{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#496078 transparent;overscroll-behavior:contain;display:flex;flex-direction:column;gap:6px}
.payment-events:focus-visible{outline:2px solid #8a9eb8;outline-offset:-2px}
.payment-event{flex-shrink:0;padding:7px 8px;border:1px solid var(--payment-edge,#435169);background:var(--payment-fill,#263142);border-radius:7px;line-height:1.4}
.payment-event>span{display:block;overflow-wrap:anywhere}
.payment-event small{color:#c0cbd8;font-size:11px}
.payment-event .payment-category{color:#d5dce5;margin-bottom:3px;font-weight:600}
.payment-type-wb_reports{--payment-fill:#223b38;--payment-edge:#45605a}
.payment-type-wb_forecast{--payment-fill:#26384b;--payment-edge:#496079}
.payment-type-factory{--payment-fill:#363148;--payment-edge:#5d536d}
.payment-type-other_income{--payment-fill:#323c30;--payment-edge:#56634e}
.payment-type-other_expense{--payment-fill:#40372e;--payment-edge:#6b5b49}
.payment-legend{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.payment-legend span{padding:4px 9px;border-radius:6px;font-size:12px;background:var(--payment-fill);border:1px solid var(--payment-edge);color:#d5dce5}
.payment-balance{margin-top:0;font-size:11px;line-height:1.4;padding-top:6px}
.payment-gap{border:1px solid #91616b;background:#18263b}
.payment-day>strong.error{font-size:11px;color:#d8a5ae;line-height:1.4}

/* Compact office; the greeting belongs to the character, not the activity feed. */
.prometheus-office{max-width:860px;margin:0 auto 16px;padding:14px 18px 10px;border-radius:16px}
.office-heading{gap:10px}.office-heading h2{font-size:19px;margin:2px 0}.office-heading .eyebrow{font-size:8px;letter-spacing:1.5px}
.office-scroll{position:relative;overflow:visible;max-width:820px;margin:auto}
.office-map{width:100%;min-width:0;max-width:820px}
.office-caption{padding:6px 2px 2px;gap:4px}.office-caption>strong{font-size:12px}.office-caption small{font-size:10px}
#page-agents .mission-card{padding:14px 18px}
.prometheus-terminal{max-width:700px;margin-top:16px;margin-bottom:36px;padding:10px 12px 0;border-radius:18px}
.prometheus-terminal .agent-chat-log{height:150px}
.prometheus-terminal.expanded .agent-chat-log{height:min(55vh,560px)}
.office-greeting{position:absolute;z-index:2;width:250px;max-width:calc(100% - 16px);padding:12px 14px;border:1px solid #587083;border-radius:14px 14px 14px 4px;background:#263e4e;color:#e4edf2;box-shadow:0 6px 18px #0003;font-size:13px;line-height:1.45;pointer-events:none;animation:office-hello .25s ease-out}
.office-greeting:after{content:'';position:absolute;left:16px;bottom:-7px;width:12px;height:12px;transform:rotate(45deg);background:#263e4e;border-right:1px solid #587083;border-bottom:1px solid #587083}
.office-actor.greeting .office-arm.right{animation:office-wave .65s ease-in-out 4!important}
@keyframes office-wave{0%,100%{transform:rotate(-120deg)}50%{transform:rotate(-155deg)}}
@keyframes office-hello{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.prometheus-office{padding:12px 8px}.office-greeting{font-size:12px;padding:9px 11px}.office-heading>span{font-size:10px}.prometheus-terminal{padding:8px 8px 0}}
@media(prefers-reduced-motion:reduce){.office-greeting,.office-actor.greeting .office-arm.right{animation:none!important}}

/* Compact application layout: retain readable text and explicit data caveats. */
:is(#app,dialog) .sidebar{width:218px;padding:20px 12px}
:is(#app,dialog) .workspace{margin-left:218px}
:is(#app,dialog) .brand{padding:0 6px 16px;gap:9px}
:is(#app,dialog) .brand b{font-size:16px}
:is(#app,dialog) .nav-caption{margin:12px 8px 8px}
:is(#app,dialog) .nav{padding:9px 10px;gap:9px;margin:2px 0;font-size:12px;min-height:38px}
:is(#app,dialog) .sidebar nav{max-height:none;min-height:0;overflow-y:auto}
:is(#app,dialog) .sidebar-bottom{padding:16px 6px 0}
:is(#app,dialog) header{height:58px;padding:0 24px}
:is(#app,dialog) main{padding:20px 24px;max-width:1600px}
:is(#app,dialog) .page-heading{margin-bottom:16px;gap:12px;flex-wrap:wrap}
:is(#app,dialog) .page-heading .eyebrow{margin-bottom:5px;font-size:9px}
:is(#app,dialog) h1{font-size:24px;margin-bottom:6px;letter-spacing:-.5px}
:is(#app,dialog) h2{font-size:17px;margin-bottom:9px}
:is(#app,dialog) h3{font-size:14px}
:is(#app,dialog) .primary,:is(#app,dialog) .secondary{padding:8px 12px;border-radius:8px;font-size:12px;min-height:36px}
:is(#app,dialog) select{padding:8px 28px 8px 10px;border-radius:8px;min-height:36px;font-size:12px}
:is(#app,dialog) .heading-actions{gap:8px}
:is(#app,dialog) .card{border-radius:10px}
:is(#app,dialog) .settings-card,:is(#app,dialog) .upload-card,:is(#app,dialog) .instructions{padding:16px;margin-bottom:12px}
:is(#app,dialog) .settings-card h2{margin-top:12px}
:is(#app,dialog) .settings-card h2:first-child{margin-top:0}
:is(#app,dialog) .settings-card p{margin-bottom:10px}
:is(#app,dialog) .accounts-toolbar,:is(#app,dialog) .settings-toolbar{gap:10px;margin-bottom:12px}
:is(#app,dialog) .section-title{margin:18px 0 10px}
:is(#app,dialog) .org-grid,:is(#app,dialog) .settings-grid,:is(#app,dialog) .import-grid,:is(#app,dialog) .work-grid{gap:12px}
:is(#app,dialog) .balance-org,:is(#app,dialog) .org-card{padding:14px 16px}
:is(#app,dialog) .org-amount{font-size:23px;margin:5px 0}
:is(#app,dialog) .balance-org dl{gap:7px 12px;margin:12px 0;font-size:12px;grid-template-columns:minmax(0,1fr) auto}
:is(#app,dialog) .balance-org dd{text-align:right;overflow-wrap:anywhere}
:is(#app,dialog) .balance-org details{padding-top:9px}
:is(#app,dialog) .dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
:is(#app,dialog) .dashboard-summary .balance-components{display:contents}
:is(#app,dialog) .dashboard-summary .hero,:is(#app,dialog) .dashboard-summary .balance-component{padding:14px;min-width:0;grid-column:auto}
:is(#app,dialog) .dashboard-summary .hero{background:#182a43}
:is(#app,dialog) .dashboard-summary .card-top{align-items:flex-start;flex-wrap:wrap;gap:6px;font-size:12px}
:is(#app,dialog) .dashboard-summary .badge{font-size:9px;padding:2px 6px}
:is(#app,dialog) .dashboard-summary .total,:is(#app,dialog) .dashboard-summary .balance-component strong{font-size:clamp(19px,1.8vw,27px);line-height:1.25;letter-spacing:-.4px;margin:10px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:is(#app,dialog) .dashboard-summary .balance-component p{font-size:12px;color:#bfd2ef;margin:0}
:is(#app,dialog) .dashboard-summary .footnote,:is(#app,dialog) .dashboard-summary .balance-component small{font-size:11px;line-height:1.45;margin:0;color:#99aec9}
:is(#app,dialog) .metric{padding:14px}
:is(#app,dialog) .metric-icon{width:26px;height:26px;font-size:17px;margin-bottom:8px}
:is(#app,dialog) .metric strong,:is(#app,dialog) .finance-metrics strong{font-size:23px}
:is(#app,dialog) .finance-metrics{gap:10px;margin-bottom:12px}
:is(#app,dialog) th{padding:9px 12px}
:is(#app,dialog) td{padding:10px 12px}
:is(#app,dialog) .product-cell{gap:8px}
:is(#app,dialog) .product-photo{flex-basis:40px;width:40px;height:52px;border-radius:6px}
:is(#app,dialog) .compact-summary{padding:14px 16px;margin:12px 0}
:is(#app,dialog) .summary-metrics{gap:8px;margin:12px 0}
:is(#app,dialog) .summary-metric{padding:11px 13px;border-radius:8px}
:is(#app,dialog) .summary-metric>strong{font-size:23px;margin:7px 0}
:is(#app,dialog) .summary-metric>span,:is(#app,dialog) .summary-metric>small{font-size:11px}
:is(#app,dialog) .state-pill{padding:4px 9px;font-size:11px;white-space:normal}
:is(#app,dialog) .disclosure{margin:10px 0}
:is(#app,dialog) .disclosure>summary{padding:12px 15px}
:is(#app,dialog) .disclosure-body{padding:6px 15px 12px}
:is(#app,dialog) .compact-summary>.disclosure>summary{padding:12px 0}
:is(#app,dialog) .notice{padding:10px 13px;margin-bottom:12px}
:is(#app,dialog) .empty{padding:20px}
:is(#app,dialog) .connection-banner{padding:14px 16px;margin-top:14px;gap:12px}
:is(#app,dialog) .connection-form{padding:14px!important}
:is(#app,dialog) .connection-fields{gap:9px}
:is(#app,dialog) .connection-fields input{min-height:36px;padding:8px 10px}
:is(#app,dialog) .connection-actions{margin-top:12px}
:is(#app,dialog) #mpstats-content{gap:12px}
:is(#app,dialog) #mpstats-content .table-wrap{margin-top:12px}
:is(#app,dialog) .production-calendar-wrap{margin:12px 0}
:is(#app,dialog) .production-weekdays span{padding:8px}
:is(#app,dialog) footer{margin-top:20px}
@media(max-width:1100px){
 :is(#app,dialog) .dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(#app,dialog) .page-heading{flex-direction:row;align-items:center}
}
@media(max-width:780px){
 :is(#app,dialog) .sidebar{position:static;width:auto;padding:10px 14px}
 :is(#app,dialog) .workspace{margin-left:0}
 :is(#app,dialog) .brand{padding-bottom:10px}
 :is(#app,dialog) .sidebar nav{overflow-x:auto;overflow-y:hidden}
 :is(#app,dialog) .nav{min-height:40px;padding:8px 11px}
 :is(#app,dialog) header{height:52px;padding:0 14px}
 :is(#app,dialog) main{padding:16px 14px}
 :is(#app,dialog) .page-heading{gap:12px}
 :is(#app,dialog) .heading-actions{width:100%}
 :is(#app,dialog) .accounts-toolbar{flex-direction:row;flex-wrap:wrap}
 :is(#app,dialog) .primary,:is(#app,dialog) .secondary,:is(#app,dialog) select{min-height:40px}
 :is(#app,dialog) .finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(#app,dialog) .summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(#app,dialog) .dashboard-summary .total,:is(#app,dialog) .dashboard-summary .balance-component strong{font-size:22px}
}
@media(max-width:440px){
 :is(#app,dialog) .dashboard-summary,:is(#app,dialog) .finance-metrics{grid-template-columns:1fr}
 :is(#app,dialog) .dashboard-summary .hero,:is(#app,dialog) .dashboard-summary .balance-component{padding:12px}
 :is(#app,dialog) .balance-org dl{grid-template-columns:1fr}
 :is(#app,dialog) .balance-org dd{text-align:left}
}

.plan-season-details{margin-top:10px;border-top:1px solid #34465e;padding-top:8px}.plan-season-details>summary{cursor:pointer;color:#b6cce3;font-weight:600}.plan-season-body{padding:10px 0;max-width:680px;white-space:normal;line-height:1.6}.plan-season-body p{margin:0 0 10px}.plan-season-body table{min-width:0}.plan-season-body .season-comparison{background:#20364c}.plan-season-body .season-comparison td{color:#e3edf7;font-weight:600}


/* Balance hierarchy and compact settings — 27 Oct 2026 */
.balance-headlines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:18px 0 28px}.balance-headline{padding:24px;border-top:4px solid #5278ff;min-width:0}.balance-headline h2{font-size:18px;margin:0}.balance-headline .card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.headline-amount{font-size:clamp(27px,2.8vw,42px);font-weight:750;letter-spacing:-1px;margin:20px 0 12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.balance-expected{border-top-color:#18a58b}.balance-breakdown{border-top:1px solid var(--line);margin-top:20px;padding-top:6px}.balance-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0}.balance-breakdown strong{font-size:17px;text-align:right;white-space:nowrap}.balance-breakdown small{display:block;font-size:12px;color:var(--muted);max-width:320px;margin-top:4px}.balance-org .org-amount{font-size:24px}.analytics-rules h3{margin-top:24px}.analytics-rules p{max-width:1100px;line-height:1.65}.plan-export .primary{display:inline-flex;text-decoration:none;white-space:normal}
#page-settings .settings-toolbar{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:6px 24px;margin-bottom:20px}#page-settings .settings-toolbar h2,#page-settings .settings-toolbar p{margin:0}#page-settings .settings-toolbar label{grid-column:2;grid-row:1/3}#page-settings .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}#page-settings .settings-card{padding:20px;margin:0 0 16px;min-width:0}#page-settings .connection-form{display:flex;flex-direction:column;gap:10px;margin:0}#page-settings .connection-form h2{font-size:17px;margin:0}#page-settings .connection-form>.badge{align-self:flex-start}#page-settings .connection-form p{margin:0;font-size:12px}#page-settings .connection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#page-settings label{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}#page-settings input,#page-settings select{width:100%;min-width:0;min-height:36px;height:36px;padding:7px 10px;font-size:13px;box-sizing:border-box}#page-settings .connection-fields label:only-child,#page-settings .connection-fields label:has(input[type=password]){grid-column:1/-1}#page-settings .connection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:12px}#page-settings button{font-size:12px;padding:8px 12px;min-height:34px}#page-settings>.settings-card{margin-top:18px}#page-settings [hidden]{display:none!important}
@media(max-width:1000px){.balance-headlines{grid-template-columns:1fr}.balance-headline{padding:20px}#page-settings .settings-grid{grid-template-columns:1fr}}
@media(max-width:600px){#page-settings .settings-toolbar{grid-template-columns:1fr}#page-settings .settings-toolbar label{grid-column:auto;grid-row:auto}#page-settings .connection-fields{grid-template-columns:1fr}.balance-breakdown>div{align-items:flex-start;flex-wrap:wrap}.headline-amount{font-size:30px}}

/* Compact balance overview: keep hierarchy, avoid a tall dashboard. */
:is(#app,dialog) main:has(#page-dashboard:not([hidden])){padding-top:14px;padding-bottom:12px}
:is(#app,dialog) main:has(#page-dashboard:not([hidden])) .page-heading{margin-bottom:10px}
:is(#app,dialog) main:has(#page-dashboard:not([hidden])) h1{font-size:25px;margin-bottom:5px}
:is(#app,dialog) #page-dashboard .accounts-toolbar{margin:0 0 10px;gap:10px;align-items:center}
:is(#app,dialog) #page-dashboard .accounts-toolbar p{margin:0;font-size:12px}
:is(#app,dialog) #page-dashboard .accounts-toolbar button{padding:7px 12px;min-height:34px;font-size:12px}
:is(#app,dialog) #page-dashboard .balance-headlines{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
:is(#app,dialog) #page-dashboard .balance-headline{padding:13px 15px;border-top-width:3px}
:is(#app,dialog) #page-dashboard .balance-headline .card-top{gap:6px}
:is(#app,dialog) #page-dashboard .balance-headline h2{font-size:14px;letter-spacing:0}
:is(#app,dialog) #page-dashboard .badge{font-size:10px;padding:3px 7px}
:is(#app,dialog) #page-dashboard .headline-amount{font-size:28px;line-height:1.2;margin:10px 0 6px;letter-spacing:-.5px}
:is(#app,dialog) #page-dashboard .footnote{font-size:11px;line-height:1.4;margin-bottom:6px}
:is(#app,dialog) #page-dashboard .balance-breakdown{margin-top:8px;padding-top:3px}
:is(#app,dialog) #page-dashboard .balance-breakdown>div{padding:6px 0;gap:10px;font-size:12px}
:is(#app,dialog) #page-dashboard .balance-breakdown strong{font-size:14px}
:is(#app,dialog) #page-dashboard .balance-breakdown small{font-size:10px;margin-top:2px;line-height:1.3}
:is(#app,dialog) #page-dashboard .section-title{margin:10px 0 7px}
:is(#app,dialog) #page-dashboard .section-title h2{font-size:14px;margin:0}
:is(#app,dialog) #page-dashboard .section-title span{font-size:11px}
:is(#app,dialog) #page-dashboard .org-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:is(#app,dialog) #page-dashboard .balance-org{padding:11px 15px}
:is(#app,dialog) #page-dashboard .balance-org h3{font-size:13px;margin:0 0 3px}
:is(#app,dialog) #page-dashboard .balance-org .org-amount{font-size:20px;line-height:1.2;margin:4px 0}
:is(#app,dialog) #page-dashboard .balance-org dl{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin:8px 0;font-size:11px}
:is(#app,dialog) #page-dashboard .balance-org dd{text-align:right}
:is(#app,dialog) #page-dashboard .balance-org details{padding-top:6px;font-size:11px}
:is(#app,dialog) #page-dashboard .dashboard-account-details{margin-top:12px;padding:0;overflow:hidden}
:is(#app,dialog) #page-dashboard .dashboard-account-details>summary{padding:10px 14px;font-size:12px;color:var(--cyan);cursor:pointer;font-weight:600}
:is(#app,dialog) #page-dashboard .dashboard-account-details>.footnote{padding:0 14px 8px}
:is(#app,dialog) .workspace:has(#page-dashboard:not([hidden])) footer{margin-top:8px}
@media(max-width:680px){
 :is(#app,dialog) #page-dashboard .balance-headlines,:is(#app,dialog) #page-dashboard .org-grid{grid-template-columns:1fr}
 :is(#app,dialog) #page-dashboard .headline-amount{font-size:25px}
}


:is(#app,dialog) .plan-progress table{width:100%;min-width:800px}:is(#app,dialog) .plan-progress th{font-size:11px;white-space:normal}:is(#app,dialog) .plan-progress td{vertical-align:top;font-size:13px}:is(#app,dialog) .plan-progress td>strong{font-size:17px}:is(#app,dialog) .plan-progress small{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin-top:4px}:is(#app,dialog) .plan-progress td:first-child{font-weight:650;white-space:nowrap}:is(#app,dialog) .production-navigation{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px 0}:is(#app,dialog) .production-navigation strong{min-width:160px;text-align:center;text-transform:capitalize}:is(#app,dialog) .production-navigation button{min-width:40px;padding:6px 12px;font-size:20px}:is(#app,dialog) .production-navigation button:disabled{opacity:.35;cursor:default}

.plan-kpi-group{margin:14px 0}.plan-kpi-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}.plan-kpi-heading h3{margin:0;font-size:15px}.plan-kpi-heading>span{font-size:11px;color:var(--muted,#8ca4bf)}.plan-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.plan-kpi{padding:12px 14px;border:1px solid #26394e;border-radius:10px;background:#0b1726;min-width:0}.plan-kpi>span{display:block;color:#8ca4bf;font-size:12px;margin-bottom:7px}.plan-kpi>strong{display:block;font-size:24px;line-height:1.2}.plan-kpi small{display:block;font-size:10px;color:#8ca4bf;margin-top:5px}.plan-kpi small strong{font-size:11px}.plan-kpi-percent{margin-top:8px;font-size:11px;color:#8ca4bf}.plan-kpi-percent strong{color:#c7e1ff;font-size:13px;margin-left:4px}.plan-kpi-empty{font-size:12px!important;color:#8ca4bf}.plan-kpi-group:last-of-type .plan-kpi{border-color:#285582}@media(max-width:900px){.plan-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-kpi>strong{font-size:20px}}@media(max-width:480px){.plan-kpi-heading{display:block}}

/* Approved light desktop design, 4 November 2026. */
:root{color-scheme:light;--bg:#f1f5fa;--panel:#fff;--card:#fff;--line:#d7e1ed;--text:#17243b;--muted:#53657d;--blue:#2563eb;--cyan:#1d4ed8}
body{background:var(--bg);color:var(--text)}
:is(#app,dialog) .sidebar{background:#fff;border-right:1px solid var(--line);box-shadow:none}
:is(#app,dialog) .brand,:is(#app,dialog) .brand b{color:#13243e}
.monogram{color:#fff}
:is(#app,dialog) .nav{color:#34455f;border-color:transparent;background:transparent;box-shadow:none;font-size:13px}
:is(#app,dialog) .nav:hover{background:#f0f5fc;filter:none}
:is(#app,dialog) .nav.active{color:#164ed8;background:#e8f0ff;border-color:#d5e4ff;font-weight:650;box-shadow:none}
:is(#app,dialog) .nav-caption,:is(#app,dialog) .sidebar-bottom,:is(#app,dialog) footer,:is(#app,dialog) .page-heading .eyebrow{display:none}
:is(#app,dialog) .sidebar nav{display:flex;flex-direction:column;flex:1}
:is(#app,dialog) .nav[data-page=settings]{margin-top:auto}
:is(#app,dialog) header{background:#fff;border-color:var(--line)}
.breadcrumb,.breadcrumb b{color:var(--muted)}
.avatar{background:#e8f0ff;border-color:#cdddf8;color:#1d4ed8}
:is(#app,dialog) main{max-width:none;padding:18px 22px}
:is(#app,dialog) h1{font-size:26px;font-weight:750}
:is(#app,dialog) .card,.login-card,dialog{background:#fff;color:var(--text);border-color:var(--line);box-shadow:0 2px 6px #193e6810}
:is(#app,dialog) .primary,.primary{background:linear-gradient(#3275ff,#1558e4);border:1px solid #1552cd;border-bottom:2px solid #1044b0;color:#fff;box-shadow:inset 0 1px 0 #ffffff35,0 2px 4px #1d4ed823}
:is(#app,dialog) .secondary,.secondary{background:linear-gradient(#fff,#f0f4f9);border:1px solid #c8d4e3;border-bottom:2px solid #b9c7d9;color:#22334d;box-shadow:inset 0 1px 0 #fff,0 1px 3px #17355a0e}
button:hover{filter:brightness(.98)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
button:disabled{opacity:.6}
.quiet,.history-button,.text-link{color:#1d4ed8}
:is(#app,dialog) input,:is(#app,dialog) select,:is(#app,dialog) textarea,.login-card input,dialog input,dialog select,dialog textarea,#invite-registration input{background:#fff;color:#17243b;border:1px solid #c8d4e3;border-radius:7px;padding:8px 10px;min-height:36px}
:is(#app,dialog) input[type=checkbox],dialog input[type=checkbox]{min-height:0;width:auto;accent-color:#2563eb}
:is(#app,dialog) label,dialog label,.login-card label{color:#34455f}
:is(#app,dialog) input::placeholder,:is(#app,dialog) textarea::placeholder{color:#697b91}
:is(#app,dialog) .card-top,:is(#app,dialog) .metric p,:is(#app,dialog) .org-name,:is(#app,dialog) .balance-breakdown{color:#34455f}
:is(#app,dialog) .metric small,:is(#app,dialog) .org-card small,:is(#app,dialog) td small,:is(#app,dialog) .footnote,:is(#app,dialog) .muted{color:var(--muted)}
:is(#app,dialog) .org-icon,:is(#app,dialog) .metric-icon,:is(#app,dialog) .empty-icon{background:#edf3ff;border-color:#d4e1f4;color:#2563eb}
:is(#app,dialog) .hero,:is(#app,dialog) .dashboard-summary .hero{background:#fff;border-color:var(--line)}
:is(#app,dialog) .badge,:is(#app,dialog) .state-pill{background:#f0f4f9;border-color:#d2dce8;color:#455872}
:is(#app,dialog) .badge.blue{background:#eaf1ff;border-color:#c6d8ff;color:#1d4ed8}
:is(#app,dialog) .badge.amber,:is(#app,dialog) .state-pill.warn{background:#fff5e6;border-color:#efcf98;color:#895300}
:is(#app,dialog) .badge.green,:is(#app,dialog) .state-pill.ok{background:#eaf7ef;border-color:#b7dfc5;color:#16703e}
:is(#app,dialog) .notice{background:#edf4ff;color:#234d88;border-color:#c5d8f4}
:is(#app,dialog) .notice.error,.notice.error{background:#fff0f1;color:#a5293b;border-color:#eab4bd}
:is(#app,dialog) .error,dialog .error{color:#b42338}
:is(#app,dialog) .success{color:#16703e}
:is(#app,dialog) .stale{color:#966000}
:is(#app,dialog) table{color:#263953;font-variant-numeric:tabular-nums}
:is(#app,dialog) th{background:#eaf0f7;color:#3b506b;font-size:11px;font-weight:650;padding:9px 12px;border-color:var(--line)}
:is(#app,dialog) td{color:#263953;background:#fff;border-color:#dfe6ef;padding:8px 12px}
:is(#app,dialog) td strong{color:#15263e}
:is(#app,dialog) tbody tr:nth-child(even)>td{background:#f8fafd}
:is(#app,dialog) tbody tr:hover>td{background:#edf4ff}
:is(#app,dialog) .production-calendar th:first-child,:is(#app,dialog) .production-calendar td:first-child{background:#edf3fa}
:is(#app,dialog) .summary-metric,:is(#app,dialog) .plan-kpi{background:#fff;border:1px solid #d5e0ed;box-shadow:0 1px 2px #233f5b05}
:is(#app,dialog) .plan-kpi-group{border:1px solid #d5e0ed;background:#fff;border-radius:10px;padding:10px 12px;margin:10px 0}
:is(#app,dialog) .plan-kpi-group:last-of-type{background:#f3f7ff;border-color:#9bbcff}
:is(#app,dialog) .plan-kpi-group:last-of-type .plan-kpi{border-color:#ccdbee}
:is(#app,dialog) .plan-kpi-grid{gap:10px}
:is(#app,dialog) .plan-kpi-heading{margin-bottom:8px;gap:12px}
:is(#app,dialog) .plan-kpi{padding:10px 12px;border-radius:8px}
:is(#app,dialog) .plan-kpi>span{color:#354863;font-size:12px;font-weight:600;margin-bottom:6px}
:is(#app,dialog) .plan-kpi>strong{font-size:24px;color:#14243c;font-variant-numeric:tabular-nums;white-space:nowrap}
:is(#app,dialog) .plan-kpi small,:is(#app,dialog) .plan-kpi-percent,:is(#app,dialog) .plan-kpi-empty{color:#53657d}
:is(#app,dialog) .plan-kpi-percent strong{color:#1d4ed8}
:is(#app,dialog) .plan-kpi small strong{font-size:11px;color:#354863}
:is(#app,dialog) .plan-season-details{border-color:var(--line)}
:is(#app,dialog) .plan-season-details>summary{color:#1d4ed8}
:is(#app,dialog) .plan-season-body .season-comparison td{background:#edf4ff;color:#243d61}
:is(#app,dialog) .disclosure>summary{color:#263d5b}
:is(#app,dialog) .disclosure[open]>summary{border-color:var(--line)}
:is(#app,dialog) .connection-banner,:is(#app,dialog) .file-label{background:#f5f8fd;border-color:#cbd9ec;color:#34455f}
:is(#app,dialog) .connection-banner p,:is(#app,dialog) .instructions ol{color:#53657d}
:is(#app,dialog) .production-weekdays span{background:#eaf0f7;color:#34455f}
:is(#app,dialog) .production-day{border-color:var(--line)}
:is(#app,dialog) .production-day.outside{background:#f1f4f8;color:#738096}
:is(#app,dialog) .production-date{color:#475b76}
:is(#app,dialog) .production-event{background:#eaf2ff;color:#214d87;border-color:#2563eb}
:is(#app,dialog) .production-event.receipt{background:#e9f7f0;color:#17683f;border-color:#249565}
:is(#app,dialog) .size-chips span{background:#edf3fa;color:#34455f}
:is(#app,dialog) .payment-day{background:#fff;border-color:var(--line)}
:is(#app,dialog) .payment-day.empty{background:#f3f5f8}
:is(#app,dialog) .payment-type-wb_reports{--payment-fill:#edf8f2;--payment-edge:#b9dccc}
:is(#app,dialog) .payment-type-wb_forecast{--payment-fill:#edf4ff;--payment-edge:#bdd3f5}
:is(#app,dialog) .payment-type-factory{--payment-fill:#f1eef9;--payment-edge:#d3c8e8}
:is(#app,dialog) .payment-type-other_income{--payment-fill:#f0f6eb;--payment-edge:#c9dabc}
:is(#app,dialog) .payment-type-other_expense{--payment-fill:#fff3e8;--payment-edge:#e6cdb5}
:is(#app,dialog) .payment-event,:is(#app,dialog) .payment-event small,:is(#app,dialog) .payment-event .payment-category,:is(#app,dialog) .payment-legend span{color:#34455f}
:is(#app,dialog) .payment-gap{border-color:#df99a4;background:#fff5f6}
:is(#app,dialog) .payment-day>strong.error{color:#b42338}
:is(#app,dialog) .planning-alert{background:#fff8eb;border-color:#e7c17e}
:is(#app,dialog) .settings-toolbar:has(>[data-settings-tab]){display:flex;justify-content:flex-start;gap:8px}
:is(#app,dialog) [data-settings-tab][aria-selected=true]{background:#e9f1ff;color:#174ed1;border-color:#aac5f8}
:is(#app,dialog) .employee-access,:is(#app,dialog) #employee-invite-form{display:grid;gap:12px}
:is(#app,dialog) fieldset{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
:is(#app,dialog) fieldset label{display:flex;align-items:flex-start;gap:8px}
#invite-registration{max-width:520px;margin:8vh auto;padding:24px}
#invite-registration label{display:block;margin:16px 0}
#invite-registration input{display:block;width:100%;margin-top:6px}
.login-screen{background:#f1f5fa}
.login-brand h1,.login-brand p{color:#18304f}
.login-brand h1 span,.login-brand .eyebrow{color:#2563eb}
.login-card .primary{width:100%}
dialog::backdrop{background:#172b4660}
.action-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:6px;flex-shrink:0}
.action-icon svg{display:block;width:16px;height:16px}
@media(min-width:1100px){:is(#app,dialog) .plan-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

:is(#app,dialog) .summary-metric>span,:is(#app,dialog) .summary-metric>small{color:#53657d}:is(#app,dialog) .compact-summary>.disclosure{border-color:#d7e1ed}:is(#app,dialog) .employee-access-form{display:grid;gap:10px}:is(#app,dialog) .employee-access-form label{display:flex;gap:8px;align-items:center}:is(#app,dialog) .nav span svg{width:20px;height:20px;display:block}:is(#app,dialog) .nav span{flex-shrink:0}:is(#app,dialog) .plan-kpi>strong{font-size:clamp(18px,1.65vw,24px)}

/* Agent subsections and compact production register. */
:is(#app,dialog) #agent-team-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#agent-team-tabs button{white-space:normal;text-align:left;line-height:1.4;min-height:58px}
#agent-profile-content h2{font-size:18px}
#prometheus-workspace[hidden]{display:none!important}
#page-production-orders .table-card{overflow-x:auto}
#page-production-orders td{vertical-align:top}
#order-history{margin:12px 0}
@media(max-width:780px){:is(#app,dialog) #agent-team-tabs{grid-template-columns:1fr}}

/* Olimp: Greek god characters and department previews. */
.olimp-god .office-head{animation:office-idle 6s ease-in-out infinite}
.olimp-god.seated .office-leg{transform:none!important}
.olimp-god.seated .office-arm.left{transform:none}
.olimp-god .olimp-flame{transform-box:fill-box;transform-origin:50% 100%;animation:olimp-fire 1.6s ease-in-out infinite}
.olimp-god .olimp-bolt{animation:olimp-glow 3s ease-in-out infinite}
.olimp-owl{animation:olimp-owl 5s ease-in-out infinite}
.olimp-demo-mover{animation:olimp-tour 24s ease-in-out infinite}
.olimp-demo .olimp-signals{animation:olimp-glow 4s ease-in-out infinite}
.olimp-demo .olimp-chart{stroke-dasharray:200;animation:olimp-chart 8s ease-in-out infinite}
#olimp-agent-scene[hidden]{display:none!important}
#page-agents[hidden] svg *,#prometheus-workspace[hidden] svg *,#olimp-agent-scene[hidden] svg *{animation-play-state:paused!important}
@keyframes olimp-tour{0%,15%,100%{transform:translate(110px,300px)}22%{transform:translate(110px,395px)}28%{transform:translate(363px,395px)}34%,43%{transform:translate(363px,300px)}49%{transform:translate(363px,395px)}55%{transform:translate(610px,395px)}61%,70%{transform:translate(610px,300px)}76%{transform:translate(610px,395px)}82%,87%{transform:translate(863px,300px)}91%{transform:translate(863px,395px)}96%{transform:translate(110px,395px)}}
@keyframes olimp-fire{50%{transform:scale(.92,1.08);opacity:.85}}
@keyframes olimp-glow{50%{opacity:.55}}
@keyframes olimp-owl{50%{transform:translate(48px,-62px)}}
@keyframes olimp-chart{0%{stroke-dashoffset:200}40%,100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.olimp-god *,.olimp-demo *{animation:none!important}.olimp-demo-mover{transform:translate(363px,300px)}}

/* Art detail: separate cloth, metal and task-specific movement. */
.olimp-god .office-torso{animation:olimp-breathe 5s ease-in-out infinite;transform-origin:0 30px}
.olimp-god .olimp-regalia{pointer-events:none}
.olimp-god.working .office-arm.right{animation:olimp-inspect 7s ease-in-out infinite;transform-origin:25px -30px}
.olimp-god.walking .office-torso{animation:olimp-step .65s ease-in-out infinite}
@keyframes olimp-breathe{50%{transform:scaleY(1.012)}}
@keyframes olimp-inspect{0%,65%,100%{transform:rotate(0deg)}30%,45%{transform:rotate(-12deg)}}
@keyframes olimp-step{50%{transform:translateY(-2px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.olimp-god .office-torso,.olimp-god .office-arm.right{animation:none!important}}