/* Fichier CSS principal - Importe tous les modules dans le bon ordre */

/* 1. Variables centralisées (DOIT ÊTRE EN PREMIER) */
@import url('variables.css');

/* 2. Base et styles fondamentaux */
@import url('base.css');

/* 3. Structure et mise en page */
@import url('layout.css');

/* 4. Composants UI réutilisables */
@import url('components.css');

/* 5. Messages et notifications */
@import url('messages.css');

/* 6. Styles spécifiques aux fiches de personnage */
@import url('character.css');

/* 7. Styles du calculateur */
@import url('calculator.css');

/* 8. Styles d'authentification */
@import url('auth.css');

/* 9. Styles de l'éditeur de notes */
@import url('editor.css');

.threshold-notice {
    margin: 10px 0;
    padding: 12px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95em;
    border: 1px solid;
}

.threshold-notice.info {
    background-color: var(--bg-secondary);
    border-color: var(--accent);
    color: var(--text-primary);
}

.threshold-notice.success {
    background-color: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
    color: var(--text-primary);
}

.notice-icon {
    font-size: 1.2em;
    color: var(--text-primary);
    flex-shrink: 0;
}

.notice-text {
    line-height: 1.4;
}

.threshold-item.overridden {
    opacity: 0.6;
    position: relative;
}

.threshold-item.overridden::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--text-secondary);
    transform: translateY(-50%);
}

.threshold-item.overridden .threshold-desc {
    font-style: italic;
    color: var(--text-secondary);
}