/* Ajustes de tela pequena (celular) e de impressão. */

@media (max-width:1000px){.lib{grid-template-columns:1fr}.lnav{position:static;max-height:42vh}.rd{padding:18px 16px}.rd h1{font-size:26px}}
@media (max-width:1300px){.hero,.vit,.skl{grid-column:span 12}.prf,.cnd{grid-column:span 6}}
@media (max-width:1000px){.mg,.rl{grid-template-columns:1fr}}
@media (max-width:860px){header{padding:8px 14px}#tb{display:none}.hr .b.g.pr{display:none}.hr .b.g{padding:8px 10px}main{padding:14px 12px calc(86px + env(safe-area-inset-bottom,0px))}.g3{grid-template-columns:1fr}.prf,.cnd{grid-column:span 12}.hn{font-size:26px}
#bn{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--bd);padding:6px 6px calc(env(safe-area-inset-bottom,0px) + 6px)}#bn button{flex:1;padding:6px 2px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:10px}#bn button span{font-size:20px}#bn.has .t-ini{display:none}#bn button.on{color:var(--a1);background:color-mix(in srgb,var(--a1) 14%,transparent)}
.ats{grid-template-columns:1fr 1fr;gap:8px}.at{padding:10px}.at b{font-size:30px}
#wins .fw{left:8px!important;right:8px;top:auto!important;width:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);max-height:62vh}.fh{cursor:default}}
@media print{header,#bn,#wins,.np{display:none!important}main{padding:0}body{background:#fff}}

/* ===== Refino do celular (só telas pequenas) ===== */
@media (max-width:860px){
 header{gap:8px;min-height:60px}header h1{font-size:19px}#hc{display:none}.hr{margin-left:auto;gap:6px}.hr .b.g{min-width:44px;min-height:44px;padding:0 10px;border-radius:14px;font-size:17px}
 /* alvos de toque de 44px */
 .st button{width:42px;height:42px;font-size:20px}.st{gap:12px;padding:10px 0}
 button,select,.b{min-height:44px}.b.s{min-height:40px}.chip button,.chip,.tx{min-height:0}
 input[type=text],input[type=number],input:not([type]),select,textarea{font-size:16px}
 /* cartões e espaçamentos */
 main{padding:12px 12px calc(92px + env(safe-area-inset-bottom,0px))}.c{padding:16px;border-radius:18px}.dash,.rl{gap:12px}
 /* barra inferior */
 #bn button{min-height:56px;border-radius:14px;font-size:11.5px}#bn button span{font-size:21px}#bn button.on{background:color-mix(in srgb,var(--a1) 16%,transparent);color:var(--a1)}
 /* início: botões em largura total */
 .cta{display:flex;flex-direction:column;align-items:stretch;gap:10px}.cta .b{width:100%;justify-content:center;text-align:center;min-height:52px;font-size:17px}
 
 /* biblioteca: abas em uma linha com rolagem */
 .tabs{flex-wrap:nowrap;overflow-x:auto;margin-left:-12px;margin-right:-12px;padding:2px 12px 8px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;min-height:44px;padding:0 16px}
 .lnav{max-height:36vh}.li{min-height:44px;font-size:16px}
 /* rolagem: dados e botão Rolar mais fáceis de tocar */
 .sel{grid-template-columns:1fr 1fr}.sel button{min-height:56px}.d6{min-width:96px}
 /* janelas flutuantes viram painel inferior */
 .pft button{min-width:0;padding:10px 2px;font-size:13px}.pft{flex-wrap:nowrap}
 #pcor,#pfb{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .rd{padding:18px 16px}.rd table{font-size:13px}
}
@media (max-width:380px){header h1{font-size:17px}.hr .b.g{min-width:40px}}
@media (max-width:860px){button.pip{min-height:0;width:30px;height:30px}.slp{gap:8px}.ib{min-height:0;width:28px;height:28px}.eqq button,.eqx{min-height:0;width:38px;height:38px}.chip.pc>button:first-child{min-height:0}.vt .b,.vt button{min-height:40px}.pft button{min-height:44px}}