/* ==========================================================================
   Sprout — Aceve Design System tokens (light theme only)
   --------------------------------------------------------------------------
   Copied verbatim from @aceve/sprout-tokens dist/sprout-tokens.css (:root
   block). Do not edit the token values by hand — re-copy from the package
   when Sprout releases a new version. The app has no dark mode, so the
   [data-theme="dark"] block is intentionally left out.

   Loaded first in the ~/Content/css/globalThemeStyles bundle, so every page
   that renders edc-custom.css or custom.css can resolve var(--sprout-*).
   ========================================================================== */

/* Manrope — Sprout's only typeface. Self-hosted variable font (wght 200–800),
   OFL licence in fonts/Manrope-OFL.txt. latin covers Finnish/Swedish (ä ö å),
   latin-ext covers the rest of European names in worker/company data. */
@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url("fonts/manrope-latin-ext-wght-normal.woff2") format("woff2-variations"),
         url("fonts/manrope-latin-ext-wght-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url("fonts/manrope-latin-wght-normal.woff2") format("woff2-variations"),
         url("fonts/manrope-latin-wght-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --sprout-color-primary-50: #fbfff0; /** Near-white green tint. */
  --sprout-color-primary-100: #f4ffe0; /** Subtle banner, hover tint. */
  --sprout-color-primary-200: #ebfdc6; /** Lime container. Selected cell, highlight pill. */
  --sprout-color-primary-300: #e1ffad; /** Dark-mode primary — flips for AA contrast. */
  --sprout-color-primary-400: #bdd78f; /** Soft mid-tone — chart fills, dark-mode foreground. */
  --sprout-color-primary-500: #92b97a; /** Mid green — data viz accent, muted fills. */
  --sprout-color-primary-600: #669e63; /** Between mid and brand green — hover fills. */
  --sprout-color-primary-700: #447952; /** Primary brand. Buttons, links, active state. */
  --sprout-color-primary-800: #24462a; /** Hover and pressed for primary buttons. Logo. */
  --sprout-color-primary-900: #152f1a; /** Deepest green — dark-mode surfaces, contrast. */
  --sprout-color-primary-950: #0b1b11; /** Near-black green — darkest surfaces. */
  --sprout-color-danger-50: #fff8f7; /** Near-white danger tint. */
  --sprout-color-danger-100: #ffe7e2; /** Subtle tint, error toast bg. */
  --sprout-color-danger-200: #fed5cd; /** Soft surface, banner background. */
  --sprout-color-danger-300: #fec0b4; /** Light accent, inline highlight. */
  --sprout-color-danger-400: #fda391; /** Medium tint, chart fills. */
  --sprout-color-danger-500: #fc785e; /** Dark-mode danger — lifted for AA contrast. */
  --sprout-color-danger-600: #e1563b; /** Danger brand. Destructive actions, alerts. */
  --sprout-color-danger-700: #b94730; /** Pressed state, hover accent. */
  --sprout-color-danger-800: #993a28; /** Deep danger — dark surfaces. */
  --sprout-color-danger-900: #6d2a1d; /** Deepest danger accent. */
  --sprout-color-danger-950: #441a12; /** Near-black danger tint. */
  --sprout-color-info-50: #f3fbfe; /** Near-white info tint. */
  --sprout-color-info-100: #d7f0fc; /** Info banner background. */
  --sprout-color-info-200: #b7e5fa; /** Soft info accents. */
  --sprout-color-info-300: #95d7f8; /** Light info highlight. */
  --sprout-color-info-400: #62c5f5; /** Dark-mode info — lifted for AA contrast. */
  --sprout-color-info-500: #19a9f0; /** Bright info accent, chart fills. */
  --sprout-color-info-600: #148cc7; /** Info accent, focus state on info. */
  --sprout-color-info-700: #1073a3; /** Hover and pressed for info actions. */
  --sprout-color-info-800: #0d5f87; /** Deep info — dark surfaces. */
  --sprout-color-info-900: #0a4460; /** Deepest info blue. */
  --sprout-color-info-950: #062a3b; /** Near-black info tint. */
  --sprout-color-success-50: #eefdf5; /** Near-white success tint. */
  --sprout-color-success-100: #c2f8dd; /** Subtle success background. */
  --sprout-color-success-200: #8df2bf; /** Soft success surface. */
  --sprout-color-success-300: #42ea96; /** Light success accent. */
  --sprout-color-success-400: #17d576; /** Medium success, chart fills. */
  --sprout-color-success-500: #14b766; /** Success action, positive delta. */
  --sprout-color-success-600: #119754; /** Success brand. Badges, confirmations. */
  --sprout-color-success-700: #0e7c45; /** Hover state for success actions. */
  --sprout-color-success-800: #0b6739; /** Deep success — dark surfaces. */
  --sprout-color-success-900: #084929; /** Deepest success green. */
  --sprout-color-success-950: #052d19; /** Near-black success tint. */
  --sprout-color-warning-50: #fefae6; /** Near-white warning tint. */
  --sprout-color-warning-100: #fdedaa; /** Subtle warning background. */
  --sprout-color-warning-200: #fadd63; /** Soft warning surface. */
  --sprout-color-warning-300: #f7ca10; /** Light warning accent. */
  --sprout-color-warning-400: #deb60e; /** Medium warning, chart fills. */
  --sprout-color-warning-500: #bf9c0c; /** Warning action. */
  --sprout-color-warning-600: #9e810a; /** Warning brand. Caution badges. */
  --sprout-color-warning-700: #816a08; /** Hover state for warning actions. */
  --sprout-color-warning-800: #6b5707; /** Deep warning — dark surfaces. */
  --sprout-color-warning-900: #4c3e05; /** Deepest warning amber. */
  --sprout-color-warning-950: #2f2603; /** Near-black warning tint. */
  --sprout-color-neutral-0: #ffffff; /** Card surface, input bg. */
  --sprout-color-neutral-25: #f9f9f9; /** Page canvas surface. */
  --sprout-color-neutral-50: #f2f2f2; /** Surface-2 — sidenav, headers. */
  --sprout-color-neutral-100: #e5e5e5; /** Hairline divider. */
  --sprout-color-neutral-150: #d9d9d9; /** Default 1px border. */
  --sprout-color-neutral-200: #cccccc; /** Strong divider, disabled border. */
  --sprout-color-neutral-250: #bfbfbf; /** Strong border. */
  --sprout-color-neutral-300: #b2b2b2; /** Disabled text. */
  --sprout-color-neutral-350: #a6a6a6; /** Disabled foreground on light. */
  --sprout-color-neutral-400: #999999; /** Muted icons, tertiary text. */
  --sprout-color-neutral-450: #8c8c8c; /** Placeholder text, muted icons. */
  --sprout-color-neutral-500: #808080; /** True mid grey. */
  --sprout-color-neutral-550: #737373; /** Secondary text, captions. */
  --sprout-color-neutral-600: #666666; /** Body secondary. */
  --sprout-color-neutral-650: #595959; /** Supporting text on light. */
  --sprout-color-neutral-700: #4d4d4d; /** Strong dividers, dark-mode line. */
  --sprout-color-neutral-750: #404040; /** Dark surface accents. */
  --sprout-color-neutral-800: #333333; /** Body text, headings. */
  --sprout-color-neutral-850: #262626; /** Dark-mode surface-2. */
  --sprout-color-neutral-900: #1a1a1a; /** Primary text, dark-mode surface. */
  --sprout-color-neutral-950: #0d0d0d; /** Dark-mode canvas. */
  --sprout-color-neutral-1000: #000000; /** Pure black — never as background. */
  --sprout-color-link-50: #fbf8fe; /** Lightest lavender tint. */
  --sprout-color-link-100: #f2e9fc; /** Hover background for link-coloured elements. */
  --sprout-color-link-200: #e8d8fa; /** Selected / active tint. */
  --sprout-color-link-300: #ddc5f7; /** Soft mid-tone. */
  --sprout-color-link-400: #cfabf4; /** Muted link on light surfaces. */
  --sprout-color-link-500: #b68fde; /** Link mid — use for visited state. */
  --sprout-color-link-600: #9676b8; /** Default link colour on white backgrounds. */
  --sprout-color-link-700: #7b6197; /** Hover / pressed link. */
  --sprout-color-link-800: #66507c; /** Dark-mode link default. */
  --sprout-color-link-900: #483959; /** Strong contrast on light for inline text links. */
  --sprout-color-link-950: #2c2336; /** Deepest purple — dark surfaces. */
  --sprout-color-status-success-light: #119754; /** Success badges (light theme). */
  --sprout-color-status-success-dark: #4ade80; /** Success on dark — lifted for AA. */
  --sprout-color-status-info-light: #148cc7; /** Info accent (light theme). */
  --sprout-color-status-info-dark: #5bb3e0; /** Info on dark — lifted for AA. */
  --sprout-color-status-warning-light: #bf9c0c; /** Caution badges (light theme). warning.500. */
  --sprout-color-status-warning-dark: #f7ca10; /** Warning on dark — lifted for AA. warning.300. */
  --sprout-color-status-danger-light: #e1563b; /** Destructive (light theme). */
  --sprout-color-status-danger-dark: #ff8466; /** Danger on dark — lifted for AA. */
  --sprout-spacing-3xs: 2px;
  --sprout-spacing-2xs: 4px;
  --sprout-spacing-xs: 8px;
  --sprout-spacing-sm: 12px;
  --sprout-spacing-md: 16px; /** Default gap between related controls. */
  --sprout-spacing-lg: 24px; /** Default gap between groups. */
  --sprout-spacing-xl: 32px; /** Default gap between sections. */
  --sprout-spacing-2xl: 40px;
  --sprout-spacing-3xl: 48px;
  --sprout-spacing-4xl: 64px;
  --sprout-radius-none: 0; /** Reset, full-bleed surfaces. */
  --sprout-radius-xs: 2px; /** Inputs, dense controls. */
  --sprout-radius-sm: 4px; /** Default — buttons, grid cells. */
  --sprout-radius-md: 8px; /** Cards, drawers, dialogs. */
  --sprout-radius-lg: 16px; /** Marketing surfaces, hero. */
  --sprout-radius-pill: 9999px; /** Tags, badges, status pills. */
  --sprout-radius-circle: 50%; /** Avatars, status dots, FAB. */
  --sprout-shadow-surface-light: 0 1px 2px 0 rgba(0,0,0,0.06); /** Resting card (light). */
  --sprout-shadow-overlay-light: 0 4px 12px 0 rgba(0,0,0,0.10), 0 1px 2px 0 rgba(0,0,0,0.06); /** Dropdown, tooltip, popover (light). */
  --sprout-shadow-floater-light: 0 16px 32px 0 rgba(0,0,0,0.16), 0 4px 8px 0 rgba(0,0,0,0.08); /** Modal, FAB, drawer (light). */
  --sprout-shadow-surface-dark: 0 1px 2px rgba(0,0,0,.4); /** Resting card (dark). */
  --sprout-shadow-overlay-dark: 0 4px 12px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4); /** Overlay (dark). */
  --sprout-shadow-floater-dark: 0 16px 32px rgba(0,0,0,.6), 0 4px 8px rgba(0,0,0,.4); /** Floater (dark). */
  --sprout-shadow-surface: 0 1px 2px 0 rgba(0,0,0,0.06);
  --sprout-shadow-overlay: 0 4px 12px 0 rgba(0,0,0,0.10), 0 1px 2px 0 rgba(0,0,0,0.06);
  --sprout-shadow-floater: 0 16px 32px 0 rgba(0,0,0,0.16), 0 4px 8px 0 rgba(0,0,0,0.08);
  --sprout-shadow-focus: 0 0 0 3px rgba(189, 215, 143, 0.45);
  --sprout-font-family-sans: "Manrope", -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; /** Primary — body, UI, buttons. */
  --sprout-font-family-display: "Manrope", 'Helvetica Neue', Helvetica, sans-serif; /** Hero copy, page-title headlines only. */
  --sprout-font-family-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Cascadia Code', monospace; /** Token values, numbers, code. */
  --sprout-motion-ease: cubic-bezier(0.2, 0, 0, 1); /** Default — ease-out. */
  --sprout-motion-ease-in: cubic-bezier(0.4, 0, 1, 1); /** Ease-in for exits. */
  --sprout-motion-duration-xfast: 50ms; /** Instant feedback — hover, toggle, icon swap. */
  --sprout-motion-duration-fast: 150ms; /** Hover, focus, button press. */
  --sprout-motion-duration: 250ms; /** Default — dropdown, tooltip, color change. */
  --sprout-motion-duration-slow: 500ms; /** Drawer slide, modal enter. */
  --sprout-motion-duration-xslow: 1000ms; /** Page-level transitions, complex sequences. */
  --sprout-layout-sidebar-width: 280px;
  --sprout-layout-topbar-height: 60px;
  --sprout-layout-content-max: 1080px;
  --sprout-accent-100: #f4ffe0;
  --sprout-accent-200: #ebfdc6;
  --sprout-accent-default: #447952;
  --sprout-accent-hover: #24462a;
  --sprout-accent-deep: #152f1a;
  --sprout-accent-soft: #bdd78f;
  --sprout-accent-tint: rgba(68, 121, 82, 0.1);
  --sprout-accent-tint-strong: rgba(68, 121, 82, 0.18);
  --sprout-danger-100: #ffe7e2;
  --sprout-danger-200: #fed5cd;
  --sprout-danger-default: #e1563b;
  --sprout-danger-hover: #b94730;
  --sprout-info-100: #d7f0fc;
  --sprout-info-default: #148cc7;
  --sprout-info-hover: #1073a3;
  --sprout-surface-2: #f2f2f2; /** Surface-2. */
  --sprout-surface-3: #e5e5e5; /** Surface-3. */
  --sprout-surface-canvas: #ffffff; /** Top-level canvas. */
  --sprout-surface-default: #f9f9f9; /** Surface-1. */
  --sprout-ink-1: #1a1a1a; /** Primary text. */
  --sprout-ink-2: #333333;
  --sprout-ink-3: #666666;
  --sprout-ink-4: #737373;
  --sprout-ink-5: #999999;
  --sprout-ink-6: #b2b2b2;
  --sprout-line-default: #d9d9d9;
  --sprout-line-strong: #bfbfbf;
  --sprout-line-hairline: #e5e5e5;
  --sprout-status-success: #0e7c45;
  --sprout-status-success-tint: rgba(17, 151, 84, 0.1);
  --sprout-status-info: #1073a3;
  --sprout-status-info-tint: rgba(20, 140, 199, 0.1);
  --sprout-status-warning: #816a08;
  --sprout-status-warning-tint: rgba(191, 156, 12, 0.1);
  --sprout-status-danger: #b94730;
  --sprout-status-danger-tint: rgba(225, 86, 59, 0.1);
  --sprout-data-default: #92b97a;
  --sprout-data-on: #152f1a;
  --sprout-data-container: #f4ffe0;
  --sprout-data-on-container: #152f1a;
  --sprout-containers-primary: #447952;
  --sprout-containers-on-primary: #ffffff;
  --sprout-containers-primary-container: #f4ffe0;
  --sprout-containers-on-primary-container: #152f1a;
  --sprout-containers-neutral: #000000;
  --sprout-containers-on-neutral: #ffffff;
  --sprout-containers-neutral-container: #f2f2f2;
  --sprout-containers-on-neutral-container: #0d0d0d;
  --sprout-containers-warning: #816a08;
  --sprout-containers-on-warning: #ffffff;
  --sprout-containers-warning-container: #fdedaa;
  --sprout-containers-on-warning-container: #2f2603;
  --sprout-containers-success: #0e7c45;
  --sprout-containers-on-success: #ffffff;
  --sprout-containers-success-container: #c2f8dd;
  --sprout-containers-on-success-container: #052d19;
  --sprout-containers-danger: #b94730;
  --sprout-containers-on-danger: #ffffff;
  --sprout-containers-danger-container: #ffe7e2;
  --sprout-containers-on-danger-container: #441a12;
  --sprout-containers-info: #1073a3;
  --sprout-containers-on-info: #ffffff;
  --sprout-containers-info-container: #d7f0fc;
  --sprout-containers-on-info-container: #062a3b;
  --sprout-containers-link: #7b6197;
  --sprout-containers-on-link: #ffffff;
  --sprout-containers-link-container: #f2e9fc;
  --sprout-containers-on-link-container: #2c2336;
  --sprout-states-primary-hovered: #24462a;
  --sprout-states-primary-pressed: #152f1a;
  --sprout-states-primary-selected: #f4ffe0;
  --sprout-states-disabled: #a6a6a6;
  --sprout-states-on-disabled: #e5e5e5;
  --sprout-states-brand-surface-active: #e1ffad;
  --sprout-states-brand-surface-active-background: rgba(225, 255, 173, 0.12);
  --sprout-states-surface-hovered: #f2f2f2;
  --sprout-states-surface-pressed: #e5e5e5;
  --sprout-states-neutral-container-hovered: #e5e5e5;
  --sprout-states-neutral-container-pressed: #d9d9d9;
  --sprout-states-surface-variant-hovered: #d9d9d9;
  --sprout-states-surface-variant-pressed: #cccccc;
  --sprout-states-neutral-hovered: #333333;
  --sprout-states-neutral-pressed: #4d4d4d;
  --sprout-states-success-hovered: #0b6739;
  --sprout-states-success-pressed: #084929;
  --sprout-states-danger-hovered: #993a28;
  --sprout-states-danger-pressed: #6d2a1d;
  --sprout-layers-background: #f9f9f9;
  --sprout-layers-on-background: #1a1a1a;
  --sprout-layers-surface: #ffffff;
  --sprout-layers-on-surface: #1a1a1a;
  --sprout-layers-surface-variant: #e5e5e5;
  --sprout-layers-on-surface-variant: #1a1a1a;
  --sprout-layers-overlay: #ffffff;
  --sprout-layers-on-overlay: #1a1a1a;
  --sprout-layers-supporting-text: #595959;
  --sprout-layers-decorative-icons: #333333;
  --sprout-layers-functional-icons: #000000;
  --sprout-layers-outline: #cccccc;
  --sprout-layers-brand-surface: #152f1a;
  --sprout-layers-on-brand-surface: #92b97a;
  --sprout-grid-active: #ebfdc6;
}