/* WreckHost 1.0.0-rc.1. Loaded through the native Nexus asset resolver. */
/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/barlow-condensed-800-core.woff2") format("woff2");
  unicode-range: U+0,U+D,U+20-7E,U+A0-FF,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122;
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/barlow-condensed-800-latin-ext.woff2") format("woff2");
  unicode-range: U+100-113,U+116-12B,U+12D-131,U+133-137,U+139-13E,U+140-148,U+14A-14D,U+14F-17E,U+18F,U+192,U+1A0-1A1,U+1AF-1B0,U+1CD-1CE,U+1D4,U+1E5,U+1E7,U+1E9,U+1EF,U+1FF,U+218-21B,U+21F,U+228-229,U+237,U+1E80-1E85,U+1EA0-1EF9,U+20A3,U+20BA,U+20BD,U+2113,U+2126,U+212E;
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/barlow-condensed-800-extra.woff2") format("woff2");
  unicode-range: U+259,U+292,U+2BB-2BC,U+2C6-2C7,U+2C9,U+2D8-2DD,U+300-304,U+306-30C,U+312-313,U+31B,U+323,U+326-328,U+335-338,U+394,U+3A9,U+3BC,U+3C0,U+2074-2079,U+215B-215E,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA,U+27E9,U+FB01-FB02;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-400-core.woff2") format("woff2");
  unicode-range: U+0,U+20-7E,U+A0-AC,U+AE-FF,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-400-latin-ext.woff2") format("woff2");
  unicode-range: U+100-148,U+14A-1C3,U+1C5-24F,U+1E00-1E9B,U+1E9D-1EFF,U+20A0-20AB,U+20AD-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2121,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-400-extra.woff2") format("woff2");
  unicode-range: U+250-254,U+256-27B,U+27E-284,U+286-290,U+292-2A4,U+2A6-304,U+306-30A,U+30C,U+30F,U+313,U+315,U+31B,U+323,U+326-328,U+32C,U+337-338,U+342-343,U+346-36F,U+374-376,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3D7,U+3DC-3DD,U+3F0-3F6,U+3F9-3FA,U+3FC-479,U+480-49D,U+4A0-4FF,U+52F,U+E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1DFF,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2070-2071,U+2074-208E,U+2090-209C,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter-500-core.woff2") format("woff2");
  unicode-range: U+0,U+20-7E,U+A0-AC,U+AE-FF,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter-500-latin-ext.woff2") format("woff2");
  unicode-range: U+100-148,U+14A-1C3,U+1C5-24F,U+1E00-1E9B,U+1E9D-1EFF,U+20A0-20AB,U+20AD-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2121,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter-500-extra.woff2") format("woff2");
  unicode-range: U+250-254,U+256-27B,U+27E-284,U+286-290,U+292-2A4,U+2A6-304,U+306-30A,U+30C,U+30F,U+313,U+315,U+31B,U+323,U+326-328,U+32C,U+337-338,U+342-343,U+346-36F,U+374-376,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3D7,U+3DC-3DD,U+3F0-3F6,U+3F9-3FA,U+3FC-479,U+480-49D,U+4A0-4FF,U+52F,U+E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1DFF,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2070-2071,U+2074-208E,U+2090-209C,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter-600-core.woff2") format("woff2");
  unicode-range: U+0,U+20-7E,U+A0-AC,U+AE-FF,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter-600-latin-ext.woff2") format("woff2");
  unicode-range: U+100-148,U+14A-1C3,U+1C5-24F,U+1E00-1E9B,U+1E9D-1EFF,U+20A0-20AB,U+20AD-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2121,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter-600-extra.woff2") format("woff2");
  unicode-range: U+250-254,U+256-27B,U+27E-284,U+286-290,U+292-2A4,U+2A6-304,U+306-30A,U+30C,U+30F,U+313,U+315,U+31B,U+323,U+326-328,U+32C,U+337-338,U+342-343,U+346-36F,U+374-376,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3D7,U+3DC-3DD,U+3F0-3F6,U+3F9-3FA,U+3FC-479,U+480-49D,U+4A0-4FF,U+52F,U+E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1DFF,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2070-2071,U+2074-208E,U+2090-209C,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter-700-core.woff2") format("woff2");
  unicode-range: U+0,U+20-7E,U+A0-AC,U+AE-FF,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20AC,U+2122;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter-700-latin-ext.woff2") format("woff2");
  unicode-range: U+100-148,U+14A-1C3,U+1C5-24F,U+1E00-1E9B,U+1E9D-1EFF,U+20A0-20AB,U+20AD-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+20DB-20DE,U+20E8,U+20F0,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2121,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter-700-extra.woff2") format("woff2");
  unicode-range: U+250-254,U+256-27B,U+27E-284,U+286-290,U+292-2A4,U+2A6-304,U+306-30A,U+30C,U+30F,U+313,U+315,U+31B,U+323,U+326-328,U+32C,U+337-338,U+342-343,U+346-36F,U+374-376,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3D7,U+3DC-3DD,U+3F0-3F6,U+3F9-3FA,U+3FC-479,U+480-49D,U+4A0-4FF,U+52F,U+E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1DFF,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2070-2071,U+2074-208E,U+2090-209C,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852;
}

