/* =============================================================================
 * dolimob-compat.css : correctifs de compatibilité (à charger APRÈS Tailwind)
 *
 * Emplacement : /home/dolimob.com/shared/css/dolimob-compat.css
 *
 * 1. Palettes amber / orange / emerald : ABSENTES du build CDN tailwindcss@2.2.19
 *    (palette par défaut v2 = gray, red, yellow, green, blue, indigo, purple, pink).
 *    18 composants les utilisent : sans ce fichier, ces classes ne colorent rien.
 *    Valeurs = palette officielle Tailwind v2 (colors.amber / orange / emerald).
 *    Classes générées : bg-, text-, border- (+ hover:bg-, hover:text-, focus:ring-).
 * 2. Icône fa-wifi-slash : réservée à FontAwesome Pro, absente de notre 6.4.0 Free
 *    (12 composants). Reconstituée : icône wifi + barre oblique.
 *
 * Pour du NOUVEAU code : utiliser les rôles du design system (dm-badge--warning,
 * var(--dm-warning-container)...) plutôt que ces classes. Ce fichier sert l'existant.
 *
 * v1.0.0 (2026-10-29) : création (sections 1 et 2 générées : ne pas éditer à la main).
 * v1.1.0 (2026-10-29) : section 3, barres fixed bottom des écrans existants vs barre basse.
 * ========================================================================== */


