/* Fila em 3 caixas (13/10/2026) */
/* seletor em pilula: Minha fila | Equipe toda */
#fila .abinhas[data-f3] { display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; padding:3px; border-radius:999px; background:var(--card2); border:1px solid var(--b); }
#fila .abinhas[data-f3] button { padding:7px 6px; font-size:13px; font-weight:600; border:0; border-radius:999px; background:transparent; color:var(--m); box-shadow:none; min-height:0; }
#fila .abinhas[data-f3] button:hover { color:var(--t); }
#fila .abinhas[data-f3] button.ativo { background:linear-gradient(135deg, var(--azul), var(--azulb)); color:#fff; box-shadow:var(--glow); }
.f3-caixa { border-bottom:1px solid var(--b); }
/* o cabecalho da caixa gruda logo abaixo do topo da fila (busca e botoes), sem tapar os botoes ao rolar */
#fila .top { z-index:3; }
.f3-cab { display:flex; align-items:center; gap:8px; padding:12px 12px 8px; cursor:pointer; user-select:none; position:sticky; top:var(--fila-top, 0px); z-index:2; background:var(--bg2); }
.f3-cab span { font-weight:800; font-size:13px; letter-spacing:.3px; }
.f3-cab b { min-width:22px; padding:1px 8px; border-radius:999px; font-size:12px; background:var(--card2); border:1px solid var(--b2); text-align:center; }
.f3-cab i { margin-left:auto; font-style:normal; color:var(--m); }
.f3-caixa.responder .f3-cab span { color:#22c55e; }
.f3-caixa.responder .f3-cab b { background:#22c55e; color:#06230f; border-color:#22c55e; }
.f3-caixa.esperando .f3-cab span { color:#eab308; }
.f3-caixa.resolvidos .f3-cab span { color:var(--m); }
.item.f3 .f3-dir { display:flex; flex-direction:column; align-items:flex-end; gap:5px; justify-content:center; }
.item.f3 .hora.f3-dia { color:#f97316; font-weight:600; }
.item.f3 .hora.f3-velho { color:#ef4444; font-weight:700; }
.item.f3 .f3-dono { color:var(--m); font-weight:400; }
.item.f3 .f3-num { color:var(--m); font-weight:500; font-size:11px; letter-spacing:.2px; font-variant-numeric:tabular-nums; }
.item.f3 .tag { white-space:nowrap; }
#fila .abinhas[data-f3] button small { margin-left:4px; padding:0 6px; border-radius:999px; font-size:11px; font-weight:700; background:#22c55e; color:#06230f; }
#fila .abinhas[data-f3] button small:empty { display:none; }
#fila .abinhas[data-f3] button { white-space:nowrap; font-size:12.5px; padding:7px 4px; }
#fila .abinhas[data-f3] button small { font-size:10.5px; padding:0 5px; margin-left:3px; }