/* Screen-only CRM typography. Printed contract summaries keep their own layout. */
@media screen {
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) {
    font-size: 10pt;
    line-height: 1.4;
  }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) :is(p, li, dt, dd, td, th, label, small, input, select, textarea,
                button, a, summary, time, legend, strong, b),
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) :is(.tag, .stage, .eyebrow, .panel-kicker, .muted, .positive-pill,
                .heat, .company, .pipeline-topic, .layout-options, .central-more-filters) {
    font-size: 10pt !important;
  }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) :is(h1, h2),
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) :is(.metric-value strong, .chart-summary strong, .glance-count,
                .automation-stat strong, .pipeline-total strong) {
    font-size: 14pt !important;
    line-height: 1.25;
    letter-spacing: normal;
  }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) :is(h3, h4, h5, h6),
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .column-title strong {
    font-size: 12pt !important;
    line-height: 1.3;
  }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .panel { padding: 16px; }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .metric-card { padding: 16px; }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .section-head { margin-bottom: 16px; }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .field { gap: 5px; margin: 10px 0; }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .nav-item { padding: 9px 12px; }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .topbar { height: 88px; margin-bottom: 22px; }
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .primary-button,
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .secondary-button,
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .danger-button { padding: 9px 13px; }
  /* Icon sizes and touch targets remain independent of text sizing. */
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .nav-item > span,
  :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .primary-button > span { font-size: 16px; }
  @media (max-width: 760px) {
    :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .panel { padding: 14px; }
    :is(#appShell, #authShell, .modal-backdrop, dialog.modal, .toast) .topbar { height: auto; min-height: 80px; padding: 12px 0; }
  }
}