/* --- amber --- */
.bg-amber-50{--tw-bg-opacity:1;background-color:rgba(255,251,235,var(--tw-bg-opacity))}
.text-amber-50{--tw-text-opacity:1;color:rgba(255,251,235,var(--tw-text-opacity))}
.border-amber-50{--tw-border-opacity:1;border-color:rgba(255,251,235,var(--tw-border-opacity))}
.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgba(255,251,235,var(--tw-bg-opacity))}
.hover\:text-amber-50:hover{--tw-text-opacity:1;color:rgba(255,251,235,var(--tw-text-opacity))}
.focus\:ring-amber-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(255,251,235,var(--tw-ring-opacity))}
.bg-amber-100{--tw-bg-opacity:1;background-color:rgba(254,243,199,var(--tw-bg-opacity))}
.text-amber-100{--tw-text-opacity:1;color:rgba(254,243,199,var(--tw-text-opacity))}
.border-amber-100{--tw-border-opacity:1;border-color:rgba(254,243,199,var(--tw-border-opacity))}
.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgba(254,243,199,var(--tw-bg-opacity))}
.hover\:text-amber-100:hover{--tw-text-opacity:1;color:rgba(254,243,199,var(--tw-text-opacity))}
.focus\:ring-amber-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(254,243,199,var(--tw-ring-opacity))}
.bg-amber-200{--tw-bg-opacity:1;background-color:rgba(253,230,138,var(--tw-bg-opacity))}
.text-amber-200{--tw-text-opacity:1;color:rgba(253,230,138,var(--tw-text-opacity))}
.border-amber-200{--tw-border-opacity:1;border-color:rgba(253,230,138,var(--tw-border-opacity))}
.hover\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgba(253,230,138,var(--tw-bg-opacity))}
.hover\:text-amber-200:hover{--tw-text-opacity:1;color:rgba(253,230,138,var(--tw-text-opacity))}
.focus\:ring-amber-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(253,230,138,var(--tw-ring-opacity))}
.bg-amber-300{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}
.text-amber-300{--tw-text-opacity:1;color:rgba(252,211,77,var(--tw-text-opacity))}
.border-amber-300{--tw-border-opacity:1;border-color:rgba(252,211,77,var(--tw-border-opacity))}
.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}
.hover\:text-amber-300:hover{--tw-text-opacity:1;color:rgba(252,211,77,var(--tw-text-opacity))}
.focus\:ring-amber-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(252,211,77,var(--tw-ring-opacity))}
.bg-amber-400{--tw-bg-opacity:1;background-color:rgba(251,191,36,var(--tw-bg-opacity))}
.text-amber-400{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}
.border-amber-400{--tw-border-opacity:1;border-color:rgba(251,191,36,var(--tw-border-opacity))}
.hover\:bg-amber-400:hover{--tw-bg-opacity:1;background-color:rgba(251,191,36,var(--tw-bg-opacity))}
.hover\:text-amber-400:hover{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}
.focus\:ring-amber-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(251,191,36,var(--tw-ring-opacity))}
.bg-amber-500{--tw-bg-opacity:1;background-color:rgba(245,158,11,var(--tw-bg-opacity))}
.text-amber-500{--tw-text-opacity:1;color:rgba(245,158,11,var(--tw-text-opacity))}
.border-amber-500{--tw-border-opacity:1;border-color:rgba(245,158,11,var(--tw-border-opacity))}
.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:rgba(245,158,11,var(--tw-bg-opacity))}
.hover\:text-amber-500:hover{--tw-text-opacity:1;color:rgba(245,158,11,var(--tw-text-opacity))}
.focus\:ring-amber-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(245,158,11,var(--tw-ring-opacity))}
.bg-amber-600{--tw-bg-opacity:1;background-color:rgba(217,119,6,var(--tw-bg-opacity))}
.text-amber-600{--tw-text-opacity:1;color:rgba(217,119,6,var(--tw-text-opacity))}
.border-amber-600{--tw-border-opacity:1;border-color:rgba(217,119,6,var(--tw-border-opacity))}
.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgba(217,119,6,var(--tw-bg-opacity))}
.hover\:text-amber-600:hover{--tw-text-opacity:1;color:rgba(217,119,6,var(--tw-text-opacity))}
.focus\:ring-amber-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(217,119,6,var(--tw-ring-opacity))}
.bg-amber-700{--tw-bg-opacity:1;background-color:rgba(180,83,9,var(--tw-bg-opacity))}
.text-amber-700{--tw-text-opacity:1;color:rgba(180,83,9,var(--tw-text-opacity))}
.border-amber-700{--tw-border-opacity:1;border-color:rgba(180,83,9,var(--tw-border-opacity))}
.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgba(180,83,9,var(--tw-bg-opacity))}
.hover\:text-amber-700:hover{--tw-text-opacity:1;color:rgba(180,83,9,var(--tw-text-opacity))}
.focus\:ring-amber-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(180,83,9,var(--tw-ring-opacity))}
.bg-amber-800{--tw-bg-opacity:1;background-color:rgba(146,64,14,var(--tw-bg-opacity))}
.text-amber-800{--tw-text-opacity:1;color:rgba(146,64,14,var(--tw-text-opacity))}
.border-amber-800{--tw-border-opacity:1;border-color:rgba(146,64,14,var(--tw-border-opacity))}
.hover\:bg-amber-800:hover{--tw-bg-opacity:1;background-color:rgba(146,64,14,var(--tw-bg-opacity))}
.hover\:text-amber-800:hover{--tw-text-opacity:1;color:rgba(146,64,14,var(--tw-text-opacity))}
.focus\:ring-amber-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(146,64,14,var(--tw-ring-opacity))}
.bg-amber-900{--tw-bg-opacity:1;background-color:rgba(120,53,15,var(--tw-bg-opacity))}
.text-amber-900{--tw-text-opacity:1;color:rgba(120,53,15,var(--tw-text-opacity))}
.border-amber-900{--tw-border-opacity:1;border-color:rgba(120,53,15,var(--tw-border-opacity))}
.hover\:bg-amber-900:hover{--tw-bg-opacity:1;background-color:rgba(120,53,15,var(--tw-bg-opacity))}
.hover\:text-amber-900:hover{--tw-text-opacity:1;color:rgba(120,53,15,var(--tw-text-opacity))}
.focus\:ring-amber-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(120,53,15,var(--tw-ring-opacity))}

