/* Mesmo visual do painel real (painel/lib/estilo.php) — paleta preto/amarelo/
   dourado da LP, mas layout próprio de painel (cards, tabela). Essa versão é
   só a demonstração estática (sem backend PHP real por trás). */
:root{--preto:#111;--amarelo:#F5C21A;--dourado:#B8912E;--branco:#fff;--cinza:#666;--cinza-claro:#f4f4f4;--borda:#eee}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:var(--cinza-claro);color:var(--preto)}
.painel__topo{background:var(--preto);color:var(--branco);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.painel__topo strong{color:var(--amarelo)}
.painel__topo a{color:#fff;text-decoration:none;font-size:13px;opacity:.85;margin-left:16px}
.painel__topo a:hover{opacity:1;text-decoration:underline}
.painel__nav{font-size:13px}
.painel__corpo{max-width:1080px;margin:0 auto;padding:24px 16px}
.card{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.04);margin-bottom:20px}
h1{font-size:20px;margin:0 0 4px}
h2{font-size:16px;margin:0 0 12px}
p.sub{color:var(--cinza);font-size:13px;margin:0 0 20px}
label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px;color:var(--cinza)}
input,select{width:100%;padding:12px 14px;border:1.5px solid #ddd;border-radius:10px;font-size:15px;font-family:inherit}
input:focus,select:focus{outline:none;border-color:var(--preto)}
button,.btn{margin-top:20px;width:100%;padding:14px;border:none;border-radius:10px;background:var(--amarelo);color:#111;font-weight:800;font-size:15px;cursor:pointer;text-align:center;text-decoration:none;display:inline-block}
button:hover,.btn:hover{filter:brightness(0.95)}
.btn--secundario{background:#fff;border:1.5px solid #ddd;color:#111}
.btn--pequeno{width:auto;padding:8px 14px;margin-top:0;font-size:13px}
.msg{margin-top:18px;padding:14px;border-radius:10px;font-size:14px;line-height:1.5}
.ok{background:#e9f9ee;color:#0a6b2f;border:1px solid #bfe9cd}
.warn{background:#fff4e0;color:#8a5a00;border:1px solid #ffe0a3}
.err{background:#fde8e8;color:#a02121;border:1px solid #f7c1c1}
.codigo{font-size:22px;font-weight:800;letter-spacing:.05em;margin-top:4px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--borda);vertical-align:top}
th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--cinza)}
.badge{display:inline-block;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:700}
.badge--ativo{background:#e9f9ee;color:#0a6b2f}
.badge--usado{background:#eef1ff;color:#33389c}
.badge--expirado{background:#f2f2f2;color:#777}
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.filtros form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;width:100%}
.filtros .campo{flex:1;min-width:140px}
.filtros label{margin-top:0}
.filtros button{margin-top:0;width:auto;padding:12px 20px}
.stats{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.stats .stat{flex:1;min-width:130px;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:14px 16px}
.stats .stat b{display:block;font-size:22px}
.stats .stat span{font-size:12px;color:var(--cinza)}
.tabela-wrap{overflow-x:auto}
.camera__overlay{position:fixed;inset:0;background:#000;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center}
.camera__overlay video{width:100%;max-width:480px;border-radius:12px}
.camera__overlay button{max-width:300px}
.oculto{display:none!important}

/* --- Só da demonstração (não existe no painel real) --- */
.faixa-demo{
  background: linear-gradient(90deg, #B8912E, #F5C21A);
  color: #111; font-weight: 800; font-size: 13px;
  text-align: center; padding: 8px 16px;
}
.faixa-demo a{ color:#111; text-decoration:underline; }
.btn--restaurar{
  display:inline-block; margin-top:0; width:auto; padding:8px 14px;
  font-size:12px; background:transparent; border:1.5px solid #ddd; color:#666;
}