/* Gestao Digital mobile: interface only, no workflow/backend changes */
@media (max-width: 1000px) {
  html {scroll-padding-top:76px}
  body {overflow-x:hidden}
  .layout {display:block !important; min-width:0 !important}
  .layout > aside {position:relative !important; top:auto !important; width:100% !important; height:auto !important; max-height:none !important; overflow:visible !important; z-index:80; padding:10px 14px !important; display:flex;align-items:center;flex-wrap:wrap;gap:10px}
  .layout > aside .brand {max-width:200px !important; margin:0 !important; padding:5px 10px !important; flex:1 1 150px; text-align:left}
  .layout > aside .brand img {max-height:60px;max-width:155px !important;object-fit:contain}
  .layout > aside .brand small{font-size:9px}
  .gd-mobile-menu-button {display:inline-flex !important; align-items:center;justify-content:center;gap:9px; flex-shrink:0; border:1px solid #7391b5; background:#f5f9ff; color:#0b294f; border-radius:11px; padding:12px 15px; font-weight:800; cursor:pointer;min-height:46px}
  .layout > aside nav {display:none !important;order:3;width:100%;max-height:min(66vh,540px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:3px !important;padding:10px 2px 12px;border-top:1px solid #476280}
  .layout > aside nav.gd-mobile-open {display:flex !important}
  .layout > aside nav a {display:flex;min-height:42px;padding:12px 14px !important}
  .layout > aside .gd250-logout{order:4;width:100%;display:none !important;margin:0 !important}
  .layout > aside .gd250-logout.gd-mobile-open{display:block !important}
  .layout > main {min-width:0 !important;width:100% !important;max-width:100% !important;padding:18px 14px 84px !important}
  .layout > main .top {gap:10px;align-items:flex-start}
  .layout > main .top h1{font-size:clamp(21px,5vw,29px)}
  .grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .card {min-width:0}
  .form {grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .actions {gap:8px}
  img,video,canvas,iframe {max-width:100%}
  .layout > main .table {display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .layout > main table {max-width:100%}
  input,select,textarea {font-size:16px !important}
  button,a,select {touch-action:manipulation}
}
@media (max-width: 640px) {
  .layout > aside {padding:8px 11px !important}
  .layout > aside .brand {max-width:165px !important}
  .layout > main {padding:14px 11px 86px !important}
  .grid,.form {grid-template-columns:1fr !important}
  .form .full {grid-column:auto}
  .card {padding:14px !important}
  .top .badge {font-size:10px;max-width:100%;white-space:normal}
  .actions > .btn {max-width:100%;white-space:normal}
  .gd-mobile-menu-button {font-size:13px;padding:11px 12px}
  .login-card {padding:23px 18px;width:min(440px,100%) !important}
  .ag-kpis {grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (prefers-reduced-motion:reduce){.gd-mobile-menu-button{transition:none}}