.overview-period{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#ffffffd9;margin:18px 0 10px}.period-heading{margin-right:auto;align-self:center}.period-heading strong{display:block;font-size:13px}.period-heading p{font-size:11px;margin:5px 0 0;color:#627f87}.overview-period label{font-size:11px;min-width:145px}.overview-period input{font-size:12px;padding:9px;min-height:38px}.period-presets{display:flex;gap:5px;flex-wrap:wrap}.period-presets button{padding:9px 11px;font-size:11px}.period-error{width:100%;color:#a63d35;font-size:12px;margin:0}.period-error:empty{display:none}
.service-card{margin:20px 0}.service-card h2{margin-bottom:8px}.service-card .field-help{font-size:11px}.service-status{font-size:10px;border-radius:20px;padding:6px 10px;background:#f1f5f6;color:#46636d}
.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.response-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.flow-stat{padding:16px 18px;background:#f5f9f9;border:1px solid #dce9e8;border-radius:12px;border-top:3px solid #b9c8cd;min-width:0}.flow-stat.citizen{border-top-color:#168976}.flow-stat.assistant{border-top-color:#7181cf}.flow-stat.automatic{border-top-color:#8c8ad0}.flow-stat.chatbot{border-top-color:#5aa6c9}.flow-stat.human{border-top-color:#208e7c}.flow-stat.other{border-top-color:#9aa8ad}.flow-stat.unanswered{border-top-color:#c98a2e;background:#fdf8ef}.flow-stat.handling{border-top-color:#46636d}
.flow-stat.clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.flow-stat.clickable:hover,.flow-stat.clickable:focus-visible{transform:translateY(-1px);box-shadow:0 8px 18px #16394814;outline:none}.flow-stat.active{box-shadow:inset 0 0 0 2px #c98a2e}
.flow-label{font-size:12px;color:#42616b}.flow-value{display:block;font-size:clamp(20px,2.1vw,30px);line-height:1.3;margin:8px 0 6px;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.flow-stat .field-help{margin:0;font-size:11px}
.flow-detail{margin:12px 0 4px;display:grid;gap:10px}.flow-detail:empty{display:none}
.stack-bar{display:flex;height:14px;border-radius:8px;overflow:hidden;background:#e8f0f0}.stack-seg{display:block;height:100%;min-width:2px}.stack-seg.assistant,.legend-dot.assistant{background:#7181cf}.stack-seg.chatbot,.legend-dot.chatbot{background:#5aa6c9}.stack-seg.human,.legend-dot.human{background:#208e7c}.stack-seg.other,.legend-dot.other{background:#9aa8ad}.stack-seg.unanswered,.legend-dot.unanswered{background:#c98a2e}
.stack-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:#42616b}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.chip-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip-title{font-size:11px;color:#42616b;margin-right:4px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:5px 10px;border-radius:20px;background:#eef4f4;color:#2d4a52}.chip.active{background:#e6eef9;color:#36457a}.chip-clear{border:0;background:transparent;color:inherit;font-size:15px;line-height:1;padding:0 2px;cursor:pointer}
.tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tools:empty{display:none}.tools input[type=search]{font-size:12px;padding:8px 10px;min-width:180px;min-height:36px}.check{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#2d4a52;cursor:pointer}.check input{margin:0}
.topic-list{display:grid;gap:4px}.topic-row{cursor:pointer;border-radius:10px;padding:6px 8px;margin:0 -8px;transition:background .12s ease}.topic-row:hover,.topic-row:focus-visible{background:#f3f8f8;outline:none}.topic-row.active{background:#e6eef9}.topic-row.special .rank-name strong{color:#5c7580;font-weight:500}.rank-fill.neutral{background:#b9c8cd}
.rank-name{display:flex;flex-direction:column;min-width:0}.rank-name strong{font-weight:600;overflow-wrap:anywhere}.rank-name small{color:#627f87;font-size:11px}.rank-value{font-variant-numeric:tabular-nums}
.transfer-table{width:100%;font-size:12px;border-collapse:collapse}.transfer-table th{text-align:left;font-size:11px;background:#f4f8f8;color:#42616b;padding:12px}.transfer-table td{padding:12px;border-bottom:1px solid #e6eeed;font-variant-numeric:tabular-nums}.transfer-table tbody tr:hover{background:#f5faf8}.transfer-table th:not(:first-child),.transfer-table td:not(:first-child){text-align:right}.transfer-scroll{max-height:390px;overflow:auto}.transfer-table thead{position:sticky;top:0}
.routing-table th:not(:last-child),.routing-table td:not(:last-child){text-align:left}.routing-table tr.mismatch td{background:#fdf8ef}.routing-table tr.mismatch small{color:#a3621a;font-weight:600}.empty-cell{color:#5c7580;font-style:italic}
.sector-table th[data-key]{cursor:pointer;user-select:none;white-space:nowrap}.sector-table th[data-key]:hover,.sector-table th[data-key]:focus-visible{color:#163d48;outline:none;text-decoration:underline}.sector-table tbody tr.clickable{cursor:pointer}.sector-table tbody tr.clickable:focus-visible{outline:2px solid #168976;outline-offset:-2px}
.gr-list{display:grid;gap:8px;margin:12px 0}.gr-item{padding:10px 12px;border:1px solid #e6eeed;border-radius:10px;background:#fbfdfd}.gr-item strong{display:block;font-size:13px;overflow-wrap:anywhere;margin-bottom:2px}
.insights-service{display:grid;gap:16px;margin:16px 0}.daily-chart{overflow-x:auto}.chart-day{min-width:20px}
@media(max-width:700px){.flow-grid,.response-grid{grid-template-columns:1fr}.overview-period{gap:10px}.period-heading{width:100%}.overview-period label{flex:1;min-width:120px}.period-presets{width:100%}.transfer-table{min-width:600px}.flow-stat{padding:14px}.flow-value{font-size:24px}.service-card .card-heading{align-items:flex-start}.tools input[type=search]{min-width:0;width:100%}}