/* V8.7.4 — navegação e editor mobile reconstruídos como aplicativo. */
@media(max-width:900px){
 html{height:auto!important;overflow-x:hidden!important}
 body.system-page{min-height:100%!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
 body.system-page.avs-modal-open{overflow:hidden!important;height:100%!important}

 /* Barra inferior do aplicativo: todas as áreas continuam acessíveis por rolagem horizontal. */
 .system-page .os-sidebar{position:relative!important;height:auto!important;min-height:70px!important;padding:12px 14px!important;border-radius:0 0 22px 22px!important}
 .system-page .os-brand{min-height:46px!important;padding:0!important}
 .system-page .os-user{display:flex!important;right:13px!important;top:13px!important}
 .system-page .os-sidebar>nav{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;top:auto!important;z-index:90000!important;display:flex!important;align-items:stretch!important;gap:7px!important;width:auto!important;height:68px!important;max-height:none!important;margin:0!important;padding:7px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;border:1px solid rgba(214,229,232,.95)!important;border-radius:20px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 12px 38px rgba(4,38,49,.24)!important;backdrop-filter:blur(16px)!important}
 .system-page .os-sidebar>nav:before,.system-page .os-sidebar>nav>span{display:none!important}
 .system-page .os-sidebar>nav a{flex:0 0 86px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:86px!important;height:52px!important;min-height:52px!important;padding:6px 5px!important;scroll-snap-align:center!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#607780!important;font-size:9px!important;font-weight:850!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;touch-action:manipulation!important}
 .system-page .os-sidebar>nav a.active{background:linear-gradient(135deg,#08778b,#0b9c9d)!important;color:#fff!important;box-shadow:0 6px 16px rgba(8,119,139,.25)!important}
 .system-page .os-sidebar>nav a b{position:absolute!important;top:3px!important;right:5px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:9px!important;background:#f49a2e!important;color:#fff!important;font-size:9px!important;line-height:18px!important}
 .system-page .os-main{box-sizing:border-box!important;width:100%!important;min-height:calc(100dvh - 70px)!important;padding:12px 10px calc(100px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 .system-page .avs-system-section,.system-page .avs-system-section.is-active{height:auto!important;max-height:none!important;overflow:visible!important}
 .system-page .btn,.system-page button,.system-page .more-btn,.system-page .avs-open-os{min-height:48px!important;border-radius:14px!important;font-weight:850!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;touch-action:manipulation!important}
 .system-page .btn:active,.system-page button:active,.system-page .more-btn:active,.system-page .avs-open-os:active{transform:scale(.97)!important}
 .system-page .more-btn{border:1px solid #cde3e6!important;background:#edf8f9!important;color:#08778b!important}

 /* O próprio painel rola. Não depende da rolagem do form nem da página bloqueada. */
 .system-page .avs-os-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;box-sizing:border-box!important;display:none!important;width:100%!important;height:100vh!important;height:100dvh!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;background:#eef4f5!important;backdrop-filter:none!important}
 .system-page .avs-os-modal[hidden]{display:none!important}
 .system-page .avs-os-modal:not([hidden]){display:block!important}
 .system-page .avs-os-modal form{position:relative!important;inset:auto!important;box-sizing:border-box!important;display:block!important;width:100%!important;max-width:none!important;min-height:100vh!important;min-height:100dvh!important;height:auto!important;max-height:none!important;margin:0!important;padding:0 16px calc(26px + env(safe-area-inset-bottom))!important;overflow:visible!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;touch-action:pan-y!important}
 .system-page .avs-mobile-editor-bar{position:sticky!important;top:0!important;z-index:60!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 -16px 20px!important;padding:calc(12px + env(safe-area-inset-top)) 14px 12px!important;border-bottom:1px solid #dce8ea!important;background:rgba(255,255,255,.97)!important;box-shadow:0 7px 20px rgba(8,45,57,.07)!important;backdrop-filter:blur(14px)!important}
 .system-page .avs-mobile-editor-title{min-width:0!important}.system-page .avs-mobile-editor-title small{display:block!important;color:#08778b!important;font-size:9px!important;font-weight:900!important;letter-spacing:.13em!important}.system-page .avs-mobile-editor-title strong{display:block!important;overflow:hidden!important;color:#15333e!important;font-size:19px!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .system-page .avs-os-modal form>small,.system-page .avs-os-modal form>h2{display:none!important}
 .system-page .avs-os-close{position:static!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:1px solid #d7e5e8!important;border-radius:14px!important;background:#f3f7f8!important;color:#173944!important;font-size:29px!important;line-height:1!important;box-shadow:none!important}
 .system-page .avs-os-modal label{display:block!important;margin:0 0 16px!important;color:#294852!important;font-size:12px!important;font-weight:850!important}
 .system-page .avs-os-modal input:not([type="hidden"]):not([type="file"]),.system-page .avs-os-modal select,.system-page .avs-os-modal textarea{box-sizing:border-box!important;display:block!important;width:100%!important;min-height:52px!important;margin-top:7px!important;padding:14px!important;border:1px solid #d4e2e5!important;border-radius:14px!important;background:#f5f9fa!important;color:#17343e!important;font-size:16px!important;line-height:1.35!important;box-shadow:none!important;touch-action:manipulation!important}
 .system-page .avs-os-modal textarea{min-height:145px!important;resize:vertical!important;touch-action:pan-y!important}
 .system-page .avs-os-modal input:focus,.system-page .avs-os-modal select:focus,.system-page .avs-os-modal textarea:focus{border-color:#0b8799!important;outline:3px solid rgba(11,135,153,.14)!important;background:#fff!important}
 .system-page .avs-os-modal .avs-upload-box{display:flex!important;align-items:center!important;min-height:92px!important;margin:2px 0 16px!important;padding:17px!important;border:2px dashed #9dcbd2!important;border-radius:17px!important;background:#edf8f9!important}
 .system-page .avs-os-modal .avs-file-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:18px!important}
 .system-page .avs-os-modal form>button[type="submit"]{position:sticky!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:55!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:56px!important;margin:22px 0 0!important;padding:15px 20px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#08778b,#0a9e9d)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;box-shadow:0 12px 28px rgba(7,115,133,.32),0 0 0 8px rgba(255,255,255,.94)!important}
 .system-page .avs-mobile-build{display:block!important;margin:-10px 0 18px!important;color:#90a2a8!important;font-size:9px!important;text-align:center!important}
}
@media(max-width:370px){.system-page .os-sidebar>nav a{flex-basis:78px!important;width:78px!important}.system-page .avs-os-modal form{padding-left:12px!important;padding-right:12px!important}.system-page .avs-mobile-editor-bar{margin-left:-12px!important;margin-right:-12px!important}}
