.distribution-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 12px;color:#637e90}.segmented{display:inline-flex;padding:3px;border-radius:10px;background:#eaf3f6;border:1px solid #c9dee6}.segmented button{border:0;background:transparent;color:#557386;padding:8px 13px;border-radius:7px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.segmented button.active{background:#fff;color:#087f88;box-shadow:0 2px 8px #44798d1f}.view-count{display:none}.distribution-block[data-mode="count"] .view-percent{display:none}.distribution-block[data-mode="count"] .view-count{display:inline}.dist-stack{display:flex;width:170px;height:10px;margin-top:8px;overflow:hidden;border-radius:999px;background:#e4edf1}.dist-stack i{display:block;height:100%}.dist-stack .s0{background:#3d9bd3}.dist-stack .s1{background:#f2c510}.dist-stack .s2{background:#ec801d}.dist-stack .s3{background:#e94b3d}
.distribution-table th,.distribution-table td{text-align:center;white-space:nowrap}.distribution-table th:first-child,.distribution-table td:last-child{text-align:left}.dist{display:inline-flex;min-width:62px;justify-content:center;padding:7px 9px;border-radius:9px;font-weight:800}.dist.normal{background:#dcf4e7;color:#197344}.dist.watch{background:#fff5cc;color:#826000}.dist.abnormal{background:#ffe4c2;color:#99530a}.dist.severe{background:#fbe1e4;color:#a53242}.band-normal{color:#197344}.band-watch{color:#826000}.band-abnormal{color:#99530a}.band-severe{color:#a53242}.distribution-legend{margin-top:10px;color:#637e90;font-size:13px;line-height:1.6}
.role-scope-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-4px 0 16px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,#dff5f3,#edf6ff);border:1px solid #c5e2e6;color:#315f70}.role-scope-banner b{color:#087f88}.role-scope-banner span{font-size:13px;text-align:right}
.drill-card,.drill-row,.text-link{font:inherit;color:inherit}.drill-card{width:100%;text-align:left;cursor:pointer}.kpi.drill-card,.cluster.drill-card,.signal-card.drill-card,.step.drill-card{display:block}.drill-card:hover,.drill-card:focus-visible{border-color:#42aeb2;box-shadow:0 12px 30px #258b9a24;transform:translateY(-2px)}.drill-card:focus-visible,.drill-row:focus-visible,.text-link:focus-visible{outline:3px solid #82d5d6;outline-offset:2px}.drill-label{display:block;margin-top:12px;color:#087f88;font-size:13px;font-weight:700}.cluster .drill-label{margin-top:auto;padding-top:8px}.text-link{border:0;background:transparent;padding:4px 0;color:#087f88;font-weight:700;cursor:pointer;text-align:left}.text-link:hover{text-decoration:underline}.drill-row{width:100%;background:transparent;text-align:left;cursor:pointer}.drill-row:hover{background:#edf9fa}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.detail-chip{padding:7px 10px;border-radius:999px;background:#e8f6f7;color:#146d75;font-size:13px;font-weight:700}.detail-summary{font-size:16px;line-height:1.7}.detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.detail-stat{background:#f2f9fb;border:1px solid #d1e5eb;border-radius:12px;padding:14px}.detail-stat span{display:block;color:#648091;font-size:13px}.detail-stat strong{display:block;margin-top:6px;color:#19384f;font-size:20px}.detail-section{margin-top:20px}.detail-section h3{margin:0 0 10px;font-size:17px}.detail-table{width:100%;border-collapse:collapse}.detail-table th,.detail-table td{padding:10px 8px;text-align:left;font-size:14px}.detail-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}.detail-flow span{padding:8px 10px;border-radius:8px;background:#edf7fa;color:#315e70}.detail-flow i{color:#50a5aa;font-style:normal}dialog{width:min(820px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:28px}dialog h2{margin-top:0}dialog .btn{margin-top:22px}@media(max-width:700px){.detail-stats{grid-template-columns:1fr}.drill-label{font-size:14px}dialog{padding:20px}}
dialog#detail{position:relative;width:min(var(--detail-width,74vw),calc(100vw - 20px));height:var(--detail-height,auto);min-width:min(560px,calc(100vw - 20px));min-height:min(360px,calc(100vh - 20px));max-width:calc(100vw - 20px);max-height:92vh;resize:none;overflow:auto;padding:24px 26px 26px;border-radius:18px}
.detail-shell-head{position:sticky;top:-24px;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:-24px -26px 18px;padding:20px 26px 14px;background:rgba(255,255,255,.96);border-bottom:1px solid #d7e8ee;backdrop-filter:blur(8px)}
.detail-shell-head h2{margin:0;line-height:1.25}
.detail-resize-grip{position:sticky;left:100%;bottom:0;display:block;width:26px;height:26px;margin:8px -18px -18px auto;border-radius:8px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 0 42%,#b8d4df 42% 50%,transparent 50% 57%,#86b6c6 57% 65%,transparent 65% 72%,#4f94aa 72% 80%,transparent 80%);opacity:.9}
.detail-resize-grip:hover,.detail-resize-grip.dragging{background-color:#e8f6f8;opacity:1}
dialog#detail .table-wrap{max-width:100%;overflow:auto}
dialog#detail .detail-table{min-width:720px}
dialog#detail .distribution-table{min-width:980px}
dialog#detail .detail-section{container-type:inline-size}
@container (min-width:980px){.detail-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dist-stack{width:220px}.detail-table th,.detail-table td{padding:12px 12px;font-size:15px}.distribution-legend{font-size:14px}}
@media(max-width:700px){dialog#detail{width:calc(100vw - 12px)!important;min-width:0;padding:18px}.detail-shell-head{position:static;display:block;margin:-18px -18px 16px;padding:18px}.detail-shell-head h2{font-size:22px}.detail-resize-grip{width:34px;height:34px;margin-right:-12px;margin-bottom:-12px}}