/* PWA mobile (fase 3): casca de celular. Tudo vale só até 768px; acima disso nada
   aqui aparece, o desktop segue como era. Barra inferior, "Hoje" e drawer do menu. */
.m-tabbar,.m-backdrop,#tab-hoje{display:none}

@media(max-width:768px){
  /* sidebar vira drawer (só workspace + usuário; as telas fora da v1 ficam de fora) */
  .auxo-sb,.auxo-sb.collapsed{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);height:100dvh;transform:translateX(-102%);transition:transform var(--t);z-index:260;box-shadow:var(--shadow-pop)}
  .auxo-sb.m-open{transform:none}
  .auxo-sb .sb-nav,.auxo-sb .sb-collapse-btn{display:none}
  .auxo-sb.collapsed .sb-switcher .sw-label,.auxo-sb.collapsed .sb-switcher .sw-chevron,
  .auxo-sb.collapsed .av-btn .av-label{display:block}
  .auxo-sb .sb-foot{padding-bottom:calc(0.7143rem + env(safe-area-inset-bottom,0px))}
  .m-backdrop{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity var(--t)}
  .m-backdrop.open{display:block;opacity:1;pointer-events:auto}

  .topbar-clock{display:none}
  .auxo-topbar{padding-right:16px;padding-left:16px}
  .ws-content{padding-top:16px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));min-width:0;overflow-x:auto}
  .auxo-main{min-width:0;max-width:100vw}
  /* a barra de título das abas tem margem negativa pensada pro padding de 32px do desktop */
  .tab-topbar{margin:-16px -16px 14px -16px;padding:8px 16px;flex-wrap:wrap;gap:8px;min-height:0}

  /* barra inferior */
  .m-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--s1);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
  .m-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;border:none;background:none;color:var(--tx-mut);font-family:inherit;font-size:var(--fs-10);font-weight:600;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
  .m-tab svg{width:22px;height:22px}
  .m-tab.active{color:var(--primary)}
  .m-tab[hidden]{display:none}
  .m-tab-badge{position:absolute;top:6px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-full);background:var(--primary);color:var(--bg);font-size:var(--fs-10);font-weight:700;line-height:16px;text-align:center}
  .m-tab-badge:empty{display:none}

  /* tela Hoje */
  #tab-hoje.m-on{display:block}
  .m-hoje-head{margin-bottom:16px}
  .m-hoje-title{font-family:var(--font-display);font-size:var(--fs-23);font-weight:600}
  .m-hoje-sub{font-size:var(--fs-13);color:var(--tx-mut);margin-top:2px}
  .m-cards{display:grid;gap:10px;margin-bottom:20px}
  .m-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--s1);color:var(--tx);font-family:inherit;text-align:left;cursor:pointer}
  .m-card-n{font-family:var(--font-display);font-size:var(--fs-23);font-weight:700;min-width:2ch;font-variant-numeric:tabular-nums}
  .m-card-l{flex:1;min-width:0;font-size:var(--fs-14);font-weight:600}
  .m-card-s{display:block;font-size:var(--fs-12);font-weight:400;color:var(--tx-mut);margin-top:2px}
  .m-card.late .m-card-n{color:var(--danger,#e5484d)}
  .m-card.zero{opacity:.7}
  .m-card svg{width:16px;height:16px;color:var(--tx-faint);flex-shrink:0}
  .m-sec{font-size:var(--fs-11);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-mut);margin:0 2px 8px}
  .m-task{display:block;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--s1);color:var(--tx);font-family:inherit;text-align:left;margin-bottom:8px;cursor:pointer}
  .m-task-t{font-size:var(--fs-14);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .m-task-s{font-size:var(--fs-12);color:var(--tx-mut);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .m-task.late .m-task-s{color:var(--danger,#e5484d)}
  .m-empty{padding:28px 16px;text-align:center;color:var(--tx-mut);font-size:var(--fs-13)}
  /* iOS dá zoom ao focar campo com fonte menor que 16px */
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px !important}

  /* modais viram folha de baixo */
  .overlay{padding:0;align-items:flex-end}
  .overlay .modal{max-width:100%;width:100%;max-height:92dvh;border-radius:var(--r-xl) var(--r-xl) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}
  .overlay .modal-body{padding-left:16px;padding-right:16px}
  .overlay .modal-head{padding-left:16px;padding-right:16px}

  /* ── Central 2.0 em tela cheia (fase 4) ──
     O contêiner acompanha o visualViewport (teclado do iOS): topo e altura vêm
     de --m-vv-top/--m-vv-h, escritos pelo mobile.js. Na lista a barra inferior
     fica; dentro da conversa ela some e o compositor encosta no rodapé. */
  body.m-central{overflow:hidden;--m-bar:calc(56px + env(safe-area-inset-bottom,0px))}
  body.m-central.m-thread{--m-bar:0px}
  body.m-thread .m-tabbar{display:none}
  body.m-central #tab-central2:not([style*="display: none"]){position:fixed;left:0;right:0;top:var(--m-vv-top,0px);height:calc(var(--m-vv-h,100dvh) - var(--m-bar));z-index:35;background:var(--bg);display:flex;flex-direction:column;min-height:0}
  body.m-central #tab-central2 .tab-topbar{margin:0;padding:10px 16px;min-height:0;flex-shrink:0;height:auto;flex-wrap:wrap;gap:8px;position:static}
  body.m-central #tab-central2 .c2-inst-pills{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.m-central #tab-central2 .c2-inst-pills > *{flex-shrink:0}
  body.m-thread #c2-notif{display:none}
  .c2-owner select{max-width:8.5rem}
  body.m-central #tab-central2 .tab-topbar .ws-actions{display:none}
  body.m-thread #tab-central2 .tab-topbar{display:none}
  body.m-central #c2-notif{flex-shrink:0;padding:0 10px}
  body.m-central .c2-shell{flex:1;min-height:0;height:auto !important;border:0;border-radius:0;border-top:1px solid var(--line)}
  .c2-head{padding:8px 10px;gap:8px;min-height:0}
  .c2-head .avatar{width:2.1429rem;height:2.1429rem}
  .c2-head-id{flex:1 1 8rem}
  .c2-head-actions{flex:1 1 100%;gap:6px}
  .c2-banner{padding:8px 10px}
  .c2-msgs{padding:12px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .c2-composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}
  .c2-kbd{display:none}
  .c2-box{flex-wrap:wrap}
  .c2-box label{order:-1;flex:1 1 100%}
  .c2-box #c2-send{margin-left:auto}
  .c2-comp-foot .c2-spacer,.c2-comp-foot .c2-spacer + span{display:none}
  .c2-canned{left:10px;right:10px}
  .c2-emoji-panel{left:10px;width:min(20rem,calc(100vw - 20px))}
  .c2-rows{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .c2-shell.panel-open .c2-panel{width:min(24rem,100vw);padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(max-width:768px) and (hover:none){
  .c2-reply-btn{opacity:.55}
  .c2-msg.in .c2-reply-btn{right:-26px}
  .c2-msg.out .c2-reply-btn{left:-26px}
  .c2-mark-unread{opacity:.6}
}

/* ── Leads (fase 5) ── */
#m-leads{display:none}
@media(max-width:768px){
  #tab-leads .leads-table-wrap,#tab-leads .leads-bulk-bar,
  #tab-leads button[onclick*="openLeadsColumnsPanel"],
  #tab-leads .gm-filter-bar select:not(#leads-filter-status):not(#leads-filter-owner){display:none !important}
  #btn-validate-wpp,#btn-enrich-lusha{display:none !important}
  #tab-leads .tab-topbar{margin-bottom:14px}
  #tab-leads .gm-filter-bar{padding:8px 10px}
  #tab-leads .gm-filter-bar select{flex:1 1 40%;min-width:0}
  #m-leads{display:flex;flex-direction:column;gap:10px}
  .m-lead{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--s1);cursor:pointer}
  .m-lead-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .m-lead-name{font-size:var(--fs-15);font-weight:600;min-width:0;overflow-wrap:anywhere}
  .m-lead-top .badge{flex-shrink:0}
  .m-lead-sub{font-size:var(--fs-13);color:var(--tx-mut);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .m-lead-acts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
  .m-act{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line-2);border-radius:var(--r-md);background:transparent;color:var(--tx);font-family:inherit;font-size:var(--fs-13);font-weight:600;text-decoration:none;cursor:pointer}
  .m-more{align-self:center}

  /* ficha do lead e do deal em tela cheia */
  #modal-lead.overlay,#modal-deal.overlay{padding:0;align-items:stretch;justify-content:stretch}
  #modal-lead .modal,#modal-deal .modal{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0;transform:none;padding-bottom:0}
  #modal-lead .ml-col-left,#modal-deal .ml-col-left{padding:16px}
  #modal-lead .ml-col-right,#modal-deal .ml-col-right{padding:16px 16px calc(32px + env(safe-area-inset-bottom,0px))}
  #modal-lead .modal-head,#modal-deal .modal-head{padding:12px 16px}
  #ml-deal-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
}

/* ── Atividades (fase 6) ── */
@media(max-width:768px){
  #tab-activities .gm-filter-bar{padding:8px 10px}
  #tab-activities .gm-filter-bar .input-search{width:100% !important;flex:1 1 100%}
  #tab-activities #act-chips{display:flex;gap:6px;flex:1 1 100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  #tab-activities #act-chips .chip{flex-shrink:0}
  .dt-row{flex-wrap:wrap;gap:8px 10px;padding:12px 4px}
  .dt-row .dt-ico{display:none}
  .dt-check{width:28px;height:28px}
  .dt-title{font-size:var(--fs-14)}
  .dt-deal,.dt-desc{white-space:normal}
  .dt-meta{order:5;flex:1 1 100%;flex-direction:row;justify-content:flex-start;gap:10px;padding-left:38px}
  .dt-row .m-lead-acts{order:6;flex:1 1 100%;margin:0;padding-left:38px}
  .dt-del{opacity:.7;padding:6px}
  .dt-row .dt-main{cursor:pointer;flex:1 1 0;min-width:0}
  .dt-row .dt-del{align-self:flex-start}
}

/* ── Convite de avisos no Hoje (fase 7) ── */
@media(max-width:768px){
  .m-push{display:flex;flex-direction:column;gap:6px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--primary-line);border-radius:var(--r-lg);background:var(--primary-soft)}
  .m-push-t{font-size:var(--fs-14);font-weight:700}
  .m-push-s{font-size:var(--fs-13);color:var(--tx-mut)}
  .m-push .btn{align-self:flex-start;margin-top:6px}
}