/* ============================================================
   Sampark CRM — responsive.css
   ============================================================ */

@media (max-width:1180px){
  .stat-grid{grid-template-columns:repeat(3,1fr);}
  .stat-grid.cols-9{grid-template-columns:repeat(3,1fr);}
  .dash-grid{grid-template-columns:1fr;}
}

@media (max-width:960px){
  .app-shell{grid-template-columns:1fr;}
  .sidebar{
    position:fixed;bottom:0;left:0;right:0;top:auto;
    flex-direction:row;justify-content:flex-start;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom));
    z-index:60;box-shadow:0 -4px 20px rgba(0,0,0,.15);gap:0;
    overflow-x:auto;overflow-y:hidden;
  }
  .sidebar .brand,.sidebar-footer,.nav-group{display:none;}
  .nav-item{flex-direction:column;gap:3px;padding:8px 5px;font-size:9.5px;border-radius:10px;flex:1;min-width:64px;justify-content:center;}
  .nav-item .icon{width:19px;height:19px;}
  .nav-item .badge-count{position:absolute;top:2px;right:10%;margin:0;font-size:9px;}
  .nav-item{position:relative;}
  .main{padding-bottom:86px;}
  .main-content{padding:18px 16px 40px;}
  .topbar{display:none;}
  .mobile-topbar{
    display:flex;align-items:center;gap:10px;margin-bottom:18px;
    padding:10px 4px;
  }
  .mobile-topbar b{font-family:var(--font-display);font-size:17px;}
  .mobile-topbar .right{margin-left:auto;display:flex;align-items:center;gap:8px;}
  .stat-grid{grid-template-columns:1fr 1fr;}
  .stat-grid.cols-9{grid-template-columns:1fr 1fr;}
  .list-head{display:none;}
  .row-list .row-item{grid-template-columns:34px 1fr auto;grid-template-areas:"av name stage" "av phone src";row-gap:5px;column-gap:10px;}
  .row-list .row-item .avatar{grid-area:av;}
  .row-list .row-item .lead-name-cell{grid-area:name;}
  .row-list .row-item > .col{display:contents;}
  .row-list .row-item .phone-chip{grid-area:phone;font-size:11.5px;padding:3px 8px;}
  .row-list .row-item .source-tag{grid-area:src;}
  .row-list .row-item .stage-badge{grid-area:stage;justify-self:end;}
  .row-list .row-item .cell-emp,
  .row-list .row-item .cell-last,
  .row-list .row-item .cell-extra,
  .row-list .row-item .value-inline,
  .row-list .row-item .campaign-sub,
  .row-list .row-item .phone-chip + .phone-chip{display:none;}
  .detail-panel{width:100%;max-width:100%;top:auto;height:94vh;border-radius:20px 20px 0 0;transform:translateY(100%);border-left:none;border-top:1px solid var(--line);}
  .detail-panel.open{transform:translateY(0);}
  .dp-quick-actions{grid-template-columns:repeat(4,1fr);}
  .settings-grid{grid-template-columns:1fr;}
  .page-head{flex-direction:column;align-items:flex-start;}
  .form-grid{grid-template-columns:1fr;}
  .kcol{flex:0 0 230px;}
  .kanban{min-height:60vh;}
}

@media (max-width:600px){
  .stat-grid,.stat-grid.cols-9{grid-template-columns:1fr 1fr;gap:10px;}
  .stat-card{padding:14px;}
  .stat-card b{font-size:22px;}
  .hero{padding:52px 0 70px;}
  .kpi-grid{grid-template-columns:1fr 1fr;}
  .info-grid{grid-template-columns:1fr;}
  .role-login-grid{grid-template-columns:repeat(4,1fr);}
  .auth-card{padding:28px 22px 22px;}
  .emp-grid{grid-template-columns:1fr;}
  .modal{padding:0;}
  .modal-head{padding:14px 16px;}
  .modal-body{padding:16px;}
  .modal-foot{padding:12px 16px;}
  .tbl tbody td,.tbl thead th{padding:10px 12px;}
  .qr-placeholder{width:112px;height:112px;}
}