/* Light / dark theme.
   html[data-theme="dark"] is set before first paint by components/design-assets.blade.php.
   - Tailwind palette (gray, red, ...) resolves to the --tw-* variables below (see js/tailwind-config.js).
   - Hard-coded colours in the other stylesheets read --fpd-<hex>-<b|t> with the light colour as fallback;
     b = background/border role, t = text role.
   Dark values only apply on screen, so printing always uses the light theme. */

:root {
    --tw-gray-50: 249 250 251;
    --tw-gray-100: 243 244 246;
    --tw-gray-200: 229 231 235;
    --tw-gray-300: 209 213 219;
    --tw-gray-400: 156 163 175;
    --tw-gray-500: 107 114 128;
    --tw-gray-600: 75 85 99;
    --tw-gray-700: 55 65 81;
    --tw-gray-800: 31 41 55;
    --tw-gray-900: 17 24 39;
    --tw-gray-950: 3 7 18;
    --tw-red-50: 254 242 242;
    --tw-red-100: 254 226 226;
    --tw-red-200: 254 202 202;
    --tw-red-300: 252 165 165;
    --tw-red-400: 248 113 113;
    --tw-red-500: 239 68 68;
    --tw-red-600: 220 38 38;
    --tw-red-700: 185 28 28;
    --tw-red-800: 153 27 27;
    --tw-red-900: 127 29 29;
    --tw-red-950: 69 10 10;
    --tw-green-50: 240 253 244;
    --tw-green-100: 220 252 231;
    --tw-green-200: 187 247 208;
    --tw-green-300: 134 239 172;
    --tw-green-400: 74 222 128;
    --tw-green-500: 34 197 94;
    --tw-green-600: 22 163 74;
    --tw-green-700: 21 128 61;
    --tw-green-800: 22 101 52;
    --tw-green-900: 20 83 45;
    --tw-green-950: 5 46 22;
    --tw-blue-50: 239 246 255;
    --tw-blue-100: 219 234 254;
    --tw-blue-200: 191 219 254;
    --tw-blue-300: 147 197 253;
    --tw-blue-400: 96 165 250;
    --tw-blue-500: 59 130 246;
    --tw-blue-600: 37 99 235;
    --tw-blue-700: 29 78 216;
    --tw-blue-800: 30 64 175;
    --tw-blue-900: 30 58 138;
    --tw-blue-950: 23 37 84;
    --tw-yellow-50: 254 252 232;
    --tw-yellow-100: 254 249 195;
    --tw-yellow-200: 254 240 138;
    --tw-yellow-300: 253 224 71;
    --tw-yellow-400: 250 204 21;
    --tw-yellow-500: 234 179 8;
    --tw-yellow-600: 202 138 4;
    --tw-yellow-700: 161 98 7;
    --tw-yellow-800: 133 77 14;
    --tw-yellow-900: 113 63 18;
    --tw-yellow-950: 66 32 6;
    --tw-purple-50: 250 245 255;
    --tw-purple-100: 243 232 255;
    --tw-purple-200: 233 213 255;
    --tw-purple-300: 216 180 254;
    --tw-purple-400: 192 132 252;
    --tw-purple-500: 168 85 247;
    --tw-purple-600: 147 51 234;
    --tw-purple-700: 126 34 206;
    --tw-purple-800: 107 33 168;
    --tw-purple-900: 88 28 135;
    --tw-purple-950: 59 7 100;
    --tw-indigo-50: 238 242 255;
    --tw-indigo-100: 224 231 255;
    --tw-indigo-200: 199 210 254;
    --tw-indigo-300: 165 180 252;
    --tw-indigo-400: 129 140 248;
    --tw-indigo-500: 99 102 241;
    --tw-indigo-600: 79 70 229;
    --tw-indigo-700: 67 56 202;
    --tw-indigo-800: 55 48 163;
    --tw-indigo-900: 49 46 129;
    --tw-indigo-950: 30 27 75;
    --tw-orange-50: 255 247 237;
    --tw-orange-100: 255 237 213;
    --tw-orange-200: 254 215 170;
    --tw-orange-300: 253 186 116;
    --tw-orange-400: 251 146 60;
    --tw-orange-500: 249 115 22;
    --tw-orange-600: 234 88 12;
    --tw-orange-700: 194 65 12;
    --tw-orange-800: 154 52 18;
    --tw-orange-900: 124 45 18;
    --tw-orange-950: 67 20 7;
    --tw-amber-50: 255 251 235;
    --tw-amber-100: 254 243 199;
    --tw-amber-200: 253 230 138;
    --tw-amber-300: 252 211 77;
    --tw-amber-400: 251 191 36;
    --tw-amber-500: 245 158 11;
    --tw-amber-600: 217 119 6;
    --tw-amber-700: 180 83 9;
    --tw-amber-800: 146 64 14;
    --tw-amber-900: 120 53 15;
    --tw-amber-950: 69 26 3;
    --tw-emerald-50: 236 253 245;
    --tw-emerald-100: 209 250 229;
    --tw-emerald-200: 167 243 208;
    --tw-emerald-300: 110 231 183;
    --tw-emerald-400: 52 211 153;
    --tw-emerald-500: 16 185 129;
    --tw-emerald-600: 5 150 105;
    --tw-emerald-700: 4 120 87;
    --tw-emerald-800: 6 95 70;
    --tw-emerald-900: 6 78 59;
    --tw-emerald-950: 2 44 34;
    --tw-teal-50: 240 253 250;
    --tw-teal-100: 204 251 241;
    --tw-teal-200: 153 246 228;
    --tw-teal-300: 94 234 212;
    --tw-teal-400: 45 212 191;
    --tw-teal-500: 20 184 166;
    --tw-teal-600: 13 148 136;
    --tw-teal-700: 15 118 110;
    --tw-teal-800: 17 94 89;
    --tw-teal-900: 19 78 74;
    --tw-teal-950: 4 47 46;
    --tw-pink-50: 253 242 248;
    --tw-pink-100: 252 231 243;
    --tw-pink-200: 251 207 232;
    --tw-pink-300: 249 168 212;
    --tw-pink-400: 244 114 182;
    --tw-pink-500: 236 72 153;
    --tw-pink-600: 219 39 119;
    --tw-pink-700: 190 24 93;
    --tw-pink-800: 157 23 77;
    --tw-pink-900: 131 24 67;
    --tw-pink-950: 80 7 36;
    --tw-sky-50: 240 249 255;
    --tw-sky-100: 224 242 254;
    --tw-sky-200: 186 230 253;
    --tw-sky-300: 125 211 252;
    --tw-sky-400: 56 189 248;
    --tw-sky-500: 14 165 233;
    --tw-sky-600: 2 132 199;
    --tw-sky-700: 3 105 161;
    --tw-sky-800: 7 89 133;
    --tw-sky-900: 12 74 110;
    --tw-sky-950: 8 47 73;
    --tw-surface: 255 255 255;
}

