/* === BASE.CSS : Styles de base et utilitaires === */

/* Police et couleurs globales */
body {
    font-family: 'Inter', sans-serif; /* Police principale */
    background-color: #111418;        /* Fond général sombre */
    color: #fff;                      /* Couleur de texte principale */
}

/* Spinner de chargement (utilisé lors de l'analyse) */
.spinner {
    border: 4px solid rgba(255, 255, 255, 0.2); /* Bordure grise claire */
    border-left-color: #0c7ff2;                 /* Accent bleu */
    border-radius: 50%;                         /* Cercle */
    width: 40px; height: 40px;                  /* Taille */
    animation: spin 1s linear infinite;         /* Animation de rotation */
    margin: 20px auto;                          /* Centrage */
}
@keyframes spin {
    to { transform: rotate(360deg); } /* Tourne à 360° */
}

/* Séparateur draggable entre les panneaux */
#resizer {
    background-color: #283039;                  /* Couleur de fond */
    transition: background-color 0.2s ease;     /* Animation douce */
    flex-shrink: 0;                             /* Ne rétrécit pas */
    cursor: col-resize;                         /* Curseur de redimensionnement */
}
#resizer:hover { background-color: #0c7ff2; }   /* Hover bleu */

/* Scrollbar personnalisée pour les panels */
.custom-scrollbar::-webkit-scrollbar { width: 8px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: #283039; border-radius: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #3b4754; }
.custom-scrollbar { scrollbar-width: thin; scrollbar-color: #283039 transparent; }