/* Plataforma CJ — shell móvel e Homes por função.
 * O desktop preserva os módulos validados; abaixo de 760px a composição muda
 * para navegação de toque, conteúdo prioritário e uma única coluna real. */
:root{
  --cj-mobile-green:#0aa65b;
  --cj-mobile-blue:#1976d2;
  --cj-mobile-orange:#f58220;
  --cj-mobile-red:#d9363e;
  --cj-mobile-ink:#17314d;
  --cj-mobile-muted:#6c8098;
  --cj-mobile-line:#d8e5ef;
  --cj-mobile-surface:#fff;
  --cj-mobile-soft:#f3f7fb;
  --cj-mobile-shadow:0 10px 28px rgba(20,51,80,.09);
}

.cj-role-home{display:none;color:var(--cj-mobile-ink)}
.cj-role-home.is-desktop-active{display:grid;gap:14px;margin-bottom:18px}
.cj-role-home.is-desktop-active~.kpis,
.cj-role-home.is-desktop-active~.dashboard-grid{display:none!important}
.cj-role-home-hero,.cj-role-home-panel,.cj-role-kpi,.cj-role-shortcut{
  box-sizing:border-box;border:1px solid var(--cj-mobile-line);background:var(--cj-mobile-surface);box-shadow:var(--cj-mobile-shadow)
}
.cj-role-home-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:16px;background:linear-gradient(125deg,#fff 0%,#f4faff 66%,#effbf5 100%)}
.cj-role-home-kicker{display:block;color:var(--cj-mobile-green);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cj-role-home-hero h2{margin:5px 0 4px;font-size:26px;line-height:1.15}
.cj-role-home-hero p{margin:0;color:var(--cj-mobile-muted);font-size:13px}
.cj-role-home-hero-copy{min-width:0}
.cj-role-home-freshness{display:none}
.cj-role-home-contexts{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.cj-role-home-contexts button{min-height:36px;padding:0 12px;border:1px solid var(--cj-mobile-line);border-radius:999px;background:var(--cj-mobile-soft);color:var(--cj-mobile-ink);font-weight:800;cursor:pointer}
.cj-role-home-contexts button.active{border-color:#72c99a;background:#e9f8f0;color:#087b43}
.cj-role-home-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cj-role-kpi{min-width:0;padding:15px;border-radius:14px}
.cj-role-kpi span,.cj-role-kpi strong,.cj-role-kpi small{display:block}
.cj-role-kpi span{color:var(--cj-mobile-muted);font-size:11px;font-weight:800}
.cj-role-kpi strong{margin-top:7px;font-size:21px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cj-role-kpi small{margin-top:5px;color:var(--cj-mobile-muted);font-size:10px}
.cj-role-home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:12px}
.cj-role-home-panel{min-width:0;padding:16px;border-radius:15px}
.cj-role-home-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.cj-role-home-panel h3{margin:0;font-size:16px}.cj-role-home-panel header small{color:var(--cj-mobile-muted)}
.cj-role-list{display:grid;gap:8px}.cj-role-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:8px;border-bottom:1px solid var(--cj-mobile-line)}
.cj-role-list i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e8f4ff;color:var(--cj-mobile-blue);font-style:normal;font-weight:900}
.cj-role-list strong,.cj-role-list small{display:block}.cj-role-list strong{font-size:12px}.cj-role-list small{margin-top:3px;color:var(--cj-mobile-muted);font-size:10px}.cj-role-list b{font-size:12px;text-align:right}
.cj-role-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cj-role-shortcut{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:72px;padding:11px;border-radius:13px;color:var(--cj-mobile-ink);text-align:left;cursor:pointer}
.cj-role-shortcut>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf7ef;color:var(--cj-mobile-green);font-size:18px;font-style:normal}
.cj-role-shortcut strong,.cj-role-shortcut small{display:block}.cj-role-shortcut strong{font-size:12px}.cj-role-shortcut small{margin-top:3px;color:var(--cj-mobile-muted);font-size:10px;line-height:1.3}
.cj-role-home-note{padding:11px 13px;border-left:4px solid var(--cj-mobile-blue);border-radius:9px;background:#edf6ff;color:#34536f;font-size:11px;line-height:1.45}

.cj-mobile-filter-toggle,.cj-mobile-bottom-nav,.cj-mobile-menu-close{display:none}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .layout{display:block!important;width:100%;max-width:100%;overflow:visible!important}
  .main{width:100%!important;max-width:100%!important;padding:0 10px 20px!important;overflow:visible!important}

  /* A navegação completa vira uma gaveta; a barra inferior mantém as ações frequentes. */
  .layout>.sidebar{display:none!important}
  /* O iOS ignora overflow:hidden no body rolável. A posição fixa é aplicada
     pelo controlador JS e preserva o ponto exato de retorno ao fechar. */
  html:has(body.cj-mobile-menu-open){overflow:hidden;overscroll-behavior:none}
  body.cj-mobile-menu-open{overflow:hidden;width:100%;touch-action:none;overscroll-behavior:none}
  body.cj-mobile-menu-open .layout>.sidebar{
    position:fixed!important;inset:0!important;z-index:1800!important;display:block!important;width:100%!important;min-width:0!important;height:100dvh!important;padding:calc(18px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;background:rgba(247,250,252,.98)!important
  }
  body:has(>#cj-hml-banner).cj-mobile-menu-open .layout>.sidebar{top:57px!important;height:calc(100dvh - 57px)!important}
  body.cj-mobile-menu-open .cj-clean-sidebar-v8{width:100%!important;min-height:100%!important;background:transparent!important}
  body.cj-mobile-menu-open .layout>.sidebar{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  /* O botão de fixar pertence ao desktop; no drawer integral ele não tem ação útil. */
  body.cj-mobile-menu-open .cj-sidebar-rail-head{display:none!important}
  body.cj-mobile-menu-open .cj-menu-entry-label>span,
  body.cj-mobile-menu-open .cj-menu-group-btn>b{opacity:1!important;visibility:visible!important}
  body.cj-mobile-menu-open .cj-menu-main,
  body.cj-mobile-menu-open .cj-menu-group,
  body.cj-mobile-menu-open .cj-menu-group-btn{width:100%!important;max-width:none!important}
  .cj-mobile-menu-close{position:fixed;top:calc(14px + env(safe-area-inset-top));right:15px;z-index:1900;width:44px;height:44px;place-items:center;border:1px solid var(--cj-mobile-line);border-radius:14px;background:#fff;color:var(--cj-mobile-ink);font-size:22px;box-shadow:var(--cj-mobile-shadow)}
  body.cj-mobile-menu-open .cj-mobile-menu-close{display:grid}
  body:has(>#cj-hml-banner).cj-mobile-menu-open .cj-mobile-menu-close{top:69px}

  .topbar{position:relative!important;top:auto!important;z-index:20!important;display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px!important;min-height:0!important;margin:0 -10px 10px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important;border-radius:0 0 16px 16px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 24px rgba(22,48,75,.08)!important}
  .topbar>div:first-child{min-width:0;padding:0 2px}.topbar .eyebrow{font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar h1{margin-top:2px;font-size:20px;line-height:1.1}
  .top-actions{display:grid!important;grid-template-columns:minmax(84px,1fr) repeat(5,40px)!important;align-items:center!important;gap:5px!important;width:100%!important}
  .top-actions>#empresa-select{display:none!important}
  .top-actions>#filial-select{display:none!important}
  .top-actions>.top-filial-multi{grid-column:1;grid-row:1;min-width:0!important;width:100%!important}
  .top-actions>.top-filial-multi .cj-ms{min-width:0!important}
  .top-actions>.top-filial-multi .cj-ms-btn{min-height:40px;height:40px;padding:5px 9px;border-radius:12px}
  .top-actions>.top-filial-multi .cj-ms-title{display:none}
  .top-actions>.top-filial-multi .cj-ms-summary{font-size:11px}
  .top-actions>.date-filter{display:none!important;grid-column:1/-1;width:100%!important;height:40px!important;margin:0;box-sizing:border-box}
  body.cj-mobile-filters-open .top-actions>.date-filter{display:flex!important}
  .top-actions>.cj-system-news-trigger{grid-column:2;grid-row:1;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;border-radius:12px!important}
  .top-actions>.cj-communication-trigger{grid-column:3!important;grid-row:1;box-sizing:border-box!important;flex:none!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;align-self:center!important;border-radius:12px!important;background:var(--cj-mobile-surface)!important;color:var(--cj-mobile-ink)!important}
  .top-actions>.cj-communication-trigger.has-unread{border-color:#5bc98d!important;background:#eaf9f1!important;color:#087b43!important}
  .top-actions>.cj-privacy-toggle{grid-column:4!important;grid-row:1;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;border-radius:12px!important}
  .top-actions>.user-box{position:relative;grid-column:5;grid-row:1;justify-content:center;min-width:40px!important;width:40px!important;height:40px;box-sizing:border-box;gap:0;padding:3px;border-radius:12px;box-shadow:none}.top-actions>.user-box .avatar{width:32px;height:32px;min-width:32px;pointer-events:none}.top-actions>.user-box .cj-auth-user-trigger{position:absolute;inset:0;border-radius:12px;font-size:0}.top-actions>.user-box .cj-auth-user-trigger strong,.top-actions>.user-box .cj-auth-user-trigger small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .cj-mobile-filter-toggle{grid-column:6;grid-row:1;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--cj-mobile-line);border-radius:12px;background:var(--cj-mobile-surface);color:var(--cj-mobile-ink);font-size:17px}

  /* No telefone o banner institucional cede espaço à tarefa e ao contexto. */
  .culture-card{display:none!important}
  .main>.view{padding-bottom:14px}
  #view-dashboard{min-width:0}
  #view-dashboard>.kpis,#view-dashboard>.dashboard-grid,#seller-dashboard-v2{display:none!important}
  .cj-role-home-performance-slot{display:block;min-width:0;margin:0}
  .cj-role-home-performance-slot>#sales-performance-panel{display:block!important;min-width:0!important;min-height:0!important;margin:0;padding:14px 12px;border-radius:16px}
  #view-dashboard.cj-role-home-sales-performance #sales-performance-panel .panel-header h3{font-size:18px}
  #view-dashboard.cj-role-home-sales-performance #sales-performance-panel .panel-header p{font-size:11px;line-height:1.35}
  .cj-role-home,.cj-role-home.is-desktop-active{display:grid!important;gap:11px;margin:0;padding:0 0 10px}
  .cj-role-home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 9px;padding:16px;border-radius:16px}.cj-role-home-hero-copy{grid-column:1/-1}.cj-role-home-hero h2{font-size:22px}.cj-role-home-hero p{font-size:12px;line-height:1.4}.cj-role-home-contexts{grid-column:1;grid-row:2;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.cj-role-home-contexts button{flex:0 0 auto;min-height:34px}.cj-role-home-contexts button:disabled{opacity:.42;cursor:not-allowed}
  .cj-role-home-freshness{display:grid;grid-column:2;grid-row:2;align-self:end;align-content:center;justify-items:end;min-width:92px;border:1px solid #bfe4cf;border-radius:12px;padding:8px 9px;background:rgba(235,249,241,.88);color:#0a7542;text-align:right}
  .cj-role-home-freshness span{font-size:8px;font-weight:850;letter-spacing:.03em;text-transform:uppercase}
  .cj-role-home-freshness strong{margin-top:3px;font-size:11px;line-height:1.15;white-space:nowrap}
  .cj-role-home-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cj-role-kpi{min-height:96px;padding:13px}.cj-role-kpi strong{font-size:18px;white-space:normal}.cj-role-kpi span{font-size:10px}
  .cj-role-home-grid{grid-template-columns:1fr;gap:10px}.cj-role-home-panel{padding:14px}.cj-role-home-panel h3{font-size:15px}
  .cj-role-list article{grid-template-columns:34px minmax(0,1fr) auto;padding:8px 3px}.cj-role-list strong{font-size:12px}.cj-role-list b{font-size:11px}
  .cj-role-shortcuts{grid-template-columns:1fr 1fr;gap:8px}.cj-role-shortcut{min-height:76px;padding:10px}.cj-role-shortcut>i{width:36px;height:36px}.cj-role-shortcut strong{font-size:11px}

  .cj-mobile-bottom-nav{position:fixed;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));left:8px;z-index:1300;display:grid;grid-template-columns:repeat(4,1fr);height:61px;padding:5px;border:1px solid rgba(198,216,230,.92);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 16px 42px rgba(10,35,58,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .cj-mobile-bottom-nav button{display:grid;place-items:center;align-content:center;gap:2px;min-width:0;border:0;border-radius:14px;background:transparent;color:#637890;font:inherit;font-size:9px;font-weight:800}.cj-mobile-bottom-nav button i{font-size:19px;font-style:normal;line-height:1}.cj-mobile-bottom-nav button.active{background:#e9f8f0;color:#078847}

  /* O chat assume a tela inteira, como mensageiro móvel, sem barra dupla. */
  .cj-comm-dock{inset:var(--cj-hml-banner-height,0px) 0 0!important;z-index:2100!important;width:100%!important;height:auto!important;max-height:none!important;border:0!important;border-radius:0!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  body:has(>#cj-hml-banner) .cj-comm-dock{top:57px!important}
  .cj-comm-dock>header{min-height:58px;padding:0 12px}.cj-dock-body{min-height:0}.cj-dock-list,.cj-dock-detail{height:100%}.cj-dock-scroll{scrollbar-gutter:auto}.cj-dock-reply textarea{min-height:46px;font-size:16px}.cj-dock-message{width:92%;font-size:14px}.cj-dock-commit-form{right:8px;left:8px;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-height:62vh;overflow:auto}.cj-dock-commit-form>div{grid-template-columns:1fr}

  /* Ranking real em cartões, sem tabela desktop espremida. */
  #view-ranking .ranking-full-panel{min-height:0;padding:16px 12px!important}
  #view-ranking .panel-header h3{font-size:20px}#view-ranking .panel-header p{font-size:14px;line-height:1.45}
  #view-ranking .ranking-note{padding:12px;font-size:12px;line-height:1.5}
  #view-ranking .ranking-table-wrap{overflow:visible;border:0;border-radius:0}
  #view-ranking .ranking-table{display:block;min-width:0!important;background:transparent}
  #view-ranking .ranking-table thead{display:none}#view-ranking .ranking-table tbody{display:grid;gap:10px}
  #view-ranking .ranking-table tr.rank-clickable{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px 12px;padding:13px;border:1px solid var(--cj-mobile-line);border-radius:15px;background:var(--cj-mobile-surface);box-shadow:0 8px 22px rgba(20,46,72,.06)}
  #view-ranking .ranking-table tr.rank-clickable>td{display:grid;gap:2px;min-width:0;padding:0!important;border:0!important;background:transparent!important;font-size:13px}
  #view-ranking .ranking-table tr.rank-clickable>td::before{content:attr(data-label);color:#718197;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
  #view-ranking .ranking-table tr.rank-clickable>td:nth-child(1){grid-row:1 / span 2;place-items:center;width:44px;height:44px;border-radius:13px!important;background:#e9f5ff!important;color:#176dc0;font-size:18px}
  #view-ranking .ranking-table tr.rank-clickable>td:nth-child(1)::before{display:none}
  #view-ranking .ranking-table tr.rank-clickable>td:nth-child(4){grid-column:2 / -1;grid-row:1}#view-ranking .ranking-table tr.rank-clickable>td:nth-child(4) strong{overflow-wrap:anywhere;font-size:15px;line-height:1.25}
  #view-ranking .ranking-table tr.rank-clickable>td:nth-child(2){grid-column:2;grid-row:2}#view-ranking .ranking-table tr.rank-clickable>td:nth-child(3){display:none}
  #view-ranking .ranking-table tr.rank-clickable>td:nth-child(5){grid-column:1 / span 2;grid-row:3;padding-top:9px!important;border-top:1px solid var(--cj-mobile-line)!important;font-size:16px;font-weight:900}
  #view-ranking .ranking-table tr.rank-clickable>td:nth-child(6){grid-column:3;grid-row:3;align-content:end;text-align:right}
  #view-ranking .ranking-table tr.rank-clickable>td:nth-child(7){grid-column:1;grid-row:4}#view-ranking .ranking-table tr.rank-clickable>td:nth-child(8){grid-column:2;grid-row:4}#view-ranking .ranking-table tr.rank-clickable>td:nth-child(9){grid-column:1 / -1;grid-row:5}
  #view-ranking .ranking-table .tm-badge{min-width:0;padding:5px 8px}#view-ranking .ranking-table .mini-progress{width:100%}
  #view-ranking .ranking-table tr.drill-row{display:block!important;padding:0;border:0;background:transparent}#view-ranking .ranking-table tr.drill-row>td{display:block!important;padding:0!important;border:0!important}

  /* Ruptura orientada pela Curva: filtros e investigação sem cortes. */
  #view-abastecimento :where(.rupture-abc-page,.rupture-funnel-queue,.rupture-investigation-card,.rupture-global-card){min-width:0!important;max-width:100%!important;overflow:hidden}
  #view-abastecimento .rupture-filter-panel{padding:12px}#view-abastecimento .rupture-check-filter summary{min-height:50px;font-size:12px}
  #view-abastecimento .rupture-investigation-card>header{padding:12px}#view-abastecimento .rupture-investigation-card>header h3{overflow-wrap:anywhere;font-size:17px;line-height:1.25}
  #view-abastecimento :where(.rupture-investigation-kpis,.rupture-global-metrics){grid-template-columns:1fr!important}
  #view-abastecimento :where(.rupture-investigation-kpis>div,.rupture-global-metrics>div){min-width:0!important}
  #view-abastecimento :where(.rupture-investigation-kpis strong,.rupture-global-metrics strong,.rupture-global-row strong,.rupture-global-row span,.rupture-global-row small){white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
  #view-abastecimento .rupture-global-row{min-width:0!important;max-width:100%!important;padding:13px!important}#view-abastecimento .rupture-abc-badges{flex-wrap:wrap}
  #view-abastecimento .rupture-abc-table-wrap{overflow:visible!important}
  #view-abastecimento .rupture-abc-table{display:block;width:100%!important;min-width:0!important;table-layout:auto!important}
  #view-abastecimento .rupture-abc-table thead{display:none!important}
  #view-abastecimento .rupture-abc-table tbody{display:grid!important;gap:10px;width:100%!important;min-width:0!important}
  #view-abastecimento .rupture-abc-table tr.rupture-global-row{display:grid!important;width:auto!important;min-width:0!important;max-width:none!important}
  #view-abastecimento .rupture-abc-table tr.rupture-global-row>td{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important}

  /* Produtos da Curva ABC em cartões de duas colunas. */
  #view-curva-abc .abc-table-scroll-v4{overflow:visible!important}#view-curva-abc .abc-products-table-v4{display:block;min-width:0!important}#view-curva-abc .abc-products-table-v4 thead{display:none}#view-curva-abc .abc-products-table-v4 tbody{display:grid;gap:10px}
  #view-curva-abc .abc-products-table-v4 tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px;border:1px solid var(--cj-mobile-line);border-radius:14px;background:var(--cj-mobile-surface)}
  #view-curva-abc .abc-products-table-v4 td{display:grid;gap:3px;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere}
  #view-curva-abc .abc-products-table-v4 td::before{content:attr(data-col);color:#718197;font-size:9px;font-weight:900;text-transform:uppercase}
  #view-curva-abc .abc-products-table-v4 .abc-prod-main-cell{grid-column:1/-1;min-width:0!important;max-width:none!important;padding-bottom:9px!important;border-bottom:1px solid var(--cj-mobile-line)!important}#view-curva-abc .abc-products-table-v4 .abc-prod-main-cell::before{content:"Produto"}#view-curva-abc .abc-products-table-v4 .abc-prod-main-cell small{white-space:normal!important;overflow-wrap:anywhere}
}

/* Desempenho nas Homes de gestão: no telefone os controles, o calendário e
 * a filial formam um único painel operacional. A Diretoria preserva o resumo
 * da rede; a Gerência usa apenas o gráfico da filial para não duplicar dados. */
@media(max-width:760px){
  /* Cockpit CJ claro: superfícies serenas, com nuances da paleta CJ. O tema
   * escuro mantém a leitura profunda própria, definida em theme.css. */
  #view-dashboard.cj-role-home-manager .cj-role-home{gap:10px}
  #view-dashboard.cj-role-home-manager .cj-role-home-hero{
    overflow:hidden;
    border-color:color-mix(in srgb,var(--cj-mobile-green) 30%,var(--cj-mobile-line));
    background:linear-gradient(135deg,color-mix(in srgb,var(--cj-mobile-surface) 88%,#e4f8ed) 0%,var(--cj-mobile-surface) 58%,color-mix(in srgb,var(--cj-mobile-surface) 86%,#e9f3ff) 100%);
    box-shadow:0 12px 30px rgba(13,91,63,.09);
  }
  #view-dashboard .cj-role-home .cj-role-home-kpis{
    gap:0;
    overflow:hidden;
    border:1px solid #d5e7e2;
    border-radius:17px;
    background:#fbfdfc;
    box-shadow:0 12px 28px rgba(25,67,76,.12),inset 0 1px 0 rgba(255,255,255,.9);
  }
  #view-dashboard .cj-role-home .cj-role-kpi{
    position:relative;
    isolation:isolate;
    min-height:101px;
    overflow:hidden;
    border:0;
    border-radius:0;
    padding:15px 14px 13px;
    color:var(--cj-mobile-ink);
    background:
      linear-gradient(132deg,rgba(168,238,197,.42) 0%,rgba(168,238,197,0) 46%),
      linear-gradient(142deg,#fbfefc 0%,#f0faf5 57%,#e8f7ee 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
  }
  #view-dashboard .cj-role-home .cj-role-kpi:nth-child(odd){border-right:1px solid #d9ebe6}
  #view-dashboard .cj-role-home .cj-role-kpi:nth-child(-n+2){border-bottom:1px solid #d9ebe6}
  #view-dashboard .cj-role-home .cj-role-kpi:nth-child(2),
  #view-dashboard .cj-role-home .cj-role-kpi:nth-child(3){
    background:
      linear-gradient(132deg,rgba(172,226,236,.44) 0%,rgba(172,226,236,0) 46%),
      linear-gradient(142deg,#fbfefd 0%,#f0f9fb 57%,#e7f4f7 100%);
  }
  #view-dashboard .cj-role-home .cj-role-kpi:nth-child(3){
    background:
      linear-gradient(132deg,rgba(255,218,153,.46) 0%,rgba(255,218,153,0) 46%),
      linear-gradient(142deg,#fffefd 0%,#fff9ef 57%,#fff1dd 100%);
  }
  #view-dashboard .cj-role-home .cj-role-kpi:nth-child(4){
    background:
      linear-gradient(132deg,rgba(167,221,244,.46) 0%,rgba(167,221,244,0) 46%),
      linear-gradient(142deg,#fbfdff 0%,#f0f8fc 57%,#e8f4fb 100%);
  }
  #view-dashboard .cj-role-home .cj-role-kpi span{color:#58776e;font-size:10px;letter-spacing:.025em;text-transform:uppercase}
  #view-dashboard .cj-role-home .cj-role-kpi strong{margin-top:8px;color:var(--cj-mobile-ink);font-size:18px;font-weight:950;line-height:1.12}
  #view-dashboard .cj-role-home .cj-role-kpi small{margin-top:7px;color:#6d827d;font-size:10px;font-weight:750}

  #view-dashboard.cj-role-home-manager #sales-performance-summary{display:none!important}
  .cj-role-home-performance-slot>#sales-performance-panel{
    display:grid!important;
    gap:12px;
    overflow:visible!important;
    border:1px solid var(--cj-mobile-line)!important;
    background:linear-gradient(150deg,var(--cj-mobile-surface) 0%,color-mix(in srgb,var(--cj-mobile-surface) 91%,#e9f8f0) 100%)!important;
    box-shadow:var(--cj-mobile-shadow)!important;
  }
  #view-dashboard.cj-role-home-sales-performance #sales-performance-panel .sales-performance-header{
    display:grid;
    gap:3px;
    margin:0;
    border-bottom:1px solid var(--cj-mobile-line);
    padding:0 2px 11px;
  }
  #view-dashboard.cj-role-home-sales-performance #sales-performance-panel .sales-performance-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    margin:0;
    border:1px solid var(--cj-mobile-line)!important;
    border-radius:14px;
    padding:12px!important;
    background:var(--cj-mobile-surface);
    box-shadow:0 8px 22px rgba(20,51,80,.055);
  }
  #view-dashboard.cj-role-home-sales-performance :where(
    #sales-performance-panel,
    .sales-performance-toolbar,
    .sales-control,
    .sales-compare-input-wrap,
    .sales-goal-input-wrap
  ){
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
  }
  #view-dashboard.cj-role-home-sales-performance .sales-control{gap:7px}
  #view-dashboard.cj-role-home-sales-performance .sales-control>span{font-size:11px;letter-spacing:.04em}
  #view-dashboard.cj-role-home-sales-performance .sales-control input{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:48px;
    border-radius:11px;
    font-size:16px;
  }
  #view-dashboard.cj-role-home-sales-performance :where(.sales-performance-toolbar,.sales-control,.sales-compare-input-wrap,.sales-goal-input-wrap){overflow:hidden}
  #view-dashboard.cj-role-home-sales-performance .sales-compare-input-wrap{
    display:flex!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
  }
  #view-dashboard.cj-role-home-sales-performance .sales-compare-input-wrap input{
    flex:1 1 0%;
    inline-size:0!important;
    width:0!important;
    min-width:0!important;
    max-width:none!important;
  }
  #view-dashboard.cj-role-home-sales-performance .sales-compare-input-wrap button{flex:0 0 46px;min-width:46px;border-radius:0 11px 11px 0}
  #view-dashboard.cj-role-home-sales-performance .sales-goal-input-wrap{
    grid-template-columns:44px minmax(0,1fr)!important;
    border-radius:12px;
  }
  #view-dashboard.cj-role-home-sales-performance .sales-goal-input-wrap>span{display:grid;align-self:stretch;place-items:center;padding:0;border-right:1px solid var(--cj-mobile-line)}
  #view-dashboard.cj-role-home-sales-performance .sales-goal-input-wrap input{min-height:46px;border-radius:0}
  #view-dashboard.cj-role-home-sales-performance .sales-goal-input-wrap button{
    grid-column:1/-1;
    min-height:44px;
    border-top:1px solid var(--cj-mobile-line);
    border-left:0;
    padding:9px 12px;
  }
  #view-dashboard.cj-role-home-sales-performance .sales-goal-input-wrap.consolidated{grid-template-columns:44px minmax(0,1fr)!important}
  #view-dashboard.cj-role-home-sales-performance .sales-goal-consolidated-value{padding:12px;font-size:15px}
  #view-dashboard.cj-role-home-sales-performance .sales-goal-hint{font-size:11px;line-height:1.45}
  #view-dashboard.cj-role-home-sales-performance .sales-calendar-strip{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0;
    border:1px solid var(--cj-mobile-line);
    border-radius:14px;
    padding:10px!important;
    background:color-mix(in srgb,var(--cj-mobile-soft) 68%,transparent);
  }
  #view-dashboard.cj-role-home-sales-performance .sales-calendar-card{
    min-height:96px;
    border-radius:12px;
    padding:11px 10px 10px;
    box-shadow:none;
  }
  #view-dashboard.cj-role-home-sales-performance .sales-calendar-card.month{grid-column:1/-1;min-height:112px}
  #view-dashboard.cj-role-home-sales-performance .sales-calendar-card>strong{font-size:25px}
  #view-dashboard.cj-role-home-sales-performance .sales-calendar-card.month>strong{font-size:23px}
  #view-dashboard.cj-role-home-sales-performance .sales-calendar-card>small,
  #view-dashboard.cj-role-home-sales-performance .sales-calendar-card>em{white-space:normal;text-overflow:clip;overflow-wrap:anywhere}
  #view-dashboard.cj-role-home-sales-performance .sales-branch-progress{
    margin:0;
    border:1px solid var(--cj-mobile-line)!important;
    border-radius:14px;
    padding:12px 10px 10px;
    background:var(--cj-mobile-surface);
  }
  #view-dashboard.cj-role-home-sales-performance .sales-branch-progress .sales-chart-heading{
    display:grid;
    gap:5px;
    border-top:0;
    border-bottom:1px solid var(--cj-mobile-line);
    padding:0 2px 11px;
  }
  #view-dashboard.cj-role-home-sales-performance .sales-chart-heading small{max-width:none;text-align:left;line-height:1.4}
  #view-dashboard.cj-role-home-sales-performance .sales-branch-bars{overflow:visible}
  #view-dashboard.cj-role-home-sales-performance .sales-branch-legend{gap:6px;padding:10px 0}
  #view-dashboard.cj-role-home-sales-performance .sales-branch-legend .legend-item{padding:5px 7px;font-size:9px;line-height:1.35}
  #view-dashboard.cj-role-home-sales-performance .sales-branch-grid{grid-template-columns:minmax(0,1fr);gap:12px;padding:0}
  #view-dashboard.cj-role-home-sales-performance .sales-branch-group,
  #view-dashboard.cj-role-home-sales-performance .sales-branch-grid:not(.has-comparison) .sales-branch-group:nth-child(4n),
  #view-dashboard.cj-role-home-sales-performance .sales-branch-grid:not(.has-comparison) .sales-branch-group:nth-child(2n),
  #view-dashboard.cj-role-home-sales-performance .sales-branch-grid.has-comparison .sales-branch-group:nth-child(2n){
    border:1px solid var(--cj-mobile-line)!important;
    border-radius:13px;
    padding:12px 6px 14px;
    background:color-mix(in srgb,var(--cj-mobile-soft) 48%,var(--cj-mobile-surface));
  }
  #view-dashboard.cj-role-home-sales-performance .sales-branch-group h4{margin-bottom:12px;padding-left:8px;font-size:14px}

  /* No Cockpit da Gerência: gráfico primeiro, decisão logo abaixo e calendário
   * por último. A Diretoria mantém sua leitura consolidada já validada. */
  #view-dashboard.cj-role-home-manager .cj-role-home-performance-slot>#sales-performance-panel{
    gap:9px;
    border:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #view-dashboard.cj-role-home-manager .sales-performance-header{
    order:0;
    margin:0!important;
    border:1px solid var(--cj-mobile-line)!important;
    border-radius:15px;
    padding:13px 14px!important;
    background:linear-gradient(135deg,var(--cj-mobile-surface),color-mix(in srgb,var(--cj-mobile-surface) 82%,#e9f3ff));
    box-shadow:0 8px 22px rgba(20,51,80,.055);
  }
  #view-dashboard.cj-role-home-manager .sales-branch-progress{order:1}
  #view-dashboard.cj-role-home-manager .sales-daily-performance{order:2}
  #view-dashboard.cj-role-home-manager .sales-performance-toolbar{order:3}
  #view-dashboard.cj-role-home-manager .sales-calendar-strip{order:4}
  #view-dashboard.cj-role-home-manager .sales-branch-progress{
    border-color:color-mix(in srgb,var(--cj-mobile-orange) 28%,var(--cj-mobile-line))!important;
    background:linear-gradient(155deg,var(--cj-mobile-surface),color-mix(in srgb,var(--cj-mobile-surface) 91%,#fff2e3));
    box-shadow:0 10px 26px rgba(104,71,26,.07);
  }
  #view-dashboard.cj-role-home-manager .sales-daily-performance:not([hidden]){
    display:grid;
    gap:9px;
    min-width:0;
    border:1px solid color-mix(in srgb,var(--cj-mobile-blue) 24%,var(--cj-mobile-line));
    border-radius:14px;
    padding:12px 10px 10px;
    background:linear-gradient(155deg,var(--cj-mobile-surface),color-mix(in srgb,var(--cj-mobile-surface) 92%,#e7f3ff));
    box-shadow:0 10px 26px rgba(33,91,137,.07);
  }
  #view-dashboard.cj-role-home-manager .sales-daily-performance .sales-chart-heading{display:grid;gap:5px;border:0;border-bottom:1px solid var(--cj-mobile-line);padding:0 2px 10px}
  #view-dashboard.cj-role-home-manager .sales-daily-performance .sales-chart-heading small{max-width:none;text-align:left;line-height:1.35}
  .sales-daily-legend{display:flex;flex-wrap:wrap;gap:6px}
  .sales-daily-legend span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--cj-mobile-line);border-radius:999px;padding:5px 7px;background:#fff;color:var(--cj-mobile-muted);font-size:9px;font-weight:850}
  .sales-daily-legend span::before{content:"";width:12px;height:6px;border-radius:3px;background:var(--chart-current)}
  .sales-daily-legend .target::before{background:var(--chart-target)}
  .sales-daily-legend .bonus::before{background:var(--chart-projection)}
  .sales-daily-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--cj-mobile-line);border-radius:12px;background:#fff;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .sales-daily-chart{display:flex;align-items:stretch;gap:4px;width:max-content;min-width:100%;height:236px;padding:10px 8px 8px;box-sizing:border-box}
  .sales-daily-day{display:grid;grid-template-rows:30px minmax(0,1fr) auto auto;width:54px;min-width:54px;gap:4px;text-align:center}
  .sales-daily-day>strong{align-self:end;color:var(--cj-mobile-ink);font-size:8px;font-weight:900;white-space:nowrap}
  .sales-daily-plot{display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:0;border-bottom:1px dashed #d5dfeb}
  .sales-daily-bar{display:block;width:15px;min-height:0;height:var(--daily-height);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#86f6c0 0%,#24c772 46%,#078541 100%)}
  .sales-daily-bar.target{width:9px;background:linear-gradient(180deg,#ffe0a3 0%,#ffad35 48%,#e47a00 100%)}
  .sales-daily-bar.is-negative{background:linear-gradient(180deg,#ffb2b2,#d9363e)}
  .sales-daily-day>b{font-size:10px;color:var(--cj-mobile-ink)}
  .sales-daily-day>span{font-size:8px;color:var(--cj-mobile-muted);line-height:1.2}
  .sales-daily-day.is-saturday{border-radius:8px;background:linear-gradient(180deg,transparent 0%,rgba(45,190,221,.09) 100%)}
  .sales-daily-day.is-sunday{opacity:.52}
  .sales-daily-hint{color:var(--cj-mobile-muted);font-size:9px;text-align:right}
  #view-dashboard.cj-role-home-manager .sales-performance-toolbar{
    gap:9px!important;
    padding:10px!important;
    box-shadow:none;
  }
  #view-dashboard.cj-role-home-manager .sales-control{gap:5px}
  #view-dashboard.cj-role-home-manager .sales-control>span{font-size:10px}
  #view-dashboard.cj-role-home-manager .sales-control input{min-height:40px;padding:7px 9px;font-size:16px}
  #view-dashboard.cj-role-home-manager .sales-compare-input-wrap button{flex-basis:40px;min-width:40px}
  #view-dashboard.cj-role-home-manager .sales-goal-input-wrap{
    grid-template-columns:34px minmax(70px,1fr) auto auto!important;
    min-height:40px;
    border-radius:10px;
  }
  #view-dashboard.cj-role-home-manager .sales-goal-input-wrap>span{min-width:34px}
  #view-dashboard.cj-role-home-manager .sales-goal-input-wrap input{min-height:40px}
  #view-dashboard.cj-role-home-manager .sales-goal-input-wrap button{
    grid-column:auto;
    min-height:40px;
    border-top:0;
    border-left:1px solid var(--cj-mobile-line);
    padding:7px 8px;
    font-size:10px;
    white-space:nowrap;
  }
  #view-dashboard.cj-role-home-manager .sales-goal-input-wrap.consolidated{grid-template-columns:34px minmax(0,1fr)!important}
  #view-dashboard.cj-role-home-manager .sales-goal-hint{min-height:0;font-size:10px}
  #view-dashboard.cj-role-home-manager .sales-calendar-strip{padding:9px!important;background:var(--cj-mobile-surface)}
  #view-dashboard.cj-role-home-manager .sales-calendar-card{min-height:80px;padding:9px 9px 8px}
  #view-dashboard.cj-role-home-manager .sales-calendar-card.month{min-height:91px}
  #view-dashboard.cj-role-home-manager .sales-calendar-card>strong{font-size:23px}
  #view-dashboard.cj-role-home-manager .sales-calendar-card.month>strong{font-size:21px}

  #view-dashboard.cj-role-home-manager .cj-role-home-grid{gap:10px}
  #view-dashboard .cj-role-home .cj-role-team-panel{overflow:hidden;padding:0;border-color:#bfdbd5;box-shadow:0 12px 25px rgba(10,75,79,.11)}
  #view-dashboard .cj-role-home .cj-role-team-panel>header{
    margin:0;
    padding:14px 14px 11px;
    border-bottom:1px solid var(--cj-mobile-line);
    background:linear-gradient(128deg,#f8fffc 0%,#eefaf5 58%,#f6fbfb 100%);
  }
  #view-dashboard .cj-role-home .cj-role-team-panel>header div{min-width:0}
  #view-dashboard .cj-role-home .cj-role-team-panel>header p{margin:4px 0 0;color:var(--cj-mobile-muted);font-size:10px;line-height:1.35}
  #view-dashboard .cj-role-home .cj-role-team-panel>header>small{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--cj-mobile-green) 13%,var(--cj-mobile-surface));color:var(--cj-mobile-green);font-size:9px;font-weight:900;text-transform:uppercase}
  #view-dashboard .cj-role-home .cj-role-team-list{display:grid}
  #view-dashboard .cj-role-home .cj-role-team-row{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto 14px;
    grid-template-areas:"rank person value arrow" ". progress progress arrow";
    align-items:center;
    gap:6px 9px;
    width:100%;
    min-width:0;
    min-height:69px;
    border:0;
    border-bottom:1px solid var(--cj-mobile-line);
    padding:10px 12px;
    background:var(--cj-mobile-surface);
    color:var(--cj-mobile-ink);
    font:inherit;
    text-align:left;
  }
  #view-dashboard .cj-role-home .cj-role-team-row[hidden]{display:none!important}
  #view-dashboard .cj-role-home .cj-role-team-row:active{background:var(--cj-mobile-soft)}
  #view-dashboard .cj-role-home .cj-role-team-row>i{grid-area:rank;display:grid;width:31px;height:31px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--cj-mobile-blue) 11%,var(--cj-mobile-surface));color:var(--cj-mobile-blue);font-size:12px;font-style:normal;font-weight:950}
  #view-dashboard .cj-role-home .cj-role-team-person{grid-area:person;min-width:0}
  #view-dashboard .cj-role-home .cj-role-team-person strong,#view-dashboard .cj-role-home .cj-role-team-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #view-dashboard .cj-role-home .cj-role-team-person strong{font-size:12px;font-weight:900}
  #view-dashboard .cj-role-home .cj-role-team-person small{margin-top:3px;color:var(--cj-mobile-muted);font-size:9px;font-weight:700}
  #view-dashboard .cj-role-home .cj-role-team-row>b{grid-area:value;font-size:11px;font-weight:950;white-space:nowrap}
  #view-dashboard .cj-role-home .cj-role-team-row>em{grid-area:arrow;color:var(--cj-mobile-muted);font-size:22px;font-style:normal}
  #view-dashboard .cj-role-home .cj-role-team-progress{grid-area:progress;height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--cj-mobile-line) 65%,transparent)}
  #view-dashboard .cj-role-home .cj-role-team-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0aa65b 0%,#24b8d6 100%)}
  #view-dashboard .cj-role-home .cj-role-team-all{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;border:0;border-top:1px solid #d4e8e2;padding:10px 14px;background:linear-gradient(100deg,#e3f8ed 0%,#edf9f7 52%,#e8f5ef 100%);color:#087d4d;font:inherit;font-size:11px;font-weight:950}
  #view-dashboard .cj-role-home .cj-role-team-all span{font-size:17px}
  #view-dashboard.cj-role-home-manager .cj-role-home-grid>.cj-role-home-panel:last-child{background:linear-gradient(145deg,var(--cj-mobile-surface),color-mix(in srgb,var(--cj-mobile-surface) 90%,#eef5ff))}
  #view-dashboard.cj-role-home-manager .cj-role-shortcut:nth-child(2n)>i{background:color-mix(in srgb,var(--cj-mobile-blue) 11%,var(--cj-mobile-surface));color:var(--cj-mobile-blue)}
}

@media(min-width:600px) and (max-width:760px){
  #view-dashboard.cj-role-home-sales-performance .sales-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){.cj-role-home *,.cj-mobile-bottom-nav *{transition:none!important}}

/* ===== TODOS OS MODULOS — LEITURA OPERACIONAL NO TELEFONE ===== */
@media(max-width:760px){
  .main>.view.active{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
  .main>.view.active>.page-panel{width:100%!important;min-width:0!important;max-width:100%!important;padding:15px 12px!important;overflow:visible!important}
  .main>.view.active :where(.panel-header,.ranking-note,.drill-help,.cidades4-status){min-width:0;max-width:100%;overflow-wrap:anywhere}
  .main>.view.active :where(input,select,textarea,button){font-size:max(16px,1em)}

  /* Filtros e resumos usam a largura real do aparelho. */
  #view-clientes :where(.mini-filters,.filter-row),
  #view-itens :where(.mini-filters,.filter-row,.itens-filter-actions),
  #view-cidades :where(.cidades4-toolbar,.cidades4-busca-field),
  #view-auditoria-precos :where(.aud-filters,.aud2-filters,.aud2-filters-plus,.aud-filter-actions){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important}
  #view-clientes :where(.filter-input,input,select,button),
  #view-itens :where(.filter-input,input,select,button),
  #view-cidades :where(label,input,select,button),
  #view-auditoria-precos :where(.field,input,select,button,.cj-ms,.cj-ms-btn){min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box}
  #view-itens .itens-filter-panel{padding:12px!important}
  #view-itens .itens-advanced-details>summary{min-height:46px;display:flex;align-items:center}

  :where(#view-clientes .clientes-summary,#view-itens .clientes-summary,#view-cidades .cidades4-summary,#view-auditoria-precos .aud-cards,.client-items-summary){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  :where(#view-clientes .clientes-summary,#view-itens .clientes-summary,#view-cidades .cidades4-summary,#view-auditoria-precos .aud-cards,.client-items-summary)>div{min-width:0!important;padding:11px!important}
  :where(#view-clientes .clientes-summary,#view-itens .clientes-summary,#view-cidades .cidades4-summary,#view-auditoria-precos .aud-cards,.client-items-summary)>div strong{font-size:16px!important;white-space:normal!important;overflow-wrap:anywhere}
  :where(#view-clientes .clientes-summary,#view-itens .clientes-summary) .summary-note-wide{grid-column:1/-1}

  /* Paginação para toque: sem linha desktop apertada e sem texto apagado. */
  :where(.cj-pager.itens-pager,.aud2-pager){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;width:100%!important;padding:12px!important;box-sizing:border-box}
  :where(.cj-pager-actions,.aud2-pager-right){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important;min-width:0!important}
  :where(.cj-pager-actions,.aud2-pager-right)>button{flex:1 1 78px;min-height:42px!important;padding:8px!important}
  :where(.itens-page-jump,.aud2-page-jump){flex:1 1 138px;min-height:42px;justify-content:space-between}
  :where(.itens-page-jump,.aud2-page-jump) input{width:68px!important;min-height:42px;box-sizing:border-box}

  /* A tabela deixa de ser um desktop rolável e vira uma pilha de cartões. */
  :where(
    #view-clientes .clientes-table,
    #view-itens .itens-table,
    #view-cidades .cidades4-table,
    #view-cidades .cidades4-drill-table,
    #view-cidades .cidades4-itens-table,
    #view-auditoria-precos .aud2-table,
    #view-meu-espaco .seller-central-table,
    .drill-table,
    .drill-itens-table,
    .client-item-table
  ){display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important;background:transparent!important}
  :where(
    #view-clientes .clientes-table,
    #view-itens .itens-table,
    #view-cidades .cidades4-table,
    #view-cidades .cidades4-drill-table,
    #view-cidades .cidades4-itens-table,
    #view-auditoria-precos .aud2-table,
    #view-meu-espaco .seller-central-table,
    .drill-table,
    .drill-itens-table,
    .client-item-table
  ) thead{display:none!important}
  :where(
    #view-clientes .clientes-table,
    #view-itens .itens-table,
    #view-cidades .cidades4-table,
    #view-cidades .cidades4-drill-table,
    #view-cidades .cidades4-itens-table,
    #view-auditoria-precos .aud2-table,
    #view-meu-espaco .seller-central-table,
    .drill-table,
    .drill-itens-table,
    .client-item-table
  ) tbody{display:grid!important;width:100%!important;min-width:0!important;gap:10px!important}
  :where(
    #view-clientes .clientes-table,
    #view-itens .itens-table,
    #view-cidades .cidades4-table,
    #view-cidades .cidades4-drill-table,
    #view-cidades .cidades4-itens-table,
    #view-auditoria-precos .aud2-table,
    #view-meu-espaco .seller-central-table,
    .drill-table,
    .drill-itens-table,
    .client-item-table
  ) tbody>tr:not(.client-items-row):not(.cidades4-drill-row):not(.cidades4-itens-row):not(.drill-row){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:13px!important;border:1px solid var(--cj-mobile-line)!important;border-radius:15px!important;background:var(--cj-mobile-surface)!important;box-shadow:0 8px 22px rgba(20,46,72,.06);box-sizing:border-box}
  :where(
    #view-clientes .clientes-table,
    #view-itens .itens-table,
    #view-cidades .cidades4-table,
    #view-cidades .cidades4-drill-table,
    #view-cidades .cidades4-itens-table,
    #view-auditoria-precos .aud2-table,
    #view-meu-espaco .seller-central-table,
    .drill-table,
    .drill-itens-table,
    .client-item-table
  ) tbody>tr:not(.client-items-row):not(.cidades4-drill-row):not(.cidades4-itens-row):not(.drill-row)>td{display:grid!important;align-content:start;gap:3px;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;background:transparent!important;color:var(--cj-mobile-ink);font-size:12px!important;line-height:1.35;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
  :where(
    #view-clientes .clientes-table,
    #view-itens .itens-table,
    #view-cidades .cidades4-table,
    #view-cidades .cidades4-drill-table,
    #view-cidades .cidades4-itens-table,
    #view-auditoria-precos .aud2-table,
    #view-meu-espaco .seller-central-table,
    .drill-table,
    .drill-itens-table,
    .client-item-table
  ) tbody>tr:not(.client-items-row):not(.cidades4-drill-row):not(.cidades4-itens-row):not(.drill-row)>td::before{content:attr(data-label);display:block;color:var(--cj-mobile-muted);font-size:9px;font-weight:900;letter-spacing:.045em;line-height:1.2;text-transform:uppercase}
  :where(.ranking-table-wrap,.clientes-table-wrap,.itens-table-wrap,.aud-table-wrap,.aud2-table-scroll,.cidades4-table-wrap,.cidades4-drill-table-wrap,.seller-central-table-wrap,.client-items-content,.seller-workspace-content){width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  #view-clientes :where(.client-items-box,.client-items-content),
  #view-ranking :where(.drill-detail,.drill-table-wrap,.drill-itens-wrap),
  #view-cidades :where(.cidades4-drill-box,.cidades4-itens-box){width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box}
  #view-clientes .clientes-table,
  #view-clientes .client-item-table,
  #view-itens .itens-table,
  #view-ranking .drill-table,
  #view-ranking .drill-itens-table,
  #view-cidades .cidades4-table,
  #view-cidades .cidades4-drill-table,
  #view-cidades .cidades4-itens-table,
  #view-auditoria-precos .aud2-table,
  #view-meu-espaco .seller-central-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}

  /* Clientes: identificação primeiro, depois venda, qualidade e vínculo. */
  #view-clientes .clientes-table tr.client-clickable>td:nth-child(1){display:none!important}
  #view-clientes .clientes-table tr.client-clickable>td:nth-child(4){grid-column:1/-1;order:1;padding-bottom:9px!important;border-bottom:1px solid var(--cj-mobile-line)!important}
  #view-clientes .clientes-table tr.client-clickable>td:nth-child(4) strong{font-size:15px;line-height:1.3}
  #view-clientes .clientes-table tr.client-clickable>td:nth-child(8){grid-column:1/-1;order:2;font-size:17px!important;font-weight:950}
  #view-clientes .clientes-table tr.client-clickable>td:nth-child(9){order:3}#view-clientes .clientes-table tr.client-clickable>td:nth-child(10){order:4}
  #view-clientes .clientes-table tr.client-clickable>td:nth-child(5){grid-column:1/-1;order:5}
  #view-clientes .clientes-table tr.client-clickable>td:nth-child(7){grid-column:1/-1;order:6}
  #view-clientes .clientes-table tr.client-clickable>td:nth-child(2){order:7}#view-clientes .clientes-table tr.client-clickable>td:nth-child(11){order:8}#view-clientes .clientes-table tr.client-clickable>td:nth-child(3){order:9}#view-clientes .clientes-table tr.client-clickable>td:nth-child(6){order:10}

  /* Itens: produto e impacto financeiro aparecem antes dos vínculos. */
  #view-itens .itens-table tbody>tr>td:nth-child(4){grid-column:1/-1;order:1;padding-bottom:9px!important;border-bottom:1px solid var(--cj-mobile-line)!important}
  #view-itens .itens-table tbody>tr>td:nth-child(5){grid-column:1/-1;order:2}
  #view-itens .itens-table tbody>tr>td:nth-child(9){grid-column:1/-1;order:3;font-size:17px!important;font-weight:950}
  #view-itens .itens-table tbody>tr>td:nth-child(11){order:4}#view-itens .itens-table tbody>tr>td:nth-child(1){order:5}#view-itens .itens-table tbody>tr>td:nth-child(8){order:6}#view-itens .itens-table tbody>tr>td:nth-child(10){order:7}
  #view-itens .itens-table tbody>tr>td:nth-child(6){grid-column:1/-1;order:8}#view-itens .itens-table tbody>tr>td:nth-child(7){grid-column:1/-1;order:9}#view-itens .itens-table tbody>tr>td:nth-child(2){order:10}#view-itens .itens-table tbody>tr>td:nth-child(3){order:11}

  /* Cidades: leitura executiva compacta e drill down no mesmo fluxo. */
  #view-cidades .cidades4-table tr.cidades4-row>td:nth-child(1){display:none!important}
  #view-cidades .cidades4-table tr.cidades4-row>td:nth-child(2){grid-column:1/-1;order:1;padding-bottom:9px!important;border-bottom:1px solid var(--cj-mobile-line)!important}
  #view-cidades .cidades4-table tr.cidades4-row>td:nth-child(5){grid-column:1/-1;order:2;font-size:17px!important;font-weight:950}
  #view-cidades .cidades4-table tr.cidades4-row>td:nth-child(6){order:3}#view-cidades .cidades4-table tr.cidades4-row>td:nth-child(7){order:4}#view-cidades .cidades4-table tr.cidades4-row>td:nth-child(8){order:5}#view-cidades .cidades4-table tr.cidades4-row>td:nth-child(4){order:6}#view-cidades .cidades4-table tr.cidades4-row>td:nth-child(9){order:7}#view-cidades .cidades4-table tr.cidades4-row>td:nth-child(3){order:8}
  #view-cidades .cidades4-table tr.cidades4-row>td:nth-child(10){grid-column:1/-1;order:9}
  #view-cidades .cidades4-bar{width:100%!important;max-width:100%}
  #view-cidades .cidades4-drill-table tr.cidades4-cliente-row>td:nth-child(1){display:none!important}
  #view-cidades .cidades4-drill-table tr.cidades4-cliente-row>td:nth-child(2){grid-column:1/-1;order:1}
  #view-cidades .cidades4-drill-table tr.cidades4-cliente-row>td:nth-child(4){grid-column:1/-1;order:2;font-size:16px!important;font-weight:950}
  #view-cidades .cidades4-drill-table tr.cidades4-cliente-row>td:nth-child(5){order:3}#view-cidades .cidades4-drill-table tr.cidades4-cliente-row>td:nth-child(6){order:4}#view-cidades .cidades4-drill-table tr.cidades4-cliente-row>td:nth-child(3){order:5}#view-cidades .cidades4-drill-table tr.cidades4-cliente-row>td:nth-child(7){order:6}#view-cidades .cidades4-drill-table tr.cidades4-cliente-row>td:nth-child(8){grid-column:1/-1;order:7}
  #view-cidades .cidades4-itens-table tbody>tr>td:nth-child(3){grid-column:1/-1;order:1;padding-bottom:8px!important;border-bottom:1px solid var(--cj-mobile-line)!important}

  /* Auditoria permite colunas personalizadas, mas mantém cartões legíveis. */
  #view-auditoria-precos .aud2-table tbody>tr>.aud2-produto{grid-column:1/-1;padding-bottom:9px!important;border-bottom:1px solid var(--cj-mobile-line)!important}
  #view-auditoria-precos .aud2-table tbody>tr>td:first-child:not(.aud2-produto){grid-column:1/-1}
  #view-auditoria-precos .aud2-table-title{align-items:flex-start;flex-direction:column}
  #view-auditoria-precos .aud-colunas-box{width:100%}
  #view-auditoria-precos .aud-colunas-panel{right:auto;left:0;width:min(100%,330px)}

  /* Drills e Central do Vendedor seguem o mesmo cartão, sem largura mínima desktop. */
  :where(.drill-table,.client-item-table,.cidades4-itens-table) tbody>tr>td.produto-cell,
  .cidades4-itens-table tbody>tr>td:nth-child(3),
  #view-meu-espaco .seller-central-table tbody>tr>td:first-child{grid-column:1/-1;padding-bottom:8px!important;border-bottom:1px solid var(--cj-mobile-line)!important}
  #view-meu-espaco :where(.seller-workspace,.seller-workspace-shell,.seller-workspace-content,.seller-central-section,.seller-overview-panel,.seller-central-table-wrap){width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;overflow:visible!important}
  #view-meu-espaco .seller-workspace-header{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box}
  #view-meu-espaco .seller-workspace-header label,
  #view-meu-espaco .seller-workspace-header label>span,
  #view-meu-espaco .seller-workspace-header select{display:block;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
  #view-meu-espaco .seller-workspace-tabs{max-width:100%;overflow-x:auto!important}
  #view-meu-espaco .seller-month-chart{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box}
  #view-meu-espaco :where(.seller-central-kpis,.seller-central-status-strip,.seller-goal-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Linhas que abrem detalhes ocupam o cartão inteiro e não criam tabela dentro de tabela. */
  :where(.client-items-row,.cidades4-drill-row,.cidades4-itens-row,.drill-row){display:block!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important}
  :where(.client-items-row,.cidades4-drill-row,.cidades4-itens-row,.drill-row)>td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:10px 0!important;border:0!important;background:transparent!important;box-sizing:border-box}
  :where(.client-items-box,.cidades4-drill,.cidades4-itens-content,.drill-content){width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;overflow:visible!important}

  /* Curva ABC: cada classe vira um resumo de duas colunas, não um cartão gigante. */
  #view-curva-abc .abc-analysis-section .abc-mini-table-v6 tbody,
  #view-curva-abc .abc-analysis-section .abc-mini-table-v6 tfoot{display:grid!important;gap:10px!important}
  #view-curva-abc .abc-analysis-section .abc-mini-table-v6 tbody>tr,
  #view-curva-abc .abc-analysis-section .abc-mini-table-v6 tfoot>tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;width:auto!important;min-width:0!important;padding:13px!important;border:1px solid var(--cj-mobile-line)!important;border-radius:14px!important;background:var(--cj-mobile-surface)!important}
  #view-curva-abc .abc-analysis-section .abc-mini-table-v6 tr>td{display:grid!important;align-content:start;justify-content:stretch!important;gap:3px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--cj-mobile-ink)!important;font-size:12px!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #view-curva-abc .abc-analysis-section .abc-mini-table-v6 tr>td::before{display:block;color:var(--cj-mobile-muted)!important;font-size:9px!important;letter-spacing:.04em;text-transform:uppercase}
  #view-curva-abc .abc-analysis-section .abc-mini-table-v6 tr>td:first-child{grid-column:1/-1;padding-bottom:8px!important;border-bottom:1px solid var(--cj-mobile-line)!important}
  #view-curva-abc .abc-analysis-section .abc-mini-table-v6 tfoot>tr{background:var(--cj-mobile-soft)!important}
}

@media(max-width:340px){
  :where(#view-clientes .clientes-summary,#view-itens .clientes-summary,#view-cidades .cidades4-summary,#view-auditoria-precos .aud-cards,.client-items-summary){grid-template-columns:minmax(0,1fr)!important}
}
/* ===== FIM TODOS OS MODULOS ===== */