/* Shared staff workspace styling. Printed documents retain their own layout. */
@media screen {
  :root:not([data-hub-theme="dark"]) {
    --paper: #f5f7f8;
    --surface: #ffffff;
    --surface-muted: #eaf0f2;
    --line: #cbd4d8;
    --muted: #56636b;
  }

  .app-shell { min-width: 0; }
  .app-header .brand-heading { grid-template-columns: 150px minmax(0, 1fr); gap: 18px; }
  .app-header h1 { font-size: 26px; line-height: 1.2; overflow-wrap: anywhere; }
  .eyebrow { letter-spacing: 0; font-size: 11px; margin-bottom: 4px; }
  .app-header .header-meta { border-color: var(--line); }
  .app-header .nav-pill, .app-header .nav-more summary {
    min-height: 36px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
  }
  .app-header .header-meta > span { display: none; }

  .app-shell :is(button, .button-link) { border-radius: 4px; font-size: 13px; font-weight: 600; }
  .app-shell :is(input, select, textarea) { border-radius: 4px; min-width: 0; font-size: 13px; }
  .app-shell :is(input, select):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]) { min-height: 40px; }
  .app-shell label { min-width: 0; font-size: 12px; font-weight: 600; }
  .app-shell :is(h1, h2, h3, strong, .button-link) { letter-spacing: 0; overflow-wrap: anywhere; }
  .app-shell :is(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
  .app-shell [hidden] { display: none !important; }

  .app-shell :is(.intake-panel, .summary-panel) {
    min-width: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
  .app-shell :is(.form-section, .summary-section) { padding: 22px 0; }
  .app-shell :is(.section-heading h2, .summary-section h2, .subsection-heading h2) { font-size: 20px; }
  .app-shell :is(.detail-block-heading h3, .subsection-heading h3, .editor-heading h3) { font-size: 16px; }
  .app-shell .section-heading { margin-bottom: 16px; }
  .app-shell .section-heading.no-margin { margin-bottom: 0; }
  .app-shell .step-badge { display: none; }
  .app-shell .section-heading p { font-size: 12px; }
  .app-shell .api-status { font-size: 12px; overflow-wrap: anywhere; }
  .app-shell :is(.customer-overview-panel, .quote-audit-card, .square-invoice-panel, .qa-audit-panel) {
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    border-width: 1px 0 0;
    padding-inline: 0;
  }
  .customer-workspace { gap: 28px; border-top: 1px solid var(--line); }
  .customer-workspace .customer-detail-panel { border-left: 1px solid var(--line); padding-left: 28px; }
  .customer-workspace :is(.customer-overview-grid, .customer-snapshot-grid) { gap: 16px; }
  .customer-workspace .customer-snapshot-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .customer-workspace .customer-snapshot-card { border-radius: 0; border-width: 1px 0; box-shadow: none; }

  .app-shell :is(.notification-card, .saved-order-row, .customer-open-order, .report-attention-card) {
    border-radius: 0;
    border-width: 1px 0;
    box-shadow: none;
  }
  .app-shell :is(.hub-card, .admin-subpage-card, .metric-card, .qa-metric-card, .line-card) { border-radius: 4px; box-shadow: none; }
  .app-shell :is(.hub-card strong, .admin-subpage-card strong) { font-size: 18px; }
  .app-shell :is(.metric-card strong, .qa-metric-card strong) { font-size: 20px; }
  .app-shell .customer-snapshot-card strong { font-size: 18px; }
  .app-shell :is(.hub-card-grid, .admin-subpage-grid) { gap: 16px; }
  .app-shell :is(.hub-metric-grid, .metric-grid, .qa-metric-grid) { gap: 16px; }
  .app-shell :is(.table-scroll, .customer-list, .notification-list) { min-width: 0; }
  .app-shell table:not(.production-items):not(.dashboard-table):not(.work-order-table):not(.order-label-table) { font-size: 13px; }
  .app-shell :is(.customer-history-table, .audit-table, .pricing-table, .access-matrix) th { font-size: 11px; color: var(--muted); background: var(--surface-muted); }

  .order-workspace-page .workspace { background: var(--surface); }
  .order-workspace-page .summary-panel { border-left: 1px solid var(--line); padding-left: 24px; }
  .order-workspace-page :is(.form-section, .summary-section) { padding: 0 0 24px; }
  .order-workspace-page .form-section + .form-section,
  .order-workspace-page .summary-section + .summary-section { padding-top: 24px; }
  .order-workspace-page .order-focus-nav button { border-radius: 0; }
  .order-workspace-page .summary-topline h2 { font-size: 28px; }

  @media (max-width: 1100px) {
    .order-workspace-page .summary-panel { border-left: 0; border-top: 1px solid var(--line); padding: 24px 0 0; }
  }
  @media (max-width: 900px) {
    .customer-workspace .customer-detail-panel { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
  }
  @media (max-width: 720px) {
    .app-header .brand-heading { grid-template-columns: 110px minmax(0, 1fr); gap: 12px; }
    .app-header h1 { font-size: 22px; }
    .app-shell .header-meta { gap: 6px; }
    .app-shell :is(.form-section, .summary-section) { padding-block: 18px; }
    .app-shell :is(.section-heading h2, .summary-section h2, .subsection-heading h2) { font-size: 18px; }
    .order-workspace-page :is(.form-section, .summary-section) { padding: 0 0 20px; }
    .customer-workspace { gap: 18px; }
    .customer-workspace .customer-snapshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
}