/* Sales Intake — shared phone layout for the per-RFQ stage pages.
   Linked last in each page's <head> so it overrides that page's own styles.
   (The pipeline list, index.html, and suppliers.html carry their own phone rules.) */
@media (max-width: 760px) {
  /* Header: logo + page name only (department badge and divider hidden) */
  header { padding: 12px 16px !important; gap: 12px !important; }
  header .badge, header > div[style*="width:1px"] { display: none !important; }
  header .logo { font-size: 21px !important; letter-spacing: 1px !important; }
  header .subtitle { font-size: 10px !important; letter-spacing: .5px !important; }

  .page { padding: 20px 16px !important; overflow-wrap: anywhere; }

  /* Two-column layouts stack into one column */
  .grid-2, .ai-grid, .two-col, .split, .steel-req-grid, .prefill-list,
  .response-panel .rp-grid,
  .page [style*="grid-template-columns:1fr 1fr"],
  .page [style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: minmax(0, 1fr) !important; }
  /* Grid/flex children may shrink below their content instead of widening the page */
  .page [style*="display:grid"] > *, .grid-2 > *, .two-col > *, .split > *,
  .rfq-banner > *, .kv-grid > *, .activity-list li > * { min-width: 0; }

  /* Tab rows scroll sideways */
  .tab-bar { overflow-x: auto; scrollbar-width: none; }
  .tab-bar::-webkit-scrollbar { display: none; }
  .tab { flex-shrink: 0; white-space: nowrap; padding: 10px 14px !important; }

  /* Submit bars: not pinned on phones (wrapped, they'd cover ~1/4 of the screen);
     label on its own line, buttons share the row below */
  .submit-bar { position: static !important; flex-wrap: wrap; padding: 14px 16px !important; gap: 10px !important; }
  .submit-bar .sb-label { flex-basis: 100% !important; }
  .submit-bar .btn { flex: 1 1 auto; justify-content: center; }

  /* Phones can't show an embedded PDF — use the "Open in new tab" link instead */
  .pdf-frame { display: none !important; }
  .pdf-actions { flex-direction: column; align-items: stretch !important; gap: 8px; }
  .pdf-actions a {
    display: block; text-align: center; padding: 10px; border: 1px solid var(--blue);
    font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 1px; text-transform: uppercase;
  }

  .toast { left: 16px !important; right: 16px !important; max-width: none !important; }
}