.doctor-kpis{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}
.doctor-kpi{
    border:1px solid #e3ebe8;
    border-radius:14px;
    padding:15px 17px;
    background:#fbfdfc;
}
.doctor-kpi span{
    display:block;
    font-size:.76rem;
    color:#71807c;
    margin-bottom:3px;
}
.doctor-kpi strong{
    display:block;
    font-size:1.35rem;
    line-height:1.2;
    color:#064e3b;
}
.doctor-kpi small{
    display:block;
    margin-top:4px;
    color:#8a9793;
    font-size:.72rem;
}
.doctor-filter{
    padding:2px 0 4px;
}
.doctor-filter label{
    font-size:.78rem;
    font-weight:700;
    color:#5d6d68;
}
.report-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    font-size:.82rem;
}
.report-table th,
.report-table td{
    border-right:1px solid #e5ecea;
    border-bottom:1px solid #e5ecea;
    padding:9px 8px;
    white-space:nowrap;
}
.report-table th{
    background:#f0f8f5;
    color:#36534b;
    font-size:.73rem;
    text-align:center;
    position:sticky;
    top:0;
    z-index:1;
}
.report-table th:first-child,
.report-table td:first-child{
    border-left:1px solid #e5ecea;
}
.report-table .no{
    width:50px;
    text-align:center;
}
.report-table .doctor{
    min-width:230px;
}
.report-table .doctor small{
    display:block;
    color:#8b9894;
    font-size:.68rem;
    margin-top:2px;
}
.report-table .num{
    text-align:right;
}
.report-table .total-col{
    font-weight:800;
    background:#f7fbfa;
}
.report-table tr.total td{
    font-weight:800;
    background:#e8f5f1;
}
.report-table .empty{
    text-align:center;
    padding:38px 10px;
    color:#87938f;
}
@media(max-width:767px){
    .doctor-kpis{grid-template-columns:1fr;}
    .doctor-kpi strong{font-size:1.2rem;}
}
@media print{
    .doctor-filter,
    .doctor-kpis,
    .btn,
    .main .topbar,
    .sidebar{
        display:none!important;
    }
    .content{margin:0!important;padding:0!important;}
    .panel{border:0!important;box-shadow:none!important;}
}

/* Dropdown Dokter - pola searchable checklist seperti Pilihan Wilayah */
.doctor-picker{position:relative;width:100%}
.doctor-picker-toggle{
    width:100%;min-height:38px;background:#fff;border:1px solid #dee5e2;
    border-radius:7px;padding:8px 12px;display:flex;align-items:center;
    justify-content:space-between;text-align:left;color:#495956;font-size:.875rem;
}
.doctor-picker-toggle:hover{border-color:#0b8060}
.doctor-picker.open .doctor-picker-toggle{border-color:#0b8060;box-shadow:0 0 0 .15rem rgba(11,128,96,.1)}
.doctor-picker-menu{
    display:none;position:absolute;z-index:1050;left:0;right:0;top:calc(100% + 5px);
    background:#fff;border:1px solid #dfe7e4;border-radius:10px;
    box-shadow:0 12px 30px rgba(15,35,30,.12);overflow:hidden;
}
.doctor-picker.open .doctor-picker-menu{display:block}
.doctor-picker-tools{padding:10px;border-bottom:1px solid #e8eeec;background:#fbfdfc}
.doctor-picker-list{max-height:310px;overflow-y:auto;padding:5px}
.doctor-option{
    display:flex!important;align-items:center;gap:9px;padding:8px 9px;margin:1px 0;
    border-radius:7px;cursor:pointer;font-size:.83rem;
}
.doctor-option:hover{background:#f0f8f5}
.doctor-option input{width:16px;height:16px;accent-color:#087f5b;flex:0 0 auto}
.doctor-option span{min-width:0}
.doctor-option strong{display:block;font-weight:600;color:#29443d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doctor-option small{display:block;color:#8a9793;font-size:.68rem;margin-top:1px}
.doctor-no-result{text-align:center;color:#8a9793;padding:20px 10px;font-size:.8rem}
@media(max-width:767px){
    .doctor-picker-menu{position:fixed;left:12px;right:12px;top:120px}
    .doctor-picker-list{max-height:55vh}
}
