/* responsive.css — Máy tính bảng & điện thoại. */

/* Tablet */
@media (max-width:1100px){
  .kpi-row,.kpi-row.wide{grid-template-columns:repeat(3,1fr)}
  .grid-charts,.grid-blocks,.grid2-cards,.cs-grid{grid-template-columns:1fr 1fr}
  .kanban{grid-template-columns:1fr}
}

/* Mobile */
@media (max-width:760px){
  .sidebar{transform:translateX(-100%);transition:.25s;box-shadow:var(--shadow-lg)}
  .sidebar.open{transform:none}
  .main{margin-left:0}
  .hamburger{display:block}
  .backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:35}
  .backdrop.show{display:block}
  .content{padding:14px}
  .kpi-row,.kpi-row.wide{grid-template-columns:1fr 1fr}
  .grid-charts,.grid-blocks,.grid2-cards,.cs-grid{grid-template-columns:1fr}
  .form-grid,.grid2,.kv-grid{grid-template-columns:1fr}
  .who{display:none}
  .search-top{max-width:none}
  .page-head{flex-direction:column}
  .profile-actions{margin-left:0;width:100%}
  .modal-overlay{padding:14px}
  .kpi-val{font-size:19px}
}
.backdrop{display:none}
@media (min-width:761px){.backdrop{display:none!important}}