.wr-overlay{position:fixed;inset:0;z-index:10020;background:rgba(15,23,42,.55);padding:12px;display:flex}
.wr-window{width:100%;height:100%;background:#f3f5f9;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;color:#15294a}
.wr-window-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#fff;border-bottom:1px solid #dce4ee;flex:none}
.wr-window-head h2{font-size:18px;margin:0}
.wr-root{flex:1;overflow:auto;padding:12px}
.wr-page{min-height:100%;display:flex;flex-direction:column;gap:10px}
.wr-page input,.wr-page select,.wr-page textarea,.wr-root input,.wr-root select,.wr-root textarea{font:inherit;color:#183252;border:1px solid #cfd8e6;border-radius:6px;background:#fff;padding:7px 9px;box-sizing:border-box;min-width:0;max-width:100%}
.wr-page input[type=number]{min-width:70px;width:80px}
.wr-page input[type=checkbox],.wr-page input[type=radio]{width:auto}
.wr-page textarea{width:100%;min-height:52px;resize:vertical}
.wr-page label{display:block;color:#344967;font-size:13px;font-weight:600}
.wr-page label>input,.wr-page label>textarea,.wr-page label>select{display:block;width:100%;margin-top:5px}
.wr-page h2,.wr-page h3{color:#102d58}
.wr-page h2{font-size:23px;margin:0 0 4px}
.wr-page h3{font-size:16px;margin:0}
.wr-page p{margin:5px 0 9px}
.wr-toolbar{background:#fff;border:1px solid #dce4ee;border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wr-toolbar>div:first-child{margin-right:auto}
.wr-panel{background:#fff;border:1px solid #dce4ee;border-radius:9px;padding:12px;min-width:0}
.wr-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.wr-panel>header h3{margin-right:auto}
.wr-panel>label{margin-top:10px}
.wr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wr-work-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px}
.wr-overview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.wr-overview-card{background:#fff;border:1px solid #cbd9ea;border-radius:11px;padding:18px;min-width:0;box-shadow:0 2px 8px rgba(35,66,106,.05)}
.wr-progress-card,.wr-period-card{grid-column:span 3}
.wr-overview-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.wr-overview-card h3{margin:3px 0 0;font-size:20px;line-height:1.25;color:#102f58}
.wr-eyebrow{display:block;color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.04em}
.wr-reference{color:#60738d;font-size:11px;white-space:nowrap}
.wr-progress-group{padding:12px 0;border-top:1px solid #e5ebf3}
.wr-progress-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}
.wr-progress-heading>div{display:flex;align-items:baseline;gap:6px}.wr-progress-heading strong{color:#203d64;font-size:14px}.wr-progress-heading span{color:#72829a;font-size:10px}
.wr-progress-heading em{border-radius:100px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:800;background:#e9f8ef;color:#197044;white-space:nowrap}.wr-progress-heading em.is-warning{background:#fff3dc;color:#a15c00}
.wr-bar-line{display:grid;grid-template-columns:30px minmax(60px,1fr) 57px;align-items:center;gap:8px;margin:7px 0}.wr-bar-line>span{color:#5c708c;font-size:11px;font-weight:700}.wr-bar-line>b{text-align:right;font-size:14px}
.wr-bar-line>b.is-plan{color:#2563eb}.wr-bar-line>b.is-actual{color:#079a8c}
.wr-bar-track{height:8px;overflow:hidden;border-radius:99px;background:#edf1f6}.wr-bar-track i{display:block;height:100%;border-radius:inherit}.wr-bar-track i.is-plan{background:linear-gradient(90deg,#60a5fa,#2563eb)}.wr-bar-track i.is-actual{background:linear-gradient(90deg,#5eead4,#0d9488)}
.wr-contract-range{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:8px;background:#f3f7fc;color:#526985;font-size:11px}.wr-contract-range strong{color:#264568;font-size:12px}
.wr-period-start{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.wr-period-start>div{padding-left:10px;border-left:3px solid #3b82f6}.wr-period-start>div+div{border-left-color:#14b8a6}.wr-period-start small,.wr-period-facts small,.wr-water-facts small{display:block;color:#718198;font-size:10px;font-weight:700}.wr-period-start strong{display:block;margin-top:3px;color:#173f72;font-size:17px}
.wr-period-track{margin:12px 0}.wr-period-track-bar{display:flex;height:13px;overflow:hidden;border-radius:99px;background:#e7edf5}.wr-period-track-bar i{display:block;height:100%;min-width:3px}.wr-period-track-bar .is-active{background:#3b82f6}.wr-period-track-bar .is-suspended{background:#f59e0b}.wr-period-track-bar .is-resumed{background:#14b8a6}.wr-period-track-bar .is-remaining{background:#d7e0eb}
.wr-period-legend{display:flex;gap:9px;flex-wrap:wrap;margin-top:7px;color:#64758d;font-size:10px}.wr-period-legend span{display:inline-flex;align-items:center;gap:4px}.wr-period-legend i{width:7px;height:7px;border-radius:2px}.wr-period-legend .is-active i{background:#3b82f6}.wr-period-legend .is-suspended i{background:#f59e0b}.wr-period-legend .is-resumed i{background:#14b8a6}.wr-period-legend .is-remaining i{background:#d7e0eb}
.wr-period-empty{margin:12px 0;padding:10px;border:1px dashed #cad6e5;border-radius:8px;color:#6b7d94;font-size:11px;text-align:center}.wr-period-facts,.wr-water-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.wr-period-facts>div,.wr-water-facts>div{padding:8px;border:1px solid #e2e9f2;border-radius:7px;background:#fafcff}.wr-period-facts strong,.wr-water-facts strong{display:block;margin-top:3px;color:#173f72;font-size:13px}.wr-period-note{margin:9px 0 0;color:#718198;font-size:10px}
.wr-water-card{grid-column:1/-1}.wr-water-card>header{margin-bottom:12px}.wr-water-card>header p{margin:4px 0 0;color:#6b7d94;font-size:12px}
.wr-water-carousel-nav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;padding:8px;border:1px solid #dce6f2;border-radius:10px;background:#f8fbff}.wr-water-carousel-nav>button{width:40px;height:40px;border:1px solid #d2deec;border-radius:9px;background:#fff;color:#143963;font-size:28px;line-height:1}.wr-water-carousel-nav>button:disabled{opacity:.35;cursor:default}.wr-water-carousel-nav>div{text-align:center}.wr-water-carousel-nav strong{margin-right:10px;color:#143963;font-size:14px}.wr-water-dots{display:flex;justify-content:center;gap:5px;margin-top:5px}.wr-water-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#cbd7e5}.wr-water-dots button.is-current{background:#2474e5}
.wr-water-slide{margin-top:12px;padding:16px;border:1px solid #dce6f2;border-radius:10px;background:#fff;animation:wr-water-slide-in .22s ease-out}.wr-water-slide-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wr-water-slide-title h4,.wr-water-block-section h4{margin:0;color:#15365e;font-size:17px}.wr-water-slide-title span{display:block;margin-top:3px;color:#718198;font-size:12px}
.wr-water-goal-main{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);align-items:center;gap:26px;max-width:900px;margin:10px auto 0}.wr-water-goal-main>div:first-child{display:flex;flex-direction:column;align-items:center}
.wr-water-ring{position:relative;width:190px;height:190px;padding:16px;border-radius:50%;box-sizing:border-box}.wr-water-ring::after{content:"";position:absolute;z-index:2;left:50%;top:-3px;width:4px;height:26px;border-radius:3px;background:#ef3434;transform-origin:50% 98px;transform:translateX(-50%) rotate(calc(var(--wr-target) * 3.6deg));box-shadow:0 0 0 2px rgba(255,255,255,.75)}.wr-water-ring>div{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;text-align:center}.wr-water-ring small{color:#667991;font-size:12px}.wr-water-ring strong{margin:3px 0;color:#087f78;font-size:31px}.wr-water-ring span{color:#dc2626;font-size:13px;font-weight:800}
.wr-water-ring-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px;color:#61738b;font-size:10px}.wr-water-ring-legend span{display:inline-flex;align-items:center;gap:4px}.wr-water-ring-legend i{width:9px;height:9px;border-radius:50%}.wr-water-ring-legend .is-target-fill{background:#0d9488}.wr-water-ring-legend .is-over{background:#55d79b}.wr-water-ring-legend .is-target-line{background:#ef3434}
.wr-water-analysis{display:flex;flex-direction:column;gap:12px}.wr-water-analysis>.wr-state{align-self:flex-start}.wr-water-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.wr-water-analysis-grid>div{padding:8px 14px;border-left:1px solid #dce5ef}.wr-water-analysis-grid>div:first-child{padding-left:0;border-left:0}.wr-water-analysis-grid small{display:block;color:#708198;font-size:11px}.wr-water-analysis-grid strong{display:block;margin-top:4px;color:#143963;font-size:22px}.wr-water-reduction{padding:11px 13px;border-radius:8px;background:#e8f8f4;color:#087b70;font-weight:800}.wr-water-reduction.is-warning{background:#fff3dc;color:#9a5b00}.wr-water-analysis p{margin:0;color:#718198;font-size:10px}
.wr-water-block-section{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(430px,1.35fr);gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid #e2e9f2}.wr-water-block-summary,.wr-water-missed{padding:14px;border:1px solid #dce6f2;border-radius:10px;background:#fbfdff}.wr-water-block-summary{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:14px}.wr-water-block-summary h4{grid-column:1/-1}.wr-water-count-ring{width:126px;height:126px;padding:13px;border-radius:50%;background:conic-gradient(#0d9488 calc(var(--wr-achieved)*1%),#e2e8f0 0)}.wr-water-count-ring>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff}.wr-water-count-ring small{color:#64748b;font-weight:700}.wr-water-count-ring strong{margin-top:3px;color:#143963;font-size:18px}.wr-water-counts{display:flex;flex-direction:column;gap:10px}.wr-water-counts span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:6px;color:#50657f;font-size:12px}.wr-water-counts i{width:9px;height:9px;border-radius:50%}.wr-water-counts i.good{background:#0d9488}.wr-water-counts i.bad{background:#f97316}.wr-water-counts i.empty{background:#b7c4d4}.wr-water-counts b{color:#17385f}
.wr-water-missed h4{margin-bottom:9px}.wr-water-missed-scroll{height:142px;overflow-y:auto;padding-right:4px}.wr-water-missed-scroll>button{display:grid;width:100%;grid-template-columns:minmax(145px,1.2fr) repeat(2,minmax(90px,.75fr)) 72px 52px 12px;align-items:center;gap:8px;margin-bottom:6px;padding:10px;border:1px solid #dce6f2;border-radius:8px;background:#fff;color:#405875;text-align:left}.wr-water-missed-scroll>button:hover,.wr-water-missed-scroll>button.is-selected{border-color:#79aef8;background:#edf6ff}.wr-water-missed-scroll>button span:first-child{display:flex;gap:8px;color:#17385f}.wr-water-missed-scroll>button span{font-size:11px}.wr-water-missed-scroll>button>strong{color:#dc2626;font-size:12px}.wr-water-missed-scroll>button em{padding:3px 6px;border-radius:99px;background:#ffede7;color:#d94718;font-size:10px;font-style:normal;font-weight:800;text-align:center}.wr-water-missed-scroll>button>i{color:#5c718c;font-size:18px;font-style:normal}.wr-water-missed>p{margin:8px 0 0;color:#718198;font-size:10px}.wr-water-all-achieved{display:flex;height:100%;align-items:center;justify-content:center;color:#087b70;background:#eefbf6;border-radius:8px;font-size:12px;font-weight:700}
.wr-state{display:inline-flex;align-items:center;border-radius:100px;padding:5px 9px;font-size:11px;font-weight:800;background:#eaf8ef;color:#197044;white-space:nowrap}
.wr-state.warning{background:#fff3dc;color:#9a5b00}.wr-state.danger{background:#feeceb;color:#b42318}
.wr-water-card.is-empty p{margin:7px 0 0;color:#667891}
@keyframes wr-water-slide-in{from{opacity:.3;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.wr-water-slide{animation:none}}
.wr-kpi{background:#fff;border:1px solid #bdd2ef;border-radius:9px;padding:11px 15px;display:flex;align-items:baseline;gap:15px}
.wr-kpi h3{min-width:90px}
.wr-kpi strong{font-size:25px;color:#175cd0}
.wr-kpi.teal strong{color:#078b8b}
.wr-kpi span{font-size:12px;color:#53657e}
.wr-table-scroll{max-width:100%;overflow:auto}
.wr-table-scroll table{border-collapse:collapse;width:100%;font-size:12px}
.wr-table-scroll th,.wr-table-scroll td{border:1px solid #dce4ee;padding:6px;vertical-align:top;min-width:80px}
.wr-table-scroll th{background:#f1f5fa;white-space:nowrap;color:#354b6b}
.wr-table-scroll td input,.wr-table-scroll td select,.wr-table-scroll td textarea{width:100%;min-width:70px}
.wr-table-scroll td textarea{min-width:135px}
.wr-table-scroll td p{margin:2px 0}
.wr-inline{display:flex;gap:5px;align-items:center}
.wr-inline>*{flex:1;min-width:0}
.wr-target-unit{display:grid;grid-template-columns:minmax(64px,1fr) 48px;gap:5px;min-width:117px}
.wr-target-unit input{min-width:0!important;width:100%!important}
.wr-target-unit input[type=text]{padding-left:5px;padding-right:5px;text-align:center}
.wr-selected-work{margin-top:5px;padding:7px 9px;border-radius:6px;background:#eef4fb;color:#183252;font-weight:600}
.wr-work-name-entry input{width:100%;min-width:150px}
.wr-result-work{display:flex;flex-direction:column;gap:4px;min-width:120px}
.wr-result-work small{color:#60738d;line-height:1.45;white-space:normal}
.wr-progress-reference-notice{display:flex;align-items:center;gap:10px;padding:10px 13px;color:#264365;background:#eef6ff;border:1px solid #c8ddf7;border-radius:8px;font-size:12px}
.wr-progress-reference-notice strong{color:#134f91;white-space:nowrap}
.wr-progress-reference-notice span{color:#536d8d}
.wr-results-table table{min-width:1120px;table-layout:fixed}
.wr-results-table th:nth-child(1){width:15%}
.wr-results-table th:nth-child(2){width:13%}
.wr-results-table th:nth-child(3){width:10%}
.wr-results-table th:nth-child(4){width:10%}
.wr-results-table th:nth-child(5){width:18%}
.wr-results-table th:nth-child(6){width:26%}
.wr-results-table th:nth-child(7){width:8%}
.wr-plans-table table{min-width:1260px;table-layout:fixed}
.wr-plans-table th:nth-child(1){width:17%}
.wr-plans-table th:nth-child(2){width:15%}
.wr-plans-table th:nth-child(3){width:11%}
.wr-plans-table th:nth-child(4){width:11%}
.wr-plans-table th:nth-child(5){width:9%}
.wr-plans-table th:nth-child(6){width:11%}
.wr-plans-table th:nth-child(7){width:16%}
.wr-plans-table th:nth-child(8){width:7%}
.wr-plans-table th:nth-child(9){width:7%}
.wr-work-grid .wr-results-table table,.wr-work-grid .wr-plans-table table{width:100%}
.wr-plan-reference{display:grid;gap:3px;min-width:105px;padding:8px 9px;background:#f4f8fd;border:1px solid #d8e5f3;border-radius:7px}
.wr-plan-reference span{color:#637995;font-size:10px;font-weight:600}
.wr-plan-reference strong{color:#173f72;font-size:13px;line-height:1.35}
.wr-plan-reference span+strong+span{margin-top:4px;padding-top:5px;border-top:1px solid #dce7f3}
.wr-variance-fields{display:grid;gap:7px;min-width:210px}
.wr-variance-fields label{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:6px;font-size:11px}
.wr-variance-fields label>span{padding-top:7px;color:#536b88;font-weight:700}
.wr-variance-fields label>select,.wr-variance-fields label>textarea{margin:0;min-width:0!important}
.wr-variance-fields textarea{min-height:54px}
.wr-adjustment-reason{display:grid;gap:5px;min-width:150px}
.wr-adjustment-reason>span{color:#637995;font-size:11px;font-weight:700}
.wr-adjustment-reason textarea{min-width:145px!important;min-height:54px}
.wr-adjustment-reason.is-required{padding:7px;background:#fff8ea;border:1px solid #f2d18d;border-radius:7px}
.wr-adjustment-reason.is-required>span{color:#9a5b00}
.wr-direct-note{display:block;min-width:130px;padding:8px;color:#6b7b90;background:#f7f9fc;border-radius:6px;font-size:11px;line-height:1.45}
.wr-read-comparison{display:grid;gap:3px}
.wr-read-comparison span{color:#637995;font-size:11px}
.wr-read-comparison strong{color:#183f70}
.wr-work-name-entry{display:grid;gap:6px;min-width:180px}
.wr-work-name-entry select{font-size:11px}
.wr-work-name-entry .wr-selected-work{margin-top:0}
.wr-summary-lines{display:flex;flex-direction:column;gap:5px}
.wr-summary-line{display:grid;grid-template-columns:118px minmax(0,1fr);gap:7px;align-items:start}
.wr-summary-line b{display:inline-block;padding:2px 5px;border-radius:4px;background:#dff2fb;color:#03658f;font-size:11px;line-height:1.45}
.wr-summary-line span{min-width:0;line-height:1.5;white-space:normal}
.wr-badge{display:inline-block;padding:4px 7px;border-radius:100px;background:#e7f1ff;color:#1356a8;font-size:11px;white-space:nowrap}
.wr-badge.warn{background:#fff1db;color:#a56200}
.wr-footer{position:sticky;bottom:0;z-index:2;background:#fff;border:1px solid #dce4ee;border-radius:8px;padding:9px;display:flex;align-items:center;justify-content:flex-end;gap:7px}
.wr-footer [data-wr-status]{margin-right:auto}
.wr-error{color:#b42318!important}
.wr-empty{padding:25px;color:#6a7c92}
.wr-region{display:grid;grid-template-columns:minmax(190px,16%) minmax(0,84%);gap:10px}
.wr-region>div{display:flex;flex-direction:column;gap:10px}
.wr-region .wr-site{border-bottom:1px solid #e4eaf2;padding:8px 0}
.wr-region-source-table table{table-layout:fixed;min-width:980px}
.wr-region-source-table th:nth-child(1){width:22%}
.wr-region-source-table th:nth-child(2),.wr-region-source-table th:nth-child(3){width:8%}
.wr-region-source-table th:nth-child(4){width:52%}
.wr-region-source-table th:nth-child(5){width:10%}
.wr-region-report-row td{border-bottom:0}
.wr-region-judgement-row td{padding:8px 10px 14px;background:#f4faff;border-top:0;border-bottom:2px solid #b9d9ea}
.wr-region-judgement-row label>span{display:block;margin-bottom:5px;color:#075985;font-size:12px;font-weight:700}
.wr-region-judgement-row textarea{min-height:62px;background:#fff}
.wr-section-description{margin:-2px 0 11px!important;color:#60738d;font-size:12px;line-height:1.55}
.wr-directive-content{min-width:220px;line-height:1.55;white-space:normal}
.wr-directive-empty{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px dashed #cbd8e8;border-radius:8px;background:#f8fafc;color:#526780}
.wr-directive-empty strong{color:#294464}
.wr-feedback-panel{border-color:#f0c36b;background:#fffdf7}
.wr-feedback-panel>header{margin-bottom:6px}
.wr-feedback-panel article{display:grid;grid-template-columns:76px minmax(0,1fr) 130px;align-items:start;gap:10px;margin-top:7px;padding:10px 12px;border:1px solid #f1d99f;border-radius:8px;background:#fff}
.wr-feedback-panel article>span{color:#175cd0;font-size:11px;font-weight:800}.wr-feedback-panel article>strong{color:#263f60;line-height:1.5}.wr-feedback-panel article>time{color:#6f8097;font-size:11px;text-align:right}
.pd-weekly-feedback-alert{margin-top:12px;padding:14px 16px;border:1px solid #315277;border-radius:10px;background:#132640;color:#eef6ff}
.pd-weekly-feedback-alert>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.pd-weekly-feedback-alert>header div{display:flex;align-items:center;gap:10px}.pd-weekly-feedback-alert>header span{padding:4px 7px;border-radius:100px;background:#214d7b;color:#7dd3fc;font-size:10px;font-weight:800}.pd-weekly-feedback-alert>header strong{font-size:14px}.pd-weekly-feedback-alert>header small{color:#9fb2c9}
.pd-weekly-feedback-alert>div{display:grid;gap:7px}.pd-weekly-feedback-alert button{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.8fr) 125px;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #29486c;border-radius:8px;background:#0e1e33;color:#e8f2ff;text-align:left;cursor:pointer}.pd-weekly-feedback-alert button:hover,.pd-weekly-feedback-alert button:focus-visible{border-color:#38bdf8;background:#142d49;outline:none}.pd-weekly-feedback-alert button span{color:#7dd3fc;font-size:11px;font-weight:700}.pd-weekly-feedback-alert button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-weekly-feedback-alert button time{color:#92a6bd;font-size:10px;text-align:right}
.wr-meeting{display:grid;grid-template-columns:minmax(250px,25%) minmax(0,47%) minmax(250px,28%);gap:10px;align-items:start}
.wr-meeting>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.wr-agenda-head{display:flex;align-items:center;gap:5px}
.wr-agenda-head b{flex:1}
.wr-meeting details{border:1px solid #dce4ee;border-radius:7px;margin:8px 0;padding:8px}
.wr-meeting summary{cursor:pointer}
.wr-child{margin:7px 0 0 12px;padding-left:8px;border-left:2px solid #c4d6ef}
.wr-child button{max-width:80%;white-space:normal;text-align:left}
.wr-site{border:1px solid #e4eaf2;border-radius:6px;padding:8px;margin:6px 0}
.wr-window button{cursor:pointer}
.wr-window button:disabled{opacity:.55;cursor:wait}
.wr-window:fullscreen{height:100vh}
@media(max-width:1100px){.wr-grid,.wr-work-grid,.wr-region,.wr-meeting,.wr-overview{grid-template-columns:1fr}.wr-progress-card,.wr-period-card,.wr-water-card{grid-column:auto}.wr-water-block-section{grid-template-columns:1fr}.wr-meeting>div:first-child{order:0}.wr-meeting>div:nth-child(2){order:1}.wr-meeting>div:nth-child(3){order:2}}
@media(max-width:680px){.wr-progress-reference-notice{align-items:flex-start;flex-direction:column;gap:3px}.wr-kpi{align-items:flex-start;flex-wrap:wrap}.wr-kpi h3{min-width:100%;}.wr-root{padding:8px}.wr-water-goal-main{grid-template-columns:1fr}.wr-water-ring{margin:auto}.wr-water-analysis-grid,.wr-period-facts{grid-template-columns:1fr}.wr-water-analysis-grid>div{padding:7px 0;border-left:0;border-top:1px solid #e3eaf2}.wr-water-block-summary{grid-template-columns:1fr}.wr-water-count-ring{margin:auto}.wr-water-missed-scroll>button{grid-template-columns:1fr 1fr}.wr-water-missed-scroll>button span:first-child{grid-column:1/-1}.wr-feedback-panel article{grid-template-columns:1fr}.wr-feedback-panel article>time{text-align:left}.pd-weekly-feedback-alert>header{align-items:flex-start;flex-direction:column}.pd-weekly-feedback-alert button{grid-template-columns:1fr}.pd-weekly-feedback-alert button time{text-align:left}}


/* 승인된 3열 요약: 보증 중/전은 동시에 보이고 같은 단계 안에서 목표 전환 */
.wr-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);align-items:start}
.wr-progress-card,.wr-period-card,.wr-water-card{grid-column:auto}
.wr-water-stage{border:1px solid #cbd9ea;border-left:4px solid #0d9488;border-radius:10px;padding:12px;margin-top:12px;min-width:0}
.wr-water-stage.before{border-left-color:#4f46e5}
.wr-water-stage.ended{border-left-color:#94a3b8}
.wr-water-stage>header,.wr-water-stage nav{display:flex;align-items:center;justify-content:space-between;gap:6px}
.wr-water-stage nav button{width:36px;min-width:36px;height:36px;padding:0;border:1px solid #d9e3ef;border-radius:6px;background:#fff;color:#244361;font-size:24px}
.wr-water-stage nav button:disabled{color:#94a3b8;background:#f1f5f9;cursor:not-allowed}
.wr-water-stage nav span{font-size:12px;white-space:nowrap}
.wr-water-stage h4{margin:12px 0 4px;color:#173858;font-size:16px;overflow-wrap:anywhere}
.wr-stage-period{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#60738d;font-size:12px}
.wr-stage-main{display:flex;align-items:center;gap:14px;margin-top:14px}
.wr-stage-main .wr-water-ring{width:132px;height:132px;min-width:132px;padding:12px}
.wr-stage-main .wr-water-ring::after{height:20px;transform-origin:50% 69px}
.wr-stage-main .wr-water-ring strong{font-size:24px}
.wr-stage-main .wr-water-ring small,.wr-stage-main .wr-water-ring span{font-size:11px}
.wr-stage-main .wr-water-ring.no-target::after{display:none}
.wr-stage-analysis{display:flex;flex-direction:column;gap:5px;min-width:0}
.wr-stage-analysis>strong{font-size:21px;color:#123253}
.wr-stage-analysis>small,.wr-stage-analysis p{color:#61738b;font-size:12px;margin:4px 0}
.wr-stage-details{margin-top:12px;border-top:1px solid #e3eaf3;padding-top:10px;font-size:12px}
.wr-stage-details summary{cursor:pointer;color:#2457a7;line-height:1.6}
.wr-stage-details p{color:#61738b;line-height:1.6}
.wr-stage-blocks{max-height:260px;overflow:auto}
.wr-stage-blocks>details{padding:10px 0;border-bottom:1px solid #e3eaf3}
.wr-stage-months{max-height:190px;overflow:auto}
.wr-stage-months>div{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #e3eaf3}
.wr-water-stage [hidden]{display:none!important}
.wr-water-stage button:focus-visible,.wr-water-stage summary:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:1150px){.wr-overview{grid-template-columns:1fr}.wr-stage-main{justify-content:flex-start}}
@media(max-width:420px){.wr-stage-main{flex-direction:column;align-items:flex-start}.wr-water-stage>header{flex-wrap:wrap}}

.wr-root{font-family:Pretendard,"Malgun Gothic",sans-serif}
.wr-overview{align-items:stretch}
.wr-progress-card .wr-progress-group{padding:18px 0}
.wr-overview-card{align-self:stretch}

/* 금주 실적과 차주 계획은 색상과 제목을 함께 사용해 구분합니다. */
.wr-root .wr-work-grid{gap:24px}
.wr-root .wr-work-section{padding:16px;border:1px solid #cbd9ea;border-top:4px solid #2563eb;background:#fff;margin-bottom:16px}
.wr-root .wr-work-section>header{margin:-16px -16px 16px;padding:16px;background:#eff6ff;border-radius:7px 7px 0 0;gap:12px;flex-wrap:wrap}
.wr-root .wr-work-section>header h3{font-size:20px;line-height:1.5;margin:4px 0;color:#123b70}
.wr-root .wr-work-label{display:inline-block;font-size:11px;font-weight:700;color:#1d4ed8;letter-spacing:.02em}
.wr-root .wr-work-description{font-size:12px;color:#526780;margin:4px 0 0;line-height:1.6}
.wr-root .wr-work-plan{border-top-color:#0f766e}
.wr-root .wr-work-plan>header{background:#effaf7}
.wr-root .wr-work-plan>header h3,.wr-root .wr-work-plan .wr-work-label{color:#115e59}
.wr-root .wr-work-plan th{background:#edf7f4;color:#115e59}

/* 요약은 항상 세 번째 칸 안에 표시합니다. 두 단계도 같은 카드 높이를 나눠 사용합니다. */
@media(min-width:1151px){
  .wr-root .wr-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);align-items:stretch}
  .wr-root .wr-overview>.wr-overview-card{height:460px;box-sizing:border-box;min-width:0;overflow:auto}
  .wr-root .wr-water-card{display:flex;flex-direction:column;overflow:hidden}
  .wr-root .wr-water-card>header{flex:none;margin-bottom:8px}
  .wr-root .wr-water-stage{flex:1;min-height:0;overflow:auto;margin-top:8px;padding:8px 10px}
  .wr-root .wr-water-stage>header{font-size:12px}
  .wr-root .wr-water-stage nav{gap:3px}
  .wr-root .wr-water-stage nav button{width:28px;min-width:28px;height:28px;font-size:20px}
  .wr-root .wr-water-stage nav:has(button:disabled){display:none}
  .wr-root .wr-water-mixed .wr-water-stage h4{display:inline-block;margin:4px 8px 3px 0;font-size:13px}
  .wr-root .wr-water-mixed .wr-stage-period{display:inline-flex;font-size:10px;gap:8px}
  .wr-root .wr-water-mixed .wr-stage-main{gap:10px;margin-top:5px}
  .wr-root .wr-water-mixed .wr-stage-main .wr-water-ring{width:82px;min-width:82px;height:82px;padding:8px}
  .wr-root .wr-water-mixed .wr-water-ring::after{height:14px;transform-origin:50% 44px}
  .wr-root .wr-water-mixed .wr-water-ring strong{font-size:18px}
  .wr-root .wr-water-mixed .wr-water-ring small,.wr-root .wr-water-mixed .wr-water-ring span{font-size:9px}
  .wr-root .wr-water-mixed .wr-stage-analysis{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;flex:1}
  .wr-root .wr-water-mixed .wr-stage-analysis>.wr-state{grid-column:1/-1;justify-self:start;font-size:10px;padding:3px 6px}
  .wr-root .wr-water-mixed .wr-stage-analysis>small{font-size:10px;margin:0}
  .wr-root .wr-water-mixed .wr-stage-analysis>strong{font-size:17px}
  .wr-root .wr-water-mixed .wr-stage-analysis>b{font-size:12px}
  .wr-root .wr-water-mixed .wr-stage-analysis>p{display:none}
  .wr-root .wr-water-mixed .wr-stage-details{margin-top:5px;padding-top:4px;font-size:10px}
}
/* 승인된 원형 유수율 + 블록 수 막대 요약, 별도 상세 팝업 */
.wr-root .wr-water-stage{overflow:visible}
.wr-water-visuals{display:flex;align-items:center;gap:20px;margin:18px 0 8px}
.wr-water-visuals .wr-water-ring{width:132px;min-width:132px;height:132px;padding:12px}
.wr-water-visuals .wr-water-ring::after{transform-origin:50% 69px;height:20px}
.wr-water-visuals .wr-water-ring strong{font-size:26px}.wr-water-visuals .wr-water-ring small,.wr-water-visuals .wr-water-ring span{font-size:11px}
.wr-block-bars{display:flex;align-items:end;gap:14px;flex:1;justify-content:space-around}
.wr-count-column{flex:1;text-align:center;min-width:48px;color:#0f766e}
.wr-count-column.missed{color:#b45309}.wr-count-column.missing{color:#64748b}
.wr-count-column>strong{font-size:28px;line-height:1.2;display:block}.wr-count-column strong small{font-size:12px;margin-left:2px}
.wr-count-track{height:84px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #dce4ee;margin:6px 0}
.wr-count-track i{display:block;width:70%;max-width:48px;border-radius:5px 5px 0 0;background:currentColor}
.wr-count-column>span{font-size:12px;font-weight:700;white-space:nowrap}
.wr-water-scope{font-size:12px;color:#526780;margin:8px 0;text-align:center}
.wr-root .wr-water-detail-link{width:100%;padding:8px;border:1px solid #a9c7fc;background:#f7faff;border-radius:6px;color:#175cd3;font-weight:700;cursor:pointer}
.wr-water-dialog{width:min(1280px,96vw);max-width:96vw;max-height:94vh;padding:0;border:1px solid #d4dfeb;border-radius:12px;color:#16324f;background:#fff;font-family:Pretendard,'Malgun Gothic',sans-serif;box-shadow:0 20px 70px #0f172a55}
.wr-water-dialog::backdrop{background:#15263d88}
.wr-water-dialog[open]{display:flex;flex-direction:column}
.wr-water-dialog *{box-sizing:border-box}
.wr-detail-head{display:flex;align-items:start;justify-content:space-between;padding:22px 26px 12px;gap:16px}
.wr-detail-head h2{font-size:25px;margin:0 0 8px}.wr-detail-head p{margin:0;color:#60738d;font-size:13px}
.wr-water-dialog button{cursor:pointer;font:inherit;min-height:36px;border:1px solid #d4dfeb;border-radius:6px;background:#fff;color:#175cd3;padding:7px 12px}
.wr-water-dialog button:focus-visible,.wr-water-dialog input:focus-visible,.wr-water-dialog summary:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.wr-detail-head>button{font-size:24px;min-width:36px;padding:0}
.wr-detail-body{overflow-y:auto;padding:8px 26px 24px;min-height:0}
.wr-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wr-detail-kpis>div{border:1px solid #dce5ef;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px}
.wr-detail-kpis span{font-size:13px}.wr-detail-kpis strong{font-size:34px;line-height:1.1}.wr-detail-kpis small{font-size:18px;margin-left:4px}
.wr-detail-kpis .reached{color:#0f766e}.wr-detail-kpis .missed{color:#b45309}.wr-detail-kpis .missing{color:#64748b}.wr-detail-kpis .valid{color:#175cd3}
.wr-detail-notice{padding:12px;background:#eff6ff;border-radius:7px;color:#24496e;font-size:13px;line-height:1.6}
.wr-detail-toolbar{display:flex;justify-content:space-between;gap:12px;margin:20px 0 12px;flex-wrap:wrap}
.wr-detail-toolbar nav{display:flex;gap:6px;flex-wrap:wrap}.wr-detail-toolbar button[aria-pressed=true]{background:#eaf2ff;border-color:#2563eb;font-weight:700}
.wr-water-dialog input[type=search]{width:220px;min-height:38px;padding:8px 12px;border:1px solid #cad8e8;border-radius:6px;font:inherit;font-size:13px}
.wr-detail-table table{width:100%;border-collapse:collapse;font-size:13px}.wr-detail-table th{background:#f1f5fa;text-align:left;padding:12px 10px}.wr-detail-table td{border-bottom:1px solid #e0e8f1;padding:9px 10px}.wr-detail-table tr.selected{background:#eaf3ff}.wr-detail-table td:first-child button{text-align:left;border:0;background:transparent;color:#16324f;font-weight:700;max-width:100%;overflow-wrap:anywhere}
.wr-detail-status{font-weight:700;white-space:nowrap}.wr-detail-status.reached{color:#0f766e}.wr-detail-status.missed{color:#b45309}.wr-detail-status.missing{color:#64748b}
.wr-detail-plan{border:1px solid #dce5ef;border-radius:9px;padding:16px;margin-top:20px}.wr-detail-plan:empty{display:none}.wr-detail-plan h3{margin:0 0 14px;font-size:18px}
.wr-detail-plan-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:20px}
.wr-detail-quantity{padding:18px;background:#f3f8ff;border-radius:7px;font-size:13px}.wr-detail-quantity>strong{display:block;color:#175cd3;font-size:30px;margin:18px 0}.wr-detail-quantity p{line-height:1.6;color:#526780}
.wr-detail-chart>p{margin:0 0 12px;font-size:12px;color:#526780}
.wr-month-bars{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.wr-month-bars>div{flex:1 0 65px;max-width:130px;text-align:center;font-size:11px}.wr-month-bars>div>div{height:110px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #dce5ef}.wr-month-bars i{display:block;background:#0d9488;width:70%;border-radius:4px 4px 0 0}.wr-month-bars span{display:block;margin-top:6px;color:#526780}
.wr-detail-formula{margin-top:16px;font-size:13px;line-height:1.7}.wr-detail-formula summary{color:#175cd3;cursor:pointer}.wr-detail-formula table{width:100%;border-collapse:collapse}.wr-detail-formula td,.wr-detail-formula th{padding:8px;border-bottom:1px solid #e0e8f1;text-align:left}
.wr-water-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;border-top:1px solid #dce5ef;font-size:12px;background:#fff}.wr-water-dialog>footer span{line-height:1.7}
@media(min-width:1151px){
.wr-root .wr-water-mixed .wr-water-visuals{gap:12px;margin:5px 0}
.wr-root .wr-water-mixed .wr-water-visuals .wr-water-ring{width:82px;min-width:82px;height:82px;padding:8px}
.wr-root .wr-water-mixed .wr-water-visuals .wr-water-ring::after{transform-origin:50% 44px;height:14px}
.wr-root .wr-water-mixed .wr-water-visuals .wr-water-ring strong{font-size:18px}
.wr-root .wr-water-mixed .wr-count-column>strong{font-size:22px}
.wr-root .wr-water-mixed .wr-count-track{height:30px;margin:3px 0}
.wr-root .wr-water-mixed .wr-water-scope{font-size:10px;margin:3px 0}
.wr-root .wr-water-mixed .wr-water-detail-link{font-size:11px;min-height:28px;padding:4px}
}
@media(max-width:700px){.wr-water-visuals{gap:10px}.wr-block-bars{gap:6px}.wr-detail-kpis{grid-template-columns:repeat(2,1fr)}.wr-detail-head,.wr-detail-body{padding:14px}.wr-detail-plan-grid{grid-template-columns:1fr}.wr-detail-table{overflow-x:auto}.wr-detail-table table{min-width:650px}.wr-water-dialog>footer{flex-wrap:wrap;padding:12px}.wr-detail-head h2{font-size:20px}.wr-detail-kpis>div{padding:12px}.wr-count-column>strong{font-size:24px}}

@media(min-width:1151px){
.wr-root .wr-overview>.wr-overview-card{height:480px}
.wr-root .wr-water-mixed .wr-water-stage{padding:6px 10px}
.wr-root .wr-water-mixed .wr-water-scope{margin:0;line-height:1.4}
}

/* 핵심 절감 지표는 요약에서도 표시하고, 카드 높이는 가장 긴 내용에 맞춥니다. */
.wr-reduction-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;padding:10px 0;border-top:1px solid #dce5ef;margin-top:10px}
.wr-reduction-summary>div{min-width:0;display:flex;flex-direction:column;gap:6px}
.wr-reduction-summary span{font-size:11px;color:#526780}
.wr-reduction-summary strong{font-size:18px;color:#175cd3;overflow-wrap:anywhere;line-height:1.4}
.wr-reduction-summary .wr-outlook{font-size:13px;color:#24496e}
.wr-reduction-scope{margin:2px 0 10px;font-size:11px;color:#526780;line-height:1.5}
@media(min-width:1151px){
.wr-root .wr-overview>.wr-overview-card{height:auto;min-height:480px;overflow:visible}
.wr-root .wr-water-stage{flex:1 0 auto;min-height:auto}
.wr-root .wr-water-mixed .wr-reduction-summary{padding:6px 0;margin-top:5px;gap:8px}
.wr-root .wr-water-mixed .wr-reduction-summary strong{font-size:15px}
.wr-root .wr-water-mixed .wr-reduction-summary .wr-outlook{font-size:12px}
.wr-root .wr-water-mixed .wr-reduction-scope{margin:0 0 5px}
}
/* 회의용 상세 화면: 브라우저 전체 영역, 본문만 세로 스크롤 */
.wr-water-dialog{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
.wr-water-dialog .wr-detail-head,.wr-water-dialog>footer{flex-shrink:0}
.wr-water-dialog .wr-detail-body{flex:1;min-height:0}
.wr-water-dialog .wr-detail-kpis strong{font-size:40px}
.wr-water-dialog .wr-detail-table table{font-size:15px}
.wr-water-dialog .wr-detail-table th,.wr-water-dialog .wr-detail-table td{padding:14px 12px}
@media(max-width:700px){.wr-reduction-summary{grid-template-columns:1fr 1fr}.wr-reduction-summary>div:last-child{grid-column:1/-1}.wr-water-dialog .wr-detail-kpis strong{font-size:30px}.wr-water-dialog .wr-detail-table table{font-size:13px}}
@media(min-width:1151px){.wr-root .wr-water-card.wr-water-mixed{display:grid;grid-template-rows:auto 1fr 1fr}.wr-root .wr-water-mixed .wr-water-stage{min-height:0}}
/* 회의 화면에서는 선택한 절감계획이 목록 스크롤과 함께 사라지지 않습니다. */
@media(min-width:900px) and (min-height:650px){
.wr-water-dialog .wr-detail-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);gap:12px 20px;overflow:hidden}
.wr-water-dialog .wr-detail-kpis,.wr-water-dialog .wr-detail-notice,.wr-water-dialog .wr-detail-toolbar{grid-column:1/-1;margin:0}
.wr-water-dialog .wr-detail-table{grid-column:1;min-height:0;overflow:auto;align-self:stretch}
.wr-water-dialog .wr-detail-table th{position:sticky;top:0;z-index:1}
.wr-water-dialog .wr-detail-plan{grid-column:2;grid-row:4;margin:0;min-height:0;overflow:auto;align-self:stretch}
.wr-water-dialog .wr-detail-plan-grid{grid-template-columns:1fr;gap:12px}
.wr-water-dialog .wr-detail-quantity{padding:12px}
.wr-water-dialog .wr-detail-quantity>strong{margin:8px 0;font-size:28px}
.wr-water-dialog .wr-detail-quantity p{margin:6px 0}
.wr-water-dialog .wr-detail-table th,.wr-water-dialog .wr-detail-table td{padding:10px 8px;font-size:13px}
.wr-water-dialog .wr-detail-kpis>div{padding:12px;gap:6px}
.wr-water-dialog .wr-detail-head{padding:16px 26px 12px}
}
.wr-plan-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.wr-plan-rates>div{padding:10px;background:#f5f8fc;border-radius:6px;display:flex;flex-direction:column;gap:5px}
.wr-plan-rates span{font-size:11px;color:#526780}.wr-plan-rates strong{font-size:23px;color:#0f766e}.wr-plan-rates .wr-rate-target{color:#dc2626}
.wr-plan-explanation{font-size:12px;line-height:1.65;color:#36516f;background:#eff6ff;padding:10px;border-radius:6px}
.wr-month-bars small{display:block;margin-top:4px;color:#0f766e;font-size:10px}
@media(min-width:1200px) and (max-height:850px){
.wr-water-dialog .wr-plan-rates{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}
.wr-water-dialog .wr-plan-rates>div{padding:6px}.wr-water-dialog .wr-plan-rates strong{font-size:18px}
.wr-water-dialog .wr-detail-plan-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px}
.wr-water-dialog .wr-month-bars>div>div{height:55px}.wr-water-dialog .wr-month-bars>div{flex-basis:42px}
.wr-water-dialog .wr-detail-quantity>strong{font-size:23px}
}
.wr-plan-mode{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.wr-plan-mode button[aria-pressed=true]{background:#eaf3ff;border-color:#2563eb;font-weight:700}
.wr-early-result{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:#eff6ff;border-radius:8px}
.wr-early-result>div{display:flex;flex-direction:column;gap:6px}.wr-early-result span{font-size:12px;color:#526780}.wr-early-result strong{font-size:26px;color:#175cd3}.wr-early-result b{font-size:20px;color:#16324f}
.wr-early-feasibility{font-size:13px;padding:10px;background:#fff8e8;border-radius:6px;color:#754a0e;line-height:1.5}
.wr-rate-chart{width:100%;height:auto;max-height:240px;display:block}.wr-rate-chart text{font-size:11px;fill:#526780;font-family:inherit}
.wr-rate-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:12px 0 2px}.wr-rate-legend span:before{content:'';display:inline-block;width:18px;border-top:3px solid currentColor;margin-right:5px;vertical-align:middle}.wr-rate-legend .target{color:#dc2626}.wr-rate-legend .actual{color:#2563eb}.wr-rate-legend .plan{color:#0d9488}.wr-rate-legend .plan:before{border-top-style:dashed}
.wr-water-dialog .wr-month-bars>div>div{height:70px}
/* 회의용 상세 핵심 수치와 두 그래프를 함께 볼 수 있게 압축합니다. */
@media(min-width:900px) and (min-height:650px){
.wr-water-dialog .wr-detail-plan{padding:12px}
.wr-water-dialog .wr-detail-plan h3{font-size:16px;margin:0 0 8px}
.wr-water-dialog .wr-plan-mode{margin-bottom:8px;gap:6px}
.wr-water-dialog .wr-plan-mode button{font-size:12px;min-height:32px;padding:5px 8px}
.wr-water-dialog .wr-plan-rates{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px}
.wr-water-dialog .wr-plan-rates>div{padding:7px;gap:4px}
.wr-water-dialog .wr-plan-rates span{font-size:10px}
.wr-water-dialog .wr-plan-rates strong{font-size:18px}
.wr-water-dialog .wr-early-result{padding:8px;gap:8px}
.wr-water-dialog .wr-early-result strong{font-size:22px}.wr-water-dialog .wr-early-result b{font-size:17px}
.wr-water-dialog .wr-early-feasibility{font-size:12px;margin:6px 0;padding:7px}
.wr-water-dialog .wr-plan-explanation{font-size:11px;padding:7px;margin:6px 0}
.wr-water-dialog .wr-rate-chart{height:160px;max-height:160px}
.wr-water-dialog .wr-rate-legend{font-size:11px;margin:7px 0 0}
.wr-water-dialog .wr-month-bars>div>div{height:45px}
.wr-water-dialog .wr-detail-formula{margin-top:8px}
}

/* Meeting view: fixed viewport, equal work areas, in-place chart/table switching. */
.wr-water-visuals{display:grid;grid-template-columns:112px minmax(125px,1fr) minmax(130px,1fr);gap:12px;align-items:center}
.wr-water-visuals .wr-water-ring{width:112px;height:112px;flex:none}
.wr-target-flow{display:flex;flex-direction:column;gap:6px;min-width:0}
.wr-target-flow>span{font-size:11px;color:#536985}.wr-target-flow>strong{font-size:22px;color:#165bd7;line-height:1.25}.wr-target-flow>b{font-size:12px;line-height:1.5}
.wr-block-bars{width:100%;gap:6px}.wr-count-track{height:65px}.wr-count-track i{max-width:28px}.wr-count-column>strong{font-size:26px}
.wr-stage-period>span,.wr-remaining{display:inline-block;background:#fff2d9;color:#875000;padding:5px 8px;border-radius:6px;font-size:14px;font-weight:700}
.wr-water-mixed .wr-water-visuals{grid-template-columns:82px minmax(115px,1fr) minmax(120px,1fr);gap:8px}.wr-water-mixed .wr-target-flow>strong{font-size:18px}.wr-water-mixed .wr-target-flow>b{font-size:11px}
.wr-water-dialog .wr-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden;min-height:0;padding:8px 16px}
.wr-water-dialog .wr-detail-toolbar{grid-column:1/-1;grid-row:1;display:flex;gap:12px;margin:0;align-items:center;flex-wrap:wrap}.wr-detail-toolbar>span{font-size:12px;color:#526783}.wr-detail-toolbar input{margin-left:auto;max-width:180px}
.wr-water-dialog .wr-detail-table{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.wr-block-table-wrap{flex:1;min-height:0;overflow:auto}.wr-water-dialog .wr-detail-table table{min-width:0;table-layout:fixed;width:100%}.wr-detail-table th:first-child{width:30%}.wr-water-dialog .wr-detail-table td{padding:10px 8px;font-size:12px;overflow-wrap:anywhere}.wr-water-dialog .wr-detail-table td button{padding:0;text-align:left;min-height:36px}
.wr-water-dialog .wr-detail-plan{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:7px;min-height:0;overflow:hidden;padding:12px}.wr-water-dialog .wr-detail-plan h3{margin:0;font-size:16px;flex-shrink:0}
.wr-water-dialog .wr-detail-plan>nav,.wr-water-dialog .wr-plan-rates,.wr-water-dialog .wr-early-result,.wr-water-dialog .wr-early-feasibility{flex-shrink:0;margin:0}
.wr-water-dialog .wr-plan-rates{grid-template-columns:repeat(4,minmax(0,1fr))}.wr-water-dialog .wr-plan-rates strong{font-size:18px}.wr-water-dialog .wr-early-result strong{font-size:22px}.wr-water-dialog .wr-early-result{padding:8px}
.wr-chart-tabs{display:flex;gap:6px}.wr-chart-tabs button,.wr-data-pages button{min-height:30px;padding:4px 10px;font-size:12px}.wr-chart-tabs button[aria-pressed=true]{background:#eaf3ff;border-color:#2563eb;color:#165bd7}
.wr-chart-slot{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wr-water-dialog .wr-rate-chart{display:block;width:100%;height:100%;max-height:none;min-height:0;flex:1}.wr-water-dialog .wr-rate-chart text{font-size:12px}.wr-water-dialog .wr-rate-chart .wr-point-label{font-size:14px;font-weight:700;paint-order:stroke;stroke:white;stroke-width:4px;stroke-linejoin:round}.wr-rate-legend{flex-shrink:0;flex-wrap:wrap;margin:0;font-size:11px}
.wr-water-dialog .wr-plan-explanation{flex-shrink:0;font-size:11px;line-height:1.45;margin:0;padding:6px;background:#f3f7fc}.wr-data-pages{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;font-size:12px;padding-top:6px}.wr-month-table{flex:1;min-height:0;overflow:hidden}.wr-month-table .wr-table-scroll{overflow:hidden}.wr-month-table table{width:100%;min-width:0!important}.wr-month-table th,.wr-month-table td{padding:6px!important;font-size:12px!important}
.wr-water-dialog>.wr-detail-head{padding:10px 16px}.wr-water-dialog>.wr-detail-head h2{font-size:22px}.wr-water-dialog>.wr-detail-head p{margin:4px 0 0}.wr-water-dialog>footer{padding:8px 16px}
@media(max-height:800px) and (min-width:900px){.wr-water-dialog .wr-detail-plan{gap:5px;padding:9px}.wr-water-dialog .wr-plan-rates strong{font-size:16px}.wr-water-dialog .wr-early-result strong{font-size:19px}.wr-water-dialog .wr-early-result{padding:5px 8px}.wr-water-dialog .wr-early-feasibility{padding:5px}.wr-water-dialog .wr-plan-explanation{font-size:10px}}
@media(max-width:1150px){.wr-water-visuals{grid-template-columns:100px minmax(120px,1fr) minmax(120px,1fr)}}
@media(max-width:800px){.wr-water-dialog .wr-detail-body{display:flex;flex-direction:column;overflow:auto}.wr-water-dialog .wr-detail-table{flex:0 0 auto;max-height:280px}.wr-water-dialog .wr-detail-plan{flex:0 0 600px}.wr-water-dialog .wr-detail-toolbar input{margin-left:0}.wr-water-visuals{grid-template-columns:90px minmax(100px,1fr) minmax(100px,1fr);gap:6px}.wr-target-flow>strong{font-size:17px}.wr-water-visuals .wr-water-ring{width:90px;height:90px}.wr-water-mixed .wr-water-visuals{grid-template-columns:75px minmax(100px,1fr) minmax(100px,1fr)}}

.wr-water-visuals .wr-water-ring{min-width:0;width:112px;height:112px}.wr-water-visuals .wr-water-ring::after{transform-origin:50% 59px}.wr-water-visuals .wr-water-ring strong{font-size:23px}
.wr-target-flow>strong{font-size:20px;white-space:normal;overflow-wrap:anywhere}.wr-water-dialog .wr-detail-table th{white-space:normal;overflow-wrap:anywhere}.wr-water-dialog .wr-detail-table td{white-space:normal}.wr-detail-table th:first-child{width:27%}
@media(max-width:800px){.wr-water-visuals .wr-water-ring{width:90px;height:90px}.wr-water-visuals .wr-water-ring::after{transform-origin:50% 48px}.wr-water-visuals .wr-water-ring strong{font-size:20px}.wr-target-flow>strong{font-size:17px}}

@media(max-width:800px){.wr-water-visuals{grid-template-columns:90px minmax(0,1fr) minmax(95px,1fr)}.wr-water-mixed .wr-water-visuals{grid-template-columns:82px minmax(0,1fr) minmax(95px,1fr)}}