@media screen {
    html[data-theme="dark"] {
        color-scheme: dark;

        --fp-brand: #5b9be6;
        --fp-brand-600: #6fa8ea;
        --fp-brand-700: #84b5ee;
        --fp-brand-800: #a8cbf4;
        --fp-brand-50: #16243a;
        --fp-brand-100: #1b2d48;
        --fp-brand-200: #26426a;
        --fp-brand-300: #35598c;
        --fp-ring: rgba(91, 155, 230, .35);
        --fp-brand-solid: #3a76c2;
        --fp-solid-600: #3366a6;
        --fp-solid: #3a76c2;
        --fp-solid-hover: #4785d2;

        --fp-ink: #e6edf6;
        --fp-ink-2: #c3cfdd;
        --fp-muted: #97a8bc;
        --fp-subtle: #7f91a7;
        --fp-line: #263345;
        --fp-line-strong: #33435a;
        --fp-canvas: #0e151f;
        --fp-surface: #151e2b;
        --fp-surface-2: #1a2433;

        --fp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);
        --fp-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);
        --fp-shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);

        /* Tailwind palette */
        --tw-gray-50: 26 36 51;
        --tw-gray-100: 30 41 56;
        --tw-gray-200: 38 51 69;
        --tw-gray-300: 51 67 90;
        --tw-gray-400: 111 129 151;
        --tw-gray-500: 147 164 184;
        --tw-gray-600: 169 183 200;
        --tw-gray-700: 195 207 221;
        --tw-gray-800: 215 224 234;
        --tw-gray-900: 230 237 246;
        --tw-gray-950: 241 245 249;
        --tw-red-50: 47 35 46;
        --tw-red-100: 60 37 48;
        --tw-red-200: 86 41 51;
        --tw-red-300: 126 48 55;
        --tw-red-400: 248 113 113;
        --tw-red-500: 239 68 68;
        --tw-red-600: 239 68 68;
        --tw-red-700: 248 113 113;
        --tw-red-800: 252 165 165;
        --tw-red-900: 254 202 202;
        --tw-red-950: 254 226 226;
        --tw-green-50: 23 50 49;
        --tw-green-100: 23 60 52;
        --tw-green-200: 25 80 58;
        --tw-green-300: 27 110 67;
        --tw-green-400: 74 222 128;
        --tw-green-500: 34 197 94;
        --tw-green-600: 34 197 94;
        --tw-green-700: 74 222 128;
        --tw-green-800: 134 239 172;
        --tw-green-900: 187 247 208;
        --tw-green-950: 220 252 231;
        --tw-blue-50: 26 42 67;
        --tw-blue-100: 28 48 80;
        --tw-blue-200: 32 60 104;
        --tw-blue-300: 39 78 140;
        --tw-blue-400: 96 165 250;
        --tw-blue-500: 59 130 246;
        --tw-blue-600: 59 130 246;
        --tw-blue-700: 96 165 250;
        --tw-blue-800: 147 197 253;
        --tw-blue-900: 191 219 254;
        --tw-blue-950: 219 234 254;
        --tw-yellow-50: 47 48 39;
        --tw-yellow-100: 59 57 37;
        --tw-yellow-200: 85 75 33;
        --tw-yellow-300: 123 102 26;
        --tw-yellow-400: 250 204 21;
        --tw-yellow-500: 234 179 8;
        --tw-yellow-600: 234 179 8;
        --tw-yellow-700: 250 204 21;
        --tw-yellow-800: 253 224 71;
        --tw-yellow-900: 254 240 138;
        --tw-yellow-950: 254 249 195;
        --tw-purple-50: 39 37 67;
        --tw-purple-100: 47 40 80;
        --tw-purple-200: 65 47 104;
        --tw-purple-300: 92 56 141;
        --tw-purple-400: 192 132 252;
        --tw-purple-500: 168 85 247;
        --tw-purple-600: 168 85 247;
        --tw-purple-700: 192 132 252;
        --tw-purple-800: 216 180 254;
        --tw-purple-900: 233 213 255;
        --tw-purple-950: 243 232 255;
        --tw-indigo-50: 30 39 67;
        --tw-indigo-100: 35 43 79;
        --tw-indigo-200: 44 52 102;
        --tw-indigo-300: 58 65 138;
        --tw-indigo-400: 129 140 248;
        --tw-indigo-500: 99 102 241;
        --tw-indigo-600: 99 102 241;
        --tw-indigo-700: 129 140 248;
        --tw-indigo-800: 165 180 252;
        --tw-indigo-900: 199 210 254;
        --tw-indigo-950: 224 231 255;
        --tw-orange-50: 48 40 40;
        --tw-orange-100: 62 45 39;
        --tw-orange-200: 89 56 37;
        --tw-orange-300: 130 71 33;
        --tw-orange-400: 251 146 60;
        --tw-orange-500: 249 115 22;
        --tw-orange-600: 249 115 22;
        --tw-orange-700: 251 146 60;
        --tw-orange-800: 253 186 116;
        --tw-orange-900: 254 215 170;
        --tw-orange-950: 255 237 213;
        --tw-amber-50: 48 45 39;
        --tw-amber-100: 61 53 37;
        --tw-amber-200: 88 68 33;
        --tw-amber-300: 129 91 28;
        --tw-amber-400: 251 191 36;
        --tw-amber-500: 245 158 11;
        --tw-amber-600: 245 158 11;
        --tw-amber-700: 251 191 36;
        --tw-amber-800: 252 211 77;
        --tw-amber-900: 253 230 138;
        --tw-amber-950: 254 243 199;
        --tw-emerald-50: 20 49 53;
        --tw-emerald-100: 20 58 58;
        --tw-emerald-200: 20 77 69;
        --tw-emerald-300: 19 104 84;
        --tw-emerald-400: 52 211 153;
        --tw-emerald-500: 16 185 129;
        --tw-emerald-600: 16 185 129;
        --tw-emerald-700: 52 211 153;
        --tw-emerald-800: 110 231 183;
        --tw-emerald-900: 167 243 208;
        --tw-emerald-950: 209 250 229;
        --tw-teal-50: 21 48 58;
        --tw-teal-100: 21 58 65;
        --tw-teal-200: 21 76 80;
        --tw-teal-300: 21 104 102;
        --tw-teal-400: 45 212 191;
        --tw-teal-500: 20 184 166;
        --tw-teal-600: 20 184 166;
        --tw-teal-700: 45 212 191;
        --tw-teal-800: 94 234 212;
        --tw-teal-900: 153 246 228;
        --tw-teal-950: 204 251 241;
        --tw-pink-50: 47 35 56;
        --tw-pink-100: 60 38 63;
        --tw-pink-200: 86 43 76;
        --tw-pink-300: 124 50 96;
        --tw-pink-400: 244 114 182;
        --tw-pink-500: 236 72 153;
        --tw-pink-600: 236 72 153;
        --tw-pink-700: 244 114 182;
        --tw-pink-800: 249 168 212;
        --tw-pink-900: 251 207 232;
        --tw-pink-950: 252 231 243;
        --tw-sky-50: 20 46 66;
        --tw-sky-100: 20 54 77;
        --tw-sky-200: 19 71 100;
        --tw-sky-300: 18 95 134;
        --tw-sky-400: 56 189 248;
        --tw-sky-500: 14 165 233;
        --tw-sky-600: 14 165 233;
        --tw-sky-700: 56 189 248;
        --tw-sky-800: 125 211 252;
        --tw-sky-900: 186 230 253;
        --tw-sky-950: 224 242 254;
        --tw-surface: 21 30 43;

        /* Hard-coded stylesheet colours */
        --fpd-ffffff-b: var(--fp-surface);
        --fpd-effcf4-b: #1d3626;
        --fpd-c8eed6-b: #345440;
        --fpd-17663a-t: #a6ebc4;
        --fpd-fff8ee-b: #392b18;
        --fpd-fbdcb4-b: #644b2b;
        --fpd-934a10-t: #efb88d;
        --fpd-f0d2d2-b: #4c3030;
        --fpd-b42318-t: #ec8179;
        --fpd-fff1f0-b: #371a18;
        --fpd-fff1de-b: #44331d;
        --fpd-f0fdf4-b: #1a3623;
        --fpd-bbf0cf-b: #345e44;
        --fpd-166534-t: #a6ecc0;
        --fpd-fef3f2-b: #361a18;
        --fpd-fbd0cc-b: #522825;
        --fpd-a8231b-t: #eb867f;
        --fpd-fffaeb-b: #3b3219;
        --fpd-fbe2a8-b: #6b592e;
        --fpd-8a4b0b-t: #f0c294;
        --fpd-dfe7f1-b: #2d3641;
        --fpd-7d90a6-t: #8899ad;
        --fpd-fff4e5-b: #3f301b;
        --fpd-f6d4d1-b: #4d2c29;
        --fpd-e9f8ef-b: #24392c;
        --fpd-d92d20-t: #e86d64;
        --fpd-fffbfa-b: #301a15;
        --fpd-d97706-t: #ebb270;
        --fpd-fffaf2-b: #362a17;
        --fpd-f8fbfe-b: #182430;
        --fpd-17a34a-t: #82eda9;
        --fpd-f5fcf8-b: #1d3025;
        --fpd-f3f4f6-b: #28292d;
        --fpd-6b7280-t: #a2a7b2;
        --fpd-cbd5e1-b: #404852;
        --fpd-fff1f2-b: #36171a;
        --fpd-15803d-t: #96eeb7;
        --fpd-bbf7d0-b: #2d5f3e;
        --fpd-be123c-t: #ec7794;
        --fpd-fecdd3-b: #502228;
        --fpd-f0f7ff-b: #182637;
        --fpd-e2edf9-b: #233140;
        --fpd-5286b9-t: #79a2c9;
        --fpd-7287a0-t: #8d9eb2;
        --fpd-617b99-t: #92a4ba;
        --fpd-294768-t: #a9c1dd;
        --fpd-778ca3-t: #8a9cb0;
        --fpd-e0ebf7-b: #263341;
        --fpd-f8fbff-b: #152132;
        --fpd-748aa1-t: #8c9eb1;
        --fpd-c9def5-b: #2c3f54;
        --fpd-2867a8-t: #82b1e1;
        --fpd-edf5ff-b: #192739;
        --fpd-7187a0-t: #8d9eb2;
        --fpd-b34040-t: #d17e7e;
        --fpd-ebcece-b: #4f3636;
        --fpd-285a8a-t: #93bae0;
        --fpd-f7fbff-b: #162432;
        --fpd-dfebfa-b: #223143;
        --fpd-f9fcff-b: #152331;
        --fpd-f5f9ff-b: #162234;
        --fpd-dfeaf8-b: #253242;
        --fpd-6d89a8-t: #869db7;
        --fpd-536d89-t: #9aadc2;
        --fpd-cee0f4-b: #2c3d50;
        --fpd-3274ba-t: #79a8db;
        --fpd-7b8da1-t: #8c9cad;
        --fpd-e0e9f4-b: #2a3440;
        --fpd-e1eaf5-b: #283340;
        --fpd-24476c-t: #a5c2e1;
        --fpd-e5edf7-b: #25303d;
        --fpd-e4ecf6-b: #27313d;
        --fpd-e1e8f2-b: #2c343f;
        --fpd-edf6ff-b: #192939;
        --fpd-1e568f-t: #8fbbe7;
        --fpd-deebf9-b: #233343;
        --fpd-d6e4f5-b: #2a3849;
        --fpd-dbe5f0-b: #2f3944;
        --fpd-7a91ab-t: #8399b1;
        --fpd-8394a8-t: #8697aa;
        --fpd-cddced-b: #344150;
        --fpd-dae5f4-b: #2a3645;
        --fpd-eef5ff-b: #182639;
        --fpd-f7faff-b: #162032;
        --fpd-d3e2f5-b: #2a394c;
        --fpd-e0e9f5-b: #283340;
        --fpd-286bb0-t: #7daee1;
        --fpd-bfd1e6-b: #3d4b5b;
        --fpd-70849b-t: #91a0b2;
        --fpd-e3ecf7-b: #25313e;
        --fpd-d4e2f2-b: #2d3b4a;
        --fpd-4a6b90-t: #95adc8;
        --fpd-72849a-t: #919fb0;
        --fpd-dfe8f4-b: #2a3441;
        --fpd-dfe9f5-b: #283441;
        --fpd-315b88-t: #96b7d9;
        --fpd-3f5b7a-t: #a1b7ce;
        --fpd-ceddee-b: #33404f;
        --fpd-294765-t: #aac4dd;
        --fpd-dbeafe-b: #1e2f47;
        --fpd-d8e7fa-b: #233449;
        --fpd-dee8f5-b: #293442;
        --fpd-3976b3-t: #7eaad6;
        --fpd-e1ebf6-b: #273340;
        --fpd-dfe9f6-b: #273342;
        --fpd-dbe7f7-b: #263445;
        --fpd-edf4fc-b: #1d2938;
        --fpd-52759a-t: #90a9c4;
        --fpd-7791ad-t: #8199b3;
        --fpd-70839a-t: #91a0b2;
        --fpd-dde7f2-b: #2c3743;
        --fpd-e3ebf5-b: #28323e;
        --fpd-617a96-t: #94a6ba;
        --fpd-d1dfef-b: #313e4d;
        --fpd-29496d-t: #a5c0dd;
        --fpd-6d829a-t: #91a1b3;
        --fpd-edf4fe-b: #19263a;
        --fpd-416f9f-t: #8baccf;
        --fpd-dce9f8-b: #253445;
        --fpd-6b7f95-t: #95a3b3;
        --fpd-f5f8fc-b: #1d2530;
        --fpd-e5ecf5-b: #28313c;
        --fpd-75899f-t: #8d9eb0;
        --fpd-edf1f7-b: #252b35;
        --fpd-2a4361-t: #adc2dc;
        --fpd-edf4ff-b: #192539;
        --fpd-e0ebfb-b: #202e43;
        --fpd-5f8cbd-t: #749bc5;
        --fpd-f0f5fc-b: #1d2735;
        --fpd-6283a8-t: #87a0bc;
        --fpd-cfe2fa-b: #253850;
        --fpd-2b70b4-t: #7baedf;
        --fpd-dfedff-b: #1d2d43;
        --fpd-dfe8f2-b: #2c3641;
        --fpd-f3f7fd-b: #1a2433;
        --fpd-315d8b-t: #94b6d9;
        --fpd-b17d82-t: #b17e83;
        --fpd-bd4050-t: #d17984;
        --fpd-fff2f3-b: #361719;
        --fpd-f2d9dc-b: #462d30;
        --fpd-607c97-t: #93a7ba;
        --fpd-dce6f2-b: #2c3743;
        --fpd-527598-t: #91aac4;
        --fpd-f8fafc-b: #1e252c;
        --fpd-d6e3f2-b: #2d3a49;
        --fpd-4e79a5-t: #89a7c7;
        --fpd-f1f5f9-b: #222a31;
        --fpd-dcfce7-b: #20462d;
        --fpd-ffe4e6-b: #401b1e;
        --fpd-f4f7fb-b: #1f2630;
        --fpd-eff6ff-b: #182638;
        --fpd-1e3a8a-t: #92a8e7;
        --fpd-fffbeb-b: #3b3419;
        --fpd-92400e-t: #efb38e;
    }
}

