/* Experiência compacta: preserva os mesmos fluxos e permissões do desktop. */
.mobile-search-toggle{display:none}
.mini-hub-tabs:has([data-mini-hub-tab="radio"][hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:780px){
  .app-shell .topbar{position:sticky;top:0;display:flex;flex-wrap:nowrap;gap:8px;height:64px;min-height:64px;padding:0 12px;background:#1b1c20;border-bottom:1px solid #ffffff12;z-index:15}
  .app-shell .topbar-heading{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:10px}
  .app-shell .topbar-heading .mobile-toggle{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #ffffff19;border-radius:12px;background:#292a30;color:#f4f1ff}
  .app-shell .topbar-heading .mobile-toggle svg{display:block;flex:none;width:24px;height:24px;min-width:24px;stroke:currentColor;stroke-width:2}
  .app-shell .topbar-title{overflow:hidden;min-width:0;color:#f2f1f7;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
  .app-shell .top-actions{display:flex;flex:0 0 auto;align-items:center;gap:4px}
  .app-shell .top-actions .icon-btn,.app-shell .mobile-search-toggle{display:inline-grid;place-items:center;flex:none;width:40px;height:44px;padding:9px;color:#d3d1de}
  .app-shell .top-actions .icon-btn svg{display:block;width:21px;height:21px}
  .app-shell .top-actions :is([data-radio-toggle],[data-radio-listeners],[data-radio-top-player],[data-fullscreen]){display:none!important}
  .app-shell .mini-topbar-trigger{width:40px;height:44px;justify-content:center;padding:0;border:0;background:transparent;color:#d3d1de}
  .app-shell .mini-topbar-trigger span{font-size:19px}
  .app-shell .mini-topbar-trigger b{display:none}
  .app-shell .global-task-search{display:none!important}
  .app-shell .topbar.mobile-search-open .global-task-search{position:absolute;top:calc(100% + 5px);left:12px;right:12px;z-index:8;display:flex!important;width:auto;height:48px;margin:0;padding:4px 8px;border:1px solid #8f7cf680;border-radius:13px;background:#25262c;box-shadow:0 16px 36px #0009}
  .app-shell .topbar.mobile-search-open .global-task-search input{min-width:0;flex:1;font-size:16px}
  .app-shell .topbar.mobile-search-open .global-task-search button{min-width:40px;height:40px}
  .sidebar{width:min(300px,86vw);max-width:86vw;overflow-y:auto;overscroll-behavior:contain}
  .sidebar .nav-link{min-height:44px}
  .app-shell .page{max-width:100%;margin:0;padding:20px 14px 80px}

  /* Hoje: equipe em trilho horizontal e tarefas com controles grandes. */
  .agenda-page .page-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px}
  .agenda-page .page-head h1{font-size:26px}
  .agenda-page .page-subtitle{font-size:13px;line-height:1.45}
  .agenda-page .page-head .running-status{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .agenda-page .team-switcher{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0 0 16px!important;overflow:visible!important}
  .agenda-page .team-switcher>header{padding:13px!important}
  .agenda-page .member-summary{display:flex;flex-wrap:wrap;gap:6px}
  .agenda-page .member-summary span{min-height:36px;padding:6px 8px}
  .agenda-page .member-tabs{display:flex!important;flex-direction:row!important;gap:8px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px!important;scroll-snap-type:x proximity;scrollbar-width:thin}
  .agenda-page .member-tabs .member-tab-today{flex:0 0 200px;min-width:200px!important;scroll-snap-align:start}
  .agenda-page .day-productivity{margin:0 0 20px;border-radius:16px}
  .agenda-page .day-productivity>header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px}
  .agenda-page .productivity-compact-summary{display:flex;flex:1 1 100%;gap:8px;overflow-x:auto;padding-bottom:3px}
  .agenda-page .productivity-compact-summary>span{flex:0 0 auto;min-width:72px}
  .agenda-page .grid-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;margin:0}
  .agenda-page .stat{min-width:0}
  .agenda-page .day-section{margin-bottom:22px}
  .agenda-page .day-section>header strong{font-size:15px}
  .agenda-page .demand-search{padding:10px;gap:8px}
  .agenda-page .demand-search-input{min-width:0;flex-basis:100%;min-height:38px}
  .agenda-page .demand-search button,.agenda-page .demand-search summary{min-height:40px}
  .agenda-page .task-tree .task-node:not(.task-parent)>.task-row{grid-template-columns:28px minmax(0,1fr)!important;grid-template-areas:"order content" "order controls"!important;gap:9px!important;padding:13px 11px!important}
  .agenda-page .task-tree .task-node:not(.task-parent)>.task-row>.task-leading{justify-self:stretch!important}
  .agenda-page .task-tree .task-node:not(.task-parent) .timer-controls{justify-content:flex-end!important;flex-wrap:wrap!important}
  .agenda-page .task-tree .timer-controls button{min-width:44px!important;min-height:44px!important;height:44px!important;max-height:none!important}
  .agenda-page .task-tree .task-card-heading>.task-name{font-size:14px!important;line-height:1.45!important}
  .agenda-page .task-tree .task-tree-children{padding-left:10px!important}

  /* Central: filtros em uma coluna e cards completos, sem corte lateral. */
  .os-page>.page-head{display:flex;align-items:stretch;flex-direction:column;gap:15px;margin:0 0 14px;padding:20px 17px}
  .os-page>.page-head h1{font-size:27px;line-height:1.15}
  .os-page>.page-head .page-subtitle{margin-top:8px;font-size:13px;line-height:1.5}
  .os-page .os-header-actions{display:flex;align-self:stretch;flex-wrap:wrap;gap:8px}
  .os-page .os-header-actions .btn{flex:1 1 auto;min-height:44px;padding:0 12px;font-size:12px}
  .os-page .os-toolbar{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px;padding:8px}
  .os-page .os-toolbar nav,.os-page .os-toolbar nav:has([data-os-view=triagem]),.os-page .os-toolbar nav:not(:has([data-os-view=triagem])){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:5px;overflow:visible}
  .os-page .os-toolbar nav .os-view-tab>[data-os-view]{min-height:48px;padding:8px;font-size:11px;line-height:1.25;white-space:normal}
  .os-page .os-toolbar nav .os-view-tab.has-badges>[data-os-view]{padding-right:58px}
  .os-page .os-tab-badges{right:5px;gap:2px}
  .os-page .os-toolbar nav .os-tab-badges .os-tab-badge{min-width:18px;height:20px;padding:0 4px}
  .os-page .os-toolbar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .os-page .os-toolbar form[data-os-search]{display:flex;align-items:center;gap:3px;min-width:0;padding:4px}
  .os-page .os-toolbar form[data-os-search] .input{flex:1;min-width:0;height:40px;padding:0 8px;font-size:14px}
  .os-page .os-toolbar form[data-os-search] .os-search-clear{position:static;flex:0 0 34px}
  .os-page .os-toolbar form[data-os-search] .os-search-submit{flex:0 0 42px;min-width:42px;min-height:40px;padding:0;font-size:19px}
  .os-page .os-search-submit svg{display:none}
  .os-page .os-search-submit::before{content:"⌕";font-size:24px;line-height:1}
  .os-page .os-search-submit span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .os-page .os-filter-toggle{width:auto;min-height:48px;padding:0 10px;font-size:12px}
  .os-page .os-filter-grid{grid-template-columns:1fr;gap:12px;padding:14px}
  .os-page .os-filter-grid .input{height:46px;font-size:16px}
  .os-page .os-filter-shell footer{align-items:stretch;flex-direction:column;gap:12px}
  .os-page .os-filter-shell footer .btn{min-height:44px}
  .os-page .os-filter-chips{flex-wrap:wrap;overflow:visible}
  .os-page:not(.is-detail-view) .os-inbox{min-height:0}
  .os-page:not(.is-detail-view) .os-inbox>[data-os-list]{min-height:200px}
  .os-page:not(.is-detail-view) .os-row{min-height:0;padding:16px 14px 14px 17px}
  .os-page:not(.is-detail-view) .os-row>strong{font-size:15px}
  .os-page .os-pagination{gap:4px;padding:12px 8px}
  .os-page .os-pagination>[data-os-pages] button{width:34px;height:40px}
  .os-page.is-detail-view .os-detail{min-height:0}
  .os-page.is-detail-view .os-summary,.os-page.is-detail-view .os-process{padding:20px 15px}
  .os-page.is-detail-view .os-detail-grid{grid-template-columns:minmax(0,1fr)}
  .os-page.is-detail-view .os-conversation{min-height:0;padding:18px 15px}
  .os-page .os-detail-meta,.os-page .os-management,.os-page .os-follow{flex-wrap:wrap}
  .os-page .os-steps{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px}
  .os-page .os-steps li{flex:0 0 110px}
  .os-page .os-context dl,.os-page .os-description-grid{grid-template-columns:1fr}
  .os-page .os-description-grid>*{grid-column:1/-1}
  .os-page .os-conversation textarea{font-size:16px}
  .os-page .os-comment-submit{display:flex;flex-wrap:wrap;gap:10px}
  .os-page .os-comment-submit button{min-height:44px}
}
@media(max-width:380px){
  .app-shell .topbar{padding-inline:8px;gap:4px}
  .app-shell .top-actions{gap:0}
  .app-shell .top-actions .icon-btn,.app-shell .mini-topbar-trigger{width:38px}
  .os-page .os-toolbar nav .os-view-tab.has-badges>[data-os-view]{padding-right:44px}
}