/* Phone layout: navigation above content; tables scroll within their panels. */
@media (max-width: 760px) {
  html, body { width:100%; min-width:0; }
  .app, .app.is-collapsed { display:flex; flex-direction:column; height:100dvh; width:100%; padding:0; gap:0; }
  .app .sidebar { flex:none; width:100%; box-sizing:border-box; padding:8px 12px; border:0; border-bottom:1px solid var(--border); border-radius:0; max-height:65dvh; overflow:auto; }
  .app .sidebar__top { flex-direction:row; align-items:center; gap:8px; }
  .app .sidebar .brand { padding:0; }
  .app .brand__text { display:block; }
  .app .brand__sub { display:none; }
  .app .sidebar__topbtns { display:flex; flex-direction:row; gap:8px; }
  .app .collapse-btn { width:44px; height:44px; margin:0; font-size:24px; }
  .app .nav { overflow:visible; }
  .app .nav__lbl { display:inline; }
  .app .nav__item { min-height:44px; justify-content:flex-start; }
  .app.is-collapsed .nav, .app.is-collapsed .sidebar__foot { display:none; }
  .app .main-shell { flex:1; width:100%; min-height:0; border-radius:0; }
  .app .main { padding:12px 12px calc(80px + env(safe-area-inset-bottom)); min-width:0; }
  .main > *, .page__head > *, .toolbar > * { min-width:0; max-width:100%; box-sizing:border-box; }
  .main .page__head { flex-direction:column; align-items:stretch; gap:12px; padding:16px; }
  .main .page__title { font-size:26px; overflow-wrap:anywhere; }
  .toolbar { flex-wrap:wrap; gap:8px; }
  .main .btn, .main .seg button { min-height:44px; white-space:normal; }
  .main input:not([type=checkbox]):not([type=radio]), .main select, .main textarea { font-size:16px; max-width:100%; box-sizing:border-box; }
  .seg { max-width:100%; overflow-x:auto; }
  .seg button { flex-shrink:0; }
  .global-data-state { padding:8px 12px; font-size:12px; flex-wrap:wrap; }
  .main .home-kpis, .main .home-kpis--platform, .main .home-kpis--total { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .main .home-plat { padding:12px; }
  .main .kpi { min-width:0; padding:12px; }
  .main .kpi__value { font-size:23px; overflow-wrap:anywhere; }
  .main .home-compare__grid, .main .home-funnel-grid, .main .home-saved { grid-template-columns:1fr; }
  .home-weekly-reminder { flex-wrap:wrap; }
  .home-weekly-reminder .btn { max-width:100%; }
  .mxwrap, .table-wrap, .tablewrap { width:100%; max-width:100%; overflow:auto; overscroll-behavior-x:contain; }
  .mxt .mxt__info, .mxt .mxt__lbl, .mxt .mxt__tot, .mxt .mxt__fc, .mxt .mxt__plan { position:static; }
  .main .news-personal-editor { grid-template-columns:1fr; }
  .main .news-personal-task { flex-direction:column; align-items:stretch; }
  .main .date-range { display:flex; flex-wrap:wrap; max-width:100%; }
  .team-chat-popup { max-width:calc(100vw - 16px); max-height:calc(100dvh - 90px); right:8px; }
}