/* === Admin Mobile Theme Upgrade (opaque backgrounds) === */
:root{
  --bg:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --stroke:#e5e7eb;
  --brand:#dc2626;
}
html[data-theme="dark"]{
  --bg:#0b0b0b;
  --text:#f5f5f5;
  --muted:#9ca3af;
  --stroke:#262626;
}

/* Forcer un fond uniforme et opaque */
html,body{ background:var(--bg); color:var(--text) }
a{ color:inherit; text-decoration:none }
.container{ max-width:1100px; margin:0 auto; padding:16px }

/* Nav admin sans transparence */
.admin-nav{
  display:flex; gap:.5rem; flex-wrap:wrap; align-items:center;
  padding:12px; border:1px solid var(--stroke); border-radius:14px;
  background:var(--bg);
}
.admin-nav a, .admin-nav .btn{
  padding:.65rem 1rem; border:1px solid var(--stroke); border-radius:12px;
  background:var(--bg); color:var(--text);
}
.admin-nav .btn.primary{ background:var(--brand); color:#fff; border-color:var(--brand) }

/* Cards & tables opaques */
.card{
  border:1px solid var(--stroke); border-radius:16px; padding:16px;
  background:var(--bg); color:var(--text)
}
.table{ width:100%; border-collapse:collapse; background:var(--bg); color:var(--text) }
.table th, .table td{ padding:10px; border-bottom:1px solid var(--stroke) }
.table th{ text-align:left; font-weight:600 }

/* Empilement mobile des tables */
@media (max-width:720px){
  .table thead{ display:none }
  .table, .table tbody, .table tr, .table td{ display:block; width:100% }
  .table tr{ margin-bottom:14px; border:1px solid var(--stroke); border-radius:12px; padding:8px; background:var(--bg) }
  .table td{ border:none; padding:8px 8px }
  .table td[data-label]::before{
    content: attr(data-label) " • ";
    font-weight:600; color:var(--muted);
  }
}

/* Formulaires */
input, select, textarea{
  width:100%; padding:.7rem .9rem; border:1px solid var(--stroke);
  border-radius:12px; background:var(--bg); color:var(--text)
}
label{ display:block; margin:.5rem 0 .25rem; color:var(--muted) }
.button-row{ display:flex; gap:.5rem; flex-wrap:wrap }

/* Login */
.auth-login{
  max-width:420px; margin:3rem auto; padding:24px;
  border:1px solid var(--stroke); border-radius:18px;
  background:var(--bg); color:var(--text);
}