.hl-call-ledger { margin: 12px 0; padding: 10px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; color: #172033; font: 14px/1.5 system-ui, sans-serif; }
.hl-call-ledger[hidden] { display: none !important; }
.hl-call-ledger summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; font-weight: 700; }
.hl-call-ledger p { margin: 9px 0; overflow-wrap: anywhere; }
.hl-call-ledger h3 { font-size: 16px; margin: 14px 0 6px; }
.hl-call-ledger details details { border-top: 1px solid #dbe1e8; padding: 5px 0; }
.hl-call-ledger button, .hl-call-ledger select { min-height: 44px; max-width: 100%; padding: 8px 10px; border: 1px solid #94a3b8; border-radius: 7px; background: #f8fafc; color: #172033; font: inherit; }
.hl-call-ledger button { margin: 4px 4px 4px 0; cursor: pointer; }
.hl-call-ledger button:disabled, .hl-call-ledger select:disabled { opacity: .6; cursor: default; }
.hl-call-ledger :focus-visible { outline: 3px solid #7c3aed; outline-offset: 2px; }
.hl-call-ledger form { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.hl-call-ledger label { display: block; flex: 1 1 160px; }
.hl-call-ledger select { display: block; width: 100%; }
.hl-call-ledger output { display: block; margin-top: 8px; }
@media (max-width: 420px) { .hl-call-ledger form { display: block; } .hl-call-ledger label { margin: 8px 0; } .hl-call-ledger button { width: 100%; } }