:root{
  --bg:#0b0f14;
  --card:#121826;
  --muted:#9aa4b2;
  --ok:#1db954;
  --warn:#ffb020;
  --danger:#ff4d4f;
  --line:rgba(255,255,255,.08);
  --accent:#4f7cff;
  --link:#cfe0ff;
  --button-bg:#1b2436;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:#0f1522;
  color:#fff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
}

.wrap{max-width:1100px;margin:24px auto;padding:0 16px}
.card{
  background:#0f1522;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px;
  margin:12px 0;
}
.muted{color:var(--muted)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
a,a:visited{color:var(--link);text-decoration:none}

button{
  background:#0f1522;
  color:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  cursor:pointer;
}
button:hover{filter:brightness(1.1)}

.pill{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:6px 10px;
}
.danger{background:#0f1522;border-color:rgba(255,77,79,.35)}
.ok{color:var(--ok)}
.warn{color:var(--warn)}
.dot{width:10px;height:10px;border-radius:50%}
.dot.ok{background:var(--ok)}
.dot.warn{background:var(--warn)}
hr{border:none;border-top:1px solid var(--line);margin:14px 0}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], select{
  background:#0f1522;
  color:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  min-width:220px;
}
table{width:100%;border-collapse:collapse}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--link);font-weight:700}
tr:hover td{background:rgba(255,255,255,.03)}

/* WM_GLOBAL_BG */
html, body {
  background: #0a2416;
  color: #fff;
}

/* WM_BLUE_2_TONES_OVERRIDE (force) */
:root{
  --bg:#0b1324 !important;       /* bleu nuit fond */
  --panel:#0f1b34 !important;    /* bleu brique */
  --panel2:#0c162c !important;   /* variante */
  --line:rgba(255,255,255,.10) !important;
  --text:#ffffff !important;
  --muted:rgba(255,255,255,.72) !important;
  --link:#86b7ff !important;
  --ok:#42d392 !important;
  --warn:#ffcc66 !important;
}
html, body{
  background: var(--bg) !important;
  color: var(--text) !important;
}
.wrap, .top, .card, .section, .box{
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
}
.muted{ color: var(--muted) !important; }
a, th{ color: var(--link) !important; }