:root{--customer-bg: #f8fafc;--customer-surface: #ffffff;--customer-ink: #0f172b;--customer-muted: #62748e;--customer-border: #e2e8f0;--customer-primary: #0c2764;--customer-primary-contrast: #ffffff;--customer-success: #166534;--customer-success-surface: #f0fdf4;--customer-warning: #92400e;--customer-warning-surface: #fffbeb;--customer-danger: #991b1b;--customer-danger-surface: #fef2f2;--customer-neutral: #334155;--customer-neutral-surface: #f8fafc;--customer-radius-panel: 8px;--customer-radius-control: 6px;--customer-focus: 0 0 0 3px color-mix(in oklch, var(--customer-primary) 24%, transparent)}*{box-sizing:border-box}html{background:var(--customer-bg);color:var(--customer-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body{margin:0;min-width:320px}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--customer-focus);outline:2px solid transparent;outline-offset:2px}.customer-shell{align-items:flex-start;background:var(--customer-bg);color:var(--customer-ink);display:flex;justify-content:center;min-height:100dvh;padding:3rem 16px;width:100%}.customer-panel{background:var(--customer-surface);border:1px solid var(--customer-border);border-radius:var(--customer-radius-panel);color:var(--customer-ink);max-width:44rem;padding:1rem;width:100%}.customer-panel--narrow{max-width:42rem}.customer-panel--roomy{padding:1rem}.customer-panel[data-tone=info]{border-color:var(--customer-primary)}.customer-panel[data-tone=success]{background:var(--customer-success-surface);border-color:var(--customer-success)}.customer-panel[data-tone=warning]{background:var(--customer-warning-surface);border-color:var(--customer-warning)}.customer-panel[data-tone=danger]{background:var(--customer-danger-surface);border-color:var(--customer-danger)}.customer-panel[data-tone=neutral]{background:var(--customer-neutral-surface);border-color:var(--customer-border)}.customer-notice{background:var(--customer-surface);border:1px solid var(--customer-border);border-radius:var(--customer-radius-panel);margin-top:1.5rem;padding:1rem}.customer-notice[data-tone=success]{background:var(--customer-success-surface);border-color:var(--customer-success)}.customer-notice[data-tone=warning]{background:var(--customer-warning-surface);border-color:var(--customer-warning)}.customer-notice[data-tone=danger]{background:var(--customer-danger-surface);border-color:var(--customer-danger)}.customer-notice[data-tone=neutral]{background:var(--customer-neutral-surface);border-color:var(--customer-border)}.customer-eyebrow{color:var(--customer-muted);font-size:.78rem;font-weight:700;line-height:1.25;margin:0 0 .75rem;text-transform:uppercase}.customer-panel[data-tone=success] .customer-eyebrow{color:var(--customer-success)}.customer-panel[data-tone=warning] .customer-eyebrow{color:var(--customer-warning)}.customer-panel[data-tone=danger] .customer-eyebrow{color:var(--customer-danger)}.customer-notice[data-tone=success] .customer-eyebrow{color:var(--customer-success)}.customer-notice[data-tone=warning] .customer-eyebrow{color:var(--customer-warning)}.customer-notice[data-tone=danger] .customer-eyebrow{color:var(--customer-danger)}.customer-heading{color:var(--customer-ink);font-size:1.6rem;line-height:1.15;margin:0;text-wrap:balance}.customer-heading--large{font-size:2rem}.customer-body{color:var(--customer-ink);font-size:1rem;line-height:1.6;margin:1rem 0 0;text-wrap:pretty}.customer-meta{color:var(--customer-neutral);font-size:.95rem;line-height:1.5;margin:1.5rem 0 0}.customer-form-section{border-top:1px solid var(--customer-border);margin-top:1.5rem;padding-top:1.5rem}.customer-document{--customer-brand-accent: var(--customer-primary);--customer-brand-rule: var(--customer-border);max-width:48rem;width:100%}.customer-branding{align-items:center;border-bottom:3px solid var(--customer-brand-rule);display:flex;gap:1rem;padding-bottom:1rem}.customer-logo-frame{align-items:center;display:flex;flex:0 0 48px;height:48px;justify-content:center;width:48px}.customer-logo{display:block;height:100%;max-width:100%;object-fit:contain;width:100%}.customer-brand-name{color:var(--customer-brand-accent);font-size:.78rem;font-weight:700;line-height:1.25;margin:0}.customer-brand-details{color:var(--customer-muted);font-size:.84rem;line-height:1.45;margin:.45rem 0 0;max-width:36rem;overflow-wrap:anywhere;white-space:pre-line}.customer-document-title{color:var(--customer-ink);font-size:1.6rem;line-height:1.15;margin:.25rem 0 0;text-wrap:balance}.customer-meta-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:1.25rem 0 0}.customer-meta-label{color:var(--customer-muted);font-size:.72rem;font-weight:700;margin:0;text-transform:uppercase}.customer-meta-value{font-weight:700;margin:.2rem 0 0}.customer-balance{font-size:1.4rem;font-weight:700;line-height:1.2;margin:.35rem 0 0}.customer-action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.customer-field-label{color:var(--customer-ink);display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem}.customer-textarea,.customer-file-input{background:var(--customer-surface);border:1px solid var(--customer-border);border-radius:var(--customer-radius-control);color:var(--customer-ink);display:block;width:100%}.customer-textarea{line-height:1.5;min-height:7rem;padding:.75rem;resize:vertical}.customer-file-input{max-width:100%;min-height:44px;padding:.55rem}.customer-action-link,.customer-button{align-items:center;background:var(--customer-primary);border:0;border-radius:var(--customer-radius-control);color:var(--customer-primary-contrast);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;line-height:1.2;margin-top:1.5rem;min-height:44px;padding:.75rem 1rem;text-align:center;text-decoration:none}.customer-button{margin-top:.75rem}.customer-button--success{background:var(--customer-success)}.customer-button--danger-outline{background:var(--customer-surface);border:1px solid var(--customer-danger);color:var(--customer-danger)}.customer-button:disabled{cursor:not-allowed;opacity:.7}.customer-status{color:var(--customer-neutral);font-size:.95rem;line-height:1.5;margin:.75rem 0 0;min-height:1.5em}.customer-status[data-status=sent],.customer-status[data-status=uploaded]{color:var(--customer-success)}.customer-status[data-status=error]{color:var(--customer-danger)}.customer-financial-table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:1.5rem;width:100%}.customer-financial-table th,.customer-financial-table td{border-bottom:1px solid var(--customer-border);padding:.6rem .5rem;text-align:left;vertical-align:top}.customer-financial-table th{color:var(--customer-muted);font-size:.78rem;font-weight:700}.customer-financial-cell--number{text-align:right;white-space:nowrap}.customer-financial-cell--strong{font-weight:700}.customer-totals-table{margin-left:auto;max-width:22rem;width:min(100%,20rem)}@media(min-width:375px){.customer-shell{padding-inline:20px}.customer-panel{padding:1.25rem}.customer-panel--roomy{padding:1.5rem}}@media(min-width:720px){.customer-shell{padding:4rem 24px}}@media(max-width:479px){.customer-action-link,.customer-button{width:100%}.customer-heading--large{font-size:1.75rem}.customer-branding{align-items:flex-start}.customer-line-table thead{display:none}.customer-line-table,.customer-line-table tbody,.customer-line-table tr,.customer-line-table td{display:block;width:100%}.customer-line-table tr{background:var(--customer-surface);border:1px solid var(--customer-border);border-radius:var(--customer-radius-panel);margin-top:.75rem;padding:.75rem}.customer-line-table td{border-bottom:0;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;overflow-wrap:anywhere;padding:.25rem 0;text-align:right;white-space:normal}.customer-line-table td:before{color:var(--customer-muted);content:attr(data-label);font-size:.72rem;font-weight:700;text-align:left;text-transform:uppercase}.customer-line-table td:first-child{display:block;text-align:left}.customer-line-table td:first-child:before{display:block;margin-bottom:.2rem}.customer-totals-table{margin-left:0;max-width:none;width:100%}}.customer-action-row .customer-button{margin-top:0}
