dialog { width:min(680px,calc(100% - 30px)); max-height:90vh; overflow:auto; padding:0; }
@media(max-width:650px){main{margin-left:0!important;width:100%;min-width:0}.sidebar nav{display:flex!important;flex-direction:row}.dash-grid,.payout-layout,.account-grid,.roadmap-notes,.playbook-grid{grid-template-columns:1fr!important}.hero-score{display:none}.hero{padding:22px}.header-actions{flex-shrink:0}.hero h2{overflow-wrap:anywhere}header h1{font-size:22px}.filters{flex-direction:column;align-items:stretch}.search input{max-width:100%}.form-grid .full{grid-column:auto}.metrics,.journal-stats{grid-template-columns:1fr 1fr}.metric b{font-size:20px}}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
select { background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;max-width:100%; }
.workspace {display:flex;flex-direction:column;align-items:stretch;gap:8px;}
.workspace label {font-size:11px;}
.light {--bg:#f2f5f8;--panel:rgba(255,255,255,.92);--panel2:#fff;--text:#142232;--muted:#536579;--line:rgba(17,42,66,.15);--cyan:#087c60;--blue:#335eb6;--red:#b3263a;--orange:#945400;--shadow:0 12px 30px rgba(38,62,89,.08);}
.light .sidebar {background:#f6f9fc;}
.light dialog {background:#fff;}
.light .metric,.light .mini-stat {background:#fff;}
.light td,.light .check,.light .rules li {color:var(--text);}
.light .primary {color:#fff;}
.light .tag,.light .status {color:var(--text);}
.light .progress {background:#dde4e9;}
.stage-label {display:block;color:var(--muted);margin-top:4px;}
.milestone-panel {margin-top:18px;}
#feedback:not([hidden]) {position:relative;z-index:5;margin-left:245px;padding:12px 25px;background:var(--panel2);color:var(--text);border-bottom:1px solid var(--line);}
#riskStatus,#calcInfo,#breakStatus {font-size:12px;line-height:1.6;}
#formError {color:var(--red);}
.roadmap-flow {min-width:0;flex-wrap:wrap;align-items:stretch;}
.flow-step {flex:1 1 135px;min-height:145px;}
.timeline {flex-wrap:wrap;}
.table-panel>.panel-head {padding:18px;margin-bottom:0;}
.account-balance {font-size:30px;}
.primary:disabled {opacity:.5;cursor:not-allowed;}
@media(max-width:1000px) and (min-width:651px) {.sidebar{width:190px}.brand>span:last-child{display:none}.nav-item,.nav-item:not(.active){font-size:11px;text-align:left}.workspace label,.workspace select{font-size:11px}.sidebar-bottom .quiet-btn{font-size:11px}main{margin-left:190px;padding:22px}#feedback:not([hidden]){margin-left:190px}}
@media(max-width:650px){#feedback:not([hidden]){margin-left:0}.sidebar{position:relative;height:auto;display:block;width:100%;padding:12px}.sidebar nav{flex-wrap:wrap;gap:4px}.nav-item,.nav-item:not(.active){font-size:10px}.workspace{display:flex;margin:10px 0}.sidebar-bottom{display:flex;flex-wrap:wrap;margin-top:10px}.sidebar-bottom .quiet-btn{font-size:10px}.header-actions .icon-btn{display:block}.flow-arrow{display:none}.hero h2{font-size:26px}.form-grid{grid-template-columns:1fr}.account-rules{grid-template-columns:1fr 1fr}main{padding-bottom:30px}.metrics,.journal-stats{grid-template-columns:1fr 1fr}}