.toolbar{align-items:flex-end}.toolbar .search,.toolbar>.select,.toolbar>.field input{height:44px}.toolbar>.field input{min-width:0;padding-block:8px}.toolbar>.field{gap:6px}
.attendance-punch{margin-bottom:18px}.attendance-punch summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;cursor:pointer;font-size:13px;list-style:none}.attendance-punch summary::-webkit-details-marker{display:none}.attendance-punch summary>span{display:flex;align-items:center;gap:9px}.attendance-punch summary>span:after{content:'⌄';color:#819177;margin-inline-start:8px}.attendance-punch[open] summary>span:after{content:'⌃'}.attendance-punch summary small{color:var(--muted);font-size:11px}.attendance-punch .check-card{padding-top:0;max-width:600px;margin:auto}
.report-actions{display:flex;gap:8px;flex-wrap:wrap}.attendance-presets{padding:0 22px 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.attendance-presets>span{font-size:11px;color:var(--muted);margin-inline-end:5px}.attendance-presets .btn{font-size:11px;padding:6px 11px;background:#fafcf7}
.attendance-filters{display:grid;grid-template-columns:minmax(190px,1.6fr) repeat(2,minmax(135px,1fr)) repeat(2,minmax(145px,1fr));gap:12px;align-items:end;padding:8px 22px 20px;border-bottom:1px solid var(--line)}.attendance-filters .field{min-width:0;gap:6px;font-size:12px}.attendance-filters select,.attendance-filters input{height:44px;width:100%;min-width:0;padding:8px 10px;border:1px solid #dfe5d6;border-radius:8px;background:#fbfcfa;font-size:12px}.attendance-filters:has(select[disabled]){grid-template-columns:1.6fr 1fr 1fr}.attendance-filters select[disabled]{opacity:1;color:var(--ink);background:#f4f7ef}
.attendance-context{padding:18px 22px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.attendance-context strong{font-size:14px}.attendance-context p{font-size:12px;color:var(--muted);margin-top:3px}.attendance-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 22px}.attendance-total{padding:17px 16px;background:#f7f9f4;border:1px solid #e5ebdc;border-radius:11px;min-width:0}.attendance-total>div{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7861}.attendance-total svg{width:16px;height:16px}.attendance-total>strong{display:block;font-size:29px;font-weight:600;margin:14px 0 9px;line-height:1.15}.attendance-total strong small{font-family:'IBM Plex Sans Arabic',Inter,Arial,sans-serif;font-size:11px;font-weight:400;white-space:nowrap}.attendance-total>p{font-size:11px;color:#86917c;line-height:1.7}.attendance-total.total-late{background:#fff8ea;border-color:#f1e4c6}.total-late>div,.total-late>strong{color:#967126}.attendance-total.total-extra{background:#edf7e6;border-color:#dcebd1}.total-extra>div,.total-extra>strong{color:#527a36}.attendance-summary-note{padding:13px 22px 18px;font-size:11px;color:var(--muted)}.attendance-section-head{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-top:1px solid var(--line)}.attendance-section-head h3{font-size:14px}.attendance-section-head small{font-size:11px;color:var(--muted)}.attendance-range-error{margin:16px 22px 0}
@media(max-width:1100px){.attendance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-filters .employee-filter{grid-column:1/-1}.attendance-filters:has(select[disabled]){grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-report>.panel-head{align-items:flex-start}}
@media(max-width:700px){.attendance-filters{padding:8px 16px 16px;gap:12px}.attendance-filters input{padding:8px 6px}.attendance-presets{padding-inline:16px}.attendance-presets>span{flex-basis:100%}.attendance-context{padding:16px}.attendance-context strong{font-size:13px}.attendance-totals{padding:0 16px;gap:10px}.attendance-total{padding:15px 12px}.attendance-total>div{font-size:11px;gap:6px}.attendance-total>strong{font-size:26px}.attendance-total>p{font-size:10px}.attendance-summary-note{padding:12px 16px 16px}.attendance-section-head{padding:16px}.attendance-punch summary{padding:15px 16px;align-items:flex-start;flex-direction:column;gap:5px}.attendance-report>.panel-head{gap:12px;flex-wrap:wrap}.report-actions{gap:7px}.report-actions .btn{font-size:10px;padding:7px 9px}}
@media print{.attendance-filters,.attendance-presets,.attendance-punch{display:none!important}.attendance-context{padding-inline:0}.attendance-totals{padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.attendance-total{padding:12px}.attendance-total>strong{font-size:22px}.attendance-section-head,.attendance-summary-note{padding-inline:0}.attendance-context strong{font-size:14px}.attendance-range-error{display:none}}
.attendance-total>div{min-height:32px;line-height:1.45;align-items:flex-start}.attendance-total svg{margin-top:1px}