/* Prioridade para toque: em celular e tablet o menu vira uma gaveta e a operação usa toda a tela. */
.sidebar-close{display:none}
.owner-only[hidden],.manager-only[hidden],.view[hidden]{display:none!important}
@media (max-width:1250px),(pointer:coarse){
  html,body,.app-shell{width:100%;max-width:100%;overflow-x:hidden}
  .nav-item.owner-only:not([hidden]),.nav-item.manager-only:not([hidden]){display:flex!important}
  .view.owner-only.active:not([hidden]),.view.manager-only.active:not([hidden]){display:block!important}
  .button.owner-only:not([hidden]),.button.manager-only:not([hidden]){display:inline-block!important}
  .app-shell{grid-template-columns:1fr}
  .sidebar{display:none;position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100vh;height:100dvh;box-sizing:border-box;overflow-y:auto;box-shadow:none;padding:23px 16px}
  .sidebar.open{display:flex!important;position:fixed!important;z-index:1000;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;transform:none!important}
  .sidebar-close{display:grid;place-items:center;position:absolute;z-index:1;right:14px;top:14px;width:44px;height:44px;border:1px solid #ffffff3b;border-radius:10px;background:#ffffff18;color:#fff;font:inherit;font-size:31px;line-height:1;cursor:pointer}
  .menu-toggle{display:block;border:0;background:#edf5f8;color:#0a5274;width:40px;height:40px;border-radius:8px;font-size:21px;line-height:1;cursor:pointer}
  .topbar{position:sticky;top:0;z-index:20;height:auto;min-height:78px;padding:15px 20px;gap:10px}
  .topbar h1{font-size:20px}
  .view{padding:25px 20px 48px}
  body.menu-open{overflow:hidden}
  body.menu-open .app-shell > main{display:none!important}
  body[data-user-role="operator"] .nav-item.owner-only,body[data-user-role="operator"] .nav-item.manager-only{display:none!important}
}
@media (max-width:600px){
  .topbar{padding:12px 15px;min-height:68px}.topbar h1{font-size:18px}.profile div{display:none}.view{padding:20px 14px 36px}.section-header{gap:14px}.section-header h2{font-size:23px}.hero{padding:22px 20px}.agenda-toolbar{align-items:stretch}.agenda-period{font-size:13px}.agenda-summary{gap:8px;overflow:auto}.agenda-summary span{white-space:nowrap;padding:9px 11px}.agenda-week{grid-template-columns:repeat(7,minmax(220px,1fr));-webkit-overflow-scrolling:touch}.agenda-week-panel{overflow:auto}.timeline-item{grid-template-columns:45px 12px minmax(0,1fr);gap:8px}.timeline-item .status{grid-column:3}.dialog-actions{position:sticky;bottom:0;background:#fff;padding-top:12px}.digital-os-box{align-items:flex-start;flex-direction:column}.order-detail-head,.detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.commission-explainer{justify-content:flex-start}.table-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}}