/* Selected reference 1, 2026-11-09. Presentation only; preserve all editing,
   error feedback and keyboard navigation. Light and mobile remain unchanged. */
@media (min-width: 861px) {
  /* Tighten only the invoice service bar, not the shared application shell. */
  html:not([data-theme='light']) body .workspace:has(> .invoice-wide) {
    padding-top: 12px;
  }
  html:not([data-theme='light']) body .workspace:has(> .invoice-wide) > .topbar {
    min-height: 48px;
    margin-bottom: 8px;
  }
  html:not([data-theme='light']) body .department-screen.invoice-wide {
    --wide-border: #263d48;
    --wide-panel: #0e1c23;
    --wide-field: #0b1920;
    --wide-head: #11212a;
    gap: 12px !important;
  }
  html:not([data-theme='light']) body .invoice-wide .invoice-wide-header {
    gap: 14px;
    padding-bottom: 10px;
    border-bottom-color: #20343e;
  }
  html:not([data-theme='light']) body .invoice-wide-header > img { width: 60px; height: 60px; }
  html:not([data-theme='light']) body .invoice-wide-heading h1 { font-size: 30px; }
  html:not([data-theme='light']) body .invoice-wide-heading p { font-size: 14px; }
  html:not([data-theme='light']) body .invoice-wide-actions { gap: 8px; }
  html:not([data-theme='light']) body .invoice-wide .invoice-wide-actions :is(.primary, .secondary) {
    min-height: 40px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    gap: 6px;
  }
  html:not([data-theme='light']) body .invoice-wide .order-toolbar.toolbar.glass {
    padding: 12px 14px !important;
    border-color: #203640 !important;
  }
  html:not([data-theme='light']) body .invoice-wide .desktop-entry-scroll {
    border-color: transparent;
    background: var(--wide-panel);
    padding: 0 8px 8px;
    max-height: min(60vh, 720px);
  }
  html:not([data-theme='light']) body .invoice-wide .desktop-entry-head,
  html:not([data-theme='light']) body .invoice-wide .desktop-entry-row {
    padding: 8px 10px;
    gap: 12px;
  }
  html:not([data-theme='light']) body .invoice-wide .desktop-entry-head {
    min-height: 42px;
    background: var(--wide-panel) !important;
    border-bottom-color: #263d48;
  }
  html:not([data-theme='light']) body .invoice-wide .desktop-entry-row {
    min-height: 56px;
    border-bottom-color: #20343e;
  }
  html:not([data-theme='light']) body .invoice-wide .desktop-entry-product {
    min-height: 38px;
    padding: 7px 11px;
    font-size: 15px;
    line-height: 22px;
    border-color: #314b59;
  }
  html:not([data-theme='light']) body .invoice-wide .desktop-entry-cell :is(input, select) {
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    font-size: 15px !important;
    border-color: #314b59 !important;
  }
  html:not([data-theme='light']) body .department-screen.invoice-wide .desktop-entry-cell.entry-total input {
    font-weight: 700;
  }
  /* Keep semantic borders stronger than the decorative field outline. */
  html:not([data-theme='light']) body .department-screen.invoice-wide .entry-price:has(.entry-missing-price) input,
  html:not([data-theme='light']) body .department-screen.invoice-wide .desktop-entry-cell[data-state='error'] :is(input, select) {
    border-color: var(--wide-red) !important;
  }
  html:not([data-theme='light']) body .invoice-wide .invoice-wide-summary {
    padding: 14px 16px;
    border-color: #203640;
    box-shadow: none;
  }
}