/* MethodFeeder Admin — temă dark futuristă completă */

:root {
  --mf-admin-bg: #070b14;
  --mf-admin-panel: #111827;
  --mf-admin-sidebar: #0a101c;
  --mf-admin-border: rgba(0, 209, 160, 0.14);
  --mf-admin-primary: #00d1a0;
  --mf-admin-text: #e2e8f0;
  --mf-admin-muted: #94a3b8;
}

body.admin-app {
  background: var(--mf-admin-bg) !important;
  color: var(--mf-admin-text) !important;
}

body.admin-app .bg-slate-50,
body.admin-app .flex-1.flex.flex-col.overflow-hidden.bg-slate-50,
body.admin-app main.bg-slate-50 {
  background: var(--mf-admin-bg) !important;
}

body.admin-app aside.bg-brand {
  background: linear-gradient(180deg, #0a1612 0%, var(--mf-admin-sidebar) 100%) !important;
  border-right: 1px solid var(--mf-admin-border);
}

body.admin-app .bg-brand-dark {
  background: rgba(0, 209, 160, 0.12) !important;
}

body.admin-app .nav-item.bg-brand-dark {
  background: rgba(0, 209, 160, 0.18) !important;
  border: 1px solid rgba(0, 209, 160, 0.25);
  box-shadow: 0 0 20px rgba(0, 209, 160, 0.08);
}

body.admin-app .nav-item {
  color: var(--mf-admin-muted) !important;
}

body.admin-app .nav-item:hover {
  background: rgba(0, 209, 160, 0.08) !important;
  color: var(--mf-admin-primary) !important;
}

body.admin-app header.md\:hidden,
body.admin-app .admin-mobile-topbar {
  background: rgba(13, 20, 36, 0.98) !important;
  border-color: var(--mf-admin-border) !important;
  color: var(--mf-admin-text) !important;
  backdrop-filter: blur(12px);
}

body.admin-app main,
body.admin-app .bg-white,
body.admin-app .rounded-lg.bg-white,
body.admin-app .shadow-md.bg-white {
  background: var(--mf-admin-panel) !important;
  color: var(--mf-admin-text) !important;
  border-color: var(--mf-admin-border) !important;
}

body.admin-app .text-slate-800,
body.admin-app .text-slate-700,
body.admin-app .text-slate-600,
body.admin-app .text-gray-800 {
  color: var(--mf-admin-text) !important;
}

body.admin-app .text-slate-500,
body.admin-app .text-slate-400 {
  color: var(--mf-admin-muted) !important;
}

body.admin-app .border-slate-200,
body.admin-app .border-slate-100,
body.admin-app .border-gray-200 {
  border-color: var(--mf-admin-border) !important;
}

body.admin-app .bg-slate-100,
body.admin-app .bg-slate-50,
body.admin-app .hover\:bg-slate-50:hover {
  background: rgba(13, 20, 36, 0.85) !important;
}

body.admin-app input,
body.admin-app select,
body.admin-app textarea,
body.admin-app .ql-container,
body.admin-app .ql-toolbar {
  background: #0d1424 !important;
  border-color: var(--mf-admin-border) !important;
  color: var(--mf-admin-text) !important;
}

body.admin-app .ql-editor {
  color: var(--mf-admin-text) !important;
}

body.admin-app table {
  background: var(--mf-admin-panel);
  color: var(--mf-admin-text);
}

body.admin-app table thead {
  background: rgba(0, 209, 160, 0.08) !important;
}

body.admin-app table tbody tr:hover {
  background: rgba(0, 209, 160, 0.04) !important;
}

body.admin-app table tbody tr {
  border-color: var(--mf-admin-border) !important;
}

body.admin-app .admin-mobile-nav {
  background: rgba(7, 11, 20, 0.96) !important;
  border-top: 1px solid var(--mf-admin-border) !important;
  backdrop-filter: blur(16px);
}

body.admin-app .admin-mobile-nav a {
  color: var(--mf-admin-muted) !important;
}

body.admin-app .admin-mobile-nav a.active,
body.admin-app .admin-mobile-nav a:hover {
  color: var(--mf-admin-primary) !important;
}

body.admin-app ::-webkit-scrollbar-track {
  background: var(--mf-admin-bg);
}

body.admin-app ::-webkit-scrollbar-thumb {
  background: rgba(0, 209, 160, 0.35);
}

body.admin-app .shadow-md,
body.admin-app .shadow-lg,
body.admin-app .shadow-xl,
body.admin-app .shadow-sm {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

body.admin-app .p-4.bg-brand-dark,
body.admin-app .p-4.bg-brand-dark.shrink-0 {
  background: rgba(0, 0, 0, 0.25) !important;
  border-top: 1px solid var(--mf-admin-border);
}

/* Pagini login admin fără sidebar */
body.admin-app.min-h-screen.bg-slate-50,
body.admin-login {
  background: var(--mf-admin-bg) !important;
}

body.admin-login .bg-white,
body.admin-app .max-w-md.bg-white,
body.admin-app form .bg-white {
  background: var(--mf-admin-panel) !important;
  border: 1px solid var(--mf-admin-border) !important;
}