.attendance-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.filter-grid{grid-template-columns:2fr repeat(5,minmax(125px,1fr))}
.attendance-policy-card{background:linear-gradient(145deg,#ecfdf8,#fff)}
.attendance-policy-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.attendance-policy-summary div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px}
.attendance-policy-summary span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.attendance-policy-summary b{display:block;margin-top:5px;font-size:14px}
.attendance-status-card{margin-bottom:14px}
.attendance-today{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.attendance-today>div,.attendance-empty{border:1px solid var(--line);border-radius:13px;padding:13px;background:#f8fbfb}
.attendance-today span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;margin-bottom:5px}
.attendance-checkin-form{display:grid;gap:13px;margin-bottom:12px}
.attendance-checkin-form input[type=file]{width:100%}
.attendance-filters{grid-template-columns:minmax(170px,260px) minmax(180px,300px);justify-content:start}
.office-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
.office-location-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(145deg,#f8fffd,#fff);box-shadow:0 10px 25px rgba(12,72,63,.05)}
.office-location-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.office-location-head h4{font-size:17px;margin:3px 0 0}
.office-active-toggle{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#fff;font-size:12px;font-weight:700}
.office-active-toggle input{width:auto!important;margin:0}
.office-gps-btn{align-self:end;min-height:43px}
.attendance-policy-fields{padding-top:18px;border-top:1px solid var(--line)}
.attendance-adjust{padding:8px 10px;min-height:34px}
.payroll-status{min-width:105px;padding:8px}
.pill.present,.pill.Present{background:#e3f8ed;color:#08754d}
.pill.late,.pill.Late,.pill.half-day,.pill.Half-day{background:#fff0df;color:#a95711}
.pill.absent,.pill.Absent{background:#fde8e8;color:#ad3030}
.pill.leave,.pill.Leave,.pill.holiday,.pill.Holiday{background:#e8f1ff;color:#2663b7}

@media(max-width:1100px){
  .filter-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:900px){
  .attendance-policy-grid{grid-template-columns:1fr}
  .attendance-policy-summary{grid-template-columns:repeat(2,1fr)}
  .office-settings-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .filter-grid{grid-template-columns:1fr 1fr}
  .sidebar nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .sidebar nav::-webkit-scrollbar{display:none}
  .nav-btn{min-width:62px;flex:0 0 62px}
  .attendance-policy-summary{grid-template-columns:1fr 1fr}
  .attendance-today{grid-template-columns:1fr}
  .attendance-filters{grid-template-columns:1fr 1fr}
  .office-location-card{padding:14px}
  .office-location-card .form-grid.two,.attendance-policy-fields{grid-template-columns:1fr}
  .office-gps-btn{width:100%}
  .lead-table td:nth-child(3){grid-column:auto}
  .lead-table td:nth-child(4){grid-column:1/-1}
  .lead-table td:nth-child(4):before{content:none}
  .lead-table td:nth-child(5):before{content:"Agent";display:block;color:var(--muted);font-size:9px;text-transform:uppercase}
  .lead-table td:nth-child(6):before{content:"Last call";display:block;color:var(--muted);font-size:9px;text-transform:uppercase}
  .lead-table td:nth-child(7):before{content:"Follow-up";display:block;color:var(--muted);font-size:9px;text-transform:uppercase}
  .lead-table td:nth-child(8):before{content:"Created";display:block;color:var(--muted);font-size:9px;text-transform:uppercase}
}
