:root{--fundo:#0d0b09;--cartao:#17130f;--borda:#3a2e1f;--ouro:#d4a94a;--ouro2:#f0d48a;--texto:#e9e1d3;--fraco:#a39782;--ok:#5fb36b;--erro:#d0584e}
*{box-sizing:border-box}
html{background:var(--fundo)}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--texto);background:radial-gradient(ellipse at top,#2a1d10 0%,var(--fundo) 60%) no-repeat;min-height:100vh;line-height:1.5}
a{color:var(--ouro2)}
header{border-bottom:1px solid var(--borda);background:rgba(0,0,0,.35)}
.topo{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.logo{font-size:28px;font-weight:bold;letter-spacing:4px;color:var(--ouro);text-decoration:none;text-shadow:0 0 12px rgba(212,169,74,.35)}
nav{display:flex;flex-wrap:wrap;gap:4px 14px;margin-left:auto;align-items:center}
nav a{text-decoration:none;color:var(--texto);font-family:system-ui,sans-serif;font-size:15px}
nav a:hover{color:var(--ouro2)}
nav form{display:inline;margin:0}
.status{font-family:system-ui,sans-serif;font-size:13px;padding:3px 10px;border-radius:12px;border:1px solid var(--borda)}
.status.on{color:var(--ok)}.status.off{color:var(--erro)}
main{max-width:960px;margin:0 auto;padding:20px 16px 48px}
h1,h2{color:var(--ouro);font-weight:normal;letter-spacing:1px}
h1{font-size:30px;margin:8px 0 16px}
.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:10px;padding:18px;margin-bottom:18px}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.num{font-size:28px;color:var(--ouro2)}.rot{color:var(--fraco);font-family:system-ui,sans-serif;font-size:13px}
table{width:100%;border-collapse:collapse;font-family:system-ui,sans-serif;font-size:14px}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--borda)}
th{color:var(--fraco);font-weight:normal}
td.n{text-align:right;font-variant-numeric:tabular-nums}th.n{text-align:right}
.tabela{overflow-x:auto}
form.campos{display:grid;gap:12px;max-width:380px}
label{font-family:system-ui,sans-serif;font-size:14px;color:var(--fraco);display:grid;gap:4px}
input[type=text],input[type=password],input[type=email]{background:#0b0907;border:1px solid var(--borda);color:var(--texto);padding:10px;border-radius:6px;font-size:16px}
input:focus{outline:2px solid var(--ouro);outline-offset:1px}
.check{display:flex;gap:8px;align-items:center}
button,.botao{background:linear-gradient(#e2b95a,#a87b28);color:#1a1209;border:0;padding:10px 18px;border-radius:6px;font-size:15px;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block;font-family:system-ui,sans-serif}
button.link{background:none;color:var(--texto);padding:0;font-weight:normal}
button.peq{padding:5px 10px;font-size:13px}
.aviso{padding:10px 14px;border-radius:6px;margin-bottom:14px;font-family:system-ui,sans-serif;font-size:14px}
.aviso.ok{background:#14301a;border:1px solid var(--ok)}.aviso.erro{background:#3a1512;border:1px solid var(--erro)}
.fraco{color:var(--fraco);font-family:system-ui,sans-serif;font-size:14px}
ol.passos li{margin-bottom:8px}
code{background:#0b0907;padding:2px 6px;border-radius:4px;word-break:break-all}
footer{text-align:center;color:var(--fraco);font-family:system-ui,sans-serif;font-size:12px;padding:20px}
.filtro{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:system-ui,sans-serif}
select{background:#0b0907;border:1px solid var(--borda);color:var(--texto);padding:9px;border-radius:6px;font-size:16px;max-width:100%}
.abas{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0;font-family:system-ui,sans-serif}
.abas a{border:1px solid var(--borda);padding:6px 12px;border-radius:16px;text-decoration:none;font-size:14px}
.selo{font-family:system-ui,sans-serif;font-size:11px;border:1px solid var(--ouro);color:var(--ouro);border-radius:8px;padding:0 6px;margin-left:6px;white-space:nowrap}
.falta{color:#6b6153}
.anc{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.anc .cartao{margin:0}
.anc h3{margin:0 0 6px;color:var(--ouro2);font-weight:normal}
.anc ul{margin:6px 0;padding-left:18px;font-family:system-ui,sans-serif;font-size:14px}
td small{color:var(--fraco)}
.pecas{display:flex;flex-wrap:wrap;gap:6px}
.peca{display:flex;flex-direction:column;align-items:center;text-align:center;width:74px;background:#0b0907;border:1px solid var(--borda);border-radius:6px;padding:4px}
.peca img{width:56px;height:56px;object-fit:contain}
.peca.falta{opacity:.4;justify-content:center;min-height:60px}
.item{display:flex;gap:8px;align-items:center}
.item img{width:44px;height:44px;object-fit:contain;background:#0b0907;border:1px solid var(--borda);border-radius:6px}
form.bau{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;border:1px dashed var(--ouro);border-radius:8px;padding:10px;margin:10px 0}
form.bau label{display:flex;gap:6px;align-items:center}
form.bau select{padding:5px;font-size:14px}
.receitas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.receita{background:#0b0907;border:1px solid var(--borda);border-radius:8px;padding:12px}
.receita h3{margin:0 0 4px;color:var(--ouro2);font-weight:normal;font-size:18px}
.receita ul{padding-left:18px;margin:6px 0;font-family:system-ui,sans-serif;font-size:14px}
.receita li{margin-bottom:4px}
.mini{display:inline-flex;align-items:center;gap:4px}
.mini img{width:26px;height:26px;object-fit:contain}
.drops{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.drop{background:#0b0907;border:1px solid var(--borda);border-radius:8px;padding:10px}
.drop-top{display:flex;gap:10px;align-items:center}
.drop-top img{width:48px;height:48px;object-fit:contain}
.drop ul{padding-left:18px;margin:8px 0 0;font-family:system-ui,sans-serif;font-size:14px}
.drop li{margin-bottom:6px}
small.cai{color:var(--ouro2);cursor:help}
.melhor{color:var(--ok)}
.formula{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.q{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;width:112px;min-height:112px;background:#0b0907;border:1px solid var(--borda);border-radius:8px;padding:8px 6px;font-family:system-ui,sans-serif;font-size:13px}
.q img{width:40px;height:40px;object-fit:contain}
.q .imgs{display:flex;justify-content:center;flex-wrap:wrap;gap:2px}
.q .imgs img{width:32px;height:32px}
.q small{color:var(--fraco);font-size:11px}
.q .qtd{position:absolute;top:4px;left:6px;color:var(--ouro2);font-weight:bold;font-size:12px}
.q.res{border-color:var(--ouro);background:#1d160c}
.q.sobe{border-color:var(--ok)}
.op{color:var(--ouro);font-size:22px;font-weight:bold}
.receita{background:var(--cartao)}
