:root{
  --bg:#020810; --panel:#081828; --panel2:#0c1d30;
  --border:#1A2A3A; --gold:#C9A84C; --green:#50B878;
  --text:#EDE8DC; --muted:#7A8EA8; --dim:#566070;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:linear-gradient(160deg,#020810,#06121f 60%,#020810);
  min-height:100vh;color:var(--text);
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.brand-tag{
  font-size:10px;letter-spacing:3px;color:var(--gold);
  text-transform:uppercase;font-weight:600;
}

/* ─── Login ─── */
.login-body{display:flex;align-items:center;justify-content:center;padding:24px}
.login-card{
  background:var(--panel);border:1px solid var(--border);border-radius:18px;
  padding:44px 40px;width:100%;max-width:380px;text-align:center;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.login-title{
  font-size:26px;font-weight:300;margin:18px 0 4px;line-height:1.25;letter-spacing:-.3px;
}
.login-title span{color:var(--gold);font-weight:700;display:block}
.login-sub{color:var(--muted);font-size:13px;margin-bottom:28px}
.login-card input{
  width:100%;padding:13px 16px;border-radius:10px;border:1px solid var(--border);
  background:#050f1c;color:var(--text);font-size:15px;margin-bottom:12px;outline:none;
}
.login-card input:focus{border-color:var(--gold)}
.login-card button{
  width:100%;padding:13px;border:none;border-radius:10px;cursor:pointer;
  background:var(--gold);color:#0a1322;font-weight:700;font-size:15px;letter-spacing:.3px;
}
.login-card button:hover{filter:brightness(1.08)}
.erro{
  background:rgba(216,96,84,.12);border:1px solid rgba(216,96,84,.4);color:#E8857B;
  padding:10px;border-radius:8px;font-size:13px;margin-bottom:16px;
}

/* ─── Topbar ─── */
.topbar{border-bottom:1px solid var(--border);background:rgba(4,12,24,.7);
  backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
.topbar-inner{max-width:1240px;margin:0 auto;padding:18px 28px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.page-title{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;margin-top:4px}
.topbar-right{display:flex;align-items:center;gap:26px}
.stats{display:flex;gap:22px}
.stat{text-align:center}
.stat-num{display:block;font-size:24px;font-weight:700;font-family:'Cormorant Garamond',serif;line-height:1}
.stat-ok{color:var(--green)}
.stat-err{color:#E0705C}
.stat-lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}
.logout{color:var(--muted);font-size:13px;text-decoration:none;border:1px solid var(--border);
  padding:8px 14px;border-radius:8px}
.logout:hover{color:var(--text);border-color:var(--gold)}

/* ─── Controls ─── */
.controls{max-width:1240px;margin:0 auto;padding:24px 28px 8px}
.controls-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
#busca{flex:1;min-width:220px;max-width:420px;padding:11px 16px;border-radius:10px;
  border:1px solid var(--border);background:#050f1c;color:var(--text);font-size:14px;outline:none}
#busca:focus{border-color:var(--gold)}
.filtros{display:flex;gap:6px;background:#050f1c;border:1px solid var(--border);
  border-radius:10px;padding:4px}
.filtro{background:none;border:none;color:var(--muted);padding:8px 16px;border-radius:7px;
  cursor:pointer;font-size:13px;font-weight:500}
.filtro.is-active{background:var(--gold);color:#0a1322;font-weight:700}

/* ─── Grid de cards ─── */
.grid{max-width:1240px;margin:0 auto;padding:16px 28px 60px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;
  padding:20px 22px;position:relative;transition:border-color .15s,transform .1s}
.card:hover{border-color:#26405a;transform:translateY(-2px)}
.card.is-enviado{opacity:.62}
.card.is-enviado .card-nome{text-decoration:line-through;text-decoration-color:var(--dim)}
.card.is-erro{border-color:rgba(224,112,92,.5)}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;min-height:20px;gap:8px}
.card-order{font-size:11px;color:var(--dim);letter-spacing:1px;font-weight:600;flex-shrink:0}
.badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.badge{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;
  padding:3px 9px;border-radius:20px;display:none}
.badge-enviado{color:var(--green);background:rgba(80,184,120,.12);border:1px solid rgba(80,184,120,.35)}
.badge-erro{color:#E0705C;background:rgba(224,112,92,.12);border:1px solid rgba(224,112,92,.4)}
.badge-revisar{color:var(--gold);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.4)}
.card.is-enviado .badge-enviado{display:inline-block}
.card.is-erro .badge-erro{display:inline-block}
.card[data-revisar="1"] .badge-revisar{display:inline-block}
.card-nome{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;line-height:1.2}
.card-meta{font-size:12px;color:var(--muted);margin-top:6px}
.card-actions{display:flex;gap:9px;margin:18px 0 16px}
.btn{flex:1;text-align:center;padding:10px;border-radius:9px;font-size:13px;font-weight:600;
  text-decoration:none;cursor:pointer;transition:filter .12s}
.btn-pdf{background:var(--panel2);border:1px solid var(--border);color:var(--text)}
.btn-pdf:hover{border-color:var(--gold)}
.btn-wpp{background:var(--green);color:#06210f}
.btn-wpp:hover{filter:brightness(1.08)}
.btn-wpp.is-disabled{background:#1a2433;color:var(--dim);cursor:not-allowed;pointer-events:none}
.checks{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border)}
.check{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;color:var(--muted)}
.check input{width:17px;height:17px;accent-color:var(--green);cursor:pointer}
.check:hover{color:var(--text)}
.check-erro input{accent-color:#E0705C}
.empty{text-align:center;color:var(--muted);padding:50px;font-size:15px}