/* Painel da equipe da Delza de Oliveira (27/10/2026). Paleta oficial: #ae0100 #006b03 #58d42d #ffc302 #ff7402. */
:root{--vermelho:#ae0100;--verde:#006b03;--verde-claro:#58d42d;--amarelo:#ffc302;--laranja:#ff7402;--fundo:#fdf6ee;--tinta:#1d1d1b;--cinza:#6f6a62;--linha:#ece3d6}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);font:500 1rem/1.45 Nunito,system-ui,sans-serif}
a{color:var(--vermelho)}
.topo{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:4px solid var(--vermelho)}
.topo img{height:38px}
.topo span{font:800 .8rem Nunito;letter-spacing:.06em;text-transform:uppercase;color:var(--verde)}
main{max-width:640px;margin:0 auto;padding:14px 14px 30px}
footer{text-align:center;color:var(--cinza);font-size:.85rem;padding:0 16px 30px}
.carregando{text-align:center;padding:60px 0;color:var(--cinza)}
.card{background:#fff;border-radius:20px;padding:16px 16px 18px;margin:0 0 14px;box-shadow:0 1px 0 var(--linha)}
.card h2{font:800 1.25rem/1.15 "Baloo 2",sans-serif;color:var(--vermelho);margin:0 0 10px}
.card p{margin:0 0 10px}
.eu{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;background:var(--vermelho);color:#fff}
.eu .foto{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid var(--amarelo);background:var(--verde)}
.eu .sem-foto{display:grid;place-items:center;font:800 2rem "Baloo 2"}
.eu h1{font:800 1.5rem/1.05 "Baloo 2",sans-serif;margin:0}
.eu .nivel{display:inline-block;margin-top:6px;background:var(--amarelo);color:var(--tinta);font-weight:800;font-size:.8rem;padding:3px 10px;border-radius:999px}
.eu .pts{font-weight:800;margin-left:6px}
.barra{height:10px;border-radius:99px;background:rgba(0,0,0,.08);overflow:hidden;margin:8px 0 4px}
.eu .barra{background:rgba(255,255,255,.25);grid-column:1/-1}
.barra i{display:block;height:100%;background:var(--verde-claro);border-radius:99px}
.eu .falta{grid-column:1/-1;font-size:.85rem;opacity:.9;margin:0}
.aviso-topo{background:#fff4d6;border-left:6px solid var(--amarelo)}
.btns{display:flex;flex-wrap:wrap;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border-radius:999px;border:0;background:var(--vermelho);color:#fff;font:800 .95rem Nunito;text-decoration:none;cursor:pointer}
.btn.verde{background:var(--verde)}.btn.borda{background:#fff;color:var(--vermelho);box-shadow:inset 0 0 0 2px var(--vermelho)}
.btn.perigo{background:#fff;color:#8a1c12;box-shadow:inset 0 0 0 2px #e7b3ad}
.link{word-break:break-all;font-weight:700;background:var(--fundo);padding:8px 10px;border-radius:12px;margin:0 0 10px;font-size:.9rem}
.qr{width:150px;height:150px;border-radius:12px;display:block;margin:10px 0 0}
.lista{list-style:none;margin:0;padding:0}
.lista li{padding:10px 0;border-top:1px solid var(--linha)}
.lista li:first-child{border-top:0}
.lista b{display:block}
.lista small{color:var(--cinza)}
.chip{display:inline-block;font-size:.75rem;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--linha);color:var(--tinta);margin-left:6px}
.chip.resolvido{background:#dff5d3;color:var(--verde)}.chip.aberto,.chip.em_andamento{background:#fff1cc;color:#7a5300}
.nova{border-left:4px solid var(--laranja);padding-left:10px!important}
.rank li{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center}
.rank .pos{font:800 1.1rem "Baloo 2";color:var(--verde)}
.rank .meu{background:#fff4d6;border-radius:12px;padding:10px 8px}
.selos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.selo{padding:10px;border-radius:14px;background:var(--fundo);font-weight:800;font-size:.85rem;opacity:.45}
.selo.ganha{background:#eaf8e1;color:var(--verde);opacity:1}
.selo::before{content:"★ ";color:var(--amarelo)}
.chave{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--linha)}
.chave input{width:44px;height:24px;accent-color:var(--verde)}
.nota{color:var(--cinza);font-size:.88rem}
.vazio{color:var(--cinza)}
.sino{float:right;background:var(--laranja);color:#fff;font-weight:800;border-radius:999px;padding:1px 9px;font-size:.85rem}