[data-invoice-workspace]{margin-bottom:90px}
.invoice-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.invoice-navigation button{min-height:44px}
.invoice-panel{margin-bottom:20px;padding:22px 24px}
.invoice-ready-list,.invoice-list{display:grid;gap:0}
.invoice-ready-card,.invoice-card{border-top:1px solid var(--line);padding:20px 2px}
.invoice-ready-card:first-child,.invoice-card:first-child{border-top:0}
.invoice-ready-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px}
.invoice-ready-copy,.invoice-card-head>div:first-child{min-width:0}
.invoice-ready-copy span,.invoice-ready-value>span,.invoice-facts span,.invoice-note span,.invoice-draft-fields label>span{display:block;color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.01em}
.invoice-ready-copy strong{display:block;margin-top:3px;font-size:1rem;font-weight:650;overflow-wrap:anywhere}
.invoice-ready-copy small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}
.invoice-ready-value{text-align:right}
.invoice-ready-value>strong{display:block;margin-top:2px;font-size:1.15rem;font-weight:650;letter-spacing:-.02em}
.invoice-ready-value small{display:block;margin-top:3px;color:var(--muted);font-size:.72rem}
.direct-invoice-total{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px}
.direct-invoice-total b{font-size:1.05rem;font-weight:650}
.direct-invoice-total input{width:112px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:8px 9px;text-align:right;font:inherit;font-weight:650;outline:none}
.direct-invoice-total input:focus{border-color:#99a39b;box-shadow:0 0 0 3px rgba(90,105,96,.08);background:var(--card)}
.invoice-ready-actions{display:flex;align-items:center;gap:9px}
.invoice-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:24px;min-height:60px;cursor:pointer;list-style:none}
.invoice-card-head::-webkit-details-marker,.invoice-paid-panel>summary::-webkit-details-marker{display:none}
.invoice-card-head:focus-visible,.invoice-paid-panel>summary:focus-visible{outline:2px solid var(--green);outline-offset:6px;border-radius:4px}
.invoice-chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);color:var(--muted);flex:0 0 auto}
.invoice-card[open]>.invoice-card-head>.invoice-chevron,.invoice-paid-panel[open]>summary>.invoice-chevron{transform:rotate(45deg)}
.invoice-card-head>div:first-child>span{display:block;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.035em;text-transform:uppercase}
.invoice-card-head>div:first-child>strong{display:block;margin-top:4px;font-size:1rem;font-weight:650;overflow-wrap:anywhere}
.invoice-card-head>div:first-child>small{display:block;margin-top:3px;color:var(--muted);font-size:.76rem;line-height:1.45;overflow-wrap:anywhere}
.invoice-amount{flex:0 0 auto;min-width:142px;padding-left:10px;text-align:right;display:grid;justify-items:end;gap:8px}
.invoice-amount>strong{font-size:1.4rem;line-height:1;font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.invoice-amount>small{font-size:.72rem;color:var(--muted)}
.invoice-state{display:inline-flex;border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:.68rem;font-weight:650;letter-spacing:.02em;text-transform:uppercase}
.invoice-state.draft{color:#806336;border-color:#d8c9aa;background:#f7f2e8}
.invoice-state.sent{color:var(--muted);background:var(--surface)}
.invoice-state.overdue{color:#7b4c46;border-color:#dec7c4;background:#f7ecea}
.invoice-state.paid{color:var(--green);border-color:#cbd9d1;background:var(--green-soft)}
.invoice-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 20px;margin-top:18px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.invoice-facts strong{display:block;margin-top:4px;font-size:.8rem;font-weight:600;line-height:1.4}
.invoice-draft-fields{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);gap:16px;margin-top:18px}
.invoice-draft-fields label{display:grid;align-content:start;gap:6px}
.invoice-draft-fields label>span small{font-weight:450}
.invoice-draft-fields input,.invoice-draft-fields textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:10px 11px;outline:none}
.invoice-draft-fields textarea{min-height:78px;resize:vertical;line-height:1.45}
.invoice-draft-fields input:focus,.invoice-draft-fields textarea:focus{border-color:#99a39b;box-shadow:0 0 0 3px rgba(90,105,96,.08);background:var(--card)}
.invoice-note{margin-top:16px}
.invoice-note p{margin:5px 0 0;font-size:.82rem;line-height:1.55;white-space:pre-wrap}
.invoice-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:18px}
.invoice-actions>.text-action{margin-right:auto}
.invoice-card-status,.invoice-page-status{font-size:.74rem;color:var(--muted);line-height:1.4}
.invoice-card-status{margin-left:4px}
.invoice-card-status.success,.invoice-page-status.success{color:var(--green)}
.invoice-card-status.error,.invoice-page-status.error{color:var(--danger)}
.invoice-page-status:not(:empty){margin-bottom:16px}
.invoice-locked{font-size:.75rem;color:var(--green);font-weight:600}
.invoice-paid-panel>summary{min-height:44px;margin:0;cursor:pointer;list-style:none}
.invoice-paid-panel>summary .section-meta{margin-left:auto}
.invoice-paid-panel[open]>summary{margin-bottom:12px}
@media(max-width:760px){.invoice-panel{padding:20px}.invoice-ready-card{grid-template-columns:1fr auto;gap:18px}.invoice-ready-actions{grid-column:1/-1;justify-content:flex-end}.invoice-card-head{gap:20px}.invoice-amount{min-width:132px;padding-left:6px}.invoice-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}}
@media(max-width:560px){.invoice-panel{padding:17px 16px}.invoice-ready-card,.invoice-card{padding:18px 1px}.invoice-ready-card{grid-template-columns:1fr}.invoice-ready-value{text-align:left}.direct-invoice-total{justify-content:flex-start}.direct-invoice-total input{text-align:left}.invoice-ready-actions{justify-content:stretch}.invoice-ready-actions .btn{flex:1}.invoice-card-head{gap:12px}.invoice-amount{min-width:0;padding-left:0}.invoice-amount>strong{font-size:1.15rem}.invoice-draft-fields{grid-template-columns:1fr}.invoice-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.invoice-actions>.text-action,.invoice-actions>.invoice-card-status,.invoice-actions>.invoice-locked{grid-column:1/-1}.invoice-actions .btn{width:100%}.invoice-actions [data-invoice-paid]{grid-column:1/-1}}

.invoice-delivery{margin-top:16px;padding:16px;border-top:1px solid var(--line)}
.invoice-delivery>p{font-weight:600;margin:0 0 12px}
.invoice-delivery>small{display:block;margin:12px 0;color:var(--muted)}
.invoice-delivery .customer-link-url{display:flex;gap:8px;flex-wrap:wrap}
.invoice-delivery input{min-width:0;flex:1 1 220px;font-size:16px;padding:10px;border:1px solid var(--line);border-radius:8px}
.invoice-delivery .btn{min-height:44px}
.invoice-extras{margin:14px 0;display:grid;gap:10px}
.invoice-extras h3{margin:0;font-size:.9375rem}
.invoice-extras ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.invoice-extra{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--card)}
.invoice-extra>div{flex:1;min-width:0;display:grid}
.invoice-extra small{color:var(--muted)}
.invoice-extra .text-action{min-height:44px}
.invoice-extra-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end}
.invoice-extra-form label{display:grid;gap:4px;font-size:.8125rem;color:var(--muted)}
.invoice-extra-form input{min-height:44px;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:inherit;font-size:1rem;background:var(--card);color:var(--ink);width:100%}
.invoice-extra-form .btn{min-height:44px}
@media(max-width:620px){.invoice-extra-form{grid-template-columns:1fr 1fr}.invoice-extra-form label:first-child{grid-column:1/-1}.invoice-extra-form .btn{grid-column:1/-1}}