.leave-ledger-panel { border:1px solid #d5e2f5; border-radius:14px; background:#f8fbff; padding:18px; margin:16px 0; }
.leave-ledger-panel > summary { cursor:pointer; font-weight:750; color:#153b5d; }
.leave-ledger-panel > summary span { font-size:12px; font-weight:400; color:#6b7f96; margin-left:10px; }
.leave-ledger-panel .form-grid { margin-top:16px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px; }
.leave-ledger-panel .form-grid .span-2 { grid-column:1 / -1; }
.leave-ledger-panel [hidden] { display:none !important; }
.leave-ledger-summary { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
.leave-ledger-summary span { background:#edf3ff; border-radius:8px; padding:9px 12px; font-size:13px; }
.leave-ledger-summary b { margin-left:8px; }
.leave-ledger-period { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:end; }
.leave-ledger-period > button { justify-self:start; }
.leave-ledger-period > p { grid-column:1 / -1; }
.leave-ledger-period .field-help { width:100%; }
.leave-ledger-entry { border-top:1px solid #d5e2f5; padding:14px 0; overflow-wrap:anywhere; }
.leave-ledger-entry p { font-size:13px; margin:5px 0; }
.leave-ledger-entry summary { cursor:pointer; color:#6b7f96; font-size:12px; }
.leave-ledger-entry.is-void { color:#6b7f96; }
.leave-ledger-entry .inline-leave-form { margin-top:8px; }
.leave-ledger-panel .compact-checkbox { display:flex; align-items:flex-start; gap:8px; }
.leave-ledger-panel .compact-checkbox input { width:16px; min-height:16px; flex:0 0 16px; margin-top:3px; }
.closed-usage-detail-foot { flex-wrap:wrap; gap:12px; }
.closed-usage-detail-foot > small { flex:1 1 260px; }
.closed-usage-detail-foot > label { display:grid; gap:4px; font-size:12px; max-width:100%; }
.closed-usage-detail-foot select { max-width:100%; width:260px; }
@media(max-width:520px) { .closed-usage-detail-foot > small { flex:0 1 auto; } }
@media(max-width:640px) { .leave-ledger-panel { padding:12px; } .leave-ledger-panel > summary span { display:block; margin:6px 0 0; } .leave-ledger-panel .form-grid { grid-template-columns:1fr; } .leave-ledger-panel .span-2 { grid-column:1; } }
@media(max-width:480px) { .leave-ledger-period { grid-template-columns:1fr; } }