/* Extrait de teacher-dashboard.html. Ordre historique : 5. */
.domain-chip {
                        border: 2px solid;
                        border-radius: 20px;
                        padding: 6px 16px;
                        font-size: 13px !important;
                        font-weight: 700 !important;
                        cursor: pointer;
                        transition: transform .12s, box-shadow .12s;
                        display: inline-flex !important;
                        align-items: center;
                        gap: 6px;
                        /* color et background définis par inline style (data-chip-*) */
                        /* CRITIQUE : NE PAS mettre color ici — géré par JS et inline style */
                    }
                    /* Repos : texte forcé depuis inline style (sombre sur pastel) */
                    .domain-chip:not(.active) {
                        color: inherit !important; /* laisse l'inline style gagner */
                    }
                    .domain-chip:hover {
                        transform: translateY(-2px);
                        box-shadow: 0 3px 10px rgba(0,0,0,.15);
                        opacity: .92;
                    }
                    /* Actif : fond plein, texte blanc forcé */
                    .domain-chip.active {
                        color: #ffffff !important;
                        font-weight: 800 !important;
                        box-shadow: 0 3px 12px rgba(0,0,0,.22);
                    }
                    .chip-count {
                        background: rgba(0,0,0,.12);
                        border-radius: 10px;
                        padding: 1px 8px;
                        font-size: 11px !important;
                        font-weight: 800 !important;
                        min-width: 22px;
                        text-align: center;
                        color: inherit !important;
                    }
                    .domain-chip.active .chip-count {
                        background: rgba(255,255,255,.28);
                        color: #fff !important;
                    }