#provinceDetailDrawer{box-sizing:border-box;width:min(480px,100vw);height:100dvh;padding:34px 28px 24px;background:#fff;box-shadow:-12px 0 60px #15345220;border-left:1px solid #e8eef5;color:#244365}
#provinceDetailDrawer .drawer-close{display:grid;place-items:center;top:22px;right:20px;width:34px;height:34px;padding:8px;color:#6a819a;background:#f2f6fb;border:1px solid #e6edf5;border-radius:11px}
#provinceDetailDrawer svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#provinceDetailDrawer .drawer-close svg{width:17px;height:17px}
#provinceDetailDrawer .drawer-close:hover{color:#244b76;background:#e5eef8}
#provinceDetailDrawer .drawer-close:focus-visible{outline:3px solid #aacbee;outline-offset:3px}
.pd-heading{display:flex;align-items:center;gap:13px;margin:24px 0 16px}.pd-location{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#edf4fe;color:#547eb3;flex:none}.pd-heading small{font-size:10px;color:#8093a9;line-height:1.8}#provinceDetailDrawer h2{font-size:28px;line-height:1.6;margin:3px 0 0;font-weight:700;letter-spacing:0}
#provinceDetailDrawer .drawer-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:600;margin-bottom:24px}#provinceDetailDrawer .drawer-status i{width:6px;height:6px;border-radius:50%;background:currentColor}#provinceDetailDrawer .drawer-status small{font-size:10px;font-weight:400;opacity:.85;margin-left:4px}
.pd-completion{background:#f7faff;border:1px solid #e6eef9;border-radius:17px;padding:18px 20px;margin:0 0 22px}.pd-completion-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pd-completion-top span{font-size:13px;color:#4b6686}.pd-completion-top div small{display:block;font-size:10px;color:#8a9bb0;margin-top:3px}.pd-completion-top strong{font-size:30px;letter-spacing:-1px;color:#315c8c}.pd-completion-top strong small{font-size:15px;font-weight:500;margin-left:3px}
#provinceDetailDrawer .drawer-progress{height:8px;margin:16px 0 10px;background:#e5edf8}#provinceDetailDrawer .drawer-progress i{background:linear-gradient(90deg,#618cc4,#80ace1)}.pd-completion p{font-size:11px;color:#8093aa;margin:0}.pd-completion p b{color:#4b6b90}
#provinceDetailDrawer .drawer-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#provinceDetailDrawer .pd-metric{position:relative;box-sizing:border-box;padding:16px;border:1px solid #e8edf4;border-radius:16px;background:white;box-shadow:0 4px 16px #244b7605;min-width:0}#provinceDetailDrawer .pd-metric-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#edf3fc;color:#6784ac;margin-bottom:12px}#provinceDetailDrawer .pd-metric-icon svg{width:18px;height:18px}#provinceDetailDrawer .done .pd-metric-icon{background:#eaf7f0;color:#61a28a}#provinceDetailDrawer .doing .pd-metric-icon{background:#fff5e6;color:#b99860}#provinceDetailDrawer .wait .pd-metric-icon{background:#f1effa;color:#9283b5}#provinceDetailDrawer .missed .pd-metric-icon{background:#fcf0f0;color:#bf8589}#provinceDetailDrawer .source .pd-metric-icon{background:#eff5f6;color:#719297}
#provinceDetailDrawer .pd-metric-label{font-size:12px;line-height:1.7;color:#536f8e}#provinceDetailDrawer .pd-metric-label small{display:block;color:#8b9aae;font-size:10px}#provinceDetailDrawer .pd-value{display:flex;gap:6px;align-items:baseline;margin-top:9px}#provinceDetailDrawer .pd-value b{font-size:25px;line-height:1.3;margin:0;color:#315478}#provinceDetailDrawer .pd-value small{font-size:10px;color:#91a0b1}#provinceDetailDrawer .missed .pd-value b{color:#b5757c}#provinceDetailDrawer .source .pd-value b{font-size:17px;line-height:1.9;overflow-wrap:anywhere}.pd-footnote{text-align:center;color:#96a5b7;font-size:10px;line-height:1.8;margin:20px 0 0}
@media(max-width:420px){#provinceDetailDrawer{padding:28px 20px 20px}.pd-heading{gap:10px}.pd-heading small{font-size:9px}#provinceDetailDrawer h2{font-size:25px}#provinceDetailDrawer .pd-metric{padding:13px}.pd-completion{padding:16px}.pd-location{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){#provinceDetailDrawer{transition:none}}
/* V3.42.20 — approved one-screen Province Details */
#provinceDetailDrawer{right:2vw!important;top:3dvh!important;width:min(760px,96vw)!important;height:min(94dvh,760px)!important;padding:26px 30px 22px!important;border:1px solid #e2eaf4!important;border-radius:24px!important;box-shadow:0 24px 80px #102f5830!important;overflow:auto!important;transform:translateX(calc(105% + 2vw))!important}
#provinceDetailDrawer.open{transform:translateX(0)!important}.province-drawer-backdrop{background:#102f5850!important;backdrop-filter:blur(3px)}
.pd-heading{margin:10px 0 8px!important}.pd-location{width:50px;height:50px;background:#eaf2ff;color:#2f73dc}.pd-heading small{font-size:11px!important}#provinceDetailDrawer h2{font-size:30px!important;line-height:1.35!important}
#provinceDetailDrawer .drawer-status{margin-bottom:14px!important;padding:7px 13px!important}.pd-completion{padding:15px 20px!important;margin:0 0 14px!important;background:#f1fbf7!important;border-color:#ccefe0!important}.pd-completion-top strong{color:#138f61!important;font-size:32px!important}#provinceDetailDrawer .drawer-progress{height:9px!important;margin:11px 0 8px!important}#provinceDetailDrawer .drawer-progress i{background:linear-gradient(90deg,#22ad78,#43c28e)!important}
#provinceDetailDrawer .drawer-metrics{gap:12px!important}#provinceDetailDrawer .pd-metric{padding:14px 16px!important;display:grid!important;grid-template-columns:40px 1fr auto!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;min-height:112px!important}.pd-metric-icon{grid-row:1/3!important;margin:0!important;width:40px!important;height:40px!important}.pd-metric-label{grid-column:2!important}.pd-value{grid-column:3!important;grid-row:1/3!important;margin:0!important}.pd-value b{font-size:30px!important}
#provinceDetailDrawer .pd-metric.target{background:#f5f9ff!important;border-color:#d7e7ff!important}#provinceDetailDrawer .target .pd-metric-icon{background:#e5f0ff!important;color:#3479e5!important}#provinceDetailDrawer .target .pd-value b{color:#2465bf!important}
#provinceDetailDrawer .pd-metric.done{background:#f2fbf7!important;border-color:#d3efdf!important}#provinceDetailDrawer .done .pd-metric-icon{background:#e1f6ea!important;color:#24a66f!important}#provinceDetailDrawer .done .pd-value b{color:#178b5e!important}
#provinceDetailDrawer .pd-metric.doing{background:#fff9f0!important;border-color:#f6e2c3!important}#provinceDetailDrawer .doing .pd-metric-icon{background:#fff0d9!important;color:#e28a19!important}#provinceDetailDrawer .doing .pd-value b{color:#c97710!important}
#provinceDetailDrawer .pd-metric.wait{background:#f8f6ff!important;border-color:#e7defa!important}#provinceDetailDrawer .wait .pd-metric-icon{background:#eee8fc!important;color:#7c5bd4!important}#provinceDetailDrawer .wait .pd-value b{color:#6848bc!important}.pd-footnote{margin:12px 0 0!important}
@media(max-width:600px){#provinceDetailDrawer{right:0!important;top:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important;padding:22px 18px!important}#provinceDetailDrawer .pd-metric{grid-template-columns:34px 1fr auto!important;min-height:94px!important;padding:12px!important}.pd-metric-icon{width:34px!important;height:34px!important}.pd-value b{font-size:25px!important}}


/* V3.42.22 — compact, readable one-screen Province Details */
#provinceDetailDrawer{right:2vw!important;top:4dvh!important;width:min(680px,95vw)!important;height:auto!important;max-height:92dvh!important;padding:20px 24px 18px!important;border-radius:22px!important;overflow:auto!important}
#provinceDetailDrawer .drawer-close{top:15px!important;right:16px!important;width:38px!important;height:38px!important}
.pd-heading{margin:4px 0 7px!important;gap:12px!important}.pd-location{width:46px!important;height:46px!important;border-radius:14px!important}.pd-heading small{font-size:12px!important;font-weight:500!important}#provinceDetailDrawer h2{font-size:34px!important;line-height:1.22!important;margin:1px 0 0!important}
#provinceDetailDrawer .drawer-status{margin:0 0 10px!important;padding:6px 12px!important;font-size:12px!important}.pd-completion{padding:12px 16px!important;margin:0 0 11px!important;border-radius:15px!important;background:#f5f8fc!important;border-color:#dce5ef!important}.pd-completion-top span{font-size:14px!important;font-weight:700!important}.pd-completion-top div small{font-size:11px!important}.pd-completion-top strong{font-size:38px!important;line-height:1!important;color:#60748d!important}.pd-completion-top strong small{font-size:17px!important}
#provinceDetailDrawer .drawer-progress{height:8px!important;margin:9px 0 6px!important;background:#e5ebf2!important}#provinceDetailDrawer .drawer-progress i{background:#8194aa!important}.pd-completion p{font-size:12px!important}.pd-completion p b{font-size:14px!important}
#provinceDetailDrawer .pd-completion.done{background:#f0fbf6!important;border-color:#ccebdc!important}#provinceDetailDrawer .pd-completion.done .pd-completion-top strong{color:#128b5e!important}#provinceDetailDrawer .pd-completion.done .drawer-progress i{background:linear-gradient(90deg,#21a973,#43be8d)!important}
#provinceDetailDrawer .pd-completion.doing{background:#fff9ef!important;border-color:#f2dfbf!important}#provinceDetailDrawer .pd-completion.doing .pd-completion-top strong{color:#c87b12!important}#provinceDetailDrawer .pd-completion.doing .drawer-progress i{background:linear-gradient(90deg,#e49525,#f0b45d)!important}
#provinceDetailDrawer .pd-completion.wait{background:#f8f6ff!important;border-color:#e4dcf6!important}#provinceDetailDrawer .pd-completion.wait .pd-completion-top strong{color:#6d50bd!important}#provinceDetailDrawer .pd-completion.wait .drawer-progress i{background:linear-gradient(90deg,#7b61c7,#a58cdd)!important}
#provinceDetailDrawer .pd-completion.none{background:#f5f7fa!important;border-color:#dde5ed!important}#provinceDetailDrawer .pd-completion.none .pd-completion-top strong{color:#6f8194!important}#provinceDetailDrawer .pd-completion.none .drawer-progress i{background:#9eabb8!important}
#provinceDetailDrawer .drawer-metrics{gap:10px!important}#provinceDetailDrawer .pd-metric{min-height:88px!important;padding:11px 14px!important;grid-template-columns:42px 1fr auto!important;column-gap:11px!important;border-radius:15px!important}.pd-metric-icon{width:42px!important;height:42px!important;border-radius:12px!important}.pd-metric-icon svg{width:21px!important;height:21px!important}.pd-metric-label{font-size:14px!important;font-weight:700!important;line-height:1.45!important}.pd-metric-label small{font-size:11px!important;font-weight:400!important;margin-top:2px!important}.pd-value{gap:5px!important}.pd-value b{font-size:36px!important;line-height:1!important}.pd-value small{font-size:11px!important}.pd-footnote{margin:8px 0 0!important;font-size:10px!important}
@media(max-width:600px){#provinceDetailDrawer{right:0!important;top:0!important;width:100vw!important;max-height:none!important;height:100dvh!important;padding:18px 16px!important;border-radius:0!important}.pd-heading{padding-right:42px!important}#provinceDetailDrawer h2{font-size:30px!important}#provinceDetailDrawer .pd-metric{min-height:82px!important;padding:10px!important;grid-template-columns:36px 1fr auto!important}.pd-metric-icon{width:36px!important;height:36px!important}.pd-value b{font-size:30px!important}.pd-completion-top strong{font-size:34px!important}}

/* V3.42.26 original supplied PNGs; no cropping or stretching. */
#provinceDetailDrawer .pd-location,#provinceDetailDrawer .pd-metric-icon{width:38px!important;height:38px!important;border-radius:11px!important}
#provinceDetailDrawer .pd-location img,#provinceDetailDrawer .pd-metric-icon img{display:block;width:29px;height:29px;object-fit:contain}
#provinceDetailDrawer .pd-metric{grid-template-columns:38px minmax(0,1fr) auto!important}
#provinceDetailDrawer .wait .pd-metric-icon{background:#ffecef!important}
@media(max-width:420px){#provinceDetailDrawer .drawer-metrics{grid-template-columns:1fr!important}}

/* V3.42.31 live Missed count, including zero. */
#provinceDetailDrawer .pd-metric.miss{grid-column:auto;background:#fff5f3!important;border-color:#f5d5cd!important}
#provinceDetailDrawer .miss .pd-metric-icon{background:#fff0dc!important}
#provinceDetailDrawer .miss .pd-value b{color:#ef3340!important}