/* MT-DB_Auto v1 - Blue gradient theme with strong contrast inside cards */
:root {
  --blue-900:#0b214f; --blue-800:#12356f; --blue-700:#1e3a8a; --blue-600:#2563eb; --blue-500:#3b82f6;
  --bg-grad: linear-gradient(180deg, var(--blue-900), var(--blue-700) 45%, var(--blue-600));
  --card: #ffffff;
  --text:#0f172a; --muted:#475569;
  --border:#e2e8f0;
}
* { box-sizing:border-box; }
html, body { height:100%; }
body { margin:0; min-height:100%; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg-grad) fixed; color:#e5ecff; }

/* Global links (for headers/footer on blue bg) */
a { color:#dbeafe; text-decoration:none; }
a:hover { text-decoration:underline; }

.topbar { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; padding:12px 16px; background:rgba(10,24,56,.35); color:#fff; backdrop-filter:saturate(140%) blur(6px); }
.topbar .brand { font-weight:800; letter-spacing:.3px; }
.topbar .nav a { color:#fff; margin-left:14px; font-weight:600; }

.container { padding:24px; max-width:1100px; margin:0 auto; }

/* CARDS: strong contrast */
.card { background:var(--card); color:var(--text); border-radius:18px; padding:18px; box-shadow:0 10px 30px rgba(2,6,23,.22); margin-bottom:16px; }
.card h1, .card h2, .card h3, .card h4, .card p, .card small { color:var(--text); }
.card a { color:#1e3a8a; }                 /* links inside cards: dark blue */
.card a:hover { color:#0b214f; }

.grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }

.btn { display:inline-block; padding:10px 14px; border-radius:12px; border:1px solid transparent; background:#1e3a8a; color:#fff !important; font-weight:700; cursor:pointer; }
.btn.secondary { background:#fff; color:#1e3a8a !important; border-color:#1e3a8a; }
.btn.muted { background:#eef2ff; color:#1e3a8a !important; }

.input, select, textarea { width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--border); background:#fff; color:var(--text); }
.row { display:flex; gap:12px; flex-wrap:wrap; }
.row > * { flex:1; min-width:180px; }

.footer { padding:24px 16px; text-align:center; color:#dbeafe; }

.badge { display:inline-block; background:#e2e8f0; color:#0f172a; padding:4px 8px; border-radius:999px; font-size:.8rem; }

.alpha { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 8px; }
.alpha a { background:#1e40af; color:#e0e7ff; padding:6px 10px; border-radius:10px; font-weight:700; }

/* LISTS: ensure dark text for readability */
.list > a, .list > div { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:#fff; color:#0f172a; margin:6px 0; }
.list > a { color:#0f172a !important; }         /* link rows darker */
.list > a:hover, .list > div:hover { background:#f8fafc; }
small.path { color:#64748b; display:block; margin-top:2px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }

.kpi { display:flex; align-items:center; gap:10px; }
.kpi .num { font-size:1.6rem; font-weight:900; color:#0f172a; }
.kpi .label { color:#475569; }

.table { width:100%; border-collapse:collapse; color:#0f172a; }
.table th, .table td { padding:10px; border-bottom:1px solid var(--border); text-align:left; }
.alert { padding:10px 12px; border-radius:12px; background:#f1f5f9; color:#0f172a; }