/* --- Effet de Verre Fumé (Glassmorphism) sur les Cartes --- */
/* S'applique aux services, widgets, et en-tête */
.service-card, .widget-card, .widget-group {
    background-color: rgba(17, 24, 39, 0.4) !important; /* Gris très sombre, très transparent (40% opacité) */
    backdrop-filter: blur(8px) !important; /* L'effet de flou qui fait le "verre fumé" */
    -webkit-backdrop-filter: blur(8px) !important; /* Pour la compatibilité Safari */
    border: 1px solid rgba(255, 255, 255, 0.05) !important; /* Une bordure ultra-fine et presque invisible */
    border-radius: 1rem !important; /* Arrondis de carte plus nets (approx. 16px) */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; /* Une ombre subtile */
}

/* --- Ajustements Typographiques --- */
/* Pour un look minimaliste et condensé */
h1, h2, h3, h4, .text-lg, .text-xl {
    letter-spacing: -0.025em !important; /* Resserre les lettres */
}

/* Police Inter, très populaire pour les dashboards (si ton navigateur la supporte) */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* --- Couleur d'Accent --- */
/* Pour changer la couleur des indicateurs de statut, etc. */
/* (Ceci est un exemple, l'indicateur de statut sera géré par l'accentColor dans settings.yaml) */
/* L'image de référence utilise le vert par défaut pour les ping valides. */