/* Layout de celular: Visão geral compacta + barra de navegação em uma linha */
html body#portalVariant #integratedOverview .cal-strip,html body#portalVariant #integratedOverview .io-filter-toggle{display:none}
@media (max-width:640px){
  /* Cabeçalho */
  html body#portalVariant #integratedOverview .page-heading{display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;margin-bottom:10px!important}
  html body#portalVariant #integratedOverview .page-heading p,html body#portalVariant #integratedOverview .io-heading-caption{display:none!important}
  html body#portalVariant #integratedOverview .page-heading h1{font-size:22px!important;margin:0!important}
  html body#portalVariant #integratedOverview .page-heading .primary{padding:8px 12px!important;min-height:36px!important;font-size:12px!important;white-space:nowrap}
  /* Filtros recolhidos */
  html body#portalVariant #integratedOverview .io-filter-toggle{display:flex!important;width:100%;justify-content:space-between!important;align-items:center;min-height:40px!important;padding:8px 12px!important;border:1px solid #dfe5ee!important;background:#fff!important;border-radius:8px!important;font:600 13px Inter,Arial,sans-serif;color:#172235}
  html body#portalVariant #integratedOverview .io-filter-toggle:after{content:"▾";color:#536174}
  html body#portalVariant #integratedOverview.io-filters-open .io-filter-toggle:after{content:"▴"}
  html body#portalVariant #integratedOverview #ioFilters{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;gap:8px!important}
  html body#portalVariant #integratedOverview:not(.io-filters-open) #ioFilters>:not(.io-filter-toggle){display:none!important}
  /* Números do topo: 3 por linha, compactos */
  html body#portalVariant #integratedOverview .integrated-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important}
  html body#portalVariant #integratedOverview .integrated-kpis .kpi{padding:8px 9px!important;min-height:0!important}
  html body#portalVariant #integratedOverview .integrated-kpis .kpi span{font-size:11px!important;line-height:1.2}
  html body#portalVariant #integratedOverview .integrated-kpis .kpi strong{font-size:19px!important;margin:2px 0 0!important;line-height:1.2;white-space:nowrap}
  html body#portalVariant #integratedOverview .integrated-kpis .kpi small,html body#portalVariant #integratedOverview .integrated-kpis .kpi em{display:none!important}
  /* Semana: faixa de dias + botões do dia escolhido */
  html body#portalVariant #integratedOverview .cal-panel,html body#portalVariant #integratedOverview .cal-list{padding:12px!important;margin-top:10px!important}
  html body#portalVariant #integratedOverview .cal-top{margin-bottom:8px}
  html body#portalVariant #integratedOverview .cal-panel h2{font-size:15px}
  html body#portalVariant #integratedOverview .cal-panel .cal-top p{display:none}
  html body#portalVariant #integratedOverview .cal-week{width:100%;justify-content:space-between}
  html body#portalVariant #integratedOverview .cal-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:8px}
  html body#portalVariant #integratedOverview .cal-strip button{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;min-height:0!important;width:auto!important;padding:6px 0!important;border:1px solid #dfe5ee!important;background:#fff!important;border-radius:8px!important;box-shadow:none!important;color:#172235;cursor:pointer}
  html body#portalVariant #integratedOverview .cal-strip button small{font-size:10px;color:#536174;display:block}
  html body#portalVariant #integratedOverview .cal-strip button b{font-size:15px;display:block}
  html body#portalVariant #integratedOverview .cal-strip button.today{border-color:#1555ff!important}
  html body#portalVariant #integratedOverview .cal-strip button.on{background:#172235!important;border-color:#172235!important}
  html body#portalVariant #integratedOverview .cal-strip button.on small,html body#portalVariant #integratedOverview .cal-strip button.on b{color:#fff}
  html body#portalVariant #integratedOverview .cal-days{display:block!important;overflow:visible!important;padding:0!important}
  html body#portalVariant #integratedOverview .cal-day{display:none!important}
  html body#portalVariant #integratedOverview .cal-day.mobile-on{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;border:0!important;padding:0!important;background:none!important}
  html body#portalVariant #integratedOverview .cal-day.mobile-on .cal-head{display:none}
  html body#portalVariant #integratedOverview .cal-day.mobile-on button.cal-chip{margin:0!important;padding:9px 10px!important}
  /* Lista: 5 primeiros + ver todos */
  html body#portalVariant #integratedOverview .pick-extra{display:none!important}
  html body#portalVariant #integratedOverview .pick-item{flex-direction:row!important;align-items:center!important;padding:8px 0}
  html body#portalVariant #integratedOverview .pick-side{width:auto!important;flex-direction:column;align-items:flex-end!important;gap:4px}
  html body#portalVariant #integratedOverview .pick-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
  html body#portalVariant #integratedOverview button.pick-more{width:100%;margin-top:8px;min-height:38px!important;border:1px solid #dfe5ee!important;background:#f4f7fb!important;border-radius:8px!important;font:600 13px Inter,Arial,sans-serif;color:#172235;box-shadow:none!important}
  html body#portalVariant #integratedOverview button.pick-open{min-height:30px!important;padding:4px 10px!important}
  /* Análises: abas em faixa rolável e menos texto */
  html body#portalVariant #integratedOverview .analysis-shell{display:block!important;margin-top:14px}
  html body#portalVariant #integratedOverview .analysis-navigation{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px!important;padding:0 0 6px!important;border:0!important;background:none!important;position:static!important}
  html body#portalVariant #integratedOverview .analysis-navigation .nav-heading,html body#portalVariant #integratedOverview .analysis-navigation .nav-index,html body#portalVariant #integratedOverview .analysis-navigation .nav-arrow{display:none!important}
  html body#portalVariant #integratedOverview .analysis-navigation button{flex:0 0 auto!important;width:auto!important;min-height:34px!important;padding:6px 12px!important;border-radius:999px!important;font-size:12px!important;white-space:nowrap}
  html body#portalVariant #integratedOverview .analysis-navigation button.active{background:#172235!important;color:#fff!important;border-color:#172235!important}
  html body#portalVariant #integratedOverview .io-data-message,html body#portalVariant #integratedOverview .tab-heading p{display:none!important}
  html body#portalVariant #integratedOverview .context-strip{font-size:11px!important;padding:6px 0!important}
  html body#portalVariant #integratedOverview .integrated-grid{gap:10px!important}
  html body#portalVariant #integratedOverview .panel{padding:12px!important}
  html body#portalVariant #integratedOverview canvas{max-height:180px}

  /* Barra de navegação inferior: 6 itens numa linha */
  html body#portalVariant #vxNav{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:auto!important;height:auto!important;padding:4px 2px calc(4px + env(safe-area-inset-bottom))!important;gap:2px!important}
  html body#portalVariant #vxNav .vx-workspace-label{display:none!important}
  html body#portalVariant #vxNav .vx-navbutton,html body#portalVariant #vxNav #vxManage>summary{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;width:100%!important;min-height:52px!important;height:52px!important;padding:4px 1px!important;margin:0!important;font-size:10px!important;line-height:1.1!important;text-align:center;border-radius:8px}
  html body#portalVariant #vxNav .vx-navbutton span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html body#portalVariant #vxNav .vx-navbutton img,html body#portalVariant #vxNav #vxManage>summary img{width:20px!important;height:20px!important;margin:0!important}
  html body#portalVariant #vxNav #vxManage{grid-column:auto!important;grid-row:auto!important;min-width:0;width:100%;margin:0!important;position:relative}
  html body#portalVariant #vxNav #vxManage>summary{list-style:none;cursor:pointer;white-space:nowrap}
  html body#portalVariant #vxNav #vxManage>summary::-webkit-details-marker{display:none}
  html body#portalVariant #vxNav #vxManage .vx-menu{position:absolute!important;right:0;bottom:calc(100% + 6px);top:auto!important;left:auto!important;width:230px;z-index:60}
}
@media (max-width:640px){
  /* Botões do dia como blocos iguais: nome em cima, valor embaixo */
  html body#portalVariant #integratedOverview .cal-day.mobile-on{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  html body#portalVariant #integratedOverview .cal-day.mobile-on button.cal-chip{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;height:58px!important;padding:8px 9px!important;border-radius:8px!important;outline-offset:0!important}
  html body#portalVariant #integratedOverview .cal-day.mobile-on button.cal-chip>span{font-size:11px!important;font-weight:600!important;opacity:.85;max-width:100%}
  html body#portalVariant #integratedOverview .cal-day.mobile-on button.cal-chip>b{font-size:15px!important;font-weight:800!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  html body#portalVariant #integratedOverview .cal-day.mobile-on button.cal-chip.selected{outline:0!important;box-shadow:inset 0 0 0 2px currentColor!important}
  /* Cabeçalho da lista numa linha: caminho + ver semana toda + Fechar */
  html body#portalVariant #integratedOverview .cal-crumbs{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 6px;padding-right:76px!important;min-height:30px}
  html body#portalVariant #integratedOverview .cal-crumbs button:not(.cal-close){background:none!important;padding:0!important;color:#1555ff!important;text-decoration:underline;text-underline-offset:2px;font-size:12px!important}
  html body#portalVariant #integratedOverview button.cal-close{top:0!important}
}