/* Wilayah - mengikuti visual baseline modul Rawat Jalan */
.kel-page{max-width:100%}
.kel-page .page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}
.kel-page .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#087f5b}
.kel-page .page-head h4{font-weight:800;color:#163b35;margin:2px 0}
.kel-page .page-head p{margin:0;color:#71807c;font-size:.82rem}
.page-actions{display:flex;gap:7px;flex-wrap:wrap}
.info-panel,.filter-panel,.table-panel,.chart-panel{background:#fff;border:1px solid #e2ebe8;border-radius:14px;box-shadow:0 5px 20px rgba(16,24,40,.035)}
.info-panel{padding:16px;margin-bottom:12px}
.info-title{font-weight:800;color:#087f5b;margin-bottom:4px}
.info-text{font-size:.82rem;color:#53635f;line-height:1.55;max-width:1100px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}
.info-grid>div{background:#f7faf9;border:1px solid #e8efed;border-radius:10px;padding:10px 12px}
.info-grid span{display:block;font-size:.7rem;color:#71807c}.info-grid strong{display:block;margin-top:3px;color:#163b35}
.sync-badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:.67rem;font-weight:800}.sync-badge.success{background:#dff5ea;color:#087f5b}.sync-badge.running{background:#fff2cc;color:#9a6700}.sync-badge.failed{background:#fde2e1;color:#b42318}.sync-badge.never{background:#edf1f0;color:#687572}
.filter-panel{padding:12px;display:flex;align-items:end;gap:10px;margin-bottom:12px}.filter-panel>div{width:230px}.filter-panel label{display:block;font-size:.72rem;font-weight:700;color:#63716e;margin-bottom:4px}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.kpi-card{border:1px solid #e2ebe8;background:#fff;border-radius:13px;padding:13px 15px}.kpi-card span{font-size:.7rem;color:#687572}.kpi-card strong{display:block;font-size:1.35rem;color:#0b5f4a}.kpi-card small{font-size:.67rem;color:#9aa5a2}
.table-panel{padding:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid #edf1f0}.panel-head h5{margin:0;font-size:.95rem;font-weight:800;color:#165f50}.panel-head p{margin:3px 0 0;font-size:.7rem;color:#899692}.count-pill{font-size:.65rem;font-weight:800;color:#087f5b;background:#eaf7f2;border-radius:999px;padding:5px 9px}
.report-wrap{overflow:auto;max-height:68vh}.report-table{width:100%;min-width:1250px;border-collapse:separate;border-spacing:0;font-size:.72rem}.report-table th,.report-table td{border-right:1px solid #e3e9e7;border-bottom:1px solid #e7eceb;padding:7px 8px;white-space:nowrap}.report-table thead th{background:#f5f8f7;color:#53635f;font-weight:800;text-align:center;position:sticky;top:0;z-index:3}.report-table td{color:#52615e}.report-table .center{text-align:center}.report-table .num{text-align:right;font-variant-numeric:tabular-nums}.report-table .name{font-weight:700;color:#244a42}.report-table .total-head,.report-table .total-cell,.report-table .grand-total td{background:#dff4f0;font-weight:800;color:#075e50}.report-table .grand-total td{position:sticky;bottom:0;z-index:2}.report-table .empty{text-align:center;padding:35px}.chart-wrap{height:480px;padding:16px}
@media(max-width:900px){.info-grid,.kpi-row{grid-template-columns:repeat(2,1fr)}.kel-page .page-head{align-items:flex-start;flex-direction:column}.filter-panel{flex-wrap:wrap}.filter-panel>div{width:100%}}
@media print{.kel-page .page-actions,.filter-panel,.info-panel,.kpi-row{display:none!important}.kel-page .table-panel{box-shadow:none;border:0}.report-wrap{max-height:none;overflow:visible}.report-table{font-size:7pt}}

/* Multi-select wilayah: search + checklist */
.wilayah-filter{align-items:flex-end;flex-wrap:wrap}.filter-year{width:180px!important}.filter-type{width:210px!important}.filter-select-wrap{width:360px;position:relative}.filter-submit{width:auto}.multi-picker{position:relative}.multi-trigger{width:100%;height:38px;border:1px solid #dce6e3;background:#fff;border-radius:7px;padding:0 11px;display:flex;justify-content:space-between;align-items:center;color:#43524f;font-size:.82rem;text-align:left}.multi-trigger i{font-size:.7rem;color:#71807c}.multi-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:30;background:#fff;border:1px solid #dce6e3;border-radius:10px;box-shadow:0 12px 30px rgba(16,24,40,.14);padding:9px}.multi-menu.show{display:block}.multi-actions{display:flex;justify-content:space-between;padding:7px 2px 5px}.multi-actions button{border:0;background:transparent;color:#087f5b;font-size:.7rem;font-weight:700}.multi-options{max-height:230px;overflow:auto;border-top:1px solid #eef2f1;padding-top:4px}.multi-option{display:flex;gap:8px;align-items:center;padding:7px 5px;font-size:.75rem;color:#42514e;border-radius:6px;cursor:pointer}.multi-option:hover{background:#f2f8f6}.multi-option input{accent-color:#087f5b}.multi-option input:checked+*{font-weight:700}@media(max-width:900px){.filter-year,.filter-type,.filter-select-wrap,.filter-submit{width:100%!important}.multi-menu{position:absolute}}

.chart-panel-inline{margin-bottom:16px}.chart-wrap-inline{height:330px;padding:12px 18px 18px}.chart-wrap-inline canvas{width:100%!important;height:100%!important}
