/* PRTY OS — phone navigation: every navigation and top-bar control is at least 44px tall; safe areas respected. */
#root { padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px); }
@media (max-width: 900px) {
  .navlink, .sidebar__user { min-height: 44px; }
  .topbar .btn, .topbar button, .topbar__search { min-height: 44px; }
  .topbar .topbar__menu { display: inline-flex; }
  .topbar__today { display: none; }
}
/* Working screens (contracts, decisions, invoices, headliners, lineups, Advancing, Content Crew): every tap target is at least 44px on a phone. */
@media (max-width: 760px) {
  .page .chip, .page .btn, .page .btn--sm, .page .btn--ghost, .page .mk-linkbtn, .page .adv-linkbtn, .page .mk-back, .page a[href^="mailto:"], .page a[href^="tel:"], .page a[href^="https://wa.me"], .page summary, .page .awc__flag { min-height: 44px; display: inline-flex; align-items: center; }
  .page .btn--ghost, .page .awc__flag { min-width: 44px; justify-content: center; }
  .page .chip { padding-inline: 12px; }
  .page select, .page input:not([type="checkbox"]):not([type="radio"]), .page textarea { min-height: 44px; }
  .page .awc__flag { padding: 0; margin: -14px; box-sizing: content-box; }
  .page .aa-head__eyebrow a, .page .aa-head__name, .page .aa-mhead__name, .page .mk-suggest a { min-height: 44px; display: inline-flex; align-items: center; }
  .page .aa-head__eyebrow { display: flex; flex-wrap: wrap; column-gap: 8px; }
  .page .mk-mode { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .page .mk-mode__btn { flex: 0 0 auto; padding-inline: 14px; white-space: nowrap; min-height: 44px; }
}