/* FFX Live · navegação nova (15/11/2026): cinco itens no rodapé e um visual mais leve, com a referência do app do Web Summit
   (fundo cinza claro, cartões brancos arredondados, controle em segmentos, rodapé flutuante) dentro da marca FFX:
   preto, verde #37F623 e roxo #A700FF como preenchimento; nunca texto verde sobre fundo claro. Só vale com html[data-nav="2"]. */
html[data-nav="2"]{--abas-h:74px}
html[data-nav="2"][data-tema="clean"]{--fundo:#EEEEEC;--card:#FFFFFF;--card2:#E4E3DF;--linha:#DDDCD7;--raio:16px}

/* rodapé flutuante: o item aceso vira uma pílula */
html[data-nav="2"] .abas{left:10px;right:10px;bottom:calc(var(--sab) + 8px);padding:5px;gap:2px;border:1px solid var(--linha);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.22)}
html[data-nav="2"] .abas a{border-radius:19px;padding:8px 0 7px;gap:3px;font-family:var(--t-texto);font-weight:600;letter-spacing:0;text-transform:none}
html[data-nav="2"] .abas a span{font-size:11px}html[data-nav="2"] .abas a svg{width:22px;height:22px}
html[data-nav="2"] .abas a.on{background:#37F623;color:#0C0C0D;box-shadow:none}html[data-nav="2"] .abas a.on::before{content:none}
html[data-nav="2"][data-tema="clean"] .abas{background:rgba(255,255,255,.95)}
html[data-nav="2"][data-tema="clean"] .abas a.on{background:#0C0C0D;color:#37F623}

/* subabas em segmentos */
html[data-nav="2"] .subnav{margin:10px var(--gut) 2px;padding:4px;gap:2px;border:0;border-radius:14px;background:var(--card2)}
html[data-nav="2"] .subnav a{flex:1 0 auto;text-align:center;padding:10px 14px;margin:0;border:0;border-radius:11px;font:600 13.5px/1.1 var(--t-texto);letter-spacing:0;text-transform:none;color:var(--mudo)}
html[data-nav="2"] .subnav a.on{background:var(--card);color:var(--branco);box-shadow:0 1px 3px rgba(0,0,0,.16)}

/* agenda mais leve: dias grandes, filtros e cartões arredondados */
html[data-nav="2"] .dias{gap:6px;padding-top:14px}
html[data-nav="2"] .dias .chip{border-color:transparent;background:transparent;border-radius:14px;padding:11px 14px;font:800 16px/1 var(--t-display);letter-spacing:.03em}
html[data-nav="2"] .dias .chip.on{background:#37F623;color:#0C0C0D}
html[data-nav="2"][data-tema="clean"] .dias .chip{color:var(--mudo)}
html[data-nav="2"][data-tema="clean"] .dias .chip.on{background:#0C0C0D;color:#37F623}
html[data-nav="2"][data-tema="clean"] .filtros .chip{background:var(--card);border-color:var(--linha);font:600 13px/1 var(--t-texto);letter-spacing:0;text-transform:none;padding:10px 13px}
html[data-nav="2"][data-tema="clean"] .filtros .chip.on{background:var(--roxo,#A700FF);border-color:var(--roxo,#A700FF);color:#fff}
html[data-nav="2"] .pal{border-radius:18px;padding:16px 16px 14px}
html[data-nav="2"][data-tema="clean"] .pal{border-color:transparent;box-shadow:0 1px 2px rgba(0,0,0,.06)}
html[data-nav="2"] .busca{border-radius:14px}

/* Início */
.n2-cab h1{margin-top:6px}
.n2-aviso{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;padding:14px 12px 14px 16px;border-radius:16px;background:#0C0C0D;color:#fff;border-left:6px solid #37F623}
.n2-aviso .rotulo{color:#37F623}.n2-aviso p{margin:6px 0 0;font-size:15.5px;line-height:1.4;white-space:pre-wrap}.n2-aviso>div{flex:1;min-width:0}
.n2-x{flex:none;width:34px;height:34px;border:0;background:none;color:inherit;font:700 16px/1 var(--t-texto);opacity:.75;cursor:pointer}
.n2-link{background:none;border:0;padding:8px 0 0;color:inherit;font:600 13px/1.2 var(--t-texto);text-decoration:underline;text-underline-offset:3px;opacity:.8;cursor:pointer}
.n2-novo-av{display:block;color:var(--off);padding:4px 0 6px}
.n2-hoje{display:block;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--linha);color:var(--off)}
.n2-hoje .rotulo{display:flex;align-items:center;gap:7px}.n2-hoje b{display:block;margin-top:8px;font-size:17px;line-height:1.3;color:var(--branco)}.n2-hoje small{display:block;margin-top:5px;font-size:13px;color:var(--mudo)}
.n2-ok{padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--linha);font-size:14.5px;line-height:1.4;color:var(--mudo)}.n2-ok b{color:var(--branco)}
.n2-eq .af-eq{border-radius:14px;overflow:hidden}.n2-falta{color:#C77700!important;font-weight:700}.n2-emdia{opacity:.7}
.n2-atalhos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.n2-at{display:block;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--linha);color:var(--off)}
.n2-at svg{width:22px;height:22px;display:block;margin-bottom:10px}.n2-at b{display:block;font-size:15px;color:var(--branco)}.n2-at span{display:block;margin-top:4px;font-size:12.5px;line-height:1.3;color:var(--mudo)}
.n2-placar{display:flex;align-items:center;gap:10px;margin-top:14px;padding:13px 16px;border-radius:14px;border:1px dashed var(--linha);color:var(--mudo);font:600 14px/1 var(--t-texto)}
.n2-placar svg{width:18px;height:18px}.n2-placar i{margin-left:auto;font-style:normal;font-size:18px}

/* Minha cobertura */
.n2-resumo{margin:10px var(--gut) 12px;font-size:13.5px;color:var(--mudo)}
.n2-cob{margin:0 var(--gut) 12px;border-radius:18px;background:var(--card);border:1px solid var(--linha);overflow:hidden}
.n2-cob.agora{border-color:#FF3B3B;box-shadow:0 0 0 1px #FF3B3B}
.n2-cob-c{display:block;padding:15px 16px 12px;color:var(--off)}.n2-cob-c .rotulo em{font-style:normal;color:#FF5A5A;margin-left:6px}
.n2-cob-c b{display:block;margin-top:7px;font-size:16.5px;line-height:1.3;color:var(--branco)}.n2-cob-c small{display:block;margin-top:3px;font-size:12.5px;line-height:1.3;color:var(--mudo)}
.n2-chs{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.n2-ch{font:600 12px/1 var(--t-texto);padding:6px 9px;border-radius:99px;border:1px solid var(--linha);color:var(--mudo);white-space:nowrap}
.n2-ch.n2-tem{background:#37F623;border-color:#37F623;color:#0C0C0D}.n2-ch.n2-sem{background:#FFF1CC;border-color:#F2C14E;color:#6B4700}
.n2-cob-a{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--linha)}
.n2-cob-a .bt{min-height:38px;padding:0 12px;font-size:12.5px;border-radius:10px}.n2-cob-a .bt svg{width:15px;height:15px}.n2-cob-a label.bt{cursor:pointer}

/* Exportar */
.n2-exp{display:grid;gap:8px}
.n2-exp-i{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--linha);color:var(--off);cursor:pointer;font:inherit}
.n2-exp-i div{flex:1;min-width:0}.n2-exp-i b{display:block;font-size:15.5px;color:var(--branco)}.n2-exp-i span{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:var(--mudo)}
.n2-exp-i em{flex:none;font:800 12px/1 var(--t-display);letter-spacing:.06em;text-transform:uppercase;font-style:normal;padding:9px 12px;border-radius:99px;background:#0C0C0D;color:#37F623}