/* Fond décoratif pour les pages d'authentification (login, register) */
.fi-simple-layout {
    position: relative;
}

.fi-simple-layout::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    opacity: 0.04;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'%3E%3Cg fill='%23374151' fill-rule='evenodd'%3E%3C!-- Marteau --%3E%3Cg transform='translate(60,40) rotate(-30)'%3E%3Crect x='8' y='0' width='6' height='22' rx='2'/%3E%3Crect x='0' y='0' width='22' height='10' rx='3'/%3E%3C/g%3E%3C!-- Clé à molette --%3E%3Cg transform='translate(200,80)'%3E%3Crect x='4' y='8' width='4' height='28' rx='2'/%3E%3Ccircle cx='6' cy='6' r='6'/%3E%3Ccircle cx='6' cy='6' r='3' fill='white'/%3E%3C/g%3E%3C!-- Règle --%3E%3Cg transform='translate(350,30) rotate(15)'%3E%3Crect x='0' y='0' width='40' height='8' rx='1'/%3E%3Crect x='6' y='8' width='1.5' height='4'/%3E%3Crect x='12' y='8' width='1.5' height='6'/%3E%3Crect x='18' y='8' width='1.5' height='4'/%3E%3Crect x='24' y='8' width='1.5' height='6'/%3E%3Crect x='30' y='8' width='1.5' height='4'/%3E%3C/g%3E%3C!-- Engrenage --%3E%3Cg transform='translate(520,60)'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3Ccircle cx='12' cy='12' r='6' fill='white'/%3E%3Crect x='10' y='-3' width='4' height='6' rx='1'/%3E%3Crect x='10' y='21' width='4' height='6' rx='1'/%3E%3Crect x='-3' y='10' width='6' height='4' rx='1'/%3E%3Crect x='21' y='10' width='6' height='4' rx='1'/%3E%3C/g%3E%3C!-- Crayon --%3E%3Cg transform='translate(680,45) rotate(45)'%3E%3Crect x='0' y='4' width='30' height='6' rx='1'/%3E%3Cpolygon points='30,4 36,7 30,10'/%3E%3Crect x='-2' y='4' width='4' height='6' rx='1'/%3E%3C/g%3E%3C!-- Équerre --%3E%3Cg transform='translate(80,200)'%3E%3Cpath d='M0,0 L0,30 L25,30' fill='none' stroke='%23374151' stroke-width='4'/%3E%3Cpath d='M0,22 L8,22 L8,30' fill='none' stroke='%23374151' stroke-width='2'/%3E%3C/g%3E%3C!-- Scie --%3E%3Cg transform='translate(240,220) rotate(-10)'%3E%3Crect x='0' y='6' width='12' height='8' rx='2'/%3E%3Cpath d='M12,8 L14,6 L16,10 L18,6 L20,10 L22,6 L24,10 L26,6 L28,10 L30,6 L32,10 L34,8' fill='none' stroke='%23374151' stroke-width='2'/%3E%3C/g%3E%3C!-- Vis --%3E%3Cg transform='translate(420,190)'%3E%3Ccircle cx='6' cy='6' r='6'/%3E%3Crect x='2' y='5' width='8' height='2' rx='0.5'/%3E%3Crect x='5' y='2' width='2' height='8' rx='0.5'/%3E%3Crect x='4' y='12' width='4' height='16' rx='1'/%3E%3C/g%3E%3C!-- Pinceau --%3E%3Cg transform='translate(580,200) rotate(20)'%3E%3Crect x='3' y='0' width='5' height='20' rx='1'/%3E%3Crect x='0' y='20' width='11' height='10' rx='2'/%3E%3C/g%3E%3C!-- Palette --%3E%3Cg transform='translate(720,210)'%3E%3Cellipse cx='14' cy='12' rx='14' ry='12'/%3E%3Ccircle cx='8' cy='8' r='3' fill='white'/%3E%3Ccircle cx='16' cy='6' r='2.5' fill='white'/%3E%3Ccircle cx='20' cy='12' r='2.5' fill='white'/%3E%3Ccircle cx='10' cy='15' r='2' fill='white'/%3E%3C/g%3E%3C!-- Mètre ruban --%3E%3Cg transform='translate(50,380)'%3E%3Crect x='0' y='0' width='20' height='20' rx='4'/%3E%3Ccircle cx='10' cy='10' r='6' fill='white'/%3E%3Ccircle cx='10' cy='10' r='3'/%3E%3Crect x='18' y='8' width='18' height='4' rx='1'/%3E%3C/g%3E%3C!-- Ciseaux --%3E%3Cg transform='translate(190,400) rotate(25)'%3E%3Cellipse cx='5' cy='26' rx='5' ry='6'/%3E%3Cellipse cx='5' cy='26' rx='2.5' ry='3' fill='white'/%3E%3Cellipse cx='17' cy='26' rx='5' ry='6'/%3E%3Cellipse cx='17' cy='26' rx='2.5' ry='3' fill='white'/%3E%3Cpolygon points='5,20 10,0 12,1 8,20'/%3E%3Cpolygon points='17,20 12,0 10,1 14,20'/%3E%3C/g%3E%3C!-- Tournevis --%3E%3Cg transform='translate(370,370) rotate(-20)'%3E%3Crect x='4' y='0' width='4' height='22' rx='1'/%3E%3Crect x='2' y='22' width='8' height='10' rx='3'/%3E%3C/g%3E%3C!-- Fil à plomb --%3E%3Cg transform='translate(520,380)'%3E%3Crect x='4' y='0' width='4' height='6' rx='1'/%3E%3Crect x='5' y='6' width='2' height='20'/%3E%3Cpolygon points='2,26 10,26 6,36'/%3E%3C/g%3E%3C!-- Niveau --%3E%3Cg transform='translate(660,390)'%3E%3Crect x='0' y='0' width='44' height='10' rx='3'/%3E%3Crect x='16' y='2' width='12' height='6' rx='3' fill='white'/%3E%3Ccircle cx='22' cy='5' r='2'/%3E%3C/g%3E%3C!-- Compas --%3E%3Cg transform='translate(100,540)'%3E%3Ccircle cx='10' cy='0' r='3'/%3E%3Cline x1='10' y1='3' x2='0' y2='30' stroke='%23374151' stroke-width='2.5'/%3E%3Cline x1='10' y1='3' x2='20' y2='30' stroke='%23374151' stroke-width='2.5'/%3E%3C/g%3E%3C!-- Pignon --%3E%3Cg transform='translate(280,560)'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3Ccircle cx='10' cy='10' r='5' fill='white'/%3E%3Crect x='8' y='-4' width='4' height='6' rx='1'/%3E%3Crect x='8' y='18' width='4' height='6' rx='1'/%3E%3Crect x='-4' y='8' width='6' height='4' rx='1'/%3E%3Crect x='18' y='8' width='6' height='4' rx='1'/%3E%3Crect x='1' y='1' width='5' height='3' rx='1' transform='rotate(45 3.5 2.5)'/%3E%3Crect x='14' y='15' width='5' height='3' rx='1' transform='rotate(45 16.5 16.5)'/%3E%3C/g%3E%3C!-- Clé plate --%3E%3Cg transform='translate(450,530) rotate(30)'%3E%3Crect x='8' y='0' width='4' height='30' rx='1'/%3E%3Ccircle cx='10' cy='0' r='8'/%3E%3Ccircle cx='10' cy='0' r='4' fill='white'/%3E%3C/g%3E%3C!-- Bobine --%3E%3Cg transform='translate(610,550)'%3E%3Crect x='0' y='0' width='20' height='4' rx='1'/%3E%3Crect x='0' y='16' width='20' height='4' rx='1'/%3E%3Crect x='6' y='4' width='8' height='12' rx='2'/%3E%3C/g%3E%3C!-- Boulon --%3E%3Cg transform='translate(740,530)'%3E%3Cpolygon points='8,0 16,4 16,12 8,16 0,12 0,4'/%3E%3Ccircle cx='8' cy='8' r='4' fill='white'/%3E%3C/g%3E%3C!-- Rabot --%3E%3Cg transform='translate(60,700) rotate(-5)'%3E%3Cpath d='M0,14 L40,14 L40,6 Q38,0 30,6 L0,6 Z'/%3E%3Crect x='16' y='0' width='6' height='8' rx='1'/%3E%3C/g%3E%3C!-- Pince --%3E%3Cg transform='translate(230,710)'%3E%3Cpath d='M4,0 Q0,8 4,14' fill='none' stroke='%23374151' stroke-width='3'/%3E%3Cpath d='M12,0 Q16,8 12,14' fill='none' stroke='%23374151' stroke-width='3'/%3E%3Ccircle cx='8' cy='14' r='4'/%3E%3Crect x='6' y='18' width='2' height='14' rx='1'/%3E%3Crect x='10' y='18' width='2' height='14' rx='1' transform='rotate(6 11 25)'/%3E%3C/g%3E%3C!-- Tissu/Rouleau --%3E%3Cg transform='translate(400,700)'%3E%3Crect x='0' y='6' width='32' height='16' rx='2'/%3E%3Cellipse cx='32' cy='14' rx='4' ry='8'/%3E%3Cellipse cx='0' cy='14' rx='4' ry='8' fill='white' stroke='%23374151' stroke-width='1.5'/%3E%3C/g%3E%3C!-- Étoile/Qualité --%3E%3Cg transform='translate(560,710)'%3E%3Cpolygon points='10,0 13,7 20,7 14,12 16,20 10,15 4,20 6,12 0,7 7,7'/%3E%3C/g%3E%3C!-- Maillon --%3E%3Cg transform='translate(700,700)'%3E%3Crect x='0' y='2' width='14' height='10' rx='5' fill='none' stroke='%23374151' stroke-width='3'/%3E%3Crect x='10' y='2' width='14' height='10' rx='5' fill='none' stroke='%23374151' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 800px 800px;
    background-repeat: repeat;
    pointer-events: none;
}