/* --- orange --- */
.bg-orange-50{--tw-bg-opacity:1;background-color:rgba(255,247,237,var(--tw-bg-opacity))}
.text-orange-50{--tw-text-opacity:1;color:rgba(255,247,237,var(--tw-text-opacity))}
.border-orange-50{--tw-border-opacity:1;border-color:rgba(255,247,237,var(--tw-border-opacity))}
.hover\:bg-orange-50:hover{--tw-bg-opacity:1;background-color:rgba(255,247,237,var(--tw-bg-opacity))}
.hover\:text-orange-50:hover{--tw-text-opacity:1;color:rgba(255,247,237,var(--tw-text-opacity))}
.focus\:ring-orange-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(255,247,237,var(--tw-ring-opacity))}
.bg-orange-100{--tw-bg-opacity:1;background-color:rgba(255,237,213,var(--tw-bg-opacity))}
.text-orange-100{--tw-text-opacity:1;color:rgba(255,237,213,var(--tw-text-opacity))}
.border-orange-100{--tw-border-opacity:1;border-color:rgba(255,237,213,var(--tw-border-opacity))}
.hover\:bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgba(255,237,213,var(--tw-bg-opacity))}
.hover\:text-orange-100:hover{--tw-text-opacity:1;color:rgba(255,237,213,var(--tw-text-opacity))}
.focus\:ring-orange-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(255,237,213,var(--tw-ring-opacity))}
.bg-orange-200{--tw-bg-opacity:1;background-color:rgba(254,215,170,var(--tw-bg-opacity))}
.text-orange-200{--tw-text-opacity:1;color:rgba(254,215,170,var(--tw-text-opacity))}
.border-orange-200{--tw-border-opacity:1;border-color:rgba(254,215,170,var(--tw-border-opacity))}
.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgba(254,215,170,var(--tw-bg-opacity))}
.hover\:text-orange-200:hover{--tw-text-opacity:1;color:rgba(254,215,170,var(--tw-text-opacity))}
.focus\:ring-orange-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(254,215,170,var(--tw-ring-opacity))}
.bg-orange-300{--tw-bg-opacity:1;background-color:rgba(253,186,116,var(--tw-bg-opacity))}
.text-orange-300{--tw-text-opacity:1;color:rgba(253,186,116,var(--tw-text-opacity))}
.border-orange-300{--tw-border-opacity:1;border-color:rgba(253,186,116,var(--tw-border-opacity))}
.hover\:bg-orange-300:hover{--tw-bg-opacity:1;background-color:rgba(253,186,116,var(--tw-bg-opacity))}
.hover\:text-orange-300:hover{--tw-text-opacity:1;color:rgba(253,186,116,var(--tw-text-opacity))}
.focus\:ring-orange-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(253,186,116,var(--tw-ring-opacity))}
.bg-orange-400{--tw-bg-opacity:1;background-color:rgba(251,146,60,var(--tw-bg-opacity))}
.text-orange-400{--tw-text-opacity:1;color:rgba(251,146,60,var(--tw-text-opacity))}
.border-orange-400{--tw-border-opacity:1;border-color:rgba(251,146,60,var(--tw-border-opacity))}
.hover\:bg-orange-400:hover{--tw-bg-opacity:1;background-color:rgba(251,146,60,var(--tw-bg-opacity))}
.hover\:text-orange-400:hover{--tw-text-opacity:1;color:rgba(251,146,60,var(--tw-text-opacity))}
.focus\:ring-orange-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(251,146,60,var(--tw-ring-opacity))}
.bg-orange-500{--tw-bg-opacity:1;background-color:rgba(249,115,22,var(--tw-bg-opacity))}
.text-orange-500{--tw-text-opacity:1;color:rgba(249,115,22,var(--tw-text-opacity))}
.border-orange-500{--tw-border-opacity:1;border-color:rgba(249,115,22,var(--tw-border-opacity))}
.hover\:bg-orange-500:hover{--tw-bg-opacity:1;background-color:rgba(249,115,22,var(--tw-bg-opacity))}
.hover\:text-orange-500:hover{--tw-text-opacity:1;color:rgba(249,115,22,var(--tw-text-opacity))}
.focus\:ring-orange-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(249,115,22,var(--tw-ring-opacity))}
.bg-orange-600{--tw-bg-opacity:1;background-color:rgba(234,88,12,var(--tw-bg-opacity))}
.text-orange-600{--tw-text-opacity:1;color:rgba(234,88,12,var(--tw-text-opacity))}
.border-orange-600{--tw-border-opacity:1;border-color:rgba(234,88,12,var(--tw-border-opacity))}
.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgba(234,88,12,var(--tw-bg-opacity))}
.hover\:text-orange-600:hover{--tw-text-opacity:1;color:rgba(234,88,12,var(--tw-text-opacity))}
.focus\:ring-orange-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(234,88,12,var(--tw-ring-opacity))}
.bg-orange-700{--tw-bg-opacity:1;background-color:rgba(194,65,12,var(--tw-bg-opacity))}
.text-orange-700{--tw-text-opacity:1;color:rgba(194,65,12,var(--tw-text-opacity))}
.border-orange-700{--tw-border-opacity:1;border-color:rgba(194,65,12,var(--tw-border-opacity))}
.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgba(194,65,12,var(--tw-bg-opacity))}
.hover\:text-orange-700:hover{--tw-text-opacity:1;color:rgba(194,65,12,var(--tw-text-opacity))}
.focus\:ring-orange-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(194,65,12,var(--tw-ring-opacity))}
.bg-orange-800{--tw-bg-opacity:1;background-color:rgba(154,52,18,var(--tw-bg-opacity))}
.text-orange-800{--tw-text-opacity:1;color:rgba(154,52,18,var(--tw-text-opacity))}
.border-orange-800{--tw-border-opacity:1;border-color:rgba(154,52,18,var(--tw-border-opacity))}
.hover\:bg-orange-800:hover{--tw-bg-opacity:1;background-color:rgba(154,52,18,var(--tw-bg-opacity))}
.hover\:text-orange-800:hover{--tw-text-opacity:1;color:rgba(154,52,18,var(--tw-text-opacity))}
.focus\:ring-orange-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(154,52,18,var(--tw-ring-opacity))}
.bg-orange-900{--tw-bg-opacity:1;background-color:rgba(124,45,18,var(--tw-bg-opacity))}
.text-orange-900{--tw-text-opacity:1;color:rgba(124,45,18,var(--tw-text-opacity))}
.border-orange-900{--tw-border-opacity:1;border-color:rgba(124,45,18,var(--tw-border-opacity))}
.hover\:bg-orange-900:hover{--tw-bg-opacity:1;background-color:rgba(124,45,18,var(--tw-bg-opacity))}
.hover\:text-orange-900:hover{--tw-text-opacity:1;color:rgba(124,45,18,var(--tw-text-opacity))}
.focus\:ring-orange-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(124,45,18,var(--tw-ring-opacity))}

