:root { --theme-primary-50: #f5fbf9; --theme-primary-50-rgb: 245, 251, 249; --theme-primary-50-contrast: #111111; --theme-primary-100: #ebf7f3; --theme-primary-100-rgb: 235, 247, 243; --theme-primary-100-contrast: #111111; --theme-primary-200: #d2ece4; --theme-primary-200-rgb: 210, 236, 228; --theme-primary-200-contrast: #111111; --theme-primary-300: #aadbcc; --theme-primary-300-rgb: 170, 219, 204; --theme-primary-300-contrast: #111111; --theme-primary-400: #5fbc9f; --theme-primary-400-rgb: 95, 188, 159; --theme-primary-400-contrast: #111111; --theme-primary-500: #059669; --theme-primary-500-rgb: 5, 150, 105; --theme-primary-500-contrast: #ffffff; --theme-primary-600: #04845c; --theme-primary-600-rgb: 4, 132, 92; --theme-primary-600-contrast: #ffffff; --theme-primary-700: #047250; --theme-primary-700-rgb: 4, 114, 80; --theme-primary-700-contrast: #ffffff; --theme-primary-800: #035d41; --theme-primary-800-rgb: 3, 93, 65; --theme-primary-800-contrast: #ffffff; --theme-primary-900: #024832; --theme-primary-900-rgb: 2, 72, 50; --theme-primary-900-contrast: #ffffff; --theme-primary-950: #023324; --theme-primary-950-rgb: 2, 51, 36; --theme-primary-950-contrast: #ffffff; --theme-secondary-50: #f9f9fc; --theme-secondary-50-rgb: 249, 249, 252; --theme-secondary-50-contrast: #111111; --theme-secondary-100: #f3f3f9; --theme-secondary-100-rgb: 243, 243, 249; --theme-secondary-100-contrast: #111111; --theme-secondary-200: #e5e3f1; --theme-secondary-200-rgb: 229, 227, 241; --theme-secondary-200-contrast: #111111; --theme-secondary-300: #cecae4; --theme-secondary-300-rgb: 206, 202, 228; --theme-secondary-300-contrast: #111111; --theme-secondary-400: #a29bcd; --theme-secondary-400-rgb: 162, 155, 205; --theme-secondary-400-contrast: #111111; --theme-secondary-500: #6e63b1; --theme-secondary-500-rgb: 110, 99, 177; --theme-secondary-500-contrast: #ffffff; --theme-secondary-600: #61579c; --theme-secondary-600-rgb: 97, 87, 156; --theme-secondary-600-contrast: #ffffff; --theme-secondary-700: #544b87; --theme-secondary-700-rgb: 84, 75, 135; --theme-secondary-700-contrast: #ffffff; --theme-secondary-800: #443d6e; --theme-secondary-800-rgb: 68, 61, 110; --theme-secondary-800-contrast: #ffffff; --theme-secondary-900: #353055; --theme-secondary-900-rgb: 53, 48, 85; --theme-secondary-900-contrast: #ffffff; --theme-secondary-950: #25223c; --theme-secondary-950-rgb: 37, 34, 60; --theme-secondary-950-contrast: #ffffff; --theme-custom-50: #f5f6f6; --theme-custom-50-rgb: 245, 246, 246; --theme-custom-50-contrast: #111111; --theme-custom-100: #ecedee; --theme-custom-100-rgb: 236, 237, 238; --theme-custom-100-contrast: #111111; --theme-custom-200: #d4d5d8; --theme-custom-200-rgb: 212, 213, 216; --theme-custom-200-contrast: #111111; --theme-custom-300: #aeb0b6; --theme-custom-300-rgb: 174, 176, 182; --theme-custom-300-contrast: #111111; --theme-custom-400: #676b75; --theme-custom-400-rgb: 103, 107, 117; --theme-custom-400-contrast: #ffffff; --theme-custom-500: #111827; --theme-custom-500-rgb: 17, 24, 39; --theme-custom-500-contrast: #ffffff; --theme-custom-600: #0f1522; --theme-custom-600-rgb: 15, 21, 34; --theme-custom-600-contrast: #ffffff; --theme-custom-700: #0d121e; --theme-custom-700-rgb: 13, 18, 30; --theme-custom-700-contrast: #ffffff; --theme-custom-800: #0b0f18; --theme-custom-800-rgb: 11, 15, 24; --theme-custom-800-contrast: #ffffff; --theme-custom-900: #080c13; --theme-custom-900-rgb: 8, 12, 19; --theme-custom-900-contrast: #ffffff; --theme-custom-950: #06080d; --theme-custom-950-rgb: 6, 8, 13; --theme-custom-950-contrast: #ffffff; --theme-success-50: #f5faf7; --theme-success-50-rgb: 245, 250, 247; --theme-success-50-contrast: #111111; --theme-success-100: #ebf5ee; --theme-success-100-rgb: 235, 245, 238; --theme-success-100-contrast: #111111; --theme-success-200: #d2e8da; --theme-success-200-rgb: 210, 232, 218; --theme-success-200-contrast: #111111; --theme-success-300: #abd3b9; --theme-success-300-rgb: 171, 211, 185; --theme-success-300-contrast: #111111; --theme-success-400: #60ac7b; --theme-success-400-rgb: 96, 172, 123; --theme-success-400-contrast: #ffffff; --theme-success-500: #077d30; --theme-success-500-rgb: 7, 125, 48; --theme-success-500-contrast: #ffffff; --theme-success-600: #066e2a; --theme-success-600-rgb: 6, 110, 42; --theme-success-600-contrast: #ffffff; --theme-success-700: #055f24; --theme-success-700-rgb: 5, 95, 36; --theme-success-700-contrast: #ffffff; --theme-success-800: #044e1e; --theme-success-800-rgb: 4, 78, 30; --theme-success-800-contrast: #ffffff; --theme-success-900: #033c17; --theme-success-900-rgb: 3, 60, 23; --theme-success-900-contrast: #ffffff; --theme-success-950: #022b10; --theme-success-950-rgb: 2, 43, 16; --theme-success-950-contrast: #ffffff; --theme-warning-50: #fefef6; --theme-warning-50-rgb: 254, 254, 246; --theme-warning-50-contrast: #111111; --theme-warning-100: #fdfeec; --theme-warning-100-rgb: 253, 254, 236; --theme-warning-100-contrast: #111111; --theme-warning-200: #f9fcd5; --theme-warning-200-rgb: 249, 252, 213; --theme-warning-200-contrast: #111111; --theme-warning-300: #f4faaf; --theme-warning-300-rgb: 244, 250, 175; --theme-warning-300-contrast: #111111; --theme-warning-400: #ebf569; --theme-warning-400-rgb: 235, 245, 105; --theme-warning-400-contrast: #111111; --theme-warning-500: #e0f014; --theme-warning-500-rgb: 224, 240, 20; --theme-warning-500-contrast: #111111; --theme-warning-600: #c5d312; --theme-warning-600-rgb: 197, 211, 18; --theme-warning-600-contrast: #111111; --theme-warning-700: #aab60f; --theme-warning-700-rgb: 170, 182, 15; --theme-warning-700-contrast: #111111; --theme-warning-800: #8b950c; --theme-warning-800-rgb: 139, 149, 12; --theme-warning-800-contrast: #ffffff; --theme-warning-900: #6c730a; --theme-warning-900-rgb: 108, 115, 10; --theme-warning-900-contrast: #ffffff; --theme-warning-950: #4c5207; --theme-warning-950-rgb: 76, 82, 7; --theme-warning-950-contrast: #ffffff; --theme-info-50: #f8f7fb; --theme-info-50-rgb: 248, 247, 251; --theme-info-50-contrast: #111111; --theme-info-100: #f1eef7; --theme-info-100-rgb: 241, 238, 247; --theme-info-100-contrast: #111111; --theme-info-200: #dfd9ee; --theme-info-200-rgb: 223, 217, 238; --theme-info-200-contrast: #111111; --theme-info-300: #c2b7df; --theme-info-300-rgb: 194, 183, 223; --theme-info-300-contrast: #111111; --theme-info-400: #8d78c3; --theme-info-400-rgb: 141, 120, 195; --theme-info-400-contrast: #ffffff; --theme-info-500: #4d2ca1; --theme-info-500-rgb: 77, 44, 161; --theme-info-500-contrast: #ffffff; --theme-info-600: #44278e; --theme-info-600-rgb: 68, 39, 142; --theme-info-600-contrast: #ffffff; --theme-info-700: #3b217a; --theme-info-700-rgb: 59, 33, 122; --theme-info-700-contrast: #ffffff; --theme-info-800: #301b64; --theme-info-800-rgb: 48, 27, 100; --theme-info-800-contrast: #ffffff; --theme-info-900: #25154d; --theme-info-900-rgb: 37, 21, 77; --theme-info-900-contrast: #ffffff; --theme-info-950: #1a0f37; --theme-info-950-rgb: 26, 15, 55; --theme-info-950-contrast: #ffffff; --theme-danger-50: #fdf5f7; --theme-danger-50-rgb: 253, 245, 247; --theme-danger-50-contrast: #111111; --theme-danger-100: #fbebef; --theme-danger-100-rgb: 251, 235, 239; --theme-danger-100-contrast: #111111; --theme-danger-200: #f6d2da; --theme-danger-200-rgb: 246, 210, 218; --theme-danger-200-contrast: #111111; --theme-danger-300: #efabb9; --theme-danger-300-rgb: 239, 171, 185; --theme-danger-300-contrast: #111111; --theme-danger-400: #e0607b; --theme-danger-400-rgb: 224, 96, 123; --theme-danger-400-contrast: #ffffff; --theme-danger-500: #cf0731; --theme-danger-500-rgb: 207, 7, 49; --theme-danger-500-contrast: #ffffff; --theme-danger-600: #b6062b; --theme-danger-600-rgb: 182, 6, 43; --theme-danger-600-contrast: #ffffff; --theme-danger-700: #9d0525; --theme-danger-700-rgb: 157, 5, 37; --theme-danger-700-contrast: #ffffff; --theme-danger-800: #80041e; --theme-danger-800-rgb: 128, 4, 30; --theme-danger-800-contrast: #ffffff; --theme-danger-900: #630318; --theme-danger-900-rgb: 99, 3, 24; --theme-danger-900-contrast: #ffffff; --theme-danger-950: #460211; --theme-danger-950-rgb: 70, 2, 17; --theme-danger-950-contrast: #ffffff; --theme-gray-50: #f9f9fa; --theme-gray-50-rgb: 249, 249, 250; --theme-gray-50-contrast: #111111; --theme-gray-100: #f3f4f5; --theme-gray-100-rgb: 243, 244, 245; --theme-gray-100-contrast: #111111; --theme-gray-200: #e4e6e8; --theme-gray-200-rgb: 228, 230, 232; --theme-gray-200-contrast: #111111; --theme-gray-300: #cdcfd4; --theme-gray-300-rgb: 205, 207, 212; --theme-gray-300-contrast: #111111; --theme-gray-400: #a0a5ae; --theme-gray-400-rgb: 160, 165, 174; --theme-gray-400-contrast: #111111; --theme-gray-500: #6b7280; --theme-gray-500-rgb: 107, 114, 128; --theme-gray-500-contrast: #ffffff; --theme-gray-600: #5e6471; --theme-gray-600-rgb: 94, 100, 113; --theme-gray-600-contrast: #ffffff; --theme-gray-700: #515761; --theme-gray-700-rgb: 81, 87, 97; --theme-gray-700-contrast: #ffffff; --theme-gray-800: #42474f; --theme-gray-800-rgb: 66, 71, 79; --theme-gray-800-contrast: #ffffff; --theme-gray-900: #33373d; --theme-gray-900-rgb: 51, 55, 61; --theme-gray-900-contrast: #ffffff; --theme-gray-950: #24272c; --theme-gray-950-rgb: 36, 39, 44; --theme-gray-950-contrast: #ffffff; --theme-red-50: #fdf5f5; --theme-red-50-rgb: 253, 245, 245; --theme-red-50-contrast: #111111; --theme-red-100: #faebeb; --theme-red-100-rgb: 250, 235, 235; --theme-red-100-contrast: #111111; --theme-red-200: #f4d3d3; --theme-red-200-rgb: 244, 211, 211; --theme-red-200-contrast: #111111; --theme-red-300: #ebacac; --theme-red-300-rgb: 235, 172, 172; --theme-red-300-contrast: #111111; --theme-red-400: #d96262; --theme-red-400-rgb: 217, 98, 98; --theme-red-400-contrast: #ffffff; --theme-red-500: #c40a0a; --theme-red-500-rgb: 196, 10, 10; --theme-red-500-contrast: #ffffff; --theme-red-600: #ac0909; --theme-red-600-rgb: 172, 9, 9; --theme-red-600-contrast: #ffffff; --theme-red-700: #950808; --theme-red-700-rgb: 149, 8, 8; --theme-red-700-contrast: #ffffff; --theme-red-800: #7a0606; --theme-red-800-rgb: 122, 6, 6; --theme-red-800-contrast: #ffffff; --theme-red-900: #5e0505; --theme-red-900-rgb: 94, 5, 5; --theme-red-900-contrast: #ffffff; --theme-red-950: #430303; --theme-red-950-rgb: 67, 3, 3; --theme-red-950-contrast: #ffffff; --theme-blue-50: #f7faff; --theme-blue-50-rgb: 247, 250, 255; --theme-blue-50-contrast: #111111; --theme-blue-100: #eff5fe; --theme-blue-100-rgb: 239, 245, 254; --theme-blue-100-contrast: #111111; --theme-blue-200: #dce9fd; --theme-blue-200-rgb: 220, 233, 253; --theme-blue-200-contrast: #111111; --theme-blue-300: #bcd5fc; --theme-blue-300-rgb: 188, 213, 252; --theme-blue-300-contrast: #111111; --theme-blue-400: #82aff9; --theme-blue-400-rgb: 130, 175, 249; --theme-blue-400-contrast: #111111; --theme-blue-500: #3b82f6; --theme-blue-500-rgb: 59, 130, 246; --theme-blue-500-contrast: #ffffff; --theme-blue-600: #3472d8; --theme-blue-600-rgb: 52, 114, 216; --theme-blue-600-contrast: #ffffff; --theme-blue-700: #2d63bb; --theme-blue-700-rgb: 45, 99, 187; --theme-blue-700-contrast: #ffffff; --theme-blue-800: #255199; --theme-blue-800-rgb: 37, 81, 153; --theme-blue-800-contrast: #ffffff; --theme-blue-900: #1c3e76; --theme-blue-900-rgb: 28, 62, 118; --theme-blue-900-contrast: #ffffff; --theme-blue-950: #142c54; --theme-blue-950-rgb: 20, 44, 84; --theme-blue-950-contrast: #ffffff; --theme-indigo-50: #fbf5ff; --theme-indigo-50-rgb: 251, 245, 255; --theme-indigo-50-contrast: #111111; --theme-indigo-100: #f7ebff; --theme-indigo-100-rgb: 247, 235, 255; --theme-indigo-100-contrast: #111111; --theme-indigo-200: #edd1fe; --theme-indigo-200-rgb: 237, 209, 254; --theme-indigo-200-contrast: #111111; --theme-indigo-300: #dda8fe; --theme-indigo-300-rgb: 221, 168, 254; --theme-indigo-300-contrast: #111111; --theme-indigo-400: #be5cfd; --theme-indigo-400-rgb: 190, 92, 253; --theme-indigo-400-contrast: #ffffff; --theme-indigo-500: #9a00fc; --theme-indigo-500-rgb: 154, 0, 252; --theme-indigo-500-contrast: #ffffff; --theme-indigo-600: #8800de; --theme-indigo-600-rgb: 136, 0, 222; --theme-indigo-600-contrast: #ffffff; --theme-indigo-700: #7500c0; --theme-indigo-700-rgb: 117, 0, 192; --theme-indigo-700-contrast: #ffffff; --theme-indigo-800: #5f009c; --theme-indigo-800-rgb: 95, 0, 156; --theme-indigo-800-contrast: #ffffff; --theme-indigo-900: #4a0079; --theme-indigo-900-rgb: 74, 0, 121; --theme-indigo-900-contrast: #ffffff; --theme-indigo-950: #340056; --theme-indigo-950-rgb: 52, 0, 86; --theme-indigo-950-contrast: #ffffff; --theme-emerald-50: #f5f9f6; --theme-emerald-50-rgb: 245, 249, 246; --theme-emerald-50-contrast: #111111; --theme-emerald-100: #ebf3ed; --theme-emerald-100-rgb: 235, 243, 237; --theme-emerald-100-contrast: #111111; --theme-emerald-200: #d2e3d7; --theme-emerald-200-rgb: 210, 227, 215; --theme-emerald-200-contrast: #111111; --theme-emerald-300: #a9cab3; --theme-emerald-300-rgb: 169, 202, 179; --theme-emerald-300-contrast: #111111; --theme-emerald-400: #5e9b6f; --theme-emerald-400-rgb: 94, 155, 111; --theme-emerald-400-contrast: #ffffff; --theme-emerald-500: #03631e; --theme-emerald-500-rgb: 3, 99, 30; --theme-emerald-500-contrast: #ffffff; --theme-emerald-600: #03571a; --theme-emerald-600-rgb: 3, 87, 26; --theme-emerald-600-contrast: #ffffff; --theme-emerald-700: #024b17; --theme-emerald-700-rgb: 2, 75, 23; --theme-emerald-700-contrast: #ffffff; --theme-emerald-800: #023d13; --theme-emerald-800-rgb: 2, 61, 19; --theme-emerald-800-contrast: #ffffff; --theme-emerald-900: #01300e; --theme-emerald-900-rgb: 1, 48, 14; --theme-emerald-900-contrast: #ffffff; --theme-emerald-950: #01220a; --theme-emerald-950-rgb: 1, 34, 10; --theme-emerald-950-contrast: #ffffff; --theme-action-main-50: #f5fbf9; --theme-action-main-50-rgb: 245, 251, 249; --theme-action-main-50-contrast: #111111; --theme-action-main-100: #ebf7f3; --theme-action-main-100-rgb: 235, 247, 243; --theme-action-main-100-contrast: #111111; --theme-action-main-200: #d2ece4; --theme-action-main-200-rgb: 210, 236, 228; --theme-action-main-200-contrast: #111111; --theme-action-main-300: #aadbcc; --theme-action-main-300-rgb: 170, 219, 204; --theme-action-main-300-contrast: #111111; --theme-action-main-400: #5fbc9f; --theme-action-main-400-rgb: 95, 188, 159; --theme-action-main-400-contrast: #111111; --theme-action-main-500: #059669; --theme-action-main-500-rgb: 5, 150, 105; --theme-action-main-500-contrast: #ffffff; --theme-action-main-600: #04845c; --theme-action-main-600-rgb: 4, 132, 92; --theme-action-main-600-contrast: #ffffff; --theme-action-main-700: #047250; --theme-action-main-700-rgb: 4, 114, 80; --theme-action-main-700-contrast: #ffffff; --theme-action-main-800: #035d41; --theme-action-main-800-rgb: 3, 93, 65; --theme-action-main-800-contrast: #ffffff; --theme-action-main-900: #024832; --theme-action-main-900-rgb: 2, 72, 50; --theme-action-main-900-contrast: #ffffff; --theme-action-main-950: #023324; --theme-action-main-950-rgb: 2, 51, 36; --theme-action-main-950-contrast: #ffffff; --theme-action-main-dark-50: #f5fbf9; --theme-action-main-dark-50-rgb: 245, 251, 249; --theme-action-main-dark-50-contrast: #111111; --theme-action-main-dark-100: #ebf7f3; --theme-action-main-dark-100-rgb: 235, 247, 243; --theme-action-main-dark-100-contrast: #111111; --theme-action-main-dark-200: #d2ece4; --theme-action-main-dark-200-rgb: 210, 236, 228; --theme-action-main-dark-200-contrast: #111111; --theme-action-main-dark-300: #aadbcc; --theme-action-main-dark-300-rgb: 170, 219, 204; --theme-action-main-dark-300-contrast: #111111; --theme-action-main-dark-400: #5fbc9f; --theme-action-main-dark-400-rgb: 95, 188, 159; --theme-action-main-dark-400-contrast: #111111; --theme-action-main-dark-500: #059669; --theme-action-main-dark-500-rgb: 5, 150, 105; --theme-action-main-dark-500-contrast: #ffffff; --theme-action-main-dark-600: #04845c; --theme-action-main-dark-600-rgb: 4, 132, 92; --theme-action-main-dark-600-contrast: #ffffff; --theme-action-main-dark-700: #047250; --theme-action-main-dark-700-rgb: 4, 114, 80; --theme-action-main-dark-700-contrast: #ffffff; --theme-action-main-dark-800: #035d41; --theme-action-main-dark-800-rgb: 3, 93, 65; --theme-action-main-dark-800-contrast: #ffffff; --theme-action-main-dark-900: #024832; --theme-action-main-dark-900-rgb: 2, 72, 50; --theme-action-main-dark-900-contrast: #ffffff; --theme-action-main-dark-950: #023324; --theme-action-main-dark-950-rgb: 2, 51, 36; --theme-action-main-dark-950-contrast: #ffffff; --theme-action-secondary-50: #f9f9fc; --theme-action-secondary-50-rgb: 249, 249, 252; --theme-action-secondary-50-contrast: #111111; --theme-action-secondary-100: #f3f3f9; --theme-action-secondary-100-rgb: 243, 243, 249; --theme-action-secondary-100-contrast: #111111; --theme-action-secondary-200: #e5e3f1; --theme-action-secondary-200-rgb: 229, 227, 241; --theme-action-secondary-200-contrast: #111111; --theme-action-secondary-300: #cecae4; --theme-action-secondary-300-rgb: 206, 202, 228; --theme-action-secondary-300-contrast: #111111; --theme-action-secondary-400: #a29bcd; --theme-action-secondary-400-rgb: 162, 155, 205; --theme-action-secondary-400-contrast: #111111; --theme-action-secondary-500: #6e63b1; --theme-action-secondary-500-rgb: 110, 99, 177; --theme-action-secondary-500-contrast: #ffffff; --theme-action-secondary-600: #61579c; --theme-action-secondary-600-rgb: 97, 87, 156; --theme-action-secondary-600-contrast: #ffffff; --theme-action-secondary-700: #544b87; --theme-action-secondary-700-rgb: 84, 75, 135; --theme-action-secondary-700-contrast: #ffffff; --theme-action-secondary-800: #443d6e; --theme-action-secondary-800-rgb: 68, 61, 110; --theme-action-secondary-800-contrast: #ffffff; --theme-action-secondary-900: #353055; --theme-action-secondary-900-rgb: 53, 48, 85; --theme-action-secondary-900-contrast: #ffffff; --theme-action-secondary-950: #25223c; --theme-action-secondary-950-rgb: 37, 34, 60; --theme-action-secondary-950-contrast: #ffffff; --theme-action-secondary-dark-50: #f9f9fc; --theme-action-secondary-dark-50-rgb: 249, 249, 252; --theme-action-secondary-dark-50-contrast: #111111; --theme-action-secondary-dark-100: #f3f3f9; --theme-action-secondary-dark-100-rgb: 243, 243, 249; --theme-action-secondary-dark-100-contrast: #111111; --theme-action-secondary-dark-200: #e5e3f1; --theme-action-secondary-dark-200-rgb: 229, 227, 241; --theme-action-secondary-dark-200-contrast: #111111; --theme-action-secondary-dark-300: #cecae4; --theme-action-secondary-dark-300-rgb: 206, 202, 228; --theme-action-secondary-dark-300-contrast: #111111; --theme-action-secondary-dark-400: #a29bcd; --theme-action-secondary-dark-400-rgb: 162, 155, 205; --theme-action-secondary-dark-400-contrast: #111111; --theme-action-secondary-dark-500: #6e63b1; --theme-action-secondary-dark-500-rgb: 110, 99, 177; --theme-action-secondary-dark-500-contrast: #ffffff; --theme-action-secondary-dark-600: #61579c; --theme-action-secondary-dark-600-rgb: 97, 87, 156; --theme-action-secondary-dark-600-contrast: #ffffff; --theme-action-secondary-dark-700: #544b87; --theme-action-secondary-dark-700-rgb: 84, 75, 135; --theme-action-secondary-dark-700-contrast: #ffffff; --theme-action-secondary-dark-800: #443d6e; --theme-action-secondary-dark-800-rgb: 68, 61, 110; --theme-action-secondary-dark-800-contrast: #ffffff; --theme-action-secondary-dark-900: #353055; --theme-action-secondary-dark-900-rgb: 53, 48, 85; --theme-action-secondary-dark-900-contrast: #ffffff; --theme-action-secondary-dark-950: #25223c; --theme-action-secondary-dark-950-rgb: 37, 34, 60; --theme-action-secondary-dark-950-contrast: #ffffff; --theme-action-cancel-50: #f9f9fa; --theme-action-cancel-50-rgb: 249, 249, 250; --theme-action-cancel-50-contrast: #111111; --theme-action-cancel-100: #f3f4f5; --theme-action-cancel-100-rgb: 243, 244, 245; --theme-action-cancel-100-contrast: #111111; --theme-action-cancel-200: #e4e6e8; --theme-action-cancel-200-rgb: 228, 230, 232; --theme-action-cancel-200-contrast: #111111; --theme-action-cancel-300: #cdcfd4; --theme-action-cancel-300-rgb: 205, 207, 212; --theme-action-cancel-300-contrast: #111111; --theme-action-cancel-400: #a0a5ae; --theme-action-cancel-400-rgb: 160, 165, 174; --theme-action-cancel-400-contrast: #111111; --theme-action-cancel-500: #6b7280; --theme-action-cancel-500-rgb: 107, 114, 128; --theme-action-cancel-500-contrast: #ffffff; --theme-action-cancel-600: #5e6471; --theme-action-cancel-600-rgb: 94, 100, 113; --theme-action-cancel-600-contrast: #ffffff; --theme-action-cancel-700: #515761; --theme-action-cancel-700-rgb: 81, 87, 97; --theme-action-cancel-700-contrast: #ffffff; --theme-action-cancel-800: #42474f; --theme-action-cancel-800-rgb: 66, 71, 79; --theme-action-cancel-800-contrast: #ffffff; --theme-action-cancel-900: #33373d; --theme-action-cancel-900-rgb: 51, 55, 61; --theme-action-cancel-900-contrast: #ffffff; --theme-action-cancel-950: #24272c; --theme-action-cancel-950-rgb: 36, 39, 44; --theme-action-cancel-950-contrast: #ffffff; --theme-action-cancel-dark-50: #f9f9fa; --theme-action-cancel-dark-50-rgb: 249, 249, 250; --theme-action-cancel-dark-50-contrast: #111111; --theme-action-cancel-dark-100: #f3f4f5; --theme-action-cancel-dark-100-rgb: 243, 244, 245; --theme-action-cancel-dark-100-contrast: #111111; --theme-action-cancel-dark-200: #e4e6e8; --theme-action-cancel-dark-200-rgb: 228, 230, 232; --theme-action-cancel-dark-200-contrast: #111111; --theme-action-cancel-dark-300: #cdcfd4; --theme-action-cancel-dark-300-rgb: 205, 207, 212; --theme-action-cancel-dark-300-contrast: #111111; --theme-action-cancel-dark-400: #a0a5ae; --theme-action-cancel-dark-400-rgb: 160, 165, 174; --theme-action-cancel-dark-400-contrast: #111111; --theme-action-cancel-dark-500: #6b7280; --theme-action-cancel-dark-500-rgb: 107, 114, 128; --theme-action-cancel-dark-500-contrast: #ffffff; --theme-action-cancel-dark-600: #5e6471; --theme-action-cancel-dark-600-rgb: 94, 100, 113; --theme-action-cancel-dark-600-contrast: #ffffff; --theme-action-cancel-dark-700: #515761; --theme-action-cancel-dark-700-rgb: 81, 87, 97; --theme-action-cancel-dark-700-contrast: #ffffff; --theme-action-cancel-dark-800: #42474f; --theme-action-cancel-dark-800-rgb: 66, 71, 79; --theme-action-cancel-dark-800-contrast: #ffffff; --theme-action-cancel-dark-900: #33373d; --theme-action-cancel-dark-900-rgb: 51, 55, 61; --theme-action-cancel-dark-900-contrast: #ffffff; --theme-action-cancel-dark-950: #24272c; --theme-action-cancel-dark-950-rgb: 36, 39, 44; --theme-action-cancel-dark-950-contrast: #ffffff; --theme-sidebar-surface-50: #feffff; --theme-sidebar-surface-50-rgb: 254, 255, 255; --theme-sidebar-surface-50-contrast: #111111; --theme-sidebar-surface-100: #fdfefe; --theme-sidebar-surface-100-rgb: 253, 254, 254; --theme-sidebar-surface-100-contrast: #111111; --theme-sidebar-surface-200: #fbfefd; --theme-sidebar-surface-200-rgb: 251, 254, 253; --theme-sidebar-surface-200-contrast: #111111; --theme-sidebar-surface-300: #f8fcfb; --theme-sidebar-surface-300-rgb: 248, 252, 251; --theme-sidebar-surface-300-contrast: #111111; --theme-sidebar-surface-400: #f2faf7; --theme-sidebar-surface-400-rgb: 242, 250, 247; --theme-sidebar-surface-400-contrast: #111111; --theme-sidebar-surface-500: #ebf7f3; --theme-sidebar-surface-500-rgb: 235, 247, 243; --theme-sidebar-surface-500-contrast: #111111; --theme-sidebar-surface-600: #cfd9d6; --theme-sidebar-surface-600-rgb: 207, 217, 214; --theme-sidebar-surface-600-contrast: #111111; --theme-sidebar-surface-700: #b3bcb9; --theme-sidebar-surface-700-rgb: 179, 188, 185; --theme-sidebar-surface-700-contrast: #111111; --theme-sidebar-surface-800: #929997; --theme-sidebar-surface-800-rgb: 146, 153, 151; --theme-sidebar-surface-800-contrast: #111111; --theme-sidebar-surface-900: #717775; --theme-sidebar-surface-900-rgb: 113, 119, 117; --theme-sidebar-surface-900-contrast: #ffffff; --theme-sidebar-surface-950: #505453; --theme-sidebar-surface-950-rgb: 80, 84, 83; --theme-sidebar-surface-950-contrast: #ffffff; --theme-sidebar-surface-dark-50: #feffff; --theme-sidebar-surface-dark-50-rgb: 254, 255, 255; --theme-sidebar-surface-dark-50-contrast: #111111; --theme-sidebar-surface-dark-100: #fdfefe; --theme-sidebar-surface-dark-100-rgb: 253, 254, 254; --theme-sidebar-surface-dark-100-contrast: #111111; --theme-sidebar-surface-dark-200: #fbfefd; --theme-sidebar-surface-dark-200-rgb: 251, 254, 253; --theme-sidebar-surface-dark-200-contrast: #111111; --theme-sidebar-surface-dark-300: #f8fcfb; --theme-sidebar-surface-dark-300-rgb: 248, 252, 251; --theme-sidebar-surface-dark-300-contrast: #111111; --theme-sidebar-surface-dark-400: #f2faf7; --theme-sidebar-surface-dark-400-rgb: 242, 250, 247; --theme-sidebar-surface-dark-400-contrast: #111111; --theme-sidebar-surface-dark-500: #ebf7f3; --theme-sidebar-surface-dark-500-rgb: 235, 247, 243; --theme-sidebar-surface-dark-500-contrast: #111111; --theme-sidebar-surface-dark-600: #cfd9d6; --theme-sidebar-surface-dark-600-rgb: 207, 217, 214; --theme-sidebar-surface-dark-600-contrast: #111111; --theme-sidebar-surface-dark-700: #b3bcb9; --theme-sidebar-surface-dark-700-rgb: 179, 188, 185; --theme-sidebar-surface-dark-700-contrast: #111111; --theme-sidebar-surface-dark-800: #929997; --theme-sidebar-surface-dark-800-rgb: 146, 153, 151; --theme-sidebar-surface-dark-800-contrast: #111111; --theme-sidebar-surface-dark-900: #717775; --theme-sidebar-surface-dark-900-rgb: 113, 119, 117; --theme-sidebar-surface-dark-900-contrast: #ffffff; --theme-sidebar-surface-dark-950: #505453; --theme-sidebar-surface-dark-950-rgb: 80, 84, 83; --theme-sidebar-surface-dark-950-contrast: #ffffff; --theme-sidebar-active-50: #f9f8fb; --theme-sidebar-active-50-rgb: 249, 248, 251; --theme-sidebar-active-50-contrast: #111111; --theme-sidebar-active-100: #f2f2f7; --theme-sidebar-active-100-rgb: 242, 242, 247; --theme-sidebar-active-100-contrast: #111111; --theme-sidebar-active-200: #e3e1ed; --theme-sidebar-active-200-rgb: 227, 225, 237; --theme-sidebar-active-200-contrast: #111111; --theme-sidebar-active-300: #c9c6dd; --theme-sidebar-active-300-rgb: 201, 198, 221; --theme-sidebar-active-300-contrast: #111111; --theme-sidebar-active-400: #9a93c0; --theme-sidebar-active-400-rgb: 154, 147, 192; --theme-sidebar-active-400-contrast: #111111; --theme-sidebar-active-500: #61579c; --theme-sidebar-active-500-rgb: 97, 87, 156; --theme-sidebar-active-500-contrast: #ffffff; --theme-sidebar-active-600: #554d89; --theme-sidebar-active-600-rgb: 85, 77, 137; --theme-sidebar-active-600-contrast: #ffffff; --theme-sidebar-active-700: #4a4277; --theme-sidebar-active-700-rgb: 74, 66, 119; --theme-sidebar-active-700-contrast: #ffffff; --theme-sidebar-active-800: #3c3661; --theme-sidebar-active-800-rgb: 60, 54, 97; --theme-sidebar-active-800-contrast: #ffffff; --theme-sidebar-active-900: #2f2a4b; --theme-sidebar-active-900-rgb: 47, 42, 75; --theme-sidebar-active-900-contrast: #ffffff; --theme-sidebar-active-950: #211e35; --theme-sidebar-active-950-rgb: 33, 30, 53; --theme-sidebar-active-950-contrast: #ffffff; --theme-sidebar-active-dark-50: #f9f8fb; --theme-sidebar-active-dark-50-rgb: 249, 248, 251; --theme-sidebar-active-dark-50-contrast: #111111; --theme-sidebar-active-dark-100: #f2f2f7; --theme-sidebar-active-dark-100-rgb: 242, 242, 247; --theme-sidebar-active-dark-100-contrast: #111111; --theme-sidebar-active-dark-200: #e3e1ed; --theme-sidebar-active-dark-200-rgb: 227, 225, 237; --theme-sidebar-active-dark-200-contrast: #111111; --theme-sidebar-active-dark-300: #c9c6dd; --theme-sidebar-active-dark-300-rgb: 201, 198, 221; --theme-sidebar-active-dark-300-contrast: #111111; --theme-sidebar-active-dark-400: #9a93c0; --theme-sidebar-active-dark-400-rgb: 154, 147, 192; --theme-sidebar-active-dark-400-contrast: #111111; --theme-sidebar-active-dark-500: #61579c; --theme-sidebar-active-dark-500-rgb: 97, 87, 156; --theme-sidebar-active-dark-500-contrast: #ffffff; --theme-sidebar-active-dark-600: #554d89; --theme-sidebar-active-dark-600-rgb: 85, 77, 137; --theme-sidebar-active-dark-600-contrast: #ffffff; --theme-sidebar-active-dark-700: #4a4277; --theme-sidebar-active-dark-700-rgb: 74, 66, 119; --theme-sidebar-active-dark-700-contrast: #ffffff; --theme-sidebar-active-dark-800: #3c3661; --theme-sidebar-active-dark-800-rgb: 60, 54, 97; --theme-sidebar-active-dark-800-contrast: #ffffff; --theme-sidebar-active-dark-900: #2f2a4b; --theme-sidebar-active-dark-900-rgb: 47, 42, 75; --theme-sidebar-active-dark-900-contrast: #ffffff; --theme-sidebar-active-dark-950: #211e35; --theme-sidebar-active-dark-950-rgb: 33, 30, 53; --theme-sidebar-active-dark-950-contrast: #ffffff; --theme-header-surface-50: #f5fbf9; --theme-header-surface-50-rgb: 245, 251, 249; --theme-header-surface-50-contrast: #111111; --theme-header-surface-100: #ebf7f3; --theme-header-surface-100-rgb: 235, 247, 243; --theme-header-surface-100-contrast: #111111; --theme-header-surface-200: #d2ece4; --theme-header-surface-200-rgb: 210, 236, 228; --theme-header-surface-200-contrast: #111111; --theme-header-surface-300: #aadbcc; --theme-header-surface-300-rgb: 170, 219, 204; --theme-header-surface-300-contrast: #111111; --theme-header-surface-400: #5fbc9f; --theme-header-surface-400-rgb: 95, 188, 159; --theme-header-surface-400-contrast: #111111; --theme-header-surface-500: #059669; --theme-header-surface-500-rgb: 5, 150, 105; --theme-header-surface-500-contrast: #ffffff; --theme-header-surface-600: #04845c; --theme-header-surface-600-rgb: 4, 132, 92; --theme-header-surface-600-contrast: #ffffff; --theme-header-surface-700: #047250; --theme-header-surface-700-rgb: 4, 114, 80; --theme-header-surface-700-contrast: #ffffff; --theme-header-surface-800: #035d41; --theme-header-surface-800-rgb: 3, 93, 65; --theme-header-surface-800-contrast: #ffffff; --theme-header-surface-900: #024832; --theme-header-surface-900-rgb: 2, 72, 50; --theme-header-surface-900-contrast: #ffffff; --theme-header-surface-950: #023324; --theme-header-surface-950-rgb: 2, 51, 36; --theme-header-surface-950-contrast: #ffffff; --theme-header-surface-dark-50: #f5fbf9; --theme-header-surface-dark-50-rgb: 245, 251, 249; --theme-header-surface-dark-50-contrast: #111111; --theme-header-surface-dark-100: #ebf7f3; --theme-header-surface-dark-100-rgb: 235, 247, 243; --theme-header-surface-dark-100-contrast: #111111; --theme-header-surface-dark-200: #d2ece4; --theme-header-surface-dark-200-rgb: 210, 236, 228; --theme-header-surface-dark-200-contrast: #111111; --theme-header-surface-dark-300: #aadbcc; --theme-header-surface-dark-300-rgb: 170, 219, 204; --theme-header-surface-dark-300-contrast: #111111; --theme-header-surface-dark-400: #5fbc9f; --theme-header-surface-dark-400-rgb: 95, 188, 159; --theme-header-surface-dark-400-contrast: #111111; --theme-header-surface-dark-500: #059669; --theme-header-surface-dark-500-rgb: 5, 150, 105; --theme-header-surface-dark-500-contrast: #ffffff; --theme-header-surface-dark-600: #04845c; --theme-header-surface-dark-600-rgb: 4, 132, 92; --theme-header-surface-dark-600-contrast: #ffffff; --theme-header-surface-dark-700: #047250; --theme-header-surface-dark-700-rgb: 4, 114, 80; --theme-header-surface-dark-700-contrast: #ffffff; --theme-header-surface-dark-800: #035d41; --theme-header-surface-dark-800-rgb: 3, 93, 65; --theme-header-surface-dark-800-contrast: #ffffff; --theme-header-surface-dark-900: #024832; --theme-header-surface-dark-900-rgb: 2, 72, 50; --theme-header-surface-dark-900-contrast: #ffffff; --theme-header-surface-dark-950: #023324; --theme-header-surface-dark-950-rgb: 2, 51, 36; --theme-header-surface-dark-950-contrast: #ffffff; --theme-topbar-nav-50: #feffff; --theme-topbar-nav-50-rgb: 254, 255, 255; --theme-topbar-nav-50-contrast: #111111; --theme-topbar-nav-100: #fdfefe; --theme-topbar-nav-100-rgb: 253, 254, 254; --theme-topbar-nav-100-contrast: #111111; --theme-topbar-nav-200: #fbfefd; --theme-topbar-nav-200-rgb: 251, 254, 253; --theme-topbar-nav-200-contrast: #111111; --theme-topbar-nav-300: #f8fcfb; --theme-topbar-nav-300-rgb: 248, 252, 251; --theme-topbar-nav-300-contrast: #111111; --theme-topbar-nav-400: #f2faf7; --theme-topbar-nav-400-rgb: 242, 250, 247; --theme-topbar-nav-400-contrast: #111111; --theme-topbar-nav-500: #ebf7f3; --theme-topbar-nav-500-rgb: 235, 247, 243; --theme-topbar-nav-500-contrast: #111111; --theme-topbar-nav-600: #cfd9d6; --theme-topbar-nav-600-rgb: 207, 217, 214; --theme-topbar-nav-600-contrast: #111111; --theme-topbar-nav-700: #b3bcb9; --theme-topbar-nav-700-rgb: 179, 188, 185; --theme-topbar-nav-700-contrast: #111111; --theme-topbar-nav-800: #929997; --theme-topbar-nav-800-rgb: 146, 153, 151; --theme-topbar-nav-800-contrast: #111111; --theme-topbar-nav-900: #717775; --theme-topbar-nav-900-rgb: 113, 119, 117; --theme-topbar-nav-900-contrast: #ffffff; --theme-topbar-nav-950: #505453; --theme-topbar-nav-950-rgb: 80, 84, 83; --theme-topbar-nav-950-contrast: #ffffff; --theme-topbar-nav-dark-50: #feffff; --theme-topbar-nav-dark-50-rgb: 254, 255, 255; --theme-topbar-nav-dark-50-contrast: #111111; --theme-topbar-nav-dark-100: #fdfefe; --theme-topbar-nav-dark-100-rgb: 253, 254, 254; --theme-topbar-nav-dark-100-contrast: #111111; --theme-topbar-nav-dark-200: #fbfefd; --theme-topbar-nav-dark-200-rgb: 251, 254, 253; --theme-topbar-nav-dark-200-contrast: #111111; --theme-topbar-nav-dark-300: #f8fcfb; --theme-topbar-nav-dark-300-rgb: 248, 252, 251; --theme-topbar-nav-dark-300-contrast: #111111; --theme-topbar-nav-dark-400: #f2faf7; --theme-topbar-nav-dark-400-rgb: 242, 250, 247; --theme-topbar-nav-dark-400-contrast: #111111; --theme-topbar-nav-dark-500: #ebf7f3; --theme-topbar-nav-dark-500-rgb: 235, 247, 243; --theme-topbar-nav-dark-500-contrast: #111111; --theme-topbar-nav-dark-600: #cfd9d6; --theme-topbar-nav-dark-600-rgb: 207, 217, 214; --theme-topbar-nav-dark-600-contrast: #111111; --theme-topbar-nav-dark-700: #b3bcb9; --theme-topbar-nav-dark-700-rgb: 179, 188, 185; --theme-topbar-nav-dark-700-contrast: #111111; --theme-topbar-nav-dark-800: #929997; --theme-topbar-nav-dark-800-rgb: 146, 153, 151; --theme-topbar-nav-dark-800-contrast: #111111; --theme-topbar-nav-dark-900: #717775; --theme-topbar-nav-dark-900-rgb: 113, 119, 117; --theme-topbar-nav-dark-900-contrast: #ffffff; --theme-topbar-nav-dark-950: #505453; --theme-topbar-nav-dark-950-rgb: 80, 84, 83; --theme-topbar-nav-dark-950-contrast: #ffffff; --theme-topbar-nav-active-50: #f9f8fb; --theme-topbar-nav-active-50-rgb: 249, 248, 251; --theme-topbar-nav-active-50-contrast: #111111; --theme-topbar-nav-active-100: #f2f2f7; --theme-topbar-nav-active-100-rgb: 242, 242, 247; --theme-topbar-nav-active-100-contrast: #111111; --theme-topbar-nav-active-200: #e3e1ed; --theme-topbar-nav-active-200-rgb: 227, 225, 237; --theme-topbar-nav-active-200-contrast: #111111; --theme-topbar-nav-active-300: #c9c6dd; --theme-topbar-nav-active-300-rgb: 201, 198, 221; --theme-topbar-nav-active-300-contrast: #111111; --theme-topbar-nav-active-400: #9a93c0; --theme-topbar-nav-active-400-rgb: 154, 147, 192; --theme-topbar-nav-active-400-contrast: #111111; --theme-topbar-nav-active-500: #61579c; --theme-topbar-nav-active-500-rgb: 97, 87, 156; --theme-topbar-nav-active-500-contrast: #ffffff; --theme-topbar-nav-active-600: #554d89; --theme-topbar-nav-active-600-rgb: 85, 77, 137; --theme-topbar-nav-active-600-contrast: #ffffff; --theme-topbar-nav-active-700: #4a4277; --theme-topbar-nav-active-700-rgb: 74, 66, 119; --theme-topbar-nav-active-700-contrast: #ffffff; --theme-topbar-nav-active-800: #3c3661; --theme-topbar-nav-active-800-rgb: 60, 54, 97; --theme-topbar-nav-active-800-contrast: #ffffff; --theme-topbar-nav-active-900: #2f2a4b; --theme-topbar-nav-active-900-rgb: 47, 42, 75; --theme-topbar-nav-active-900-contrast: #ffffff; --theme-topbar-nav-active-950: #211e35; --theme-topbar-nav-active-950-rgb: 33, 30, 53; --theme-topbar-nav-active-950-contrast: #ffffff; --theme-topbar-nav-active-dark-50: #f9f8fb; --theme-topbar-nav-active-dark-50-rgb: 249, 248, 251; --theme-topbar-nav-active-dark-50-contrast: #111111; --theme-topbar-nav-active-dark-100: #f2f2f7; --theme-topbar-nav-active-dark-100-rgb: 242, 242, 247; --theme-topbar-nav-active-dark-100-contrast: #111111; --theme-topbar-nav-active-dark-200: #e3e1ed; --theme-topbar-nav-active-dark-200-rgb: 227, 225, 237; --theme-topbar-nav-active-dark-200-contrast: #111111; --theme-topbar-nav-active-dark-300: #c9c6dd; --theme-topbar-nav-active-dark-300-rgb: 201, 198, 221; --theme-topbar-nav-active-dark-300-contrast: #111111; --theme-topbar-nav-active-dark-400: #9a93c0; --theme-topbar-nav-active-dark-400-rgb: 154, 147, 192; --theme-topbar-nav-active-dark-400-contrast: #111111; --theme-topbar-nav-active-dark-500: #61579c; --theme-topbar-nav-active-dark-500-rgb: 97, 87, 156; --theme-topbar-nav-active-dark-500-contrast: #ffffff; --theme-topbar-nav-active-dark-600: #554d89; --theme-topbar-nav-active-dark-600-rgb: 85, 77, 137; --theme-topbar-nav-active-dark-600-contrast: #ffffff; --theme-topbar-nav-active-dark-700: #4a4277; --theme-topbar-nav-active-dark-700-rgb: 74, 66, 119; --theme-topbar-nav-active-dark-700-contrast: #ffffff; --theme-topbar-nav-active-dark-800: #3c3661; --theme-topbar-nav-active-dark-800-rgb: 60, 54, 97; --theme-topbar-nav-active-dark-800-contrast: #ffffff; --theme-topbar-nav-active-dark-900: #2f2a4b; --theme-topbar-nav-active-dark-900-rgb: 47, 42, 75; --theme-topbar-nav-active-dark-900-contrast: #ffffff; --theme-topbar-nav-active-dark-950: #211e35; --theme-topbar-nav-active-dark-950-rgb: 33, 30, 53; --theme-topbar-nav-active-dark-950-contrast: #ffffff; --theme-dropdown-surface-50: #ffffff; --theme-dropdown-surface-50-rgb: 255, 255, 255; --theme-dropdown-surface-50-contrast: #111111; --theme-dropdown-surface-100: #ffffff; --theme-dropdown-surface-100-rgb: 255, 255, 255; --theme-dropdown-surface-100-contrast: #111111; --theme-dropdown-surface-200: #ffffff; --theme-dropdown-surface-200-rgb: 255, 255, 255; --theme-dropdown-surface-200-contrast: #111111; --theme-dropdown-surface-300: #ffffff; --theme-dropdown-surface-300-rgb: 255, 255, 255; --theme-dropdown-surface-300-contrast: #111111; --theme-dropdown-surface-400: #ffffff; --theme-dropdown-surface-400-rgb: 255, 255, 255; --theme-dropdown-surface-400-contrast: #111111; --theme-dropdown-surface-500: #ffffff; --theme-dropdown-surface-500-rgb: 255, 255, 255; --theme-dropdown-surface-500-contrast: #111111; --theme-dropdown-surface-600: #e0e0e0; --theme-dropdown-surface-600-rgb: 224, 224, 224; --theme-dropdown-surface-600-contrast: #111111; --theme-dropdown-surface-700: #c2c2c2; --theme-dropdown-surface-700-rgb: 194, 194, 194; --theme-dropdown-surface-700-contrast: #111111; --theme-dropdown-surface-800: #9e9e9e; --theme-dropdown-surface-800-rgb: 158, 158, 158; --theme-dropdown-surface-800-contrast: #111111; --theme-dropdown-surface-900: #7a7a7a; --theme-dropdown-surface-900-rgb: 122, 122, 122; --theme-dropdown-surface-900-contrast: #ffffff; --theme-dropdown-surface-950: #575757; --theme-dropdown-surface-950-rgb: 87, 87, 87; --theme-dropdown-surface-950-contrast: #ffffff; --theme-dropdown-surface-dark-50: #f7f8f8; --theme-dropdown-surface-dark-50-rgb: 247, 248, 248; --theme-dropdown-surface-dark-50-contrast: #111111; --theme-dropdown-surface-dark-100: #f0f0f1; --theme-dropdown-surface-dark-100-rgb: 240, 240, 241; --theme-dropdown-surface-dark-100-contrast: #111111; --theme-dropdown-surface-dark-200: #dddedf; --theme-dropdown-surface-dark-200-rgb: 221, 222, 223; --theme-dropdown-surface-dark-200-contrast: #111111; --theme-dropdown-surface-dark-300: #bfc0c3; --theme-dropdown-surface-dark-300-rgb: 191, 192, 195; --theme-dropdown-surface-dark-300-contrast: #111111; --theme-dropdown-surface-dark-400: #86898e; --theme-dropdown-surface-dark-400-rgb: 134, 137, 142; --theme-dropdown-surface-dark-400-contrast: #ffffff; --theme-dropdown-surface-dark-500: #42474f; --theme-dropdown-surface-dark-500-rgb: 66, 71, 79; --theme-dropdown-surface-dark-500-contrast: #ffffff; --theme-dropdown-surface-dark-600: #3a3e46; --theme-dropdown-surface-dark-600-rgb: 58, 62, 70; --theme-dropdown-surface-dark-600-contrast: #ffffff; --theme-dropdown-surface-dark-700: #32363c; --theme-dropdown-surface-dark-700-rgb: 50, 54, 60; --theme-dropdown-surface-dark-700-contrast: #ffffff; --theme-dropdown-surface-dark-800: #292c31; --theme-dropdown-surface-dark-800-rgb: 41, 44, 49; --theme-dropdown-surface-dark-800-contrast: #ffffff; --theme-dropdown-surface-dark-900: #202226; --theme-dropdown-surface-dark-900-rgb: 32, 34, 38; --theme-dropdown-surface-dark-900-contrast: #ffffff; --theme-dropdown-surface-dark-950: #16181b; --theme-dropdown-surface-dark-950-rgb: 22, 24, 27; --theme-dropdown-surface-dark-950-contrast: #ffffff; --theme-modal-surface-50: #ffffff; --theme-modal-surface-50-rgb: 255, 255, 255; --theme-modal-surface-50-contrast: #111111; --theme-modal-surface-100: #ffffff; --theme-modal-surface-100-rgb: 255, 255, 255; --theme-modal-surface-100-contrast: #111111; --theme-modal-surface-200: #ffffff; --theme-modal-surface-200-rgb: 255, 255, 255; --theme-modal-surface-200-contrast: #111111; --theme-modal-surface-300: #ffffff; --theme-modal-surface-300-rgb: 255, 255, 255; --theme-modal-surface-300-contrast: #111111; --theme-modal-surface-400: #ffffff; --theme-modal-surface-400-rgb: 255, 255, 255; --theme-modal-surface-400-contrast: #111111; --theme-modal-surface-500: #ffffff; --theme-modal-surface-500-rgb: 255, 255, 255; --theme-modal-surface-500-contrast: #111111; --theme-modal-surface-600: #e0e0e0; --theme-modal-surface-600-rgb: 224, 224, 224; --theme-modal-surface-600-contrast: #111111; --theme-modal-surface-700: #c2c2c2; --theme-modal-surface-700-rgb: 194, 194, 194; --theme-modal-surface-700-contrast: #111111; --theme-modal-surface-800: #9e9e9e; --theme-modal-surface-800-rgb: 158, 158, 158; --theme-modal-surface-800-contrast: #111111; --theme-modal-surface-900: #7a7a7a; --theme-modal-surface-900-rgb: 122, 122, 122; --theme-modal-surface-900-contrast: #ffffff; --theme-modal-surface-950: #575757; --theme-modal-surface-950-rgb: 87, 87, 87; --theme-modal-surface-950-contrast: #ffffff; --theme-modal-surface-dark-50: #f5f5f5; --theme-modal-surface-dark-50-rgb: 245, 245, 245; --theme-modal-surface-dark-50-contrast: #111111; --theme-modal-surface-dark-100: #ebebeb; --theme-modal-surface-dark-100-rgb: 235, 235, 235; --theme-modal-surface-dark-100-contrast: #111111; --theme-modal-surface-dark-200: #d1d1d1; --theme-modal-surface-dark-200-rgb: 209, 209, 209; --theme-modal-surface-dark-200-contrast: #111111; --theme-modal-surface-dark-300: #a8a8a8; --theme-modal-surface-dark-300-rgb: 168, 168, 168; --theme-modal-surface-dark-300-contrast: #111111; --theme-modal-surface-dark-400: #5c5c5c; --theme-modal-surface-dark-400-rgb: 92, 92, 92; --theme-modal-surface-dark-400-contrast: #ffffff; --theme-modal-surface-dark-500: #000000; --theme-modal-surface-dark-500-rgb: 0, 0, 0; --theme-modal-surface-dark-500-contrast: #ffffff; --theme-modal-surface-dark-600: #000000; --theme-modal-surface-dark-600-rgb: 0, 0, 0; --theme-modal-surface-dark-600-contrast: #ffffff; --theme-modal-surface-dark-700: #000000; --theme-modal-surface-dark-700-rgb: 0, 0, 0; --theme-modal-surface-dark-700-contrast: #ffffff; --theme-modal-surface-dark-800: #000000; --theme-modal-surface-dark-800-rgb: 0, 0, 0; --theme-modal-surface-dark-800-contrast: #ffffff; --theme-modal-surface-dark-900: #000000; --theme-modal-surface-dark-900-rgb: 0, 0, 0; --theme-modal-surface-dark-900-contrast: #ffffff; --theme-modal-surface-dark-950: #000000; --theme-modal-surface-dark-950-rgb: 0, 0, 0; --theme-modal-surface-dark-950-contrast: #ffffff; --theme-card-surface-50: #ffffff; --theme-card-surface-50-rgb: 255, 255, 255; --theme-card-surface-50-contrast: #111111; --theme-card-surface-100: #ffffff; --theme-card-surface-100-rgb: 255, 255, 255; --theme-card-surface-100-contrast: #111111; --theme-card-surface-200: #ffffff; --theme-card-surface-200-rgb: 255, 255, 255; --theme-card-surface-200-contrast: #111111; --theme-card-surface-300: #ffffff; --theme-card-surface-300-rgb: 255, 255, 255; --theme-card-surface-300-contrast: #111111; --theme-card-surface-400: #ffffff; --theme-card-surface-400-rgb: 255, 255, 255; --theme-card-surface-400-contrast: #111111; --theme-card-surface-500: #ffffff; --theme-card-surface-500-rgb: 255, 255, 255; --theme-card-surface-500-contrast: #111111; --theme-card-surface-600: #e0e0e0; --theme-card-surface-600-rgb: 224, 224, 224; --theme-card-surface-600-contrast: #111111; --theme-card-surface-700: #c2c2c2; --theme-card-surface-700-rgb: 194, 194, 194; --theme-card-surface-700-contrast: #111111; --theme-card-surface-800: #9e9e9e; --theme-card-surface-800-rgb: 158, 158, 158; --theme-card-surface-800-contrast: #111111; --theme-card-surface-900: #7a7a7a; --theme-card-surface-900-rgb: 122, 122, 122; --theme-card-surface-900-contrast: #ffffff; --theme-card-surface-950: #575757; --theme-card-surface-950-rgb: 87, 87, 87; --theme-card-surface-950-contrast: #ffffff; --theme-card-surface-dark-50: #ffffff; --theme-card-surface-dark-50-rgb: 255, 255, 255; --theme-card-surface-dark-50-contrast: #111111; --theme-card-surface-dark-100: #ffffff; --theme-card-surface-dark-100-rgb: 255, 255, 255; --theme-card-surface-dark-100-contrast: #111111; --theme-card-surface-dark-200: #ffffff; --theme-card-surface-dark-200-rgb: 255, 255, 255; --theme-card-surface-dark-200-contrast: #111111; --theme-card-surface-dark-300: #ffffff; --theme-card-surface-dark-300-rgb: 255, 255, 255; --theme-card-surface-dark-300-contrast: #111111; --theme-card-surface-dark-400: #ffffff; --theme-card-surface-dark-400-rgb: 255, 255, 255; --theme-card-surface-dark-400-contrast: #111111; --theme-card-surface-dark-500: #ffffff; --theme-card-surface-dark-500-rgb: 255, 255, 255; --theme-card-surface-dark-500-contrast: #111111; --theme-card-surface-dark-600: #e0e0e0; --theme-card-surface-dark-600-rgb: 224, 224, 224; --theme-card-surface-dark-600-contrast: #111111; --theme-card-surface-dark-700: #c2c2c2; --theme-card-surface-dark-700-rgb: 194, 194, 194; --theme-card-surface-dark-700-contrast: #111111; --theme-card-surface-dark-800: #9e9e9e; --theme-card-surface-dark-800-rgb: 158, 158, 158; --theme-card-surface-dark-800-contrast: #111111; --theme-card-surface-dark-900: #7a7a7a; --theme-card-surface-dark-900-rgb: 122, 122, 122; --theme-card-surface-dark-900-contrast: #ffffff; --theme-card-surface-dark-950: #575757; --theme-card-surface-dark-950-rgb: 87, 87, 87; --theme-card-surface-dark-950-contrast: #ffffff; --theme-primary: #059669; --theme-primary-rgb: 5, 150, 105; --theme-primary-contrast: #ffffff; --theme-primary-soft: rgba(5, 150, 105, 0.18); --theme-white: #ffffff; --theme-white-rgb: 255, 255, 255; --theme-black: #000000; --theme-black-rgb: 0, 0, 0; --theme-custom: #111827; --theme-custom-rgb: 17, 24, 39; --theme-custom-contrast: #ffffff; --theme-sidebar-bg: rgba(235, 247, 243, 1.00); --theme-sidebar-bg-rgb: 235, 247, 243; --theme-sidebar-bg-alpha: 1.00; --theme-sidebar-text: #111111; --theme-sidebar-bg-dark: rgba(235, 247, 243, 1.00); --theme-sidebar-bg-dark-rgb: 235, 247, 243; --theme-sidebar-bg-dark-alpha: 1.00; --theme-sidebar-text-dark: #ffffff; --theme-sidebar-active-bg: rgba(97, 87, 156, 1.00); --theme-sidebar-active-bg-rgb: 97, 87, 156; --theme-sidebar-active-bg-alpha: 1.00; --theme-sidebar-active-text: #ffffff; --theme-sidebar-active-bg-dark: rgba(97, 87, 156, 1.00); --theme-sidebar-active-bg-dark-rgb: 97, 87, 156; --theme-sidebar-active-bg-dark-alpha: 1.00; --theme-sidebar-active-text-dark: #ffffff; --theme-sidebar-force-dark-in-light: 0; --theme-sidebar-hover-bg-light-rgb: 97, 87, 156; --theme-sidebar-hover-bg-light-alpha: 0.14; --theme-sidebar-hover-bg-dark-rgb: 97, 87, 156; --theme-sidebar-hover-bg-dark-alpha: 0.24; --theme-header-bg: rgba(5, 150, 105, 1.00); --theme-header-bg-rgb: 5, 150, 105; --theme-header-bg-alpha: 1.00; --theme-header-text: #ecedee; --theme-header-bg-dark: rgba(5, 150, 105, 1.00); --theme-header-bg-dark-rgb: 5, 150, 105; --theme-header-bg-dark-alpha: 1.00; --theme-header-text-dark: #ffffff; --theme-action-main: #059669; --theme-action-main-rgb: 5, 150, 105; --theme-action-main-contrast: #ffffff; --theme-action-main-outlined-light: 0; --theme-action-main-dark: #059669; --theme-action-main-dark-rgb: 5, 150, 105; --theme-action-main-dark-contrast: #ffffff; --theme-action-main-outlined-dark: 0; --theme-action-main-bg-light: #059669; --theme-action-main-bg-light-rgb: 5, 150, 105; --theme-action-main-text-light: #ffffff; --theme-action-main-bg-dark: #059669; --theme-action-main-bg-dark-rgb: 5, 150, 105; --theme-action-main-text-dark: #ffffff; --theme-action-cancel-bg-light: #6b7280; --theme-action-cancel-bg-light-rgb: 107, 114, 128; --theme-action-cancel-text-light: #ffffff; --theme-action-cancel-bg-dark: #6b7280; --theme-action-cancel-bg-dark-rgb: 107, 114, 128; --theme-action-cancel-text-dark: #ffffff; --theme-action-cancel-outlined-light: 1; --theme-action-cancel-outlined-dark: 1; --theme-action-secondary-bg-light: #6e63b1; --theme-action-secondary-bg-light-rgb: 110, 99, 177; --theme-action-secondary-text-light: #ffffff; --theme-action-secondary-bg-dark: #6e63b1; --theme-action-secondary-bg-dark-rgb: 110, 99, 177; --theme-action-secondary-text-dark: #ffffff; --theme-action-secondary-outlined-light: 0; --theme-action-secondary-outlined-dark: 0; --theme-toggle-outlined-light: 0; --theme-toggle-outlined-dark: 0; --theme-toggle-active-text-light: #ffffff; --theme-toggle-inactive-text-light: #000000; --theme-toggle-active-text-dark: #ffffff; --theme-toggle-inactive-text-dark: #ffffff; --theme-toggle-active-bg-dark-opacity: 0.50; --theme-toggle-inactive-bg-dark-opacity: 0.00; --theme-tabs-active-bg-light: #443d6e; --theme-tabs-active-bg-light-rgb: 68, 61, 110; --theme-tabs-active-text-light: #ffffff; --theme-tabs-active-bg-dark: #443d6e; --theme-tabs-active-bg-dark-rgb: 68, 61, 110; --theme-tabs-active-text-dark: #ffffff; --theme-tabs-active-border-dark: #443d6e; --theme-tabs-active-outlined-dark: 1; --theme-tabs-active-font-weight: 800; --theme-tabs-active-font-style: normal; --theme-collapsible-title-light: #6e63b1; --theme-collapsible-title-dark: #cecae4; --theme-collapsible-info-icon-light: #6e63b1; --theme-collapsible-info-icon-dark: #cecae4; --theme-collapsible-preview-button-light: #6e63b1; --theme-collapsible-preview-button-light-rgb: 110, 99, 177; --theme-collapsible-preview-button-text-light: #ffffff; --theme-collapsible-preview-button-dark: #cecae4; --theme-collapsible-preview-button-dark-rgb: 206, 202, 228; --theme-collapsible-preview-button-outlined-dark: 1; --theme-collapsible-bg-light: #e5e3f1; --theme-collapsible-bg-light-rgb: 229, 227, 241; --theme-collapsible-bg-dark: #e5e3f1; --theme-collapsible-bg-dark-rgb: 229, 227, 241; --theme-collapsible-bg-dark-opacity: 1.00; --theme-action-force-dark-in-light: 0; --theme-action-button-radius: 0.75rem; --theme-action-button-border-width: 0px; --theme-table-radius: 0.75rem; --theme-section-radius: 0.75rem; --theme-opacity-light: 0.80; --theme-opacity-dark: 0.10; --theme-content-bg-rgb: 255, 255, 255; --theme-content-bg-alpha: 1.00; --theme-content-bg: rgba(255, 255, 255, 1.00); --theme-content-text: #111111; --theme-content-bg-dark-rgb: 0, 0, 0; --theme-content-bg-dark-alpha: 1.00; --theme-content-bg-dark: rgba(0, 0, 0, 1.00); --theme-content-text-dark: #ffffff; --theme-input-disabled-bg: rgba(107, 114, 128, 1.00); --theme-input-disabled-rgb: 107, 114, 128; --theme-input-disabled-bg-alpha: 1.00; --theme-input-disabled-text: #ffffff; --theme-input-disabled-bg-dark: rgba(107, 114, 128, 1.00); --theme-input-disabled-rgb-dark: 107, 114, 128; --theme-input-disabled-bg-alpha-dark: 1.00; --theme-input-disabled-text-dark: #ffffff; --theme-table-header-bg: rgba(235, 247, 243, 1.00); --theme-table-header-rgb: 235, 247, 243; --theme-table-header-bg-alpha: 1.00; --theme-table-header-text: #111111; --theme-table-header-bg-dark: rgba(235, 247, 243, 1.00); --theme-table-header-rgb-dark: 235, 247, 243; --theme-table-header-bg-alpha-dark: 1.00; --theme-table-header-text-dark: #111111; --theme-table-filter-bg: rgba(255, 255, 255, 1.00); --theme-table-filter-rgb: 255, 255, 255; --theme-table-filter-bg-alpha: 1.00; --theme-table-filter-bg-dark: rgba(255, 255, 255, 1.00); --theme-table-filter-rgb-dark: 255, 255, 255; --theme-table-filter-bg-alpha-dark: 1.00; --theme-sidebar-collapsible: 1; --theme-sidebar-footer-enabled: 0; --theme-navigation-layout: sidebar; --theme-topbar-nav-bg-light-rgb: 235, 247, 243; --theme-topbar-nav-bg-light-alpha: 1.00; --theme-topbar-nav-bg-dark-rgb: 235, 247, 243; --theme-topbar-nav-bg-dark-alpha: 1.00; --theme-topbar-nav-active-bg-light-rgb: 97, 87, 156; --theme-topbar-nav-active-bg-light-alpha: 0.25; --theme-topbar-nav-active-bg-dark-rgb: 97, 87, 156; --theme-topbar-nav-active-bg-dark-alpha: 0.25; --theme-topbar-nav-hover-bg-light-rgb: 97, 87, 156; --theme-topbar-nav-hover-bg-light-alpha: 0.14; --theme-topbar-nav-hover-bg-dark-rgb: 97, 87, 156; --theme-topbar-nav-hover-bg-dark-alpha: 0.24; --theme-topbar-nav-text-light: #ecedee; --theme-topbar-nav-text-dark: #111111; --theme-header-force-dark-in-light: 0; --theme-focus-ring-light-rgb: 17, 24, 39; --theme-focus-ring-dark-rgb: 17, 24, 39; --theme-focus-ring-light-alpha: 0.40; --theme-focus-ring-dark-alpha: 0.40; --theme-card-bg-light-rgb: 255, 255, 255; --theme-card-bg-light-alpha: 1.00; --theme-card-bg-dark-rgb: 255, 255, 255; --theme-card-bg-dark-alpha: 1.00; --theme-modal-bg-light-rgb: 255, 255, 255; --theme-modal-bg-light-alpha: 1.00; --theme-modal-bg-dark-rgb: 0, 0, 0; --theme-modal-bg-dark-alpha: 1.00; --theme-table-row-hover-light-rgb: 110, 99, 177; --theme-table-row-hover-light-alpha: 0.10; --theme-table-row-hover-dark-rgb: 110, 99, 177; --theme-table-row-hover-dark-alpha: 0.10; --theme-table-row-selected-light-rgb: 5, 150, 105; --theme-table-row-selected-light-alpha: 0.16; --theme-table-row-selected-dark-rgb: 5, 150, 105; --theme-table-row-selected-dark-alpha: 0.16; --theme-table-toolbar-bg-light-rgb: 235, 247, 243; --theme-table-toolbar-bg-light-alpha: 1.00; --theme-table-toolbar-bg-dark-rgb: 235, 247, 243; --theme-table-toolbar-bg-dark-alpha: 1.00; --theme-input-bg-light-rgb: 255, 255, 255; --theme-input-bg-light-alpha: 1.00; --theme-input-bg-dark-rgb: 255, 255, 255; --theme-input-bg-dark-alpha: 1.00; --theme-input-invalid-bg-light-rgb: 207, 7, 49; --theme-input-invalid-bg-light-alpha: 0.14; --theme-input-invalid-bg-dark-rgb: 207, 7, 49; --theme-input-invalid-bg-dark-alpha: 0.14; --theme-select-dropdown-bg-light-rgb: 255, 255, 255; --theme-select-dropdown-bg-light-alpha: 1.00; --theme-select-dropdown-bg-dark-rgb: 66, 71, 79; --theme-select-dropdown-bg-dark-alpha: 1.00; --theme-dropdown-bg-light-rgb: 255, 255, 255; --theme-dropdown-bg-light-alpha: 1.00; --theme-dropdown-bg-dark-rgb: 66, 71, 79; --theme-dropdown-bg-dark-alpha: 1.00; --theme-select-option-hover-light-rgb: 110, 99, 177; --theme-select-option-hover-light-alpha: 0.10; --theme-select-option-hover-dark-rgb: 110, 99, 177; --theme-select-option-hover-dark-alpha: 0.10; --theme-action-shadow-style: soft; --theme-container-max-width: full; --theme-table-density: comfortable; --theme-transition-speed: normal; --theme-enable-animations: 1; --theme-action-alignment: right; --theme-action-alignment-mobile: right; --theme-secondary: #6e63b1; --theme-secondary-rgb: 110, 99, 177; --theme-secondary-contrast: #ffffff; --theme-success: #077d30; --theme-success-rgb: 7, 125, 48; --theme-success-contrast: #ffffff; --theme-warning: #e0f014; --theme-warning-rgb: 224, 240, 20; --theme-warning-contrast: #111111; --theme-info: #4d2ca1; --theme-info-rgb: 77, 44, 161; --theme-info-contrast: #ffffff; --theme-danger: #cf0731; --theme-danger-rgb: 207, 7, 49; --theme-danger-contrast: #ffffff; --theme-danger-dark: #a90828; --theme-danger-dark-rgb: 169, 8, 40; --theme-danger-dark-contrast: #ffffff; --theme-gray: #6b7280; --theme-radius: 0.75rem; --theme-spacing: 1rem; --theme-shadow-style: soft; --theme-font-family: IBM Plex Sans; --theme-base-size: 14px; --theme-base-font-weight: 700; --theme-base-font-style: normal; --theme-form-radius: var(--theme-radius, 0.75rem); --theme-button-radius: var(--theme-action-button-radius, 0.75rem); --theme-table-radius-effective: var(--theme-table-radius, 0.75rem); --theme-section-radius-effective: var(--theme-section-radius, 0.75rem); --theme-button-border-width: var(--theme-action-button-border-width, 1px); --theme-effective-spacing: var(--theme-spacing, 0.75rem); --theme-action-align-justify: flex-end; --theme-action-align-justify-mobile: flex-end; --theme-shadow-offset: 2px; --theme-shadow-color-opacity: 0.16; --theme-shadow-color-rgb: 15, 23, 42; --theme-shadow-token: 0 0 #0000; --theme-shadow-token: var(--theme-shadow-offset) var(--theme-shadow-offset) 0 rgba(var(--theme-shadow-color-rgb), var(--theme-shadow-color-opacity)); --theme-main-button-color: var(--theme-action-main-bg-light, var(--theme-custom, var(--theme-action-main))); --theme-main-button-color-rgb: var(--theme-action-main-bg-light-rgb, var(--theme-custom-rgb, var(--theme-action-main-rgb))); --theme-main-button-dark-color: var(--theme-action-main-bg-dark, var(--theme-main-button-color)); --theme-main-button-dark-color-rgb: var(--theme-action-main-bg-dark-rgb, var(--theme-main-button-color-rgb)); --theme-main-button-light-text: var(--theme-action-main-text-light, #111111); --theme-main-button-dark-text: var(--theme-action-main-text-dark, #ffffff); /* Tailwind-like generated palette mapping (theme base color = 500). */ --primary-50: var(--theme-primary-50, var(--theme-primary)); --primary-100: var(--theme-primary-100, var(--theme-primary)); --primary-200: var(--theme-primary-200, var(--theme-primary)); --primary-300: var(--theme-primary-300, var(--theme-primary)); --primary-400: var(--theme-primary-400, var(--theme-primary)); --primary-500: var(--theme-primary-500, var(--theme-primary)); --primary-600: var(--theme-primary-600, var(--theme-primary)); --primary-700: var(--theme-primary-700, var(--theme-primary)); --primary-800: var(--theme-primary-800, var(--theme-primary)); --primary-900: var(--theme-primary-900, var(--theme-primary)); --primary-950: var(--theme-primary-950, var(--theme-primary)); --secondary-50: var(--theme-secondary-50, var(--theme-secondary, var(--theme-primary))); --secondary-100: var(--theme-secondary-100, var(--theme-secondary, var(--theme-primary))); --secondary-200: var(--theme-secondary-200, var(--theme-secondary, var(--theme-primary))); --secondary-300: var(--theme-secondary-300, var(--theme-secondary, var(--theme-primary))); --secondary-400: var(--theme-secondary-400, var(--theme-secondary, var(--theme-primary))); --secondary-500: var(--theme-secondary-500, var(--theme-secondary, var(--theme-primary))); --secondary-600: var(--theme-secondary-600, var(--theme-secondary, var(--theme-primary))); --secondary-700: var(--theme-secondary-700, var(--theme-secondary, var(--theme-primary))); --secondary-800: var(--theme-secondary-800, var(--theme-secondary, var(--theme-primary))); --secondary-900: var(--theme-secondary-900, var(--theme-secondary, var(--theme-primary))); --secondary-950: var(--theme-secondary-950, var(--theme-secondary, var(--theme-primary))); --custom-50: var(--theme-custom-50, var(--theme-custom)); --custom-100: var(--theme-custom-100, var(--theme-custom)); --custom-200: var(--theme-custom-200, var(--theme-custom)); --custom-300: var(--theme-custom-300, var(--theme-custom)); --custom-400: var(--theme-custom-400, var(--theme-custom)); --custom-500: var(--theme-custom-500, var(--theme-custom)); --custom-600: var(--theme-custom-600, var(--theme-custom)); --custom-700: var(--theme-custom-700, var(--theme-custom)); --custom-800: var(--theme-custom-800, var(--theme-custom)); --custom-900: var(--theme-custom-900, var(--theme-custom)); --custom-950: var(--theme-custom-950, var(--theme-custom)); --success-50: var(--theme-success-50, var(--theme-success)); --success-100: var(--theme-success-100, var(--theme-success)); --success-200: var(--theme-success-200, var(--theme-success)); --success-300: var(--theme-success-300, var(--theme-success)); --success-400: var(--theme-success-400, var(--theme-success)); --success-500: var(--theme-success-500, var(--theme-success)); --success-600: var(--theme-success-600, var(--theme-success)); --success-700: var(--theme-success-700, var(--theme-success)); --success-800: var(--theme-success-800, var(--theme-success)); --success-900: var(--theme-success-900, var(--theme-success)); --success-950: var(--theme-success-950, var(--theme-success)); --warning-50: var(--theme-warning-50, var(--theme-warning)); --warning-100: var(--theme-warning-100, var(--theme-warning)); --warning-200: var(--theme-warning-200, var(--theme-warning)); --warning-300: var(--theme-warning-300, var(--theme-warning)); --warning-400: var(--theme-warning-400, var(--theme-warning)); --warning-500: var(--theme-warning-500, var(--theme-warning)); --warning-600: var(--theme-warning-600, var(--theme-warning)); --warning-700: var(--theme-warning-700, var(--theme-warning)); --warning-800: var(--theme-warning-800, var(--theme-warning)); --warning-900: var(--theme-warning-900, var(--theme-warning)); --warning-950: var(--theme-warning-950, var(--theme-warning)); --info-50: var(--theme-info-50, var(--theme-info)); --info-100: var(--theme-info-100, var(--theme-info)); --info-200: var(--theme-info-200, var(--theme-info)); --info-300: var(--theme-info-300, var(--theme-info)); --info-400: var(--theme-info-400, var(--theme-info)); --info-500: var(--theme-info-500, var(--theme-info)); --info-600: var(--theme-info-600, var(--theme-info)); --info-700: var(--theme-info-700, var(--theme-info)); --info-800: var(--theme-info-800, var(--theme-info)); --info-900: var(--theme-info-900, var(--theme-info)); --info-950: var(--theme-info-950, var(--theme-info)); --danger-50: var(--theme-danger-50, var(--theme-danger)); --danger-100: var(--theme-danger-100, var(--theme-danger)); --danger-200: var(--theme-danger-200, var(--theme-danger)); --danger-300: var(--theme-danger-300, var(--theme-danger)); --danger-400: var(--theme-danger-400, var(--theme-danger)); --danger-500: var(--theme-danger-500, var(--theme-danger)); --danger-600: var(--theme-danger-600, var(--theme-danger)); --danger-700: var(--theme-danger-700, var(--theme-danger)); --danger-800: var(--theme-danger-800, var(--theme-danger)); --danger-900: var(--theme-danger-900, var(--theme-danger)); --danger-950: var(--theme-danger-950, var(--theme-danger)); --gray-50: var(--theme-gray-50, var(--theme-gray)); --gray-100: var(--theme-gray-100, var(--theme-gray)); --gray-200: var(--theme-gray-200, var(--theme-gray)); --gray-300: var(--theme-gray-300, var(--theme-gray)); --gray-400: var(--theme-gray-400, var(--theme-gray)); --gray-500: var(--theme-gray-500, var(--theme-gray)); --gray-600: var(--theme-gray-600, var(--theme-gray)); --gray-700: var(--theme-gray-700, var(--theme-gray)); --gray-800: var(--theme-gray-800, var(--theme-gray)); --gray-900: var(--theme-gray-900, var(--theme-gray)); --gray-950: var(--theme-gray-950, var(--theme-gray)); --red-50: var(--theme-red-50, var(--theme-red-500)); --red-100: var(--theme-red-100, var(--theme-red-500)); --red-200: var(--theme-red-200, var(--theme-red-500)); --red-300: var(--theme-red-300, var(--theme-red-500)); --red-400: var(--theme-red-400, var(--theme-red-500)); --red-500: var(--theme-red-500, var(--theme-red-500)); --red-600: var(--theme-red-600, var(--theme-red-500)); --red-700: var(--theme-red-700, var(--theme-red-500)); --red-800: var(--theme-red-800, var(--theme-red-500)); --red-900: var(--theme-red-900, var(--theme-red-500)); --red-950: var(--theme-red-950, var(--theme-red-500)); --blue-50: var(--theme-blue-50, var(--theme-blue-500)); --blue-100: var(--theme-blue-100, var(--theme-blue-500)); --blue-200: var(--theme-blue-200, var(--theme-blue-500)); --blue-300: var(--theme-blue-300, var(--theme-blue-500)); --blue-400: var(--theme-blue-400, var(--theme-blue-500)); --blue-500: var(--theme-blue-500, var(--theme-blue-500)); --blue-600: var(--theme-blue-600, var(--theme-blue-500)); --blue-700: var(--theme-blue-700, var(--theme-blue-500)); --blue-800: var(--theme-blue-800, var(--theme-blue-500)); --blue-900: var(--theme-blue-900, var(--theme-blue-500)); --blue-950: var(--theme-blue-950, var(--theme-blue-500)); --indigo-50: var(--theme-indigo-50, var(--theme-indigo-500)); --indigo-100: var(--theme-indigo-100, var(--theme-indigo-500)); --indigo-200: var(--theme-indigo-200, var(--theme-indigo-500)); --indigo-300: var(--theme-indigo-300, var(--theme-indigo-500)); --indigo-400: var(--theme-indigo-400, var(--theme-indigo-500)); --indigo-500: var(--theme-indigo-500, var(--theme-indigo-500)); --indigo-600: var(--theme-indigo-600, var(--theme-indigo-500)); --indigo-700: var(--theme-indigo-700, var(--theme-indigo-500)); --indigo-800: var(--theme-indigo-800, var(--theme-indigo-500)); --indigo-900: var(--theme-indigo-900, var(--theme-indigo-500)); --indigo-950: var(--theme-indigo-950, var(--theme-indigo-500)); --emerald-50: var(--theme-emerald-50, var(--theme-emerald-500)); --emerald-100: var(--theme-emerald-100, var(--theme-emerald-500)); --emerald-200: var(--theme-emerald-200, var(--theme-emerald-500)); --emerald-300: var(--theme-emerald-300, var(--theme-emerald-500)); --emerald-400: var(--theme-emerald-400, var(--theme-emerald-500)); --emerald-500: var(--theme-emerald-500, var(--theme-emerald-500)); --emerald-600: var(--theme-emerald-600, var(--theme-emerald-500)); --emerald-700: var(--theme-emerald-700, var(--theme-emerald-500)); --emerald-800: var(--theme-emerald-800, var(--theme-emerald-500)); --emerald-900: var(--theme-emerald-900, var(--theme-emerald-500)); --emerald-950: var(--theme-emerald-950, var(--theme-emerald-500)); /* Bridge variables for package CSS that expects --neo-* tokens. */ --neo-radius-sm: var(--theme-button-radius); --neo-radius-md: var(--theme-button-radius); --neo-radius-lg: var(--theme-button-radius); --neo-radius-xl: var(--theme-button-radius); --neo-spacing-sm: var(--theme-effective-spacing); --neo-spacing-md: var(--theme-effective-spacing); --neo-spacing-lg: calc(var(--theme-effective-spacing) * 1.25); --neo-shadow-offset-sm: 1px; --neo-shadow-offset-md: 2px; --neo-shadow-offset-lg: 3px; --neo-shadow-offset-xl: 4px; } html:not(.dark) { --theme-mode-opacity: var(--theme-opacity-light, 0.35); --theme-surface-tint-layer: linear-gradient( rgba(255, 255, 255, calc(1 - var(--theme-mode-opacity, 1))), rgba(255, 255, 255, calc(1 - var(--theme-mode-opacity, 1))) ); --theme-sidebar-bg-effective-rgb: var(--theme-sidebar-bg-rgb); --theme-sidebar-bg-effective-alpha: var(--theme-sidebar-bg-alpha, 1); --theme-sidebar-text-effective: var(--theme-sidebar-text, #ffffff); --theme-sidebar-active-bg-effective-rgb: var(--theme-sidebar-active-bg-rgb); --theme-sidebar-active-bg-effective-alpha: var(--theme-sidebar-active-bg-alpha, 1); --theme-sidebar-active-text-effective: var(--theme-sidebar-active-text, #ffffff); --theme-header-bg-effective-rgb: var(--theme-header-bg-rgb); --theme-header-bg-effective-alpha: var(--theme-header-bg-alpha, 1); --theme-header-text-effective: var(--theme-header-text, #ffffff); --theme-content-bg-effective-rgb: var(--theme-content-bg-rgb); --theme-content-bg-effective-alpha: var(--theme-content-bg-alpha, 1); --theme-content-text-effective: var(--theme-content-text); --theme-input-disabled-effective-rgb: var(--theme-input-disabled-rgb); --theme-input-disabled-effective-alpha: var(--theme-input-disabled-bg-alpha, 1); --theme-input-disabled-text-effective: var(--theme-input-disabled-text, #6b7280); --theme-table-header-effective-rgb: var(--theme-table-header-rgb); --theme-table-header-effective-alpha: var(--theme-table-header-bg-alpha, 1); --theme-table-header-text-effective: var(--theme-table-header-text, #ffffff); --theme-table-filter-effective-rgb: var(--theme-table-filter-rgb, var(--theme-table-header-rgb)); --theme-table-filter-effective-alpha: var(--theme-table-filter-bg-alpha, var(--theme-table-header-bg-alpha, 1)); --theme-danger-effective: var(--theme-danger); --theme-danger-effective-rgb: var(--theme-danger-rgb); --theme-danger-effective-contrast: var(--theme-danger-contrast, #ffffff); } .dark { --theme-mode-opacity: var(--theme-opacity-dark, 0.35); --theme-surface-tint-layer: linear-gradient( rgba(0, 0, 0, calc(1 - var(--theme-mode-opacity, 1))), rgba(0, 0, 0, calc(1 - var(--theme-mode-opacity, 1))) ); --theme-sidebar-bg-effective-rgb: var(--theme-sidebar-bg-dark-rgb, var(--theme-sidebar-bg-rgb)); --theme-sidebar-bg-effective-alpha: var(--theme-sidebar-bg-dark-alpha, var(--theme-sidebar-bg-alpha, 1)); --theme-sidebar-text-effective: var(--theme-sidebar-text-dark, var(--theme-sidebar-text, #ffffff)); --theme-sidebar-active-bg-effective-rgb: var(--theme-sidebar-active-bg-dark-rgb, var(--theme-sidebar-active-bg-rgb)); --theme-sidebar-active-bg-effective-alpha: var(--theme-sidebar-active-bg-dark-alpha, var(--theme-sidebar-active-bg-alpha, 1)); --theme-sidebar-active-text-effective: var(--theme-sidebar-active-text-dark, var(--theme-sidebar-active-text, #ffffff)); --theme-header-bg-effective-rgb: var(--theme-header-bg-dark-rgb, var(--theme-header-bg-rgb)); --theme-header-bg-effective-alpha: var(--theme-header-bg-dark-alpha, var(--theme-header-bg-alpha, 1)); --theme-header-text-effective: var(--theme-header-text-dark, var(--theme-header-text, #ffffff)); --theme-content-bg-effective-rgb: var(--theme-content-bg-dark-rgb, var(--theme-content-bg-rgb)); --theme-content-bg-effective-alpha: var(--theme-content-bg-dark-alpha, var(--theme-content-bg-alpha, 1)); --theme-content-text-effective: var(--theme-content-text-dark, var(--theme-content-text)); --theme-input-disabled-effective-rgb: var(--theme-input-disabled-rgb-dark, var(--theme-input-disabled-rgb)); --theme-input-disabled-effective-alpha: var(--theme-input-disabled-bg-alpha-dark, var(--theme-input-disabled-bg-alpha, 1)); --theme-input-disabled-text-effective: var(--theme-input-disabled-text-dark, var(--theme-input-disabled-text, #6b7280)); --theme-table-header-effective-rgb: var(--theme-table-header-rgb-dark, var(--theme-table-header-rgb)); --theme-table-header-effective-alpha: var(--theme-table-header-bg-alpha-dark, var(--theme-table-header-bg-alpha, 1)); --theme-table-header-text-effective: var(--theme-table-header-text-dark, var(--theme-table-header-text, #ffffff)); --theme-table-filter-effective-rgb: var(--theme-table-filter-rgb-dark, var(--theme-table-filter-rgb, var(--theme-table-header-rgb-dark, var(--theme-table-header-rgb)))); --theme-table-filter-effective-alpha: var(--theme-table-filter-bg-alpha-dark, var(--theme-table-filter-bg-alpha, var(--theme-table-header-bg-alpha-dark, var(--theme-table-header-bg-alpha, 1)))); --theme-danger-effective: var(--theme-danger-dark, var(--theme-danger)); --theme-danger-effective-rgb: var(--theme-danger-dark-rgb, var(--theme-danger-rgb)); --theme-danger-effective-contrast: var(--theme-danger-dark-contrast, var(--theme-danger-contrast, #ffffff)); } html:not(.dark) { --theme-focus-ring-effective-rgb: var(--theme-focus-ring-light-rgb); --theme-focus-ring-effective-alpha: var(--theme-focus-ring-light-alpha, 0.4); --theme-border-effective: var(--theme-border-color-light); --theme-link-effective: var(--theme-link-color-light); --theme-link-hover-effective: var(--theme-link-hover-color-light); --theme-heading-effective: var(--theme-heading-color-light); --theme-section-title-effective: var(--theme-section-title-color-light); --theme-card-bg-effective-rgb: var(--theme-card-bg-light-rgb); --theme-card-bg-effective-alpha: var(--theme-card-bg-light-alpha, 1); --theme-card-border-effective: var(--theme-card-border-color-light); --theme-modal-bg-effective-rgb: var(--theme-modal-bg-light-rgb); --theme-modal-bg-effective-alpha: var(--theme-modal-bg-light-alpha, 1); --theme-modal-border-effective: var(--theme-modal-border-color-light); --theme-modal-title-effective: var(--theme-modal-title-color-light); --theme-table-row-hover-effective-rgb: var(--theme-table-row-hover-light-rgb); --theme-table-row-hover-effective-alpha: var(--theme-table-row-hover-light-alpha, 0.1); --theme-table-row-selected-effective-rgb: var(--theme-table-row-selected-light-rgb); --theme-table-row-selected-effective-alpha: var(--theme-table-row-selected-light-alpha, 0.16); --theme-table-toolbar-effective-rgb: var(--theme-table-toolbar-bg-light-rgb); --theme-table-toolbar-effective-alpha: var(--theme-table-toolbar-bg-light-alpha, 1); --theme-table-border-effective: var(--theme-table-border-color-light); --theme-input-bg-effective-rgb: var(--theme-input-bg-light-rgb); --theme-input-bg-effective-alpha: var(--theme-input-bg-light-alpha, 1); --theme-input-border-effective: var(--theme-input-border-color-light); --theme-input-text-effective: var(--theme-input-text-color-light); --theme-input-placeholder-effective: var(--theme-input-placeholder-color-light); --theme-input-label-effective: var(--theme-input-label-color-light); --theme-input-invalid-bg-effective-rgb: var(--theme-input-invalid-bg-light-rgb); --theme-input-invalid-bg-effective-alpha: var(--theme-input-invalid-bg-light-alpha, 0.14); --theme-input-invalid-border-effective: var(--theme-input-invalid-border-color-light); --theme-select-dropdown-effective-rgb: var(--theme-dropdown-bg-light-rgb, var(--theme-select-dropdown-bg-light-rgb)); --theme-select-dropdown-effective-alpha: var(--theme-dropdown-bg-light-alpha, var(--theme-select-dropdown-bg-light-alpha, 1)); --theme-select-option-hover-effective-rgb: var(--theme-select-option-hover-light-rgb); --theme-select-option-hover-effective-alpha: var(--theme-select-option-hover-light-alpha, 0.1); } .dark { --theme-focus-ring-effective-rgb: var(--theme-focus-ring-dark-rgb, var(--theme-focus-ring-light-rgb)); --theme-focus-ring-effective-alpha: var(--theme-focus-ring-dark-alpha, var(--theme-focus-ring-light-alpha, 0.4)); --theme-border-effective: var(--theme-border-color-dark, var(--theme-border-color-light)); --theme-link-effective: var(--theme-link-color-dark, var(--theme-link-color-light)); --theme-link-hover-effective: var(--theme-link-hover-color-dark, var(--theme-link-hover-color-light)); --theme-heading-effective: var(--theme-heading-color-dark, var(--theme-heading-color-light)); --theme-section-title-effective: var(--theme-section-title-color-dark, var(--theme-section-title-color-light)); --theme-card-bg-effective-rgb: var(--theme-card-bg-dark-rgb, var(--theme-card-bg-light-rgb)); --theme-card-bg-effective-alpha: var(--theme-card-bg-dark-alpha, var(--theme-card-bg-light-alpha, 1)); --theme-card-border-effective: var(--theme-card-border-color-dark, var(--theme-card-border-color-light)); --theme-modal-bg-effective-rgb: var(--theme-modal-bg-dark-rgb, var(--theme-modal-bg-light-rgb)); --theme-modal-bg-effective-alpha: var(--theme-modal-bg-dark-alpha, var(--theme-modal-bg-light-alpha, 1)); --theme-modal-border-effective: var(--theme-modal-border-color-dark, var(--theme-modal-border-color-light)); --theme-modal-title-effective: var(--theme-modal-title-color-dark, var(--theme-modal-title-color-light)); --theme-table-row-hover-effective-rgb: var(--theme-table-row-hover-dark-rgb, var(--theme-table-row-hover-light-rgb)); --theme-table-row-hover-effective-alpha: var(--theme-table-row-hover-dark-alpha, var(--theme-table-row-hover-light-alpha, 0.1)); --theme-table-row-selected-effective-rgb: var(--theme-table-row-selected-dark-rgb, var(--theme-table-row-selected-light-rgb)); --theme-table-row-selected-effective-alpha: var(--theme-table-row-selected-dark-alpha, var(--theme-table-row-selected-light-alpha, 0.16)); --theme-table-toolbar-effective-rgb: var(--theme-table-toolbar-bg-dark-rgb, var(--theme-table-toolbar-bg-light-rgb)); --theme-table-toolbar-effective-alpha: var(--theme-table-toolbar-bg-dark-alpha, var(--theme-table-toolbar-bg-light-alpha, 1)); --theme-table-border-effective: var(--theme-table-border-color-dark, var(--theme-table-border-color-light)); --theme-input-bg-effective-rgb: var(--theme-input-bg-dark-rgb, var(--theme-input-bg-light-rgb)); --theme-input-bg-effective-alpha: var(--theme-input-bg-dark-alpha, var(--theme-input-bg-light-alpha, 1)); --theme-input-border-effective: var(--theme-input-border-color-dark, var(--theme-input-border-color-light)); --theme-input-text-effective: var(--theme-input-text-color-dark, var(--theme-input-text-color-light)); --theme-input-placeholder-effective: var(--theme-input-placeholder-color-dark, var(--theme-input-placeholder-color-light)); --theme-input-label-effective: var(--theme-input-label-color-dark, var(--theme-input-label-color-light)); --theme-input-invalid-bg-effective-rgb: var(--theme-input-invalid-bg-dark-rgb, var(--theme-input-invalid-bg-light-rgb)); --theme-input-invalid-bg-effective-alpha: var(--theme-input-invalid-bg-dark-alpha, var(--theme-input-invalid-bg-light-alpha, 0.14)); --theme-input-invalid-border-effective: var(--theme-input-invalid-border-color-dark, var(--theme-input-invalid-border-color-light)); --theme-select-dropdown-effective-rgb: var(--theme-dropdown-bg-dark-rgb, var(--theme-dropdown-bg-light-rgb, var(--theme-select-dropdown-bg-dark-rgb, var(--theme-select-dropdown-bg-light-rgb)))); --theme-select-dropdown-effective-alpha: var(--theme-dropdown-bg-dark-alpha, var(--theme-dropdown-bg-light-alpha, var(--theme-select-dropdown-bg-dark-alpha, var(--theme-select-dropdown-bg-light-alpha, 1)))); --theme-select-option-hover-effective-rgb: var(--theme-select-option-hover-dark-rgb, var(--theme-select-option-hover-light-rgb)); --theme-select-option-hover-effective-alpha: var(--theme-select-option-hover-dark-alpha, var(--theme-select-option-hover-light-alpha, 0.1)); } .fi-btn, .fi-icon-btn { border-radius: var(--theme-button-radius) !important; border-width: var(--theme-button-border-width) !important; } .fi-input-wrp, .fi-select, .fi-fo-textarea textarea, .fi-fo-rich-editor-toolbar, .fi-fo-rich-editor-editor { border-radius: var(--theme-form-radius) !important; } .fi-section:not(.fi-section-not-contained), .fi-fieldset, .fi-wi-stats-overview-stat { border-radius: var(--theme-section-radius-effective) !important; } .fi-ta-ctn, .fi-fo-table-repeater, .fi-ta-table, .fi-tabs { border-radius: var(--theme-table-radius-effective) !important; } .fi-btn:not(.fi-icon-btn), .fi-input-wrp, .fi-select, .fi-section:not(.fi-section-not-contained), .fi-ta-ctn, .fi-tabs, .fi-fieldset, .fi-dropdown-panel, .fi-wi-stats-overview-stat, .fi-fo-repeater .fi-fo-repeater-item, .fi-fo-simple-repeater .fi-fo-simple-repeater-item, .fi-fo-table-repeater, .filepond--root, .fi-modal > .fi-modal-window-ctn > .fi-modal-window { box-shadow: var(--theme-shadow-token) !important; } .fi-ac-group, .fi-btn-group:not(.fi-fo-toggle-buttons), .fi-page-sub-navigation, .fi-section-content { gap: var(--theme-effective-spacing) !important; } .fi-page-content { font-size: var(--theme-base-size, inherit) !important; } .fi-fo-toggle-buttons.fi-btn-group { gap: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: var(--theme-button-radius) !important; } .fi-fo-toggle-buttons.fi-btn-group .fi-btn { border-radius: 0 !important; box-shadow: none !important; } .fi-fo-toggle-buttons.fi-btn-group .fi-btn:first-of-type { border-start-start-radius: var(--theme-button-radius) !important; border-end-start-radius: var(--theme-button-radius) !important; } .fi-fo-toggle-buttons.fi-btn-group .fi-btn:last-of-type { border-start-end-radius: var(--theme-button-radius) !important; border-end-end-radius: var(--theme-button-radius) !important; } .fi-header-actions-ctn, .fi-ac:not(.fi-width-full), .fi-modal-footer-actions, .fi-ta-actions { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; justify-content: var(--theme-action-align-justify, flex-end) !important; } .fi-modal-window .fi-ta .fi-dropdown .fi-dropdown-panel { translate: var(--fi-ta-dropdown-offset, 0px) 0; } .fi-modal-footer.fi-align-center .fi-modal-footer-actions, .fi-modal-footer.fi-align-end .fi-modal-footer-actions, .fi-modal-footer.fi-align-right .fi-modal-footer-actions, .fi-modal-footer.fi-align-start .fi-modal-footer-actions, .fi-modal-footer.fi-align-left .fi-modal-footer-actions { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; justify-content: var(--theme-action-align-justify, flex-end) !important; } @media (max-width: 639px) { .fi-header-actions-ctn, .fi-ac:not(.fi-width-full), .fi-modal-footer-actions, .fi-ta-actions { justify-content: var(--theme-action-align-justify-mobile, flex-end) !important; } .fi-modal-footer.fi-align-center .fi-modal-footer-actions, .fi-modal-footer.fi-align-end .fi-modal-footer-actions, .fi-modal-footer.fi-align-right .fi-modal-footer-actions, .fi-modal-footer.fi-align-start .fi-modal-footer-actions, .fi-modal-footer.fi-align-left .fi-modal-footer-actions { justify-content: var(--theme-action-align-justify-mobile, flex-end) !important; } } .fi-select .fi-select-input-placeholder, .fi-select-input::placeholder { color: rgba(var(--theme-custom-rgb), 0.55) !important; } .fi-input:focus, .fi-select-input:focus, .fi-input-wrp:focus-within, .fi-btn:focus-visible, .fi-icon-btn:focus-visible { --tw-ring-color: rgba(var(--theme-focus-ring-effective-rgb, var(--theme-primary-rgb)), var(--theme-focus-ring-effective-alpha, 0.4)) !important; } html:not(.dark) .fi-section:not(.fi-section-not-contained), html:not(.dark) .fi-wi-stats-overview-stat, html:not(.dark) .fi-ta-ctn { background-color: rgba(var(--theme-card-bg-effective-rgb), var(--theme-card-bg-effective-alpha, 1)) !important; background-image: var(--theme-surface-tint-layer) !important; border-color: var(--theme-card-border-effective, inherit) !important; } .dark .fi-section:not(.fi-section-not-contained), .dark .fi-wi-stats-overview-stat, .dark .fi-ta-ctn { background-color: rgba(var(--theme-card-bg-effective-rgb), var(--theme-card-bg-effective-alpha, 1)) !important; background-image: var(--theme-surface-tint-layer) !important; border-color: var(--theme-card-border-effective, inherit) !important; } /* RDV compact — section Customer : même fond que les items, sans bordure/ring */ html:not(.dark) .fi-appointment-form-surface > .fi-section:not(.fi-section-not-contained) { background-color: var(--primary-200) !important; background-image: none !important; border-color: transparent !important; border-width: 0 !important; box-shadow: none !important; --tw-ring-shadow: 0 0 #0000 !important; --tw-ring-offset-shadow: 0 0 #0000 !important; } .dark .fi-appointment-form-surface > .fi-section:not(.fi-section-not-contained) { background-color: color-mix(in oklab, var(--primary-200) 30%, transparent) !important; background-image: none !important; border-color: transparent !important; border-width: 0 !important; box-shadow: none !important; --tw-ring-shadow: 0 0 #0000 !important; --tw-ring-offset-shadow: 0 0 #0000 !important; } html:not(.dark) .fi-modal-window { background-color: rgba(var(--theme-modal-bg-effective-rgb), var(--theme-modal-bg-effective-alpha, 1)) !important; background-image: var(--theme-surface-tint-layer) !important; border-color: var(--theme-modal-border-effective, inherit) !important; } .dark .fi-modal-window { background-color: rgba(var(--theme-modal-bg-effective-rgb), var(--theme-modal-bg-effective-alpha, 1)) !important; background-image: var(--theme-surface-tint-layer) !important; border-color: var(--theme-modal-border-effective, inherit) !important; } .fi-modal-heading { color: var(--theme-modal-title-effective, inherit) !important; } .fi-ta-row.fi-clickable:hover, .fi-ta-record.fi-clickable:hover { background-color: rgba(var(--theme-table-row-hover-effective-rgb), calc(var(--theme-table-row-hover-effective-alpha, 0.1) * var(--theme-mode-opacity))) !important; } .fi-ta-record[aria-selected="true"], .fi-ta-row[aria-selected="true"] { background-color: rgba(var(--theme-table-row-selected-effective-rgb), calc(var(--theme-table-row-selected-effective-alpha, 0.16) * var(--theme-mode-opacity))) !important; } .fi-ta-table, .fi-ta-ctn { border-color: var(--theme-table-border-effective, inherit) !important; } html:not(.dark) .fi-ta-header-toolbar { background-color: rgba(var(--theme-table-toolbar-effective-rgb), var(--theme-table-toolbar-effective-alpha, 1)) !important; background-image: var(--theme-surface-tint-layer) !important; } .dark .fi-ta-header-toolbar { background-color: rgba(var(--theme-table-toolbar-effective-rgb), var(--theme-table-toolbar-effective-alpha, 1)) !important; background-image: var(--theme-surface-tint-layer) !important; } html:not(.dark) .fi-input-wrp, html:not(.dark) .fi-select { background-color: rgba(var(--theme-input-bg-effective-rgb), var(--theme-input-bg-effective-alpha, 1)) !important; background-image: var(--theme-surface-tint-layer) !important; border-color: var(--theme-input-border-effective, inherit) !important; } .dark .fi-input-wrp, .dark .fi-select { background-color: rgba(var(--theme-input-bg-effective-rgb), var(--theme-input-bg-effective-alpha, 1)) !important; background-image: var(--theme-surface-tint-layer) !important; border-color: var(--theme-input-border-effective, inherit) !important; } .fi-input, .fi-select-input { color: var(--theme-input-text-effective, inherit) !important; } .fi-select .fi-select-input-btn, .fi-select .fi-select-input-value-label, .fi-select .fi-select-input-option, .fi-select .fi-dropdown-list-item-label { color: var(--theme-input-text-effective, inherit) !important; } .fi-input::placeholder, .fi-select-input::placeholder { color: var(--theme-input-placeholder-effective, inherit) !important; } .fi-fo-field-wrp-label { color: var(--theme-input-label-effective, inherit) !important; } .fi-input-wrp[data-has-error="true"], .fi-fo-field-wrp-error-message { border-color: var(--theme-input-invalid-border-effective, var(--theme-danger-effective)) !important; background-color: rgba(var(--theme-input-invalid-bg-effective-rgb), calc(var(--theme-input-invalid-bg-effective-alpha, 0.14) * var(--theme-mode-opacity))) !important; } html:not(.dark) .fi-dropdown-panel { background-color: var(--theme-dropdown-surface-500, rgba(var(--theme-select-dropdown-effective-rgb), var(--theme-select-dropdown-effective-alpha, 1))) !important; } .dark .fi-dropdown-panel { background-color: var(--theme-dropdown-surface-dark-500, var(--theme-dropdown-surface-500, rgba(var(--theme-select-dropdown-effective-rgb), var(--theme-select-dropdown-effective-alpha, 1)))) !important; } html:not(.dark) .fi-dropdown-list-item:hover { background-color: var(--theme-dropdown-surface-200, rgba(var(--theme-select-option-hover-effective-rgb), calc(var(--theme-select-option-hover-effective-alpha, 0.1) * var(--theme-mode-opacity)))) !important; } .dark .fi-dropdown-list-item:hover { background-color: var(--theme-dropdown-surface-dark-700, var(--theme-dropdown-surface-200, rgba(var(--theme-select-option-hover-effective-rgb), calc(var(--theme-select-option-hover-effective-alpha, 0.1) * var(--theme-mode-opacity))))) !important; } html:not(.dark) .fi-sidebar { background-color: var(--theme-sidebar-surface-500, rgba(var(--theme-sidebar-bg-effective-rgb), var(--theme-sidebar-bg-effective-alpha, 1))) !important; background-image: var(--theme-surface-tint-layer) !important; border-inline-end-color: var(--theme-sidebar-surface-600, rgba(var(--theme-sidebar-bg-effective-rgb), var(--theme-sidebar-bg-effective-alpha, 1))) !important; } .dark .fi-sidebar { background-color: var(--theme-sidebar-surface-dark-700, var(--theme-sidebar-surface-500, rgba(var(--theme-sidebar-bg-effective-rgb), var(--theme-sidebar-bg-effective-alpha, 1)))) !important; background-image: var(--theme-surface-tint-layer) !important; border-inline-end-color: var(--theme-sidebar-surface-dark-800, var(--theme-sidebar-surface-600, rgba(var(--theme-sidebar-bg-effective-rgb), var(--theme-sidebar-bg-effective-alpha, 1)))) !important; } .fi-sidebar { background-color: var(--theme-sidebar-surface-500, rgba(var(--theme-sidebar-bg-effective-rgb), var(--theme-sidebar-bg-effective-alpha, 1))) !important; border-inline-end-color: var(--theme-sidebar-surface-600, rgba(var(--theme-sidebar-bg-effective-rgb), var(--theme-sidebar-bg-effective-alpha, 1))) !important; } .fi-sidebar .fi-sidebar-item-btn, .fi-sidebar .fi-sidebar-group-label, .fi-sidebar .fi-sidebar-header, .fi-sidebar .fi-sidebar-item-icon, .fi-sidebar .fi-sidebar-item-label, .fi-sidebar .fi-sidebar-item-description { color: var(--theme-sidebar-text-effective, #ffffff) !important; } .fi-sidebar-item.fi-active .fi-sidebar-item-btn, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"] { background-color: var(--theme-sidebar-active-400, rgba(var(--theme-sidebar-active-bg-effective-rgb), var(--theme-sidebar-active-bg-effective-alpha, 1))) !important; color: var(--theme-sidebar-active-text-effective, #ffffff) !important; box-shadow: inset 0 0 0 1px var(--theme-sidebar-active-600, rgba(var(--theme-sidebar-active-bg-effective-rgb), 0.55)) !important; } .fi-sidebar-item.fi-active .fi-sidebar-item-btn .fi-sidebar-item-icon, .fi-sidebar-item.fi-active .fi-sidebar-item-btn .fi-sidebar-item-label, .fi-sidebar-item.fi-active .fi-sidebar-item-btn .fi-sidebar-item-description, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn .fi-sidebar-item-icon, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn .fi-sidebar-item-label, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn .fi-sidebar-item-description, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-icon, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-description { color: var(--theme-sidebar-active-text-effective, #ffffff) !important; } .fi-sidebar-item.fi-active .fi-sidebar-item-btn .fi-sidebar-item-label, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn .fi-sidebar-item-label, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"] .fi-sidebar-item-label { font-weight: 700 !important; } .fi-sidebar-group.fi-active .fi-sidebar-group-btn, .fi-sidebar-group.fi-active .fi-sidebar-group-btn .fi-sidebar-group-label, .fi-sidebar-group.fi-active .fi-sidebar-group-btn .fi-icon, .fi-sidebar-group.fi-active .fi-sidebar-group-btn svg { color: var(--theme-sidebar-active-400, rgba(var(--theme-sidebar-active-bg-effective-rgb), var(--theme-sidebar-active-bg-effective-alpha, 1))) !important; font-weight: 700 !important; } .fi-sidebar-group.fi-active .fi-sidebar-group-btn .fi-sidebar-group-label { font-weight: 700 !important; } .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn { background-color: var(--theme-sidebar-active-400, rgba(var(--theme-sidebar-active-bg-effective-rgb), var(--theme-sidebar-active-bg-effective-alpha, 1))) !important; color: var(--theme-sidebar-active-text-effective, #ffffff) !important; box-shadow: inset 0 0 0 1px var(--theme-sidebar-active-600, rgba(var(--theme-sidebar-active-bg-effective-rgb), 0.55)) !important; font-weight: 700 !important; } .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-sidebar-group-label { font-weight: 700 !important; } html:not(.dark) .fi-topbar { background-color: var(--theme-header-surface-500, rgba(var(--theme-header-bg-effective-rgb), var(--theme-header-bg-effective-alpha, 1))) !important; background-image: var(--theme-surface-tint-layer) !important; border-bottom-color: var(--theme-header-surface-600, rgba(var(--theme-header-bg-effective-rgb), var(--theme-header-bg-effective-alpha, 1))) !important; } .dark .fi-topbar { background-color: var(--theme-header-surface-dark-700, var(--theme-header-surface-500, rgba(var(--theme-header-bg-effective-rgb), var(--theme-header-bg-effective-alpha, 1)))) !important; background-image: var(--theme-surface-tint-layer) !important; border-bottom-color: var(--theme-header-surface-dark-800, var(--theme-header-surface-600, rgba(var(--theme-header-bg-effective-rgb), var(--theme-header-bg-effective-alpha, 1)))) !important; } .fi-topbar { background-color: var(--theme-header-surface-500, rgba(var(--theme-header-bg-effective-rgb), var(--theme-header-bg-effective-alpha, 1))) !important; border-bottom-color: var(--theme-header-surface-600, rgba(var(--theme-header-bg-effective-rgb), var(--theme-header-bg-effective-alpha, 1))) !important; } .fi-topbar, .fi-topbar .fi-topbar-item-btn, .fi-topbar .fi-dropdown-trigger, .fi-topbar .fi-icon-btn { color: var(--theme-header-text-effective, #ffffff) !important; } /* Recherche globale (topbar par défaut) : ne pas hériter du texte blanc header/sidebar */ .fi-global-search-field .fi-input-wrp { background-color: #ffffff !important; background-image: none !important; border-color: color-mix(in oklab, var(--gray-950, #030712) 15%, transparent) !important; } .dark .fi-global-search-field .fi-input-wrp { background-color: rgb(17 24 39) !important; border-color: color-mix(in oklab, #ffffff 18%, transparent) !important; } html:not(.dark) .fi-topbar .fi-global-search-field .fi-input, html:not(.dark) .fi-sidebar .fi-global-search-field .fi-input, .fi-global-search-field .fi-input { color: #030712 !important; caret-color: #030712 !important; -webkit-text-fill-color: #030712 !important; } .dark .fi-topbar .fi-global-search-field .fi-input, .dark .fi-sidebar .fi-global-search-field .fi-input, .dark .fi-global-search-field .fi-input { color: #ffffff !important; caret-color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .fi-global-search-field .fi-input::placeholder { color: #6b7280 !important; opacity: 1 !important; -webkit-text-fill-color: #6b7280 !important; } .dark .fi-global-search-field .fi-input::placeholder { color: #9ca3af !important; -webkit-text-fill-color: #9ca3af !important; } .fi-global-search-field .fi-input-wrp-prefix .fi-icon, .fi-global-search-field .fi-input-wrp-prefix svg { color: #6b7280 !important; transition: opacity 150ms ease; } .dark .fi-global-search-field .fi-input-wrp-prefix .fi-icon, .dark .fi-global-search-field .fi-input-wrp-prefix svg { color: #9ca3af !important; } .fi-global-search-field .fi-input-wrp:focus-within { box-shadow: inset 0 0 0 2px var(--primary-500, #3b82f6) !important; } .fi-body, .fi-layout { background-color: rgba(var(--theme-content-bg-effective-rgb), calc(var(--theme-content-bg-effective-alpha, 1) * var(--theme-mode-opacity))) !important; } /* Avoid layered alpha overlays causing different content background tones. */ .fi-main-ctn, .fi-main, .fi-page, .fi-page-main, .fi-page-content, .fi-simple-layout, .fi-simple-main-ctn, .fi-simple-page { background-color: transparent !important; } .fi-main, .fi-page, .fi-page-main, .fi-page-content, .fi-simple-page, .fi-simple-main { color: var(--theme-content-text-effective) !important; } .fi-page-content, .fi-simple-page, .fi-page-content p, .fi-page-content li, .fi-page-content td, .fi-page-content th, .fi-page-content label, .fi-page-content span:not([style*="font-size"]) { font-size: var(--theme-base-size, 14px) !important; font-weight: var(--theme-base-font-weight, 400) !important; font-style: var(--theme-base-font-style, normal) !important; } /* * TipTap textColor / fontSize marks use . The theme rule above forces * base size/weight on spans without inline font-size — that made colored text * (and nested content) look like plain body text. Only reset spans so H2/H3, * strong, em keep their prose styles. */ .fi-page-content .fi-fo-rich-editor .fi-fo-rich-editor-content span, .fi-page-content .elia-rich-editor-main .fi-fo-rich-editor-content span, .fi-page-content .eliaflow-email-builder .email-builder-canvas-text-content span { font-size: unset !important; font-weight: unset !important; font-style: unset !important; } .fi-input-wrp.fi-disabled, .fi-fo-textarea textarea:disabled, input.fi-input:disabled, select.fi-select-input:disabled { background-color: rgba(var(--theme-input-disabled-effective-rgb), calc(var(--theme-input-disabled-effective-alpha, 1) * var(--theme-mode-opacity))) !important; color: var(--theme-input-disabled-text-effective, #6b7280) !important; -webkit-text-fill-color: var(--theme-input-disabled-text-effective, #6b7280) !important; } .fi-input-wrp.fi-disabled .fi-input-wrp-label, .fi-input-wrp.fi-disabled .fi-icon { color: var(--theme-input-disabled-text-effective, #6b7280) !important; } .fi-ta-table > thead, .fi-ta-table > thead > tr, .fi-ta-header-cell, .fi-ta-header-group-cell { background-color: rgba(var(--theme-table-header-effective-rgb), calc(var(--theme-table-header-effective-alpha, 1) * var(--theme-mode-opacity))) !important; color: var(--theme-table-header-text-effective, #ffffff) !important; } .fi-ta-header-cell .fi-ta-header-cell-sort-btn, .fi-ta-header-cell .fi-icon, .fi-ta-header-cell .fi-loading-indicator { color: var(--theme-table-header-text-effective, #ffffff) !important; } .fi-ta-header-toolbar, .fi-ta-filters-above-content-ctn, .fi-ta-filters-before-content-ctn, .fi-ta-filters-after-content-ctn, .fi-ta-filters-below-content, .fi-ta-filters-dropdown .fi-ta-filters, .fi-ta-filters-modal .fi-ta-filters { background-color: rgba(var(--theme-table-filter-effective-rgb), var(--theme-table-filter-effective-alpha, 1)) !important; } html:not(.dark) .fi-ta-header-toolbar, html:not(.dark) .fi-ta-filters-above-content-ctn, html:not(.dark) .fi-ta-filters-before-content-ctn, html:not(.dark) .fi-ta-filters-after-content-ctn, html:not(.dark) .fi-ta-filters-below-content, html:not(.dark) .fi-ta-filters-dropdown .fi-ta-filters, html:not(.dark) .fi-ta-filters-modal .fi-ta-filters { background-image: var(--theme-surface-tint-layer) !important; } .dark .fi-ta-header-toolbar, .dark .fi-ta-filters-above-content-ctn, .dark .fi-ta-filters-before-content-ctn, .dark .fi-ta-filters-after-content-ctn, .dark .fi-ta-filters-below-content, .dark .fi-ta-filters-dropdown .fi-ta-filters, .dark .fi-ta-filters-modal .fi-ta-filters { background-image: var(--theme-surface-tint-layer) !important; } html:not(.dark) .fi-btn.fi-color-primary { --primary-50: var(--theme-action-main-50) !important; --primary-100: var(--theme-action-main-100) !important; --primary-200: var(--theme-action-main-200) !important; --primary-300: var(--theme-action-main-300) !important; --primary-400: var(--theme-action-main-400) !important; --primary-500: var(--theme-action-main-500) !important; --primary-600: var(--theme-action-main-600) !important; --primary-700: var(--theme-action-main-700) !important; --primary-800: var(--theme-action-main-800) !important; --primary-900: var(--theme-action-main-900) !important; --primary-950: var(--theme-action-main-950) !important; } .dark .fi-btn.fi-color-primary { --primary-50: var(--theme-action-main-dark-50, var(--theme-action-main-50)) !important; --primary-100: var(--theme-action-main-dark-100, var(--theme-action-main-100)) !important; --primary-200: var(--theme-action-main-dark-200, var(--theme-action-main-200)) !important; --primary-300: var(--theme-action-main-dark-300, var(--theme-action-main-300)) !important; --primary-400: var(--theme-action-main-dark-400, var(--theme-action-main-400)) !important; --primary-500: var(--theme-action-main-dark-500, var(--theme-action-main-500)) !important; --primary-600: var(--theme-action-main-dark-600, var(--theme-action-main-600)) !important; --primary-700: var(--theme-action-main-dark-700, var(--theme-action-main-700)) !important; --primary-800: var(--theme-action-main-dark-800, var(--theme-action-main-800)) !important; --primary-900: var(--theme-action-main-dark-900, var(--theme-action-main-900)) !important; --primary-950: var(--theme-action-main-dark-950, var(--theme-action-main-950)) !important; } .fi-btn.fi-color:not(.fi-disabled):not(.fi-processing) { border-radius: var(--theme-button-radius) !important; border-width: var(--theme-button-border-width) !important; box-shadow: var(--theme-shadow-token) !important; } .fi-btn.fi-color.fi-outlined:not(.fi-color-primary):not(.fi-disabled):not(.fi-processing) { background-color: transparent !important; } .fi-btn.fi-color:hover:not(.fi-disabled):not(.fi-processing), .fi-btn.fi-color:focus-visible:not(.fi-disabled):not(.fi-processing) { box-shadow: var(--theme-shadow-token) !important; } /* Badge actions — aligner fi-size-md/lg/xl sur .fi-btn (Filament badge.css ne couvre que xs/sm). */ .fi-ac-badge-action.fi-badge { border-radius: var(--theme-button-radius) !important; } .fi-ac-badge-action.fi-badge.fi-size-sm { font-size: 0.875rem; line-height: 1.25rem; padding: 0.375rem 0.625rem; min-height: 2rem; } .fi-ac-badge-action.fi-badge.fi-size-md { font-size: 0.875rem; line-height: 1.25rem; padding: 0.5rem 0.75rem; min-height: 2.5rem; } .fi-ac-badge-action.fi-badge.fi-size-lg { font-size: 0.875rem; line-height: 1.25rem; padding: 0.625rem 0.875rem; min-height: 2.75rem; } .fi-ac-badge-action.fi-badge.fi-size-xl { font-size: 0.875rem; line-height: 1.25rem; padding: 0.75rem 1rem; min-height: 3rem; } .fi-btn.fi-color-success { --bg: var(--theme-success) !important; --dark-bg: var(--theme-success) !important; --hover-bg: rgba(var(--theme-success-rgb), 0.90) !important; --dark-hover-bg: rgba(var(--theme-success-rgb), 0.90) !important; } .fi-btn.fi-color-success { background-color: var(--theme-success) !important; border-color: var(--theme-success) !important; color: var(--theme-success-contrast, #ffffff) !important; } .fi-btn.fi-color-success.fi-outlined { background-color: transparent !important; color: var(--theme-success) !important; border-color: var(--theme-success) !important; --tw-ring-color: var(--theme-success) !important; } .fi-btn.fi-color-success.fi-outlined:hover { background-color: rgba(var(--theme-success-rgb), 0.12) !important; } .fi-badge.fi-color-success { background-color: rgba(var(--theme-success-rgb), 0.18) !important; border-color: var(--theme-success) !important; color: var(--theme-success) !important; } .fi-btn.fi-color-warning { --bg: var(--theme-warning) !important; --dark-bg: var(--theme-warning) !important; --hover-bg: rgba(var(--theme-warning-rgb), 0.90) !important; --dark-hover-bg: rgba(var(--theme-warning-rgb), 0.90) !important; } .fi-btn.fi-color-warning { background-color: var(--theme-warning) !important; border-color: var(--theme-warning) !important; color: var(--theme-warning-contrast, #111111) !important; } .fi-btn.fi-color-warning.fi-outlined { background-color: transparent !important; color: var(--theme-warning) !important; border-color: var(--theme-warning) !important; --tw-ring-color: var(--theme-warning) !important; } .fi-btn.fi-color-warning.fi-outlined:hover { background-color: rgba(var(--theme-warning-rgb), 0.12) !important; } .fi-badge.fi-color-warning { background-color: rgba(var(--theme-warning-rgb), 0.18) !important; border-color: var(--theme-warning) !important; color: var(--theme-warning) !important; } .fi-btn.fi-color-info { --bg: var(--theme-info) !important; --dark-bg: var(--theme-info) !important; --hover-bg: rgba(var(--theme-info-rgb), 0.90) !important; --dark-hover-bg: rgba(var(--theme-info-rgb), 0.90) !important; } .fi-btn.fi-color-info { background-color: var(--theme-info) !important; border-color: var(--theme-info) !important; color: var(--theme-info-contrast, #ffffff) !important; } .fi-btn.fi-color-info.fi-outlined { background-color: transparent !important; color: var(--theme-info) !important; border-color: var(--theme-info) !important; --tw-ring-color: var(--theme-info) !important; } .fi-btn.fi-color-info.fi-outlined:hover { background-color: rgba(var(--theme-info-rgb), 0.12) !important; } .fi-badge.fi-color-info { background-color: rgba(var(--theme-info-rgb), 0.18) !important; border-color: var(--theme-info) !important; color: var(--theme-info) !important; } .fi-btn.fi-color-danger { --bg: var(--theme-danger-effective) !important; --dark-bg: var(--theme-danger-effective) !important; --hover-bg: rgba(var(--theme-danger-effective-rgb), 0.90) !important; --dark-hover-bg: rgba(var(--theme-danger-effective-rgb), 0.90) !important; } .fi-btn.fi-color-danger { background-color: var(--theme-danger-effective) !important; border-color: var(--theme-danger-effective) !important; color: var(--theme-danger-effective-contrast, #ffffff) !important; } .fi-btn.fi-color-danger.fi-outlined { background-color: transparent !important; color: var(--theme-danger-effective) !important; border-color: var(--theme-danger-effective) !important; --tw-ring-color: var(--theme-danger-effective) !important; } .fi-btn.fi-color-danger.fi-outlined:hover { background-color: rgba(var(--theme-danger-effective-rgb), 0.12) !important; } .fi-badge.fi-color-danger { background-color: rgba(var(--theme-danger-effective-rgb), 0.18) !important; border-color: var(--theme-danger-effective) !important; color: var(--theme-danger-effective) !important; } html:not(.dark) .fi-btn.fi-color-secondary { --secondary-50: var(--theme-action-secondary-50) !important; --secondary-100: var(--theme-action-secondary-100) !important; --secondary-200: var(--theme-action-secondary-200) !important; --secondary-300: var(--theme-action-secondary-300) !important; --secondary-400: var(--theme-action-secondary-400) !important; --secondary-500: var(--theme-action-secondary-500) !important; --secondary-600: var(--theme-action-secondary-600) !important; --secondary-700: var(--theme-action-secondary-700) !important; --secondary-800: var(--theme-action-secondary-800) !important; --secondary-900: var(--theme-action-secondary-900) !important; --secondary-950: var(--theme-action-secondary-950) !important; } .dark .fi-btn.fi-color-secondary { --secondary-50: var(--theme-action-secondary-dark-50, var(--theme-action-secondary-50)) !important; --secondary-100: var(--theme-action-secondary-dark-100, var(--theme-action-secondary-100)) !important; --secondary-200: var(--theme-action-secondary-dark-200, var(--theme-action-secondary-200)) !important; --secondary-300: var(--theme-action-secondary-dark-300, var(--theme-action-secondary-300)) !important; --secondary-400: var(--theme-action-secondary-dark-400, var(--theme-action-secondary-400)) !important; --secondary-500: var(--theme-action-secondary-dark-500, var(--theme-action-secondary-500)) !important; --secondary-600: var(--theme-action-secondary-dark-600, var(--theme-action-secondary-600)) !important; --secondary-700: var(--theme-action-secondary-dark-700, var(--theme-action-secondary-700)) !important; --secondary-800: var(--theme-action-secondary-dark-800, var(--theme-action-secondary-800)) !important; --secondary-900: var(--theme-action-secondary-dark-900, var(--theme-action-secondary-900)) !important; --secondary-950: var(--theme-action-secondary-dark-950, var(--theme-action-secondary-950)) !important; } html:not(.dark) .fi-btn.fi-color-gray { --gray-50: var(--theme-action-cancel-50) !important; --gray-100: var(--theme-action-cancel-100) !important; --gray-200: var(--theme-action-cancel-200) !important; --gray-300: var(--theme-action-cancel-300) !important; --gray-400: var(--theme-action-cancel-400) !important; --gray-500: var(--theme-action-cancel-500) !important; --gray-600: var(--theme-action-cancel-600) !important; --gray-700: var(--theme-action-cancel-700) !important; --gray-800: var(--theme-action-cancel-800) !important; --gray-900: var(--theme-action-cancel-900) !important; --gray-950: var(--theme-action-cancel-950) !important; } .dark .fi-btn.fi-color-gray { --gray-50: var(--theme-action-cancel-dark-50, var(--theme-action-cancel-50)) !important; --gray-100: var(--theme-action-cancel-dark-100, var(--theme-action-cancel-100)) !important; --gray-200: var(--theme-action-cancel-dark-200, var(--theme-action-cancel-200)) !important; --gray-300: var(--theme-action-cancel-dark-300, var(--theme-action-cancel-300)) !important; --gray-400: var(--theme-action-cancel-dark-400, var(--theme-action-cancel-400)) !important; --gray-500: var(--theme-action-cancel-dark-500, var(--theme-action-cancel-500)) !important; --gray-600: var(--theme-action-cancel-dark-600, var(--theme-action-cancel-600)) !important; --gray-700: var(--theme-action-cancel-dark-700, var(--theme-action-cancel-700)) !important; --gray-800: var(--theme-action-cancel-dark-800, var(--theme-action-cancel-800)) !important; --gray-900: var(--theme-action-cancel-dark-900, var(--theme-action-cancel-900)) !important; --gray-950: var(--theme-action-cancel-dark-950, var(--theme-action-cancel-950)) !important; } html:not(.dark) .fi-btn.fi-color-gray:not(.fi-disabled):not(.fi-processing) { background-color: transparent !important; color: var(--gray-600, var(--gray-500)) !important; border-color: var(--gray-600, var(--gray-500)) !important; --tw-ring-color: var(--gray-500, currentColor) !important; } html:not(.dark) .fi-btn.fi-color-gray:not(.fi-disabled):not(.fi-processing):hover, html:not(.dark) .fi-btn.fi-color-gray:not(.fi-disabled):not(.fi-processing):focus-visible { background-color: var(--gray-100, transparent) !important; color: var(--gray-700, var(--gray-600, var(--gray-500))) !important; } .dark .fi-btn.fi-color-gray:not(.fi-disabled):not(.fi-processing) { background-color: transparent !important; color: var(--gray-300, var(--gray-400, var(--gray-500))) !important; border-color: var(--gray-400, var(--gray-500)) !important; --tw-ring-color: var(--gray-400, currentColor) !important; } .dark .fi-btn.fi-color-gray:not(.fi-disabled):not(.fi-processing):hover, .dark .fi-btn.fi-color-gray:not(.fi-disabled):not(.fi-processing):focus-visible { background-color: var(--gray-800, transparent) !important; color: var(--gray-200, var(--gray-300, var(--gray-400))) !important; } .fi-ta-row.fi-clickable:hover, .fi-ta-row.fi-clickable:focus-within, .fi-ta-record.fi-clickable:hover, .fi-ta-record.fi-clickable:focus-within { background-color: rgba(var(--theme-secondary-rgb), 0.10) !important; } .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):hover, .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):focus-visible { background-color: var(--theme-dropdown-surface-200, rgba(var(--theme-secondary-rgb), 0.10)) !important; } .dark .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):hover, .dark .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):focus-visible { background-color: var(--theme-dropdown-surface-dark-700, var(--theme-dropdown-surface-200, rgba(var(--theme-secondary-rgb), 0.10))) !important; } html:not(.dark) .fi-sidebar-item.fi-sidebar-item-has-url .fi-sidebar-item-btn:hover, html:not(.dark) .fi-sidebar-item.fi-sidebar-item-has-url .fi-sidebar-item-btn:focus-visible { background-color: var(--theme-sidebar-active-200, rgba(var(--theme-sidebar-hover-bg-light-rgb), var(--theme-sidebar-hover-bg-light-alpha, 0.14))) !important; } .dark .fi-sidebar-item.fi-sidebar-item-has-url .fi-sidebar-item-btn:hover, .dark .fi-sidebar-item.fi-sidebar-item-has-url .fi-sidebar-item-btn:focus-visible { background-color: var(--theme-sidebar-active-dark-700, rgba(var(--theme-sidebar-hover-bg-dark-rgb), var(--theme-sidebar-hover-bg-dark-alpha, 0.24))) !important; } .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover, .fi-sidebar-item.fi-active .fi-sidebar-item-btn:focus-visible, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:hover, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:focus-visible, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:hover, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:focus-visible { color: var(--theme-sidebar-text-effective, #ffffff) !important; } .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover .fi-sidebar-item-icon, .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover .fi-sidebar-item-label, .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover .fi-sidebar-item-description, .fi-sidebar-item.fi-active .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-icon, .fi-sidebar-item.fi-active .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-label, .fi-sidebar-item.fi-active .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-description, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:hover .fi-sidebar-item-icon, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:hover .fi-sidebar-item-label, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:hover .fi-sidebar-item-description, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-icon, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-label, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-description, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:hover .fi-sidebar-item-icon, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:hover .fi-sidebar-item-label, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:hover .fi-sidebar-item-description, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:focus-visible .fi-sidebar-item-icon, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:focus-visible .fi-sidebar-item-label, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:focus-visible .fi-sidebar-item-description { color: var(--theme-sidebar-text-effective, #ffffff) !important; } .fi-sidebar .fi-sidebar-group-dropdown-trigger-btn:hover, .fi-sidebar .fi-sidebar-group-dropdown-trigger-btn:focus-visible, .fi-sidebar .fi-sidebar-group-dropdown-trigger-btn:hover .fi-sidebar-group-label, .fi-sidebar .fi-sidebar-group-dropdown-trigger-btn:focus-visible .fi-sidebar-group-label { font-weight: 700 !important; } .fi-sidebar-item.fi-sidebar-item-has-url .fi-sidebar-item-btn:hover .fi-sidebar-item-label, .fi-sidebar-item.fi-sidebar-item-has-url .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-label, .fi-sidebar-item.fi-active .fi-sidebar-item-btn:hover .fi-sidebar-item-label, .fi-sidebar-item.fi-active .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-label, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:hover .fi-sidebar-item-label, .fi-sidebar-item.fi-sidebar-item-has-active-child-items .fi-sidebar-item-btn:focus-visible .fi-sidebar-item-label, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:hover .fi-sidebar-item-label, .fi-sidebar-item .fi-sidebar-item-btn[aria-current="page"]:focus-visible .fi-sidebar-item-label { font-weight: 700 !important; } .fi-icon-btn.fi-color-primary { --text: var(--theme-main-button-color) !important; --dark-text: var(--theme-main-button-dark-color) !important; --hover-text: rgba(var(--theme-main-button-color-rgb), 0.85) !important; --dark-hover-text: rgba(var(--theme-main-button-dark-color-rgb), 0.85) !important; color: var(--theme-main-button-color) !important; } .fi-icon-btn.fi-color-primary:focus-visible { --tw-ring-color: rgba(var(--theme-main-button-color-rgb), 0.40) !important; } .fi-icon-btn.fi-color-secondary { --text: var(--theme-secondary) !important; --dark-text: var(--theme-secondary) !important; --hover-text: rgba(var(--theme-secondary-rgb), 0.85) !important; --dark-hover-text: rgba(var(--theme-secondary-rgb), 0.85) !important; color: var(--theme-secondary) !important; } .fi-icon-btn.fi-color-secondary:focus-visible { --tw-ring-color: rgba(var(--theme-secondary-rgb), 0.40) !important; } .fi-icon-btn.fi-color-success { --text: var(--theme-success) !important; --dark-text: var(--theme-success) !important; --hover-text: rgba(var(--theme-success-rgb), 0.85) !important; --dark-hover-text: rgba(var(--theme-success-rgb), 0.85) !important; color: var(--theme-success) !important; } .fi-icon-btn.fi-color-success:focus-visible { --tw-ring-color: rgba(var(--theme-success-rgb), 0.40) !important; } .fi-icon-btn.fi-color-warning { --text: var(--theme-warning) !important; --dark-text: var(--theme-warning) !important; --hover-text: rgba(var(--theme-warning-rgb), 0.85) !important; --dark-hover-text: rgba(var(--theme-warning-rgb), 0.85) !important; color: var(--theme-warning) !important; } .fi-icon-btn.fi-color-warning:focus-visible { --tw-ring-color: rgba(var(--theme-warning-rgb), 0.40) !important; } .fi-icon-btn.fi-color-info { --text: var(--theme-info) !important; --dark-text: var(--theme-info) !important; --hover-text: rgba(var(--theme-info-rgb), 0.85) !important; --dark-hover-text: rgba(var(--theme-info-rgb), 0.85) !important; color: var(--theme-info) !important; } .fi-icon-btn.fi-color-info:focus-visible { --tw-ring-color: rgba(var(--theme-info-rgb), 0.40) !important; } .fi-icon-btn.fi-color-danger { --text: var(--theme-danger-effective) !important; --dark-text: var(--theme-danger-effective) !important; --hover-text: rgba(var(--theme-danger-effective-rgb), 0.85) !important; --dark-hover-text: rgba(var(--theme-danger-effective-rgb), 0.85) !important; color: var(--theme-danger-effective) !important; } .fi-icon-btn.fi-color-danger:focus-visible { --tw-ring-color: rgba(var(--theme-danger-effective-rgb), 0.40) !important; } /* Reuse global custom color across common UI elements */ .fi-section:not(.fi-section-not-contained) { border-color: rgba(var(--theme-custom-rgb), 0.35) !important; } .fi-section .fi-section-header-heading, .fi-section .fi-section-header-description { color: var(--theme-custom) !important; } .fi-badge.fi-color-primary, .fi-badge.fi-color-custom, .fi-tabs-item.fi-active .fi-badge { background-color: rgba(var(--theme-custom-rgb), 0.18) !important; border-color: var(--theme-custom) !important; color: var(--theme-custom) !important; } .fi-tabs-item.fi-active, .fi-tabs-item.fi-active .fi-tabs-item-label { color: var(--theme-custom) !important; border-color: var(--theme-custom) !important; } .fi-link { color: var(--theme-custom) !important; } .fi-link:hover { color: var(--theme-custom) !important; opacity: 0.85; } .fi-toggle.fi-toggle-on, .fi-toggle.fi-toggle-on.fi-color, .fi-toggle.fi-toggle-on.fi-color-primary, .dark .fi-toggle.fi-toggle-on, .dark .fi-toggle.fi-toggle-on.fi-color, .dark .fi-toggle.fi-toggle-on.fi-color-primary { /* Defensive overrides for third-party theme CSS using primary/gray vars */ --primary-600: var(--theme-success) !important; --primary-500: var(--theme-success) !important; --primary-400: var(--theme-success) !important; --gray-800: var(--theme-success) !important; --bg: var(--theme-success) !important; --dark-bg: var(--theme-success) !important; background: var(--theme-success) !important; background-color: var(--theme-success) !important; border-color: var(--theme-success) !important; } .fi-toggle.fi-toggle-on:focus-visible, .fi-toggle.fi-toggle-on.fi-color:focus-visible, .fi-toggle.fi-toggle-on.fi-color-primary:focus-visible, .dark .fi-toggle.fi-toggle-on:focus-visible, .dark .fi-toggle.fi-toggle-on.fi-color:focus-visible, .dark .fi-toggle.fi-toggle-on.fi-color-primary:focus-visible { box-shadow: 0 0 0 2px rgba(var(--theme-success-rgb), 0.35) !important; } /* ToggleButtons (thème) : style piloté par les settings Theme > Toggle buttons */ .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn { --toggle-accent: var(--secondary-600, var(--secondary-500)); --toggle-accent-rgb: var(--theme-secondary-rgb, 168, 85, 247); background-color: rgba(var(--theme-input-bg-effective-rgb, 255, 255, 255), var(--theme-input-bg-effective-alpha, 1)) !important; border-color: var(--toggle-accent) !important; color: var(--theme-toggle-inactive-text-light, var(--toggle-accent)) !important; } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn .fi-btn-label, .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn .fi-icon { color: inherit !important; } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-primary { --toggle-accent: var(--primary-600, var(--primary-500)); --toggle-accent-rgb: var(--theme-primary-rgb, 59, 130, 246); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-secondary { --toggle-accent: var(--secondary-600, var(--secondary-500)); --toggle-accent-rgb: var(--theme-secondary-rgb, 168, 85, 247); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-custom { --toggle-accent: var(--custom-600, var(--custom-500)); --toggle-accent-rgb: var(--theme-custom-rgb, 34, 197, 94); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-success { --toggle-accent: var(--success-600, var(--success-500)); --toggle-accent-rgb: var(--theme-success-rgb, 16, 185, 129); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-danger { --toggle-accent: var(--danger-600, var(--danger-500)); --toggle-accent-rgb: var(--theme-danger-effective-rgb, var(--theme-danger-rgb, 239, 68, 68)); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-info { --toggle-accent: var(--info-600, var(--info-500)); --toggle-accent-rgb: var(--theme-info-rgb, 59, 130, 246); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-warning { --toggle-accent: var(--warning-600, var(--warning-500)); --toggle-accent-rgb: var(--theme-warning-rgb, 245, 158, 11); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-gray { --toggle-accent: var(--gray-600, var(--gray-500)); --toggle-accent-rgb: var(--theme-gray-rgb, 107, 114, 128); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-red { --toggle-accent: var(--red-600, var(--red-500)); --toggle-accent-rgb: var(--theme-red-rgb, 239, 68, 68); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-blue { --toggle-accent: var(--blue-600, var(--blue-500)); --toggle-accent-rgb: var(--theme-blue-rgb, 59, 130, 246); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-indigo { --toggle-accent: var(--indigo-600, var(--indigo-500)); --toggle-accent-rgb: var(--theme-indigo-rgb, 99, 102, 241); } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn.fi-color-emerald { --toggle-accent: var(--emerald-600, var(--emerald-500)); --toggle-accent-rgb: var(--theme-emerald-rgb, 16, 185, 129); } html.dark .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input + .fi-btn { background-color: rgba(var(--toggle-accent-rgb), var(--theme-toggle-inactive-bg-dark-opacity, 0.35)) !important; border-color: var(--toggle-accent) !important; color: var(--theme-toggle-inactive-text-dark, var(--toggle-accent)) !important; } .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn:hover, .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn:focus-visible { background-color: rgba(var(--toggle-accent-rgb), 0.10) !important; } html:not(.dark) .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input:checked + .fi-btn { background-color: var(--toggle-accent) !important; border-color: var(--toggle-accent) !important; color: var(--theme-toggle-active-text-light, #ffffff) !important; } html.dark .fi-fo-toggle-buttons.fi-btn-group .fi-fo-toggle-buttons-input:checked + .fi-btn { background-color: rgba(var(--toggle-accent-rgb), var(--theme-toggle-active-bg-dark-opacity, 1)) !important; border-color: var(--toggle-accent) !important; color: var(--theme-toggle-active-text-dark, #ffffff) !important; box-shadow: none !important; } /* * Tabs Filament globaux : appliqués automatiquement sans classe custom. * Utilise les settings thème "Tabs active ...". */ html:not(.dark) .fi-tabs .fi-tabs-item.fi-active { background-color: var(--theme-tabs-active-bg-light, var(--secondary-500)) !important; border-color: var(--theme-tabs-active-bg-light, var(--secondary-500)) !important; color: var(--theme-tabs-active-text-light, #ffffff) !important; } html.dark .fi-tabs { border-color: var(--theme-tabs-active-border-dark, var(--secondary-400)) !important; } html.dark .fi-tabs .fi-tabs-item + .fi-tabs-item { border-inline-start-color: var(--theme-tabs-active-border-dark, var(--secondary-400)) !important; } html.dark .fi-tabs .fi-tabs-item.fi-active { background-color: transparent !important; border-style: solid !important; border-width: 1px !important; border-color: var(--theme-tabs-active-border-dark, var(--secondary-400)) !important; box-shadow: inset 0 0 0 1px var(--theme-tabs-active-border-dark, var(--secondary-400)) !important; color: var(--theme-tabs-active-text-dark, var(--secondary-300)) !important; } .fi-tabs .fi-tabs-item.fi-active .fi-tabs-item-label, .fi-tabs .fi-tabs-item.fi-active .fi-icon { color: inherit !important; font-weight: var(--theme-tabs-active-font-weight, 700) !important; font-style: var(--theme-tabs-active-font-style, normal) !important; } html:not(.dark) .fi-tabs .fi-tabs-item.fi-active .fi-badge { background-color: var(--theme-tabs-active-badge-bg-light, rgba(255, 255, 255, 0.22)) !important; border-color: var(--theme-tabs-active-badge-bg-light, rgba(255, 255, 255, 0.22)) !important; color: var(--theme-tabs-active-badge-text-light, var(--theme-tabs-active-text-light, #ffffff)) !important; --text: var(--theme-tabs-active-badge-text-light, var(--theme-tabs-active-text-light, #ffffff)) !important; } html.dark .fi-tabs .fi-tabs-item.fi-active .fi-badge { background-color: var(--theme-tabs-active-badge-bg-dark, rgba(255, 255, 255, 0.15)) !important; border-color: var(--theme-tabs-active-badge-bg-dark, rgba(255, 255, 255, 0.15)) !important; color: var(--theme-tabs-active-badge-text-dark, var(--theme-tabs-active-text-dark, #ffffff)) !important; --text: var(--theme-tabs-active-badge-text-dark, var(--theme-tabs-active-text-dark, #ffffff)) !important; } .fi-tabs .fi-tabs-item.fi-active .fi-badge .fi-badge-label { color: inherit !important; } .fi-tabs .fi-tabs-item:not(.fi-active):hover { background-color: rgba(var(--theme-tabs-active-bg-light-rgb, var(--secondary-500-rgb)), 0.08) !important; } .fi-sidebar-footer { display: none !important; } html:not(.dark) .fi-topbar .fi-topbar-item-btn { background-color: var(--theme-topbar-nav-500, rgba(var(--theme-topbar-nav-bg-light-rgb), calc(var(--theme-topbar-nav-bg-light-alpha, 1) * var(--theme-mode-opacity)))) !important; color: var(--theme-topbar-nav-text-light, inherit) !important; } .dark .fi-topbar .fi-topbar-item-btn { background-color: var(--theme-topbar-nav-dark-700, var(--theme-topbar-nav-500, rgba(var(--theme-topbar-nav-bg-dark-rgb), calc(var(--theme-topbar-nav-bg-dark-alpha, 1) * var(--theme-mode-opacity))))) !important; color: var(--theme-topbar-nav-text-dark, var(--theme-topbar-nav-text-light, inherit)) !important; } html:not(.dark) .fi-topbar .fi-topbar-item-btn[aria-current="page"] { background-color: var(--theme-topbar-nav-active-300, rgba(var(--theme-topbar-nav-active-bg-light-rgb), calc(var(--theme-topbar-nav-active-bg-light-alpha, 0.25) * var(--theme-mode-opacity)))) !important; } .dark .fi-topbar .fi-topbar-item-btn[aria-current="page"] { background-color: var(--theme-topbar-nav-active-dark-600, rgba(var(--theme-topbar-nav-active-bg-dark-rgb), calc(var(--theme-topbar-nav-active-bg-dark-alpha, 0.25) * var(--theme-mode-opacity)))) !important; } html:not(.dark) .fi-topbar .fi-topbar-item-btn:not([aria-current="page"]):hover, html:not(.dark) .fi-topbar .fi-topbar-item-btn:not([aria-current="page"]):focus-visible { background-color: var(--theme-topbar-nav-active-200, rgba(var(--theme-topbar-nav-hover-bg-light-rgb), var(--theme-topbar-nav-hover-bg-light-alpha, 0.14))) !important; } .dark .fi-topbar .fi-topbar-item-btn:not([aria-current="page"]):hover, .dark .fi-topbar .fi-topbar-item-btn:not([aria-current="page"]):focus-visible { background-color: var(--theme-topbar-nav-active-dark-700, rgba(var(--theme-topbar-nav-hover-bg-dark-rgb), var(--theme-topbar-nav-hover-bg-dark-alpha, 0.24))) !important; } /* Keep button icon color aligned with button text color. */ .fi-btn .fi-btn-icon, .fi-btn .fi-icon, .fi-icon-btn .fi-icon { color: inherit !important; } /* Final safeguard: grouped toggle buttons keep square inner edges. */ .fi-fo-toggle-buttons.fi-btn-group .fi-btn { border-radius: 0 !important; } .fi-fo-toggle-buttons.fi-btn-group .fi-btn:first-of-type { border-start-start-radius: var(--theme-button-radius) !important; border-end-start-radius: var(--theme-button-radius) !important; border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; } .fi-fo-toggle-buttons.fi-btn-group .fi-btn:last-of-type { border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; border-start-end-radius: var(--theme-button-radius) !important; border-end-end-radius: var(--theme-button-radius) !important; } /* Invoice : toggles type ligne (icônes) — barre groupée identique create / edit. */ .fi-invoice-add-item-type-tabs--icon-only, .fi-invoice-add-item-type-tabs--icon-only .fi-fo-field, .fi-invoice-add-item-type-tabs--icon-only .fi-fo-field-wrp, .fi-invoice-add-item-type-tabs--icon-only .fi-fo-field-content-col, .fi-invoice-add-item-type-tabs--icon-only .fi-fo-field-content-ctn, .fi-invoice-add-item-type-tabs--icon-only .fi-fo-field-content, .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons-wrp { width: fit-content !important; max-width: none !important; } .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons.fi-btn-group, .fi-invoice-line-item-type-toggle-group.fi-fo-toggle-buttons.fi-btn-group { display: grid !important; grid-auto-flow: column !important; gap: 0 !important; width: max-content !important; max-width: none !important; overflow: hidden !important; border-radius: var(--theme-button-radius) !important; } .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons.fi-btn-group > label.fi-btn, .fi-invoice-line-item-type-toggle-group.fi-fo-toggle-buttons.fi-btn-group > label.fi-btn { flex: none !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; --tw-ring-width: 0 !important; --tw-ring-color: transparent !important; --tw-ring-shadow: 0 0 #0000 !important; --tw-ring-offset-shadow: 0 0 #0000 !important; --tw-shadow: 0 0 #0000 !important; } .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons.fi-btn-group > label.fi-btn:not(:first-of-type), .fi-invoice-line-item-type-toggle-group.fi-fo-toggle-buttons.fi-btn-group > label.fi-btn:not(:first-of-type) { box-shadow: -1px 0 0 0 var(--color-gray-200) !important; } .dark .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons.fi-btn-group > label.fi-btn:not(:first-of-type), .dark .fi-invoice-line-item-type-toggle-group.fi-fo-toggle-buttons.fi-btn-group > label.fi-btn:not(:first-of-type) { box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.2) !important; } .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons.fi-btn-group > label.fi-btn:first-of-type, .fi-invoice-line-item-type-toggle-group.fi-fo-toggle-buttons.fi-btn-group > label.fi-btn:first-of-type { border-start-start-radius: var(--theme-button-radius) !important; border-end-start-radius: var(--theme-button-radius) !important; } .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons.fi-btn-group > label.fi-btn:last-of-type, .fi-invoice-line-item-type-toggle-group.fi-fo-toggle-buttons.fi-btn-group > label.fi-btn:last-of-type { border-start-end-radius: var(--theme-button-radius) !important; border-end-end-radius: var(--theme-button-radius) !important; } @media (max-width: 639px) { .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons.fi-btn-group > label.fi-btn, .fi-invoice-line-item-type-toggle-group.fi-fo-toggle-buttons.fi-btn-group > label.fi-btn { font-size: 0 !important; line-height: 0 !important; } .fi-invoice-add-item-type-tabs--icon-only .fi-fo-toggle-buttons.fi-btn-group > label.fi-btn > .fi-icon, .fi-invoice-line-item-type-toggle-group.fi-fo-toggle-buttons.fi-btn-group > label.fi-btn > .fi-icon { display: inline-flex !important; } } /* Modal add item : garder un gap entre select/qty/prix et la section rabais. */ .fi-invoice-page .fi-invoice-item-and-discount > .fi-sc, .fi-invoice-page .fi-invoice-item-and-discount > .fi-sc.fi-sc-has-gap { gap: 1rem !important; row-gap: 1rem !important; } .fi-invoice-page .fi-invoice-item-and-discount .fi-invoice-add-item-main-row .fi-fo-field, .fi-invoice-page .fi-invoice-item-and-discount .fi-invoice-add-item-main-row .fi-fo-field-wrp, .fi-invoice-page .fi-invoice-item-and-discount .fi-invoice-add-item-catalog-row .fi-fo-field, .fi-invoice-page .fi-invoice-item-and-discount .fi-invoice-add-item-qty-price-row .fi-fo-field { margin-bottom: 0 !important; } /* Facture : bouton replier section — Font Awesome, cercle, couleur thème. */ .fi-invoice-page .fi-section-collapse-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; width: 2rem !important; height: 2rem !important; margin-inline-start: auto !important; margin-top: 0.375rem !important; border-radius: 9999px !important; border: 1px solid color-mix(in oklab, var(--theme-action-main-600, var(--primary-600)) 35%, transparent) !important; background-color: color-mix(in oklab, var(--theme-action-main-600, var(--primary-600)) 12%, transparent) !important; color: var(--theme-action-main-600, var(--primary-600)) !important; transition: background-color 0.15s ease, color 0.15s ease, transform 0.2s ease !important; } .fi-invoice-page .fi-section-collapse-btn:hover { background-color: var(--theme-action-main-600, var(--primary-600)) !important; color: var(--theme-action-main-text-light, #ffffff) !important; } .fi-invoice-page .fi-section-collapse-btn .fi-icon { width: 0.875rem !important; height: 0.875rem !important; } .dark .fi-invoice-page .fi-section-collapse-btn { border-color: color-mix(in oklab, var(--theme-action-main-dark-600, var(--primary-400)) 45%, transparent) !important; background-color: color-mix(in oklab, var(--theme-action-main-dark-600, var(--primary-400)) 18%, transparent) !important; color: var(--theme-action-main-dark-600, var(--primary-400)) !important; } .dark .fi-invoice-page .fi-section-collapse-btn:hover { background-color: var(--theme-action-main-dark-600, var(--primary-500)) !important; color: var(--theme-action-main-text-dark, #ffffff) !important; } /* Storefront display toggle inside RichEditor toolbar (ThemeToggleButtons look) */ .fi-elia-storefront-display-tool { display: inline-flex; align-items: center; gap: 0.35rem; max-width: 100%; pointer-events: auto !important; position: relative; z-index: 2; } .fi-elia-storefront-display-toggle.fi-fo-toggle-buttons.fi-btn-group { display: inline-flex !important; flex-wrap: nowrap; gap: 0 !important; max-width: 100%; pointer-events: auto !important; } .fi-elia-storefront-display-toggle .fi-btn { min-height: 1.5rem !important; padding: 0.15rem 0.45rem !important; font-size: 0.65rem !important; line-height: 1.1 !important; box-shadow: none !important; pointer-events: auto !important; cursor: pointer !important; } .fi-elia-storefront-display-toggle .fi-btn .fi-btn-label { font-size: inherit !important; } /* Force l’état actif (Web par défaut) même si :checked est retardé par Alpine */ .fi-elia-storefront-display-toggle .fi-btn.is-selected, .fi-elia-storefront-display-toggle .fi-fo-toggle-buttons-input:checked + .fi-btn { background-color: var(--toggle-accent, var(--primary-600, var(--primary-500))) !important; border-color: var(--toggle-accent, var(--primary-600, var(--primary-500))) !important; color: var(--theme-toggle-active-text-light, #ffffff) !important; opacity: 1 !important; } .fi-elia-storefront-display-toggle .fi-btn.fi-color-primary.is-selected, .fi-elia-storefront-display-toggle .fi-fo-toggle-buttons-input:checked + .fi-btn.fi-color-primary { --toggle-accent: var(--primary-600, var(--primary-500)); background-color: var(--primary-600, var(--primary-500)) !important; border-color: var(--primary-600, var(--primary-500)) !important; color: #ffffff !important; } .fi-elia-storefront-display-toggle .fi-btn.fi-color-success.is-selected, .fi-elia-storefront-display-toggle .fi-fo-toggle-buttons-input:checked + .fi-btn.fi-color-success { --toggle-accent: var(--success-600, var(--success-500)); background-color: var(--success-600, var(--success-500)) !important; border-color: var(--success-600, var(--success-500)) !important; color: #ffffff !important; } .fi-elia-storefront-display-info.fi-fo-rich-editor-tool { flex-shrink: 0; width: 1.15rem; height: 1.15rem; min-width: 1.15rem; min-height: 1.15rem; padding: 0 !important; pointer-events: auto !important; cursor: help; } .fi-elia-storefront-display-info.fi-fo-rich-editor-tool .fi-icon, .fi-elia-storefront-display-info.fi-fo-rich-editor-tool svg { width: 0.85rem !important; height: 0.85rem !important; } /* RichEditor: default min size and user-resizable area. */ .fi-fo-rich-editor .fi-fo-rich-editor-content, .elia-rich-editor-main .fi-fo-rich-editor-content { min-height: 8.5rem; /* ~5 text rows */ height: auto; max-height: none; overflow-y: auto; resize: vertical; } .fi-modal-window .fi-fo-rich-editor .fi-fo-rich-editor-content, .fi-modal-window .elia-rich-editor-main .fi-fo-rich-editor-content { min-height: 8.5rem; /* keep at least 5 rows in modals */ height: auto; max-height: none; } /* Filament table SelectColumn: yes/no compact with semantic colors */ .is-displayed-select { font-weight: 600; border-width: 1px; border-radius: 0.5rem; transition: color .2s ease, border-color .2s ease, background-color .2s ease; } .is-displayed-select:has(option[value="1"]:checked) { color: rgb(22 101 52); border-color: rgb(134 239 172); background-color: rgb(240 253 244); } .is-displayed-select:has(option[value="0"]:checked) { color: rgb(153 27 27); border-color: rgb(252 165 165); background-color: rgb(254 242 242); } /* Privacy policy modal: toggle aligned on same row as language tabs. */ .fi-modal-window .privacy-tabs-with-toggle { position: relative; } .fi-modal-window .privacy-tabs-with-toggle .privacy-display-toggle-in-modal-header { position: absolute; top: 0.15rem; right: 0; margin: 0; } .fi-modal-window .privacy-tabs-with-toggle .privacy-display-toggle-in-modal-header .fi-fo-field-wrp-label { margin-bottom: 0.35rem; } .fi-modal-window .privacy-tabs-with-toggle .privacy-content-tabs-offset .fi-tabs { padding-right: 16rem; } .fi-modal-window .privacy-tabs-with-toggle .privacy-content-tabs-offset .fi-fo-rich-editor-main, .fi-modal-window .privacy-tabs-with-toggle .privacy-content-tabs-offset .fi-fo-rich-editor-content { width: 100% !important; max-width: 100% !important; } .fi-modal-window .privacy-tabs-with-toggle .privacy-content-tabs-offset .fi-fo-rich-editor-content.fi-prose { width: 100% !important; max-width: none !important; } @media (max-width: 639px) { .fi-modal-window .privacy-tabs-with-toggle .privacy-display-toggle-in-modal-header { position: static; margin-top: 0.75rem; } .fi-modal-window .privacy-tabs-with-toggle .privacy-content-tabs-offset .fi-tabs { padding-right: 0; } } /* Modales CRUD — plein écran mobile (< 640px) */ .fi-modal-window.fi-elia-modal-mobile-fullscreen { max-height: calc(100dvh - 2rem); display: flex; flex-direction: column; min-height: 0; } /* Add/Edit ligne facture : plus large + plus haut, plafonné au viewport */ .fi-modal-window.fi-invoice-line-item-modal { width: 100%; max-width: min(58rem, calc(100vw - 1.5rem)); min-height: min(78dvh, 46rem); max-height: calc(100dvh - 1.5rem); display: flex; flex-direction: column; } /* Desktop : en-tête du modal Add item = poignée de déplacement */ @media (min-width: 640px) { .fi-modal-window.fi-invoice-line-item-modal > .fi-modal-header, .fi-modal-window.fi-invoice-line-item-modal > .fi-modal-header .fi-modal-heading, .fi-modal-header.fi-elia-modal-drag-handle { cursor: move !important; user-select: none !important; } .fi-modal-window.fi-invoice-line-item-modal > .fi-modal-header .fi-modal-close-btn, .fi-modal-header.fi-elia-modal-drag-handle button, .fi-modal-header.fi-elia-modal-drag-handle a { cursor: pointer !important; user-select: auto !important; } .fi-modal-window.fi-elia-modal-dragging { transition: none !important; box-shadow: 0 22px 48px rgba(15, 23, 42, 0.22), 0 4px 14px rgba(15, 23, 42, 0.12) !important; } } .fi-modal-window.fi-invoice-line-item-modal > .fi-modal-content { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } /* Chiffres / inputs du modal Add item un peu plus grands */ .fi-modal-window.fi-invoice-line-item-modal .fi-input, .fi-modal-window.fi-invoice-line-item-modal input.fi-input, .fi-modal-window.fi-invoice-line-item-modal .fi-select-input-value-label, .fi-modal-window.fi-invoice-line-item-modal .fi-input-wrp-suffix, .fi-modal-window.fi-invoice-line-item-modal .fi-fo-field-wrp-label, .fi-modal-window.fi-invoice-line-item-modal .fi-section-header-heading { font-size: 1.0625rem !important; line-height: 1.5rem !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-invoice-add-item-qty-price-row .fi-input, .fi-modal-window.fi-invoice-line-item-modal .fi-invoice-add-item-qty-price-row input.fi-input { font-size: 1.25rem !important; line-height: 1.75rem !important; font-weight: 600 !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-catalog-select-selected { font-size: 1.0625rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; } /* Liste Select catalogue : au-dessus du contenu modal (fixed via fi-fixed-positioning-context) */ .fi-modal-window.fi-invoice-line-item-modal.fi-fixed-positioning-context .fi-dropdown-panel, .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel { z-index: 100 !important; max-height: min(22rem, 50dvh) !important; padding: 0.4rem !important; border-radius: 0.9rem !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06) !important; border: 1px solid rgba(15, 23, 42, 0.08) !important; overflow-x: hidden !important; } .dark .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel { border-color: rgba(255, 255, 255, 0.1) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.25) !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel .fi-input-wrp { margin: 0.15rem 0.15rem 0.45rem !important; border-radius: 0.7rem !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-header, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-dropdown-header { padding: 0.55rem 0.75rem 0.35rem !important; font-size: 0.7rem !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: color-mix(in oklab, var(--gray-500) 90%, transparent) !important; background: transparent !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-list-item.fi-select-input-option, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-dropdown-list-item.fi-select-input-option { align-items: stretch !important; gap: 0.5rem !important; margin: 0.1rem 0.1rem !important; padding: 0.55rem 0.7rem !important; border-radius: 0.7rem !important; transition: background-color 120ms ease, box-shadow 120ms ease; } /* Add item : typo catalogue plus lisible (nom / meta / prix) Inclut les panels en portal (hors .fi-modal-window). */ .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel .fi-catalog-select-option__title, .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel .fi-catalog-select-option__title strong, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-catalog-select-option__title, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-catalog-select-option__title strong { font-size: 1.125rem !important; line-height: 1.35 !important; font-weight: 700 !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel .fi-catalog-select-option__meta, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-catalog-select-option__meta { font-size: 0.9375rem !important; line-height: 1.3 !important; margin-top: 0.2rem !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel .fi-catalog-select-option__price, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-catalog-select-option__price { font-size: 1rem !important; padding: 0.3rem 0.7rem !important; font-weight: 700 !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-list-item.fi-select-input-option, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-dropdown-list-item.fi-select-input-option { padding: 0.75rem 0.85rem !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-header, .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel .fi-dropdown-header, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-dropdown-header { font-size: 0.8125rem !important; padding: 0.65rem 0.85rem 0.4rem !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel .fi-input, .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-panel input.fi-input, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-input, .fi-dropdown-panel:has(.fi-catalog-select-option) input.fi-input { font-size: 1.0625rem !important; min-height: 2.5rem !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-catalog-select-selected, .fi-modal-window.fi-invoice-line-item-modal .fi-select-input-value-label { font-size: 1.125rem !important; line-height: 1.4 !important; font-weight: 600 !important; } .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-list-item.fi-select-input-option:hover, .fi-modal-window.fi-invoice-line-item-modal .fi-dropdown-list-item.fi-select-input-option.fi-selected, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-dropdown-list-item.fi-select-input-option:hover, .fi-dropdown-panel:has(.fi-catalog-select-option) .fi-dropdown-list-item.fi-select-input-option.fi-selected { background-color: color-mix(in oklab, var(--primary-500) 10%, transparent) !important; box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--primary-500) 22%, transparent); } .fi-catalog-select-option { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 0.85rem; min-width: 0; } .fi-catalog-select-option__main { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; gap: 0.35rem; } .fi-catalog-select-option__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; font-weight: 700 !important; line-height: 1.25; color: var(--gray-950); } .fi-catalog-select-option__title strong { font-weight: 700 !important; } .dark .fi-catalog-select-option__title { color: #fff; } .fi-catalog-select-option__meta { display: block; margin-top: 0.15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem !important; font-weight: 400 !important; line-height: 1.2; color: color-mix(in oklab, var(--gray-500) 95%, transparent) !important; } .fi-catalog-select-option__price { flex: 0 0 auto; border-radius: 999px; padding: 0.2rem 0.55rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.01em; white-space: nowrap; color: color-mix(in oklab, var(--primary-700) 88%, #000); background: color-mix(in oklab, var(--primary-500) 14%, transparent); } .dark .fi-catalog-select-option__price { color: color-mix(in oklab, var(--primary-200) 90%, #fff); background: color-mix(in oklab, var(--primary-400) 22%, transparent); } /* Valeur sélectionnée dans l’input : une ligne compacte */ .fi-select-input-value-label .fi-catalog-select-option { gap: 0.5rem; } .fi-select-input-value-label .fi-catalog-select-option__meta { display: none; } .fi-select-input-value-label .fi-catalog-select-option__price { padding: 0.1rem 0.45rem; font-size: 0.7rem; } .fi-select-input-value-label .fi-catalog-select-selected { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fi-select-input-value-label { max-width: 20ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fi-select-input-value-label span.min-w-0.truncate, .fi-select-input-value-label span.truncate, .fi-select-input-value-badges-ctn .fi-badge-label span.min-w-0.truncate, .fi-select-input-value-badges-ctn .fi-badge-label span.truncate { max-width: 20ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fi-modal-window.fi-elia-modal-mobile-fullscreen > .fi-modal-content { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; flex: 1 1 auto; min-height: 0; } @media (max-width: 639px) { .fi-modal:has(> .fi-modal-window-ctn > .fi-modal-window.fi-elia-modal-mobile-fullscreen) > .fi-modal-window-ctn { padding: 0 !important; } .fi-modal-window.fi-elia-modal-mobile-fullscreen { max-width: 100vw !important; width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; border-radius: 0 !important; margin: 0 !important; } .fi-modal-window.fi-elia-modal-mobile-fullscreen > .fi-modal-content { overflow-x: hidden !important; overflow-y: auto !important; padding-inline: 1rem !important; overscroll-behavior: contain; } } /* Slide-overs — contenu scrollable sur mobile */ .fi-modal-slide-over .fi-modal-window.fi-elia-slideover-mobile { display: flex; flex-direction: column; min-height: 0; max-height: 100dvh; } .fi-modal-slide-over .fi-modal-window.fi-elia-slideover-mobile > .fi-modal-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } @media (max-width: 639px) { .fi-modal-slide-over .fi-modal-window.fi-elia-slideover-mobile > .fi-modal-content { padding-inline: 0.75rem !important; } .fi-modal-window .fi-modal-header { cursor: default !important; user-select: auto !important; } } /* Modal confirmation: enforce one continuous surface (no white band). */ html:not(.dark) .fi-modal > .fi-modal-window-ctn > .fi-modal-window, html:not(.dark) .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-header, html:not(.dark) .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-content, html:not(.dark) .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-footer, html:not(.dark) .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-footer .fi-modal-footer-actions { background-color: rgba(var(--theme-modal-surface-500-rgb, var(--theme-modal-bg-light-rgb, var(--theme-custom-200-rgb))), var(--theme-modal-bg-light-alpha, 1)) !important; } .dark .fi-modal > .fi-modal-window-ctn > .fi-modal-window, .dark .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-header, .dark .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-content, .dark .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-footer, .dark .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-footer .fi-modal-footer-actions { background-color: rgba(var(--theme-modal-surface-dark-700-rgb, var(--theme-modal-surface-500-rgb, var(--theme-modal-bg-dark-rgb, var(--theme-custom-800-rgb)))), var(--theme-modal-bg-dark-alpha, 1)) !important; } .fi-modal.fi-modal-has-sticky-footer > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-footer, .fi-modal > .fi-modal-window-ctn > .fi-modal-window > .fi-modal-footer { border-top-color: transparent !important; } html:not(.dark) .fi-sidebar-footer { background-color: var(--theme-sidebar-surface-600, var(--theme-sidebar-surface-500)) !important; } .dark .fi-sidebar-footer { background-color: var(--theme-sidebar-surface-dark-800, var(--theme-sidebar-surface-dark-700, var(--theme-sidebar-surface-600))) !important; } /* Modal aperçu / print facture — scroll visible, en-tête document non rogné */ .fi-modal-window.fi-invoice-print-modal, .fi-modal-window.fi-invoice-view-modal, .fi-modal-window.fi-invoice-barcode-print-modal { max-height: calc(100dvh - 2rem); display: flex; flex-direction: column; min-height: 0; } .fi-invoice-view-layout.fi-invoice-print-preview .fi-invoice-print-page { display: block; min-height: auto; overflow: visible; } .fi-invoice-view-layout.fi-invoice-print-preview .fi-invoice-print-body { display: block; min-height: auto; } .fi-invoice-view-layout.fi-invoice-print-preview .fi-invoice-print-spacer { display: none; } .fi-invoice-view-layout.fi-invoice-print-preview .fi-invoice-print-content { padding-top: 0.25rem; } .fi-invoice-view-modal .fi-invoice-line-items-table, .fi-invoice-print-modal .fi-invoice-line-items-table { table-layout: fixed; width: 100%; border-collapse: collapse; } .fi-invoice-view-modal .fi-invoice-line-items-table thead th, .fi-invoice-print-modal .fi-invoice-line-items-table thead th, .fi-invoice-view-modal .fi-invoice-line-items-table tbody td:not(:first-child), .fi-invoice-print-modal .fi-invoice-line-items-table tbody td:not(:first-child) { white-space: nowrap; } /* Print modal (aperçu écran) — même flux scrollable que la vue facture */ .fi-invoice-print-layout.fi-invoice-print-preview .fi-invoice-print-page { display: block; min-height: auto; overflow: visible; } .fi-invoice-print-layout.fi-invoice-print-preview .fi-invoice-print-body { display: block; min-height: auto; } .fi-invoice-print-layout.fi-invoice-print-preview .fi-invoice-print-spacer { display: none; } .fi-invoice-print-layout.fi-invoice-print-preview .fi-invoice-print-content { padding-top: 0.25rem; } .fi-invoice-print-layout.fi-invoice-print-preview .fi-invoice-print-page, .fi-invoice-print-layout.fi-invoice-print-preview .fi-invoice-print-body { flex: none; } .fi-modal-content > .fi-invoice-print-layout.fi-invoice-print-preview { flex: none; min-height: auto; } @media (min-width: 640px) { .fi-modal-window.fi-invoice-print-modal, .fi-modal-window.fi-invoice-view-modal { max-width: 96rem !important; /* Tailwind 9xl */ width: 100%; } } .fi-modal-window.fi-invoice-print-modal > .fi-modal-content, .fi-modal-window.fi-invoice-view-modal > .fi-modal-content, .fi-modal-window.fi-invoice-barcode-print-modal > .fi-modal-content { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; flex: 1 1 auto; min-height: 0; max-height: calc(100dvh - 10rem); padding-top: 0.75rem; padding-bottom: 1rem; padding-inline: 1.5rem; } .fi-invoice-print-modal .fi-invoice-print-section > .fi-section-content-ctn > .fi-section-content { padding: 0 !important; } .fi-invoice-print-modal .fi-invoice-print-preview, .fi-invoice-view-modal .fi-invoice-print-preview { width: 100%; max-width: 100%; min-width: 0; margin-inline: 1rem; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; box-sizing: border-box; } /* Vue facture : largeur = conteneur − marges latérales (évite le rognage à droite) */ .fi-invoice-view-modal .fi-invoice-print-preview { width: calc(100% - 2rem); max-width: calc(100% - 2rem); } /* Page A4 — footer + statut collés en bas (aperçu modal uniquement ; PDF via html2media) */ .fi-invoice-print-preview .fi-invoice-print-page { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex: 1 1 auto; min-height: 100%; background-color: var(--theme-custom-100) !important; } .fi-invoice-document-themed.fi-invoice-print-preview .fi-invoice-print-page, .fi-invoice-document-themed.fi-invoice-print-preview .fi-invoice-document-surface, .fi-invoice-document-themed.fi-invoice-print-preview .fi-invoice-print-body, .fi-invoice-document-themed.fi-invoice-print-preview .fi-invoice-print-content, .fi-invoice-document-themed.fi-invoice-print-preview .fi-invoice-print-spacer { background-color: var(--theme-custom-100, #ffffff) !important; } .fi-invoice-document-themed.fi-invoice-print-preview .fi-invoice-print-payment-status { background-color: var(--theme-secondary-100, var(--secondary-100, #fafafa)) !important; } .fi-online-order-preparation-slip.fi-invoice-print-preview .fi-invoice-print-page, .fi-online-order-preparation-slip.fi-invoice-print-preview .fi-invoice-document-surface, .fi-online-order-preparation-slip.fi-invoice-print-preview .fi-invoice-print-body, .fi-online-order-preparation-slip.fi-invoice-print-preview .fi-invoice-print-content, .fi-online-order-preparation-slip.fi-invoice-print-preview .fi-invoice-print-spacer { background-color: #ffffff !important; } .fi-modal.fi-modal-open .fi-invoice-print-preview:not(.fi-invoice-view-layout):not(.fi-invoice-print-layout) .fi-invoice-print-page { min-height: 1122px; } .fi-modal.fi-modal-open .fi-invoice-view-layout.fi-invoice-print-preview .fi-invoice-print-page { min-height: auto; } .fi-invoice-document-surface, .fi-invoice-print-preview .fi-invoice-print-body, .fi-invoice-print-preview .fi-invoice-print-content, .fi-invoice-print-preview .fi-invoice-print-spacer, .fi-invoice-print-preview .fi-invoice-print-payment-status { background-color: var(--theme-custom-100) !important; } .fi-invoice-print-preview .fi-invoice-print-footer, .fi-invoice-print-preview .fi-invoice-web-order-footer { flex: 0 0 auto; background-color: var(--primary-800, var(--theme-custom-800)) !important; } .fi-modal-content:has(> .fi-invoice-print-preview) { display: flex; flex-direction: column; min-height: 0; } .fi-modal-content > .fi-invoice-print-preview { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } .fi-invoice-print-preview .fi-invoice-print-body { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } .fi-invoice-print-preview .fi-invoice-print-spacer { flex: 1 1 auto; min-height: 0.5rem; } .fi-invoice-print-preview .fi-invoice-print-payment-status { flex: 0 0 auto; } .fi-invoice-totals { display: flex; justify-content: flex-end; width: 100%; margin-top: 1rem; font-size: 0.875rem; line-height: 1.25rem; } .fi-invoice-header { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; gap: 1.5rem; margin-bottom: 1rem; } .fi-invoice-header-store { width: 60%; min-width: 0; flex-shrink: 0; } .fi-invoice-header-meta, .fi-invoice-print-meta.fi-invoice-header-meta { width: 40%; min-width: 0; flex-shrink: 0; text-align: right; } .fi-invoice-totals-panel { width: 40%; min-width: 14rem; flex-shrink: 0; } .fi-invoice-totals-panel .fi-invoice-totals-row, .fi-invoice-totals-panel .fi-invoice-totals-total { display: flex; justify-content: space-between; gap: 1rem; } .fi-invoice-totals-panel .fi-invoice-totals-row { margin-bottom: 0.5rem; } .fi-invoice-print-preview .fi-invoice-document-logo, .fi-invoice-document-logo, .fi-invoice-barcode-print .fi-invoice-document-logo { width: 80px !important; height: 80px !important; max-width: 80px !important; max-height: 80px !important; object-fit: contain; flex-shrink: 0; } .fi-invoice-barcode-print .fi-gift-certificate-card .fi-invoice-document-logo { width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; } @media (min-width: 640px) { .fi-invoice-print-modal .fi-invoice-print-preview, .fi-invoice-view-modal .fi-invoice-print-preview { margin-inline: 1.5rem; } .fi-invoice-view-modal .fi-invoice-print-preview { width: calc(100% - 3rem); max-width: calc(100% - 3rem); } .fi-invoice-print-modal .fi-invoice-print-preview table { table-layout: fixed; width: 100%; } .fi-invoice-print-modal .fi-invoice-print-preview table th, .fi-invoice-print-modal .fi-invoice-print-preview table td { word-break: break-word; overflow-wrap: anywhere; padding-inline: 0.5rem; } } @media (max-width: 639px) { .fi-modal:has(> .fi-modal-window-ctn > .fi-modal-window.fi-invoice-print-modal) > .fi-modal-window-ctn, .fi-modal:has(> .fi-modal-window-ctn > .fi-modal-window.fi-invoice-view-modal) > .fi-modal-window-ctn, .fi-modal:has(> .fi-modal-window-ctn > .fi-modal-window.fi-invoice-barcode-print-modal) > .fi-modal-window-ctn { padding: 0 !important; } .fi-modal-window.fi-invoice-print-modal, .fi-modal-window.fi-invoice-view-modal, .fi-modal-window.fi-invoice-barcode-print-modal { max-width: 100vw !important; width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; border-radius: 0 !important; margin: 0 !important; } .fi-modal-window.fi-invoice-print-modal:not(.fi-invoice-view-modal) > .fi-modal-content, .fi-modal-window.fi-invoice-view-modal > .fi-modal-content { overflow-x: hidden !important; overflow-y: auto !important; padding-inline: 0.5rem !important; overscroll-behavior-y: contain; max-height: none !important; flex: 1 1 auto; min-height: 0; } .fi-invoice-print-modal .fi-invoice-print-layout.fi-invoice-print-preview, .fi-invoice-print-modal .fi-invoice-print-layout .fi-invoice-print-page, .fi-invoice-print-modal .fi-invoice-print-layout .fi-invoice-print-body { flex: none !important; min-height: auto !important; overflow: visible !important; } .fi-invoice-print-modal .fi-invoice-print-layout .fi-invoice-print-spacer { display: none !important; } .fi-modal-window.fi-invoice-barcode-print-modal > .fi-modal-content { overflow-x: auto !important; overflow-y: auto !important; padding-inline: 1rem !important; overscroll-behavior: contain; } /* Codes-barres certificats — format A4, scroll horizontal conservé */ .fi-invoice-barcode-print-modal .fi-invoice-print-preview:not(.fi-invoice-view-layout):not(.fi-invoice-print-layout) { min-width: 794px; width: 794px; max-width: none; margin-inline: 0.75rem; } /* Vue + print preview écran — contenu fluide, scroll vertical uniquement */ .fi-invoice-view-modal .fi-invoice-view-layout.fi-invoice-print-preview, .fi-invoice-print-modal .fi-invoice-print-layout.fi-invoice-print-preview { min-width: 0 !important; width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; } .fi-invoice-view-modal .fi-invoice-view-layout .fi-invoice-print-page, .fi-invoice-print-modal .fi-invoice-print-layout .fi-invoice-print-page { min-height: auto !important; border-radius: 0.5rem !important; } .fi-invoice-view-modal .fi-invoice-view-layout .fi-invoice-print-content, .fi-invoice-print-modal .fi-invoice-print-layout .fi-invoice-print-content { padding-inline: 0.75rem !important; padding-block: 0.75rem !important; } .fi-invoice-view-modal .fi-invoice-standard-header tr, .fi-invoice-print-modal .fi-invoice-standard-header tr { display: flex; flex-direction: column; gap: 0.875rem; } .fi-invoice-view-modal .fi-invoice-standard-header td, .fi-invoice-print-modal .fi-invoice-standard-header td { display: block; width: 100% !important; max-width: 100% !important; text-align: left !important; } .fi-invoice-view-modal .fi-invoice-standard-header td[align="right"], .fi-invoice-print-modal .fi-invoice-standard-header td[align="right"] { text-align: left !important; } .fi-invoice-view-modal .fi-invoice-standard-header img, .fi-invoice-print-modal .fi-invoice-standard-header img { width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; } .fi-invoice-view-modal .fi-invoice-standard-header p[style*="font-size:22px"], .fi-invoice-print-modal .fi-invoice-standard-header p[style*="font-size:22px"] { font-size: 1.125rem !important; } .fi-invoice-view-modal .fi-invoice-standard-header p[style*="font-size:13px"], .fi-invoice-view-modal .fi-invoice-standard-header td[style*="font-size:13px"], .fi-invoice-print-modal .fi-invoice-standard-header p[style*="font-size:13px"], .fi-invoice-print-modal .fi-invoice-standard-header td[style*="font-size:13px"] { font-size: 11px !important; line-height: 1.45 !important; } .fi-invoice-view-modal .fi-invoice-line-items-head, .fi-invoice-print-modal .fi-invoice-line-items-head, .fi-invoice-view-modal .fi-invoice-line-items-table thead, .fi-invoice-print-modal .fi-invoice-line-items-table thead { display: none; } .fi-invoice-view-modal .fi-invoice-line-items-table, .fi-invoice-print-modal .fi-invoice-line-items-table { font-size: 11px !important; } .fi-invoice-view-modal .fi-invoice-line-items-table tbody tr, .fi-invoice-print-modal .fi-invoice-line-items-table tbody tr { display: block; padding: 0.5rem 0.75rem; border-bottom: 1px solid color-mix(in oklab, var(--primary-500, #6366f1) 12%, transparent); } .fi-invoice-view-modal .fi-invoice-line-items-table tbody tr:last-child, .fi-invoice-print-modal .fi-invoice-line-items-table tbody tr:last-child { border-bottom: none; } .fi-invoice-view-modal .fi-invoice-line-items-table tbody td, .fi-invoice-print-modal .fi-invoice-line-items-table tbody td { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.5rem; padding: 0.2rem 0 !important; border: none !important; text-align: right !important; word-break: break-word; overflow-wrap: anywhere; } .fi-invoice-view-modal .fi-invoice-line-items-table tbody td:first-child, .fi-invoice-print-modal .fi-invoice-line-items-table tbody td:first-child { display: block; text-align: left !important; font-weight: 600; padding-bottom: 0.375rem !important; margin-bottom: 0.25rem; border-bottom: 1px solid color-mix(in oklab, var(--primary-500, #6366f1) 8%, transparent) !important; } .fi-invoice-view-modal .fi-invoice-line-items-table tbody td:not(:first-child)::before, .fi-invoice-print-modal .fi-invoice-line-items-table tbody td:not(:first-child)::before { content: attr(data-label); font-weight: 600; font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--gray-500, #6b7280); text-align: left; flex: 1 1 auto; min-width: 0; } .fi-invoice-view-modal .fi-invoice-totals, .fi-invoice-print-modal .fi-invoice-totals { justify-content: stretch !important; } .fi-invoice-view-modal .fi-invoice-totals-panel, .fi-invoice-print-modal .fi-invoice-totals-panel { width: 100% !important; min-width: 0 !important; font-size: 12px !important; } .fi-invoice-view-modal .fi-invoice-totals-row, .fi-invoice-print-modal .fi-invoice-totals-row { font-size: 12px !important; } .fi-invoice-view-modal .fi-invoice-totals-total, .fi-invoice-print-modal .fi-invoice-totals-total { font-size: 14px !important; } .fi-invoice-view-modal .fi-invoice-print-payment-status, .fi-invoice-print-modal .fi-invoice-print-payment-status { font-size: 11px !important; padding-inline: 0.75rem !important; } .fi-invoice-view-modal .fi-invoice-print-payment-status p, .fi-invoice-print-modal .fi-invoice-print-payment-status p { display: flex; flex-direction: column; gap: 0.35rem; line-height: 1.45 !important; } .fi-invoice-view-modal .fi-invoice-print-payment-status p span, .fi-invoice-print-modal .fi-invoice-print-payment-status p span { margin-left: 0 !important; padding-left: 0 !important; border-left: none !important; } .fi-invoice-view-modal .fi-invoice-print-footer, .fi-invoice-print-modal .fi-invoice-print-footer { font-size: 11px !important; padding: 0.75rem !important; line-height: 1.45 !important; } .fi-invoice-view-modal .fi-invoice-print-gifts h3, .fi-invoice-print-modal .fi-invoice-print-gifts h3 { font-size: 0.875rem !important; } .fi-invoice-print-modal .fi-invoice-print-layout .fi-invoice-print-section { border-radius: 0.5rem !important; } } :root, body, .fi-body { font-family: "IBM Plex Sans", Inter, sans-serif; } /* * Tables Filament : après morph Livewire, text-(--text) peut perdre sa résolution * (--color-* / --info-*). Filament assigne parfois fi-text-color-50 sur IconColumn : * var(--color-50) redevient la teinte Tailwind par défaut (quasi blanche sur fond clair). * On réinjecte des teintes lisibles sur fond clair/sombre (text-item, icônes, boutons, liens). */ html:not(.dark) .fi-ta-ctn .fi-ta-icon svg.fi-color-success, html:not(.dark) .fi-ta-ctn .fi-ta-cell svg.fi-color-success { --text: var(--success-600, var(--theme-success, #059669)) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-ta-icon svg.fi-color-danger, html:not(.dark) .fi-ta-ctn .fi-ta-cell svg.fi-color-danger { --text: var(--danger-600, var(--theme-danger-effective, var(--theme-danger, #e11d48))) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-ta-icon svg.fi-color-warning, html:not(.dark) .fi-ta-ctn .fi-ta-cell svg.fi-color-warning { --text: var(--warning-600, var(--theme-warning, #d97706)) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-ta-icon svg.fi-color-info, html:not(.dark) .fi-ta-ctn .fi-ta-cell svg.fi-color-info { --text: var(--info-600, var(--theme-info, #2563eb)) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-info, html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-info > .fi-icon, html:not(.dark) .fi-ta-ctn a.fi-ta-text-item.fi-color-info { --text: var(--info-600, var(--theme-info, #2563eb)) !important; --hover-text: var(--info-700, var(--theme-info, #2563eb)) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-primary, html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-primary > .fi-icon, html:not(.dark) .fi-ta-ctn a.fi-ta-text-item.fi-color-primary { --text: var(--primary-600, var(--theme-primary, #d97706)) !important; --hover-text: var(--primary-700, var(--theme-primary, #d97706)) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-custom, html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-custom > .fi-icon, html:not(.dark) .fi-ta-ctn a.fi-ta-text-item.fi-color-custom { --text: var(--custom-600, var(--theme-custom, currentColor)) !important; --hover-text: var(--custom-700, var(--theme-custom, currentColor)) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-btn.fi-outlined.fi-color-primary, html:not(.dark) .fi-ta-ctn .fi-btn.fi-outlined.fi-color-primary .fi-btn-label, html:not(.dark) .fi-ta-ctn .fi-btn.fi-outlined.fi-color-primary > .fi-icon { --text: var(--primary-700, var(--theme-action-main-600, var(--primary-600, #d97706))) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-link.fi-color-primary, html:not(.dark) .fi-ta-ctn .fi-link.fi-color-info { color: var(--text, var(--primary-600, var(--info-600, currentColor))) !important; } html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-success, html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-success > .fi-icon, html:not(.dark) .fi-ta-ctn a.fi-ta-text-item.fi-color-success { --text: var(--success-600, var(--theme-success, #059669)) !important; color: var(--text) !important; } html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-danger, html:not(.dark) .fi-ta-ctn .fi-ta-text-item.fi-color-danger > .fi-icon, html:not(.dark) .fi-ta-ctn a.fi-ta-text-item.fi-color-danger { --text: var(--danger-600, var(--theme-danger-effective, var(--theme-danger, #e11d48))) !important; color: var(--text) !important; } .dark .fi-ta-ctn .fi-ta-icon svg.fi-color-success, .dark .fi-ta-ctn .fi-ta-cell svg.fi-color-success { --dark-text: var(--success-400, var(--theme-success, #34d399)) !important; color: var(--dark-text) !important; } .dark .fi-ta-ctn .fi-ta-icon svg.fi-color-danger, .dark .fi-ta-ctn .fi-ta-cell svg.fi-color-danger { --dark-text: var(--danger-400, var(--theme-danger-effective, var(--theme-danger, #fb7185))) !important; color: var(--dark-text) !important; } .dark .fi-ta-ctn .fi-ta-icon svg.fi-color-warning, .dark .fi-ta-ctn .fi-ta-cell svg.fi-color-warning { --dark-text: var(--warning-400, var(--theme-warning, #fbbf24)) !important; color: var(--dark-text) !important; } .dark .fi-ta-ctn .fi-ta-icon svg.fi-color-info, .dark .fi-ta-ctn .fi-ta-cell svg.fi-color-info { --dark-text: var(--info-400, var(--theme-info, #38bdf8)) !important; color: var(--dark-text) !important; } .dark .fi-ta-ctn .fi-ta-text-item.fi-color-info, .dark .fi-ta-ctn .fi-ta-text-item.fi-color-info > .fi-icon, .dark .fi-ta-ctn a.fi-ta-text-item.fi-color-info { --dark-text: var(--info-400, var(--theme-info, #38bdf8)) !important; --dark-hover-text: var(--info-300, var(--theme-info, #38bdf8)) !important; color: var(--dark-text) !important; } .dark .fi-ta-ctn .fi-btn.fi-outlined.fi-color-primary, .dark .fi-ta-ctn .fi-btn.fi-outlined.fi-color-primary .fi-btn-label, .dark .fi-ta-ctn .fi-btn.fi-outlined.fi-color-primary > .fi-icon { --dark-text: var(--primary-500, var(--theme-action-main-500, var(--primary-400, #fbbf24))) !important; color: var(--dark-text) !important; } /* * Images client — typo compacte des cartes. * Doit rester après .fi-page-content span { font-size: var(--theme-base-size) !important }. */ .fi-customer-image-card .fi-customer-image-card__date, .fi-customer-image-card .fi-customer-image-card__link-pill, .fi-customer-image-card .fi-customer-image-card__badge, .fi-customer-image-card .fi-customer-image-inline-toggle__label, .fi-customer-image-card .fi-customer-image-card__select-order, .fi-customer-image-card .fi-customer-image-card__select-order--inline, .fi-customer-image-card .fi-customer-image-card__select-badge, .fi-customer-image-comparison-card .fi-customer-image-card__date, .fi-customer-image-comparison-card .fi-customer-image-card__link-pill, .fi-customer-image-comparison-card .fi-customer-image-inline-toggle__label, .fi-customer-image-comparison-slider__meta-date, .fi-customer-image-comparison-slider__meta-link, .fi-customer-image-comparison-form-links__label, .fi-page-content .fi-customer-image-card span.fi-customer-image-card__date, .fi-page-content .fi-customer-image-card span.fi-customer-image-card__link-pill, .fi-page-content .fi-customer-image-card span.fi-customer-image-card__badge, .fi-page-content .fi-customer-image-card span.fi-customer-image-inline-toggle__label { font-size: 10px !important; line-height: 1.25 !important; } .fi-customer-image-card .fi-customer-image-card__title, .fi-customer-image-comparison-card .fi-customer-image-card__title, .fi-customer-image-comparison-form-links__name, .fi-page-content .fi-customer-image-card h4.fi-customer-image-card__title { font-size: 11px !important; line-height: 1.25 !important; }