/* =========================================================
   RESPONSIVE — Blue Corporate Theme
   ========================================================= */

/* ---- Tablets / small desktops ---- */
@media (max-width:1200px){
  .dash-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:1024px){
  :root{--sidebar-w:200px}
  .dash-grid{grid-template-columns:repeat(2,1fr)}
  .dash-col-span3{grid-column:span 2}
  .topbar-user-info{display:none}
  .form-grid{grid-template-columns:1fr}
}

/* ---- Mobile landscape ---- */
@media (max-width:768px){
  .sidebar{transform:translateX(-100%);width:260px;z-index:1200}
  .sidebar.open{transform:translateX(0)}
  .sidebar-overlay.active{display:block}
  .sidebar-toggle{display:flex}
  .main-content{margin-left:0}
  .footer{margin-left:0}
  .topbar-center{display:none}
  .dash-grid{grid-template-columns:1fr}
  .dash-col-span2,.dash-col-span3,.dash-col-span4{grid-column:span 1}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .action-grid{grid-template-columns:repeat(2,1fr)}
  .employee-grid{grid-template-columns:repeat(2,1fr)}
  .modules-grid{grid-template-columns:repeat(2,1fr)}
  .admin-grid{grid-template-columns:repeat(2,1fr)}
  .tool-grid{grid-template-columns:repeat(2,1fr)}
  .policy-grid{grid-template-columns:1fr}
  .sap-card-grid{grid-template-columns:repeat(2,1fr)}
  .weekly-bar{flex-wrap:wrap}
  .weekly-day{flex:0 0 calc(25% - 6px)}
  .module-header{padding:14px 16px}
  .module-header h1{font-size:16px}
  .content-area{padding:12px 14px}
  .modal{max-width:calc(100% - 24px)}
  .modal-lg{max-width:calc(100% - 24px)}
}

/* ---- Mobile portrait ---- */
@media (max-width:480px){
  body{font-size:12px}
  .topbar{padding:0 10px;gap:8px}
  .topbar-logo-text{font-size:13px}
  .kpi-grid{grid-template-columns:1fr 1fr}
  .action-grid{grid-template-columns:1fr}
  .employee-grid{grid-template-columns:1fr}
  .modules-grid{grid-template-columns:1fr 1fr}
  .admin-grid{grid-template-columns:1fr}
  .tool-grid{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .sap-card-grid{grid-template-columns:1fr 1fr}
  .weekly-day{flex:0 0 calc(50% - 6px)}
  .social-grid{grid-template-columns:repeat(2,1fr)}
  .qa-grid{flex-direction:column}
  .login-form{padding:24px 20px}
  .topbar-icon-btn{width:28px;height:28px}
  .topbar-avatar{width:26px;height:26px;font-size:10px}
}