/* I3: the invoice editor drawer on invoicing.html. The DS drawer (nv-o-drawer) widened to hold the invoice sheet;
   the drawer itself is the paper, so the sheet drops its own island. Editor look: nv-invoice-document.css and
   nv-invoice-editor.css (both synced from the DS). */
/* Percentages, not vw: the modal drawer resolves them against the viewport without the classic scrollbar. */
.nv-o-drawer.nv-o-drawer--invoice { width: min(58rem, 100% - 2rem); }
.nv-o-drawer--invoice .nv-o-drawer__header { align-items: center; padding: 1rem 1rem .25rem 1.5rem; }
.nv-o-drawer--invoice .nv-o-drawer__title { color: var(--nv-text-tertiary); font-size: var(--nv-type-footnote-size); font-weight: var(--nv-type-weight-medium); line-height: var(--nv-type-footnote-line); letter-spacing: var(--nv-type-footnote-tracking); }
.nv-o-drawer--invoice .nv-o-drawer__close { width: 2.5rem; height: 2.5rem; }
.nv-o-drawer--invoice .nv-o-drawer__body { padding: 0 .5rem; scrollbar-gutter: stable; }
.nv-o-drawer--invoice .nv-o-invoice { --nv-invoice-surface: transparent; --nv-invoice-edge: 0; --nv-invoice-width: 100%; --nv-invoice-well: var(--nv-drawer-control, var(--nv-table-well)); border-radius: 0; }
.nv-o-drawer--invoice .nv-o-drawer__footer { display: flex; align-self: stretch; padding: .75rem 1.5rem 1.25rem; }
/* Toasts raised inside the drawer float above its toolbar, never over Create & Send. */
.nv-o-drawer--invoice .nv-onboarding-toast { z-index: 2; bottom: calc(24px + 4.75rem); }

/* Loading: the sheet's rhythm in quiet bars, no motion beyond the shared skeleton pulse. */
.nv-invoice-editor-skeleton .nv-o-invoice__sheet { min-height: 32rem; }
.nv-invoice-editor-skeleton__row { display: flex; justify-content: space-between; gap: 2rem; }
.nv-invoice-editor-skeleton__row--end { justify-content: flex-end; }
.nv-invoice-editor-skeleton__bar { display: block; block-size: 1rem; border-radius: 999px; background: var(--nv-drawer-control, var(--nv-table-well)); animation: nv-invoice-editor-pulse 1.4s ease-in-out infinite; }
.nv-invoice-editor-skeleton__row .nv-invoice-editor-skeleton__bar:last-child[style*="64px"] { block-size: 4rem; border-radius: 1rem; }
@keyframes nv-invoice-editor-pulse { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .nv-invoice-editor-skeleton__bar { animation: none; } }

@media (max-width: 480px) {
  .nv-o-drawer.nv-o-drawer--invoice { width: 100%; height: 100dvh; margin: 0; }
  .nv-o-drawer--invoice .nv-o-drawer__sheet { border-radius: 0; }
  .nv-o-drawer--invoice .nv-o-drawer__body { padding: 0; }
  .nv-o-drawer--invoice .nv-o-drawer__footer { padding: .75rem 1rem 1rem; }
}