/* App-level layout on top of the Industry design system. */

body { margin: 0; background: var(--color-bg); color: var(--color-text); }

/* Buttons built from .blueprint need the frame to sit above the fill. */
.btn.blueprint > .corner { color: color-mix(in srgb, var(--color-text) 45%, transparent); }

/* Native number inputs: the spinners crowd the narrow sidebar field. */
input[type='number'] { appearance: textfield; -moz-appearance: textfield; }
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button { appearance: none; margin: 0; }

/* The horizontally scrolling admin tables keep a visible, thin scrollbar. */
[style*='overflow-x'] { scrollbar-width: thin; }

/* Head office on a narrow screen: the sidebar becomes a strip above the page. */
@media (max-width: 900px) {
  .admin-shell { grid-template-columns: minmax(0, 1fr) !important; }
  .admin-sidebar {
    border-right: none !important;
    border-bottom: 1px solid var(--color-divider);
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
  }
  .admin-sidebar > div { margin-top: 0 !important; }
}

/* Print: only the A4 purchase order reaches the paper. */
@media print {
  @page { size: A4; margin: 0; }
  body * { visibility: hidden; }
  .a4, .a4 * { visibility: visible; }
  .a4 {
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: none !important;
    width: 794px !important;
  }
  .pdf-toolbar { display: none !important; }
  .pdf-backdrop { background: #fff !important; padding: 0 !important; }
}