.invoice-area .inv-page{width:min(1100px,96vw)}.invoice-area .inv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.invoice-area .inv-status{letter-spacing:.06em;text-transform:uppercase;color:#8a6d00;background:#fff6db;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.invoice-area .inv-status.issued{color:#1c6b31;background:#e8f7ec}.invoice-area table.inv{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}.invoice-area table.inv th,.invoice-area table.invs th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--ss-color-label-compact);border-bottom:1px solid #e3e8ec;padding:8px;font-size:11px}.invoice-area table.inv td,.invoice-area table.invs td{vertical-align:top;border-bottom:1px solid #f0f3f5;padding:9px 8px}.invoice-area table.inv td.num,.invoice-area table.inv th.num,.invoice-area table.invs td.num,.invoice-area table.invs th.num{text-align:right;white-space:nowrap}.invoice-area .inv-totals{justify-content:end;gap:5px;margin-top:14px;font-size:14px;display:grid}.invoice-area .inv-totals div{justify-content:space-between;gap:26px;display:flex}.invoice-area .inv-totals .grand{border-top:1px solid #e3e8ec;margin-top:5px;padding-top:8px;font-size:17px;font-weight:800}.invoice-area .inv-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px;display:grid}.invoice-area .inv-form label{gap:5px;font-size:12.5px;font-weight:800;display:grid}.invoice-area .inv-form input,.invoice-area .inv-form textarea{border:1px solid var(--ss-color-line-control);font:inherit;background:var(--ss-color-surface);border-radius:9px;width:100%;padding:10px}.invoice-area .inv-acts{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;display:flex}.invoice-area .x{color:#8a3028;cursor:pointer;background:0 0;border:0;font-size:15px;font-weight:900}.invoice-area .invs-page{width:min(1200px,96vw)}.invoice-area table.invs{border-collapse:collapse;width:100%;margin-top:10px;font-size:13.5px}.invoice-area .pill{letter-spacing:.05em;text-transform:uppercase;color:#8a6d00;background:#fff6db;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.invoice-area .pill.issued,.invoice-area .pill.paid{color:#1c6b31;background:#e8f7ec}.invoice-area .pill.unpaid{color:var(--ss-color-text-strong);background:#eef1f4}.invoice-area .pill.part-paid{color:#8a6d00;background:#fff6db}.invoice-area .pill.overdue{color:#8a3028;background:#fdf4f3}.invoice-area .owed{flex-wrap:wrap;gap:18px;margin:12px 0 4px;display:flex}.invoice-area .owed div{background:#f7f8f9;border-radius:10px;min-width:160px;padding:10px 14px}.invoice-area .owed span{letter-spacing:.05em;text-transform:uppercase;color:var(--ss-color-label-compact);font-size:11px;font-weight:800;display:block}.invoice-area .owed strong{font-size:18px}.invoice-area .owed .bad strong{color:#8a3028}.invoice-area .inv-form{margin-bottom:0}.invoice-area .inv-form button{width:auto}:is(.invoice-area .inv-form>p,.invoice-area .inv-form>div,.invoice-area .inv-form>label:has(textarea)){grid-column:1/-1}.topbar:has(+main .inv-page) h1{overflow-wrap:anywhere}