/* ===== Relevé sur leads.metabacklinks.com/admin/login le 22/08/2026. =====
   Filament injecte sa palette et ses variables DANS LA PAGE, pas dans app.css.
   Sans ce fichier, la feuille s'applique mais tout est transparent et sans police.
   Le 3e morceau est le theme maison du CRM, « MJ-Glass », qui pose le degrade
   navy et les panneaux en verre. C'est lui qui fait vraiment l'allure de /admin. */


:root {
         --danger-50:oklch(0.969 0.015 12.422);  --danger-100:oklch(0.941 0.03 12.58);  --danger-200:oklch(0.892 0.058 10.001);  --danger-300:oklch(0.81 0.117 11.638);  --danger-400:oklch(0.712 0.194 13.428);  --danger-500:oklch(0.645 0.246 16.439);  --danger-600:oklch(0.586 0.253 17.585);  --danger-700:oklch(0.514 0.222 16.935);  --danger-800:oklch(0.455 0.188 13.697);  --danger-900:oklch(0.41 0.159 10.272);  --danger-950:oklch(0.271 0.105 12.094);  --gray-50:oklch(0.968 0.009 279.69);  --gray-100:oklch(0.933 0.016 278.498);  --gray-200:oklch(0.853 0.035 278.419);  --gray-300:oklch(0.746 0.058 277.126);  --gray-400:oklch(0.618 0.075 275.093);  --gray-500:oklch(0.503 0.07 274.567);  --gray-600:oklch(0.412 0.068 273.411);  --gray-700:oklch(0.33 0.06 272.432);  --gray-800:oklch(0.25 0.042 273.233);  --gray-900:oklch(0.205 0.042 275.9);  --gray-950:oklch(0.165 0.032 273.839);  --info-50:oklch(0.97717647058824 0.01395454545455 189.577);  --info-100:oklch(0.95035294117647 0.03272727272727 189.577);  --info-200:oklch(0.90547058823529 0.06318181818182 189.577);  --info-300:oklch(0.84047058823529 0.10604545454546 189.577);  --info-400:oklch(0.75352941176471 0.15027272727273 189.577);  --info-500:oklch(0.68270588235294 0.17009090909091 189.577);  --info-600:oklch(0.59782352941176 0.16913636363636 189.577);  --info-700:oklch(0.51494117647059 0.14940909090909 189.577);  --info-800:oklch(0.44611764705882 0.12331818181818 189.577);  --info-900:oklch(0.39458823529412 0.09963636363636 189.577);  --info-950:oklch(0.27788235294118 0.07136363636364 189.577);  --primary-50:oklch(0.97717647058824 0.01395454545455 274.811);  --primary-100:oklch(0.95035294117647 0.03272727272727 274.811);  --primary-200:oklch(0.90547058823529 0.06318181818182 274.811);  --primary-300:oklch(0.84047058823529 0.10604545454546 274.811);  --primary-400:oklch(0.75352941176471 0.15027272727273 274.811);  --primary-500:oklch(0.68270588235294 0.17009090909091 274.811);  --primary-600:oklch(0.59782352941176 0.16913636363636 274.811);  --primary-700:oklch(0.51494117647059 0.14940909090909 274.811);  --primary-800:oklch(0.44611764705882 0.12331818181818 274.811);  --primary-900:oklch(0.39458823529412 0.09963636363636 274.811);  --primary-950:oklch(0.27788235294118 0.07136363636364 274.811);  --success-50:oklch(0.979 0.021 166.113);  --success-100:oklch(0.95 0.052 163.051);  --success-200:oklch(0.905 0.093 164.15);  --success-300:oklch(0.845 0.143 164.978);  --success-400:oklch(0.765 0.177 163.223);  --success-500:oklch(0.696 0.17 162.48);  --success-600:oklch(0.596 0.145 163.225);  --success-700:oklch(0.508 0.118 165.612);  --success-800:oklch(0.432 0.095 166.913);  --success-900:oklch(0.378 0.077 168.94);  --success-950:oklch(0.262 0.051 172.552);  --warning-50:oklch(0.987 0.022 95.277);  --warning-100:oklch(0.962 0.059 95.617);  --warning-200:oklch(0.924 0.12 95.746);  --warning-300:oklch(0.879 0.169 91.605);  --warning-400:oklch(0.828 0.189 84.429);  --warning-500:oklch(0.769 0.188 70.08);  --warning-600:oklch(0.666 0.179 58.318);  --warning-700:oklch(0.555 0.163 48.998);  --warning-800:oklch(0.473 0.137 46.201);  --warning-900:oklch(0.414 0.112 45.904);  --warning-950:oklch(0.279 0.077 45.635);     }

