#page-invoices .invoice-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
#page-invoices .invoice-heading h3{margin:0;font-size:21px}
#page-invoices .invoice-heading p{margin:6px 0 0}
#page-invoices .invoice-controls{align-items:end}
#page-invoices .invoice-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px;margin:16px 0}
#page-invoices .invoice-undated{text-align:left;color:var(--text)}
#page-invoices .invoice-undated:hover{border-color:var(--accent)}
#page-invoices .invoice-upload{display:inline-flex;gap:8px;align-items:center;position:relative;overflow:hidden;cursor:pointer}
#page-invoices .invoice-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
#page-invoices .invoice-upload:focus-within{outline:3px solid var(--accent);outline-offset:2px}
#page-invoices .invoice-message{display:grid;gap:6px;margin-bottom:12px}
#page-invoices .invoice-error{color:var(--danger);margin:10px 0;overflow-wrap:anywhere}
#page-invoices .invoice-table{min-width:730px}
#page-invoices .invoice-table .invoice-filename{display:inline-block;max-width:260px;overflow-wrap:anywhere}
#page-invoices .invoice-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px}
#page-invoices .invoice-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:16px}
#page-invoices .invoice-category{display:grid;grid-template-columns:1fr auto;gap:7px 14px;margin:15px 0}
#page-invoices .invoice-category .progress{grid-column:1/-1;height:6px}
#page-invoices .invoice-foot{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}
#page-invoices .invoice-foot p{max-width:680px;line-height:1.5}
#page-invoices .invoice-editor-card{margin:16px 0;border-color:var(--accent)}
#page-invoices #invoice-editor{scroll-margin-top:90px}
#page-invoices .invoice-original{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:15px;overflow-wrap:anywhere}
#page-invoices .invoice-text{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:14px;border-radius:10px;max-height:400px;overflow:auto}
#page-invoices details{margin-top:18px}
#page-invoices summary{cursor:pointer;font-weight:600}
#page-invoices button:disabled{opacity:.55;cursor:default}
@media(max-width:620px){#page-invoices .form-grid{grid-template-columns:1fr}#page-invoices .invoice-controls>*{width:100%}#page-invoices .invoice-controls>.grow{display:none}#page-invoices .invoice-kpis{grid-template-columns:1fr}#page-invoices .invoice-heading h3{font-size:18px}}