:root{--wh-navy:#071b31;--wh-ink:#10233e;--wh-orange:#ff7800;--wh-orange-dark:#b94800;--wh-blue:#123b78;--wh-muted:#576b85;--wh-border:#dae3ee;--wh-light:#f4f7fa;--wh-radius:8px;}
body.wh-theme{font-family:Inter,Arial,sans-serif;color:var(--wh-ink);background:#fff;font-size:14px;line-height:1.6;}
.wh-theme *, .wh-theme *::before,.wh-theme *::after{box-sizing:border-box;}
.wh-theme .container{max-width:1360px;padding-left:30px;padding-right:30px;}
.wh-theme a{color:var(--wh-blue);}
.wh-theme a:hover{color:var(--wh-orange-dark);}
.wh-theme h1,.wh-theme h2,.wh-theme h3,.wh-theme .h3,.wh-theme .h5{color:var(--wh-ink);}
.wh-theme .text-muted{color:var(--wh-muted)!important;}
.wh-theme :focus-visible{outline:3px solid #126dd3;outline-offset:4px;}
.wh-theme .wh-skip-link{position:fixed;top:10px;left:16px;z-index:10000;padding:12px 18px;background:white;border:2px solid var(--wh-orange);transform:translateY(-180%);}
.wh-theme .wh-skip-link:focus{transform:none;}
.wh-theme #header{background:var(--wh-navy);color:white;border:0;}
.wh-theme #header .container{max-width:1420px;}
.wh-theme #header .topbar{background:#041225;border:0;color:#cbd8e9;font-size:12px;}
.wh-theme #header .topbar .btn{color:#d6e1ee;padding:6px 10px;font-size:12px;background:transparent;border:0;}
.wh-theme #header .input-group-text{background:transparent;border:0;color:#aebed1;font-size:12px;}
.wh-theme #header .navbar-brand .logo-img{width:250px;max-width:100%;height:auto;max-height:none;display:block;}
.wh-theme #header .navbar-light{padding:9px 0;background:transparent;}
.wh-theme #header .navbar-light>.container{margin-top:0!important;margin-bottom:0!important;}
.wh-theme #header .toolbar .btn{color:#fff;border:1px solid #29415a;border-radius:5px;}
.wh-theme #header .toolbar .badge{background:var(--wh-orange);color:#101c2d;}

.wh-theme #mainNavbar>ul>li>a{padding:15px 20px;color:#fff;font-weight:600;}
.wh-theme #mainNavbar>ul>li.active>a,.wh-theme #mainNavbar>ul>li>a:hover{color:#fff;background:#102c49;box-shadow:inset 0 -3px var(--wh-orange);text-decoration:none;}
.wh-theme #mainNavbar .dropdown-menu{border:1px solid var(--wh-border);border-radius:6px;box-shadow:0 12px 24px #06172b21;margin-top:0;}
.wh-theme #mainNavbar .dropdown-menu a{color:var(--wh-ink);font-weight:500;}
.wh-theme #mainNavbar .dropdown-item:focus,.wh-theme #mainNavbar .dropdown-item:hover{background:var(--wh-light);}
.wh-theme #header .search{border:0;}
.wh-theme #header .search input{background:#102b45;border:1px solid #30465e;color:#fff;font-size:12px;min-height:36px;}
.wh-theme #header .search input::placeholder{color:#cad5e2;}
.wh-theme #header .search .btn{background:#17364f;color:white;border:1px solid #30465e;}
.wh-theme .master-breadcrumb{background:#f7f9fc;border-bottom:1px solid #e9eef4;color:var(--wh-muted);margin-bottom:0;}
.wh-theme .master-breadcrumb .breadcrumb{padding:12px 0;font-size:12px;background:transparent;margin:0;}
.wh-theme .wh-hero{position:relative;isolation:isolate;overflow:hidden;margin:24px auto 0;border-radius:var(--wh-radius);min-height:232px;padding:36px 55px;background:var(--wh-navy) url("../img/wreckhost-track.webp") right center/cover no-repeat;color:white;}
.wh-theme .wh-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031b33f2 0%,#031b33de 35%,#031b3366 57%,transparent 76%);}
.wh-theme .wh-hero::after{content:"";position:absolute;left:-16px;top:0;bottom:0;width:28px;transform:skewX(-17deg);background:var(--wh-orange);box-shadow:20px 0 0 #ffffff18;}
.wh-theme .wh-eyebrow{font-size:10px!important;letter-spacing:2.2px;font-weight:700;color:#c5d3e4!important;margin:0 0 10px;text-transform:uppercase;}
.wh-theme .wh-hero h1{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:800;font-style:italic;font-size:clamp(40px,4.3vw,66px);line-height:1.04;text-transform:uppercase;letter-spacing:-.7px;color:white;margin:0 0 14px;max-width:950px;}
.wh-theme .wh-hero h1 em,.wh-theme .wh-login-story em{color:var(--wh-orange);font-style:inherit;}
.wh-theme .wh-hero p:last-child{color:#e5edf7;font-size:15px;max-width:620px;margin:0;}
.wh-theme .wh-hero-compact{min-height:190px;background-position:right 49%;}
.wh-theme .wh-hero-compact::before{background:linear-gradient(90deg,#031b33f5 0%,#031b33ed 60%,#031b3388);}
.wh-theme .wh-hero-compact h1{font-size:clamp(36px,4vw,56px);}
.wh-theme #main-body{padding:24px 0 45px;min-height:55vh;}
.wh-theme .wh-sidebar-column{order:2;}
.wh-theme .primary-content{min-width:0;outline:none;}
.wh-theme .card{border:1px solid var(--wh-border);box-shadow:none;border-radius:var(--wh-radius);margin-bottom:20px;background:#fff;overflow:visible;}
.wh-theme .card-header{background:#fff;border-bottom:1px solid #e6edf4;padding:19px 20px;border-radius:var(--wh-radius) var(--wh-radius) 0 0;}
.wh-theme .card-title{font-size:19px;line-height:1.4;font-weight:700;letter-spacing:-.5px;color:var(--wh-ink);}
.wh-theme .card-title>i{color:var(--wh-ink);margin-right:6px;}
.wh-theme .card-body{padding:22px;}
.wh-theme .card-footer{background:#f8fafc;border-top:1px solid #e6edf4;}
.wh-theme .card-footer:empty{display:none;}
.wh-theme .list-group-item{border-color:#e8eef5;padding:15px 20px;color:var(--wh-ink);}
.wh-theme .list-group-item-action:hover{background:#f5f8fc;color:var(--wh-blue);}
.wh-theme .list-group-item.active{color:var(--wh-blue);background:#f0f5fc;border-color:var(--wh-border);box-shadow:inset 3px 0 var(--wh-orange);}
.wh-theme .card-sidebar .card-header{padding:17px 18px;}
.wh-theme .card-sidebar .card-title{font-size:17px;}
.wh-theme .card-sidebar .list-group-item{font-size:13px;padding:13px 18px;}
.wh-theme .card-sidebar .card-body{font-size:13px;padding:18px;}

.wh-theme .sidebar .sidebar-menu-item-icon{color:var(--wh-blue);}
.wh-theme .btn{border-radius:5px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;padding:10px 18px;line-height:1.5;transition:background-color .15s,border-color .15s;}
.wh-theme .btn-primary,.wh-theme .btn-success{color:#122137;background:var(--wh-orange);border-color:var(--wh-orange);box-shadow:none;}
.wh-theme .btn-primary:hover,.wh-theme .btn-primary:focus,.wh-theme .btn-success:hover{background:#ff9639;border-color:#ff9639;color:#091321;}
.wh-theme .btn-default{background:white;border-color:#b7c7d9;color:var(--wh-ink);}
.wh-theme .btn-default:hover{border-color:var(--wh-orange);color:var(--wh-orange-dark);background:#fff7ee;}
.wh-theme .btn-danger{background:#fff;border-color:#d76761;color:#a32020;}
.wh-theme .btn-danger:hover{background:#fff0ef;border-color:#b6332b;color:#8e1515;}
.wh-theme .btn-xs{font-size:11px;padding:4px 9px;background:#fff;border-color:#d0dbe7;color:var(--wh-blue);}
.wh-theme .btn-sm{font-size:12px;padding:6px 12px;}
.wh-theme .form-control{border:1px solid #bdccdc;border-radius:5px;color:var(--wh-ink);font-size:14px;min-height:45px;background-color:#fff;}
.wh-theme .form-control:focus{border-color:#2774be;box-shadow:0 0 0 3px #267bcc1f;}
.wh-theme .input-group-text{color:var(--wh-muted);background:#f7f9fc;border-color:#bdccdc;}
.wh-theme label{font-weight:600;color:var(--wh-ink);}
.wh-theme .alert{border-radius:6px;font-size:13px;padding:16px 20px;}
.wh-theme .alert-warning{background:#fff7e9;border:1px solid #f0cf91;color:#6c4308;}
.wh-theme .alert-info{background:#eff6fd;border:1px solid #c6daed;color:#174d7c;}
.wh-theme .badge{border-radius:5px;font-weight:500;line-height:1.35;}
.wh-theme .badge-info{color:#32557b;background:#ecf2fa;}
.wh-theme .table{color:var(--wh-ink);font-size:13px;}
.wh-theme .table th{border-top:0;background:#f1f5f9;color:#425a78;font-size:11px;font-weight:600;padding:14px;}
.wh-theme .table td{border-color:#e7edf5;padding:16px 14px;vertical-align:middle;}
.wh-theme .tiles{background:none;border:0;margin-bottom:24px!important;}
.wh-theme .tiles .row{gap:12px;}
.wh-theme .tiles .row>.col-6{flex:1;max-width:none;min-width:130px;}
.wh-theme .tiles .tile{position:relative;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:13px;align-content:center;padding:20px 18px;border:1px solid var(--wh-border);border-radius:7px;background:white;min-height:108px;text-decoration:none;overflow:hidden;}
.wh-theme .tiles .tile:hover{border-color:#afc0d4;box-shadow:0 5px 14px #08203a0c;}
.wh-theme .tiles .tile>i{grid-row:1/3;position:static;font-size:32px;color:var(--wh-ink);opacity:1;align-self:center;width:auto;height:auto;line-height:1;}
.wh-theme .tiles .tile .stat{font-size:32px;line-height:1.05;font-weight:700;text-align:left;color:var(--wh-ink);padding:0;letter-spacing:-1px;}
.wh-theme .tiles .tile .title{line-height:1.4;text-transform:none;letter-spacing:0;font-weight:500;text-align:left;margin:5px 0 0;white-space:normal;color:var(--wh-muted);padding:0;}
.wh-theme .tiles .tile .highlight{display:none;}
.wh-theme .tiles .tile[href*="invoices"]>i{color:var(--wh-orange);}
.wh-theme .client-home-cards .card[class*="card-accent-"]{border-top-width:1px;border-top-color:var(--wh-border);}
.wh-theme .client-home-cards .card-header .float-right .btn{background:white;color:var(--wh-orange-dark);border:0;font-size:11px;}
.wh-theme .client-home-cards .card-header .float-right{margin-left:8px;}
.wh-theme .wh-kb-search .input-group{border-radius:6px;box-shadow:0 4px 12px #071b3108;}
.wh-theme .wh-kb-search input{min-height:58px;font-size:16px;padding-left:20px;}
.wh-theme .wh-kb-search .btn{min-width:112px;}
.wh-theme .kb-category{height:calc(100% - 20px);margin-bottom:20px!important;}
.wh-theme .kb-category a.card-body{display:block;padding:22px 18px;height:100%;min-height:155px;text-decoration:none;border-radius:7px;}
.wh-theme .kb-category a.card-body:hover{background:#f6f9fd;box-shadow:inset 0 -3px var(--wh-orange);}
.wh-theme .kb-category .h5{font-size:16px;font-weight:700;display:block;line-height:1.4;}
.wh-theme .kb-category .h5>.badge{float:none!important;display:block;width:fit-content;font-size:9px;margin-bottom:12px;}
.wh-theme .kb-category .h5>i{color:var(--wh-orange);margin-right:3px;}
.wh-theme .kb-category p{font-size:13px;line-height:1.55;margin-top:9px!important;}
.wh-theme .kb-category p small{font-size:12px;}
.wh-theme .kb-article-item{padding:17px 20px;}
.wh-theme .kb-article-item>small{display:block;color:var(--wh-muted);margin:5px 0 0 24px;font-size:12px;}
.wh-theme .view-ticket>.card-body{padding:22px!important;}
.wh-theme .view-ticket>.card-body+.card-body{padding-top:0!important;}
.wh-theme .ticket-reply{border:1px solid #dce5ef;border-radius:6px;overflow:hidden;background:#fff;}
.wh-theme .ticket-reply .posted-by{background:#f3f7fb;border-bottom:1px solid #e2eaf2;color:#3a5678;font-size:12px;padding:15px 18px;}
.wh-theme .ticket-reply .posted-by-name{font-weight:700;color:var(--wh-ink);}
.wh-theme .ticket-reply .message{padding:20px!important;color:var(--wh-ink);font-size:14px;}
.wh-theme .ticket-reply.staff{border-left:3px solid var(--wh-orange);background:#fffcf7;}
.wh-theme .ticket-reply.staff .posted-by{background:#fff4e4;}
.wh-theme .requestor-badge{border-radius:4px;padding:3px 8px;background:#e5edf8;color:#30527b;font-size:10px;}
.wh-theme #ticketReplyContainer textarea{min-height:210px;}
.wh-theme #ticketReplyContainer .form-group.text-center{text-align:right!important;}
.wh-theme .wh-page-heading{font-size:24px;}
.wh-theme #footer{position:relative;color:#d8e2ee;background:var(--wh-navy);border-top:4px solid var(--wh-orange);padding:30px 0 20px;}
.wh-theme #footer a{color:#d8e2ee;}
.wh-theme #footer a:hover{color:var(--wh-orange);}
.wh-theme .wh-footer-brand{display:flex;align-items:center;gap:30px;padding-bottom:22px;margin-bottom:14px;border-bottom:1px solid #253a51;}
.wh-theme .wh-footer-brand img{width:210px;height:auto;display:block;}
.wh-theme .wh-footer-brand p{font-family:"Barlow Condensed",Arial,sans-serif;font-style:italic;font-weight:800;font-size:24px;margin:0;color:#fff;}
.wh-theme .wh-footer-brand strong{color:var(--wh-orange);}
.wh-theme .wh-footer-brand>span{font-size:9px;letter-spacing:4px;color:#a1b4cc;margin-left:auto;}
.wh-theme #footer .copyright{font-size:11px;color:#aabed4;}
.wh-theme #footer .nav-link{font-size:11px;padding:6px 18px 6px 0;}
.wh-theme.wh-page-login{background:var(--wh-navy);}
.wh-page-login .master-breadcrumb{display:none;}
.wh-page-login #main-body{padding:0;min-height:70vh;background:linear-gradient(120deg,#0d2c4b,#061a30);}
.wh-page-login #main-body>.container{max-width:1420px;}
.wh-page-login .wh-sidebar-column{display:none;}
.wh-page-login .primary-content{flex:0 0 100%;max-width:100%;padding-top:0;}
.wh-theme .wh-login-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:55px;align-items:center;min-height:690px;padding:55px 0;}
.wh-theme .wh-login-story{position:relative;color:white;align-self:stretch;padding:45px 0 0;min-width:0;display:flex;flex-direction:column;}
.wh-theme .wh-login-story h1{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(62px,6.5vw,96px);line-height:.98;letter-spacing:-1.6px;text-transform:uppercase;font-style:italic;font-weight:800;color:#fff;margin:0 0 20px;}
.wh-theme .wh-login-story>p{font-size:16px;color:#d9e5f4;max-width:520px;line-height:1.7;}
.wh-theme .wh-login-art{flex:1;min-height:260px;margin-top:8px;background:url("../img/wreckhost-track.webp") 77% center/auto 100% no-repeat;border-radius:6px;box-shadow:inset 0 22px 30px #09213a;position:relative;}
.wh-theme .wh-login-caption{font-size:9px;letter-spacing:2.8px;color:#a8bed5;margin-top:15px;}
.wh-theme .wh-login-panel{min-width:0;}
.wh-theme .wh-login-panel .login-form .card{margin:0!important;max-width:none;border:0;box-shadow:0 15px 45px #0003;border-radius:8px;}
.wh-theme .wh-login-panel .card-body{padding:38px!important;}
.wh-theme .wh-login-panel h2{font-size:30px;letter-spacing:-.8px;font-weight:700;margin-bottom:8px;}
.wh-theme .wh-login-panel .card-body>.mb-4{margin-bottom:30px!important;}
.wh-theme .wh-login-panel .form-control-label{font-size:12px;}
.wh-theme .wh-login-panel .float-left{float:none!important;margin-top:26px;}
.wh-theme .wh-login-panel #login{width:100%;min-height:48px;font-size:14px;}
.wh-theme .wh-login-panel .text-right{text-align:left!important;padding-left:20px;margin-top:14px;font-size:12px;}
.wh-theme .wh-login-panel .form-check-input{margin-top:.32em;}
.wh-theme .wh-login-panel .card-footer{padding:20px 38px;line-height:1.8;}
.wh-theme .wh-login-panel .card-footer a{display:inline-block;margin-left:4px;}
.wh-theme .wh-login-panel .providerLinkingFeedback{color:#fff;}
.wh-theme .wh-login-panel .btn-reveal-pw{padding:10px 14px;}
@media(min-width:1440px){.wh-theme .wh-hero{max-width:1300px;}}
@media(max-width:1399px) and (min-width:768px){.wh-theme .wh-hero{width:calc(100% - 60px);}}
@media(max-width:1199px){.wh-theme #mainNavbar{padding:8px 0;}.wh-theme .wh-login-layout{gap:32px;}.wh-theme .wh-hero h1{max-width:700px;}.wh-theme .tiles .row{flex-wrap:wrap;}.wh-theme .tiles .row>.col-6{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px);}}
@media(max-width:991px){.wh-theme .wh-sidebar-column{order:2;margin-top:10px;}.wh-theme .wh-login-layout{grid-template-columns:1fr 1fr;gap:24px;}.wh-theme .wh-login-story h1{font-size:64px;}.wh-theme .wh-login-panel .card-body{padding:26px!important;}.wh-theme .wh-login-panel .card-footer{padding:18px 26px;}.wh-theme .wh-footer-brand{gap:20px;}.wh-theme .wh-footer-brand>span{display:none;}.wh-theme .wh-hero{min-height:220px;}}
@media(max-width:767px){.wh-theme .container{padding-left:18px;padding-right:18px;}.wh-theme #header .navbar-light{padding:11px 0;}.wh-theme #header .topbar .input-group-prepend{display:none!important;}.wh-theme #header .topbar .btn{font-size:10px;padding:7px 5px;}.wh-theme .master-breadcrumb .breadcrumb{font-size:10px;padding:9px 0;}.wh-theme .wh-hero{margin-top:18px;padding:30px 26px;min-height:240px;}.wh-theme .wh-hero::before{background:linear-gradient(90deg,#031b33ed,#031b33a8);}.wh-theme .wh-hero h1{font-size:44px;max-width:460px;margin-bottom:14px;letter-spacing:-.5px;}.wh-theme .wh-hero .wh-eyebrow{font-size:8px!important;letter-spacing:1.8px;}.wh-theme .wh-hero p:last-child{font-size:13px;max-width:320px;line-height:1.65;}.wh-theme #main-body{padding-top:20px;padding-bottom:25px;}.wh-theme .tiles .row{gap:10px;}.wh-theme .tiles .row>.col-6{flex-basis:calc(50% - 5px);max-width:calc(50% - 5px);min-width:0;}.wh-theme .tiles .tile{padding:17px 14px;grid-template-columns:29px 1fr;column-gap:10px;min-height:96px;}.wh-theme .tiles .tile>i{font-size:26px;}.wh-theme .tiles .tile .stat{font-size:30px;}.wh-theme .card-header{padding:17px;}.wh-theme .card-title{font-size:17px;}.wh-theme .card-body{padding:18px;}.wh-theme .list-group-item{padding:15px 17px;}.wh-theme .card-title .float-right{float:none!important;display:block;margin:6px 0 0!important;}.wh-theme .client-home-cards .card-header .float-right .btn{padding:0;}.wh-theme .wh-category-column{width:100%;}.wh-theme .kb-category a.card-body{min-height:130px;}.wh-theme .wh-kb-search input{font-size:13px;padding-left:12px;min-width:0;}.wh-theme .ticket-reply .posted-by{font-size:11px;padding:12px;}.wh-theme .ticket-reply .message{padding:15px!important;font-size:13px;}.wh-theme .view-ticket>.card-body{padding:17px!important;}.wh-theme .ticket-actions .btn{margin:0 3px 7px 0;}.wh-theme .wh-footer-brand{flex-wrap:wrap;gap:14px;padding-bottom:20px;}.wh-theme .wh-footer-brand p{font-size:21px;}.wh-theme .wh-footer-brand img{width:190px;}.wh-theme .wh-login-layout{display:flex;flex-direction:column;align-items:stretch;padding:30px 0;gap:28px;}.wh-theme .wh-login-story{padding:0;min-height:0;}.wh-theme .wh-login-story h1{font-size:62px;margin-bottom:12px;}.wh-theme .wh-login-story>p{font-size:13px;margin-bottom:0;}.wh-theme .wh-login-art{display:none;}.wh-theme .wh-login-caption{display:none;}.wh-theme .wh-login-panel .card-body{padding:28px 24px!important;}.wh-theme .wh-login-panel .card-footer{padding:18px 24px;}.wh-theme .wh-login-panel h2{font-size:27px;}.wh-theme.wh-page-login #main-body{background:linear-gradient(#071b31ea,#071b31f8),url("../img/wreckhost-track.webp") 64% top/auto 350px no-repeat;}.wh-theme .wh-login-panel .providerLinkingFeedback:empty{display:none;}}
@media(prefers-reduced-motion:reduce){.wh-theme *{scroll-behavior:auto!important;transition:none!important;}}
@media print{.wh-theme #header,.wh-theme #footer,.wh-theme .wh-hero,.wh-theme .wh-sidebar-column{display:none!important;}.wh-theme .primary-content{max-width:100%;flex:0 0 100%;}.wh-theme #main-body{padding:0;}}
/* Alignment refinements after the first browser render. */
.wh-theme .wh-hero{width:calc(100% - 60px);max-width:1300px;background-size:auto 120%;}
.wh-theme .wh-hero-copy::before{content:"";position:absolute;left:0;top:0;bottom:0;width:20px;background:conic-gradient(#e6eff9 25%,#061b32 0 50%,#e6eff9 0 75%,#061b32 0) 0 0/20px 20px;opacity:.3;transform:skewX(-17deg);pointer-events:none;}
.wh-theme .wh-dashboard-stats{margin-top:24px;}
.wh-theme .wh-dashboard-stats .tiles{margin-bottom:0!important;}
.wh-theme .tiles .row>.col-6>.tile{border:1px solid var(--wh-border);}
.wh-theme .tiles .tile .title{font-size:13px;}
@media(min-width:1200px){.wh-theme #header{position:relative;}.wh-theme #header .navbar-light .form-inline{display:none!important;}.wh-theme #header .toolbar{margin-left:auto;}.wh-theme #header .navbar-brand .logo-img{width:235px;}}
@media(max-width:767px){.wh-theme .wh-hero{width:calc(100% - 36px);background-size:auto 100%;background-position:67% center;}.wh-theme .tiles .tile .title{font-size:12px;}.wh-theme .wh-dashboard-stats{margin-top:18px;}}
@media(max-width:1199px){.wh-theme #mainNavbar:not(.show){padding:0;}}

/* Keep these media conditions aligned with the header image preloads. */
.wh-theme { --wh-track-image: url("../img/wreckhost-track.webp"); }
@media (max-width: 767px) { .wh-theme { --wh-track-image: url("../img/wreckhost-track-mobile.webp"); } }