.invoice-page { padding-top:48px; padding-bottom:64px; }
.invoice-intro { max-width:760px; margin-bottom:32px; }
.invoice-intro h1 { font-size:clamp(2rem,4vw,3rem); margin-bottom:16px; }
.invoice-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:28px; align-items:start; }
.invoice-editor, .invoice-document { background:#fff; border:1px solid #dbe2ea; border-radius:12px; padding:28px; }
.invoice-editor h2 { margin-bottom:20px; }
.invoice-editor fieldset { border:0; border-top:1px solid #dbe2ea; margin-top:24px; padding-top:16px; min-width:0; }
.invoice-editor legend { font-weight:700; color:var(--navy); padding-right:12px; }
.invoice-editor label { display:block; font-size:.9rem; color:var(--navy); font-weight:600; margin-bottom:12px; }
.invoice-editor input, .invoice-editor textarea, .invoice-editor select { display:block; width:100%; min-width:0; padding:11px 12px; margin-top:5px; border:1px solid #aab8c8; border-radius:6px; font:inherit; font-weight:400; background:#fff; color:var(--heading); }
.invoice-editor textarea { resize:vertical; }
.invoice-item { padding:14px; background:var(--light-bg); border-radius:8px; margin:12px 0; }
.invoice-item-numbers { display:grid; grid-template-columns:1fr 1.5fr auto; align-items:end; gap:10px; }
.invoice-remove { background:none; border:0; text-decoration:underline; color:#9c2525; cursor:pointer; min-height:44px; margin-bottom:12px; }
.invoice-remove:disabled { opacity:.45; cursor:default; }
.invoice-help { font-size:.85rem; color:#526174; margin:10px 0 16px; }
.invoice-editor .btn { white-space:normal; }
.invoice-preview-wrap { position:sticky; top:92px; min-width:0; }
.invoice-preview-label { font-size:.8rem; font-weight:700; color:#526174; margin-bottom:8px; }
.invoice-document { color:#25364a; box-shadow:0 8px 32px #001d3d0a; }
.invoice-document-heading, .invoice-dates { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:28px; }
.invoice-document-heading h2 { letter-spacing:.08em; color:var(--navy); }
.invoice-parties { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:24px; }
.invoice-document h3 { font-size:.85rem; margin-bottom:8px; color:#526174; }
.invoice-document p, .invoice-document strong { white-space:pre-wrap; overflow-wrap:anywhere; }
.invoice-document section { margin-top:24px; }
.invoice-dates { font-size:.85rem; }
.invoice-table-scroll { overflow-x:auto; }
.invoice-table { width:100%; border-collapse:collapse; font-size:.85rem; }
.invoice-table th, .invoice-table td { padding:12px 6px; border-bottom:1px solid #dbe2ea; text-align:right; vertical-align:top; }
.invoice-table th:first-child, .invoice-table td:first-child { text-align:left; width:46%; overflow-wrap:anywhere; }
.invoice-table th { background:#f4f7fc; }
.invoice-totals { display:grid; grid-template-columns:1fr auto; gap:10px 20px; margin:24px 0 0 auto; max-width:320px; font-size:.9rem; }
.invoice-totals dd { text-align:right; font-variant-numeric:tabular-nums; }
.invoice-totals dt:nth-last-child(2), .invoice-totals dd:last-child { border-top:2px solid var(--navy); padding-top:12px; font-weight:700; color:var(--navy); }
.invoice-next { margin-top:40px; padding:28px; background:#fff; border:1px solid #dbe2ea; border-radius:12px; }
.invoice-next p { margin:16px 0 24px; }
.invoice-next p a { color:#006e61; text-decoration:underline; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[hidden] { display:none !important; }
@media(max-width:900px) { .invoice-layout { grid-template-columns:1fr; } .invoice-preview-wrap { position:static; } }
@media(max-width:480px) { .invoice-editor,.invoice-document { padding:18px; } .invoice-item-numbers { grid-template-columns:1fr 1fr; } .invoice-remove { grid-column:1/-1; margin:0; justify-self:start; } }
@media print {
  @page { size:A4; margin:16mm; }
  body { background:#fff !important; color:#000; }
  .site-header,.mobile-overlay,.site-footer,.invoice-intro,.invoice-editor,.invoice-preview-label,.invoice-next { display:none !important; }
  .invoice-page { max-width:none; padding:0; margin:0; }
  .invoice-layout { display:block; }
  .invoice-preview-wrap { position:static; }
  .invoice-document { padding:0; border:0; box-shadow:none; border-radius:0; }
  .invoice-table-scroll { overflow:visible; }
  .invoice-document section,.invoice-totals,tr { break-inside:avoid; }
  thead { display:table-header-group; }
}