/* ==========================================================
   FR-SMP V6.1 — French Premium
   Minimal, readable, responsive. SVG icons only.
   ========================================================== */
:root {
  --fr-blue: #2758d8;
  --fr-blue-soft: #6f92ff;
  --fr-red: #e14356;
  --fr-white: #f8f9fc;
  --fr-gold: #e0c27f;
  --fr-green: #58cc91;
  --fr-surface: #0e1523;
  --fr-surface-2: #121b2c;
  --fr-surface-3: #172235;
  --fr-border: rgba(255,255,255,.085);
  --fr-border-strong: rgba(255,255,255,.14);
  --fr-muted: #8c98ac;
  --fr-muted-2: #66748b;
  --fr-shadow: 0 28px 80px rgba(0,0,0,.26);
  --fr-radius: 22px;
  --fr-radius-sm: 14px;
}

/* ---- Global premium polish ---- */
.v6-ui {
  background:
    radial-gradient(circle at 12% 1%, rgba(39,88,216,.12), transparent 34rem),
    radial-gradient(circle at 92% 10%, rgba(225,67,86,.07), transparent 32rem),
    linear-gradient(180deg,#070b12 0%,#080d16 52%,#070b12 100%);
}
.v6-ui::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.v6-ui .container { width:min(1420px,calc(100% - 72px)); }
.v6-ui .tricolor-bar { height:3px; background:linear-gradient(90deg,var(--fr-blue) 0 33.333%,#f3f5f9 33.333% 66.666%,var(--fr-red) 66.666%); }
.v6-ui .tricolor-bar > span { display:none; }
.v6-ui [hidden] { display:none !important; }
.v6-ui .topbar { height:94px; }
.v6-ui .nav { font-size:14px; }
.v6-ui .nav-link { padding:11px 14px; }
.v6-ui .brand-copy strong { font-size:19px; }
.v6-ui .brand-copy small { font-size:9px; letter-spacing:.15em; }
.v6-ui .footer { min-height:110px; }
.v6-ui .footer strong { font-size:14px; }
.v6-ui .footer span { font-size:11px; }
.v6-ui .button { min-height:46px; font-size:13px; padding:12px 18px; }
.v6-ui .button-primary { background:linear-gradient(135deg,#2e62df,#4777ea); box-shadow:0 14px 36px rgba(39,88,216,.18); }
.v6-ui .button-primary:hover { box-shadow:0 17px 42px rgba(39,88,216,.25); }
.v6-ui .button-ghost:hover { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); }

/* subtle French accent on major surfaces */
.v6-ui .v61-admin-panel,
.v6-ui .v61-vote-card,
.v6-ui .v61-user-hero,
.v6-ui .v61-api-card {
  position:relative;
  overflow:hidden;
}
.v6-ui .v61-admin-panel::before,
.v6-ui .v61-vote-card::before,
.v6-ui .v61-api-card::before {
  content:"";
  position:absolute;
  left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg,rgba(39,88,216,.65),rgba(255,255,255,.16),rgba(225,67,86,.55));
  opacity:.55;
}

/* ---- Admin shell / navigation ---- */
.v6-ui .v52-admin-page { padding:26px 0 110px; }
.v6-ui .v52-admin-shell { grid-template-columns:292px minmax(0,1fr); gap:30px; align-items:start; }
.v6-ui .v61-admin-sidebar {
  position:sticky;
  top:22px;
  display:flex;
  flex-direction:column;
  min-height:calc(100vh - 44px);
  padding:18px;
  border:1px solid var(--fr-border);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(16,23,37,.97),rgba(9,14,23,.96));
  box-shadow:0 22px 70px rgba(0,0,0,.22);
  isolation:isolate;
}
.v6-ui .v61-admin-sidebar::before {
  content:"";
  position:absolute;
  top:0; left:18px; right:18px; height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--fr-blue),rgba(255,255,255,.8),var(--fr-red));
  opacity:.9;
}
.v6-ui .v61-admin-sidebar .v52-admin-brand { padding:9px 8px 20px; }
.v6-ui .v61-admin-sidebar .v52-admin-brand strong { font-size:16px; }
.v6-ui .v61-admin-sidebar .v52-admin-brand small { font-size:8px; letter-spacing:.15em; }
.v6-ui .v61-admin-nav { display:grid; gap:5px; padding-top:14px; border-top:1px solid rgba(255,255,255,.055); }
.v6-ui .v61-admin-nav > small {
  margin:19px 10px 7px;
  color:#58667d;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}
.v6-ui .v61-admin-nav a {
  display:flex;
  align-items:center;
  gap:11px;
  min-height:46px;
  padding:11px 13px;
  border-radius:13px;
  color:#91a0b7;
  font-size:13px;
  font-weight:700;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
  border:1px solid transparent;
}
.v6-ui .v61-admin-nav a:hover { color:#f6f8fc; background:rgba(255,255,255,.04); transform:translateX(2px); }
.v6-ui .v61-admin-nav a.is-active {
  color:#f8faff;
  background:linear-gradient(90deg,rgba(39,88,216,.14),rgba(255,255,255,.035));
  border-color:rgba(76,120,235,.16);
  box-shadow:inset 3px 0 0 #4f79eb;
}
.v6-ui .v61-admin-nav .v52-admin-nav-icon { width:18px; height:18px; }
.v6-ui .v61-admin-profile {
  margin-top:auto;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:11px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
.v6-ui .v61-admin-profile > span { width:42px; height:42px; border-radius:12px; overflow:hidden; display:grid; place-items:center; background:#19243a; }
.v6-ui .v61-admin-profile img { width:100%; height:100%; object-fit:cover; }
.v6-ui .v61-admin-profile b { font-size:14px; }
.v6-ui .v61-admin-profile strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.v6-ui .v61-admin-profile small { display:block; margin-top:3px; color:#69788e; font-size:9px; }
.v6-ui .v61-admin-profile .v52-admin-profile-arrow { width:14px; height:14px; color:#66768d; }

/* ---- Admin heading / sections ---- */
.v6-ui .v61-admin-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin:7px 0 28px; }
.v6-ui .v61-section-tag { display:block; color:#708099; font-size:9px; font-weight:800; letter-spacing:.17em; }
.v6-ui .v61-admin-heading h1 { margin:8px 0 6px; font-size:clamp(40px,3.5vw,54px); line-height:1; letter-spacing:-.05em; }
.v6-ui .v61-admin-heading p { margin:0; max-width:760px; color:#8996a9; font-size:13px; line-height:1.65; }
.v6-ui .v61-admin-panel {
  padding:24px;
  border:1px solid var(--fr-border);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(16,23,36,.90),rgba(11,16,26,.88));
  box-shadow:0 18px 55px rgba(0,0,0,.09);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.v6-ui .v61-admin-panel:hover { border-color:rgba(121,144,184,.16); box-shadow:0 22px 64px rgba(0,0,0,.13); }
.v6-ui .v61-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:17px; }
.v6-ui .v61-panel-head h2 { margin:5px 0 0; font-size:20px; letter-spacing:-.025em; }

/* ---- Admin dashboard ---- */
.v6-ui .v61-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.v6-ui .v61-kpi {
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:116px;
  padding:19px;
  border:1px solid var(--fr-border);
  border-radius:18px;
  background:rgba(16,23,36,.82);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.v6-ui .v61-kpi:hover { transform:translateY(-3px); border-color:rgba(92,126,202,.20); background:rgba(18,26,41,.94); }
.v6-ui .v61-kpi > span { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; color:#85a6ff; background:rgba(39,88,216,.09); border:1px solid rgba(77,119,227,.12); }
.v6-ui .v61-kpi:nth-child(2)>span { color:#b6c7e9; background:rgba(255,255,255,.04); }
.v6-ui .v61-kpi:nth-child(3)>span { color:var(--fr-gold); background:rgba(224,194,127,.08); border-color:rgba(224,194,127,.11); }
.v6-ui .v61-kpi:nth-child(4)>span { color:#ff8b9b; background:rgba(225,67,86,.08); border-color:rgba(225,67,86,.11); }
.v6-ui .v61-kpi svg { width:21px; height:21px; }
.v6-ui .v61-kpi small { display:block; color:#69778d; font-size:9px; font-weight:800; letter-spacing:.12em; }
.v6-ui .v61-kpi strong { display:block; margin-top:3px; font-size:28px; line-height:1.1; letter-spacing:-.04em; }
.v6-ui .v61-kpi p { margin:4px 0 0; color:#6f7d91; font-size:10px; }
.v6-ui .v61-server-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:14px; border:1px solid var(--fr-border); border-radius:17px; background:rgba(15,22,34,.70); overflow:hidden; }
.v6-ui .v61-server-strip > div { padding:16px 18px; border-right:1px solid rgba(255,255,255,.055); }
.v6-ui .v61-server-strip > div:last-child { border-right:0; }
.v6-ui .v61-server-strip small { display:block; color:#65738a; font-size:9px; font-weight:800; letter-spacing:.1em; }
.v6-ui .v61-server-strip strong { display:block; margin-top:5px; font-size:13px; }
.v6-ui .v61-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.72fr); gap:15px; margin-top:15px; }
.v6-ui .v61-user-list,.v6-ui .v61-log-list { display:grid; }
.v6-ui .v61-user-row { display:grid; grid-template-columns:44px minmax(0,1fr) auto 90px 16px; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.052); }
.v6-ui .v61-user-row:last-child { border-bottom:0; }
.v6-ui .v61-user-avatar { width:44px; height:44px; border-radius:13px; overflow:hidden; display:grid; place-items:center; background:#18243a; }
.v6-ui .v61-user-avatar img { width:100%; height:100%; object-fit:cover; }
.v6-ui .v61-user-avatar b { font-size:14px; }
.v6-ui .v61-user-copy { min-width:0; }
.v6-ui .v61-user-copy strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v6-ui .v61-user-copy small { display:block; margin-top:3px; color:#718097; font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v6-ui .v61-user-lys { color:#cab47e; font-size:10px; font-weight:800; text-align:right; }
.v6-ui .v61-log-row { display:grid; grid-template-columns:36px minmax(0,1fr); gap:11px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.052); }
.v6-ui .v61-log-row:last-child { border-bottom:0; }
.v6-ui .v61-log-row > span { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:rgba(255,255,255,.035); color:#8290a5; }
.v6-ui .v61-log-icon { width:15px; height:15px; }
.v6-ui .v61-log-row strong { font-size:10px; }
.v6-ui .v61-log-row p { margin:3px 0; color:#7c899d; font-size:9px; line-height:1.45; }
.v6-ui .v61-log-row small { color:#58667a; font-size:8px; }

/* ---- User detail ---- */
.v6-ui .v61-back-link { display:inline-flex; align-items:center; gap:7px; margin:7px 0 14px; color:#7d8ba1; font-size:11px; font-weight:700; }
.v6-ui .v61-back-link:hover { color:#f2f5fb; }
.v6-ui .v61-back-icon { width:13px; height:13px; transform:rotate(180deg); }
.v6-ui .v61-user-hero {
  display:grid;
  grid-template-columns:92px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:25px;
  border:1px solid var(--fr-border);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(18,27,43,.96),rgba(10,15,25,.94));
  box-shadow:var(--fr-shadow);
}
.v6-ui .v61-user-hero-accent { position:absolute; top:0; left:0; right:0; display:grid; grid-template-columns:1fr 1fr 1fr; height:3px; }
.v6-ui .v61-user-hero-accent i:nth-child(1){background:var(--fr-blue)}
.v6-ui .v61-user-hero-accent i:nth-child(2){background:#f5f6fa}
.v6-ui .v61-user-hero-accent i:nth-child(3){background:var(--fr-red)}
.v6-ui .v61-user-photo { width:92px; height:92px; position:relative; border-radius:24px; overflow:visible; background:#172238; }
.v6-ui .v61-user-photo > img,.v6-ui .v61-user-photo > b { width:92px; height:92px; border-radius:24px; object-fit:cover; display:grid; place-items:center; font-size:26px; }
.v6-ui .v61-discord-badge { position:absolute; right:-5px; bottom:-5px; width:29px; height:29px; border:4px solid #111827; border-radius:10px; display:grid; place-items:center; color:#fff; background:#5865f2; }
.v6-ui .v61-discord-badge-icon { width:14px; height:14px; }
.v6-ui .v61-user-labels { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.v6-ui .v61-user-hero-copy h1 { margin:8px 0 6px; font-size:36px; line-height:1; letter-spacing:-.045em; }
.v6-ui .v61-user-hero-copy p { margin:0; color:#7b899e; font-size:11px; }
.v6-ui .v61-soft-chip,.v6-ui .v61-live-badge { display:inline-flex; align-items:center; gap:6px; padding:6px 8px; border-radius:999px; border:1px solid rgba(88,204,145,.14); background:rgba(88,204,145,.06); color:#8ce0b1; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.v6-ui .v61-soft-chip-icon,.v6-ui .v61-live-icon { width:11px; height:11px; }
.v6-ui .v61-user-balance { min-width:185px; padding:16px 19px; border:1px solid rgba(224,194,127,.13); border-radius:16px; background:linear-gradient(145deg,rgba(224,194,127,.08),rgba(255,255,255,.02)); text-align:right; }
.v6-ui .v61-user-balance small { display:block; color:#85785d; font-size:8px; font-weight:800; letter-spacing:.13em; }
.v6-ui .v61-user-balance strong { display:inline-block; margin-top:5px; color:#f1d999; font-size:31px; letter-spacing:-.04em; }
.v6-ui .v61-user-balance span { margin-left:4px; color:#b49f70; font-size:10px; font-weight:800; }
.v6-ui .v61-user-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin-top:15px; }
.v6-ui .v61-discord-profile { display:grid; grid-template-columns:60px minmax(0,1fr); gap:14px; align-items:center; padding:4px 0 16px; }
.v6-ui .v61-discord-profile img { width:60px; height:60px; border-radius:16px; object-fit:cover; background:#17243a; }
.v6-ui .v61-discord-profile small,.v6-ui .v61-minecraft-profile small { display:block; color:#67758b; font-size:8px; font-weight:800; letter-spacing:.12em; }
.v6-ui .v61-discord-profile strong { display:block; margin-top:4px; font-size:15px; }
.v6-ui .v61-discord-profile span { display:block; margin-top:3px; color:#7e8b9e; font-size:10px; }
.v6-ui .v61-definition-list { margin:0; }
.v6-ui .v61-definition-list > div { display:grid; grid-template-columns:130px minmax(0,1fr); gap:14px; padding:11px 0; border-top:1px solid rgba(255,255,255,.052); }
.v6-ui .v61-definition-list dt { color:#6c7a8f; font-size:10px; }
.v6-ui .v61-definition-list dd { margin:0; color:#cbd3df; font-size:11px; text-align:right; overflow-wrap:anywhere; }
.v6-ui .v61-mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.v6-ui .v61-minecraft-profile { display:grid; grid-template-columns:100px minmax(0,1fr); gap:18px; align-items:center; padding:5px 0 16px; }
.v6-ui .v61-minecraft-head { width:100px; height:100px; display:grid; place-items:center; overflow:hidden; border-radius:18px; background:linear-gradient(145deg,#182337,#0f1726); box-shadow:inset 0 0 0 1px rgba(255,255,255,.055); image-rendering:pixelated; }
.v6-ui .v61-minecraft-head img { width:100%; height:100%; object-fit:cover; image-rendering:pixelated; }
.v6-ui .v61-minecraft-fallback { width:30px; height:30px; color:#7e8da3; }
.v6-ui .v61-minecraft-profile strong { display:block; margin:5px 0 8px; font-size:19px; }
.v6-ui .v61-minecraft-profile code { color:#66758c; font-size:9px; overflow-wrap:anywhere; }
.v6-ui .v61-danger-button { border:0; background:none; color:#dc7581; padding:3px 0; font-size:10px; font-weight:800; }
.v6-ui .v61-empty-state { display:flex; gap:13px; align-items:center; min-height:112px; color:#708097; }
.v6-ui .v61-empty-icon { width:29px; height:29px; flex:none; }
.v6-ui .v61-empty-state strong { display:block; color:#cbd3df; font-size:12px; }
.v6-ui .v61-empty-state p { margin:4px 0 0; font-size:10px; }

/* ---- Admin forms ---- */
.v6-ui .v61-form { display:grid; gap:14px; }
.v6-ui .v61-form.compact { grid-template-columns:minmax(220px,1fr) auto; align-items:end; }
.v6-ui .v61-form label { display:grid; gap:7px; color:#8693a7; font-size:10px; font-weight:700; }
.v6-ui .v61-form label > span { display:block; }
.v6-ui .v61-form input,.v6-ui .v61-form select,.v6-ui .v61-form textarea,
.v6-ui .v61-wallet-form input {
  width:100%;
  min-height:46px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:12px;
  outline:none;
  color:#eef2f8;
  background:#0b121e;
  padding:11px 13px;
  font:inherit;
  font-size:12px;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.v6-ui .v61-form textarea { resize:vertical; line-height:1.55; }
.v6-ui .v61-form input:focus,.v6-ui .v61-form select:focus,.v6-ui .v61-form textarea:focus,.v6-ui .v61-wallet-form input:focus { border-color:rgba(81,124,233,.45); box-shadow:0 0 0 3px rgba(39,88,216,.08); background:#0c1422; }
.v6-ui .v61-form-row { display:grid; gap:12px; }
.v6-ui .v61-form-row.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.v6-ui .v61-form-row.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.v6-ui .v61-form-actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:3px; }
.v6-ui .v61-form-options { display:flex; align-items:center; gap:12px; }
.v6-ui .v61-check { display:inline-flex !important; grid-template-columns:none !important; align-items:center; gap:8px !important; cursor:pointer; }
.v6-ui .v61-check input { position:absolute; opacity:0; width:1px; height:1px; }
.v6-ui .v61-check > span { width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.10); border-radius:8px; background:#0b121e; color:transparent; }
.v6-ui .v61-check input:checked + span { color:#fff; background:#315fcd; border-color:#426fda; }
.v6-ui .v61-check-icon { width:13px; height:13px; }
.v6-ui .v61-check b { color:#aab4c4; font-size:10px; }
.v6-ui .v61-input-suffix { position:relative; }
.v6-ui .v61-input-suffix input { padding-right:55px; }
.v6-ui .v61-input-suffix b { position:absolute; right:13px; top:50%; transform:translateY(-50%); color:#66758b; font-size:9px; }

/* Wallet controls */
.v6-ui .v61-wallet-panel { border-color:rgba(224,194,127,.10); }
.v6-ui .v61-wallet-total { color:#ead18d; font-size:12px; font-weight:800; }
.v6-ui .v61-self-note { display:flex; align-items:center; gap:9px; margin-bottom:14px; padding:10px 11px; border-radius:11px; background:rgba(39,88,216,.055); color:#8ea9e9; font-size:9px; }
.v6-ui .v61-self-icon { width:14px; height:14px; }
.v6-ui .v61-wallet-form { display:grid; grid-template-columns:minmax(160px,.42fr) 1fr; gap:12px; align-items:end; }
.v6-ui .v61-wallet-form label { display:grid; gap:7px; color:#7e8ca1; font-size:10px; }
.v6-ui .v61-wallet-actions { display:flex; gap:8px; }
.v6-ui .v61-quick-amounts { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:13px; }
.v6-ui .v61-quick-amounts > span { margin-right:3px; color:#65748a; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.v6-ui .v61-quick-amounts button { border:1px solid rgba(255,255,255,.07); border-radius:9px; background:rgba(255,255,255,.03); color:#b3bdcb; padding:7px 9px; font-size:9px; font-weight:800; }
.v6-ui .v61-quick-amounts button:hover { color:#f0d99b; border-color:rgba(224,194,127,.16); background:rgba(224,194,127,.06); }

/* ---- Vote API admin ---- */
.v6-ui .v61-api-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:15px; }
.v6-ui .v61-api-card { min-height:185px; padding:21px; border:1px solid var(--fr-border); border-radius:19px; background:linear-gradient(145deg,rgba(16,23,36,.90),rgba(11,16,26,.88)); }
.v6-ui .v61-api-card.provider-topserveurs::before { background:#4f79ec; }
.v6-ui .v61-api-card.provider-serveurprive::before { background:linear-gradient(90deg,var(--fr-blue),#f2f3f7,var(--fr-red)); }
.v6-ui .v61-api-card.provider-serveurliste::before { background:#e04a5c; }
.v6-ui .v61-api-brand { display:flex; align-items:center; gap:12px; }
.v6-ui .v61-api-brand > span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.04); color:#9cb5f4; }
.v6-ui .v61-api-icon { width:19px; height:19px; }
.v6-ui .v61-api-brand small { display:block; color:#67758a; font-size:7px; font-weight:800; letter-spacing:.13em; }
.v6-ui .v61-api-brand strong { display:block; margin-top:4px; font-size:14px; }
.v6-ui .v61-api-status { display:inline-flex; align-items:center; gap:6px; margin-top:15px; color:#867c7e; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.v6-ui .v61-api-status i { width:6px; height:6px; border-radius:50%; background:#7b5c63; }
.v6-ui .v61-api-status.is-ready { color:#7dd6a3; }
.v6-ui .v61-api-status.is-ready i { background:#55ca8c; box-shadow:0 0 12px rgba(85,202,140,.5); }
.v6-ui .v61-api-card p { margin:11px 0 14px; min-height:44px; color:#78869b; font-size:10px; line-height:1.55; }
.v6-ui .v61-api-card > a { display:inline-flex; align-items:center; gap:6px; color:#a6b7d8; font-size:9px; font-weight:800; }
.v6-ui .v61-editor-grid { display:grid; grid-template-columns:minmax(440px,.9fr) minmax(500px,1.1fr); gap:15px; }
.v6-ui .v61-provider-pill { padding:6px 9px; border:1px solid rgba(255,255,255,.075); border-radius:999px; color:#8b99ad; background:rgba(255,255,255,.025); font-size:8px; font-weight:800; }
.v6-ui .v61-api-box { display:grid; gap:13px; padding:16px; border:1px solid rgba(79,121,236,.10); border-radius:15px; background:rgba(39,88,216,.035); }
.v6-ui .v61-api-box-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.v6-ui .v61-api-box-head > div { display:flex; align-items:center; gap:10px; }
.v6-ui .v61-api-box-icon { width:18px; height:18px; color:#7899ee; }
.v6-ui .v61-api-box-head strong { display:block; font-size:11px; }
.v6-ui .v61-api-box-head small { display:block; margin-top:3px; color:#69778c; font-size:8px; }
.v6-ui .v61-switch { display:flex !important; grid-template-columns:none !important; align-items:center; gap:7px !important; cursor:pointer; }
.v6-ui .v61-switch input { position:absolute; opacity:0; width:1px; height:1px; }
.v6-ui .v61-switch > span { width:34px; height:19px; border-radius:999px; background:#202b3d; position:relative; transition:.2s ease; }
.v6-ui .v61-switch > span::after { content:""; position:absolute; width:13px; height:13px; left:3px; top:3px; border-radius:50%; background:#8b98aa; transition:.2s ease; }
.v6-ui .v61-switch input:checked + span { background:#315fd0; }
.v6-ui .v61-switch input:checked + span::after { transform:translateX(15px); background:white; }
.v6-ui .v61-switch b { font-size:8px; color:#8290a3; }
.v6-ui .v61-test-api { margin-top:12px; }
.v6-ui .v61-test-api button { display:inline-flex; align-items:center; gap:7px; border:0; background:none; color:#8fa9e8; font-size:9px; font-weight:800; padding:0; }
.v6-ui .v61-test-icon { width:14px; height:14px; }
.v6-ui .v61-content-list { display:grid; }
.v6-ui .v61-content-row { display:grid; grid-template-columns:38px minmax(0,1fr) auto auto auto auto; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.052); }
.v6-ui .v61-content-row:last-child { border-bottom:0; }
.v6-ui .v61-content-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#8ba6e8; background:rgba(39,88,216,.06); }
.v6-ui .v61-list-icon { width:17px; height:17px; }
.v6-ui .v61-content-main strong { display:block; font-size:11px; }
.v6-ui .v61-content-main small { display:block; margin-top:3px; color:#69778c; font-size:8px; }
.v6-ui .v61-api-dot,.v6-ui .v53-state { padding:6px 8px; border-radius:999px; background:rgba(255,255,255,.035); color:#78869a; font-size:7px; font-weight:800; text-transform:uppercase; }
.v6-ui .v61-api-dot.is-ready,.v6-ui .v53-state.is-on { color:#7fd9a6; background:rgba(85,202,140,.06); }
.v6-ui .v61-row-action,.v6-ui .v61-row-delete { border:0; background:none; padding:4px; font-size:8px; font-weight:800; }
.v6-ui .v61-row-action { color:#95a9d8; }
.v6-ui .v61-row-delete { color:#c56e7a; }

/* ---- Public Vote page ---- */
.v6-ui .v61-public-page { padding:72px 0 105px; }
.v6-ui .v61-public-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.47fr); gap:54px; align-items:end; margin-bottom:28px; }
.v6-ui .v61-public-head h1 { margin:12px 0 13px; font-size:clamp(44px,4.8vw,66px); line-height:1.02; letter-spacing:-.055em; }
.v6-ui .v61-public-head h1 span { color:#9aa6b8; font-weight:500; }
.v6-ui .v61-public-head > div > p { max-width:690px; margin:0; color:#8794a7; font-size:14px; line-height:1.7; }
.v6-ui .v61-vote-account { display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:12px; align-items:center; padding:16px; border:1px solid var(--fr-border); border-radius:17px; background:rgba(15,22,35,.78); }
.v6-ui .v61-vote-account-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:13px; color:#89a6ea; background:rgba(39,88,216,.07); }
.v6-ui .v61-public-icon { width:21px; height:21px; }
.v6-ui .v61-vote-account small { display:block; color:#637188; font-size:7px; font-weight:800; letter-spacing:.12em; }
.v6-ui .v61-vote-account strong { display:block; margin-top:4px; font-size:12px; }
.v6-ui .v61-vote-account p { margin:3px 0 0; color:#8b7e5f; font-size:9px; }
.v6-ui .v61-vote-account > a { color:#8ea8e7; font-size:9px; font-weight:800; }
.v6-ui .v61-vote-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.v6-ui .v61-vote-card { min-height:360px; padding:23px; border:1px solid var(--fr-border); border-radius:20px; background:linear-gradient(145deg,rgba(16,23,36,.90),rgba(11,16,26,.88)); box-shadow:0 18px 52px rgba(0,0,0,.10); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.v6-ui .v61-vote-card:hover { transform:translateY(-4px); border-color:rgba(103,135,200,.20); box-shadow:0 28px 70px rgba(0,0,0,.18); }
.v6-ui .v61-vote-card.provider-topserveurs::before { background:#4c76e7; opacity:.8; }
.v6-ui .v61-vote-card.provider-serveurprive::before { background:linear-gradient(90deg,var(--fr-blue),#f4f5f8,var(--fr-red)); opacity:.9; }
.v6-ui .v61-vote-card.provider-serveurliste::before { background:#e44c5d; opacity:.8; }
.v6-ui .v61-vote-topline { display:flex; justify-content:space-between; align-items:center; }
.v6-ui .v61-vote-topline > span { color:#445268; font-size:10px; font-weight:800; letter-spacing:.12em; }
.v6-ui .v61-vote-brand { display:flex; align-items:center; gap:13px; margin-top:28px; }
.v6-ui .v61-vote-brand > span { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; color:#9ab1ed; background:rgba(39,88,216,.07); }
.v6-ui .v61-vote-brand-icon { width:21px; height:21px; }
.v6-ui .v61-vote-brand small { display:block; color:#68768b; font-size:7px; font-weight:800; letter-spacing:.12em; }
.v6-ui .v61-vote-brand h2 { margin:4px 0 0; font-size:20px; letter-spacing:-.025em; }
.v6-ui .v61-vote-card > p { min-height:56px; margin:18px 0 17px; color:#7e8b9e; font-size:11px; line-height:1.65; }
.v6-ui .v61-vote-meta { display:flex; gap:9px; flex-wrap:wrap; }
.v6-ui .v61-vote-meta > span { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:rgba(255,255,255,.025); color:#8491a4; font-size:9px; }
.v6-ui .v61-vote-meta b { color:#c7d0dd; }
.v6-ui .v61-meta-icon { width:13px; height:13px; }
.v6-ui .v61-vote-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.v6-ui .v61-vote-actions form { display:contents; }
.v6-ui .v61-vote-actions .button { flex:1; white-space:nowrap; }
.v6-ui .v61-last-claim { display:flex; align-items:center; gap:6px; margin-top:13px; color:#6f8179; font-size:8px; }
.v6-ui .v61-last-icon { width:12px; height:12px; color:#65c793; }
.v6-ui .v61-vote-note { display:flex; align-items:flex-start; gap:13px; margin-top:17px; padding:16px 18px; border:1px solid rgba(255,255,255,.06); border-radius:15px; background:rgba(255,255,255,.018); }
.v6-ui .v61-note-icon { width:20px; height:20px; color:#7589b6; }
.v6-ui .v61-vote-note strong { display:block; font-size:11px; }
.v6-ui .v61-vote-note p { margin:4px 0 0; color:#68768b; font-size:9px; line-height:1.5; }

/* ---- Existing user list/shop editor refinement ---- */
.v6-ui .v52-admin-content { min-width:0; }
.v6-ui .v52-admin-users-table,.v6-ui .v53-settings-form,.v6-ui .v53-editor-grid .v52-admin-panel { border-color:var(--fr-border); }
.v6-ui .v52-admin-table-row { min-height:66px; }
.v6-ui .v52-admin-avatar { width:44px; height:44px; }
.v6-ui .v52-admin-table-user strong { font-size:12px; }
.v6-ui .v52-admin-table-user small { font-size:9px; }
.v6-ui .v52-admin-table-head { font-size:9px; }
.v6-ui .v52-admin-table-row { font-size:11px; }
.v6-ui .v53-settings-form label { font-size:10px; }
.v6-ui .v53-settings-form input,.v6-ui .v53-settings-form textarea,.v6-ui .v53-settings-form select { font-size:12px; min-height:46px; }

/* ---- Motion: subtle, premium ---- */
@keyframes frPulseGlow { 0%,100%{opacity:.38;transform:scale(1)} 50%{opacity:.60;transform:scale(1.03)} }
@keyframes frShimmer { from{transform:translateX(-120%)} to{transform:translateX(220%)} }
.v6-ui .brand-mark { position:relative; overflow:hidden; }
.v6-ui .brand-mark::after { content:""; position:absolute; inset:-40% auto -40% -35%; width:25%; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); animation:frShimmer 7s ease-in-out infinite; }
.v6-ui .ambient-blue { animation:frPulseGlow 9s ease-in-out infinite; }
.v6-ui .ambient-red { animation:frPulseGlow 11s ease-in-out infinite reverse; }
.v6-ui [data-premium-card] { --mx:50%; --my:50%; }
.v6-ui [data-premium-card]::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:0; background:radial-gradient(260px circle at var(--mx) var(--my),rgba(98,133,226,.08),transparent 70%); transition:opacity .2s ease; }
.v6-ui [data-premium-card]:hover::after { opacity:1; }

/* ---- Responsive ---- */
@media (max-width:1180px) {
  .v6-ui .container { width:min(100% - 42px,1420px); }
  .v6-ui .v52-admin-shell { grid-template-columns:244px minmax(0,1fr); gap:20px; }
  .v6-ui .v61-admin-sidebar { padding:14px; }
  .v6-ui .v61-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v6-ui .v61-editor-grid { grid-template-columns:1fr; }
  .v6-ui .v61-api-overview { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v6-ui .v61-public-head { grid-template-columns:1fr; gap:24px; }
  .v6-ui .v61-vote-account { max-width:560px; }
}
@media (max-width:900px) {
  .v6-ui .v52-admin-shell { grid-template-columns:1fr; }
  .v6-ui .v61-admin-sidebar { position:relative; top:auto; min-height:auto; }
  .v6-ui .v61-admin-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v6-ui .v61-admin-nav > small { grid-column:1/-1; }
  .v6-ui .v61-admin-profile { margin-top:14px; }
  .v6-ui .v61-dashboard-grid,.v6-ui .v61-user-grid { grid-template-columns:1fr; }
  .v6-ui .v61-api-overview,.v6-ui .v61-vote-grid { grid-template-columns:1fr; }
  .v6-ui .v61-api-card { min-height:0; }
  .v6-ui .v61-vote-card { min-height:0; }
  .v6-ui .v61-server-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v6-ui .v61-server-strip > div:nth-child(2) { border-right:0; }
  .v6-ui .v61-server-strip > div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.055); }
}
@media (max-width:700px) {
  .v6-ui .container { width:min(100% - 26px,1420px); }
  .v6-ui .v61-kpi-grid { grid-template-columns:1fr; }
  .v6-ui .v61-admin-heading { align-items:flex-start; flex-direction:column; }
  .v6-ui .v61-user-hero { grid-template-columns:72px minmax(0,1fr); gap:15px; padding:19px; }
  .v6-ui .v61-user-photo,.v6-ui .v61-user-photo > img,.v6-ui .v61-user-photo > b { width:72px; height:72px; border-radius:19px; }
  .v6-ui .v61-user-hero-copy h1 { font-size:28px; }
  .v6-ui .v61-user-balance { grid-column:1/-1; min-width:0; text-align:left; }
  .v6-ui .v61-form-row.two,.v6-ui .v61-form-row.three,.v6-ui .v61-form.compact { grid-template-columns:1fr; }
  .v6-ui .v61-wallet-form { grid-template-columns:1fr; }
  .v6-ui .v61-wallet-actions { display:grid; grid-template-columns:repeat(3,1fr); }
  .v6-ui .v61-content-row { grid-template-columns:38px minmax(0,1fr) auto; }
  .v6-ui .v61-content-row .v53-state,.v6-ui .v61-content-row .v61-row-action,.v6-ui .v61-content-row form { grid-row:2; }
  .v6-ui .v61-content-row form { grid-column:3; }
  .v6-ui .v61-public-page { padding-top:48px; }
  .v6-ui .v61-public-head h1 { font-size:42px; }
  .v6-ui .v61-vote-account { grid-template-columns:42px minmax(0,1fr); }
  .v6-ui .v61-vote-account > a { grid-column:2; }
  .v6-ui .v61-user-row { grid-template-columns:42px minmax(0,1fr) auto; }
  .v6-ui .v61-user-row .v53-role,.v6-ui .v61-user-row .v61-user-lys { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .v6-ui *, .v6-ui *::before, .v6-ui *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}

/* V6.1 component name alignment */
.v6-ui .v61-admin-brand { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; padding:8px 7px 20px; }
.v6-ui .v61-admin-brandmark { width:42px; height:42px; display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border-radius:13px; box-shadow:0 10px 28px rgba(0,0,0,.22); }
.v6-ui .v61-admin-brandmark i:nth-child(1){background:#2858d8}.v6-ui .v61-admin-brandmark i:nth-child(2){background:#f5f6fa}.v6-ui .v61-admin-brandmark i:nth-child(3){background:#e14356}
.v6-ui .v61-admin-brand strong { display:block; font-size:16px; letter-spacing:-.02em; }
.v6-ui .v61-admin-brand small { display:block; margin-top:3px; color:#647188; font-size:7px; font-weight:800; letter-spacing:.15em; }
.v6-ui .v61-admin-role { padding:6px 8px; border:1px solid rgba(224,194,127,.12); border-radius:999px; color:#ceb979; background:rgba(224,194,127,.05); font-size:7px; font-weight:800; text-transform:uppercase; }
.v6-ui .v61-admin-nav a > span { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; color:#7283a0; background:rgba(255,255,255,.025); }
.v6-ui .v61-admin-nav a.is-active > span { color:#9ab4ff; background:rgba(39,88,216,.08); }
.v6-ui .v61-admin-nav a > div { min-width:0; }
.v6-ui .v61-admin-nav a strong { display:block; color:inherit; font-size:12px; }
.v6-ui .v61-admin-nav a small { display:block; margin-top:2px; color:#59677c; font-size:8px; font-weight:600; }
.v6-ui .v61-admin-bottom { display:grid; gap:9px; margin-top:auto; padding-top:16px; }
.v6-ui .v61-admin-site-link { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; border:1px solid rgba(255,255,255,.055); border-radius:12px; color:#7e8ca2; background:rgba(255,255,255,.02); font-size:10px; font-weight:800; }
.v6-ui .v61-admin-site-link:hover { color:#e8edf5; background:rgba(255,255,255,.04); }
.v6-ui .v61-admin-profile { margin-top:0; }
.v6-ui .v61-heading-actions { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end; }
.v6-ui .v61-admin-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.v6-ui .v61-kpi-icon { width:21px; height:21px; }
.v6-ui .v61-server-strip { grid-template-columns:repeat(5,minmax(0,1fr)); }
.v6-ui .v61-server-live { display:flex; align-items:center; gap:10px; }
.v6-ui .v61-server-live > i { width:8px; height:8px; flex:none; border-radius:50%; background:#8a5962; box-shadow:0 0 0 4px rgba(225,67,86,.045); }
.v6-ui .v61-server-live > i.is-online { background:#58cc91; box-shadow:0 0 0 4px rgba(88,204,145,.05),0 0 16px rgba(88,204,145,.25); }
.v6-ui .v61-panel-head > a { display:inline-flex; align-items:center; gap:6px; color:#8094bd; font-size:9px; font-weight:800; }
.v6-ui .v52-admin-mini-arrow { width:12px; height:12px; }

@media (max-width:1180px){
  .v6-ui .v61-admin-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v6-ui .v61-server-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v6-ui .v61-server-strip > div:nth-child(3) { border-right:0; }
  .v6-ui .v61-server-strip > div:nth-child(-n+3) { border-bottom:1px solid rgba(255,255,255,.055); }
}
@media (max-width:900px){
  .v6-ui .v61-admin-bottom { margin-top:14px; }
  .v6-ui .v61-server-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v6-ui .v61-server-strip > div { border-bottom:1px solid rgba(255,255,255,.055); }
  .v6-ui .v61-server-strip > div:nth-child(odd) { border-right:1px solid rgba(255,255,255,.055); }
  .v6-ui .v61-server-strip > div:nth-child(even) { border-right:0; }
  .v6-ui .v61-server-strip > div:last-child { border-bottom:0; }
}
@media (max-width:700px){
  .v6-ui .v61-admin-kpis { grid-template-columns:1fr; }
  .v6-ui .v61-admin-nav { grid-template-columns:1fr; }
  .v6-ui .v61-heading-actions { width:100%; justify-content:flex-start; }
  .v6-ui .v61-heading-actions .button { flex:1; }
}

/* ---- Public FR identity: restrained blue / white / red ---- */
.v6-ui .v5-kicker-line { width:34px; height:2px; border-radius:999px; background:linear-gradient(90deg,var(--fr-blue) 0 33%,#eef1f6 33% 66%,var(--fr-red) 66%); box-shadow:none; }
.v6-ui .v53-home-copy h1 { position:relative; }
.v6-ui .v53-home-copy h1::after { content:""; display:block; width:74px; height:3px; margin-top:22px; border-radius:999px; background:linear-gradient(90deg,var(--fr-blue) 0 33%,#f3f4f7 33% 66%,var(--fr-red) 66%); opacity:.9; }
.v6-ui .v53-server-card { position:relative; overflow:hidden; }
.v6-ui .v53-server-card::before { content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:linear-gradient(90deg,var(--fr-blue),rgba(255,255,255,.85),var(--fr-red)); opacity:.78; }
.v6-ui .v53-home-grid > a { position:relative; overflow:hidden; }
.v6-ui .v53-home-grid > a:nth-child(1) > span:first-child { color:#88a7f2; background:rgba(39,88,216,.075); }
.v6-ui .v53-home-grid > a:nth-child(2) > span:first-child { color:#e88b98; background:rgba(225,67,86,.07); }
.v6-ui .v53-home-grid > a:nth-child(3) > span:first-child { color:#dfe5f0; background:rgba(255,255,255,.045); }
.v6-ui .v5-profile-overview { position:relative; overflow:hidden; }
.v6-ui .v5-profile-overview::before { content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:linear-gradient(90deg,var(--fr-blue),rgba(255,255,255,.78),var(--fr-red)); opacity:.72; }
.v6-ui .v5-account-card { transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.v6-ui .v5-account-card:hover { transform:translateY(-2px); border-color:rgba(119,145,198,.17); background:rgba(17,24,38,.9); }
.v6-ui .v52-product-card.is-featured { border-color:rgba(76,119,231,.18); box-shadow:0 24px 66px rgba(27,58,136,.08); }
.v6-ui .v61-admin-profile-avatar { width:42px; height:42px; border-radius:12px; overflow:hidden; display:grid; place-items:center; background:#18243a; }
.v6-ui .v61-admin-profile-avatar img { width:100%; height:100%; object-fit:cover; }


.v6-ui .v61-live-badge.is-warning { border-color:rgba(238,179,77,.18); background:rgba(238,179,77,.07); color:#efc56d; }
.v6-ui .v61-admin-panel code { color:#c8d4e8; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }

/* ==========================================================
   FR-SMP V6.2 — Analytics / Statistiques
   ========================================================== */
.v6-ui .v62-stats-page { display:grid; gap:18px; }
.v6-ui .v62-live-server { display:grid; grid-template-columns:1.1fr repeat(4,1fr); border:1px solid rgba(255,255,255,.065); border-radius:20px; overflow:hidden; background:linear-gradient(135deg,rgba(15,24,41,.93),rgba(12,18,31,.88)); box-shadow:0 22px 60px rgba(0,0,0,.16); }
.v6-ui .v62-live-server > div { min-height:82px; padding:18px 20px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.055); }
.v6-ui .v62-live-server > div:last-child { border-right:0; }
.v6-ui .v62-live-server small,.v6-ui .v62-kpi small,.v6-ui .v62-gameplay-grid small,.v6-ui .v62-linked-discord small { color:#66758e; font-size:8px; font-weight:800; letter-spacing:.13em; }
.v6-ui .v62-live-server strong { margin-top:4px; font:600 17px/1.2 'Space Grotesk',sans-serif; color:#eef3fb; }
.v6-ui .v62-live-state { flex-direction:row!important; align-items:center; gap:12px; }
.v6-ui .v62-live-dot { width:10px; height:10px; border-radius:50%; background:#7c4652; box-shadow:0 0 0 5px rgba(225,67,86,.055); }
.v6-ui .v62-live-dot.is-online { background:#53d594; box-shadow:0 0 0 5px rgba(83,213,148,.06),0 0 20px rgba(83,213,148,.28); }

.v6-ui .v62-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.v6-ui .v62-kpi { position:relative; overflow:hidden; display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; min-height:126px; padding:20px; border:1px solid rgba(255,255,255,.06); border-radius:18px; background:rgba(14,21,35,.88); }
.v6-ui .v62-kpi::before { content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:linear-gradient(90deg,rgba(255,255,255,.08),transparent); }
.v6-ui .v62-kpi.is-blue::before { background:linear-gradient(90deg,#2f67ef,transparent); }
.v6-ui .v62-kpi.is-red::before { background:linear-gradient(90deg,#e14356,transparent); }
.v6-ui .v62-kpi > span { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(116,150,225,.09); border-radius:13px; color:#8ba8eb; background:rgba(47,103,239,.055); }
.v6-ui .v62-kpi-icon { width:20px; height:20px; }
.v6-ui .v62-kpi strong { display:block; margin-top:7px; color:#f2f5fb; font:600 25px/1.1 'Space Grotesk',sans-serif; letter-spacing:-.025em; }
.v6-ui .v62-kpi p { margin:7px 0 0; color:#67758a; font-size:10px; }

.v6-ui .v62-retention-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.v6-ui .v62-retention-card { padding:20px; border:1px solid rgba(255,255,255,.06); border-radius:18px; background:linear-gradient(145deg,rgba(14,21,35,.9),rgba(11,17,29,.86)); }
.v6-ui .v62-retention-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.v6-ui .v62-retention-head span { color:#71819a; font-size:9px; font-weight:800; letter-spacing:.13em; }
.v6-ui .v62-retention-head strong { color:#eef4ff; font:600 21px/1 'Space Grotesk',sans-serif; }
.v6-ui .v62-progress { height:7px; margin:17px 0 11px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.045); }
.v6-ui .v62-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#315fdc,#6e91ed); box-shadow:0 0 18px rgba(63,103,218,.22); }
.v6-ui .v62-retention-card:nth-child(3) .v62-progress i { background:linear-gradient(90deg,#315fdc,#eef2f8 52%,#d94457); }
.v6-ui .v62-retention-card p { margin:0; color:#69778c; font-size:10px; line-height:1.55; }

.v6-ui .v62-dashboard-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:14px; }
.v6-ui .v62-chart-panel { min-width:0; }
.v6-ui .v62-panel-meta { padding:7px 9px; border:1px solid rgba(255,255,255,.06); border-radius:999px; color:#7789a6; background:rgba(255,255,255,.025); font-size:9px; font-weight:800; }
.v6-ui .v62-bars { height:250px; margin-top:22px; display:grid; grid-template-columns:repeat(14,minmax(12px,1fr)); align-items:end; gap:7px; }
.v6-ui .v62-bar-item { min-width:0; display:grid; grid-template-rows:1fr 18px; gap:7px; height:100%; }
.v6-ui .v62-bar-track { position:relative; overflow:hidden; border-radius:8px 8px 4px 4px; background:rgba(255,255,255,.025); }
.v6-ui .v62-bar-track i { position:absolute; left:0; right:0; bottom:0; min-height:4px; border-radius:7px 7px 3px 3px; background:linear-gradient(180deg,#6f94f1,#2f5ed5); box-shadow:0 -8px 22px rgba(47,94,213,.12); transition:height .45s cubic-bezier(.2,.8,.2,1),filter .2s ease; }
.v6-ui .v62-bar-item:hover .v62-bar-track i { filter:brightness(1.18); }
.v6-ui .v62-bar-item small { color:#536178; font-size:7px; text-align:center; white-space:nowrap; }

.v6-ui .v62-gameplay-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:16px; }
.v6-ui .v62-gameplay-grid > div { min-height:66px; padding:13px 14px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(255,255,255,.045); border-radius:12px; background:rgba(255,255,255,.018); }
.v6-ui .v62-gameplay-grid strong { margin-top:5px; color:#e8edf6; font:600 17px/1.1 'Space Grotesk',sans-serif; }

.v6-ui .v62-top-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.v6-ui .v62-leader-list { display:grid; gap:6px; margin-top:14px; }
.v6-ui .v62-leader-list > a { display:grid; grid-template-columns:27px 34px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:52px; padding:7px 9px; border:1px solid transparent; border-radius:12px; transition:.18s ease; }
.v6-ui .v62-leader-list > a:hover { border-color:rgba(106,139,210,.12); background:rgba(72,105,176,.045); transform:translateX(2px); }
.v6-ui .v62-leader-list img { width:34px; height:34px; border-radius:9px; image-rendering:pixelated; background:#101927; }
.v6-ui .v62-rank { color:#52627a; font:700 11px/1 'Space Grotesk',sans-serif; text-align:center; }
.v6-ui .v62-leader-list strong { display:block; color:#dfe7f4; font-size:11px; }
.v6-ui .v62-leader-list small { display:block; margin-top:2px; color:#57667b; font-size:8px; }
.v6-ui .v62-leader-list b { color:#90a8d9; font-size:10px; font-weight:700; white-space:nowrap; }

.v6-ui .v62-search-head { gap:18px; }
.v6-ui .v62-search-form { width:min(430px,100%); display:flex; gap:8px; }
.v6-ui .v62-search-form input { min-width:0; flex:1; height:40px; padding:0 13px; border:1px solid rgba(255,255,255,.07); border-radius:11px; outline:0; color:#e8edf5; background:#0c1422; font-size:11px; }
.v6-ui .v62-search-form input:focus { border-color:rgba(73,112,214,.38); box-shadow:0 0 0 3px rgba(48,90,208,.07); }
.v6-ui .v62-player-table { display:grid; margin-top:15px; overflow:hidden; border:1px solid rgba(255,255,255,.05); border-radius:15px; }
.v6-ui .v62-player-row { display:grid; grid-template-columns:1.6fr .9fr .75fr .7fr .65fr 1.15fr; gap:12px; align-items:center; min-height:58px; padding:9px 14px; border-bottom:1px solid rgba(255,255,255,.045); color:#8592a7; font-size:10px; transition:.17s ease; }
.v6-ui a.v62-player-row:hover { background:rgba(48,87,181,.045); color:#b8c4d7; }
.v6-ui .v62-player-row:last-child { border-bottom:0; }
.v6-ui .v62-player-row-head { min-height:40px; color:#57667c; background:rgba(255,255,255,.018); font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.v6-ui .v62-player-ident { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:10px; min-width:0; }
.v6-ui .v62-player-ident img { width:36px; height:36px; border-radius:9px; image-rendering:pixelated; }
.v6-ui .v62-player-ident b { overflow:hidden; color:#e6ecf6; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.v6-ui .v62-player-ident i { padding:4px 6px; border-radius:999px; color:#6ddaa0; background:rgba(69,202,136,.075); font-size:7px; font-style:normal; font-weight:800; }
.v6-ui .v62-empty { padding:18px; color:#64738a; font-size:10px; line-height:1.6; }

.v6-ui .v62-back { width:max-content; color:#7789a7; font-size:10px; font-weight:700; }
.v6-ui .v62-back:hover { color:#c4d1e6; }
.v6-ui .v62-player-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:92px minmax(0,1fr) auto; align-items:center; gap:20px; padding:24px; border:1px solid rgba(255,255,255,.065); border-radius:22px; background:linear-gradient(135deg,rgba(16,25,43,.95),rgba(14,20,34,.91)); }
.v6-ui .v62-player-hero::before { content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:linear-gradient(90deg,#315fdc,#eef1f6 55%,#df4557); }
.v6-ui .v62-player-head { width:92px; height:92px; border-radius:21px; image-rendering:pixelated; background:#0a101b; box-shadow:0 16px 34px rgba(0,0,0,.24); }
.v6-ui .v62-player-hero-copy h1 { margin:7px 0 4px; color:#f2f5fb; font:600 clamp(31px,3vw,44px)/1 'Space Grotesk',sans-serif; letter-spacing:-.04em; }
.v6-ui .v62-player-hero-copy p { margin:0; color:#66758b; font:500 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
.v6-ui .v62-player-badges { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.v6-ui .v62-player-badges span { padding:5px 8px; border:1px solid rgba(255,255,255,.06); border-radius:999px; color:#77869d; background:rgba(255,255,255,.025); font-size:8px; font-weight:800; }
.v6-ui .v62-player-badges span.is-online { color:#69d99d; border-color:rgba(80,211,149,.13); background:rgba(80,211,149,.055); }
.v6-ui .v62-linked-discord { display:grid; grid-template-columns:46px minmax(0,1fr); gap:11px; align-items:center; min-width:210px; padding:11px; border:1px solid rgba(88,101,242,.1); border-radius:14px; background:rgba(88,101,242,.035); }
.v6-ui .v62-linked-discord img { width:46px; height:46px; border-radius:12px; object-fit:cover; }
.v6-ui .v62-linked-discord strong,.v6-ui .v62-linked-discord span { display:block; }
.v6-ui .v62-linked-discord strong { margin-top:3px; color:#e9edf6; font-size:11px; }
.v6-ui .v62-linked-discord span { margin-top:2px; color:#69778c; font-size:8px; }
.v6-ui .v62-return-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:16px; }
.v6-ui .v62-return-grid > div { padding:14px; border:1px solid rgba(255,255,255,.05); border-radius:12px; background:rgba(255,255,255,.018); }
.v6-ui .v62-return-grid small { display:block; color:#62718a; font-size:8px; font-weight:800; }
.v6-ui .v62-return-grid strong { display:block; margin-top:5px; color:#a9b4c5; font-size:11px; }
.v6-ui .v62-return-grid .is-success strong { color:#65d99d; }
.v6-ui .v62-return-grid .is-fail strong { color:#e87380; }
.v6-ui .v62-return-grid .is-pending strong { color:#c9b77c; }
.v6-ui .v62-definition { margin:15px 0 0; color:#607087; font-size:9px; line-height:1.7; }
.v6-ui .v62-session-list { display:grid; gap:7px; margin-top:15px; }
.v6-ui .v62-session-list > div { display:grid; grid-template-columns:9px minmax(0,1fr) auto; align-items:center; gap:12px; min-height:52px; padding:9px 12px; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.014); }
.v6-ui .v62-session-state { width:8px; height:8px; border-radius:50%; background:#586378; }
.v6-ui .v62-session-state.is-online { background:#53d594; box-shadow:0 0 14px rgba(83,213,148,.22); }
.v6-ui .v62-session-list strong { display:block; color:#cfd8e6; font-size:10px; }
.v6-ui .v62-session-list small { display:block; margin-top:3px; color:#59677b; font-size:8px; }
.v6-ui .v62-session-list b { color:#8599ba; font-size:9px; }

@media (max-width:1180px){
  .v6-ui .v62-live-server { grid-template-columns:repeat(3,1fr); }
  .v6-ui .v62-live-server > div { border-bottom:1px solid rgba(255,255,255,.055); }
  .v6-ui .v62-kpi-grid { grid-template-columns:repeat(2,1fr); }
  .v6-ui .v62-top-grid { grid-template-columns:1fr; }
  .v6-ui .v62-player-row { grid-template-columns:1.5fr .8fr .7fr .7fr .8fr; }
  .v6-ui .v62-player-row > span:nth-child(5) { display:none; }
}
@media (max-width:900px){
  .v6-ui .v62-dashboard-grid { grid-template-columns:1fr; }
  .v6-ui .v62-player-hero { grid-template-columns:76px minmax(0,1fr); }
  .v6-ui .v62-player-head { width:76px; height:76px; border-radius:17px; }
  .v6-ui .v62-linked-discord { grid-column:1/-1; min-width:0; }
  .v6-ui .v62-player-table { overflow-x:auto; }
  .v6-ui .v62-player-row { min-width:760px; }
}
@media (max-width:700px){
  .v6-ui .v62-live-server,.v6-ui .v62-kpi-grid,.v6-ui .v62-retention-grid { grid-template-columns:1fr; }
  .v6-ui .v62-live-server > div { border-right:0; }
  .v6-ui .v62-bars { height:190px; gap:4px; }
  .v6-ui .v62-bar-item small { font-size:6px; transform:rotate(-55deg); transform-origin:center; }
  .v6-ui .v62-gameplay-grid { grid-template-columns:1fr 1fr; }
  .v6-ui .v62-search-head { align-items:flex-start; flex-direction:column; }
  .v6-ui .v62-search-form { width:100%; }
  .v6-ui .v62-player-hero { grid-template-columns:64px minmax(0,1fr); padding:18px; gap:14px; }
  .v6-ui .v62-player-head { width:64px; height:64px; }
  .v6-ui .v62-player-hero-copy h1 { font-size:28px; }
}

/* FR-SMP V6.2.1 — statistiques joueur sur Mon compte */
.v6-ui .v621-player-stats { margin-top:22px; padding:24px; border:1px solid rgba(255,255,255,.065); border-radius:20px; background:linear-gradient(145deg,rgba(13,21,36,.94),rgba(9,15,27,.92)); box-shadow:0 18px 55px rgba(0,0,0,.16); }
.v6-ui .v621-stats-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.v6-ui .v621-stats-head small { color:#60718d; font-size:9px; font-weight:800; letter-spacing:.14em; }
.v6-ui .v621-stats-head h2 { margin:6px 0 4px; color:#eef3fb; font:600 24px/1.1 'Space Grotesk',sans-serif; letter-spacing:-.025em; }
.v6-ui .v621-stats-head p { margin:0; color:#718096; font-size:11px; }
.v6-ui .v621-online-badge { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid rgba(255,255,255,.065); border-radius:999px; color:#7d899b; background:rgba(255,255,255,.025); font-size:9px; font-weight:800; white-space:nowrap; }
.v6-ui .v621-online-badge i { width:7px; height:7px; border-radius:50%; background:#677286; }
.v6-ui .v621-online-badge.is-online { color:#73dba3; border-color:rgba(84,211,150,.16); background:rgba(84,211,150,.055); }
.v6-ui .v621-online-badge.is-online i { background:#53d594; box-shadow:0 0 12px rgba(83,213,148,.28); }
.v6-ui .v621-stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:18px; }
.v6-ui .v621-stats-grid article { display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:10px; min-height:68px; padding:12px; border:1px solid rgba(255,255,255,.05); border-radius:13px; background:rgba(255,255,255,.018); transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.v6-ui .v621-stats-grid article:hover { transform:translateY(-2px); border-color:rgba(73,112,214,.16); background:rgba(64,94,171,.035); }
.v6-ui .v621-stats-grid article>span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; color:#91a8d4; background:rgba(67,99,178,.08); }
.v6-ui .v621-stat-icon { width:17px; height:17px; }
.v6-ui .v621-stats-grid small { display:block; color:#617087; font-size:7px; font-weight:800; letter-spacing:.09em; }
.v6-ui .v621-stats-grid strong { display:block; margin-top:4px; overflow:hidden; color:#e9eef7; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.v6-ui .v621-stats-foot { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:13px; color:#627087; font-size:9px; }
.v6-ui .v621-stats-foot strong { color:#8c9ab0; font-weight:600; }
.v6-ui .v621-stats-foot a { color:#8da7dc; font-weight:700; }
.v6-ui .v621-stats-foot a:hover { color:#b6c8ea; }
.v6-ui .v621-stats-empty { display:flex; align-items:center; gap:13px; margin-top:18px; padding:16px; border:1px dashed rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.012); }
.v6-ui .v621-empty-icon { width:22px; height:22px; color:#7182a0; flex:none; }
.v6-ui .v621-stats-empty strong { display:block; color:#b8c3d4; font-size:11px; }
.v6-ui .v621-stats-empty p { margin:4px 0 0; color:#627087; font-size:9px; line-height:1.6; }
@media (max-width:900px){.v6-ui .v621-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.v6-ui .v621-player-stats{padding:18px}.v6-ui .v621-stats-head{flex-direction:column}.v6-ui .v621-stats-grid{grid-template-columns:1fr 1fr}.v6-ui .v621-stats-foot{align-items:flex-start;flex-direction:column}}


/* FR-SMP V6.2.2 — temps de jeu total sur Mon compte */
.v6-ui .v622-playtime-card { margin-top:22px; display:flex; align-items:center; gap:18px; padding:20px 22px; border:1px solid rgba(255,255,255,.065); border-radius:18px; background:linear-gradient(145deg,rgba(13,21,36,.94),rgba(9,15,27,.92)); box-shadow:0 18px 50px rgba(0,0,0,.14); }
.v6-ui .v622-playtime-icon { width:52px; height:52px; display:grid; place-items:center; flex:none; border:1px solid rgba(92,132,224,.13); border-radius:15px; color:#9bb2e4; background:linear-gradient(145deg,rgba(70,105,190,.12),rgba(255,255,255,.025)); }
.v6-ui .v622-playtime-svg { width:23px; height:23px; }
.v6-ui .v622-playtime-copy small { display:block; color:#657692; font-size:8px; font-weight:800; letter-spacing:.12em; }
.v6-ui .v622-playtime-copy strong { display:block; margin-top:4px; color:#f1f5fb; font:600 24px/1.1 'Space Grotesk',sans-serif; letter-spacing:-.02em; }
.v6-ui .v622-playtime-copy p { margin:5px 0 0; color:#6f7f95; font-size:10px; }
@media (max-width:560px){.v6-ui .v622-playtime-card{padding:17px;gap:14px}.v6-ui .v622-playtime-icon{width:46px;height:46px}.v6-ui .v622-playtime-copy strong{font-size:21px}}