/* --- emerald --- */
.bg-emerald-50{--tw-bg-opacity:1;background-color:rgba(236,253,245,var(--tw-bg-opacity))}
.text-emerald-50{--tw-text-opacity:1;color:rgba(236,253,245,var(--tw-text-opacity))}
.border-emerald-50{--tw-border-opacity:1;border-color:rgba(236,253,245,var(--tw-border-opacity))}
.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgba(236,253,245,var(--tw-bg-opacity))}
.hover\:text-emerald-50:hover{--tw-text-opacity:1;color:rgba(236,253,245,var(--tw-text-opacity))}
.focus\:ring-emerald-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(236,253,245,var(--tw-ring-opacity))}
.bg-emerald-100{--tw-bg-opacity:1;background-color:rgba(209,250,229,var(--tw-bg-opacity))}
.text-emerald-100{--tw-text-opacity:1;color:rgba(209,250,229,var(--tw-text-opacity))}
.border-emerald-100{--tw-border-opacity:1;border-color:rgba(209,250,229,var(--tw-border-opacity))}
.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgba(209,250,229,var(--tw-bg-opacity))}
.hover\:text-emerald-100:hover{--tw-text-opacity:1;color:rgba(209,250,229,var(--tw-text-opacity))}
.focus\:ring-emerald-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(209,250,229,var(--tw-ring-opacity))}
.bg-emerald-200{--tw-bg-opacity:1;background-color:rgba(167,243,208,var(--tw-bg-opacity))}
.text-emerald-200{--tw-text-opacity:1;color:rgba(167,243,208,var(--tw-text-opacity))}
.border-emerald-200{--tw-border-opacity:1;border-color:rgba(167,243,208,var(--tw-border-opacity))}
.hover\:bg-emerald-200:hover{--tw-bg-opacity:1;background-color:rgba(167,243,208,var(--tw-bg-opacity))}
.hover\:text-emerald-200:hover{--tw-text-opacity:1;color:rgba(167,243,208,var(--tw-text-opacity))}
.focus\:ring-emerald-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(167,243,208,var(--tw-ring-opacity))}
.bg-emerald-300{--tw-bg-opacity:1;background-color:rgba(110,231,183,var(--tw-bg-opacity))}
.text-emerald-300{--tw-text-opacity:1;color:rgba(110,231,183,var(--tw-text-opacity))}
.border-emerald-300{--tw-border-opacity:1;border-color:rgba(110,231,183,var(--tw-border-opacity))}
.hover\:bg-emerald-300:hover{--tw-bg-opacity:1;background-color:rgba(110,231,183,var(--tw-bg-opacity))}
.hover\:text-emerald-300:hover{--tw-text-opacity:1;color:rgba(110,231,183,var(--tw-text-opacity))}
.focus\:ring-emerald-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(110,231,183,var(--tw-ring-opacity))}
.bg-emerald-400{--tw-bg-opacity:1;background-color:rgba(52,211,153,var(--tw-bg-opacity))}
.text-emerald-400{--tw-text-opacity:1;color:rgba(52,211,153,var(--tw-text-opacity))}
.border-emerald-400{--tw-border-opacity:1;border-color:rgba(52,211,153,var(--tw-border-opacity))}
.hover\:bg-emerald-400:hover{--tw-bg-opacity:1;background-color:rgba(52,211,153,var(--tw-bg-opacity))}
.hover\:text-emerald-400:hover{--tw-text-opacity:1;color:rgba(52,211,153,var(--tw-text-opacity))}
.focus\:ring-emerald-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(52,211,153,var(--tw-ring-opacity))}
.bg-emerald-500{--tw-bg-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity))}
.text-emerald-500{--tw-text-opacity:1;color:rgba(16,185,129,var(--tw-text-opacity))}
.border-emerald-500{--tw-border-opacity:1;border-color:rgba(16,185,129,var(--tw-border-opacity))}
.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity))}
.hover\:text-emerald-500:hover{--tw-text-opacity:1;color:rgba(16,185,129,var(--tw-text-opacity))}
.focus\:ring-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(16,185,129,var(--tw-ring-opacity))}
.bg-emerald-600{--tw-bg-opacity:1;background-color:rgba(5,150,105,var(--tw-bg-opacity))}
.text-emerald-600{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}
.border-emerald-600{--tw-border-opacity:1;border-color:rgba(5,150,105,var(--tw-border-opacity))}
.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgba(5,150,105,var(--tw-bg-opacity))}
.hover\:text-emerald-600:hover{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}
.focus\:ring-emerald-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(5,150,105,var(--tw-ring-opacity))}
.bg-emerald-700{--tw-bg-opacity:1;background-color:rgba(4,120,87,var(--tw-bg-opacity))}
.text-emerald-700{--tw-text-opacity:1;color:rgba(4,120,87,var(--tw-text-opacity))}
.border-emerald-700{--tw-border-opacity:1;border-color:rgba(4,120,87,var(--tw-border-opacity))}
.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgba(4,120,87,var(--tw-bg-opacity))}
.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgba(4,120,87,var(--tw-text-opacity))}
.focus\:ring-emerald-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(4,120,87,var(--tw-ring-opacity))}
.bg-emerald-800{--tw-bg-opacity:1;background-color:rgba(6,95,70,var(--tw-bg-opacity))}
.text-emerald-800{--tw-text-opacity:1;color:rgba(6,95,70,var(--tw-text-opacity))}
.border-emerald-800{--tw-border-opacity:1;border-color:rgba(6,95,70,var(--tw-border-opacity))}
.hover\:bg-emerald-800:hover{--tw-bg-opacity:1;background-color:rgba(6,95,70,var(--tw-bg-opacity))}
.hover\:text-emerald-800:hover{--tw-text-opacity:1;color:rgba(6,95,70,var(--tw-text-opacity))}
.focus\:ring-emerald-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(6,95,70,var(--tw-ring-opacity))}
.bg-emerald-900{--tw-bg-opacity:1;background-color:rgba(6,78,59,var(--tw-bg-opacity))}
.text-emerald-900{--tw-text-opacity:1;color:rgba(6,78,59,var(--tw-text-opacity))}
.border-emerald-900{--tw-border-opacity:1;border-color:rgba(6,78,59,var(--tw-border-opacity))}
.hover\:bg-emerald-900:hover{--tw-bg-opacity:1;background-color:rgba(6,78,59,var(--tw-bg-opacity))}
.hover\:text-emerald-900:hover{--tw-text-opacity:1;color:rgba(6,78,59,var(--tw-text-opacity))}
.focus\:ring-emerald-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(6,78,59,var(--tw-ring-opacity))}

