.dark\:lg\:bg-transparent:is(.dark *) {
    background-color: #18181b !important;
}

html {
    font-size: 0.92rem !important;
}

.lg\:bg-transparent {
    background-color: #ffffff !important;
}

.rounded-lg {
    border-radius: 0.25rem !important;
}

.rounded-full {
    border-radius: 0.25rem !important;
}

.rounded-xl {
    border-radius: 0.25rem !important;
}

.gap-y-7{
    row-gap: 0.875rem !important;
}

.preview-image-container {
    background-color: #374151 !important;
}

.h-img-v {
    height: 14rem !important;
}

.delete-prev {
    border-color: red !important;
    background: red !important;
    color: #fff !important;
}

.fi-ta-empty-state-description{
    color:red !important;
}

.fi-ta-empty-state-heading{
    color: red !important;
}

/* ============================================================
   Backgrounds feuille de route — light + dark via :has(marker)
   ============================================================ */

.fi-fo-builder-item:has(.fdr-marker-contenu-parle)    { border-left: 4px solid rgb(59,130,246) !important;  background: rgba(59,130,246,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-introduction)     { border-left: 4px solid rgb(34,197,94) !important;   background: rgba(34,197,94,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-piece)            { border-left: 4px solid rgb(168,85,247) !important;  background: rgba(168,85,247,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-artiste)          { border-left: 4px solid rgb(20,184,166) !important;  background: rgba(20,184,166,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-album)            { border-left: 4px solid rgb(236,72,153) !important;  background: rgba(236,72,153,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-hors-catalogue)   { border-left: 4px solid rgb(249,115,22) !important;  background: rgba(249,115,22,0.08) !important; }

.dark .fi-fo-builder-item:has(.fdr-marker-contenu-parle)    { background: rgba(59,130,246,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-introduction)     { background: rgba(34,197,94,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-piece)            { background: rgba(168,85,247,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-artiste)          { background: rgba(20,184,166,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-album)            { background: rgba(236,72,153,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-hors-catalogue)   { background: rgba(249,115,22,0.15) !important; }

/* ============================================================
   Backgrounds Nouvelle blocks — light + dark
   ============================================================ */

.fi-fo-builder-item:has(.fdr-marker-citation)    { border-left: 4px solid rgb(147,51,234) !important;  background: rgba(147,51,234,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-embed)       { border-left: 4px solid rgb(234,179,8) !important;   background: rgba(234,179,8,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-gallery)     { border-left: 4px solid rgb(236,72,153) !important;  background: rgba(236,72,153,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-image-text)  { border-left: 4px solid rgb(59,130,246) !important;  background: rgba(59,130,246,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-lien)        { border-left: 4px solid rgb(16,185,129) !important;  background: rgba(16,185,129,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-tableau)     { border-left: 4px solid rgb(99,102,241) !important;  background: rgba(99,102,241,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-video)       { border-left: 4px solid rgb(239,68,68) !important;   background: rgba(239,68,68,0.08) !important; }

.dark .fi-fo-builder-item:has(.fdr-marker-citation)    { background: rgba(147,51,234,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-embed)       { background: rgba(234,179,8,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-gallery)     { background: rgba(236,72,153,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-image-text)  { background: rgba(59,130,246,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-lien)        { background: rgba(16,185,129,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-tableau)     { background: rgba(99,102,241,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-video)       { background: rgba(239,68,68,0.15) !important; }

/* ============================================================
   Backgrounds Page / Home / shared blocks — light + dark
   ============================================================ */

.fi-fo-builder-item:has(.fdr-marker-cards)           { border-left: 4px solid rgb(99,102,241) !important;  background: rgba(99,102,241,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-carousel)        { border-left: 4px solid rgb(236,72,153) !important;  background: rgba(236,72,153,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-intro)           { border-left: 4px solid rgb(34,197,94) !important;   background: rgba(34,197,94,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-palmares)        { border-left: 4px solid rgb(234,179,8) !important;   background: rgba(234,179,8,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-palmares-home)   { border-left: 4px solid rgb(234,179,8) !important;   background: rgba(234,179,8,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-summary)         { border-left: 4px solid rgb(16,185,129) !important;  background: rgba(16,185,129,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-team)            { border-left: 4px solid rgb(59,130,246) !important;  background: rgba(59,130,246,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-team-admin)      { border-left: 4px solid rgb(168,85,247) !important;  background: rgba(168,85,247,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-team-executive)  { border-left: 4px solid rgb(139,92,246) !important;  background: rgba(139,92,246,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-emission)        { border-left: 4px solid rgb(59,130,246) !important;  background: rgba(59,130,246,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-live)            { border-left: 4px solid rgb(239,68,68) !important;   background: rgba(239,68,68,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-faq)             { border-left: 4px solid rgb(245,158,11) !important;  background: rgba(245,158,11,0.08) !important; }
.fi-fo-builder-item:has(.fdr-marker-wysiwyg-cards)   { border-left: 4px solid rgb(107,114,128) !important; background: rgba(107,114,128,0.08) !important; }

.dark .fi-fo-builder-item:has(.fdr-marker-cards)           { background: rgba(99,102,241,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-carousel)        { background: rgba(236,72,153,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-intro)           { background: rgba(34,197,94,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-palmares)        { background: rgba(234,179,8,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-palmares-home)   { background: rgba(234,179,8,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-summary)         { background: rgba(16,185,129,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-team)            { background: rgba(59,130,246,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-team-admin)      { background: rgba(168,85,247,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-team-executive)  { background: rgba(139,92,246,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-emission)        { background: rgba(59,130,246,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-live)            { background: rgba(239,68,68,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-faq)             { background: rgba(245,158,11,0.15) !important; }
.dark .fi-fo-builder-item:has(.fdr-marker-wysiwyg-cards)   { background: rgba(107,114,128,0.15) !important; }

/* ============================================================
   Badge temps cumulatif — <li> dans la ul ms-auto du header
   ============================================================ */

.fdr-cumul-badge {
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid rgba(107,114,128,0.2);
    background: rgba(107,114,128,0.08);
    color: rgb(75,85,99);
    user-select: none;
    pointer-events: none;
    white-space: nowrap;
}
.dark .fdr-cumul-badge {
    background: rgba(156,163,175,0.15);
    color: rgb(209,213,219);
    border-color: rgba(156,163,175,0.25);
}

/* Couleur badge selon le type de bloc — via :has(marker) */
.fi-fo-builder-item:has(.fdr-marker-contenu-parle)  .fdr-cumul-badge { background: rgba(59,130,246,0.1);  color: rgb(59,130,246);  border-color: rgba(59,130,246,0.25); }
.fi-fo-builder-item:has(.fdr-marker-introduction)   .fdr-cumul-badge { background: rgba(34,197,94,0.1);   color: rgb(34,197,94);   border-color: rgba(34,197,94,0.25); }
.fi-fo-builder-item:has(.fdr-marker-piece)          .fdr-cumul-badge { background: rgba(168,85,247,0.1);  color: rgb(168,85,247);  border-color: rgba(168,85,247,0.25); }
.fi-fo-builder-item:has(.fdr-marker-artiste)        .fdr-cumul-badge { background: rgba(20,184,166,0.1);  color: rgb(20,184,166);  border-color: rgba(20,184,166,0.25); }
.fi-fo-builder-item:has(.fdr-marker-album)          .fdr-cumul-badge { background: rgba(236,72,153,0.1);  color: rgb(236,72,153);  border-color: rgba(236,72,153,0.25); }
.fi-fo-builder-item:has(.fdr-marker-hors-catalogue) .fdr-cumul-badge { background: rgba(249,115,22,0.1);  color: rgb(249,115,22);  border-color: rgba(249,115,22,0.25); }

/* Badge total durée — affiché sous la liste des blocs */
.fdr-total-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid rgba(107,114,128,0.25);
    background: rgba(107,114,128,0.08);
    color: rgb(55,65,81);
    user-select: none;
    pointer-events: none;
}
.dark .fdr-total-badge {
    background: rgba(156,163,175,0.12);
    color: rgb(229,231,235);
    border-color: rgba(156,163,175,0.3);
}
.fdr-total-wrapper {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    pointer-events: none;
    user-select: none;
}

/* ============================================================
   Piece Picker Select — light + dark mode
   ============================================================ */

/* Zone de saisie agrandie */
.piece-picker-select .ts-control {
    min-height: 3.5rem !important;
    padding: 0.5rem 0.75rem !important;
    cursor: pointer !important;
}

/* Option container */
.piece-picker-select .ts-dropdown .option {
    padding: 10px 14px !important;
    border-bottom: 1px solid #e5e7eb !important;
}
.piece-picker-select .ts-dropdown .option:last-child {
    border-bottom: none !important;
}

/* Hover / sélectionné — light */
.piece-picker-select .ts-dropdown .option.selected,
.piece-picker-select .ts-dropdown .option:hover {
    background-color: #f5f3ff !important;
}

/* ---- Composants HTML du label ---- */

/* Wrapper global de chaque option */
.pp-option {
    padding: 2px 0;
    line-height: 1.5;
}

/* Ligne 1 : titre — artiste (album) */
.pp-title-line {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 4px;
}

.pp-titre {
    font-size: 0.9375rem;   /* 15px */
    font-weight: 600;
    color: #111827;
}

.pp-artiste {
    font-size: 0.875rem;    /* 14px */
    color: #4b5563;
}

.pp-album {
    font-size: 0.8125rem;   /* 13px */
    color: #9ca3af;
}

/* Ligne 2 : métadonnées */
.pp-meta-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 4px;
}

.pp-meta-cell {
    font-size: 0.8125rem;   /* 13px */
    font-weight: 500;
    color: #374151;
    padding: 0 10px;
    white-space: nowrap;
}

.pp-meta-cell:first-child {
    padding-left: 0;
}

/* Séparateur vertical */
.pp-sep {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #d1d5db;
    flex-shrink: 0;
    align-self: center;
}

/* ---- Dark mode ---- */

.dark .piece-picker-select .ts-dropdown .option {
    border-bottom-color: #374151 !important;
}
.dark .piece-picker-select .ts-dropdown .option.selected,
.dark .piece-picker-select .ts-dropdown .option:hover {
    background-color: #2e1065 !important;
}

.dark .pp-titre {
    color: #f9fafb;
}
.dark .pp-artiste {
    color: #d1d5db;
}
.dark .pp-album {
    color: #6b7280;
}
.dark .pp-meta-cell {
    color: #e5e7eb;
}
.dark .pp-sep {
    background-color: #4b5563;
}

/* ---- Palmarès ---- */

.pp-option--palmares .pp-titre {
    font-weight: 700;
}

.pp-palmares-line {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    font-size: 0.75rem;       /* 12px */
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #b45309;           /* amber-700 (franco par défaut) */
}

.pp-palmares-icon {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
}

.pp-option--palmares-anglo .pp-palmares-line {
    color: #7c3aed;           /* violet-600 */
}

.dark .pp-palmares-line {
    color: #fbbf24;           /* amber-400 */
}

.dark .pp-option--palmares-anglo .pp-palmares-line {
    color: #c4b5fd;           /* violet-300 */
}