/* ------------------------------------------------------- dark: shell */

@media screen {
    html[data-theme="dark"] .fp-sidebar { background: linear-gradient(180deg, #13233a 0%, #0f1b2d 100%); border-right: 1px solid var(--fp-line); }
    html[data-theme="dark"] .fp-nav-link[aria-current="page"] { background: var(--fp-solid); color: #fff; box-shadow: 0 6px 16px rgba(0, 0, 0, .35); }
    html[data-theme="dark"] :is(.fp-sidebar-logo, .fp-login-logo, .fp-portal-brand img) { background: #fff; }
    html[data-theme="dark"] body.fp-login { background:
        radial-gradient(900px 420px at 88% 8%, rgba(81, 146, 221, .14), transparent 62%),
        var(--fp-canvas); }
    html[data-theme="dark"] .fp-login-hero { background:
        radial-gradient(520px 320px at 110% -10%, rgba(255, 255, 255, .08), transparent 60%),
        linear-gradient(155deg, #2b4d78 0%, #1e3a5f 46%, #13233a 100%); }
    html[data-theme="dark"] .fp-login-card { background: var(--fp-surface); box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
    html[data-theme="dark"] .fp-field input { background: var(--fp-surface-2); box-shadow: none; }
    html[data-theme="dark"] .fp-field input:focus { background: var(--fp-surface); }
    html[data-theme="dark"] .fp-password-toggle:hover, html[data-theme="dark"] .fp-password-toggle.is-on { background: rgba(81, 146, 221, .16); }
    html[data-theme="dark"] .fp-topbar { background: rgba(21, 30, 43, .92); }
    html[data-theme="dark"] .fp-edit-footer { background: rgba(21, 30, 43, .96); box-shadow: 0 -6px 24px rgba(0, 0, 0, .35); }
    html[data-theme="dark"] .fpa-tabs { background: rgba(21, 30, 43, .92); }
    html[data-theme="dark"] .fp-portal .portal-card { background: rgba(21, 30, 43, .85); }
    html[data-theme="dark"] .fpa-picker button { background: var(--fp-solid); }
    html[data-theme="dark"] .fp-flash button:hover { background: rgba(255, 255, 255, .08); }
    html[data-theme="dark"] .fp-powered img { filter: brightness(0) invert(1); }

    /* Overlays stay dark whatever palette colour the markup asks for */
    html[data-theme="dark"] :is(.fp-popup, .fp-timeup) { background: rgba(2, 6, 12, .66); }
    html[data-theme="dark"] .fp-dialog { background: rgba(2, 6, 12, .66) !important; }
    html[data-theme="dark"] .fixed.inset-0:is(.bg-black, .bg-gray-500, .bg-gray-600, .bg-gray-700, .bg-gray-800, .bg-gray-900) { background-color: rgb(2 6 12 / .66); }
    html[data-theme="dark"] .fp-dialog > div:first-child { box-shadow: 0 28px 90px rgba(0, 0, 0, .6) !important; }
}

/* ------------------------------------------------------ theme toggle */

.fp-theme-toggle .fp-theme-sun { display: none; }
html[data-theme="dark"] .fp-theme-toggle .fp-theme-sun { display: block; }
html[data-theme="dark"] .fp-theme-toggle .fp-theme-moon { display: none; }
.fp-theme-fab { position: fixed; top: 16px; right: 16px; z-index: 60; box-shadow: var(--fp-shadow); }
html.fp-theme-switching *, html.fp-theme-switching *::before, html.fp-theme-switching *::after { transition: none !important; }