/* --- fa-wifi-slash (Pro) reconstituée : glyphe wifi (f1eb) + barre oblique --- */
.fa-wifi-slash { position: relative; display: inline-block; }
.fa-wifi-slash::before { content: "\f1eb"; }
.fa-wifi-slash::after {
    content: ""; position: absolute; left: 50%; top: 50%;
    width: 0.14em; height: 1.25em; margin: -0.625em 0 0 -0.07em;
    background: currentColor; border-radius: 0.07em; transform: rotate(-45deg);
    box-shadow: 0.09em 0 0 0 var(--dm-slash-gap, transparent);
}

/* =============================================================================
 * 3. Écrans existants et nouvelle Layout (v2.0.0)
 *    Les barres et boutons "fixed bottom-*" des écrans non migrés (ExpenseReport, SalesList,
 *    ChecklistRunner, SalesCreate...) : on les remonte au-dessus de la barre de navigation basse
 *    quand elle est affichée (.dm-has-navbar), et au-dessus de la barre de geste iOS sinon.
 *    À supprimer écran par écran au fil de la migration vers les composants dm-.
 * ========================================================================== */
.dm-shell .fixed.bottom-0 { padding-bottom: max(1rem, calc(.75rem + var(--dm-safe-bottom))); }
.dm-shell .fixed.bottom-4 { bottom: calc(1rem   + var(--dm-safe-bottom)); }
.dm-shell .fixed.bottom-6 { bottom: calc(1.5rem + var(--dm-safe-bottom)); }
.dm-shell .fixed.bottom-8 { bottom: calc(2rem   + var(--dm-safe-bottom)); }
.dm-has-navbar .fixed.bottom-0 { bottom: calc(var(--dm-navbar-h) + var(--dm-safe-bottom)); padding-bottom: 1rem; }
.dm-has-navbar .fixed.bottom-4 { bottom: calc(var(--dm-navbar-h) + var(--dm-safe-bottom) + 1rem); }
.dm-has-navbar .fixed.bottom-6 { bottom: calc(var(--dm-navbar-h) + var(--dm-safe-bottom) + 1.5rem); }
.dm-has-navbar .fixed.bottom-8 { bottom: calc(var(--dm-navbar-h) + var(--dm-safe-bottom) + 2rem); }

/* Écrans existants en "min-h-screen" : sous la barre haute, 100vh faisait défiler la page
   même vide. On retire la hauteur de la barre haute. */
.dm-shell > main > .min-h-screen { min-height: calc(100vh - var(--dm-topbar-h) - var(--dm-safe-top)); }
