/* Invoice creation follows the workspace theme; the document accent identifies its template. */
#invoiceWorkspacePage .invoice-builder-context{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:var(--surface-alt);border:1px solid var(--line);border-left:4px solid var(--invoice-document-accent,var(--accent));border-radius:18px;margin-bottom:20px}
#invoiceWorkspacePage .invoice-builder-context h3{font-size:1.35rem;letter-spacing:-.025em;margin:7px 0;color:var(--text)}
#invoiceWorkspacePage .invoice-builder-context p{margin:0;color:var(--muted);max-width:60ch;line-height:1.6;font-size:.86rem}
#invoiceWorkspacePage .invoice-builder-meta{display:grid;gap:10px;text-align:right;flex-shrink:0}
#invoiceWorkspacePage .invoice-builder-meta span{font-size:.75rem;color:var(--muted)}
#invoiceWorkspacePage .invoice-builder-meta strong{font-size:1.3rem;font-variant-numeric:tabular-nums;color:var(--text)}
#invoiceWorkspacePage .wizard-progress{gap:8px;padding:12px;background:var(--surface-alt);border:1px solid var(--line);border-radius:18px;margin-bottom:24px}
#invoiceWorkspacePage .wizard-step{border-radius:12px;transition:background .18s,border-color .18s}
#invoiceWorkspacePage .wizard-step.active{background:var(--accent-soft);border-color:var(--accent)}
#invoiceWorkspacePage .wizard-panel{scroll-margin-top:24px}
#invoiceWorkspacePage .wizard-actions{position:sticky;bottom:0;z-index:8;padding:16px 20px;background:var(--surface-strong);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow);gap:10px;flex-wrap:wrap;margin-top:24px}
#invoiceWorkspacePage .wizard-actions #invoiceWizardNextButton{background:var(--accent);color:var(--surface-strong);border-color:var(--accent);margin-left:auto}
#invoiceWorkspacePage input:focus-visible,#invoiceWorkspacePage select:focus-visible,#invoiceWorkspacePage textarea:focus-visible,#invoiceWorkspacePage button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#invoiceWorkspacePage .invoice-saved-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:0 0 24px;border:1px solid var(--success);border-radius:18px;background:var(--success-soft)}
#invoiceWorkspacePage .invoice-saved-panel h3{color:var(--text);margin:8px 0;font-size:1.25rem}
#invoiceWorkspacePage .invoice-saved-panel p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.6}
#invoiceWorkspacePage .invoice-saved-panel button{flex-shrink:0}
#invoiceWorkspacePage .invoice-builder-feedback{padding:14px 18px;border-radius:12px;color:var(--danger);background:var(--danger-soft);line-height:1.5}
#invoiceWorkspacePage .invoice-saved-panel.hidden,#invoiceWorkspacePage .invoice-builder-feedback.hidden{display:none}
@media(max-width:760px){#invoiceWorkspacePage .invoice-builder-context,#invoiceWorkspacePage .invoice-saved-panel{padding:18px;align-items:stretch;flex-direction:column;gap:16px}#invoiceWorkspacePage .invoice-builder-meta{display:flex;justify-content:space-between;align-items:center;text-align:left}#invoiceWorkspacePage .wizard-progress{display:flex;overflow:auto;flex-wrap:nowrap}#invoiceWorkspacePage .wizard-step{flex:none}#invoiceWorkspacePage .wizard-step:not(.active) .wizard-step-copy{display:none}#invoiceWorkspacePage .wizard-actions{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}#invoiceWorkspacePage .wizard-actions button{flex:1 1 auto;min-height:44px}#invoiceWorkspacePage .invoice-saved-panel button{width:100%}}
@media(prefers-reduced-motion:reduce){#invoiceWorkspacePage .wizard-step{transition:none}}
