html,body{height:100%;height:100dvh}body{overscroll-behavior:none}
.mobile-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line);font-size:12px}
.mobile-tools span{flex:1;min-width:120px;color:var(--mute)}
.backup-dialog{max-width:540px;width:calc(100vw - 24px);max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--panel);color:var(--text)}
.backup-dialog::backdrop{background:#0009}.backup-dialog h2{margin:0 0 12px;font-size:20px}.backup-dialog p{line-height:1.6}.backup-dialog .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.backup-dialog .actions button{min-height:44px;white-space:normal}.backup-dialog .note{line-height:1.6}
#b-ai{display:none}header{padding-top:max(10px,env(safe-area-inset-top))}footer{padding-bottom:max(5px,env(safe-area-inset-bottom))}
@media(max-width:700px){
 header{flex-wrap:wrap;gap:8px;padding-left:12px;padding-right:12px}header h1{width:calc(100% - 52px);font-size:16px}header .hello,header .sp{display:none}header .nav{order:3;width:100%;margin:0;justify-content:space-between;gap:3px}header .nav button{flex:1;padding:10px 6px;min-height:44px}header #b-theme{position:absolute;top:10px;right:12px}header #b-new{flex:1}header #dados{flex:1}header #dados summary{text-align:center}.menu{min-width:260px;left:0;right:auto}.menu button{min-height:44px}
 aside{max-height:116px;min-height:90px;padding:8px;gap:8px}aside .item{min-width:220px;max-width:260px;padding:8px}.item .score{min-width:34px;height:34px}#view{padding:10px 10px 28px}.card{padding:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi b{font-size:19px}.two{grid-template-columns:minmax(0,1fr)}input,select,textarea{font-size:16px;min-height:44px}.btn,.chip{min-height:44px}.tabs{flex-wrap:nowrap;overflow:auto;top:0}.tabs button{white-space:nowrap;min-height:44px;padding:8px 10px}.suphead{flex-wrap:wrap}.suphead input{flex:1;min-width:120px}.row2{flex-wrap:wrap}.row2 .btn{white-space:normal}#modal{padding:8px}.modal>div{max-width:100%;max-height:90dvh;overflow:auto}.mobile-tools{padding:8px 12px}.wf>div{grid-template-columns:minmax(70px,100px) 1fr 70px;gap:6px}footer{font-size:10px}.scroll{max-width:100%}.toolbar input{max-width:100%}
}
@media(max-width:360px){.grid,.kpis{grid-template-columns:minmax(0,1fr)}}