/* ==========================================================================
   Tema scuro — Report
   Pagina: report_collaborazioni.php (markup da js/report_collaborazioni.js,
   stili chiari in css/report_collaborazioni.css). Quasi tutto passa dalle
   variabili --rp-*: qui si rimappano sui token --cu-* e si scalano i colori
   delle metriche e dei formati per la superficie scura.
   Anche il link "Apri il report completo" del modale report delle Richieste
   (.req-report-full, js/collaborazioni.js).
   ========================================================================== */

html[data-theme="dark"] .rp-page {
    --rp-surface: var(--cu-surface);
    --rp-surface-2: var(--cu-surface-2);
    --rp-surface-3: var(--cu-surface-3);
    --rp-border: var(--cu-border);
    --rp-border-2: var(--cu-border-2);
    --rp-text: var(--cu-text);
    --rp-text-2: var(--cu-text-2);
    --rp-text-3: var(--cu-text-3);
    --rp-track: var(--cu-surface-3);
    --rp-primary: var(--cu-primary-hi);
    --rp-primary-hi: #5fd6bb;
    --rp-primary-soft: var(--cu-primary-soft);
    --rp-hero-1: #1f8c77;
    --rp-hero-2: #135447;
    --rp-star: #f2b54a;
    --rp-shadow: var(--cu-shadow-sm);
    --rp-shadow-hover: var(--cu-shadow);
}

/* Metriche: stesse tinte, passo per lo sfondo scuro */
html[data-theme="dark"] .rp-page .rp-m-views { --rp-c: #3cc4a6; --rp-ink: #5fd6bb; }
html[data-theme="dark"] .rp-page .rp-m-reach { --rp-c: #3987e5; --rp-ink: #6ea8ef; }
html[data-theme="dark"] .rp-page .rp-m-engagement { --rp-c: #9085e9; --rp-ink: #aaa2f0; }
html[data-theme="dark"] .rp-page .rp-m-rate { --rp-c: #d95926; --rp-ink: #f08a5d; }
html[data-theme="dark"] .rp-page .rp-m-likes { --rp-c: #e66767; --rp-ink: #f08a8a; }
html[data-theme="dark"] .rp-page .rp-m-comments { --rp-c: #c98500; --rp-ink: #f2b54a; }
html[data-theme="dark"] .rp-page .rp-m-shares { --rp-c: #d55181; --rp-ink: #e98bb0; }
html[data-theme="dark"] .rp-page .rp-m-saved { --rp-c: #2f9e2f; --rp-ink: #5cc45c; }
html[data-theme="dark"] .rp-page .rp-m-contents { --rp-c: #a7b4b1; --rp-ink: #a7b4b1; }

html[data-theme="dark"] .rp-page .rp-k-reel { --rp-c: #3987e5; }
html[data-theme="dark"] .rp-page .rp-k-post { --rp-c: #d95926; }
html[data-theme="dark"] .rp-page .rp-k-carousel { --rp-c: #199e70; }
html[data-theme="dark"] .rp-page .rp-k-story { --rp-c: #c98500; }
html[data-theme="dark"] .rp-page .rp-k-tiktok_video { --rp-c: #d55181; }
html[data-theme="dark"] .rp-page .rp-k-tiktok_photo { --rp-c: #9085e9; }

html[data-theme="dark"] .rp-page .rp-k-story .rp-seg-label,
html[data-theme="dark"] .rp-page .rp-k-carousel .rp-seg-label,
html[data-theme="dark"] .rp-page .rp-k-tiktok_video .rp-seg-label {
    color: #fff;
}

html[data-theme="dark"] .rp-page .rp-kpi-hero {
    box-shadow: 0 12px 28px -12px rgba(0, 0, 0, .6);
}

html[data-theme="dark"] .rp-page .rp-bar-fill {
    opacity: .45;
}

html[data-theme="dark"] .rp-page .rp-bar-row.is-best .rp-bar-fill {
    opacity: 1;
}

/* TikTok: il nero pieno sparisce sulla superficie scura */
html[data-theme="dark"] .rp-page .rp-pf-tiktok,
html[data-theme="dark"] .rp-page .rp-content-icon.rp-pf-tiktok {
    background: #000;
    box-shadow: 0 0 0 1px var(--cu-border-3) inset;
}

html[data-theme="dark"] .rp-page .rp-camp-pending,
html[data-theme="dark"] .rp-page .rp-camp-pending i {
    color: var(--cu-warning) !important;
}

html[data-theme="dark"] .rp-page .rp-rate {
    background: rgba(217, 89, 38, .18);
    color: #f08a5d;
}

html[data-theme="dark"] .rp-page .rp-content-total i {
    color: #aaa2f0;
}

html[data-theme="dark"] .rp-page .rp-content {
    border-color: var(--cu-border-2);
    background: var(--cu-surface);
}

html[data-theme="dark"] .rp-page .rp-creator,
html[data-theme="dark"] .rp-page .rp-hero {
    background: var(--cu-surface);
}

html[data-theme="dark"] .rp-page .rp-state-in_progress {
    background: var(--cu-info-soft);
    color: var(--cu-info);
}

html[data-theme="dark"] .rp-page .rp-state-awaiting_review {
    background: var(--cu-warning-soft);
    color: var(--cu-warning);
}

html[data-theme="dark"] .rp-page .rp-select {
    background-color: var(--cu-surface-2);
    border-color: var(--cu-border-2);
    color: var(--cu-text);
}

html[data-theme="dark"] .rp-page .rp-select option {
    background: var(--cu-surface-2);
    color: var(--cu-text);
}

html[data-theme="dark"] .rp-page .rp-camp-flag {
    background: rgba(0, 0, 0, .75);
}

/* Modale report delle Richieste */
html[data-theme="dark"] .req-report-full {
    border-color: var(--cu-border-2);
    background: var(--cu-surface-2);
    color: var(--cu-primary-hi) !important;
}

html[data-theme="dark"] .req-report-full:hover {
    border-color: var(--cu-primary);
    background: var(--cu-primary-soft);
}