.invoice-workbench{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr)}.invoice-preview-col{position:sticky;top:var(--qet-space-4);max-height:calc(100vh - 2 * var(--qet-space-4));overflow:auto}.invoice-switch{display:none}@media (max-width: 980px){.invoice-switch{position:sticky;bottom:0;z-index:5;display:flex;gap:var(--qet-space-2);align-items:center;order:2;margin-top:var(--qet-space-4);padding:var(--qet-space-2);border-radius:var(--qet-radius-lg);background:var(--qet-surface-container-lowest);box-shadow:var(--qet-border-hairline),var(--qet-shadow-card)}.invoice-switch>button[aria-pressed]{min-height:2.5rem;padding:0 var(--qet-space-4);border:0;border-radius:var(--qet-radius-md);background:transparent;color:var(--qet-on-surface-muted);font:inherit;font-weight:var(--qet-weight-semibold);cursor:pointer}.invoice-switch>button[aria-pressed=true]{background:var(--qet-primary-container);color:var(--qet-primary)}.invoice-switch>.qet-button{margin-left:auto}.invoice-workbench{grid-template-columns:minmax(0,1fr)}.invoice-tool{display:flex;flex-direction:column}.invoice-tool[data-view=edit] .invoice-preview-col,.invoice-tool[data-view=preview] .invoice-edit-col{display:none}.invoice-preview-col{position:static;max-height:none;overflow:visible}}.invoice-drafts-row{display:flex;flex-wrap:wrap;gap:var(--qet-space-3);align-items:end}.invoice-drafts-pick{flex:1 1 16rem;min-width:0}.invoice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--qet-space-3)}.invoice-textarea{min-height:5.5rem}.invoice-logo-row{display:flex;flex-wrap:wrap;gap:var(--qet-space-3);align-items:center}.invoice-logo-thumb{max-width:9rem;max-height:3.5rem;object-fit:contain;border-radius:var(--qet-radius-sm);background:var(--qet-surface-container-lowest);box-shadow:var(--qet-border-hairline)}.invoice-items{display:grid;gap:var(--qet-space-2)}.invoice-item{display:grid;grid-template-columns:minmax(0,1fr) 4.5rem 6.5rem 6.5rem 2rem;gap:var(--qet-space-2);align-items:center}.invoice-item-head{color:var(--qet-on-surface-muted);font-size:var(--qet-text-xs);font-weight:var(--qet-weight-semibold);letter-spacing:var(--qet-tracking-label);text-transform:uppercase}.invoice-num{text-align:right;font-variant-numeric:tabular-nums}.invoice-item-amount{overflow:hidden;font-size:var(--qet-text-sm);text-overflow:ellipsis;white-space:nowrap}.invoice-error{grid-column:1 / -1;color:var(--qet-danger);font-size:var(--qet-text-sm)}.invoice-adjust{display:grid;gap:var(--qet-space-3)}.invoice-adjust>.qet-button{justify-self:start}.invoice-short{width:7rem}.invoice-tax{display:grid;grid-template-columns:minmax(0,1fr) 7rem auto 2rem;gap:var(--qet-space-2);align-items:center}.invoice-percent{color:var(--qet-on-surface-muted)}.invoice-totals{display:grid;gap:var(--qet-space-1);margin:var(--qet-space-4) 0 0;padding:var(--qet-space-3) var(--qet-space-4);border-radius:var(--qet-radius-md);background:var(--qet-surface-container-low);font-variant-numeric:tabular-nums}.invoice-totals>div{display:flex;justify-content:space-between;gap:var(--qet-space-3)}.invoice-totals dt{color:var(--qet-on-surface-muted)}.invoice-totals dd{margin:0;text-align:right}.invoice-totals .invoice-total{margin-top:var(--qet-space-1);padding-top:var(--qet-space-2);box-shadow:inset 0 1px 0 var(--qet-outline-variant);font-weight:var(--qet-weight-bold)}.invoice-totals .invoice-total dt{color:var(--qet-on-surface)}@media (max-width: 600px){.invoice-item{grid-template-columns:4.5rem minmax(0,1fr) minmax(0,1fr) 2rem;padding-bottom:var(--qet-space-2);box-shadow:inset 0 -1px 0 var(--qet-outline-ghost)}.invoice-item-head{display:none}.invoice-item-description{grid-column:1 / -1}.invoice-tax{grid-template-columns:minmax(0,1fr) 5rem auto 2rem}.invoice-short{width:6rem}}.invoice-actions-total{display:flex;justify-content:space-between;align-items:baseline;margin:0;font-variant-numeric:tabular-nums}.invoice-actions-total strong{font-size:var(--qet-text-xl)}.invoice-actions>.qet-button+.qet-button{margin-top:var(--qet-space-2)}.invoice-tool{scroll-margin-top:5rem}
