/* ============================================
 * SECTION SUCCÈS - USER DASHBOARD
 * Structure BEM avec notation class__sous-class
 * ============================================ */

:root {
    --dashboard-sisme-tab-btn-bg: #30363d;
    --dashboard-sisme-tab-btn-bg-hover: #21262d;
    --dashboard-sisme-tab-btn-bg-active: #21262d;

    --dashboard-sisme-color-accent-primary: #58a6ff;
    --dashboard-sisme-color-accent-secondary: #A1B78D;
    --dashboard-sisme-color-accent-tertiary: #ffcc00;
    --dashboard-sisme-color-accent-quaternary: #8b5cf6;

    --dashboard-sisme-border-light: 1px solid var(--sisme-border-light);
    --dashboard-sisme-border-white: solid 1px rgba(255, 255, 255, 0.7);

    --dashboard-sisme-gap-small: 10px;
    --dashboard-sisme-gap-medium: 20px;
    --dashboard-sisme-gap-large: 30px;

    --dashboard-sisme-padding-small: 10px;
    --dashboard-sisme-padding-medium: 20px;
    --dashboard-sisme-padding-large: 30px;

}

/* === CONTENEUR PRINCIPAL === */
.sisme-success {
    padding: 0px;
    border-radius: 6px;
    border-left: var(--dashboard-sisme-border-light);
    border-right: var(--dashboard-sisme-border-light);
    border-bottom: var(--dashboard-sisme-border-light);
}

/* === NAVIGATION ONGLETS === */
.sisme-success__tabs {
    border: none;
}

.sisme-success__tab {
    display: flex;
    flex: 1;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 6px 6px 0 0;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    background: var(--dashboard-sisme-tab-btn-bg);
    color: var(--sisme-dashboard-text-primary);
}

.sisme-success__tab:hover {
    background: var(--dashboard-sisme-tab-btn-bg-hover);
}

.sisme-success__tab--active {
    background: var(--dashboard-sisme-tab-btn-bg-active);
    border-top: var(--dashboard-sisme-border-light);
}

.sisme-success__tab-icon {

}

/* === CONTENUS ONGLETS === */
.sisme-success__tab-content {
    display: flex;
    flex-direction: column;
    gap: var(--dashboard-sisme-gap-large);
    padding: var(--dashboard-sisme-padding-medium);
}

/* === TITRES === */
.sisme-success__title {

}

.sisme-success__subtitle {
    color: var(--sisme-dashboard-text-primary) !important;
}

.sisme-success__icon {

}

/* === BARRES DE PROGRESSION === */
.sisme-success__progress-bar {

}

.sisme-success__progress-bar-fill {

}

.sisme-success__progress-text {

}

/* ============================================
 * ONGLET 1: MON NIVEAU
 * ============================================ */

.sisme-success__level-card {

}

.sisme-success__level-info {

}

.sisme-success__level-title {

}

.sisme-success__level-progress-bar {

}

.sisme-success__level-progress-fill {

}

.sisme-success__level-progress-text {

}

/* ============================================
 * ONGLET 2: QUÊTES
 * ============================================ */

/* === Conteneurs === */
.sisme-success__quests-active {

}

.sisme-success__quests-completed {

}

/* === Liste des quêtes === */
.sisme-success__quests-list {
    display: flex;
    flex-direction: column;
    gap: var(--dashboard-sisme-gap-small);
}

.sisme-success__completed-list {

}

/* === Carte quête active === */
.sisme-success__quest-card {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    border: var(--dashboard-sisme-border-white);
    padding: var(--dashboard-sisme-padding-small)
}

.sisme-success__quest-card--daily {
    border-left: 4px solid var(--dashboard-sisme-color-accent-primary);
}

.sisme-success__quest-card--weekly {
    border-left: 4px solid var(--dashboard-sisme-color-accent-secondary);
}

.sisme-success__quest-card--monthly {
    border-left: 4px solid var(--dashboard-sisme-color-accent-tertiary);
}

.sisme-success__quest-card--achievement {
    border-left: 4px solid var(--dashboard-sisme-color-accent-quaternary);
}

.sisme-success__quest-header {

}

.sisme-success__quest-title {

}

.sisme-success__quest-type {

}

.sisme-success__quest-type--daily {

}

.sisme-success__quest-type--weekly {

}

.sisme-success__quest-type--monthly {

}

.sisme-success__quest-description {

}

.sisme-success__quest-progress {

}

.sisme-success__quest-progress-bar {

}

.sisme-success__quest-progress-fill {

}

.sisme-success__quest-progress-text {

}

.sisme-success__quest-xp-reward {

}

/* === Quête complétée === */
.sisme-success__quest-completed {

}

.sisme-success__quest-check-icon {

}

.sisme-success__quest-completed-name {

}

.sisme-success__quest-completed-xp {

}

/* === État vide === */
.sisme-success__empty-state {

}

/* ============================================
 * ONGLET 3: RÉCOMPENSES
 * ============================================ */

.sisme-success__rewards-container {

}

.sisme-success__rewards-list {

}

.sisme-success__reward-card {

}

.sisme-success__reward-icon {

}

.sisme-success__reward-info {

}

.sisme-success__reward-title {

}

.sisme-success__reward-description {

}

.sisme-success__reward-level {

}

.sisme-success__reward-button {

}

/* ============================================
 * ONGLET 4: PROGRESSION
 * ============================================ */

.sisme-success__progress-container {

}

.sisme-success__stats-grid {

}

.sisme-success__stat-box {

}

.sisme-success__stat-label {

}

.sisme-success__stat-value {

}

.sisme-success__info-box {

}