[hidden]{display:none!important}
#fila{background:var(--bg)}
.fila-grid{display:grid;gap:1.2rem;margin-top:2.2rem;grid-template-columns:1fr 1fr}
@media(max-width:820px){.fila-grid{grid-template-columns:1fr}}
.fila-box{background:var(--card);border:1px solid #232323;padding:1.4rem}
.fila-box label{display:block;font:700 .8rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.fila-box input[type=text],.fila-box input[type=password],.pn-add input{width:100%;min-height:48px;padding:.7rem .9rem;background:#0a0a0a;border:1px solid #333;color:var(--txt);font:400 16px var(--sans);margin-bottom:1rem}
.fila-box input:focus,.pn-add input:focus{border-color:var(--gold);outline:none}
.fila-box .btn{width:100%}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.fila-msg{min-height:1.4em;margin-top:.8rem;font-size:.9rem;color:#e58b8b}
.fila-msg.ok{color:var(--gold2)}
.fila-now{color:var(--mut);font-size:.95rem;margin-bottom:1rem}
.fila-now b{color:var(--gold2);font-size:1.1rem}
.fila-lista,.pn-lista{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.fila-lista li,.pn-lista li{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;background:#0a0a0a;border:1px solid #222}
.fila-lista li:first-child,.pn-lista li:first-child{border-color:var(--gold)}
.fila-lista .n,.pn-lista .n{flex:none;width:30px;height:30px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font:700 .85rem var(--sans);border-radius:50%}
.fila-lista em{color:var(--gold2);font-style:normal;font-size:.8rem}
.fila-lista .prox{margin-left:auto;font:700 .7rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#050505;background:var(--gold);padding:.2rem .5rem}
.fila-lista .voce{background:rgba(212,175,55,.1)}
.fila-vazia,.fila-status{color:var(--mut);font-size:.85rem;margin-top:.8rem}
.fila-minha{border:1px solid var(--gold);background:rgba(212,175,55,.08);padding:1.1rem;margin-bottom:1.2rem;text-align:center}
.fila-minha strong{display:block;font:700 2.4rem/1.1 var(--serif);color:var(--gold2)}
.fila-minha p{color:var(--mut);margin:.4rem 0 .8rem;font-size:.95rem}
.fila-minha.vez{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#050505}
.fila-minha.vez strong,.fila-minha.vez p{color:#050505}
.fila-minha button{background:none;border:0;color:var(--mut);text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem;min-height:44px}
/* painel */
.pn{padding:calc(100px + env(safe-area-inset-top,0px)) 0 4rem;min-height:100svh}
.pn-login{max-width:420px;margin:2rem auto}
.pn h1{font-size:clamp(1.6rem,5vw,2.2rem);margin-bottom:1rem}
.pn-top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.pn-top h1{margin:0;flex:1}
.pn-top .btn{width:auto;min-height:42px;padding:.5rem 1.1rem}
.pn-hoje{color:var(--mut);font-size:.85rem}
.pn-chamar{width:100%;min-height:64px;font-size:1.05rem;margin-bottom:1.2rem}
.pn-atual{margin-bottom:1.5rem}
.pn-atual b{font:700 1.5rem var(--serif);color:var(--gold2);display:block;margin:.2rem 0 .9rem}
.pn-atual small{color:var(--mut);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}
.pn-h{font-size:1.3rem;margin-bottom:.8rem;max-width:none}
.pn-acoes{display:flex;gap:.5rem;flex-wrap:wrap}
.pn-acoes button,.pn-lista button{min-width:44px;min-height:44px;background:#141414;border:1px solid #333;color:var(--txt);cursor:pointer;font:700 .85rem var(--sans);padding:0 .8rem}
.pn-acoes button:hover,.pn-lista button:hover{border-color:var(--gold);color:var(--gold2)}
.pn-acoes .ok{background:var(--gold);color:#050505;border-color:var(--gold)}
.pn-lista li{flex-wrap:wrap}
.pn-lista .nm{flex:1;min-width:120px;word-break:break-word}
.pn-lista .bt{display:flex;gap:.4rem}
.pn-add{display:flex;gap:.6rem;margin-top:1.4rem}
.pn-add input{margin:0;flex:1}
.pn-add .btn{width:auto}
button:disabled{opacity:.5;cursor:wait}
