/* WikiGlucksmann — Communauté — Styles v1.0.0 */
/* WikiGlucksmann — Communauté — Styles v1.0.0 */
/* Mobile-first · Charte WikiGlucksmann · Feather icons · Zéro CDN */

/* ── Variables ────────────────────────────────────────────────────────────── */
:root {
  --jaune:   #E6B800;
  --jaune2:  #d4a800;
  --noir:    #12324A;
  --noir2:   #1a3d59;
  --noir3:   #204a6b;
  --bleu:    #12324A;
  --bleu2:   #12324A;
  --vert:    #1e8449;
  --rouge:   #c0392b;
  --orange:  #e67e22;
  --violet:  #7b2d8b;
  --blanc:   #ffffff;
  --creme:   #F7FFFF;
  --gris0:   #e8e8e0;
  --gris1:   #d0ccc4;
  --gris:    #777777;
  --gris2:   #aaaaaa;
  --text:    #111111;
  --text2:   #444444;
  --text3:   #666666;
  --border:  #e0e0d8;
  --surface: #ffffff;
  --surface2:#edfefe;
  --shadow:  0 2px 12px rgba(0,0,0,.08);
  --shadow2: 0 4px 24px rgba(0,0,0,.12);
  --radius:  8px;
  --radius2: 12px;
  --font:    'Helvetica Neue', Helvetica, Arial, sans-serif;
  --header-h: 60px;
}