:root {
                --font-family: 'Inter Variable';
                --mono-font-family: 'ui-monospace';
                --serif-font-family: 'ui-serif';
                --sidebar-width: 20rem;
                --collapsed-sidebar-width: 4.5rem;
                --default-theme-mode: system;
            }

            html.fi {
                --livewire-progress-bar-color: var(--primary-500);
            }

/* MJ-Glass — canvas dégradé navy (ambiance, sans nuire à la lisibilité) */
.fi-body {
    background: linear-gradient(160deg, #12152a 0%, #0d1022 45%, #0a0d1c 100%) !important;
    background-attachment: fixed;
}
/* Sidebar + topbar : verre léger laissant transparaître le dégradé */
.fi-sidebar, .fi-topbar {
    background-color: rgba(18, 21, 42, 0.72) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
/* Bouton primaire : glow violet discret (signature MJ-Glass) */
.fi-btn.fi-color-primary {
    box-shadow: 0 0 18px rgba(139, 156, 255, 0.28), 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* Item de navigation actif : léger halo violet */
.fi-sidebar-item-active .fi-sidebar-item-button {
    box-shadow: inset 0 0 0 1px rgba(139, 156, 255, 0.35), 0 0 16px rgba(139, 156, 255, 0.12);
}
@media (prefers-reduced-motion: no-preference) {
    .fi-btn { transition: box-shadow 200ms ease, background-color 200ms ease; }
}

/* MJ-Glass — ambiance : nuages dérivants DERRIÈRE le contenu (lisibilité préservée :
   les panneaux/tables navy opaques passent au-dessus, l'ambiance reste sur le canvas
   et derrière la sidebar/topbar en verre). */
/* z-index:-1 → l'ambiance se pose entre le fond dégradé du body et tout le contenu,
   SANS toucher au positionnement des éléments Filament (sinon la sidebar off-canvas
   mobile se met en position:relative et écrase le contenu — bug du 26/05). */
.mjg-ambient { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: -1; }
.mjg-ambient > span { position: absolute; display: block; border-radius: 50%; }
.mjg-cloud-1 { top: -140px; left: -90px; width: 540px; height: 540px;
    background: radial-gradient(circle, rgba(139, 156, 255, 0.16) 0%, transparent 70%);
    animation: mjg-cloud1 19s ease-in-out infinite alternate; }
.mjg-cloud-2 { bottom: -120px; right: -70px; width: 480px; height: 480px;
    background: radial-gradient(circle, rgba(95, 224, 216, 0.12) 0%, transparent 70%);
    animation: mjg-cloud2 23s ease-in-out infinite alternate; }
.mjg-cloud-3 { top: 28%; left: 50%; width: 440px; height: 300px;
    background: radial-gradient(ellipse, rgba(139, 156, 255, 0.10) 0%, transparent 65%);
    animation: mjg-cloud3 17s ease-in-out infinite alternate; }
@keyframes mjg-cloud1 { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(60px, 40px) scale(1.08); } }
@keyframes mjg-cloud2 { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(-50px, -36px) scale(1.06); } }
@keyframes mjg-cloud3 { 0% { transform: translate(-20px, 0) scale(1); } 100% { transform: translate(30px, 30px) scale(1.05); } }
@media (prefers-reduced-motion: reduce) {
    .mjg-ambient > span { animation: none !important; }
}

/* Sections de formulaire : c'est le TITRE qui porte le plus sombre, le corps
   reste plus clair (demande du 05/08/2026). On ne touche qu'a la couleur et a
   la bordure, jamais au positionnement. */
.fi-sc-section,
.fi-section {
    background-color: rgba(28, 33, 58, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 0.75rem;
}
/* L'entete, le bloc le plus sombre, sert de reperage vertical */
.fi-section-header {
    background-color: rgba(6, 8, 20, 0.88) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.75rem 0.75rem 0 0;
}
/* Une section imbriquee s'eclaircit encore, sinon elle disparait dans sa parente */
.fi-sc-section .fi-sc-section,
.fi-section .fi-section {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Zone de depot d'image : une grande icone d'envoi au-dessus du libelle */
.filepond--drop-label label::before {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto 10px;
    opacity: 0.75;
    background: no-repeat center / contain
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.6' stroke='%23a5b4fc'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 7.5 12 3m0 0L7.5 7.5M12 3v13.5'/%3E%3C/svg%3E");
}
.filepond--drop-label label {
    display: block;
    text-align: center;
    line-height: 1.5;
}