/* ===== Tema Lucky v3 — visual do luckyfigurinhas.com.br (estudo 27/10) =====
   Preto quente + ouro METÁLICO em degradê + verde trevo; Anton nos títulos/números, Manrope no texto;
   cantos 12–16px, cartões com brilho dourado no hover, abas em "segmento" com a ativa em ouro. */
:root,:root:not([data-theme="light"]),:root[data-theme="dark"]{
  --bg:#0f0d09; --panel:#1b1812; --panel2:#25211b; --ink:#f4eee0; --ink2:#aaa497;
  --line:#403723; --line2:#2c271d; --accent:#e2b34d; --accent-ink:#fddb72;
  --pos:#3fbf6b; --posbg:#10261a; --neg:#e0574f; --negbg:#2a1210; --warn:#e2b34d; --warnbg:#2a2210;
  --sel:#2a2416; --inp:#342d1f;
  --gold:linear-gradient(135deg,#ad7b3d 0%,#fddb72 38%,#cc9c42 62%,#ffefa9 100%);
  --clover:linear-gradient(140deg,#03a14a 0%,#005f29 100%);
  --shadow:0 1px 2px rgba(0,0,0,.35);
  --shadow-gold:0 0 0 1px rgba(226,179,77,.35),0 18px 45px -22px rgba(226,179,77,.55);
  --display:"Anton","Arial Narrow",sans-serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:12px; --r2:16px;
  color-scheme:dark;
}
body{background-color:var(--bg);background-image:radial-gradient(120% 80% at 50% -10%,rgba(74,62,38,.55) 0%,transparent 70%),linear-gradient(180deg,#120f0b 0%,#0a0806 100%);background-attachment:fixed}
.lk-gold,header h1,.kpi .val,h2.lk-t{background-image:var(--gold);color:transparent;-webkit-background-clip:text;background-clip:text}

/* Cabeçalho em 2 andares, largura do conteúdo: marca + usuário em cima, TODAS as abas embaixo (sem sanfona) */
header{display:block;padding:0 20px;background:rgba(15,13,9,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:0;border-bottom:1px solid rgba(64,55,35,.7);box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.lk-top{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:12px 0 10px}
.lk-marca{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.lk-logo{width:44px;height:44px;border-radius:10px;box-shadow:var(--shadow-gold)}
header h1{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.02em;text-transform:uppercase;line-height:1;margin:0;white-space:nowrap}
header h1::before{display:none}
header h1::after{content:"Colecione grandes momentos";display:block;margin-top:5px;font:700 9.5px/1 var(--sans);letter-spacing:.28em;color:var(--ink2);-webkit-text-fill-color:var(--ink2)}
.lk-user{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font:700 12px/1 var(--sans);color:var(--ink);white-space:nowrap}
.lk-user::before{content:"";width:7px;height:7px;border-radius:50%;background:#3fbf6b;box-shadow:0 0 0 3px rgba(63,191,107,.18)}
.lk-user:has(#eu-nome:empty){display:none}
.lk-acoes{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.lk-acoes .btn{border:0;background:transparent;border-radius:999px;padding:7px 12px;font:700 10.5px/1 var(--sans);letter-spacing:.08em;color:var(--ink2)}
.lk-acoes .btn:hover{background:var(--panel2);color:var(--ink)}
.lk-acoes #btn-sair:hover{color:var(--neg)}
/* Abas: uma linha só, ícone + nome; separador fino entre Operação · Análise · Configuração; ativa = ouro */
header .tabs{max-width:1240px;margin:0 auto;padding:0 0 10px;display:flex;flex-wrap:nowrap;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;background:none;border:0}
header .tabs::-webkit-scrollbar{display:none}
.tabs .sep{flex:0 0 1px;align-self:stretch;margin:6px 6px;background:var(--line)}
.tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font:700 11.5px/1 var(--sans)!important;text-transform:uppercase;letter-spacing:.07em!important;border:1px solid transparent!important;border-radius:10px;padding:9px 13px;color:var(--ink2);background:transparent;white-space:nowrap}
.tabs button::before{content:"";width:15px;height:15px;flex:0 0 15px;background:currentColor;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain}
.tabs button:hover{background:var(--panel2);color:var(--ink)}
.tabs button.on{background:var(--gold)!important;color:#120f0b!important;font-weight:800!important;box-shadow:0 8px 24px -12px rgba(226,179,77,.7)}
.tabs .nb{background:#e0574f;color:#fff;margin-left:2px}

/* ===== base ===== */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font:400 14px/1.45 var(--sans);min-height:100vh}
[hidden]{display:none!important}
button{font-family:inherit;color:inherit;cursor:pointer}
h2,h3{margin:0}
h3{font:700 11px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
header{position:sticky;top:0;z-index:30}
header h1{margin:0}
.lk-user{max-width:46vw;overflow:hidden;text-overflow:ellipsis}
#eu-nome{overflow:hidden;text-overflow:ellipsis}
.tabs button{cursor:pointer}
main{max-width:1240px;margin:0 auto;padding:16px 20px calc(40px + env(safe-area-inset-bottom,0px))}
.aba{display:none}.aba.on{display:block}
.inp,select,input[type=search],input[type=text],input[type=number],input[type=tel],input[type=password],textarea{font:500 14px/1.3 var(--sans);color:var(--ink);background:var(--inp);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:42px;width:100%}
select{width:auto;max-width:100%}
textarea{resize:vertical}
::placeholder{color:#7d7766}
.f{display:block;margin:14px 0 6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid var(--line);color:var(--ink)}
.btn.pq{padding:8px 12px}
.btn.perigo{color:#f08a83;border-color:rgba(224,87,79,.5);background:transparent}
.btn[disabled]{opacity:.5;cursor:default}
.linha{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.sub{font-size:12px;color:var(--ink2)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.chips.rol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.chips.rol::-webkit-scrollbar{display:none}
.chips.rol .chip{flex:0 0 auto}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);color:var(--ink2)}
.card{border:1px solid var(--line);padding:14px 16px;margin:10px 0}
.card h2{margin-bottom:8px}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
@media (min-width:761px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{border:1px solid var(--line);padding:14px 16px;min-width:0}
.kpi .lbl{color:var(--ink2);text-transform:uppercase}
.kpi .val{display:block;width:fit-content;max-width:100%}
.kpi .s{font-size:12px;color:var(--ink2);margin-top:4px;min-height:15px}
.tag{display:inline-block;padding:3px 9px;font-size:11px;white-space:nowrap}
.saud{margin:6px 0 2px;font:400 26px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.vazio{border:1px dashed var(--line);border-radius:var(--r2);padding:20px;color:var(--ink2);text-align:center;margin:10px 0}
.rodape{font-size:12px;color:var(--ink2);margin:10px 2px}
.aviso{background:var(--warnbg);border:1px solid rgba(226,179,77,.4);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--accent-ink);margin:10px 0}

/* cards de item/envio */
.it{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.it .tx{min-width:0;flex:1}
.it .nm{font-weight:700;font-size:15px;word-break:break-word}
.it .dir{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:0 0 auto}
.it .vl{font:400 18px/1 var(--display);color:var(--accent-ink)}
.env-cod{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 6px}
.env-cod code{font:800 16px/1 var(--sans);letter-spacing:.06em;color:var(--accent-ink);background:var(--inp);border:1px solid var(--line);border-radius:10px;padding:10px 12px;word-break:break-all}
details summary{cursor:pointer;color:var(--ink2);font-size:13px;min-height:36px;display:flex;align-items:center}
details ul{margin:4px 0 0;padding-left:18px;font-size:13px}

/* histórico */
.h-tbl{display:none}
.h-tbl table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
th,td{padding:10px 12px;text-align:left;font-size:13px}
td{border-bottom:1px solid var(--line2)}
.h-tbl tfoot td{font-weight:800;color:var(--accent-ink)}
.h-tot{font-weight:800;color:var(--accent-ink);text-align:right;margin:8px 2px}
@media (min-width:761px){.h-tbl{display:block}.h-cards{display:none}.h-tot{display:none}}

/* login */
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.lg-card{width:100%;max-width:400px;background:var(--panel);border:1px solid rgba(226,179,77,.5);border-radius:20px;padding:26px 22px;box-shadow:var(--shadow-gold)}
.lg-logo{display:block;width:96px;height:96px;margin:0 auto 12px;border-radius:20px;box-shadow:var(--shadow-gold)}
.lg-tit{font:400 30px/1 var(--display);text-align:center;text-transform:uppercase;margin:0;background-image:var(--gold);color:transparent;-webkit-background-clip:text;background-clip:text}
.lg-sub{text-align:center;color:var(--ink2);margin:8px 0 6px}
.lg-senha{display:flex;gap:8px}.lg-senha .btn{flex:0 0 auto}
.lg-hist{color:#8fe0a3;font-size:13px;font-weight:700;margin-top:6px}
.lg-erro{color:#f08a83;font-size:13px;font-weight:600;margin-top:12px}
.lg-erro.aviso2{color:var(--accent-ink)}
.lg-ok{width:100%;margin-top:18px;min-height:46px;font-size:13px}
.lg-troca{display:block;margin:14px auto 0;background:none;border:0;color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;font:700 13px var(--sans);min-height:40px}

/* conta */
.link-box{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.link-box input{flex:1 1 220px;width:auto}

/* álbum */
.barra{height:8px;background:var(--inp);border-radius:6px;overflow:hidden;margin-top:6px}
.barra i{display:block;height:100%;background:var(--gold);border-radius:6px;transition:width .3s}
.barra.verde i{background:var(--clover)}
.prog b{font:400 22px/1 var(--display);color:var(--accent-ink)}
.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.pags{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
.pags::-webkit-scrollbar{display:none}
.pags button{flex:none;min-width:48px;min-height:40px;padding:7px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--ink2);font-weight:700;font-size:12px}
.pags button.on{border-color:var(--accent);color:var(--accent-ink);background:rgba(226,179,77,.15)}
.pags button.ok{color:#8fe0a3}
.pagina{background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);padding:14px}
.pag-topo{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pag-topo .tt{font:400 20px/1.1 var(--display);text-transform:uppercase;color:var(--accent-ink)}
.grade{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(min-width:760px){.grade{grid-template-columns:repeat(6,1fr);gap:10px}}
.slot{position:relative;aspect-ratio:3/4;border-radius:10px;border:2px solid var(--line2);background:#0c0a07;color:#6f6858;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;text-align:center;cursor:pointer;overflow:hidden;font-size:11px;line-height:1.15}
.slot .n{font:400 22px/1 var(--display)}
.slot.tem{color:#14110a;border-color:var(--bc,var(--accent));background:var(--gold);box-shadow:0 0 12px color-mix(in srgb,var(--bc,#e2b34d) 55%,transparent)}
.slot.tem.var{background:linear-gradient(160deg,color-mix(in srgb,var(--bc) 70%,#fff),var(--bc) 60%,color-mix(in srgb,var(--bc) 50%,#000))}
.slot.metal.tem{background:linear-gradient(135deg,#fff 0%,#d8d8d8 30%,#fddb72 60%,#cc9c42 100%)}
.slot.leg{border-color:var(--lc)}
.slot.leg.tem{background:linear-gradient(160deg,color-mix(in srgb,var(--lc) 65%,#fff),var(--lc) 60%,color-mix(in srgb,var(--lc) 50%,#000))}
.slot .nm{font-weight:700;margin-top:2px;word-break:break-word}
.slot .q{position:absolute;top:3px;right:3px;background:#000;color:var(--accent-ink);border-radius:8px;padding:0 5px;font-size:10px;font-weight:700}
.slot .tp{font-size:10px;opacity:.8;text-transform:uppercase}
.slot .lk{position:absolute;top:2px;left:3px;font-size:12px}
.slot.dim{opacity:.22}
.leg-info{font-size:13px;color:#8fe0a3;margin:6px 0}

/* master */
.modos{display:inline-flex;gap:6px}
.mg{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.cel{border:2px solid var(--line2);border-radius:10px;background:#0c0a07;padding:6px 2px;text-align:center;font-size:12px;font-weight:700;cursor:pointer;color:#8a8472;min-height:44px;position:relative;user-select:none}
.cel small{display:block;font-weight:400;font-size:10px;opacity:.75;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cel.tem{background:var(--clover);border-color:#17933e;color:#fff}
.cel.rep{color:#14110a;background:var(--gold);border-color:var(--accent)}
.cel.quero{border-style:dashed;border-color:var(--accent);color:var(--accent-ink)}
.cel .x{position:absolute;top:-6px;right:-4px;background:#000;border:1px solid var(--accent);color:var(--accent-ink);border-radius:8px;font-size:10px;padding:0 4px}
.pirami{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0;padding:14px 8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r2)}
.pirami .tit{font:400 16px/1 var(--display);color:var(--accent);letter-spacing:.06em;margin-bottom:4px}
.pirami .deg{padding:6px 10px;border-radius:8px;border:2px solid var(--c);color:var(--ink);font-size:12px;font-weight:700;text-align:center;background:#0c0a07;box-shadow:0 0 10px var(--c)}
.pirami .deg small{opacity:.75;font-weight:500;margin-left:4px}
.listas{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
@media(min-width:760px){.listas{grid-template-columns:1fr 1fr}}
.lista-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px;line-height:1.5;word-break:break-word}
.lista-box b{color:var(--accent-ink)}
textarea.zap{margin-top:8px;min-height:80px}

/* leitura */
.drop{border:2px dashed rgba(226,179,77,.5);border-radius:16px;padding:22px;text-align:center;background:rgba(226,179,77,.04)}
.prevs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.prevs img{height:110px;border-radius:10px;border:1px solid var(--line)}
.lendo{color:var(--accent-ink);font-weight:700;margin:10px 0}
.res{display:grid;grid-template-columns:1fr;gap:8px}
.res-it{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.res-it.ok{border-color:#17933e}
.res-it .cod{font:400 18px/1 var(--display);color:var(--accent-ink);min-width:70px}
.res-it input{width:90px}

/* modal / editor */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:50;display:flex;align-items:flex-end;justify-content:center}
@media(min-width:760px){.modal{align-items:center}}
.modal-box{background:var(--panel);border:1px solid var(--accent);border-radius:18px 18px 0 0;width:100%;max-width:520px;max-height:90vh;overflow:auto;padding:16px;box-shadow:var(--shadow-gold)}
@media(min-width:760px){.modal-box{border-radius:18px}}
.vrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line2)}
.vrow .chip{min-height:34px;border-color:var(--c);color:var(--ink)}
.vrow .chip.sel{background:rgba(226,179,77,.15)}
.step{display:inline-flex;align-items:center;gap:4px}
.step button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--inp);font-size:18px}
.step span{min-width:26px;text-align:center;font-weight:700}
.step button[disabled]{opacity:.35}
.ed-in{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px 6px}
.ed-in input,.ed-in select{width:auto}

.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--panel);border:1px solid var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:12px;z-index:90;font-size:14px;max-width:90vw;text-align:center}

/* ícones das abas */
#abas button[data-aba="minhas"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")}
#abas button[data-aba="album"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h7v16H4zM13 4h7v16h-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h7v16H4zM13 4h7v16h-7z'/%3E%3C/svg%3E")}
#abas button[data-aba="master"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/svg%3E")}
#abas button[data-aba="leitura"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E")}
#abas button[data-aba="conta"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
@media (max-width:760px){
  .lk-top{padding:10px 0 8px}.lk-logo{width:38px;height:38px}header h1{font-size:18px}header h1::after{display:none}
  .lk-user{display:none}.lk-acoes .btn{padding:7px 9px}
  .tabs button{padding:8px 11px;min-height:40px}
  header{padding:0 14px}
  main{padding:12px 14px calc(30px + env(safe-area-inset-bottom,0px))}
  .kpi .val{font-size:26px}
}

/* ===== componentes do tema (admin) ===== */
.lk-gold,header h1,.kpi .val,h2.lk-t{background-image:var(--gold);color:transparent;-webkit-background-clip:text;background-clip:text}
h1,h2{font-family:var(--display);font-weight:400}
h2{font-size:16px;letter-spacing:.04em;color:var(--accent);text-transform:uppercase}
.card,.kpi{border-radius:var(--r2);background:var(--panel);transition:border-color .15s,box-shadow .15s}
.card:hover,.kpi:hover{border-color:rgba(226,179,77,.6);box-shadow:var(--shadow-gold)}
.kpi .lbl{font:700 10px/1.2 var(--sans);letter-spacing:.2em}
.kpi .val{font:400 30px/1.05 var(--display);margin-top:6px;letter-spacing:.01em}
@media (max-width:760px){.kpi .val{font-size:26px}}
.btn{border-radius:10px;font:700 12px/1 var(--sans);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;background:var(--panel2)}
.btn:hover{border-color:rgba(226,179,77,.6)}
.btn.pri{background:var(--gold);border-color:transparent;color:#120f0b!important;font-weight:800}
.btn.pri:hover{filter:brightness(1.08)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(226,179,77,.18)}
label.f{font:700 10px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.chip{border-radius:999px;font:700 11.5px/1 var(--sans);text-transform:uppercase;letter-spacing:.05em;background:var(--panel)}
.chip:hover{border-color:rgba(226,179,77,.6)}
.chip.on{background:rgba(226,179,77,.15)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}
.tag{border-radius:999px;font-weight:700;letter-spacing:.03em;background:rgba(15,13,9,.85);border:1px solid rgba(226,179,77,.5);color:var(--accent-ink)}
.tag.ok{color:#8fe0a3;border-color:#17933e;background:rgba(23,147,62,.12)}
.tag.bad{color:#f08a83;border-color:var(--neg);background:rgba(224,87,79,.1)}
.tag.neutro{color:var(--ink2);border-color:var(--line);background:transparent}
th{background:var(--panel2);font:700 10px/1.2 var(--sans);letter-spacing:.2em;color:var(--ink2);text-transform:uppercase}

/* instalar app / offline */
.inst{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:64;background:var(--panel);color:var(--ink);border:1px solid var(--accent);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:440px}
.inst img{width:44px;height:44px;border-radius:10px;grid-row:span 2}
.inst b{font-size:14px}.inst p{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.4}
.inst .acts{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
.inst .ios-share{display:inline-block;border:1px solid var(--ink2);border-radius:4px;padding:0 4px;font-size:11px}
.inst-passos{margin:6px 0 0;padding-left:18px;text-align:left}.inst-passos li{margin:3px 0}
.offline{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:80;background:#8a5a00;color:#fff;border-radius:999px;padding:6px 14px;font:600 12px var(--sans);white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}
@media (display-mode: standalone){ body{padding-top:env(safe-area-inset-top,0px)} }

/* ── celular: barra de navegação embaixo + folha "Mais" ── */
.nav-app,.sheet,.sheet-fundo{display:none}
@media (max-width:760px){
  #abas{display:none!important}
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  .nav-app{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--panel);border-top:1px solid var(--line);padding:6px 4px env(safe-area-inset-bottom,0px)}
  .nav-app button{position:relative;border:0;background:none;color:var(--ink2);display:grid;justify-items:center;gap:3px;font:600 10.5px var(--sans);padding:4px 0;min-height:52px;cursor:pointer}
  .nav-app button svg{width:24px;height:24px}
  .nav-app button.on{color:var(--accent)}
  .nav-app button.on::before{content:"";position:absolute;top:-6px;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}
  .nav-app button.cam{color:#120f0b;font-weight:700}
  .nav-app button.cam .bola{display:grid;place-items:center;width:52px;height:52px;margin-top:-22px;border-radius:50%;background:var(--accent);color:#120f0b;border:3px solid var(--panel);box-shadow:0 4px 14px rgba(0,0,0,.4)}
  .nav-app button.cam .bola svg{width:26px;height:26px}
  .nav-app button.cam{color:var(--accent)}
  .toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .inst{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .sheet-fundo{position:fixed;inset:0;z-index:71;background:rgba(8,12,16,.55)}
  .sheet{position:fixed;left:0;right:0;bottom:0;z-index:72;background:var(--panel);color:var(--ink);border-radius:18px 18px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.4);max-height:88vh;overflow:auto}
  .sheet-fundo.on,.sheet.on{display:block}
  .sheet .alca{width:44px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}
  .sheet h3{margin:0 0 4px;font:700 17px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
  .sheet .op{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 12px;align-items:center;width:100%;min-height:44px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:12px;padding:12px;margin-top:10px;text-align:left;font:14px var(--sans);cursor:pointer}
  .sheet .op svg{width:28px;height:28px;grid-row:span 2;color:var(--accent);justify-self:center}
  .sheet .op b{font-size:15px}.sheet .op span{font-size:12px;color:var(--ink2)}
}