:root{--ink:#14313a;--muted:#677b80;--line:#dce5e5;--bg:#f4f7f6;--card:#fff;--accent:#e6b85c;--green:#176d50;--warn:#9b5c09;--risk:#a43f2e;--soft:#eef4f2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}a{color:#176d50}
.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px max(18px,calc((100vw - 1120px)/2));background:#102a33;color:#fff;box-shadow:0 1px 0 #ffffff12}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}.brand img{width:38px;height:38px}.brand strong,.brand span{display:block}.brand strong{font-size:18px;letter-spacing:.01em}.brand span{font-size:11px;color:#bfd0d1}.head-actions{display:flex;align-items:center;gap:8px}.pill{border:1px solid #49616a;border-radius:99px;padding:5px 9px;font-size:11px}
main{max-width:1120px;margin:0 auto;padding:24px 18px 50px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;min-height:500px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:10px 0 22px}.hero h1 em{font-style:normal;color:#b27616}.hero>div>p{font-size:19px;max-width:700px;color:#52676d}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:850;color:#70858a}.trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.trust-row span{background:#e9f0ee;border:1px solid #d7e3df;padding:7px 10px;border-radius:99px;font-size:12px}
.auth-card,.panel,.boundary-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 35px #1e3b440a}.auth-card h2,.panel h2{margin:0 0 8px}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 12px}.public-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.public-grid p,.boundary-card p{margin-bottom:0;color:var(--muted);font-size:13px}.boundary-card{margin-bottom:36px;border-left:5px solid var(--accent)}
form{display:grid;gap:12px}label{display:grid;gap:5px;font-weight:700;font-size:13px}input,select,textarea{width:100%;min-width:0;border:1px solid #c9d6d6;background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#6e9b91;box-shadow:0 0 0 3px #6e9b9120}textarea{resize:vertical}.primary,.secondary,.ghost,.filter,.icon-btn,.text-btn,.danger{border:0;border-radius:10px;padding:10px 13px;font-weight:800}.primary{background:var(--ink);color:#fff}.secondary{background:#e8f0ee;color:#173b33}.ghost{background:#eef2f2;color:#2f4f56}.danger{background:#fff0ed;color:#953623}.text-btn{background:transparent;color:#2e6558;padding-left:0;text-align:left}.spaced{margin-top:12px}.narrow{max-width:620px;margin:70px auto}.check{grid-template-columns:22px 1fr;align-items:start;font-weight:550}.check input{width:18px;height:18px;margin-top:2px}.optional{font-weight:500;color:var(--muted);font-size:11px}.hint{font-size:11px;color:var(--muted);margin:-7px 0 1px}.subline,.panel-intro{color:var(--muted);font-size:12px;margin:3px 0 0}
.app-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:10px 0 18px}.app-title h1{margin:2px 0 0;font-size:34px}.title-actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.metric strong{display:block;font-size:24px}.metric span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.metric.risk{border-left:4px solid var(--risk)}.metric.warn{border-left:4px solid var(--warn)}.metric.money{border-left:4px solid var(--green)}
.panel{margin-bottom:12px}.priority-panel{border-top:4px solid var(--accent)}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.search{max-width:280px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.filter{background:#edf2f1;color:#496269}.filter.active{background:var(--ink);color:#fff}.contract-list,.action-list,.history-list{display:grid;gap:8px}
.contract-row{display:grid;grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(110px,.7fr)) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.contract-row.risk{border-left:5px solid var(--risk)}.contract-row.warn{border-left:5px solid var(--warn)}.contract-row.ok{border-left:5px solid var(--green)}.contract-row.archived{opacity:.7}.contract-main strong,.contract-main span{display:block}.contract-main span,.contract-meta span{font-size:11px;color:var(--muted)}.contract-meta b{display:block;font-size:13px}.status{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:10px;font-weight:850;background:#edf2f1}.status.risk{background:#fff0ed;color:#953623}.status.warn{background:#fff6dd;color:#8a5207}.status.ok{background:#eaf8f0;color:#176d50}.status.archived{background:#edf0f1;color:#66777b}.row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.row-actions button{border:0;border-radius:8px;padding:8px 9px;font-size:11px;font-weight:800}
.action-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-left:5px solid var(--warn);border-radius:12px;padding:13px;background:#fff}.action-card.risk{border-left-color:var(--risk)}.action-card strong,.action-card span{display:block}.action-card span{font-size:12px;color:var(--muted);margin-top:3px}.action-value{font-weight:800;color:var(--ink)!important}.all-clear{padding:16px;border-radius:12px;border:1px solid #b9ddcd;background:#edf9f3}.all-clear span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.empty{padding:20px;text-align:center;color:var(--muted);border:1px dashed #cdd9d8;border-radius:12px}.message{border:1px solid #acc8bf;background:#eef8f4;border-radius:12px;padding:12px;margin-bottom:12px}.message.error{border-color:#dfa99f;background:#fff2ef}.safety details{border:0}.safety summary{font-weight:800}
.history-item{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:10px 2px}.history-item:last-child{border-bottom:0}.history-item strong,.history-item span{display:block}.history-item span{font-size:11px;color:var(--muted);margin-top:2px}.history-decision{font-size:11px;font-weight:800;background:#eef4f2;border-radius:99px;padding:5px 8px;height:max-content}
dialog{border:0;border-radius:18px;padding:0;width:min(700px,calc(100vw - 24px));box-shadow:0 24px 80px #102a3350}dialog::backdrop{background:#102a3380}dialog form{padding:22px}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-head h2{margin:2px 0 0}.dialog-actions{justify-content:flex-end;margin-top:6px}.icon-btn{font-size:24px;padding:4px 10px;background:#eef2f2}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-note{font-size:11px;color:var(--muted);background:#f5f7f7;border-radius:9px;padding:9px}.review-context,.notice-points{background:#f5f7f7;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:12px}.review-context strong,.review-context span{display:block}.review-context span{color:var(--muted);margin-top:3px}.review-checks{display:grid;gap:9px;border:1px solid var(--line);border-radius:12px;padding:12px}.notice-points p{margin:4px 0}
footer{text-align:center;color:#7a8d91;font-size:11px;padding:26px}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding:45px 0}.auth-card{max-width:560px}.metrics{grid-template-columns:repeat(2,1fr)}.contract-row{grid-template-columns:1.2fr 1fr 1fr}.contract-meta:nth-of-type(3){display:none}.row-actions{grid-column:1/-1;justify-content:flex-start}.public-grid{grid-template-columns:1fr}}
@media(max-width:560px){main{padding:16px 12px 40px}.hero{padding-top:28px}.hero h1{font-size:44px}.trust-row span{width:100%}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:20px}.panel{padding:16px}.app-title{align-items:stretch;flex-direction:column}.title-actions{display:grid;grid-template-columns:1fr 1fr}.panel-head{align-items:stretch;flex-direction:column}.search{max-width:none}.contract-row{grid-template-columns:1fr 1fr}.contract-main{grid-column:1/-1}.contract-meta{display:block!important}.row-actions{grid-column:1/-1;justify-content:flex-start}.action-card{grid-template-columns:1fr;align-items:start}.two{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}.history-item{grid-template-columns:1fr}}

.soft-rule{border:0;border-top:1px solid var(--line);width:100%;margin:2px 0}.scenario-result{border:1px solid var(--line);background:#f5f7f7;border-radius:12px;padding:12px;font-size:12px}.scenario-result strong,.scenario-result span{display:block}.scenario-result span{color:var(--muted);margin-top:3px}.scenario-total{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#102a33;color:#fff;border-radius:14px;padding:14px}.scenario-total span{font-size:12px;color:#c8d6d8}.scenario-total strong{font-size:22px}.opportunity-links{font-size:12px}
@media(max-width:560px){.scenario-total{align-items:flex-start;flex-direction:column}}

.trust-strip{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 12px}.trust-strip span{font-size:11px;color:#405d63;background:#edf3f1;border:1px solid #dce7e3;border-radius:999px;padding:7px 10px}.updated-at{font-size:10px;color:#829397;margin:6px 0 0}.data-tools{margin:12px 0}.local-badge{display:inline-flex;width:max-content;max-width:100%;background:#eaf8f0;color:#176d50;border:1px solid #c8e8d6;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.empty strong,.empty span{display:block}.empty span{font-size:11px;margin-top:4px}.metrics{grid-template-columns:repeat(3,1fr)}.title-actions .primary{min-width:150px}
@media(max-width:850px){.metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.metrics{grid-template-columns:1fr}.trust-strip{display:grid}.title-actions{display:block}.title-actions .primary{width:100%}.site-header{padding-top:max(12px,env(safe-area-inset-top));}.brand span{display:none}.head-actions .pill{display:none}}

.value-demo{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#102a33;color:#fff;border-radius:20px;padding:26px;margin:12px 0}
.value-demo h2{margin:4px 0 8px;font-size:28px}.value-demo p{color:#c8d6d8;margin:0}.value-demo .eyebrow{color:#e6b85c}
.value-demo-form{background:#fff;color:var(--ink);border-radius:14px;padding:16px}.value-demo-result{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#eef4f2;border-radius:10px;padding:12px}
.value-demo-result span{font-size:11px;color:var(--muted)}.value-demo-result strong{font-size:20px}
.commercial-strip{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px;margin:12px 0 36px}
.commercial-strip span{font-size:12px;color:var(--muted);max-width:520px}
@media(max-width:700px){.value-demo{grid-template-columns:1fr}.commercial-strip{align-items:flex-start;flex-direction:column}}

.first-start{display:grid;gap:8px;border:1px dashed #b9d2cb;background:#f4faf7;border-radius:14px;padding:20px}
.first-start strong{font-size:18px}.first-start span{font-size:12px;color:var(--muted);max-width:560px}.first-start .primary{width:max-content}
@media(max-width:560px){.first-start .primary{width:100%}}

.legal-page{max-width:960px}.legal-page h1{font-size:clamp(32px,5vw,52px);line-height:1.05;margin:8px 0 14px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legal-grid .panel{margin:0}.legal-page p{color:var(--muted)}.back-link{margin:20px 0}.site-header+main.legal-page{padding-top:34px}
footer{display:flex;justify-content:center;gap:16px;align-items:center;flex-wrap:wrap}footer nav{display:flex;gap:12px;flex-wrap:wrap}footer a{font-size:11px}
@media(max-width:700px){.legal-grid{grid-template-columns:1fr}}

.header-link{color:#fff;text-decoration:none;font-size:12px;font-weight:800;padding:7px 9px;border-radius:8px}.header-link:hover{background:#ffffff12}
.pricing-hero{text-align:center;padding:34px}.pricing-hero h1{margin:6px 0 10px}.price-block{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:18px 0 4px}.price-block strong{font-size:54px;letter-spacing:-.04em}.price-block span{color:var(--muted);font-size:13px}.price-note{font-size:12px}.button-link{display:inline-block;text-decoration:none;margin-top:10px}

.source-link{display:inline-flex;align-items:center;text-decoration:none}.source-review-link{display:inline-flex;margin-top:10px;font-weight:800;text-decoration:none;color:var(--green)}

/* Dashboard cockpit v0.6 */
.dashboard-status{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-left:5px solid #9aabb0;border-radius:16px;padding:16px 18px;margin-bottom:12px;box-shadow:0 6px 20px rgba(16,42,51,.04)}
.dashboard-status-main{display:flex;align-items:flex-start;gap:12px}.dashboard-status-main strong{display:block;font-size:20px;line-height:1.2;margin-top:2px}.dashboard-status-main p{margin:4px 0 0;color:var(--muted);font-size:12px}.status-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;background:#9aabb0;box-shadow:0 0 0 5px #edf1f2}
.dashboard-status.risk{border-left-color:var(--risk)}.dashboard-status.risk .status-dot{background:var(--risk);box-shadow:0 0 0 5px #fff0ed}
.dashboard-status.warn{border-left-color:var(--warn)}.dashboard-status.warn .status-dot{background:var(--warn);box-shadow:0 0 0 5px #fff6dd}
.dashboard-status.ok{border-left-color:var(--green)}.dashboard-status.ok .status-dot{background:var(--green);box-shadow:0 0 0 5px #eaf8f0}
.dashboard-status-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.dashboard-status-meta .updated-at{margin:0;white-space:nowrap}
.metrics{grid-template-columns:repeat(4,1fr);gap:10px}.metric{min-height:108px;display:flex;flex-direction:column;justify-content:center}.metric .metric-label{font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#667b80;margin:0 0 5px}.metric.done{border-left:4px solid #6f8d85}.metric strong{font-size:26px;letter-spacing:-.025em}
.dashboard-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;align-items:start;margin-bottom:12px}.cockpit-panel{margin:0;min-width:0}.cockpit-now{border-top:4px solid var(--risk)}.cockpit-upcoming{border-top:4px solid var(--warn)}.cockpit-done{border-top:4px solid var(--green)}
.cockpit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:2px}.cockpit-head h2{margin:2px 0 0;font-size:19px}.count-badge{min-width:30px;height:30px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;background:#edf2f1;color:#294d45}.cockpit-now .count-badge{background:#fff0ed;color:#953623}.cockpit-upcoming .count-badge{background:#fff6dd;color:#8a5207}.cockpit-done .count-badge{background:#eaf8f0;color:#176d50}
.cockpit-panel .action-card{grid-template-columns:1fr;margin-top:8px}.cockpit-panel .action-card button{width:100%;margin-top:2px}.action-status{font-weight:800;color:var(--ink)!important}.all-clear.compact{padding:13px;margin-top:10px}
.mini-list{display:grid;gap:0;margin-top:8px}.mini-item{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.mini-item:last-child{border-bottom:0}.mini-item strong,.mini-item span,.mini-item b{display:block}.mini-item strong{font-size:12px}.mini-item span{font-size:10px;color:var(--muted);margin-top:2px}.mini-item-right{text-align:right;min-width:92px}.mini-item-right b{font-size:11px}.mini-empty{font-size:11px;color:var(--muted);padding:14px 0}.done-item .mini-item-right b{color:var(--green)}
.history-panel details>summary{font-weight:850;cursor:pointer}.history-panel .history-list{margin-top:12px}.trust-strip-lower{margin:0 0 12px}
@media(max-width:1050px){.dashboard-columns{grid-template-columns:1fr 1fr}.cockpit-now{grid-column:1/-1}}
@media(max-width:760px){.dashboard-status{align-items:flex-start;flex-direction:column}.dashboard-status-meta{width:100%;justify-content:space-between}.metrics{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.cockpit-now{grid-column:auto}}
@media(max-width:480px){.metrics{grid-template-columns:1fr 1fr}.metric{min-height:96px}.metric strong{font-size:22px}.dashboard-status-main strong{font-size:18px}.dashboard-status-meta{align-items:center}.dashboard-status-meta .ghost{padding:8px 10px}}

/* KPI drill-down v0.6.1 */
.status-drill-button{border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer;font:inherit;flex:1}.status-drill-button:disabled{cursor:default}.status-drill-button:not(:disabled):hover #statusTitle{text-decoration:underline;text-underline-offset:3px}.status-drill-button:focus-visible{outline:3px solid #b8d3cb;outline-offset:6px;border-radius:8px}.status-detail-hint{display:block;font-size:10px;font-weight:800;color:var(--green);margin-top:5px}
.metric-button{border:1px solid var(--line);text-align:left;cursor:pointer;font:inherit;color:inherit}.metric-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(16,42,51,.08);border-color:#b8cbc7}.metric-button:focus-visible{outline:3px solid #b8d3cb;outline-offset:2px}.metric-link{font-weight:800!important;color:#315f56!important;margin-top:7px!important}
.dashboard-drilldown{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin:-2px 0 12px;box-shadow:0 10px 30px rgba(16,42,51,.07)}.drilldown-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.drilldown-head h2{margin:2px 0 0;font-size:21px}.drilldown-list{display:grid;gap:7px}.drilldown-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(115px,.7fr) minmax(140px,.8fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfc}.drill-main strong,.drill-main span,.drill-date b,.drill-date span,.drill-value b,.drill-value span{display:block}.drill-main span,.drill-date span,.drill-value span{font-size:10px;color:var(--muted);margin-top:2px}.drill-status{font-weight:800!important}.drill-status.risk{color:var(--risk)!important}.drill-status.warn{color:#8a5207!important}.drill-value{text-align:right}.drill-value b{font-size:13px}.drill-actions{display:flex;justify-content:flex-end}.drilldown-total{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#102a33;color:#fff;border-radius:12px;padding:13px 15px;margin-top:9px}.drilldown-total span,.drilldown-total small{display:block}.drilldown-total span{font-weight:850;font-size:12px}.drilldown-total small{font-size:10px;color:#c8d6d8;margin-top:2px}.drilldown-total strong{font-size:22px}.done-row{grid-template-columns:minmax(180px,1.4fr) minmax(150px,.8fr) auto}
@media(max-width:760px){.drilldown-row,.done-row{grid-template-columns:1fr 1fr}.drill-main{grid-column:1/-1}.drill-value{text-align:left}.drill-actions{grid-column:1/-1;justify-content:flex-start}.drill-actions button{width:100%}}
@media(max-width:480px){.drilldown-row,.done-row{grid-template-columns:1fr}.drill-main,.drill-actions{grid-column:auto}.drilldown-total{align-items:flex-start;flex-direction:column}.drilldown-total strong{font-size:20px}}

.push-settings{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f2f8f5;border:1px solid #cddfd7;border-radius:14px;padding:14px 16px;margin-bottom:12px}
.push-settings strong{display:block;font-size:13px}.push-settings p{font-size:11px;color:var(--muted);margin:3px 0 0;max-width:600px}
.push-actions{display:flex;gap:8px;flex-shrink:0}.push-actions button{font-size:11px}
@media(max-width:680px){.push-settings{flex-direction:column;align-items:stretch}.push-actions button{width:100%}}


/* Reliability watchdog v0.8.0 */
.watchdog-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8faf9;border:1px solid var(--line);border-radius:14px;padding:13px 16px;margin:-2px 0 12px}
.watchdog-card strong{display:block;font-size:13px}.watchdog-card p{font-size:11px;color:var(--muted);margin:3px 0 0;max-width:650px}.watchdog-card>span{font-size:10px;color:var(--muted);font-weight:750;text-align:right}
.watchdog-card.ok{border-color:#b9dccb;background:#f2faf6}.watchdog-card.warn{border-color:#ead59f;background:#fffaf0}.watchdog-card.risk{border-color:#efc0b8;background:#fff6f4}
.watchdog-card.ok #watchdogStatus{color:#176d50}.watchdog-card.warn #watchdogStatus{color:#875407}.watchdog-card.risk #watchdogStatus{color:#953623}
.history-kind{display:inline-flex;margin-top:4px;padding:2px 7px;border-radius:999px;background:#eef3f2;color:#315f56;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:680px){.watchdog-card{align-items:flex-start;flex-direction:column}.watchdog-card>span{text-align:left}}


/* Price method & correspondence helper v0.9.0 */
.price-method-card{border:1px solid var(--line);border-radius:15px;padding:16px;margin:14px 0;background:#fbfcfc}.price-method-card h3{margin:4px 0 14px;font-size:17px}.price-method-card label{margin-top:10px}
.index-helper{margin-top:14px;padding:14px;border-radius:12px;background:#f2f8f5;border:1px solid #cddfd7}.index-helper>strong{display:block;margin:3px 0 5px}.index-helper p{margin:4px 0 10px;font-size:11px;color:var(--muted)}.helper-links{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}.helper-links a{font-size:11px;font-weight:800}
.calc-result{display:flex;flex-direction:column;gap:3px;margin-top:9px;padding:11px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:11px}.calc-result strong{font-size:20px;color:#173e36}.calc-result span{color:var(--muted)}
.warning-box{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:12px;border-radius:10px;background:#fff6f4;border:1px solid #efc0b8;color:#7f2d20}.warning-box span{font-size:11px}
.letter-helper{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#f8faf9}.letter-helper summary{font-weight:850;cursor:pointer}.letter-helper textarea[readonly]{background:#fff;min-height:240px;font-family:inherit;font-size:12px;line-height:1.5}.letter-actions{display:flex;gap:8px;flex-wrap:wrap}.letter-actions button{flex:1;min-width:140px}
@media(max-width:560px){.letter-actions{flex-direction:column}.letter-actions button{width:100%}.helper-links{flex-direction:column}}


/* Launch dashboard polish v1.0.0 */
#appScreen{display:grid;gap:0}
.app-title{margin-top:4px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#102a33,#173d47);color:#fff;box-shadow:0 18px 45px rgba(16,42,51,.14)}
.app-title .eyebrow{color:#e6b85c}.app-title .subline{color:#c7d5d7}.app-title h1{font-size:36px;letter-spacing:-.035em}
.app-title .ghost{background:#ffffff16;color:#fff;border:1px solid #ffffff1f}.app-title .primary{background:#e6b85c;color:#102a33}

.dashboard-status{min-height:132px;padding:22px 24px;border:0;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(16,42,51,.08);overflow:hidden;position:relative}
.dashboard-status::after{content:"";position:absolute;right:-35px;top:-55px;width:180px;height:180px;border-radius:50%;background:rgba(16,42,51,.035);pointer-events:none}
.dashboard-status-main strong{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}
.dashboard-status-main p{font-size:13px;max-width:720px}
.dashboard-status.risk{background:#fff6f4;border-left:8px solid var(--risk)}
.dashboard-status.warn{background:#fffaf0;border-left:8px solid var(--warn)}
.dashboard-status.ok{background:#f2faf6;border-left:8px solid var(--green)}
.dashboard-status.empty{border-left:8px solid #8da0a5}
.status-dot{width:16px;height:16px;margin-top:9px}

.metrics{gap:12px;margin-bottom:14px}
.metric{min-height:126px;padding:18px 18px 16px;border-radius:17px;box-shadow:0 9px 28px rgba(16,42,51,.045);transition:.18s ease}
.metric strong{font-size:30px}.metric .metric-label{font-size:10px}.metric-link{margin-top:auto!important;padding-top:9px!important}
.metric.risk{background:#fff7f5;border-left:5px solid var(--risk)}
.metric.warn{background:#fffbf2;border-left:5px solid var(--warn)}
.metric.done{background:#f5faf8;border-left:5px solid #6f8d85}
.metric.money{background:#f3faf6;border-left:5px solid var(--green)}

.dashboard-columns{grid-template-columns:1.35fr 1fr 1fr;gap:14px}
.cockpit-panel{border-radius:18px;box-shadow:0 10px 30px rgba(16,42,51,.045)}
.cockpit-now{border-top:5px solid var(--risk);background:linear-gradient(180deg,#fff9f8 0,#fff 80px)}
.cockpit-upcoming{border-top:5px solid var(--warn);background:linear-gradient(180deg,#fffaf1 0,#fff 80px)}
.cockpit-done{border-top:5px solid var(--green);background:linear-gradient(180deg,#f4faf7 0,#fff 80px)}
.cockpit-head h2{font-size:21px}

.operational-health{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}
.operational-health .push-settings,.operational-health .watchdog-card{margin:0;min-height:92px;border-radius:16px}
.operational-health .watchdog-card>span{max-width:270px}

@media(max-width:850px){.dashboard-columns{grid-template-columns:1fr 1fr}.cockpit-now{grid-column:1/-1}.operational-health{grid-template-columns:1fr}}
@media(max-width:560px){
 .app-title{padding:16px}.app-title h1{font-size:30px}
 .dashboard-status{min-height:0;padding:18px}
 .dashboard-status-main strong{font-size:24px}
 .metrics{grid-template-columns:1fr 1fr}
 .metric{min-height:112px;padding:14px}.metric strong{font-size:25px}
 .metric-link{font-size:10px!important}
}


/* Premium SaaS dashboard v1.1 */
body.app-mode{background:#eef3f9}
body.app-mode .site-header{display:none}
body.app-mode main{max-width:none;margin:0;padding:0}
.premium-app{min-height:100vh;grid-template-columns:250px minmax(0,1fr)!important;background:#eef3f9}
.app-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #dfe7f1;padding:20px 16px;display:flex;flex-direction:column;gap:22px;z-index:8}
.sidebar-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#0f2346;padding:4px 6px}.sidebar-brand img{width:44px;height:44px;object-fit:contain}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:18px;letter-spacing:-.02em}.sidebar-brand span{font-size:9px;color:#75839a;line-height:1.2}
.sidebar-nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#304568;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:750;font-size:13px}.nav-item span{width:18px;text-align:center;font-size:16px}.nav-item:hover{background:#f0f5ff}.nav-item.active{background:linear-gradient(135deg,#1268e8,#0b83ff);color:#fff;box-shadow:0 8px 22px rgba(17,103,232,.22)}
.sidebar-foot{margin-top:auto;border-top:1px solid #e8edf4;padding-top:14px;display:grid;gap:7px}.sidebar-status{font-size:11px;color:#15815e;font-weight:800}.sidebar-link{border:0;background:transparent;padding:4px 0;text-align:left;color:#66758b;font-size:11px;font-weight:750}
.app-main{min-width:0;padding:26px 30px 50px}
.app-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.app-toolbar h1{font-size:30px;line-height:1.05;margin:3px 0 4px;color:#10234a;letter-spacing:-.035em}.app-toolbar .subline{font-size:13px;color:#718096}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.toolbar-actions .primary{background:#1268e8;box-shadow:0 8px 18px rgba(18,104,232,.18)}.toolbar-actions .ghost{background:#fff;border:1px solid #dfe7f1}
.global-search{position:relative;display:flex;align-items:center;font-weight:400}.global-search>span{position:absolute;left:12px;color:#74859c;font-size:17px}.global-search input{width:280px;padding-left:34px;border-color:#dfe7f1;background:#fff;border-radius:11px}

.dashboard-status{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;min-height:180px;background:#fff!important;border:1px solid #e1e8f2!important;border-left:0!important;padding:22px 24px!important;box-shadow:0 10px 28px rgba(16,35,74,.06)!important}.dashboard-status::after{display:none}.dashboard-status-main strong{font-size:26px!important;color:#10234a}.dashboard-status-main p{color:#6e7e94!important}.status-dot{width:12px!important;height:12px!important}.status-ring-card{display:flex;align-items:center;gap:16px;padding:8px 12px}.status-donut{--risk-share:0;--warn-share:0;width:116px;height:116px;border-radius:50%;background:conic-gradient(#f05252 0 calc(var(--risk-share)*1%),#f4b42b calc(var(--risk-share)*1%) calc((var(--risk-share) + var(--warn-share))*1%),#0d73f4 calc((var(--risk-share) + var(--warn-share))*1%) 100%);display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px #ffffff80}.status-donut::after{content:"";width:72px;height:72px;background:#fff;border-radius:50%;position:absolute}.status-donut-center{z-index:1;text-align:center}.status-donut-center strong,.status-donut-center span{display:block}.status-donut-center strong{font-size:22px;color:#10234a}.status-donut-center span{font-size:9px;color:#73839a}.status-legend{display:grid;gap:7px;min-width:120px}.status-legend span{font-size:10px;color:#66758b;display:flex;align-items:center;gap:6px}.status-legend b{color:#10234a;min-width:15px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.risk{background:#f05252}.legend-dot.warn{background:#f4b42b}.legend-dot.ok{background:#0d73f4}.dashboard-status-meta{align-self:flex-start;justify-self:end;flex-direction:column;align-items:flex-end!important;gap:6px!important}.dashboard-status-meta .ghost{background:#f5f8fc;border:1px solid #e1e8f2;color:#425570}

.metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.metric{position:relative;min-height:126px!important;border:1px solid #e1e8f2!important;border-left:0!important;border-radius:15px!important;box-shadow:0 7px 22px rgba(16,35,74,.045)!important;padding:18px!important;background:#fff!important}.metric::before{content:"";width:36px;height:36px;border-radius:11px;position:absolute;right:15px;top:15px;background:#edf4ff}.metric.risk{background:#fff7f7!important}.metric.risk::before{background:#ffe5e5}.metric.warn{background:#fffaf0!important}.metric.warn::before{background:#fff0c9}.metric.done{background:#f4fbf8!important}.metric.done::before{background:#dcf7e9}.metric.money{background:#f4f8ff!important}.metric.money::before{background:#dfeaff}.metric .metric-label{color:#6f7d92!important}.metric strong{font-size:31px!important;color:#10234a}.metric.risk strong{color:#df3333}.metric.warn strong{color:#c98200}.metric.done strong{color:#129061}.metric.money strong{color:#1268e8}.metric-link{color:#1268e8!important}

.dashboard-columns{grid-template-columns:1.05fr 1fr 1fr!important;gap:14px!important}.cockpit-panel{border:1px solid #e1e8f2!important;border-top:0!important;border-radius:16px!important;box-shadow:0 7px 22px rgba(16,35,74,.045)!important;background:#fff!important}.cockpit-panel::before{content:"";display:block;height:4px;margin:-22px -22px 17px;border-radius:16px 16px 0 0}.cockpit-now::before{background:#f05252}.cockpit-upcoming::before{background:#f4b42b}.cockpit-done::before{background:#12a878}.cockpit-head h2{color:#10234a}.mini-item{border-color:#edf1f6}.count-badge{box-shadow:none}
.action-card{border-color:#e8edf4;border-left-width:4px}.action-card .secondary{background:#eef5ff;color:#115fcf}
.panel{border-color:#e1e8f2;box-shadow:0 7px 22px rgba(16,35,74,.035)}
.operational-health .push-settings,.operational-health .watchdog-card{background:#fff;border-color:#e1e8f2}
#contractsSection,#historySection,#settingsSection{scroll-margin-top:24px}

@media(max-width:1080px){
 .premium-app{grid-template-columns:82px minmax(0,1fr)!important}.sidebar-brand div,.nav-item:not(.active){font-size:0}.sidebar-brand{justify-content:center}.sidebar-brand img{width:46px;height:46px}.sidebar-nav .nav-item{justify-content:center;padding:12px}.nav-item span{font-size:18px}.sidebar-foot{align-items:center}.sidebar-status{font-size:0}.sidebar-status::before{content:"●";font-size:12px}.sidebar-link{font-size:0}.sidebar-link::before{content:"↪";font-size:18px}
 .dashboard-status{grid-template-columns:minmax(0,1fr) auto}.dashboard-status-meta{grid-column:1/-1;justify-self:stretch;flex-direction:row;justify-content:space-between!important;align-items:center!important}
}
@media(max-width:820px){
 body.app-mode main{padding:0}.premium-app{display:block!important}.app-sidebar{position:sticky;height:auto;top:0;padding:10px 12px;display:flex;flex-direction:row;align-items:center;gap:8px;border-right:0;border-bottom:1px solid #dfe7f1}.sidebar-brand{padding:0}.sidebar-brand img{width:38px;height:38px}.sidebar-nav{display:flex;overflow-x:auto;gap:5px;flex:1}.sidebar-nav .nav-item{font-size:0;padding:9px 11px;flex:none}.sidebar-nav .nav-item span{font-size:17px}.sidebar-foot{display:none}.app-main{padding:18px 14px 42px}.app-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;justify-content:flex-start}.global-search{flex:1;min-width:220px}.global-search input{width:100%}.dashboard-status{grid-template-columns:1fr;padding:18px!important}.status-ring-card{justify-content:flex-start}.dashboard-status-meta{grid-column:auto;justify-self:stretch;flex-direction:row}.metrics{grid-template-columns:1fr 1fr!important}.dashboard-columns{grid-template-columns:1fr!important}.cockpit-now{grid-column:auto!important}
}
@media(max-width:520px){
 .app-toolbar h1{font-size:25px}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.global-search{grid-column:1/-1}.metrics{grid-template-columns:1fr 1fr!important}.metric{min-height:115px!important;padding:14px!important}.metric::before{width:30px;height:30px}.metric strong{font-size:25px!important}.status-ring-card{display:none}.dashboard-status-main strong{font-size:22px!important}.app-sidebar{overflow:hidden}.sidebar-nav{padding-bottom:2px}
}


/* Exact logo + executive donut v1.2 */
.brand img,.sidebar-brand img{object-fit:contain;object-position:center}
.brand img{width:42px;height:42px}.sidebar-brand img{width:52px;height:52px}
.status-ring-card{background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid #e5ebf4;border-radius:18px;padding:14px 16px;box-shadow:0 7px 20px rgba(16,35,74,.04)}
.status-donut{width:132px;height:132px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 8px 22px rgba(16,35,74,.06)}
.status-donut::after{width:80px;height:80px;box-shadow:0 0 0 1px #edf1f6}
.status-donut-center strong{font-size:25px}.status-donut-center span{font-size:10px}
.status-legend{gap:8px}.status-legend span{font-size:11px}.legend-dot{width:10px;height:10px}
.legend-dot.ok{background:#1776ef}

.metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.metric.total{background:#f5f8ff!important}.metric.total::before{background:#dfeaff}.metric.total strong{color:#1268e8}
.metric.ok{background:#f2fbf7!important}.metric.ok::before{background:#d9f5e7}.metric.ok strong{color:#119262}
.metric.money strong{font-size:25px!important}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){.metrics{grid-template-columns:1fr 1fr!important}.status-ring-card{width:100%;justify-content:center}}
@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr!important}.metric.money{grid-column:1/-1}.sidebar-brand img{width:40px;height:40px}}


/* Exact logo + mobile status donut fix v1.2.1 */
.brand img,.sidebar-brand img{object-fit:contain;background:transparent;border:0}
@media(max-width:520px){
  .status-ring-card{display:flex!important;width:100%;justify-content:center;align-items:center;gap:18px;padding:8px 0 2px}
  .status-donut{width:126px;height:126px;flex:0 0 126px}
  .status-donut::after{width:78px;height:78px}
  .status-donut-center strong{font-size:23px}
  .status-donut-center span{font-size:10px}
  .status-legend{min-width:132px}
  .status-legend span{font-size:10px}
  .dashboard-status{grid-template-columns:1fr!important}
  .dashboard-status-meta{grid-column:auto!important}
}
@media(max-width:380px){
  .status-ring-card{gap:12px}
  .status-donut{width:108px;height:108px;flex-basis:108px}
  .status-donut::after{width:66px;height:66px}
  .status-legend{min-width:118px}
}


/* Automatic calendar subscription v1.3.0 */
.calendar-settings{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f5f7ff;border:1px solid #d7def5;border-radius:14px;padding:14px 16px;margin-bottom:12px}
.calendar-settings strong{display:block;font-size:13px}.calendar-settings p{font-size:11px;color:var(--muted);margin:3px 0 0;max-width:650px}
.calendar-explain{background:#f5f7ff;border:1px solid #d7def5;border-radius:13px;padding:14px;margin:14px 0}.calendar-explain>strong{display:block;margin-bottom:5px}.calendar-explain p{font-size:12px;color:var(--muted);margin:0 0 10px}
.calendar-points{display:flex;flex-wrap:wrap;gap:7px}.calendar-points span{font-size:10px;font-weight:800;background:#fff;border:1px solid #dfe4f4;border-radius:999px;padding:6px 9px;color:#304568}
.calendar-link-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff}.calendar-link-card strong{font-size:13px}.calendar-link-card span{font-size:10px;color:var(--muted)}
.calendar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.calendar-actions .ghost{grid-column:1/-1}.calendar-rotate{margin-top:2px}
@media(max-width:680px){.calendar-settings{flex-direction:column;align-items:stretch}.calendar-settings .push-actions button{width:100%}.calendar-actions{grid-template-columns:1fr}.calendar-actions .ghost{grid-column:auto}}


/* Prominent notification hub v1.3.1 */
.notification-hub{margin:0 0 16px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #dfe7f1;border-radius:18px;padding:16px 16px 14px;box-shadow:0 10px 30px rgba(16,42,51,.05)}
.notification-hub-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.notification-hub-head h2{margin:3px 0 3px;font-size:20px;color:#10234a}.notification-hub-head p{margin:0;color:#718096;font-size:11px}
.protection-badge{white-space:nowrap;background:#eef5ff;color:#0f5fc6;border:1px solid #cfe0f8;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850}
.notification-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.notification-hub .notification-tile{margin:0;min-height:104px;border-radius:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.notification-hub .push-settings{background:#f4faf7;border-color:#cfe4da}
.notification-hub .calendar-settings{background:#f5f7ff;border-color:#d7def5}
.notification-copy{display:flex;align-items:flex-start;gap:10px}.notification-copy strong{font-size:13px}.notification-copy p{font-size:10px;line-height:1.35;margin-top:3px}
.notification-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid #e1e8f2;font-size:17px;flex:0 0 34px}
.notification-hub .watchdog-card{margin:0;min-height:70px}
@media(max-width:850px){.notification-hub-grid{grid-template-columns:1fr}}
@media(max-width:560px){
 .notification-hub{padding:14px}
 .notification-hub-head{flex-direction:column}
 .protection-badge{align-self:flex-start}
 .notification-hub .notification-tile{align-items:stretch;flex-direction:column}
 .notification-copy{width:100%}
 .notification-hub .push-actions{width:100%}
 .notification-hub .push-actions button{width:100%}
}


/* Customer value & organization workspace v1.4.0 */
.quick-start{background:linear-gradient(135deg,#10234a,#17467c);color:#fff;border-radius:18px;padding:17px;margin:0 0 14px;box-shadow:0 12px 32px rgba(15,35,70,.14)}
.quick-start-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.quick-start-head h2{font-size:20px;margin:3px 0}.quick-start-head p{margin:0;color:#d5e1f2;font-size:11px}.quick-start .eyebrow{color:#ffd39a}.quick-start .protection-badge{background:#ffffff14;border-color:#ffffff2a;color:#fff}
.quick-start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-step{border:1px solid #ffffff25;background:#ffffff0d;color:#fff;border-radius:13px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left}.quick-step:hover{background:#ffffff16}.quick-step b{width:28px;height:28px;border-radius:9px;background:#fff;color:#153d70;display:grid;place-items:center}.quick-step strong,.quick-step small{display:block}.quick-step strong{font-size:11px}.quick-step small{font-size:9px;color:#c7d7ed;margin-top:2px}.quick-step i{font-style:normal;font-size:9px;font-weight:850;color:#ffd39a}

.notification-inbox-card{margin:10px 0 0;background:#fff;border:1px solid #dfe7f1;border-radius:14px;padding:14px}
.notification-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.notification-history-head h3{margin:3px 0 2px;font-size:16px;color:#10234a}.notification-history-head p{margin:0;font-size:10px;color:var(--muted)}
.notification-history-list{display:grid;gap:8px}.notification-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e5ebf3;border-radius:12px;background:#fbfdff}.notification-history-icon{width:34px;height:34px;border-radius:10px;background:#f2f7ff;border:1px solid #d7e4f8;display:grid;place-items:center;font-size:16px}.notification-history-main{min-width:0}.notification-history-main strong,.notification-history-main span,.notification-history-main small{display:block}.notification-history-main strong{font-size:12px;color:#10234a}.notification-history-main span{font-size:10px;color:#44566f;margin-top:2px}.notification-history-main small{font-size:9px;color:#8290a3;margin-top:3px}.notification-history-empty{margin:0;padding:10px;font-size:10px;color:var(--muted);background:#f8fafc;border-radius:10px}.inbox-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.inbox-actions button{font-size:9px;padding:7px 8px}

.monthly-overview{margin-bottom:14px}.monthly-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.monthly-grid>div{border:1px solid #e1e8f2;background:#f9fbfd;border-radius:13px;padding:13px}.monthly-grid span,.monthly-grid strong,.monthly-grid small{display:block}.monthly-grid span{font-size:9px;color:#718096;font-weight:800;text-transform:uppercase}.monthly-grid strong{font-size:22px;color:#10234a;margin:3px 0}.monthly-grid small{font-size:9px;color:#8290a3}

.contract-head-actions{display:flex;align-items:flex-end;gap:9px}.import-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.file-button{border:0;border-radius:10px;padding:10px 13px;background:#1268e8;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.import-summary{border:1px solid #dde6f1;background:#f8fafc;border-radius:11px;padding:11px;font-size:11px}.import-preview{display:grid;gap:6px;max-height:300px;overflow:auto;margin:10px 0}.import-row{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:8px;padding:8px 9px;border-radius:9px;font-size:9px;border:1px solid #e4e9f0}.import-row.valid{background:#f2faf6;border-color:#cce5d8}.import-row.invalid{background:#fff6f4;border-color:#efc9c1}.import-row b{font-size:9px}

.team-panel{margin-top:14px}.team-members{display:grid;gap:8px}.team-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e4eaf2;border-radius:11px}.team-member strong,.team-member span{display:block}.team-member strong{font-size:12px;color:#10234a}.team-member div span{font-size:9px;color:#8290a3;margin-top:2px}.team-role{font-size:9px;font-weight:850;background:#f2f6fb;color:#415676;border-radius:999px;padding:5px 8px}

@media(max-width:850px){.quick-start-steps{grid-template-columns:1fr}.monthly-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
 .quick-start-head{flex-direction:column}.notification-history-row{grid-template-columns:auto 1fr}.inbox-actions{grid-column:2;justify-content:flex-start}.monthly-grid{grid-template-columns:1fr 1fr}.contract-head-actions{width:100%;align-items:stretch;flex-direction:column}.contract-head-actions .search{width:100%}.contract-head-actions .search input{width:100%}.import-row{grid-template-columns:55px 1fr}.import-row span:last-child{grid-column:1/-1}.team-member{align-items:flex-start}
}

.team-member-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.team-member-actions button{font-size:9px;padding:6px 8px}

.calendar-defaults{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0;padding:12px;border:1px solid #d7def5;border-radius:12px;background:#f8faff}
.calendar-defaults strong{flex-basis:100%;font-size:11px;color:#10234a}.calendar-defaults span{font-size:9px;font-weight:800;background:#fff;border:1px solid #dfe4f4;border-radius:999px;padding:5px 8px;color:#304568}.calendar-defaults small{flex-basis:100%;font-size:9px;color:var(--muted)}
.calendar-advanced{margin-top:9px;border-top:1px solid #e5eaf2;padding-top:9px}.calendar-advanced summary{cursor:pointer;font-size:10px;font-weight:850;color:#566980}.calendar-advanced button{margin-top:8px}


/* Screen visibility guard */
#appScreen.hidden{display:none!important}

/* Authenticator enrollment/verification */
.mfa-panel{max-width:600px;margin:24px auto;padding:24px}
.mfa-panel .hidden{display:none!important}
.mfa-panel #mfaVerifyForm{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.mfa-panel #mfaCode{letter-spacing:.28em;font-size:22px;font-variant-numeric:tabular-nums;max-width:240px}
.mfa-panel #mfaCancelBtn{margin-top:16px}
.mfa-message{padding:12px 14px;border-radius:10px;background:#f0f6ff;color:#143653}
.mfa-message.error{background:#fff1ef;color:#9f1e19}
.mfa-qr{width:min(230px,85%);height:auto;display:block;margin:14px auto}
.mfa-secret{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}
.mfa-secret code{display:inline-block;max-width:100%;padding:12px;word-break:break-all;border:1px solid #c8d4e4;border-radius:8px;background:#f5f8fc}
.mfa-settings{padding:16px;margin:0 0 18px;border-radius:12px;border:1px solid #cbd9eb;background:#f8faff}
.mfa-settings p{margin:7px 0 12px}

/* Logout is always discoverable on desktop and iPhone, even when sidebar is hidden */
.app-toolbar .toolbar-heading{display:flex;flex:1;min-width:0;align-items:flex-start;justify-content:space-between;gap:14px}
.app-logout-button{min-height:44px;padding:10px 14px;white-space:nowrap;font-size:13px;font-weight:800;background:#fff;border:1px solid #cbd7ea;border-radius:10px;color:#173253;cursor:pointer}
.app-logout-button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.account-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px;border-radius:12px;border:1px solid #dde5f0;background:#fff}
@media(max-width:820px){
 .app-toolbar .toolbar-heading{width:100%;align-items:flex-start}
 .app-toolbar .toolbar-heading .app-logout-button{flex:0 0 auto}
}
@media(max-width:400px){
 .app-toolbar .toolbar-heading{gap:8px}
 .app-toolbar .toolbar-heading .app-logout-button{padding:10px;font-size:12px}
 .account-actions{align-items:flex-start;flex-direction:column}
}

/* Self-service, minimal-data support history */
#supportSection{scroll-margin-top:90px}
#supportTicketsList{display:grid;gap:12px;margin:16px 0}
.support-ticket{border:1px solid var(--line,#d9e3e5);padding:16px;border-radius:14px;background:#fff}
.support-ticket p{overflow-wrap:anywhere}
.support-ticket .support-answer{background:#f0f6f4;border-radius:10px;padding:12px;white-space:pre-wrap}
#supportFormStatus{min-height:1.6em}
#supportForm textarea{resize:vertical;max-width:100%}


/* Support: isolate layout from generic .hint, .panel-head and global button spacing. */
#supportSection{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
  scroll-margin-top:100px;
  overflow-wrap:anywhere;
}
#supportSection .support-intro{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:14px;
  min-width:0;
}
#supportSection .support-intro-copy{min-width:0}
#supportSection .support-intro h2{margin:6px 0 12px}
#supportSection .support-intro .panel-intro{margin:0;line-height:1.5}
#supportSection #openSupportBtn{
  display:block;
  width:100%;
  max-width:100%;
  min-height:48px;
  margin:0;
  padding:13px 16px;
  white-space:normal;
  flex:none;
}
#supportSection .support-explanation{
  margin:0;
  padding:12px 14px;
  background:#f2f7f6;
  border-radius:12px;
  color:#425d63;
  font-size:13px;
  line-height:1.55;
}
#supportSection .support-history-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
#supportSection .support-history-head h3{margin:0;line-height:1.25;font-size:19px}
#supportSection #supportTicketsList{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0;
  min-width:0;
}
#supportSection .support-ticket{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
  background:#fff;
  padding:16px;
  border:1px solid #dde7e9;
  border-radius:14px;
}
#supportSection .support-ticket-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
#supportSection .support-ticket-headline{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:5px;
}
#supportSection .support-ticket-headline strong{font-size:16px;line-height:1.35}
#supportSection .support-ticket-number{font-size:12px;line-height:1.5;color:#63777e}
#supportSection .support-ticket-status{
  display:inline-flex;
  align-items:center;
  padding:5px 11px;
  border-radius:100px;
  border:1px solid #b9d5cb;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
#supportSection .support-ticket-text,
#supportSection .support-answer{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  padding:0;
  margin:0;
}
#supportSection .support-ticket-text p,
#supportSection .support-answer p{
  font-size:14px;
  line-height:1.6;
  margin:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
#supportSection .support-answer{
  padding:14px;
  background:#f0f6f4;
  border-radius:12px;
}
#supportSection .support-ticket-label{
  font-weight:800;
  font-size:12px;
  letter-spacing:.02em;
}
#supportSection .support-ticket-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
#supportSection .support-ticket-actions button{
  max-width:100%;
  min-height:42px;
  margin:0;
}
#supportSection #reloadSupportBtn{
  align-self:flex-start;
  margin:0;
  min-height:42px;
}
@media(max-width:650px){
  #supportSection{gap:16px}
  #supportSection .support-ticket{padding:14px}
  #supportSection #reloadSupportBtn,
  #supportSection .support-ticket-actions button{width:100%}
}

/* Authorized, metadata-only support owner inbox */
#operatorSupportSection{display:flex;flex-direction:column;gap:14px;scroll-margin-top:90px}
#operatorSupportSection.hidden{display:none!important}
#operatorSupportList{display:grid;gap:14px}
#operatorSupportList .support-ticket{display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}
#operatorSupportList .support-ticket p{font-size:13px;line-height:1.5;margin:0}
#operatorSupportList button{max-width:100%}
@media(max-width:650px){#operatorSupportList button,#operatorRefreshBtn{width:100%}}

/* Simple fixed-date contract workflow */
.simple-contract-intro{color:var(--muted);font-size:13px;margin:0 0 12px;line-height:1.5}
.fixed-reminders{display:grid;gap:7px;padding:14px 16px;background:#fff7f1;border:1px solid #e9c8b8;border-radius:12px}
.fixed-reminders strong{font-size:14px;color:#943b25}
.fixed-reminders span{font-size:13px;font-weight:750;color:#163741}
.fixed-reminders small{font-size:11px;line-height:1.45;color:#657880}
.contract-extra{border:1px solid var(--line);border-radius:12px;padding:13px}
.contract-extra summary{font-size:13px;font-weight:800;cursor:pointer}
.contract-extra-fields{display:grid;gap:14px;margin-top:18px}
#discussionDialog{max-width:650px}
#contractDialog .dialog-actions{margin-top:14px}
#contractRows .contract-row.risk{border-left-color:#a43f2e;background:#fff8f6}
.notification-history-row:has([data-inbox-action]){border-left:4px solid #a43f2e}

.reminder-options{border:1px solid #e0e5eb;border-radius:14px;padding:14px;display:grid;gap:12px;min-width:0}
.reminder-options legend{padding:0 6px;font-weight:800;font-size:14px;color:#163741}
.reminder-option{display:flex;gap:12px;align-items:center;border:1px solid #dce5e5;border-radius:11px;padding:12px;font-size:14px;cursor:pointer}
.reminder-option input{width:22px;height:22px;flex:none;accent-color:#173b33}
.reminder-option span,.reminder-custom span{display:grid;gap:3px;min-width:0}
.reminder-option small,.reminder-custom small{font-size:11px;color:#677b80;font-weight:500}
.reminder-custom{display:grid;gap:9px;border-top:1px solid #e4e8eb;padding-top:12px}
.reminder-validation{color:#a43f2e;font-weight:800;font-size:12px;background:#fff2ef;padding:10px;border-radius:8px}

/* Contract invoer: eerst noodzakelijk, daarna optioneel */
#contractForm{display:flex;flex-direction:column;gap:17px}
#contractForm .contract-form-section{display:flex;flex-direction:column;gap:15px;min-width:0}
#contractForm .contract-section-title{font-size:17px;margin:0 0 2px}
#contractForm .contract-required-tag{font-size:11px;color:#6c7e82;font-weight:600}
#contractForm label{min-width:0}
#contractForm .contract-optional-section{border:1px solid #dce5e5;border-radius:14px;background:#f9fbfb;min-width:0}
#contractForm .contract-optional-section>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:800;cursor:pointer;list-style:none}
#contractForm .contract-optional-section>summary::-webkit-details-marker{display:none}
#contractForm .contract-optional-section>summary small{font-size:12px;color:#6a7a80;font-weight:500}
#contractForm .contract-optional-section[open] .contract-optional-chevron{transform:rotate(180deg)}
#contractForm .contract-optional-fields{display:flex;flex-direction:column;gap:14px;padding:4px 16px 18px}
#contractForm .contract-field-help{font-size:12px;color:#62777d;line-height:1.5;margin:0}
#contractForm .simple-contract-hint{font-size:12px;color:#62777d;line-height:1.55;margin:0}
#contractForm .reminder-options{margin:0;min-width:0}
#contractForm .dialog-actions{flex-wrap:wrap}
#contractForm input,#contractForm select,#contractForm textarea{min-height:44px}
.metric.missing-value{border-left:4px solid #8699a2}
#metrics .metric.money strong{overflow-wrap:anywhere;font-size:clamp(17px,2.1vw,23px)}
#metrics .metric.money span{line-height:1.45}
@media(max-width:650px){
 #contractForm .contract-form-section{gap:13px}
 #contractForm .contract-optional-fields{padding:4px 12px 16px}
 #contractForm .contract-optional-section>summary{padding:14px 12px}
 #contractForm .dialog-actions button{flex:1;min-height:46px}
 #metrics .metric.money strong{font-size:18px}
}

/* Contract opvolgen — mobile first */
#discussionDialog{width:min(600px,calc(100vw - 24px))}
#discussionForm{display:flex;flex-direction:column;gap:17px}
#discussionForm>label{gap:7px;font-size:14px}
#discussionForm .followup-context{display:flex;flex-direction:column;gap:6px;background:#f2f7f6;border:1px solid #dce5e5;border-radius:13px;padding:15px}
#discussionForm .followup-context strong{font-size:18px}
#discussionForm .followup-context span,#discussionForm .followup-context small{color:#587078;font-size:13px}
#discussionForm .followup-source-row{display:flex;flex-direction:column;gap:9px;padding:0 2px}
#discussionForm .followup-source-row span{font-size:12px;color:#587078}
#discussionForm .followup-source-row button{align-self:flex-start;text-align:left;max-width:100%}
#discussionForm .followup-advanced{border:1px solid #dce5e5;border-radius:12px;padding:14px}
#discussionForm .followup-advanced summary{cursor:pointer;font-weight:750}
#discussionForm .followup-advanced p{font-size:12px;line-height:1.5;color:#61777d}
#discussionForm .followup-advanced button{width:100%;min-height:44px}
#sourceLinkDialog .followup-source-client{font-weight:700;margin:0}
#discussionDialog .dialog-actions,#sourceLinkDialog .dialog-actions{flex-wrap:wrap}
@media(max-width:620px){
 #discussionDialog .dialog-actions button,#sourceLinkDialog .dialog-actions button{flex:1;min-height:48px}
 #discussionForm .followup-context{padding:12px}
 #discussionForm .followup-source-row button{width:100%}
}