/* S'assurer que le contenu reste au-dessus */
.fi-simple-layout > * {
    position: relative;
    z-index: 1;
}

/* Support du mode sombre */
.dark .fi-simple-layout::before {
    opacity: 0.06;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'%3E%3Cg fill='%239ca3af' fill-rule='evenodd'%3E%3C!-- Marteau --%3E%3Cg transform='translate(60,40) rotate(-30)'%3E%3Crect x='8' y='0' width='6' height='22' rx='2'/%3E%3Crect x='0' y='0' width='22' height='10' rx='3'/%3E%3C/g%3E%3C!-- Clé à molette --%3E%3Cg transform='translate(200,80)'%3E%3Crect x='4' y='8' width='4' height='28' rx='2'/%3E%3Ccircle cx='6' cy='6' r='6'/%3E%3Ccircle cx='6' cy='6' r='3' fill='%23111827'/%3E%3C/g%3E%3C!-- Règle --%3E%3Cg transform='translate(350,30) rotate(15)'%3E%3Crect x='0' y='0' width='40' height='8' rx='1'/%3E%3Crect x='6' y='8' width='1.5' height='4'/%3E%3Crect x='12' y='8' width='1.5' height='6'/%3E%3Crect x='18' y='8' width='1.5' height='4'/%3E%3Crect x='24' y='8' width='1.5' height='6'/%3E%3Crect x='30' y='8' width='1.5' height='4'/%3E%3C/g%3E%3C!-- Engrenage --%3E%3Cg transform='translate(520,60)'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3Ccircle cx='12' cy='12' r='6' fill='%23111827'/%3E%3Crect x='10' y='-3' width='4' height='6' rx='1'/%3E%3Crect x='10' y='21' width='4' height='6' rx='1'/%3E%3Crect x='-3' y='10' width='6' height='4' rx='1'/%3E%3Crect x='21' y='10' width='6' height='4' rx='1'/%3E%3C/g%3E%3C!-- Crayon --%3E%3Cg transform='translate(680,45) rotate(45)'%3E%3Crect x='0' y='4' width='30' height='6' rx='1'/%3E%3Cpolygon points='30,4 36,7 30,10'/%3E%3Crect x='-2' y='4' width='4' height='6' rx='1'/%3E%3C/g%3E%3C!-- Équerre --%3E%3Cg transform='translate(80,200)'%3E%3Cpath d='M0,0 L0,30 L25,30' fill='none' stroke='%239ca3af' stroke-width='4'/%3E%3Cpath d='M0,22 L8,22 L8,30' fill='none' stroke='%239ca3af' stroke-width='2'/%3E%3C/g%3E%3C!-- Scie --%3E%3Cg transform='translate(240,220) rotate(-10)'%3E%3Crect x='0' y='6' width='12' height='8' rx='2'/%3E%3Cpath d='M12,8 L14,6 L16,10 L18,6 L20,10 L22,6 L24,10 L26,6 L28,10 L30,6 L32,10 L34,8' fill='none' stroke='%239ca3af' stroke-width='2'/%3E%3C/g%3E%3C!-- Vis --%3E%3Cg transform='translate(420,190)'%3E%3Ccircle cx='6' cy='6' r='6'/%3E%3Crect x='2' y='5' width='8' height='2' rx='0.5'/%3E%3Crect x='5' y='2' width='2' height='8' rx='0.5'/%3E%3Crect x='4' y='12' width='4' height='16' rx='1'/%3E%3C/g%3E%3C!-- Pinceau --%3E%3Cg transform='translate(580,200) rotate(20)'%3E%3Crect x='3' y='0' width='5' height='20' rx='1'/%3E%3Crect x='0' y='20' width='11' height='10' rx='2'/%3E%3C/g%3E%3C!-- Palette --%3E%3Cg transform='translate(720,210)'%3E%3Cellipse cx='14' cy='12' rx='14' ry='12'/%3E%3Ccircle cx='8' cy='8' r='3' fill='%23111827'/%3E%3Ccircle cx='16' cy='6' r='2.5' fill='%23111827'/%3E%3Ccircle cx='20' cy='12' r='2.5' fill='%23111827'/%3E%3Ccircle cx='10' cy='15' r='2' fill='%23111827'/%3E%3C/g%3E%3C!-- Mètre ruban --%3E%3Cg transform='translate(50,380)'%3E%3Crect x='0' y='0' width='20' height='20' rx='4'/%3E%3Ccircle cx='10' cy='10' r='6' fill='%23111827'/%3E%3Ccircle cx='10' cy='10' r='3'/%3E%3Crect x='18' y='8' width='18' height='4' rx='1'/%3E%3C/g%3E%3C!-- Ciseaux --%3E%3Cg transform='translate(190,400) rotate(25)'%3E%3Cellipse cx='5' cy='26' rx='5' ry='6'/%3E%3Cellipse cx='5' cy='26' rx='2.5' ry='3' fill='%23111827'/%3E%3Cellipse cx='17' cy='26' rx='5' ry='6'/%3E%3Cellipse cx='17' cy='26' rx='2.5' ry='3' fill='%23111827'/%3E%3Cpolygon points='5,20 10,0 12,1 8,20'/%3E%3Cpolygon points='17,20 12,0 10,1 14,20'/%3E%3C/g%3E%3C!-- Tournevis --%3E%3Cg transform='translate(370,370) rotate(-20)'%3E%3Crect x='4' y='0' width='4' height='22' rx='1'/%3E%3Crect x='2' y='22' width='8' height='10' rx='3'/%3E%3C/g%3E%3C!-- Fil à plomb --%3E%3Cg transform='translate(520,380)'%3E%3Crect x='4' y='0' width='4' height='6' rx='1'/%3E%3Crect x='5' y='6' width='2' height='20'/%3E%3Cpolygon points='2,26 10,26 6,36'/%3E%3C/g%3E%3C!-- Niveau --%3E%3Cg transform='translate(660,390)'%3E%3Crect x='0' y='0' width='44' height='10' rx='3'/%3E%3Crect x='16' y='2' width='12' height='6' rx='3' fill='%23111827'/%3E%3Ccircle cx='22' cy='5' r='2'/%3E%3C/g%3E%3C!-- Compas --%3E%3Cg transform='translate(100,540)'%3E%3Ccircle cx='10' cy='0' r='3'/%3E%3Cline x1='10' y1='3' x2='0' y2='30' stroke='%239ca3af' stroke-width='2.5'/%3E%3Cline x1='10' y1='3' x2='20' y2='30' stroke='%239ca3af' stroke-width='2.5'/%3E%3C/g%3E%3C!-- Pignon --%3E%3Cg transform='translate(280,560)'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%23111827'/%3E%3Crect x='8' y='-4' width='4' height='6' rx='1'/%3E%3Crect x='8' y='18' width='4' height='6' rx='1'/%3E%3Crect x='-4' y='8' width='6' height='4' rx='1'/%3E%3Crect x='18' y='8' width='6' height='4' rx='1'/%3E%3Crect x='1' y='1' width='5' height='3' rx='1' transform='rotate(45 3.5 2.5)'/%3E%3Crect x='14' y='15' width='5' height='3' rx='1' transform='rotate(45 16.5 16.5)'/%3E%3C/g%3E%3C!-- Clé plate --%3E%3Cg transform='translate(450,530) rotate(30)'%3E%3Crect x='8' y='0' width='4' height='30' rx='1'/%3E%3Ccircle cx='10' cy='0' r='8'/%3E%3Ccircle cx='10' cy='0' r='4' fill='%23111827'/%3E%3C/g%3E%3C!-- Bobine --%3E%3Cg transform='translate(610,550)'%3E%3Crect x='0' y='0' width='20' height='4' rx='1'/%3E%3Crect x='0' y='16' width='20' height='4' rx='1'/%3E%3Crect x='6' y='4' width='8' height='12' rx='2'/%3E%3C/g%3E%3C!-- Boulon --%3E%3Cg transform='translate(740,530)'%3E%3Cpolygon points='8,0 16,4 16,12 8,16 0,12 0,4'/%3E%3Ccircle cx='8' cy='8' r='4' fill='%23111827'/%3E%3C/g%3E%3C!-- Rabot --%3E%3Cg transform='translate(60,700) rotate(-5)'%3E%3Cpath d='M0,14 L40,14 L40,6 Q38,0 30,6 L0,6 Z'/%3E%3Crect x='16' y='0' width='6' height='8' rx='1'/%3E%3C/g%3E%3C!-- Pince --%3E%3Cg transform='translate(230,710)'%3E%3Cpath d='M4,0 Q0,8 4,14' fill='none' stroke='%239ca3af' stroke-width='3'/%3E%3Cpath d='M12,0 Q16,8 12,14' fill='none' stroke='%239ca3af' stroke-width='3'/%3E%3Ccircle cx='8' cy='14' r='4'/%3E%3Crect x='6' y='18' width='2' height='14' rx='1'/%3E%3Crect x='10' y='18' width='2' height='14' rx='1' transform='rotate(6 11 25)'/%3E%3C/g%3E%3C!-- Tissu/Rouleau --%3E%3Cg transform='translate(400,700)'%3E%3Crect x='0' y='6' width='32' height='16' rx='2'/%3E%3Cellipse cx='32' cy='14' rx='4' ry='8'/%3E%3Cellipse cx='0' cy='14' rx='4' ry='8' fill='%23111827' stroke='%239ca3af' stroke-width='1.5'/%3E%3C/g%3E%3C!-- Étoile/Qualité --%3E%3Cg transform='translate(560,710)'%3E%3Cpolygon points='10,0 13,7 20,7 14,12 16,20 10,15 4,20 6,12 0,7 7,7'/%3E%3C/g%3E%3C!-- Maillon --%3E%3Cg transform='translate(700,700)'%3E%3Crect x='0' y='2' width='14' height='10' rx='5' fill='none' stroke='%239ca3af' stroke-width='3'/%3E%3Crect x='10' y='2' width='14' height='10' rx='5' fill='none' stroke='%239ca3af' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}