/* Média Metri — Espaces membres « Le Sceau ».
   Chargé après style.css et la feuille propre à chaque tableau de bord :
   redéfinit les variables historiques (--bg, --surface, --accent…) avec les tokens Sceau,
   ce qui recolore aussi les styles en ligne qui les utilisent. Requiert tokens.css. */

body.mm-dash {
    --bg:       var(--mm-paper);
    --surface:  var(--mm-card);
    --surface2: var(--mm-paper-2);
    --accent:   var(--mm-seal);
    --accent-h: var(--mm-seal-h);
    --text:     var(--mm-ink);
    --muted:    var(--mm-ink-2);
    --border:   var(--mm-line);
    --danger:   var(--mm-danger);
    --warning:  var(--mm-warning);
    --radius:   var(--mm-r-md);
    --shadow:   var(--mm-shadow-2);

    background: var(--mm-paper);
    color: var(--mm-ink);
    font-family: var(--mm-f-body);
    font-size: 16px;
}
body.mm-dash ::selection { background: var(--mm-sun-soft); }
body.mm-dash code { overflow-wrap: anywhere; max-width: 100%; }
body.mm-dash :focus-visible { outline: none; box-shadow: var(--mm-ring); border-radius: var(--mm-r-xs); }
:where(body.mm-dash) a { color: var(--mm-seal); }
:where(body.mm-dash) :is(p, li, .footer, .alert, .alert-bar) a:not(.btn):not(.mm-btn) { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
body.mm-dash h1, body.mm-dash h2, body.mm-dash h3 { color: var(--mm-ink); }
body.mm-dash .container { max-width: var(--mm-max); padding: 28px var(--mm-gutter) 64px; }

/* ── En-tête d'application ────────────────────────────────────────────────── */
.mm-dash .dash-header { position: sticky; top: 0; z-index: var(--mm-z-header); }
.mm-dash .dash-header-inner { margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.mm-dash .dash-media-info { display: flex; align-items: center; }
.mm-dash .dash-nav { display: flex; flex-wrap: wrap; }
.mm-dash .dash-header {
    background: rgba(245,241,232,.94); border-bottom: 1px solid var(--mm-line); padding: 0 var(--mm-gutter);
    -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px);
}
.mm-dash .dash-header-inner { max-width: var(--mm-max); min-height: 76px; padding: 10px 0; }
.mm-dash .dash-media-info { gap: 14px; }
.mm-dash .dash-media-info .mm-dash-logo { display: block; width: 38px; height: 38px; flex: none; }
.mm-dash .dash-media-info .mm-dash-logo svg { width: 38px; height: 38px; }
.mm-dash .dash-media-info h2 { font: 600 20px/1.15 var(--mm-f-display); letter-spacing: -.01em; margin: 0 0 4px; }
.mm-dash .dash-nav { gap: 2px; align-items: center; }
.mm-dash .dash-nav a {
    position: relative; padding: 10px 12px; border-radius: var(--mm-r-sm); font-size: var(--mm-fs-sm); font-weight: 500;
    color: var(--mm-ink-2); background: none;
}
.mm-dash .dash-nav a:hover { color: var(--mm-ink); background: none; }
.mm-dash .dash-nav a::after {
    content: ""; position: absolute; left: 12px; right: 12px; bottom: 4px; height: 2px; background: var(--mm-ink);
    transform: scaleX(0); transform-origin: left; transition: transform var(--mm-t-med) var(--mm-ease);
}
.mm-dash .dash-nav a:hover::after { transform: scaleX(1); }
.mm-dash .dash-nav a.active { color: var(--mm-ink); font-weight: 600; background: none; }
.mm-dash .dash-nav a.active::after { transform: scaleX(1); background: var(--mm-sun); height: 3px; }
.mm-dash .dash-nav a[href*="logout"] { color: var(--mm-ink-2) !important; }
.mm-dash .dash-nav a[href*="logout"]:hover { color: var(--mm-danger) !important; }
.mm-dash .dash-guide-btn { opacity: 1; }

/* Badges de plan (couleurs en ligne générées par plan_badge()) */
.mm-dash .plan-badge {
    background: var(--mm-paper-2) !important; color: var(--mm-ink) !important; border: 1px solid var(--mm-line) !important;
    font: 500 11px/1 var(--mm-f-mono) !important; letter-spacing: .1em; padding: 5px 8px !important; border-radius: var(--mm-r-xs) !important;
}
.mm-dash .pixel-chip { background: #fff; border-color: var(--mm-line); color: var(--mm-ink-2); font-size: 12px; padding: 4px 10px; }
.mm-dash .pixel-chip code, .mm-dash .pchip-lbl { font-size: 12px; }

/* ── Cartes, sections ─────────────────────────────────────────────────────── */
.mm-dash .card, .mm-dash .sec-card {
    background: var(--mm-card); border: 1px solid var(--mm-line); border-radius: var(--mm-r-md); box-shadow: var(--mm-shadow-1);
}
.mm-dash .sec-card { padding: 24px; }
.mm-dash .card-title, .mm-dash .sec-head .sec-title { font: 600 1.25rem/1.25 var(--mm-f-display); color: var(--mm-ink); letter-spacing: -.01em; }
.mm-dash .sec-head { gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
.mm-dash .section-label { font: 500 12px/1.3 var(--mm-f-mono); letter-spacing: var(--mm-track-caps); color: var(--mm-okoume); }

/* ── Indicateurs clés ─────────────────────────────────────────────────────── */
.mm-dash .kpi-card { background: var(--mm-card); border: 1px solid var(--mm-line); border-radius: var(--mm-r-md); padding: 18px 20px; box-shadow: var(--mm-shadow-1); overflow: hidden; }
.mm-dash .kpi-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--mm-line); }
.mm-dash .kpi-card:first-child::before { background: var(--mm-sun); }
.mm-dash .kpi-card .kpi-title { font: 500 12px/1.3 var(--mm-f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--mm-ink-2); }
.mm-dash .kpi-card .kpi-val { font: 500 2.4rem/1 var(--mm-f-display); letter-spacing: -.02em; font-variant-numeric: tabular-nums lining-nums; color: var(--mm-ink); }
.mm-dash .kpi-card .kpi-val.good { color: var(--mm-seal); }
.mm-dash .kpi-card .kpi-val.warn { color: var(--mm-warning); }
.mm-dash .kpi-card .kpi-val.bad  { color: var(--mm-danger); }
.mm-dash .kpi-trend { font-size: 13px; }
.mm-dash .kpi-trend.up   { color: var(--mm-seal); }
.mm-dash .kpi-trend.down { color: var(--mm-danger); }
.mm-dash .kpi-trend.flat { color: var(--mm-ink-2); font-weight: 500; }
.mm-dash .weekly-stat, .mm-dash .ed-kpi, .mm-dash .perf-sub-item, .mm-dash .dev-card, .mm-dash .ed-sub-card, .mm-dash .stat-card, .mm-dash .counter-card {
    background: #fff; border: 1px solid var(--mm-line-soft); border-radius: var(--mm-r-md);
}
.mm-dash .weekly-stat .val, .mm-dash .ed-kpi .val, .mm-dash .dev-card .dev-pct, .mm-dash .stat-value, .mm-dash .counter-value {
    font-family: var(--mm-f-display); font-weight: 500; font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.02em;
}
.mm-dash .ed-kpi.accent-purple .val { color: #5B3A8C; }
.mm-dash .ed-kpi.accent-blue .val   { color: var(--mm-info); }
.mm-dash .ed-kpi.accent-amber .val  { color: var(--mm-warning); }

/* ── Contexte, sélecteurs, badges de fraîcheur ────────────────────────────── */
.mm-dash .ctx-pixel { background: #fff; font-size: 14px; padding: 7px 14px; }
.mm-dash .ctx-pixel.ok   { border-color: rgba(12,90,67,.35); color: var(--mm-seal); }
.mm-dash .ctx-pixel.warn { border-color: rgba(138,90,0,.35); color: var(--mm-warning); }
.mm-dash .ctx-pixel.err  { border-color: rgba(163,38,27,.35); color: var(--mm-danger); }
.mm-dash .period-switch { background: var(--mm-paper-2); border-color: var(--mm-line); border-radius: var(--mm-r-sm); padding: 3px; }
.mm-dash .period-switch button { min-height: 36px; padding: 0 14px; color: var(--mm-ink-2); border-radius: 3px; font: 600 14px/1 var(--mm-f-body); }
.mm-dash .period-switch button:hover { color: var(--mm-ink); }
.mm-dash .period-switch button.active { background: #fff; color: var(--mm-ink); box-shadow: var(--mm-shadow-1); }
.mm-dash .refresh-badge { background: #fff; border-color: var(--mm-line); color: var(--mm-ink-2); font-size: 12.5px; padding: 6px 12px; }
.mm-dash .refresh-badge--live { border-color: rgba(12,90,67,.35); color: var(--mm-seal); background: var(--mm-seal-tint); }
.mm-dash .refresh-badge .tooltip, .mm-dash .help-ic .ht { background: var(--mm-ink); color: var(--mm-paper); font-size: 13px; }
.mm-dash .refresh-badge .tooltip::after, .mm-dash .help-ic .ht::after { border-top-color: var(--mm-ink); }
.mm-dash .help-ic { width: 18px; height: 18px; font-size: 11px; background: #fff; border-color: var(--mm-line); color: var(--mm-ink-2); }
.mm-dash .help-ic:hover, .mm-dash .help-ic:focus-within { color: var(--mm-seal); border-color: var(--mm-seal); }

/* ── Barres, tableaux ─────────────────────────────────────────────────────── */
.mm-dash .src-row .src-track, .mm-dash .bar-chart-row .bar-track, .mm-dash .pages-table .pg-bar-track,
.mm-dash .ed-cat-row .cat-bar, .mm-dash .perf-gauge-bar, .mm-dash .ed-reg-bar { background: var(--mm-line-soft); }
.mm-dash .src-row .src-fill, .mm-dash .bar-chart-row .bar-fill { background: var(--mm-seal); }
.mm-dash .pages-table .pg-bar-fill { background: var(--mm-info); }
.mm-dash .perf-gauge-fill, .mm-dash .ed-reg-fill { background: linear-gradient(90deg, #A3261B 0%, #B08D3C 50%, #0C5A43 100%); }
.mm-dash .src-legend { border-top-color: var(--mm-line-soft); font-size: 13px; }
.mm-dash table th, .mm-dash .pages-table th {
    font: 500 12px/1.3 var(--mm-f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--mm-ink-2);
    background: var(--mm-paper); border-bottom: 1px solid var(--mm-line);
}
.mm-dash table td { border-bottom-color: var(--mm-line-soft); }
.mm-dash table tbody tr:hover td { background: rgba(237,231,218,.45); }
.mm-dash .pages-table .pg-url { font-size: 12.5px; }
.mm-dash .competitor-highlight td { background: rgba(244,196,48,.14) !important; }
.mm-dash .competitor-selected td { background: rgba(31,95,168,.06) !important; }
.mm-dash .rank-1 { color: var(--mm-gold); } .mm-dash .rank-2 { color: var(--mm-ink-2); } .mm-dash .rank-3 { color: var(--mm-okoume); }

/* ── Boutons, formulaires, alertes (style.css) ────────────────────────────── */
.mm-dash .btn { border-radius: var(--mm-r-sm); font-weight: 600; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; transition: background var(--mm-t-fast), border-color var(--mm-t-fast), transform var(--mm-t-fast); }
.mm-dash .btn:active { transform: translateY(1px); }
.mm-dash .btn-primary { background: var(--mm-seal); border-color: var(--mm-seal); color: #fff !important; }
.mm-dash .btn-primary:hover { background: var(--mm-seal-h); border-color: var(--mm-seal-h); color: #fff; }
.mm-dash .btn-secondary { background: #fff; border: 1px solid var(--mm-line); color: var(--mm-ink) !important; }
.mm-dash .btn-secondary:hover { border-color: var(--mm-ink); background: #fff; }
.mm-dash .btn-danger { background: var(--mm-danger); color: #fff; }
.mm-dash .form-group label { color: var(--mm-ink); font-weight: 600; font-size: 15px; }
.mm-dash .form-group input, .mm-dash .form-group select, .mm-dash .form-group textarea, .mm-dash input.form-input, .mm-dash .competitor-select {
    background: #fff; border: 1px solid #857D6B; color: var(--mm-ink); border-radius: var(--mm-r-sm); min-height: 44px; font-size: 16px;
}
.mm-dash .form-group input:focus, .mm-dash .form-group select:focus, .mm-dash .form-group textarea:focus {
    border-color: var(--mm-seal); box-shadow: 0 0 0 3px rgba(12,90,67,.22); outline: none;
}
.mm-dash .alert { border-radius: var(--mm-r-sm); font-size: 15px; }
.mm-dash .alert-success { background: var(--mm-seal-tint); border-color: rgba(12,90,67,.3); color: var(--mm-seal-deep); }
.mm-dash .alert-error { background: var(--mm-danger-tint); border-color: rgba(163,38,27,.3); color: #6E1A12; }
.mm-dash .alert-info { background: #fff; border-color: var(--mm-line); color: var(--mm-ink-2); }
.mm-dash .alert-warning { background: var(--mm-warning-tint); border: 1px solid rgba(138,90,0,.3); color: #5C3C00; }
.mm-dash .alert-bar { background: #fff !important; border: 1px solid var(--mm-line); border-left-width: 3px; border-radius: 0 var(--mm-r-sm) var(--mm-r-sm) 0; font-size: 15px; padding: 12px 16px; }
.mm-dash .alert-bar.error   { border-left-color: var(--mm-danger); }
.mm-dash .alert-bar.warning { border-left-color: var(--mm-gold); }
.mm-dash .alert-bar.success { border-left-color: var(--mm-seal); }
.mm-dash .alert-bar.info    { border-left-color: var(--mm-info); }
.mm-dash .code-block, .mm-dash .api-key-box { background: var(--mm-ink); color: #E8EFEA; border-color: var(--mm-ink); font-family: var(--mm-f-mono); }

/* ── Verrous, incitations au plan supérieur ───────────────────────────────── */
.mm-dash .upgrade-gate { min-height: 0 !important; }
.mm-dash .upgrade-gate { border: 1px dashed var(--mm-ink-3) !important; background: repeating-linear-gradient(135deg, var(--mm-card) 0 10px, var(--mm-paper) 10px 11px) !important; padding: 28px !important; }
.mm-dash .upgrade-gate h3 { font: 600 1.25rem/1.25 var(--mm-f-display); }
.mm-dash .pro-teaser, .mm-dash .business-teaser, .mm-dash .upgrade-banner {
    border: 1px solid var(--mm-line) !important; border-left: 3px solid var(--mm-sun) !important; background: #fff !important; border-radius: var(--mm-r-sm);
}
.mm-dash .upgrade-banner__btn { background: var(--mm-seal); color: #fff; border-color: var(--mm-seal); }
.mm-dash .lock-overlay { background: rgba(245,241,232,.82); }
.mm-dash .lock-badge, .mm-dash .btn-upgrade { background: var(--mm-seal); color: #fff; }

/* ── Démarrage (onboarding) ───────────────────────────────────────────────── */
.mm-dash .ob-wrap { background: #fff; border: 1px solid var(--mm-line); border-top: 3px solid var(--mm-sun); border-radius: var(--mm-r-md); box-shadow: var(--mm-shadow-2); padding: 24px; }
.mm-dash .ob-title { font: 600 1.4rem/1.2 var(--mm-f-display); }
.mm-dash .ob-step { background: var(--mm-card); border-color: var(--mm-line-soft); opacity: 1; }
.mm-dash .ob-step:not(.ob-done):not(.ob-active) .ob-step-title { color: var(--mm-ink-2); }
.mm-dash .ob-step.ob-done { border-color: rgba(12,90,67,.35); }
.mm-dash .ob-step.ob-active { border-color: var(--mm-seal); box-shadow: 0 0 0 1px var(--mm-seal); }
.mm-dash .ob-step.ob-active .ob-num { background: var(--mm-seal); color: #fff; }
.mm-dash .ob-step.ob-done .ob-num { background: var(--mm-seal-tint); color: var(--mm-seal); }
.mm-dash .ob-pixel-box { background: var(--mm-paper); border-color: var(--mm-line); }
.mm-dash .ob-pixel-box code { color: var(--mm-ink); }
.mm-dash .ob-copy-btn { background: #fff; color: var(--mm-seal); font-weight: 600; font-size: 13px; padding: 6px 10px; }
.mm-dash .ob-step-desc, .mm-dash .ob-subtitle { font-size: 14px; }

/* ── État vide engageant (aucune donnée) ──────────────────────────────────── */
.mm-empty {
    display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center;
    background: #fff; border: 1px solid var(--mm-line); border-left: 3px solid var(--mm-sun);
    border-radius: var(--mm-r-md); padding: 24px 28px; margin-bottom: 24px;
}
.mm-empty .mm-seal { width: 96px; height: 96px; }
.mm-empty h2 { font: 600 1.5rem/1.2 var(--mm-f-display); margin-bottom: 6px; }
.mm-empty p { color: var(--mm-ink-2); max-width: 46em; }
.mm-empty__ctas { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; margin-top: 14px; }

/* ── Pied de page ─────────────────────────────────────────────────────────── */
.mm-dash .footer { background: transparent; border-top: 1px solid var(--mm-line); color: var(--mm-ink-2); font-size: 14px; }
.mm-dash .footer a { color: var(--mm-seal); }

/* ── Mobile ───────────────────────────────────────────────────────────────── */
@media (max-width: 820px) {
    .mm-dash .dash-header { position: static; }
    .mm-dash .dash-media-info, .mm-dash .dash-media-info > div { min-width: 0; }
    .mm-dash .dash-media-info h2 { overflow-wrap: anywhere; }
    .mm-dash .pixel-chip .pchip-lbl { display: none; }
    .mm-dash .dash-header-inner { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; }
    .mm-dash .dash-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--mm-gutter)); padding: 0 var(--mm-gutter); }
    .mm-dash .dash-nav::-webkit-scrollbar { display: none; }
    .mm-dash .dash-nav a { white-space: nowrap; flex: none; }
    .mm-dash .kpi-card .kpi-val { font-size: 2rem; }
    .mm-dash .sec-card { padding: 18px; }
    .mm-dash .pages-table .pg-title, .mm-dash .pages-table .pg-url { max-width: 52vw; }
    .mm-empty { grid-template-columns: 1fr; }
    .mm-empty .mm-seal { width: 72px; height: 72px; }
}
@media (prefers-reduced-motion: reduce) {
    .mm-dash *, .mm-dash *::before, .mm-dash *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}

/* ── Espace Business ──────────────────────────────────────────────────────── */
.mm-dash--biz .biz-topbar { background: rgba(245,241,232,.96); border-bottom-color: var(--mm-line); height: 60px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.mm-dash--biz .biz-layout { padding-top: 60px; }
.mm-dash--biz .biz-sidebar { top: 60px; background: var(--mm-paper); border-right-color: var(--mm-line); }
.mm-dash--biz .biz-brand-logo { display: block; width: 34px; height: 34px; }
.mm-dash--biz .biz-brand-logo svg { width: 34px; height: 34px; display: block; }
.mm-dash--biz .biz-brand-name { font: 600 19px/1 var(--mm-f-display); }
.mm-dash--biz .biz-badge-plan { font: 500 11px/1 var(--mm-f-mono); letter-spacing: .1em; padding: 5px 8px; border-radius: var(--mm-r-xs); background: var(--mm-paper-2); color: var(--mm-ink); border-color: var(--mm-line); }
.mm-dash--biz .biz-topbar-btn { font-size: 14px; color: var(--mm-ink-2); min-height: 36px; display: inline-flex; align-items: center; }
.mm-dash--biz .biz-topbar-btn:hover { color: var(--mm-ink); background: rgba(19,32,28,.05); }
.mm-dash--biz .biz-topbar-btn.danger { color: var(--mm-ink-2); }
.mm-dash--biz .biz-topbar-btn.danger:hover { color: var(--mm-danger); }
.mm-dash--biz .biz-nav-item { font-size: 15px; min-height: 40px; }
.mm-dash--biz .biz-nav-item.active { box-shadow: inset 3px 0 0 var(--mm-sun); background: rgba(244,196,48,.12); }
.mm-dash--biz .biz-sidebar-section { font: 500 11px/1.3 var(--mm-f-mono); letter-spacing: var(--mm-track-caps); color: var(--mm-okoume); }
.mm-dash--biz .biz-hero { background: #fff; border: 1px solid var(--mm-line); border-top: 3px solid var(--mm-sun); }
.mm-dash--biz .biz-hero-title { font: 500 clamp(1.8rem, 1.3rem + 1.4vw, 2.4rem)/1.1 var(--mm-f-display); letter-spacing: -.02em; }
.mm-dash--biz .biz-hero-stat .v { font: 500 1.8rem/1 var(--mm-f-display); font-variant-numeric: tabular-nums lining-nums; }
.mm-dash--biz .biz-cert-seal .seal-grade { font: 500 clamp(1.6rem, 2.6vw, 2.4rem)/1.05 var(--mm-f-display); overflow-wrap: anywhere; }
.mm-dash--biz .biz-kpi { background: #fff; }
.mm-dash--biz .biz-kpi .kpi-val, .mm-dash--biz [class*="kpi-value"], .mm-dash--biz .live-val { font-family: var(--mm-f-display); font-weight: 500; font-variant-numeric: tabular-nums lining-nums; }
.mm-dash--biz .biz-card-title { font: 500 12px/1.3 var(--mm-f-mono); letter-spacing: .12em; color: var(--mm-ink-2); }

@media (max-width: 768px) {
    .mm-dash--biz .biz-topbar { padding: 0 12px; gap: 8px; }
    .mm-dash--biz .biz-brand-name, .mm-dash--biz .biz-live-dot { display: none; }
    .mm-dash--biz .biz-topbar-right { min-width: 0; overflow-x: auto; scrollbar-width: none; }
    .mm-dash--biz .biz-topbar-right::-webkit-scrollbar { display: none; }
    .mm-dash--biz .biz-topbar-btn, .mm-dash--biz #biz-pixel-chip { flex: none; white-space: nowrap; }
    /* Le menu latéral devient une barre d'onglets (il était simplement masqué) */
    .mm-dash--biz .biz-sidebar {
        display: flex !important; position: sticky; top: 60px; width: auto; height: auto; bottom: auto;
        flex-direction: row; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 6px 12px;
        border-right: 0; border-bottom: 1px solid var(--mm-line); z-index: 150;
    }
    .mm-dash--biz .biz-sidebar::-webkit-scrollbar { display: none; }
    .mm-dash--biz .biz-sidebar > :not(.biz-nav-item) { display: none !important; }
    .mm-dash--biz .biz-nav-item { flex: none; white-space: nowrap; padding: 8px 12px; border-radius: var(--mm-r-sm); }
    .mm-dash--biz .biz-nav-item.active { box-shadow: inset 0 -3px 0 var(--mm-sun); }
    .mm-dash--biz .biz-layout { flex-direction: column; }
}

/* ── Espaces annonceur et institution ─────────────────────────────────────── */
.mm-dash .tabs { gap: 2px; border-bottom: 1px solid var(--mm-line); overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
.mm-dash .tabs::-webkit-scrollbar { display: none; }
.mm-dash .tab { position: relative; flex: none; white-space: nowrap; padding: 12px 14px; background: none; border: 0; border-radius: 0; color: var(--mm-ink-2); font-weight: 500; font-size: 15px; text-decoration: none; }
.mm-dash .tab:hover { color: var(--mm-ink); background: none; }
.mm-dash .tab.active { color: var(--mm-ink); font-weight: 600; background: none; box-shadow: inset 0 -3px 0 var(--mm-sun); }
.mm-dash .adv-header, .mm-dash .inst-header { background: #fff; border: 1px solid var(--mm-line); border-top: 3px solid var(--mm-sun); border-radius: var(--mm-r-md); }
.mm-dash .adv-header > div > div:first-child, .mm-dash .inst-header > div > div:first-child { font: 600 1.4rem/1.2 var(--mm-f-display); }
.mm-seal--sm { width: 56px !important; height: 56px !important; flex: none; }
.mm-dash .brief-card, .mm-dash .cat-card { background: #fff; }
.mm-dash .wa-btn { background: var(--mm-seal); }

body.mm-dash .mm-footer h2 { color: var(--mm-sun); }
.mm-dash .mm-footer ul a:not(.btn):not(.mm-btn) { text-decoration: none; }
.mm-dash .mm-footer ul a:not(.btn):not(.mm-btn):hover { text-decoration: underline; }

/* ── Pages publiques héritées ─────────────────────────────────────────────── */
.mm-legacy #contenu h1, .mm-legacy #contenu h2, .mm-legacy main h1, .mm-legacy main h2 { font-family: var(--mm-f-display); font-weight: 500; letter-spacing: -.02em; }
.mm-legacy #contenu h1, .mm-legacy main h1 { line-height: 1.08; }
@media (max-width: 720px) {
    .mm-legacy main table:not(.mm-table) { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Note de mesure sous les graphiques (mm_mesure_note) */
.mm-mesure-note { list-style: none; margin: .75rem 0 0; padding: .6rem .8rem; border-left: 3px solid #B08D3C; background: rgba(176,141,60,.07); font-size: .8rem; line-height: 1.5; color: #4A5650; }
.mm-mesure-note li + li { margin-top: .25rem; }
.mm-mesure-note a { color: #0C5A43; text-decoration: underline; }