/* Multi-expense claims (kit.js claimLines · emp-claims.js · claims.js · mgr-work.js) — tokens only.
   Link after app.css: <link rel="stylesheet" href="fix-claims.css"> */

/* Framed table of expense lines (§10.1 / §10.2): bordered container, section header inside it, table edge to edge */
.bordered.cl-lines{gap:0;padding:0;overflow:hidden}
.cl-lines .cl-lines-head{padding:12px 16px;border-bottom:1px solid var(--border-default)}
.cl-lines .tbl td{vertical-align:middle}

/* Rejected line: amount struck through, reason in error text under the description */
.cl-line-rej .cl-amt{text-decoration:line-through;color:var(--text-tertiary)}
.cl-line-rej td:first-child .t-semi{color:var(--text-secondary)}
.cl-why{color:var(--error-text);margin-top:4px}
.cl-bill{display:flex;align-items:center;gap:4px;margin-top:4px}
.cl-bill svg{flex:none}

/* New claim drawer: one bordered box per expense line; remove = Destructive icon button S (§8 Icon button) */
.cl-line .section-head{gap:8px}
.icon-btn.cl-danger{background:var(--error-bg);color:var(--error-text);border-color:transparent}
.icon-btn.cl-danger:hover{background:var(--error-border)}