/*
 * FACILAPP FISCAL — NAVEGAÇÃO MÓVEL
 * Objetivo: apresentar o emissor como aplicativo em telas de até 900 px.
 * Desktop: nenhuma regra abaixo altera o layout tradicional.
 */
.mobile-app-menu,.mobile-bottom-nav{display:none}

@media(max-width:900px){
 body{display:block;min-width:0;padding-bottom:78px}
 body>aside{height:auto;position:static;padding:18px 16px 12px;border-right:0}
 body>aside .brand,html[data-theme] body>aside .brand{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;text-align:left;justify-items:stretch}
 html[data-theme] body>aside .brand-logo{width:48px;height:48px;aspect-ratio:1;object-fit:contain}
 html[data-theme] body>aside .brand strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body>aside .brand small{font-size:12px}
 body>aside nav,body>aside .theme-picker,body>aside .badge{display:none}
 body>aside .sessao-box{grid-column:3;grid-row:1;margin:0}
 body>aside .sessao-box span{display:none}
 main{padding:14px 16px;max-width:100%;overflow:hidden}
 header{margin-bottom:14px}header>.primary{display:none}h1{font-size:27px}
 #inicio .cards,#inicio>.panel{display:none}
 .mobile-app-menu{display:block}
 .mobile-app-menu>.primary{width:100%;min-height:56px;margin-bottom:16px;font-size:16px}
 .mobile-app-menu h2{font-size:15px;margin:0 0 10px}
 .mobile-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .mobile-app-grid button{min-height:86px;display:grid;place-items:center;align-content:center;gap:6px;border:1px solid var(--line);background:var(--white);color:var(--ink)}
 .mobile-app-grid button b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f1ed;color:var(--green);font-size:13px}
 .mobile-bottom-nav{display:grid;position:fixed;z-index:100;left:0;right:0;bottom:0;grid-template-columns:repeat(4,1fr);background:#10241c;border-top:1px solid #315044;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}
 .mobile-bottom-nav button{min-width:0;padding:6px 2px;background:transparent;color:#b9cbc4;font-size:11px;display:grid;gap:3px;place-items:center}
 .mobile-bottom-nav button b{font-size:18px;color:var(--lime)}
 .cards{grid-template-columns:1fr 1fr}.sale{grid-template-columns:1fr}.checklist{grid-template-columns:1fr}
 .browse-workspace{min-height:calc(100dvh - 185px);grid-template-columns:1fr}.browse-shell{min-height:390px}.browse-actions{max-width:100%;overflow:auto}
}

@media(max-width:560px){
 .cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}
}