/* Painel administrativo — usa as mesmas variáveis de style.css */
body.admin-body{background:var(--bg)}
.admin-shell{display:flex;min-height:100vh}
.admin-sidebar{
  width:250px;flex-shrink:0;background:var(--navy-deep);color:#DCE3EE;
  padding:24px 18px;position:sticky;top:0;height:100vh;overflow-y:auto;
}
.admin-sidebar .brand-name{color:#fff;font-size:1rem;margin-bottom:24px;display:block}
.admin-sidebar a{
  display:flex;align-items:center;gap:10px;color:#C9D2E0;padding:10px 12px;border-radius:8px;
  font-size:.9rem;margin-bottom:2px;
}
.admin-sidebar a:hover{background:rgba(255,255,255,.06);color:#fff}
.admin-sidebar a.active{background:var(--gold);color:var(--navy-deep);font-weight:700}
.admin-sidebar .sep{border-top:1px solid rgba(255,255,255,.12);margin:16px 0}
.admin-main{flex:1;padding:32px 36px;max-width:1100px}
.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:10px}
.admin-topbar h1{font-size:1.5rem;margin:0}

.admin-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:24px}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.88rem;vertical-align:middle}
.admin-table th{color:var(--ink-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}
.admin-table img.thumb{width:52px;height:40px;object-fit:cover;border-radius:6px}
.row-actions{display:flex;gap:8px}
.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700}
.badge-gold{background:#FBF0D0;color:#8A6D0B}
.badge-teal{background:#DCF3EF;color:#0F5850}

.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}
.stat-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.stat-box .num{font-family:var(--font-display);font-size:2rem;color:var(--navy-deep)}
.stat-box .lbl{font-size:.8rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}

.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy-deep)}
.login-box{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:380px;box-shadow:var(--shadow-lg)}
.login-box h1{font-size:1.4rem;text-align:center}

@media (max-width:820px){
  .admin-shell{flex-direction:column}
  .admin-sidebar{width:100%;height:auto;position:relative;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
  .admin-sidebar .brand-name{width:100%}
  .admin-main{padding:22px 18px}
}