.of-switcher{display:flex;border-bottom:1px solid var(--border-subtle);margin:0 0 20px}.of-switcher button,.of-pool-tabs button{appearance:none;border:0;background:none;padding:12px 16px;font:600 14px inherit;color:var(--ink-60);border-bottom:3px solid transparent;cursor:pointer}.of-switcher button.active,.of-pool-tabs button.active{color:var(--ink-100);border-bottom-color:var(--hc-red)}
#tab-overseas-forecast .page-kicker{color:#b42323}
.of-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.of-version{font:600 12px/1.4 ui-monospace,SFMono-Regular,monospace;color:var(--ink-60)}#of-status[data-type=dirty]{color:#9a6700}#of-status[data-type=error]{color:#b42318}#of-status[data-type=saved]{color:#087443}
.of-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-subtle);background:#fff;margin-bottom:20px}.of-kpi{padding:20px;border-right:1px solid var(--border-subtle)}.of-kpi:last-child{border-right:0}.of-kpi span,.of-kpi small{display:block;color:var(--ink-60)}.of-kpi b{display:block;font-size:28px;letter-spacing:-.04em;margin:7px 0}.of-kpi small{font-size:12px}
.of-rail{overflow:auto;padding-bottom:8px}.of-rail-grid{display:grid;grid-template-columns:160px repeat(var(--months),minmax(48px,1fr));min-width:1120px;gap:4px;align-items:stretch}.of-rail-label{padding:10px 8px;border-bottom:1px solid var(--border-subtle)}.of-rail-label b,.of-rail-label small{display:block}.of-rail-label small{font-size:11px;color:var(--ink-60);margin-top:4px}.of-month{font:600 10px ui-monospace,SFMono-Regular,monospace;color:var(--ink-60);padding:12px 2px;text-align:center}.of-water{position:relative;min-height:58px;border:1px solid #d8dde3;background:#f7f8fa;overflow:hidden;cursor:pointer}.of-water i{position:absolute;inset:auto 0 0;height:calc(var(--level)*100%);background:#c6e8d7}.of-water.warning i{background:#ffd978}.of-water.critical i{background:#f2aaa5}.of-water span{position:relative;z-index:1;font:600 10px ui-monospace,SFMono-Regular,monospace}.of-water:hover,.of-water:focus-visible{outline:2px solid var(--ink-100);outline-offset:1px}
.of-risk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.of-risk{border-left:3px solid #2f8f67;background:#f7faf8;padding:16px}.of-risk.is-risk{border-color:#d9a300;background:#fffaf0}.of-risk span{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ink-60)}.of-risk h3{margin:6px 0}.of-risk p{font-size:13px;line-height:1.55;color:var(--ink-60)}.text-btn{border:0;background:none;padding:0;color:#8d1d18;font-weight:700;cursor:pointer}.of-pool-tabs{display:flex;gap:4px;overflow:auto}.of-detail tr.warning td{background:#fffaf0}.of-detail tr.critical td{background:#fff1f0}.of-detail td:not(:first-child),.of-detail th:not(:first-child){text-align:right;white-space:nowrap}
.of-param-section{background:#fff;border:1px solid var(--border-subtle);margin-bottom:16px;padding:20px}.of-param-section>header{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.of-param-section>header>span{font:700 12px ui-monospace,SFMono-Regular,monospace;color:var(--hc-red);padding-top:4px}.of-param-section h3,.of-param-section p{margin:0}.of-param-section p{color:var(--ink-60);font-size:13px;margin-top:4px}.of-form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.of-form-grid label,.of-pool-forms label{display:grid;gap:6px;font-size:12px;color:var(--ink-60)}.of-form-grid input,.of-pool-forms input,.of-input-table input{width:100%;box-sizing:border-box;border:1px solid #b8bec6;background:#fff;padding:9px;color:var(--ink-100);font:600 13px ui-monospace,SFMono-Regular,monospace}.of-pool-forms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.of-pool-forms article{padding:14px;background:#f7f8fa}.of-pool-forms h4{margin:0 0 12px}.of-pool-forms label+label{margin-top:10px}.of-input-table input{min-width:86px;padding:7px}.of-parameter-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:12px;background:rgba(255,255,255,.94);border-top:1px solid var(--border-subtle);z-index:3}
@media(max-width:900px){.of-kpi-strip,.of-risk-grid{grid-template-columns:1fr 1fr}.of-kpi:nth-child(2){border-right:0}.of-form-grid{grid-template-columns:1fr 1fr}.of-pool-forms{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.of-kpi-strip,.of-risk-grid,.of-form-grid,.of-pool-forms{grid-template-columns:1fr}.of-kpi{border-right:0;border-bottom:1px solid var(--border-subtle)}.of-toolbar{align-items:flex-start;flex-direction:column}.of-switcher button{flex:1}.of-param-section{padding:16px}}