/*
 * CaseGo — Pengurusan Kes & Rekod Digital
 * Original system concept and workflow coordination: Frankly F. C.
 * Jabatan Kerja Raya Daerah Tuaran.
 */
/* Reserved for mobile refinements. 018B keeps existing responsive rules from components.css for compatibility. */

/* CG-UI-018 — Smartphone App Density + Unified Dashboard */
/* =========================================================
   CASEGO — UNIFIED DASHBOARD METRIC GRID
   Desktop : maksimum 4 kad sebaris
   3 kad   : kekal 3 kad sebaris
   Mobile  : kekal 3 kad sebaris
   ========================================================= */

.cg-unified-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 20px;
}

/* Jika dashboard hanya mempunyai tepat 6 kad */
.cg-unified-metric-grid:has(> :nth-child(6):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Jika dashboard hanya mempunyai tepat 3 kad */
.cg-unified-metric-grid:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}



/* Smartphone — 3 kad sebaris seperti design semasa */
@media (max-width: 720px) {
    .cg-unified-metric-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: 16px;
    }

    .cg-unified-metric-grid:has(> :nth-child(3):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.cg-unified-metric{min-height:132px;border:1px solid var(--line,#d7e1ec);border-left:5px solid #2c92d2;border-radius:18px;background:#fff;text-align:left;padding:20px 22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:inherit;cursor:pointer}.cg-unified-metric span{font-weight:600;color:#52657d}.cg-unified-metric strong{font-size:2rem;color:#0b2b58}.cg-unified-metric small{color:#71839a}.cg-info-other-name{margin-top:12px}
@media(max-width:720px){
  .cg-screen{padding:10px!important}.cg-head,.cg-dashboard-head-clean{padding:16px!important;border-radius:16px!important;margin-bottom:12px!important}.cg-head h1,.cg-dashboard-head-clean h1{font-size:1.28rem!important;line-height:1.25!important}.cg-head p,.cg-dashboard-head-clean p{font-size:.78rem!important;line-height:1.45!important}.cg-head-actions .cg-btn{min-height:34px!important;padding:7px 16px!important;font-size:.78rem!important}
  .cg-unified-metric-grid,.cg-kpi-grid,.cg-kpi-grid-compact,.cg-de-summary-grid,.cg-ee-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}.cg-unified-metric,.cg-kpi,.cg-kpi-compact,.cg-de-summary-card,.cg-ee-summary-card{min-height:94px!important;padding:11px 10px!important;border-radius:13px!important}.cg-unified-metric span,.cg-kpi span,.cg-de-summary-card span,.cg-ee-summary-card span{font-size:.64rem!important;line-height:1.2!important}.cg-unified-metric strong,.cg-kpi strong,.cg-de-summary-card strong,.cg-ee-summary-card strong{font-size:1.35rem!important;line-height:1!important}.cg-unified-metric small,.cg-kpi small,.cg-de-summary-card small,.cg-ee-summary-card small{font-size:.61rem!important;line-height:1.2!important}
  .cg-panel{border-radius:15px!important;padding:14px!important;margin-bottom:12px!important}.cg-panel h2,.cg-panel h3{font-size:1rem!important}.cg-panel-subtitle,.cg-panel p{font-size:.76rem!important}.cg-workflow-task-board{gap:10px!important}.cg-workflow-task-group{padding:10px!important;border-radius:13px!important}
  .cg-record-table thead{display:none!important}.cg-record-table,.cg-record-table tbody,.cg-record-table tr,.cg-record-table td{display:block!important;width:100%!important}.cg-record-table tr{margin:0 0 10px!important;padding:11px!important;border:1px solid #d9e3ed!important;border-radius:13px!important;background:#fff!important}.cg-record-table td{border:0!important;padding:3px 0!important;font-size:.76rem!important;overflow-wrap:anywhere!important}.cg-record-table td.title-col{font-weight:600!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.cg-record-table td:empty{display:none!important}
}


/* CG-UI-018H4 — authoritative non-smartphone dashboard grid.
   Keep smartphone 3-up. Exact 3 desktop cards stay 3-up. */
@media (min-width: 721px) {
  body.cg-route-app .cg-dashboard-lite .cg-unified-metric-grid,
  body.cg-route-app .cg-dashboard-lite .cg-kpi-grid,
  body.cg-route-app .cg-dashboard-lite .cg-kpi-grid-compact {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body.cg-route-app .cg-dashboard-lite .cg-unified-metric-grid:has(> :nth-child(3):last-child),
  body.cg-route-app .cg-dashboard-lite .cg-kpi-grid:has(> :nth-child(3):last-child),
  body.cg-route-app .cg-dashboard-lite .cg-kpi-grid-compact:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}