/* ── Reset ────────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font);
  background: var(--creme);
  color: var(--text);
  min-height: 100vh;
  line-height: 1.5;
  overflow-x: clip;
}
html { overflow-x: clip; }
a { color: var(--bleu2); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
button { cursor: pointer; border: none; background: none; }
img { max-width: 100%; }
ul, ol { list-style: none; }
svg { display: inline-block; vertical-align: middle; flex-shrink: 0; }

/* ── Écran de chargement initial ─────────────────────────────────────────── */
.mc-loading-screen {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; min-height: 100vh;
  background: var(--noir); gap: 24px;
}
.mc-loading-logo {
  color: var(--blanc); font-size: 26px; font-weight: 800; letter-spacing: -.5px;
}
.mc-loading-logo span { color: #83FFFF; }
.mc-loading-spinner {
  width: 36px; height: 36px; border: 3px solid rgba(255,241,0,.2);
  border-top-color: var(--jaune); border-radius: 50%;
  animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ── Header ──────────────────────────────────────────────────────────────── */
.mc-header {
  position: sticky; top: 0; z-index: 100;
  background: var(--noir); height: var(--header-h);
  display: flex; align-items: center;
  padding: 0 16px; gap: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.4);
}
.mc-header-logo {
  flex: 0 0 auto; color: var(--blanc); text-decoration: none;
  display: flex; align-items: center; gap: 8px;
}
.mc-header-icon {
  width: 32px; height: 32px; border-radius: 5px;
  flex-shrink: 0; display: inline-block;
  background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/wAARCAFQAVADACIAAREBAhEB/9sAQwAIBgYHBgUIBwcHCQkICgwUDQwLCwwZEhMPFB0aHx4dGhwcICQuJyAiLCMcHCg3KSwwMTQ0NB8nOT04MjwuMzQy/9sAQwEJCQkMCwwYDQ0YMiEcITIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIy/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMAAAERAhEAPwD36iiigApCcd6az4pg3ydOB60AOLgUm4noCacsar7n3p9AEXz+lGJPSpaKAIcSen60Yk9KmooAixJ6UYk9BUtFAEOJPSjEn939am7UUARYk9P1oxJ6frUtFAEWJPT9aMSY6frUtFAEOJPT9aMSen61NRQBFiT+7+tGJMdP1qWigCHEnp+tGJPT9amooAhxJ6frRiT0/WpqKAIcSen60uJP7o/OpaKAIcSen60Yk9P1qaigCLEn92jEnp+tS0UAQ4k9KMSen61NRQBFlx/DQJOealpCARyM0AIGzS9aY0ZHKn8Kar4ODwaAJqKQGloAKWkpaAE7VG7YFOY4qD/Wybe3egBUUyHcfu/zqx24oAwMDpRQAfWiiigAoozRQAUUUUAFFFFABmiiigAo96KKAA9aKKKACiiigAooooAKKKKACiiigAo+lFFABRRRQAvekoooAKKKKACjvRRQAYprxhx6H1p1FAFdWIYqetTg5qOZNy7h94Ukb5FAE1LSDmloAglbApbdcR7u7c1DKdzBfU4q2BgYFABR9aKKACiiigAooooAKKKKACiiigAooo7UAFFBooAKKKKACiiigAooooAKKKKACiiigAope9JxQAdqKO9FABRRRQAUfSiigAooooAPpQPWiigAqsR5cxHY8irNQzjAVvQ4oAlU06o4zkVJQBT63KD3q3VNf+PpPrVzNABRRRQAe1FGKKACiiigAooooAKKKKACiiigAooooAKKKKACijvRQAUUUZoADVe6vLayhM11PFBEOryOFA/E1j+L/FVr4U0R76YCSUnZBDnBkf0+nc182a94h1PxHftd6nctK2flTokY9FXtXXhcHPEarRHPWxEaW+59KR+NfDMsvlJrtgX6AecB+tbccqTRh43V1bkMpyDXx7uLDmt7w54w1jwtOHsLpvJz89tIcxv+Hb6iu6plLteEr+pzwxyb95H1RRXL+DvG2n+L7IvbnybuIDz7ZjynuPVfeuoryJwlB8slqd8ZKSugo/GlFJUjCij60EgA5oAY8qRgb3C5OBk4yadXG61qBvbvYh/cxnC+59a0dJ1rCrBdNz0WQn9DXjRzrDvEug9PPzOt4Op7JVPwOiooBB6GivZOQO9FFHagAqOcfuTUlRz/AOpagBIegqaoYegqagCkv/H0n1q5VNf+PpKuUAFFFFABRRRQAUUUUAFFKKSgAo+tFFABRRRQAUUUUAFFHaigA7UUUUAFIelBOBVLUL6O10i7vlYMsMLyZB4+UGldXsB89/FLxG+t+MJ4I3zaWGbeMDpu/jb8+PwrA8N6FceJddttLtmCvKfmcjIRRyTWXNI00zyucvIxdie5PJr1b4G6eH1LVdRZcmKNIUPpuOT/AOgivqP91w2nRfieN/Gra9TqpPg34YbTRAgukuAP+PkSksT6kfd/DFeQeLvBeqeEb0R3S+daSH9zdIPlf2P91vavqLrVLVdJs9b0yawvoRLbyrtYHqPQj0IryKOY1YS993R31cJCUbRVmfK+j6reaFqUOoWExiuITkHsR3UjuDX0t4Q8U2vizRI76DCSj5J4c8xv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');
  background-size: cover; background-position: center;
}
.mc-header-logo-text {
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  line-height: 1.1;
}
.mc-header-name {
  font-size: 17px; font-weight: 800; letter-spacing: -.3px;
  white-space: nowrap; color: var(--blanc);
}
.mc-header-name span { color: #83FFFF; }
.mc-header-retour {
  display: block; font-size: 8px; font-weight: 400;
  color: var(--gris2); letter-spacing: .06em;
  white-space: nowrap;
}
.mc-header-spacer { flex: 1; }
.mc-header-pseudo {
  font-size: 13px; font-weight: 600; color: var(--gris2);
  display: none;
}
@media (min-width: 480px) { .mc-header-pseudo { display: block; } }
.mc-header-avatar {
  width: 32px; height: 32px; border-radius: 50%;
  background: #E6B800; color: #12324A;
  font-size: 12px; font-weight: 800; letter-spacing: .02em;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; cursor: default;
  border: 2px solid rgba(255,255,255,.15);
}
.mc-header-niveau {
  display: none;
}
@media (min-width: 480px) {
  .mc-header-niveau { display: flex; align-items: center; margin-right: 6px; }
  .mc-header-niveau .mc-niveau-badge { font-size: 11px; padding: 3px 8px; }
}
.mc-header-notif-btn {
  position: relative; color: var(--gris2);
  padding: 6px; border-radius: 50%;
  transition: background .15s, color .15s;
}
.mc-header-notif-btn:hover { background: rgba(255,255,255,.08); color: var(--blanc); }
.mc-badge-count {
  position: absolute; top: 2px; right: 2px;
  background: var(--rouge); color: var(--blanc);
  font-size: 10px; font-weight: 700; min-width: 16px; height: 16px;
  border-radius: 8px; padding: 0 4px;
  display: flex; align-items: center; justify-content: center;
}
.mc-menu-btn {
  color: var(--gris2); padding: 6px; border-radius: 4px;
  transition: background .15s;
}
.mc-menu-btn:hover { background: rgba(255,255,255,.08); color: var(--blanc); }

/* ── Navigation latérale (desktop) / bas (mobile) ────────────────────────── */
.mc-layout {
  display: flex; min-height: calc(100vh - var(--header-h));
  width: 100%;
}
.mc-sidebar {
  width: 220px; flex-shrink: 0;
  background: var(--noir2);
  padding: 16px 0; display: none;
  border-right: 1px solid #2a2a2a;
}
@media (min-width: 768px) { .mc-sidebar { display: flex; flex-direction: column; } }
.mc-nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 11px 20px; color: var(--gris2); font-size: 14px; font-weight: 500;
  cursor: pointer; transition: background .15s, color .15s;
  border-left: 3px solid transparent;
  user-select: none;
}
.mc-nav-item:hover { background: rgba(255,255,255,.05); color: var(--blanc); }
.mc-nav-item.active {
  background: rgba(255,241,0,.08); color: var(--jaune);
  border-left-color: #83FFFF;
}
.mc-nav-item svg { opacity: .7; }
.mc-nav-item.active svg { opacity: 1; }
.mc-nav-sep { border-top: 1px solid #2a2a2a; margin: 8px 0; }

/* ── Hamburger mobile ─────────────────────────────────────────────────────── */
.mc-hamburger-btn {
  display: flex; align-items: center; justify-content: center;
  color: var(--gris2); padding: 6px; border-radius: 4px;
  cursor: pointer; transition: background .15s; margin-right: 4px;
}
.mc-hamburger-btn:hover { background: rgba(255,255,255,.08); color: var(--blanc); }
@media (min-width: 768px) { .mc-hamburger-btn { display: none; } }

/* ── Menu mobile (overlay) ────────────────────────────────────────────────── */
.mc-mobile-menu-overlay {
  display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5);
  z-index: 200;
}
.mc-mobile-menu-overlay.open { display: block; }

.mc-mobile-menu {
  position: fixed; top: 0; left: 0; bottom: 0; width: 280px;
  background: var(--noir2); z-index: 201;
  transform: translateX(-100%); transition: transform .25s ease;
  display: flex; flex-direction: column;
  overflow-y: auto;
}
.mc-mobile-menu.open { transform: translateX(0); }

.mc-mobile-menu-header {
  background: var(--noir); padding: 16px 20px;
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid #2a2a2a; flex-shrink: 0;
}
.mc-mobile-menu-logo {
  color: var(--blanc); font-size: 16px; font-weight: 800;
}
.mc-mobile-menu-logo span { color: #83FFFF; }
.mc-mobile-menu-close {
  color: var(--gris2); padding: 4px; cursor: pointer;
  transition: color .15s;
}
.mc-mobile-menu-close:hover { color: var(--blanc); }
.mc-mobile-menu-close svg { width: 20px; height: 20px; }

.mc-mobile-menu-body { flex: 1; padding: 8px 0; }

.mc-mobile-menu-item {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 20px; color: var(--gris2); font-size: 15px; font-weight: 500;
  cursor: pointer; transition: background .15s, color .15s;
  border-left: 3px solid transparent;
}
.mc-mobile-menu-item:hover { background: rgba(255,255,255,.05); color: var(--blanc); }
.mc-mobile-menu-item.active {
  background: rgba(230,184,0,.08); color: var(--jaune);
  border-left-color: #83FFFF;
}
.mc-mobile-menu-item svg { opacity: .7; flex-shrink: 0; }
.mc-mobile-menu-item.active svg { opacity: 1; }
.mc-mobile-menu-sep { border-top: 1px solid #2a2a2a; margin: 8px 0; }

@media (min-width: 768px) {
  .mc-mobile-menu-overlay,
  .mc-mobile-menu { display: none !important; }
}

/* ── Contenu principal ───────────────────────────────────────────────────── */
.mc-main {
  flex: 1; padding: 24px 16px 32px;
  max-width: 100%;
  overflow-x: hidden;
}
@media (min-width: 768px) { .mc-main { padding: 32px 32px 32px; max-width: 800px; } }

/* ── Page header ─────────────────────────────────────────────────────────── */
.mc-page-title {
  font-size: 22px; font-weight: 800; color: var(--noir); margin-bottom: 4px;
}
.mc-page-sub {
  font-size: 14px; color: var(--text3); margin-bottom: 24px;
}

/* ── Cartes ──────────────────────────────────────────────────────────────── */
.mc-card {
  background: var(--surface); border-radius: var(--radius2);
  box-shadow: var(--shadow); padding: 20px; margin-bottom: 16px;
}
.mc-card-title {
  font-size: 15px; font-weight: 700; color: var(--noir); margin-bottom: 14px;
  display: flex; align-items: center; gap: 8px;
}
.mc-card-title svg { color: var(--bleu2); }


/* ── En-tête de carte accent turquoise ───────────────────────────────────── */
/* Utilisé sur les cartes importantes — fond turquoise, texte bleu profond   */
.mc-card-header-accent {
  background: #83FFFF;
  color: #12324A;
  margin: -20px -20px 18px -20px;
  padding: 16px 20px;
  border-radius: var(--radius2) var(--radius2) 0 0;
  display: flex; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 700; letter-spacing: .01em;
}
.mc-card-header-accent svg { color: #12324A; }
.mc-card-header-accent.mc-header-ambre { background: #E6B800; color: #12324A; }
.mc-card-header-accent.mc-header-ambre svg { color: #12324A; }


/* ── En-tête de carte secondaire (bordure + teinte turquoise) ────────────── */
.mc-card-header-secondary {
  background: #edfefe;
  color: #12324A;
  margin: -20px -20px 18px -20px;
  padding: 14px 20px;
  border-radius: var(--radius2) var(--radius2) 0 0;
  border-top: 3px solid #83FFFF;
  display: flex; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 700;
}
.mc-card-header-secondary svg { color: #12324A; }

/* ── En-tête de carte utilitaire (bordure gauche ambre) ─────────────────── */
.mc-card-header-utility {
  color: #E6B800;
  margin: -20px -20px 18px -20px;
  padding: 14px 20px;
  border-radius: var(--radius2) var(--radius2) 0 0;
  border-left: 4px solid #E6B800;
  background: rgba(230,184,0,.04);
  display: flex; align-items: center; gap: 8px;
  font-size: 15px; font-weight: 700;
}
.mc-card-header-utility svg { color: #E6B800; }

/* ── Formulaires ─────────────────────────────────────────────────────────── */
.mc-form-group { margin-bottom: 18px; }
.mc-label {
  display: block; font-size: 13px; font-weight: 600; color: var(--text2);
  margin-bottom: 6px; letter-spacing: .02em;
}
.mc-label .req { color: var(--rouge); margin-left: 2px; }
.mc-input, .mc-select, .mc-textarea {
  width: 100%; padding: 11px 14px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius); font-size: 16px; color: var(--text);
  background: var(--surface); transition: border-color .15s, box-shadow .15s;
  -webkit-appearance: none; appearance: none;
}
.mc-input:focus, .mc-select:focus, .mc-textarea:focus {
  outline: none; border-color: var(--bleu2);
  box-shadow: 0 0 0 3px rgba(45,79,163,.12);
}
.mc-input.error, .mc-select.error { border-color: var(--rouge); }
.mc-input-hint {
  font-size: 12px; color: var(--text3); margin-top: 5px; line-height: 1.4;
}
.mc-input-hint.error { color: var(--rouge); }

/* Input avec icône oeil (phrase / PIN) */
.mc-input-wrap { position: relative; }
.mc-input-wrap .mc-input { padding-right: 44px; }
.mc-eye-btn {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  color: var(--gris); padding: 4px; border-radius: 4px;
}
.mc-eye-btn:hover { color: var(--text2); }

/* Checkbox personnalisée */
.mc-check-group { display: flex; flex-direction: column; gap: 10px; }
.mc-check-label {
  display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
  font-size: 14px; color: var(--text2); line-height: 1.45;
  user-select: none;
}
.mc-check-label input[type="checkbox"] {
  width: 18px; height: 18px; margin-top: 1px; flex-shrink: 0;
  accent-color: var(--jaune); cursor: pointer;
}
.mc-check-label a { color: var(--bleu2); }

/* Checkboxes en grille (réseaux / médias) */
.mc-chips-grid {
  display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px;
}
.mc-chip-check {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 20px; font-size: 13px; font-weight: 600;
  border: 1.5px solid var(--border); cursor: pointer;
  background: var(--surface); color: var(--text2);
  transition: all .15s; user-select: none;
}
.mc-chip-check input { display: none; }
.mc-chip-check.selected {
  border-color: var(--bleu2); background: rgba(45,79,163,.08); color: var(--bleu);
}

/* ── Boutons ──────────────────────────────────────────────────────────────── */
.mc-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 22px; border-radius: var(--radius);
  font-size: 15px; font-weight: 700; letter-spacing: .02em;
  transition: background .15s, color .15s, box-shadow .15s, transform .1s;
  cursor: pointer; border: none; text-decoration: none;
  justify-content: center; white-space: nowrap;
}
.mc-btn:active { transform: scale(.98); }
.mc-btn-primary {
  background: var(--jaune); color: var(--noir);
}
.mc-btn-primary:hover { background: var(--jaune2); box-shadow: 0 2px 8px rgba(255,241,0,.3); }
.mc-btn-secondary {
  background: var(--noir); color: var(--blanc);
}
.mc-btn-secondary:hover { background: #222; }
.mc-btn-outline {
  background: transparent; color: var(--bleu2);
  border: 1.5px solid var(--bleu2);
}
.mc-btn-outline:hover { background: rgba(45,79,163,.06); }
.mc-btn-danger {
  background: transparent; color: var(--rouge);
  border: 1.5px solid var(--rouge);
}
.mc-btn-danger:hover { background: rgba(192,57,43,.06); }
.mc-btn-full { width: 100%; }
.mc-btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.mc-btn-sm { padding: 7px 14px; font-size: 13px; gap: 6px; }
.mc-btn-icon {
  padding: 8px; border-radius: 50%;
  color: var(--gris); background: transparent;
}
.mc-btn-icon:hover { background: var(--gris0); color: var(--text); }

/* ── Niveaux — badges ─────────────────────────────────────────────────────── */
.mc-niveau-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px; border-radius: 20px;
  font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
.mc-niveau-veilleur     { background: #0e7490; color: #ffffff; }
.mc-niveau-eclaireur    { background: #1e40af; color: #ffffff; }
.mc-niveau-sentinelle   { background: #6b21a8; color: #ffffff; }
.mc-niveau-correspondant{ background: #E6B800; color: #12324A; }
.mc-niveau-president    { background: #b8860b; color: #fff8e1; border: 1px solid #d4a017; }

/* ── Médailles ────────────────────────────────────────────────────────────── */
.mc-medaille {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 10px; border-radius: 20px;
  font-size: 12px; font-weight: 600;
  background: var(--gris0); color: var(--text2);
  border: 1px solid var(--gris1);
}
.mc-medaille.active {
  background: rgba(123,45,139,.1); color: var(--violet); border-color: var(--violet);
}

/* ── Barre de progression des points ─────────────────────────────────────── */
.mc-progress-wrap { margin: 12px 0; }
.mc-progress-bar {
  width: 100%; height: 8px; background: var(--gris0);
  border-radius: 4px; overflow: hidden;
}
.mc-progress-fill {
  height: 100%; background: var(--jaune);
  border-radius: 4px; transition: width .4s ease;
}
.mc-progress-labels {
  display: flex; justify-content: space-between;
  font-size: 12px; color: var(--text3); margin-top: 5px;
}

/* ── Tableau de bord — grille stats ──────────────────────────────────────── */
.mc-stats-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 12px; margin-bottom: 16px;
}
@media (min-width: 500px) { .mc-stats-grid { grid-template-columns: repeat(3, 1fr); } }
.mc-stat-card {
  background: var(--surface); border-radius: var(--radius);
  padding: 16px; text-align: center; box-shadow: var(--shadow);
}
.mc-stat-value { font-size: 28px; font-weight: 800; color: var(--noir); }
.mc-stat-label { font-size: 12px; color: var(--text3); margin-top: 2px; }

/* ── Étoiles de notation ─────────────────────────────────────────────────── */
.mc-stars {
  display: inline-flex; gap: 4px;
}
.mc-star {
  cursor: pointer; color: var(--gris0); transition: color .1s;
  padding: 2px;
}
.mc-star.filled { color: var(--jaune); }
.mc-star:hover, .mc-star.hover { color: var(--jaune2); }
.mc-stars-readonly .mc-star { cursor: default; }

/* ── Liste de notifications ───────────────────────────────────────────────── */
.mc-notif-item {
  display: flex; gap: 12px; padding: 14px;
  border-bottom: 1px solid var(--border);
  cursor: pointer; transition: background .1s;
}
.mc-notif-item:hover { background: var(--surface2); }
.mc-notif-item:last-child { border-bottom: none; }
.mc-notif-item.unread { background: rgba(255,241,0,.04); }
.mc-notif-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--jaune); flex-shrink: 0; margin-top: 6px;
}
.mc-notif-item.read .mc-notif-dot { background: transparent; }
.mc-notif-title { font-size: 14px; font-weight: 600; color: var(--text); }
.mc-notif-corps { font-size: 13px; color: var(--text3); margin-top: 2px; }
.mc-notif-date  { font-size: 11px; color: var(--gris2); margin-top: 3px; }
.mc-notif-type-icon {
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--noir); color: var(--jaune);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

/* ── Liste d'appareils ────────────────────────────────────────────────────── */
.mc-device-item {
  display: flex; align-items: center; gap: 12px;
  padding: 12px; border: 1px solid var(--border);
  border-radius: var(--radius); margin-bottom: 8px;
  background: var(--surface);
}
.mc-device-item.current { border-color: var(--jaune); background: rgba(255,241,0,.04); }
.mc-device-icon { color: var(--bleu2); flex-shrink: 0; }
.mc-device-info { flex: 1; min-width: 0; }
.mc-device-label { font-size: 14px; font-weight: 600; }
.mc-device-meta  { font-size: 12px; color: var(--text3); }
.mc-device-current-tag {
  font-size: 11px; font-weight: 700; color: var(--noir);
  background: var(--jaune); padding: 2px 8px; border-radius: 10px;
}

/* ── Alerte / info box ────────────────────────────────────────────────────── */
.mc-alert {
  display: flex; gap: 10px; padding: 14px; border-radius: var(--radius);
  font-size: 14px; margin-bottom: 16px; line-height: 1.45;
}
.mc-alert svg { flex-shrink: 0; margin-top: 1px; }
.mc-alert-info    { background: rgba(26,46,110,.06); color: var(--bleu); }
.mc-alert-success { background: rgba(30,132,73,.06);  color: var(--vert); }
.mc-alert-warning { background: rgba(255,241,0,.12);  color: #7a6000; border: 1px solid var(--jaune); }
.mc-alert-danger  { background: rgba(192,57,43,.06);  color: var(--rouge); }

/* ── Pages d'authentification ─────────────────────────────────────────────── */
.mc-auth-layout {
  min-height: 100vh; background: var(--noir);
  display: flex; flex-direction: column;
}
.mc-auth-header {
  padding: 24px; text-align: center;
}
.mc-auth-logo {
  color: var(--blanc); font-size: 26px; font-weight: 800; letter-spacing: -.5px;
  text-decoration: none;
}
.mc-auth-logo span { color: #83FFFF; }
.mc-auth-tagline { color: var(--gris2); font-size: 13px; margin-top: 4px; word-break: break-word; overflow-wrap: break-word; max-width: 100%; }
.mc-auth-card {
  flex: 1; max-width: 440px; width: 100%;
  margin: 0 auto 32px; padding: 0 16px;
}
.mc-auth-card-inner {
  background: var(--blanc); border-radius: var(--radius2);
  padding: 32px 28px;
  box-shadow: 0 8px 32px rgba(0,0,0,.4);
}
.mc-auth-title {
  font-size: 20px; font-weight: 800; color: var(--noir); margin-bottom: 4px;
}
.mc-auth-sub {
  font-size: 14px; color: var(--text3); margin-bottom: 24px; line-height: 1.4;
}
.mc-auth-footer {
  text-align: center; padding: 16px; color: var(--gris2); font-size: 13px;
}
.mc-auth-footer a { color: var(--jaune); text-decoration: none; font-weight: 600; }
.mc-auth-footer a:hover { text-decoration: underline; }

/* Séparateur */
.mc-divider {
  display: flex; align-items: center; gap: 12px; margin: 20px 0; color: var(--gris1);
  font-size: 12px;
}
.mc-divider::before, .mc-divider::after {
  content: ''; flex: 1; border-top: 1px solid var(--border);
}

/* ── Étapes d'inscription ─────────────────────────────────────────────────── */
.mc-steps {
  display: flex; justify-content: center; gap: 8px; margin-bottom: 24px;
}
.mc-step {
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700;
  background: var(--gris0); color: var(--gris2);
}
.mc-step.active { background: var(--jaune); color: var(--noir); }
.mc-step.done   { background: var(--vert); color: var(--blanc); }
.mc-step-line { flex: 1; height: 2px; background: var(--gris0); max-width: 40px; margin-top: 14px; }
.mc-step-line.done { background: var(--vert); }

/* ── Section RGPD ─────────────────────────────────────────────────────────── */
.mc-rgpd-section { border-top: 1px solid var(--border); padding-top: 20px; margin-top: 20px; }

/* ── Toasts ───────────────────────────────────────────────────────────────── */
#mc-toast-container {
  position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%);
  z-index: 9999; display: flex; flex-direction: column; align-items: center;
  gap: 8px; pointer-events: none; width: 90%; max-width: 400px;
}
@media (min-width: 768px) {
  #mc-toast-container { bottom: 24px; }
}
.mc-toast {
  padding: 12px 18px; border-radius: 8px; font-size: 14px; font-weight: 500;
  box-shadow: 0 4px 16px rgba(0,0,0,.2); pointer-events: auto;
  display: flex; align-items: center; gap: 10px; width: 100%;
  animation: toastIn .2s ease; line-height: 1.4;
}
.mc-toast.hide { animation: toastOut .2s ease forwards; }
.mc-toast-success { background: #1a4d2e; color: #e8f5e9; }
.mc-toast-error   { background: #5c1a1a; color: #fce4ec; }
.mc-toast-info    { background: var(--noir2); color: var(--gris0); }
@keyframes toastIn  { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes toastOut { from { opacity:1; } to { opacity:0; transform:translateY(8px); } }

/* ── Spinner inline ──────────────────────────────────────────────────────── */
.mc-spinner {
  display: inline-block; width: 20px; height: 20px;
  border: 2px solid rgba(0,0,0,.12); border-top-color: var(--bleu2);
  border-radius: 50%; animation: spin .7s linear infinite; vertical-align: middle;
}
.mc-spinner-dark { border-color: rgba(255,255,255,.15); border-top-color: var(--blanc); }
.mc-loading-block {
  display: flex; justify-content: center; padding: 48px;
}

/* ── Divers ───────────────────────────────────────────────────────────────── */
.mc-empty {
  text-align: center; padding: 48px 16px; color: var(--gris2); font-size: 14px;
}
.mc-empty svg { display: block; margin: 0 auto 12px; opacity: .3; }
.mc-text-sm   { font-size: 13px; color: var(--text3); }
.mc-text-bold { font-weight: 700; }
.mc-flex      { display: flex; align-items: center; gap: 8px; }
.mc-flex-between { display: flex; align-items: center; justify-content: space-between; }
.mt-8  { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mb-8  { margin-bottom: 8px; }
.mb-16 { margin-bottom: 16px; }

/* ── Historique de points — items ─────────────────────────────────────────── */
.mc-pts-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; border-bottom: 1px solid var(--border);
}
.mc-pts-item:last-child { border-bottom: none; }
.mc-pts-label { flex: 1; font-size: 14px; color: var(--text2); }
.mc-pts-date  { font-size: 12px; color: var(--gris2); }
.mc-pts-val {
  font-size: 15px; font-weight: 700; color: var(--vert);
  min-width: 40px; text-align: right;
}

/* ── Page de changement de phrase / PIN ───────────────────────────────────── */
.mc-security-section {
  border-top: 1px solid var(--border); padding-top: 20px; margin-top: 20px;
}
.mc-security-section:first-child { border-top: none; padding-top: 0; margin-top: 0; }


/* ── Page Accueil — éléments spécifiques ─────────────────────────────────── */
.mc-home-content p { text-align: justify; }
.mc-home-item {
  padding: 16px 0;
  border-top: 1px solid var(--border);
}
.mc-card-header-accent + .mc-home-item,
.mc-card-header-secondary + .mc-home-item,
.mc-card-header-utility + .mc-home-item { border-top: none; padding-top: 0; }
.mc-home-item-title {
  font-size: 15px; font-weight: 700; color: var(--noir);
  margin-bottom: 8px;
  padding-left: 10px;
  border-left: 3px solid #83FFFF;
}
.mc-home-footer {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding-top: 8px; border-top: 1px solid var(--border);
  flex-wrap: wrap;
}
.mc-home-signature {
  font-size: 15px; font-weight: 400;
  color: var(--noir); font-style: italic;
}

/* ── Responsive — desktop ────────────────────────────────────────────────── */
@media (min-width: 768px) {
  .mc-stats-grid { grid-template-columns: repeat(3, 1fr); }
  .mc-auth-card-inner { padding: 40px 36px; }
}
/* ── Chaîne vidéo (MC v1.9) ──────────────────────────────────────────────── */
.mc-chaine-head {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 10px; margin-bottom: 14px;
}
.mc-chaine-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.mc-chaine-search { margin-bottom: 16px; }
.mc-chaine-searchbar {
  position: relative; display: flex; align-items: center;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 10px; padding: 0 12px;
}
.mc-chaine-searchicon { color: var(--gris2); display: flex; flex-shrink: 0; }
.mc-chaine-searchbar input {
  flex: 1; border: none; outline: none; background: transparent;
  font-size: 16px; padding: 12px 10px; color: var(--text);
}
.mc-chaine-facets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.mc-chaine-facet {
  font-size: 16px; padding: 8px 10px; border-radius: 8px;
  border: 1px solid var(--border); background: var(--surface); color: var(--text);
  max-width: 100%;
}
.mc-chaine-count { margin-top: 10px; font-size: 13px; color: var(--text2); font-weight: 600; }

/* Mosaïque masonry : tuiles positionnées en absolu par JS (layoutMasonry) */
.mc-chaine-grid {
  position: relative; margin-top: 6px;
}
.mc-tile {
  box-sizing: border-box;
  border-radius: 12px; overflow: hidden; background: var(--surface);
  border: 1px solid var(--border); cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,.06); transition: box-shadow .15s, transform .15s;
}
.mc-tile:hover, .mc-tile:focus { box-shadow: 0 4px 16px rgba(0,0,0,.16); transform: translateY(-2px); outline: none; }
.mc-tile-media {
  position: relative; width: 100%; background-color: var(--noir);
  display: block;
}
.mc-tile-scrim {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 70%);
  pointer-events: none;
}
.mc-tile-play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 52px; height: 52px; border-radius: 50%;
  background: rgba(18,50,74,.72); color: #fff;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none; transition: background .15s;
}
.mc-tile:hover .mc-tile-play { background: var(--jaune); color: var(--noir); }
.mc-tile-play svg { margin-left: 3px; }
/* Pastille pause/lecture pendant la lecture : visible seulement au survol */
.mc-tile-toggle {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 52px; height: 52px; border-radius: 50%; padding: 0; border: none;
  background: rgba(18,50,74,.72); color: #fff; cursor: pointer; z-index: 3;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none; transition: opacity .15s, background .15s;
}
.mc-tile:hover .mc-tile-toggle { opacity: 1; pointer-events: auto; }
.mc-tile-toggle:hover { background: var(--jaune); color: var(--noir); }
.mc-tile-dur {
  position: absolute; right: 8px; bottom: 8px;
  background: rgba(0,0,0,.78); color: #fff; font-size: 12px; font-weight: 700;
  padding: 2px 7px; border-radius: 5px; pointer-events: none;
}
.mc-tile-date {
  position: absolute; right: 8px; top: 8px;
  background: rgba(0,0,0,.78); color: #fff; font-size: 11px; font-weight: 700;
  padding: 2px 7px; border-radius: 5px; pointer-events: none;
}
.mc-tile-overlay {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 12px;
  pointer-events: none;
}
.mc-tile-theme {
  display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--noir); background: #83FFFF;
  padding: 2px 8px; border-radius: 4px; margin-bottom: 6px;
}
.mc-tile-quote {
  color: #fff; font-size: 14px; line-height: 1.35; font-weight: 600;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.mc-tile-foot { padding: 10px 12px; }
.mc-tile-title { font-size: 14px; font-weight: 700; color: var(--text); line-height: 1.3; }
.mc-tile-contrib { font-size: 12px; color: var(--text2); margin-top: 4px; }
.mc-tile-contrib-link { display: inline-flex; align-items: center; gap: 4px; color: var(--bleu); text-decoration: none; }
.mc-tile-contrib-link:hover { text-decoration: underline; }
.mc-tile-contrib-link svg { width: 12px; height: 12px; flex-shrink: 0; opacity: .75; }
.mc-tile-snippet {
  font-size: 12.5px; color: var(--text2); line-height: 1.45; margin-top: 6px;
  padding-top: 6px; border-top: 1px dashed var(--border); font-style: italic;
}
.mc-tile-player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
video.mc-tile-player { object-fit: contain; }
.mc-tile-loading {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;
}
.mc-hl { background: var(--jaune); color: var(--noir); border-radius: 2px; padding: 0 1px; }

.mc-chaine-empty {
  text-align: center; color: var(--text2); padding: 48px 16px;
  display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.mc-chaine-empty svg { width: 32px; height: 32px; opacity: .5; }

/* Modales chaîne (dépôt, édition source) - structure iOS-safe */
.mc-modal-overlay { position: fixed; inset: 0; background: rgba(18,50,74,.7); z-index: 500; overflow: hidden; }
.mc-modal {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: calc(100% - 32px); max-width: 520px; max-height: calc(100% - 32px);
  background: var(--surface); border-radius: 14px; box-shadow: 0 8px 40px rgba(0,0,0,.4);
  display: flex; flex-direction: column; overflow: hidden;
}
.mc-modal-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; background: var(--noir); color: #fff;
}
.mc-modal-head h3 { margin: 0; font-size: 16px; font-weight: 800; color: #83FFFF; }
.mc-modal-x { background: none; border: none; color: #83FFFF; cursor: pointer; padding: 4px; display: flex; }
.mc-modal-body { padding: 20px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mc-modal-note { font-size: 13px; color: var(--text2); line-height: 1.5; margin: 0 0 14px; }
.mc-modal-foot { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.mc-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.mc-field span { font-size: 13px; font-weight: 700; color: var(--text); }
.mc-field input, .mc-field textarea {
  font-size: 16px; padding: 10px 12px; border: 1px solid var(--border);
  border-radius: 8px; background: var(--surface); color: var(--text); width: 100%; box-sizing: border-box;
}
.mc-field textarea { resize: vertical; font-family: inherit; line-height: 1.5; }