.cdm-page{padding:10px 18px 28px;color:#132238;font-family:Inter,"Noto Sans Thai",sans-serif;background:#f7f9fc;min-height:100%}.cdm-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#fff 0%,#f7fff9 55%,#eef7ff 100%);border:1px solid #dbe6e2;border-radius:18px;padding:22px 24px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.cdm-eyebrow{font-size:.72rem;letter-spacing:1.5px;font-weight:800;color:#14845f}.cdm-hero h1{margin:4px 0 3px;font-size:1.8rem;color:#10233f}.cdm-hero p{margin:0;color:#607086;font-size:.9rem}.cdm-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cdm-btn{border:1px solid #c9d6e2;background:#fff;color:#263b55;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.cdm-btn:hover{background:#f5f9fc}.cdm-btn:disabled{opacity:.45;cursor:not-allowed}.cdm-btn-primary{background:#0e8b68;color:#fff;border-color:#0e8b68}.cdm-btn-primary:hover{background:#087657}.cdm-btn-excel{color:#137333;border-color:#9fd5af}.cdm-source{margin:12px 0;background:#effbf5;border:1px solid #bce8d0;border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.cdm-source strong{display:block;color:#165c47}.cdm-source span{display:block;font-size:.82rem;color:#527065;margin-top:3px}.cdm-empty-source{background:#fff;border-style:dashed;border-color:#cbd5e1}.cdm-source-note{font-size:.76rem;color:#718096;white-space:nowrap}.cdm-filterbar{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) minmax(240px,1.5fr) auto;gap:10px;background:#fff;border:1px solid #dce4ed;border-radius:15px;padding:14px;margin-bottom:13px;align-items:end}.cdm-filterbar label{font-size:.72rem;font-weight:700;color:#4b5e73}.cdm-filterbar select,.cdm-filterbar input{display:block;width:100%;margin-top:5px;border:1px solid #ccd8e5;border-radius:9px;padding:9px 10px;background:#fff;color:#17304d;outline:none}.cdm-filterbar select:focus,.cdm-filterbar input:focus{border-color:#39a47f;box-shadow:0 0 0 3px rgba(57,164,127,.12)}.cdm-disabled{opacity:.55;pointer-events:none}.cdm-kpis{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:13px}.cdm-kpi{background:#fff;border:1px solid #dce5ed;border-radius:15px;padding:15px 15px 13px;min-width:0;box-shadow:0 4px 14px rgba(15,23,42,.04);border-left:4px solid #7aa2ff}.cdm-kpi.green{border-left-color:#38aa67;background:#f7fff9}.cdm-kpi.amber{border-left-color:#e9ae32;background:#fffdf7}.cdm-kpi.mint{border-left-color:#16a77d;background:#f5fffb}.cdm-kpi.orange{border-left-color:#ee8738;background:#fffaf6}.cdm-kpi.purple{border-left-color:#9a75d6;background:#fcfaff}.cdm-kpi.red{border-left-color:#e05b63;background:#fff8f8}.cdm-kpi-label{font-size:.75rem;font-weight:800;color:#4c6077}.cdm-kpi-value{font-size:1.8rem;font-weight:800;color:#132238;margin:5px 0 1px}.cdm-kpi-sub{font-size:.72rem;color:#78889a}.cdm-chart-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:12px;margin-bottom:13px}.cdm-panel{background:#fff;border:1px solid #dce5ed;border-radius:16px;box-shadow:0 5px 18px rgba(15,23,42,.04);overflow:hidden}.cdm-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px}.cdm-panel-head h3{font-size:.95rem;margin:0;color:#172b45}.cdm-panel-head p{font-size:.72rem;margin:3px 0 0;color:#7a8999}.cdm-chart-wrap{height:270px;position:relative;padding:8px 14px 15px}.cdm-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#94a3b8;font-size:.82rem}.cdm-table-head{padding-bottom:12px;border-bottom:1px solid #e5ebf1}.cdm-count{font-size:.72rem;padding:4px 9px;border-radius:999px;background:#eef4ff;color:#2c5dad;margin-left:5px}.cdm-quick-actions{display:flex;gap:7px}.cdm-chip{border:1px solid #b9d7c9;background:#f2fbf6;color:#28714f;border-radius:9px;padding:8px 11px;font-size:.75rem;font-weight:700;cursor:pointer}.cdm-chip.warn{border-color:#f0d19a;background:#fffaf0;color:#9a6310}.cdm-table-scroll{overflow:auto;max-height:520px}.cdm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1900px;font-size:.75rem}.cdm-table thead th{position:sticky;top:0;z-index:2;background:#f0f5f8;color:#31465e;text-align:left;padding:10px;border-bottom:1px solid #ccd7e2;white-space:nowrap}.cdm-table td{padding:9px 10px;border-bottom:1px solid #e8edf2;color:#34495f;white-space:nowrap}.cdm-table tbody tr:hover{background:#f8fbfd}.cdm-serial{font-weight:800;color:#176fc1!important}.cdm-no-data{text-align:center!important;padding:42px!important;color:#94a3b8!important}.cdm-status,.cdm-activity{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.67rem;font-weight:800}.cdm-status.provisioned{background:#e1f7e8;color:#1e7a42}.cdm-status.pre_provisioned{background:#e7efff;color:#2d60ad}.cdm-activity.active{background:#ddf6e6;color:#1e7c44}.cdm-activity.soon{background:#fff2c9;color:#936400}.cdm-activity.warn{background:#ffe6cf;color:#a85409}.cdm-activity.bad{background:#ffe0e2;color:#ad2f38}.cdm-activity.none{background:#eee9f8;color:#6f56a0}.cdm-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 16px;color:#66778b;font-size:.78rem}.cdm-pagination select{border:1px solid #ccd7e2;border-radius:8px;padding:6px}.cdm-pagination #cdm-pages{display:flex;align-items:center;gap:8px}.cdm-pagination button{border:1px solid #d5dee8;background:#fff;border-radius:8px;padding:5px 10px;cursor:pointer}.cdm-pagination button:disabled{opacity:.4}.cdm-footnote{margin-top:10px;color:#56708d;font-size:.74rem;padding:10px 14px;background:#f4f8ff;border-radius:10px;border:1px solid #dbe8f7}@media(max-width:1300px){.cdm-kpis{grid-template-columns:repeat(4,1fr)}.cdm-filterbar{grid-template-columns:repeat(3,1fr)}.cdm-chart-grid{grid-template-columns:1fr}.cdm-chart-wrap{height:300px}}@media(max-width:800px){.cdm-page{padding:8px}.cdm-hero{align-items:flex-start;flex-direction:column}.cdm-kpis{grid-template-columns:repeat(2,1fr)}.cdm-filterbar{grid-template-columns:1fr}.cdm-source{align-items:flex-start;flex-direction:column}.cdm-source-note{white-space:normal}}


/* V99.0068 — Chromebook advanced filters + top horizontal slider */
.cdm-filterbar{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.cdm-search-label{grid-column:span 2}.cdm-filterbar #cdm-reset-filter{min-height:39px;align-self:end}.cdm-slider-shell{padding:9px 16px 5px;background:#fbfcfe;border-bottom:1px solid #e7edf3}.cdm-slider-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:5px;color:#4e6076;font-size:.72rem;font-weight:800}.cdm-slider-head small{font-weight:500;color:#8a98a8}.cdm-top-scroll{overflow-x:auto;overflow-y:hidden;height:15px;border-radius:999px;background:#eaf3ee;scrollbar-color:#2a9d70 #eaf3ee;scrollbar-width:auto}.cdm-top-scroll>div{height:1px;min-width:100%}.cdm-top-scroll::-webkit-scrollbar,.cdm-table-scroll::-webkit-scrollbar{height:12px;width:11px}.cdm-top-scroll::-webkit-scrollbar-track,.cdm-table-scroll::-webkit-scrollbar-track{background:#eaf3ee;border-radius:999px}.cdm-top-scroll::-webkit-scrollbar-thumb,.cdm-table-scroll::-webkit-scrollbar-thumb{background:#2a9d70;border:2px solid #eaf3ee;border-radius:999px}.cdm-top-scroll::-webkit-scrollbar-thumb:hover,.cdm-table-scroll::-webkit-scrollbar-thumb:hover{background:#187b56}.cdm-table-scroll{scrollbar-color:#2a9d70 #eaf3ee}.cdm-filterbar select{min-height:39px}
@media(max-width:1500px){.cdm-filterbar{grid-template-columns:repeat(3,minmax(145px,1fr))}.cdm-search-label{grid-column:span 2}}
@media(max-width:980px){.cdm-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.cdm-search-label{grid-column:1/-1}.cdm-slider-head small{display:none}}
@media(max-width:640px){.cdm-filterbar{grid-template-columns:1fr}.cdm-search-label{grid-column:auto}.cdm-filterbar label{font-size:.76rem}.cdm-filterbar select,.cdm-filterbar input{font-size:16px;min-height:44px}.cdm-slider-shell{padding:8px 10px 4px}.cdm-slider-head{font-size:.7rem}.cdm-top-scroll{height:17px}.cdm-table-scroll{max-height:62vh;-webkit-overflow-scrolling:touch}.cdm-table{font-size:.72rem}.cdm-table th,.cdm-table td{padding:9px 8px}}