/* 1i YT Radar — paleta da 1i: preto + amarelo #FFC200 (branco só quando precisa). Mobile-first. */
:root{--bg:#0a0a0b;--card:#15161a;--card2:#1c1d22;--borda:#26282e;--txt:#f4f4f5;--sub:#a1a1aa;--am:#FFC200;--am2:#ffd54a;
--ok:#22c55e;--erro:#f87171;--r:16px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.45 "Barlow",system-ui,sans-serif}
a{color:var(--am);text-decoration:none}a:hover{color:var(--am2)}
.topo{position:sticky;top:0;z-index:20;background:rgba(10,10,11,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--borda)}
.topo .in{max-width:1280px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;color:var(--txt)}.marca img{height:34px}
.marca b{font:italic 800 22px/1 "Barlow Condensed",sans-serif;letter-spacing:.5px}.marca b span{color:var(--am)}
.menu{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.menu a{padding:8px 12px;border-radius:999px;color:var(--sub);font-weight:600}.menu a.on,.menu a:hover{background:var(--card2);color:var(--txt)}
main{max-width:1280px;margin:0 auto;padding:16px}
h1,h2,h3{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;letter-spacing:.3px;margin:0 0 10px}
h1{font-size:30px}h2{font-size:22px;margin-top:26px}h3{font-size:18px}
.sub{color:var(--sub)}.pequeno{font-size:13px}
.aviso{background:var(--am);color:#111;border-radius:12px;padding:10px 14px;font-weight:600;margin-bottom:14px}
.alerta{background:#2a1d00;border:1px solid #5c4300;color:#ffe08a;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.abas{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding-bottom:6px;margin-bottom:10px}
.abas a{flex-shrink:0;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--borda);color:var(--sub);font-weight:600}
.abas a.on{background:var(--am);color:#111;border-color:var(--am)}
.grade{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:720px){.grade{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.grade{grid-template-columns:1fr 1fr 1fr}}
.card{background:var(--card);border:1px solid var(--borda);border-radius:var(--r);padding:16px}
.card .cab{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.card .cab h3{margin:0;flex:1}
.selo{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--card2);color:var(--sub);border:1px solid var(--borda)}
.selo.ok{color:var(--ok)}.selo.erro{color:var(--erro)}.selo.am{background:var(--am);color:#111;border-color:var(--am)}
.mini{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--borda)}
.mini img{width:54px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#000}
.mini .t{font-size:13px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--txt)}
.num{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-style:italic;color:var(--am);font-size:18px;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 16px;
font:700 15px "Barlow",sans-serif;cursor:pointer;background:var(--am);color:#111}.btn:hover{background:var(--am2);color:#111}
.btn.sec{background:var(--card2);color:var(--txt);border:1px solid var(--borda)}.btn.sec:hover{border-color:var(--am);color:var(--txt)}
.btn.peq{padding:7px 12px;font-size:13px;border-radius:10px}
.acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.wrap{overflow-x:auto;border:1px solid var(--borda);border-radius:var(--r)}
table{width:100%;min-width:760px;border-collapse:collapse;background:var(--card)}
th,td{padding:10px;border-bottom:1px solid var(--borda);text-align:left;vertical-align:top}
th{background:var(--card2);color:var(--sub);font-size:12px;text-transform:uppercase;letter-spacing:.6px;position:sticky;top:0}
td.n{text-align:right;white-space:nowrap}td img{width:64px;height:86px;object-fit:cover;border-radius:8px;background:#000}
tr:hover td{background:#181a1f}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}@media(min-width:720px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:12px}.kpi b{display:block;font:italic 800 26px "Barlow Condensed";color:var(--am)}
.kpi span{color:var(--sub);font-size:13px}
form .campo{margin-bottom:12px}label{display:block;font-weight:700;margin-bottom:5px}
input,select,textarea{width:100%;max-width:100%;min-width:0;background:#0f1013;color:var(--txt);border:1px solid var(--borda);border-radius:12px;
padding:11px 12px;font:15px "Barlow",sans-serif;-webkit-appearance:none;appearance:none}
input:focus,select:focus,textarea:focus{outline:2px solid var(--am);border-color:var(--am)}
textarea{min-height:160px;resize:vertical}
.duas{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.duas{grid-template-columns:1fr 1fr}}
.tres{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.tres{grid-template-columns:1fr 1fr 1fr}}
.check{display:flex;align-items:center;gap:8px}.check input{width:auto}
.centro{min-height:80vh;display:flex;align-items:center;justify-content:center}.caixa{width:100%;max-width:420px}
.caixa .logo{display:block;margin:0 auto 16px;height:64px}
.rodape{max-width:1280px;margin:30px auto 20px;padding:0 16px;color:var(--sub);font-size:12px}
.musica{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--borda)}