/* Acqua Vici V8.3.4 — interface de aplicativo somente no sistema mobile. */
@media (max-width:900px){
  body.system-page{background:#eef3f5!important;padding:0!important;overscroll-behavior-y:none}
  body.system-page:before{display:none!important}
  .system-page .os-app,.system-page .avs-sectioned-system{display:block!important;min-height:100dvh!important;background:#eef3f5!important}

  /* Barra superior compacta. */
  .system-page .os-sidebar{position:sticky!important;inset:0 0 auto!important;z-index:90!important;box-sizing:border-box!important;width:100%!important;height:64px!important;min-height:64px!important;padding:7px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;overflow:visible!important;background:#07394e!important;border:0!important;box-shadow:0 3px 16px rgba(4,34,48,.18)!important}
  .system-page .os-brand{box-sizing:border-box!important;display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;height:50px!important;margin:0 auto 0 0!important;padding:0!important;border:0!important}
  .system-page .os-brand .avs-brand{display:flex!important;align-items:center!important;min-width:0!important;min-height:0!important;height:48px!important;margin:0!important}
  .system-page .os-brand .avs-brand img{display:block!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;max-height:48px!important;padding:3px!important;border-radius:10px!important;background:#fff!important;object-fit:contain!important}
  .system-page .os-brand small{display:block!important;margin-left:9px!important;color:#d6e8ed!important;font-size:9px!important;font-weight:800!important;letter-spacing:.12em!important;white-space:nowrap!important}
  .system-page .os-user{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important}
  .system-page .os-user i,.system-page .os-user span{display:none!important}
  .system-page .os-user a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:48px!important;height:38px!important;margin:0!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
  .system-page .avs-mobile-menu-toggle{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;min-width:76px!important;height:40px!important;margin:0!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:11px!important;background:rgba(255,255,255,.13)!important;color:#fff!important;font:800 11px/1 Manrope,Arial,sans-serif!important;cursor:pointer!important}
  .system-page .avs-mobile-menu-toggle i{display:grid!important;gap:3px!important;width:17px!important}.system-page .avs-mobile-menu-toggle i span{display:block!important;width:17px!important;height:2px!important;border-radius:2px!important;background:#fff!important;transition:transform .2s,opacity .2s!important}.system-page .avs-mobile-menu-toggle b{font:inherit!important}
  .system-page .avs-mobile-menu-toggle[aria-expanded="true"] i span:nth-child(1){transform:translateY(5px) rotate(45deg)!important}.system-page .avs-mobile-menu-toggle[aria-expanded="true"] i span:nth-child(2){opacity:0!important}.system-page .avs-mobile-menu-toggle[aria-expanded="true"] i span:nth-child(3){transform:translateY(-5px) rotate(-45deg)!important}

  /* Menu sanfona superior, preservando todas as seções existentes. */
  .system-page .os-sidebar nav{position:fixed!important;left:10px!important;right:10px!important;top:70px!important;bottom:auto!important;z-index:100!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr!important;gap:4px!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 82px)!important;margin:0!important;padding:10px!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;border:1px solid #dbe6ea!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(7,57,78,.2)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transform-origin:top center!important;transition:opacity .18s ease,transform .18s ease,visibility .18s!important}
  .system-page .avs-mobile-menu-open .os-sidebar nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .system-page .os-sidebar nav>span{display:none!important}
  .system-page .os-sidebar nav a{position:relative!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:45px!important;margin:0!important;padding:0 13px!important;border-radius:11px!important;background:transparent!important;color:#4f6670!important;font-size:12px!important;font-weight:800!important;line-height:1.15!important;text-align:left!important;white-space:normal!important;box-shadow:none!important}
  .system-page .os-sidebar nav a.active{background:#e7f4f7!important;color:#076b83!important;box-shadow:none!important}
  .system-page .os-sidebar nav a.active:after{content:"";position:absolute;left:0!important;top:10px!important;bottom:10px!important;width:3px!important;height:auto!important;border-radius:0 4px 4px 0!important;background:#0a7d96!important;transform:none!important}
  .system-page .os-sidebar nav a b{position:static!important;display:grid!important;place-items:center!important;width:20px!important;height:20px!important;margin-left:auto!important;border-radius:10px!important;background:#f28b21!important;color:#fff!important;font-size:8px!important}

  /* Conteúdo principal com espaçamento de aplicativo. */
  .system-page .os-main,.system-page .avs-sectioned-main{box-sizing:border-box!important;width:100%!important;min-height:calc(100dvh - 64px)!important;margin:0!important;padding:12px 12px calc(24px + env(safe-area-inset-bottom))!important;background:#eef3f5!important}
  .system-page .os-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:14px 15px!important;border:0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(7,57,78,.06)!important}
  .system-page .os-top>div:first-child{min-width:0!important}.system-page .os-top small{font-size:8px!important;letter-spacing:.12em!important}.system-page .os-top h1{margin:4px 0 0!important;font-size:20px!important;line-height:1.15!important;white-space:normal!important}
  .system-page .os-top>div:last-child{display:flex!important;flex:0 0 auto!important;gap:6px!important}.system-page .os-top>div:last-child button{display:none!important}.system-page .os-top>div:last-child a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:72px!important;height:38px!important;padding:0 11px!important;border-radius:10px!important;background:#0a7d96!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
  .system-page .avs-sectioned-main>.avs-system-section{margin-top:11px!important}

  /* Painel e cartões. */
  .system-page .os-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:11px 0 0!important}
  .system-page .os-metrics>div{min-height:116px!important;padding:15px!important;border:0!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(7,57,78,.06)!important}
  .system-page .os-metrics span{font-size:10px!important;line-height:1.35!important}.system-page .os-metrics b{margin:8px 0 4px!important;font-size:24px!important}.system-page .os-metrics small{font-size:9px!important;line-height:1.35!important}.system-page .os-metrics i{right:12px!important;top:12px!important;padding:6px!important}
  .system-page .os-table-card,.system-page .avs-customer-panel,.system-page .avs-new-os-panel,.system-page .avs-admin-panel,.system-page .avs-team-card{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:15px!important;border:0!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(7,57,78,.06)!important}
  .system-page .card-head{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-bottom:12px!important}.system-page .card-head h2{margin:4px 0!important;font-size:19px!important;line-height:1.2!important}.system-page .card-head small{font-size:8px!important;letter-spacing:.12em!important}
  .system-page .os-filters,.system-page .avs-client-list-tools{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;margin:8px 0 0!important}
  .system-page .os-filters input,.system-page .os-filters select,.system-page .avs-client-list-tools input,.system-page .avs-show-all-clients{box-sizing:border-box!important;width:100%!important;min-height:44px!important;border-radius:11px!important;font-size:12px!important}
  .system-page .agenda{display:none!important}

  /* Formulários amigáveis ao toque. */
  .system-page .avs-new-os-form,.system-page .avs-admin-form,.system-page .avs-team-form{grid-template-columns:1fr!important;gap:12px!important}
  .system-page input,.system-page select,.system-page textarea{box-sizing:border-box!important;max-width:100%!important;font-size:16px!important}
  .system-page .avs-new-os-form input,.system-page .avs-new-os-form select,.system-page .avs-team-form input,.system-page .avs-team-form select{min-height:46px!important}
  .system-page .btn,.system-page .more-btn,.system-page .avs-new-os-form button{min-height:44px!important;border-radius:11px!important;font-size:11px!important}

  /* OS e listas como cartões, sem rolagem lateral. */
  .system-page #avsOsTable tbody{padding:0!important}.system-page #avsOsTable tr{margin:0 0 10px!important;padding:13px!important;border:1px solid #e0eaed!important;border-radius:13px!important;box-shadow:none!important}.system-page #avsOsTable td{grid-template-columns:92px minmax(0,1fr)!important;gap:8px!important;padding:6px 0!important;font-size:12px!important}.system-page #avsOsTable td:before{font-size:8px!important}.system-page #avsOsTable .more-btn{width:100%!important;max-width:none!important}
  .system-page .avs-customer-grid{grid-template-columns:1fr!important;gap:9px!important}.system-page .avs-customer-card{padding:13px!important;border-radius:13px!important;background:#f9fbfc!important}.system-page .avs-avatar{border-radius:10px!important}

  /* Janelas de edição como painel inferior de aplicativo. */
  .system-page .avs-os-modal{align-items:flex-end!important;padding:0!important;background:rgba(3,25,35,.58)!important}.system-page .avs-os-modal form{box-sizing:border-box!important;width:100%!important;max-width:100%!important;max-height:92dvh!important;margin:0!important;padding:25px 18px calc(20px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;overflow-y:auto!important;box-shadow:0 -12px 40px rgba(0,0,0,.2)!important}.system-page .avs-os-close{width:42px!important;height:42px!important;border-radius:12px!important}
}

@media (max-width:430px){
  .system-page .os-brand small{display:none!important}
  .system-page .os-main,.system-page .avs-sectioned-main{padding-left:9px!important;padding-right:9px!important}
  .system-page .os-top{padding:13px!important}.system-page .os-top h1{font-size:18px!important}
  .system-page .os-metrics{grid-template-columns:1fr 1fr!important}.system-page .os-metrics>div{min-height:108px!important;padding:13px!important}.system-page .os-metrics b{font-size:22px!important}
  .system-page .avs-mobile-menu-toggle{min-width:70px!important;padding:0 9px!important}.system-page .os-user a{min-width:42px!important;padding:0 9px!important}
}

@media print{.system-page .os-sidebar nav{display:none!important}}

@media (min-width:901px){.system-page .avs-mobile-menu-toggle{display:none!important}}
