/* EduSmart360 V4.25 — attendance justification domain layout.
   Geometry and semantic states only; canonical EDL owns product appearance. */
.just-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}.just-toolbar .fi{max-width:260px}.just-summary{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:14px}.just-kpi{background:var(--edl-surface);border:1px solid var(--edl-line);border-radius:var(--edl-r-2);padding:16px;box-shadow:var(--edl-shadow-1);display:flex;flex-direction:column;gap:4px}.just-kpi strong{font-family:var(--edl-title);font-size:27px;color:var(--edl-ocean)}.just-kpi span{font-size:11.5px;color:var(--edl-muted)}.just-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:14px}.just-list,.receipt-list{display:flex;flex-direction:column;gap:10px}.just-card,.receipt-card{background:var(--edl-surface);border-radius:var(--edl-r-2);padding:14px;box-shadow:var(--edl-shadow-1);border:1px solid var(--edl-line);overflow-wrap:anywhere}.just-head,.receipt-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.just-title{font-size:14px;font-weight:800;color:var(--edl-ink)}.just-meta{font-size:11px;color:var(--edl-muted);margin-top:3px}.just-body{font-size:12px;line-height:1.5;margin:10px 0}.just-detail{display:flex;gap:12px;flex-wrap:wrap;font-size:10.8px;color:var(--edl-muted)}.just-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.just-instruction{margin-top:10px;padding:10px 11px;border-radius:var(--edl-r-1);border:1px solid color-mix(in srgb,var(--edl-ocean) 18%,var(--edl-line));background:color-mix(in srgb,var(--edl-ocean) 6%,var(--edl-surface));font-size:11.5px}.just-badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9.5px;font-weight:800}.just-pending{background:color-mix(in srgb,var(--edl-warning) 10%,var(--edl-surface));color:var(--edl-warning)}.just-needs_info{background:color-mix(in srgb,var(--edl-warning) 15%,var(--edl-surface));color:var(--edl-warning)}.just-approved{background:color-mix(in srgb,var(--edl-success) 10%,var(--edl-surface));color:var(--edl-success)}.just-rejected{background:color-mix(in srgb,var(--edl-danger) 10%,var(--edl-surface));color:var(--edl-danger)}.receipt-card{align-items:center}.receipt-counts{display:flex;gap:6px;flex-wrap:wrap}.receipt-counts span{background:var(--edl-surface-2);border:1px solid var(--edl-line);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.just-empty{background:var(--edl-surface);border:1px dashed var(--edl-line-strong);border-radius:var(--edl-r-2);padding:20px;text-align:center;color:var(--edl-muted)}
@media(max-width:900px){.just-layout{grid-template-columns:1fr}.just-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.just-toolbar>*{width:100%;max-width:none}.just-summary{grid-template-columns:1fr 1fr;gap:8px}.just-kpi{padding:12px}.just-head,.receipt-card{flex-direction:column}.just-actions .btn{flex:1;min-width:135px}.receipt-counts{width:100%}}