/* _content/Egov.Fod.UIComponents/Components/AppShell/FodAppLayout.razor.rz.scp.css */
.fod-app-layout[b-824ix9ylfk] {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    overflow: auto;
    overflow-x: hidden;
}

.fod-app-layout__scroll-area[b-824ix9ylfk] {
    flex: 1;
    overflow-y: visible;
    display: flex;
    flex-direction: column;
}

.fod-app-layout__main[b-824ix9ylfk] {
    flex: 1;
    min-width: 0;
}
/* _content/Egov.Fod.UIComponents/Components/CookieBanner/FodCookieBanner.razor.rz.scp.css */
/* FodCookieBanner — the fixed wrapper that pins the panel to a viewport edge.
   The panel (FodCookieBannerPanel) is the only visual card; the wrapper spans
   the viewport width but lets clicks through outside the panel, so the page
   stays fully operable around the non-modal banner. */

.fod-cookie-banner[b-zuw326iw21] {
    position: fixed;
    inset-inline: 0;
    z-index: var(--fod-cookie-banner-z-index, 1300);
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding-inline: var(--spacing-16, 16px);
    pointer-events: none;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

/* The panel caps its own width (792px) and centres here. */
.fod-cookie-banner[b-zuw326iw21]  .fod-cookie-banner-panel {
    pointer-events: auto;
}

/* Its height is capped to the space left in the viewport: the expanded view
   with several categories can outgrow a phone screen, and it must scroll
   rather than get cut off. The scroll lives on the rounded card itself — an
   overflow on the (square) panel root would clip the card's shadow into
   visible square corners. */
.fod-cookie-banner[b-zuw326iw21]  .fod-cookie-banner-panel__container {
    max-block-size: calc(100dvh - var(--_cookie-banner-offset) - var(--spacing-16, 16px));
    overflow-y: auto;
    overscroll-behavior: contain;
}

.fod-cookie-banner--bottom[b-zuw326iw21] {
    /* Clear the iOS home indicator. */
    --_cookie-banner-offset: calc(var(--spacing-24, 24px) + env(safe-area-inset-bottom, 0px));
    inset-block-end: var(--_cookie-banner-offset);
    animation-name: fod-cookie-banner-in-bottom-b-zuw326iw21;
}

.fod-cookie-banner--top[b-zuw326iw21] {
    /* Below the sticky site header. */
    --_cookie-banner-offset: calc(var(--fod-header-total-height, 112px) + var(--spacing-16, 16px));
    inset-block-start: var(--_cookie-banner-offset);
    animation-name: fod-cookie-banner-in-top-b-zuw326iw21;
}

/* Viewport equivalent of the panel's 750px mobile switch (750 + 2 × 16px gutter). */
@media (max-width: 782px) {
    .fod-cookie-banner--bottom[b-zuw326iw21] {
        --_cookie-banner-offset: calc(var(--spacing-16, 16px) + env(safe-area-inset-bottom, 0px));
    }
}

@keyframes fod-cookie-banner-in-bottom-b-zuw326iw21 {
    from {
        transform: translateY(24px);
        opacity: 0;
    }
}

@keyframes fod-cookie-banner-in-top-b-zuw326iw21 {
    from {
        transform: translateY(-24px);
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fod-cookie-banner[b-zuw326iw21] {
        animation: none;
    }
}
/* _content/Egov.Fod.UIComponents/Components/CookieBanner/FodCookieBannerPanel.razor.rz.scp.css */
/* FodCookieBannerPanel — port of the removed <mud-cookie-banner> stylesheet.
   Rules are carried over 1:1; ":host" becomes the root class and rules that
   reach into child adapters (mud-button, mud-icon, mud-switch, mud-tag) use
   ::deep.

   Every class is BEM-prefixed with "fod-cookie-banner-panel__". Scoped CSS
   only isolates the rules written here — global rules still reach these
   elements, and generic names collided: main.css's Bootstrap-style
   ".container" capped the card at 540px while the footer kept laying out at
   the full width, clipping the accept button.

   The --cookie-banner-* tokens were deleted from the design system together
   with the component. They are resolved here as private --_cb-* properties:
   a --cookie-banner-* value set by the consumer on any ancestor still wins,
   otherwise the original token alias (a global mud token, so light/dark
   theming follows the design system), otherwise the original light value. */

.fod-cookie-banner-panel[b-fjnrf75r5e] {
    /* container */
    --_cb-container-background: var(--cookie-banner-container-background, var(--color-background-base-default, #ffffff));
    --_cb-container-border: var(--cookie-banner-container-border, var(--color-border-base-default, #d9d9d9));
    --_cb-container-border-width: var(--cookie-banner-container-border-width, 1.5px);
    --_cb-container-border-radius: var(--cookie-banner-container-border-radius, var(--border-radius-16, 16px));
    --_cb-container-border-radius-mobile: var(--cookie-banner-container-border-radius-mobile, var(--border-radius-12, 12px));
    --_cb-container-shadow-small: var(--cookie-banner-container-shadow-small, 0 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 5px 12px 0 rgba(0, 0, 0, 0.08));
    --_cb-container-max-width: var(--cookie-banner-container-max-width, 792px);
    --_cb-container-padding-inline-desktop: var(--cookie-banner-container-padding-inline-desktop, var(--spacing-40, 40px));
    --_cb-container-padding-inline-mobile: var(--cookie-banner-container-padding-inline-mobile, var(--spacing-16, 16px));
    --_cb-container-stack-z-index: var(--cookie-banner-container-stack-z-index, 1000);
    /* header */
    --_cb-header-padding-top: var(--cookie-banner-header-padding-top, var(--spacing-20, 20px));
    --_cb-header-padding-top-mobile: var(--cookie-banner-header-padding-top-mobile, var(--spacing-24, 24px));
    --_cb-header-padding-bottom: var(--cookie-banner-header-padding-bottom, var(--spacing-0, 0px));
    --_cb-header-padding-inline-end-mobile: var(--cookie-banner-header-padding-inline-end-mobile, var(--spacing-12, 12px));
    --_cb-header-gap: var(--cookie-banner-header-gap, var(--spacing-12, 12px));
    /* title */
    --_cb-title-font-family: var(--cookie-banner-title-font-family, var(--font-family-primary, Onest));
    --_cb-title-font-size: var(--cookie-banner-title-font-size, var(--font-size-20, 20px));
    --_cb-title-font-size-mobile: var(--cookie-banner-title-font-size-mobile, var(--font-size-22, 22px));
    --_cb-title-line-height: var(--cookie-banner-title-line-height, var(--line-height-28, 28px));
    --_cb-title-line-height-mobile: var(--cookie-banner-title-line-height-mobile, var(--line-height-30, 30px));
    --_cb-title-font-weight: var(--cookie-banner-title-font-weight, var(--font-weight-semibold, 600));
    --_cb-title-letter-spacing: var(--cookie-banner-title-letter-spacing, -0.2px);
    --_cb-title-letter-spacing-mobile: var(--cookie-banner-title-letter-spacing-mobile, -0.22px);
    --_cb-title-color: var(--cookie-banner-title-color, var(--color-text-base-default, #121212));
    /* body */
    --_cb-body-padding-top: var(--cookie-banner-body-padding-top, var(--spacing-8, 8px));
    --_cb-body-padding-top-mobile: var(--cookie-banner-body-padding-top-mobile, var(--spacing-16, 16px));
    --_cb-body-padding-bottom: var(--cookie-banner-body-padding-bottom, var(--spacing-16, 16px));
    --_cb-body-gap: var(--cookie-banner-body-gap, var(--spacing-16, 16px));
    --_cb-body-gap-expanded: var(--cookie-banner-body-gap-expanded, var(--spacing-24, 24px));
    --_cb-body-font-family: var(--cookie-banner-body-font-family, var(--font-family-primary, Onest));
    --_cb-body-font-size: var(--cookie-banner-body-font-size, var(--font-size-14, 14px));
    --_cb-body-font-size-mobile: var(--cookie-banner-body-font-size-mobile, var(--font-size-16, 16px));
    --_cb-body-line-height: var(--cookie-banner-body-line-height, var(--line-height-20, 20px));
    --_cb-body-line-height-mobile: var(--cookie-banner-body-line-height-mobile, var(--line-height-24, 24px));
    --_cb-body-font-weight: var(--cookie-banner-body-font-weight, var(--font-weight-regular, 400));
    --_cb-body-color: var(--cookie-banner-body-color, var(--color-text-base-secondary, #383838));
    /* footer */
    --_cb-footer-padding-top: var(--cookie-banner-footer-padding-top, var(--spacing-12, 12px));
    --_cb-footer-padding-bottom: var(--cookie-banner-footer-padding-bottom, var(--spacing-20, 20px));
    --_cb-footer-padding-bottom-mobile: var(--cookie-banner-footer-padding-bottom-mobile, var(--spacing-24, 24px));
    --_cb-footer-gap: var(--cookie-banner-footer-gap, var(--spacing-12, 12px));
    /* categories */
    --_cb-categories-background: var(--cookie-banner-categories-background, var(--color-background-base-secondary, #f5f5f5));
    --_cb-categories-border-radius: var(--cookie-banner-categories-border-radius, var(--border-radius-12, 12px));
    --_cb-categories-padding-inline: var(--cookie-banner-categories-padding-inline, var(--spacing-20, 20px));
    --_cb-categories-padding-top: var(--cookie-banner-categories-padding-top, var(--spacing-8, 8px));
    --_cb-categories-padding-bottom: var(--cookie-banner-categories-padding-bottom, var(--spacing-12, 12px));
    --_cb-categories-row-gap: var(--cookie-banner-categories-row-gap, var(--spacing-12, 12px));
    /* category */
    --_cb-category-padding-block: var(--cookie-banner-category-padding-block, var(--spacing-12, 12px));
    --_cb-category-gap: var(--cookie-banner-category-gap, var(--spacing-40, 40px));
    --_cb-category-gap-mobile: var(--cookie-banner-category-gap-mobile, var(--spacing-16, 16px));
    --_cb-category-row-gap: var(--cookie-banner-category-row-gap, var(--spacing-8, 8px));
    --_cb-category-header-gap: var(--cookie-banner-category-header-gap, var(--spacing-16, 16px));
    --_cb-category-label-font-family: var(--cookie-banner-category-label-font-family, var(--font-family-primary, Onest));
    --_cb-category-label-font-size: var(--cookie-banner-category-label-font-size, var(--font-size-16, 16px));
    --_cb-category-label-line-height: var(--cookie-banner-category-label-line-height, var(--line-height-24, 24px));
    --_cb-category-label-font-weight: var(--cookie-banner-category-label-font-weight, var(--font-weight-medium, 500));
    --_cb-category-label-color: var(--cookie-banner-category-label-color, var(--color-text-base-default, #121212));
    --_cb-category-description-font-family: var(--cookie-banner-category-description-font-family, var(--font-family-primary, Onest));
    --_cb-category-description-font-size: var(--cookie-banner-category-description-font-size, var(--font-size-14, 14px));
    --_cb-category-description-line-height: var(--cookie-banner-category-description-line-height, var(--line-height-20, 20px));
    --_cb-category-description-font-weight: var(--cookie-banner-category-description-font-weight, var(--font-weight-regular, 400));
    --_cb-category-description-color: var(--cookie-banner-category-description-color, var(--color-text-base-tertiary, #757575));
    --_cb-category-required-icon-color: var(--cookie-banner-category-required-icon-color, var(--color-icon-brand-default, #0058d2));
    --_cb-category-required-icon-size: var(--cookie-banner-category-required-icon-size, 24px);
    --_cb-link-color: var(--cookie-banner-link-color, var(--color-text-brand-default, #0058d2));

    display: block;
    box-sizing: border-box;
    /* Query container: the banner adapts to its OWN width, not the viewport, so
       it lays out correctly in any container — see the @container block below. */
    container-type: inline-size;
    inline-size: 100%;
    max-inline-size: var(--_cb-container-max-width);
    min-inline-size: 0;
    font-family: var(--_cb-body-font-family);
    color: var(--_cb-title-color);
    z-index: var(--_cb-container-stack-z-index);
    /* In-flow by default; consumers position it (e.g. position: fixed;
       inset-block-end: 16px) or place it in a positioning container. */
}

.fod-cookie-banner-panel__container[b-fjnrf75r5e] {
    display: flex;
    flex-direction: column;
    inline-size: 100%;
    box-sizing: border-box;
    background-color: var(--_cb-container-background);
    border: var(--_cb-container-border-width) solid var(--_cb-container-border);
    border-radius: var(--_cb-container-border-radius);
    box-shadow: var(--_cb-container-shadow-small);
    overflow: hidden;
}

/* ---------- Header ---------- */

.fod-cookie-banner-panel__header[b-fjnrf75r5e] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--_cb-header-gap);
    padding-block-start: var(--_cb-header-padding-top);
    padding-block-end: var(--_cb-header-padding-bottom);
    padding-inline-start: var(--_cb-container-padding-inline-desktop);
    padding-inline-end: var(--spacing-20, 20px);
}

.fod-cookie-banner-panel__heading[b-fjnrf75r5e] {
    flex: 1 1 0;
    min-inline-size: 0;
    display: flex;
    align-items: center;
}

.fod-cookie-banner-panel__title[b-fjnrf75r5e] {
    flex: 1 1 0;
    min-inline-size: 0;
    margin: 0;
    font-family: var(--_cb-title-font-family);
    font-size: var(--_cb-title-font-size);
    line-height: var(--_cb-title-line-height);
    font-weight: var(--_cb-title-font-weight);
    letter-spacing: var(--_cb-title-letter-spacing);
    color: var(--_cb-title-color);
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---------- Close button (expanded only) ----------
   A circular icon-only neutral mud-button (sm = 32px); its colours, hover and
   focus ring come from the design system's --button-neutral-* tokens. */

.fod-cookie-banner-panel__header[b-fjnrf75r5e]  mud-button.fod-cookie-banner-panel__close {
    flex-shrink: 0;
}

/* ---------- Body ---------- */

.fod-cookie-banner-panel__body[b-fjnrf75r5e] {
    display: flex;
    flex-direction: column;
    gap: var(--_cb-body-gap);
    padding-block-start: var(--_cb-body-padding-top);
    padding-block-end: var(--_cb-body-padding-bottom);
    padding-inline: var(--_cb-container-padding-inline-desktop);
}

.fod-cookie-banner-panel--expanded .fod-cookie-banner-panel__body[b-fjnrf75r5e] {
    gap: var(--_cb-body-gap-expanded);
}

.fod-cookie-banner-panel__body-text[b-fjnrf75r5e] {
    margin: 0;
    font-family: var(--_cb-body-font-family);
    font-size: var(--_cb-body-font-size);
    line-height: var(--_cb-body-line-height);
    font-weight: var(--_cb-body-font-weight);
    color: var(--_cb-body-color);
    overflow-wrap: anywhere;
}

/* Former ::slotted([slot='body']). */
.fod-cookie-banner-panel__body-slot[b-fjnrf75r5e] {
    color: var(--_cb-body-color);
    font-family: var(--_cb-body-font-family);
    font-size: var(--_cb-body-font-size);
    line-height: var(--_cb-body-line-height);
}

/* ---------- Categories ---------- */

.fod-cookie-banner-panel__categories[b-fjnrf75r5e] {
    display: flex;
    flex-direction: column;
    gap: var(--_cb-categories-row-gap);
    margin-inline: var(--_cb-container-padding-inline-desktop);
    margin-block-end: var(--_cb-body-padding-bottom);
    padding-inline: var(--_cb-categories-padding-inline);
    padding-block-start: var(--_cb-categories-padding-top);
    padding-block-end: var(--_cb-categories-padding-bottom);
    background-color: var(--_cb-categories-background);
    border-radius: var(--_cb-categories-border-radius);
}

.fod-cookie-banner-panel__category[b-fjnrf75r5e] {
    display: flex;
    align-items: center;
    gap: var(--_cb-category-gap);
    padding-block: var(--_cb-category-padding-block);
}

.fod-cookie-banner-panel__category-text[b-fjnrf75r5e] {
    flex: 1 1 0;
    min-inline-size: 0;
    display: flex;
    flex-direction: column;
    gap: var(--_cb-category-row-gap);
}

.fod-cookie-banner-panel__category-heading[b-fjnrf75r5e] {
    display: flex;
    align-items: center;
    gap: var(--_cb-category-header-gap);
}

.fod-cookie-banner-panel__category-label[b-fjnrf75r5e] {
    /* Allow the label to wrap so the "Required" tag never gets compressed/clipped. */
    min-inline-size: 0;
    font-family: var(--_cb-category-label-font-family);
    font-size: var(--_cb-category-label-font-size);
    line-height: var(--_cb-category-label-line-height);
    font-weight: var(--_cb-category-label-font-weight);
    color: var(--_cb-category-label-color);
}

/* Keep the required tag at its intrinsic width — it must not shrink/clip. */
.fod-cookie-banner-panel__category-heading[b-fjnrf75r5e]  mud-tag {
    flex-shrink: 0;
}

.fod-cookie-banner-panel__category-description[b-fjnrf75r5e] {
    margin: 0;
    font-family: var(--_cb-category-description-font-family);
    font-size: var(--_cb-category-description-font-size);
    line-height: var(--_cb-category-description-line-height);
    font-weight: var(--_cb-category-description-font-weight);
    color: var(--_cb-category-description-color);
    overflow-wrap: anywhere;
}

/* Mobile: clamp the description to 2 lines until the user expands it. Applied
   via the --clamped modifier, which is only added on the mobile breakpoint. */
.fod-cookie-banner-panel__category-description--clamped[b-fjnrf75r5e] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* "more / less" toggle — a subtle inline text affordance, shown only on mobile
   when the description overflows its clamp. */
.fod-cookie-banner-panel__category-description-toggle[b-fjnrf75r5e] {
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font-family: var(--_cb-category-description-font-family);
    font-size: var(--_cb-category-description-font-size);
    line-height: var(--_cb-category-description-line-height);
    font-weight: var(--_cb-category-label-font-weight);
    color: var(--_cb-link-color);
    cursor: pointer;
    text-align: start;
}

.fod-cookie-banner-panel__category-description-toggle:hover[b-fjnrf75r5e] {
    text-decoration: underline;
}

.fod-cookie-banner-panel__category-description-toggle:focus-visible[b-fjnrf75r5e] {
    outline: var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-border-brand-default));
    outline-offset: 2px;
    border-radius: var(--border-radius-4, 4px);
}

.fod-cookie-banner-panel__category-required-icon[b-fjnrf75r5e] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 48px;
    block-size: 48px;
    color: var(--_cb-category-required-icon-color);
}

.fod-cookie-banner-panel__category-required-icon[b-fjnrf75r5e]  mud-icon {
    --icon-color: currentcolor;
    inline-size: var(--_cb-category-required-icon-size);
    block-size: var(--_cb-category-required-icon-size);
}

/* ---------- Footer ---------- */

.fod-cookie-banner-panel__footer[b-fjnrf75r5e] {
    display: flex;
    align-items: center;
    gap: var(--_cb-footer-gap);
    padding-block-start: var(--_cb-footer-padding-top);
    padding-block-end: var(--_cb-footer-padding-bottom);
    padding-inline: var(--_cb-container-padding-inline-desktop);
}

.fod-cookie-banner-panel__footer--collapsed[b-fjnrf75r5e] {
    justify-content: space-between;
}

.fod-cookie-banner-panel__footer--collapsed .fod-cookie-banner-panel__cta-group[b-fjnrf75r5e] {
    display: flex;
    align-items: center;
    gap: var(--_cb-footer-gap);
    /* Figma: the reject/accept pair live in a fixed 414px group, each button
       flex-1 (≈201px) and full-width so the control fills its slot. */
    inline-size: 414px;
    flex-shrink: 0;
}

.fod-cookie-banner-panel__footer--collapsed .fod-cookie-banner-panel__cta-group[b-fjnrf75r5e]  mud-button {
    flex: 1 1 0;
    min-inline-size: 0;
}

.fod-cookie-banner-panel__footer--expanded[b-fjnrf75r5e] {
    justify-content: flex-end;
}

.fod-cookie-banner-panel__footer--expanded[b-fjnrf75r5e]  mud-button {
    inline-size: 201px;
}

/* ---------- Mobile breakpoint (container-driven) ----------
   Triggered by the banner's OWN inline-size (≤750px), not the viewport. The
   design system used 540px, but the one-row desktop footer
   (manage button + fixed 414px reject/accept pair) needs ~710px (ro) /
   ~740px (ru) with the design copy; narrower, it no longer fits and the
   accept button got clipped — so the stacked mobile layout starts where the
   desktop row stops fitting. The button-size swap (md→lg) uses the same
   threshold via the ResizeObserver in wwwroot/js/cookie-banner.js — keep
   both values in sync. */

@container (max-width: 750px) {
    .fod-cookie-banner-panel__container[b-fjnrf75r5e] {
        border-radius: var(--_cb-container-border-radius-mobile);
    }

    .fod-cookie-banner-panel__header[b-fjnrf75r5e] {
        padding-block-start: var(--_cb-header-padding-top-mobile);
        padding-inline-start: var(--_cb-container-padding-inline-mobile);
        padding-inline-end: var(--_cb-header-padding-inline-end-mobile);
    }

    /* Responsive typography — mobile scales up (H3 title, Body/Default). */
    .fod-cookie-banner-panel__title[b-fjnrf75r5e] {
        font-size: var(--_cb-title-font-size-mobile);
        line-height: var(--_cb-title-line-height-mobile);
        letter-spacing: var(--_cb-title-letter-spacing-mobile);
    }

    .fod-cookie-banner-panel__body[b-fjnrf75r5e] {
        padding-block-start: var(--_cb-body-padding-top-mobile);
        padding-inline: var(--_cb-container-padding-inline-mobile);
    }

    .fod-cookie-banner-panel__body-text[b-fjnrf75r5e],
    .fod-cookie-banner-panel__body-slot[b-fjnrf75r5e] {
        font-size: var(--_cb-body-font-size-mobile);
        line-height: var(--_cb-body-line-height-mobile);
    }

    .fod-cookie-banner-panel__footer[b-fjnrf75r5e] {
        padding-inline: var(--_cb-container-padding-inline-mobile);
        padding-block-end: var(--_cb-footer-padding-bottom-mobile);
        flex-direction: column;
        align-items: stretch;
    }

    .fod-cookie-banner-panel__footer--collapsed[b-fjnrf75r5e] {
        gap: var(--spacing-8, 8px);
    }

    /* Mobile stack order (Figma): Accept (top) → Reject → Manage (bottom). */
    .fod-cookie-banner-panel__footer--collapsed[b-fjnrf75r5e]  .fod-cookie-banner-panel__cta-manage {
        order: 1;
    }

    .fod-cookie-banner-panel__footer--collapsed .fod-cookie-banner-panel__cta-group[b-fjnrf75r5e] {
        flex-direction: column-reverse;
        inline-size: 100%;
        gap: var(--spacing-8, 8px);
    }

    /* Reset the desktop flex-fill — buttons are full-width-stacked on mobile. */
    .fod-cookie-banner-panel__footer--collapsed .fod-cookie-banner-panel__cta-group[b-fjnrf75r5e]  mud-button {
        flex: 0 0 auto;
    }

    .fod-cookie-banner-panel__footer--collapsed[b-fjnrf75r5e]  mud-button {
        inline-size: 100%;
        min-inline-size: 0;
    }

    .fod-cookie-banner-panel__footer--expanded[b-fjnrf75r5e]  mud-button {
        inline-size: 100%;
        min-inline-size: 0;
    }

    .fod-cookie-banner-panel__categories[b-fjnrf75r5e] {
        margin-inline: var(--_cb-container-padding-inline-mobile);
        padding-inline: var(--spacing-16, 16px);
        gap: var(--spacing-8, 8px);
    }

    .fod-cookie-banner-panel__category[b-fjnrf75r5e] {
        gap: var(--_cb-category-gap-mobile);
    }

    .fod-cookie-banner-panel__category[b-fjnrf75r5e]  mud-switch {
        align-self: flex-start;
    }

    /* Required categories on mobile: no check-mark; the "Required" tag moves to
       the end of the row, where the switch sits for optional categories. */
    .fod-cookie-banner-panel__category-required-icon[b-fjnrf75r5e] {
        display: none;
    }

    .fod-cookie-banner-panel__category-heading[b-fjnrf75r5e] {
        justify-content: space-between;
    }
}
/* _content/Egov.Fod.UIComponents/Components/Display/FodHidden.razor.rz.scp.css */
/*#region [Base Styles]*/

.fod-hidden[b-chs61ikx2n] {
    display: none !important;
}

/*#endregion*/
/* _content/Egov.Fod.UIComponents/Components/Display/FodInfoRow.razor.rz.scp.css */
.fod-info-row[b-bdwajpiant] {
    background-color: var(--gray-100, #F5F5F5);
    border-radius: var(--radius-8, 8px);
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
}

.fod-info-row__label[b-bdwajpiant] {
    font-size: var(--font-size-12, 12px);
    color: var(--gray-400, #757575);
    font-weight: 400;
}

.fod-info-row__value[b-bdwajpiant] {
    font-size: var(--font-size-12, 12px);
    color: var(--gray-700, #383838);
    font-weight: var(--font-weight-medium, 500);
}

/* Dark mode */
[data-theme=dark] .fod-info-row[b-bdwajpiant] {
    background-color: var(--color-background-base-secondary, #2C2C2C);
}

[data-theme=dark] .fod-info-row__label[b-bdwajpiant] {
    color: var(--color-text-base-secondary, #B0B0B0);
}

[data-theme=dark] .fod-info-row__value[b-bdwajpiant] {
    color: var(--color-text-base-primary, #ffffff);
}
/* _content/Egov.Fod.UIComponents/Components/Drawer/FodDrawer.razor.rz.scp.css */
.fod-drawer-root[b-imdmjvjjec] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: var(--fod-zindex-overlay, 1200);
}

.fod-drawer-root[data-overlay="false"][b-imdmjvjjec] {
    position: relative;
    inset: auto;
    pointer-events: auto;
    z-index: auto;
}

.fod-drawer-root[data-variant="permanent"][b-imdmjvjjec],
.fod-drawer-root[data-variant="persistent"][b-imdmjvjjec] {
    position: relative;
    inset: auto;
    pointer-events: auto;
}

.fod-drawer[b-imdmjvjjec] {
    position: fixed;
    display: flex;
    flex-direction: column;
    background: var(--color-background-base-default, #ffffff);
    color: var(--color-text-base-default, #121212);
    box-shadow: var(--fod-shadow-overlay, 0 8px 16px rgba(0, 0, 0, 0.24));
    transition: transform 250ms cubic-bezier(0.22, 1, 0.36, 1), opacity 150ms ease;
    will-change: transform, opacity;
    pointer-events: auto;
    outline: none;
    z-index: 1;
}

.fod-drawer__header[b-imdmjvjjec],
.fod-drawer__footer[b-imdmjvjjec] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--fod-color-divider, rgba(0, 0, 0, 0.12));
}

.fod-drawer__footer[b-imdmjvjjec] {
    border-top: 1px solid var(--fod-color-divider, rgba(0, 0, 0, 0.12));
    border-bottom: none;
}

.fod-drawer__content[b-imdmjvjjec] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1.25rem;
}

.fod-drawer__mini[b-imdmjvjjec] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.75rem;
}

.fod-drawer--mini[b-imdmjvjjec] {
    transition: width 200ms cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}

.fod-drawer--mini-collapsed .fod-drawer__header[b-imdmjvjjec],
.fod-drawer--mini-collapsed .fod-drawer__footer[b-imdmjvjjec] {
    display: none;
}

.fod-drawer--mini-collapsed .fod-drawer__content[b-imdmjvjjec] {
    display: none;
}

.fod-drawer--left[b-imdmjvjjec],
.fod-drawer--right[b-imdmjvjjec] {
    top: 0;
    bottom: 0;
    height: 100vh;
    height: 100dvh;
    min-height: 100%;
}

.fod-drawer--left[b-imdmjvjjec] {
    left: 0;
    left: env(safe-area-inset-left);
    transform: translateX(-100%);
}

.fod-drawer--mini.fod-drawer--left[b-imdmjvjjec] {
    transform: translateX(0);
}

.fod-drawer--right[b-imdmjvjjec] {
    right: 0;
    right: env(safe-area-inset-right);
    transform: translateX(100%);
}

.fod-drawer--mini.fod-drawer--right[b-imdmjvjjec] {
    transform: translateX(0);
}

/* RTL Support */
[dir="rtl"] .fod-drawer--left[b-imdmjvjjec] {
    left: auto;
    right: 0;
    right: env(safe-area-inset-right);
    transform: translateX(100%);
}

[dir="rtl"] .fod-drawer--right[b-imdmjvjjec] {
    right: auto;
    left: 0;
    left: env(safe-area-inset-left);
    transform: translateX(-100%);
}

[dir="rtl"] .fod-drawer--mini.fod-drawer--left[b-imdmjvjjec],
[dir="rtl"] .fod-drawer--mini.fod-drawer--right[b-imdmjvjjec] {
    transform: translateX(0);
}

[dir="rtl"] .fod-drawer--open[b-imdmjvjjec] {
    transform: translate3d(0, 0, 0);
}

.fod-drawer--top[b-imdmjvjjec],
.fod-drawer--bottom[b-imdmjvjjec] {
    left: 0;
    left: env(safe-area-inset-left);
    right: 0;
    right: env(safe-area-inset-right);
}

.fod-drawer--top[b-imdmjvjjec] {
    top: 0;
    top: env(safe-area-inset-top);
    transform: translateY(-100%);
}

.fod-drawer--mini.fod-drawer--top[b-imdmjvjjec] {
    transform: translateY(0);
}

.fod-drawer--bottom[b-imdmjvjjec] {
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    transform: translateY(100%);
}

.fod-drawer--mini.fod-drawer--bottom[b-imdmjvjjec] {
    transform: translateY(0);
}

.fod-drawer--open[b-imdmjvjjec] {
    transform: translate3d(0, 0, 0);
}

/* Permanent variant: Always visible, no transforms */
.fod-drawer-root[data-variant="permanent"] .fod-drawer[b-imdmjvjjec] {
    position: relative;
    transform: none !important;
}

/* Non-overlay mode (pushes content): drawer stays in document flow */
.fod-drawer-root[data-overlay="false"] .fod-drawer[b-imdmjvjjec] {
    position: relative;
    transform: none !important;
}

/* Persistent variant: Toggleable with transforms, reserves space */
.fod-drawer-root[data-variant="persistent"] .fod-drawer[b-imdmjvjjec] {
    position: fixed;
}

/* Persistent + non-overlay: Acts like permanent but toggleable */
.fod-drawer-root[data-variant="persistent"][data-overlay="false"] .fod-drawer[b-imdmjvjjec] {
    position: relative;
}

/* Container mode: Drawer inside FodDrawerContainer pushes content by its width */
.fod-drawer-container > .fod-drawer-root[data-variant="persistent"][b-imdmjvjjec],
.fod-drawer-container > .fod-drawer-root[data-variant="permanent"][b-imdmjvjjec] {
    overflow: hidden;
}

/* When persistent drawer is closed in container, collapse to 0 width */
.fod-drawer-container > .fod-drawer-root[data-variant="persistent"]:not(.fod-drawer-root--open)[b-imdmjvjjec] {
    width: 0 !important;
}

/* For drawers in container, disable transform animations and use width transitions instead */
.fod-drawer-container > .fod-drawer-root .fod-drawer[b-imdmjvjjec] {
    transform: none !important;
    transition: none;
    position: relative;
}

.fod-drawer-backdrop[b-imdmjvjjec] {
    position: fixed;
    inset: 0;
    background: rgba(18, 18, 18, 0.45);
    opacity: 0;
    transition: opacity 200ms ease;
    pointer-events: none;
    z-index: 0;
    -webkit-tap-highlight-color: transparent;
}

.fod-drawer-backdrop--visible[b-imdmjvjjec] {
    opacity: 1;
    pointer-events: auto;
}

.fod-drawer--elevation-0[b-imdmjvjjec]  { box-shadow: none; }
.fod-drawer--elevation-1[b-imdmjvjjec]  { box-shadow: 0px 2px 1px -1px rgba(0,0,0,.2), 0px 1px 1px 0px rgba(0,0,0,.14), 0px 1px 3px 0px rgba(0,0,0,.12); }
.fod-drawer--elevation-2[b-imdmjvjjec]  { box-shadow: 0px 3px 1px -2px rgba(0,0,0,.2), 0px 2px 2px 0px rgba(0,0,0,.14), 0px 1px 5px 0px rgba(0,0,0,.12); }
.fod-drawer--elevation-3[b-imdmjvjjec]  { box-shadow: 0px 3px 3px -2px rgba(0,0,0,.2), 0px 3px 4px 0px rgba(0,0,0,.14), 0px 1px 8px 0px rgba(0,0,0,.12); }
.fod-drawer--elevation-4[b-imdmjvjjec]  { box-shadow: 0px 2px 4px -1px rgba(0,0,0,.2), 0px 4px 5px 0px rgba(0,0,0,.14), 0px 1px 10px 0px rgba(0,0,0,.12); }
.fod-drawer--elevation-5[b-imdmjvjjec]  { box-shadow: 0px 3px 5px -1px rgba(0,0,0,.2), 0px 5px 8px 0px rgba(0,0,0,.14), 0px 1px 14px 0px rgba(0,0,0,.12); }
.fod-drawer--elevation-6[b-imdmjvjjec]  { box-shadow: 0px 3px 5px -1px rgba(0,0,0,.2), 0px 6px 10px 0px rgba(0,0,0,.14), 0px 1px 18px 0px rgba(0,0,0,.12); }
.fod-drawer--elevation-7[b-imdmjvjjec]  { box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2), 0px 7px 10px 1px rgba(0,0,0,.14), 0px 2px 16px 1px rgba(0,0,0,.12); }
.fod-drawer--elevation-8[b-imdmjvjjec]  { box-shadow: 0px 5px 5px -3px rgba(0,0,0,.2), 0px 8px 10px 1px rgba(0,0,0,.14), 0px 3px 14px 2px rgba(0,0,0,.12); }
.fod-drawer--elevation-9[b-imdmjvjjec]  { box-shadow: 0px 5px 6px -3px rgba(0,0,0,.2), 0px 9px 12px 1px rgba(0,0,0,.14), 0px 3px 16px 2px rgba(0,0,0,.12); }
.fod-drawer--elevation-10[b-imdmjvjjec] { box-shadow: 0px 6px 6px -3px rgba(0,0,0,.2), 0px 10px 14px 1px rgba(0,0,0,.14), 0px 4px 18px 3px rgba(0,0,0,.12); }
.fod-drawer--elevation-11[b-imdmjvjjec] { box-shadow: 0px 6px 7px -4px rgba(0,0,0,.2), 0px 11px 15px 1px rgba(0,0,0,.14), 0px 4px 20px 3px rgba(0,0,0,.12); }
.fod-drawer--elevation-12[b-imdmjvjjec] { box-shadow: 0px 7px 8px -4px rgba(0,0,0,.2), 0px 12px 17px 2px rgba(0,0,0,.14), 0px 5px 22px 4px rgba(0,0,0,.12); }
.fod-drawer--elevation-13[b-imdmjvjjec] { box-shadow: 0px 7px 8px -4px rgba(0,0,0,.2), 0px 13px 19px 2px rgba(0,0,0,.14), 0px 5px 24px 4px rgba(0,0,0,.12); }
.fod-drawer--elevation-14[b-imdmjvjjec] { box-shadow: 0px 7px 9px -4px rgba(0,0,0,.2), 0px 14px 21px 2px rgba(0,0,0,.14), 0px 5px 26px 4px rgba(0,0,0,.12); }
.fod-drawer--elevation-15[b-imdmjvjjec] { box-shadow: 0px 8px 9px -5px rgba(0,0,0,.2), 0px 15px 22px 2px rgba(0,0,0,.14), 0px 6px 28px 5px rgba(0,0,0,.12); }
.fod-drawer--elevation-16[b-imdmjvjjec] { box-shadow: 0px 8px 10px -5px rgba(0,0,0,.2), 0px 16px 24px 2px rgba(0,0,0,.14), 0px 6px 30px 5px rgba(0,0,0,.12); }
.fod-drawer--elevation-17[b-imdmjvjjec] { box-shadow: 0px 8px 11px -5px rgba(0,0,0,.2), 0px 17px 26px 2px rgba(0,0,0,.14), 0px 6px 32px 5px rgba(0,0,0,.12); }
.fod-drawer--elevation-18[b-imdmjvjjec] { box-shadow: 0px 9px 11px -5px rgba(0,0,0,.2), 0px 18px 28px 2px rgba(0,0,0,.14), 0px 7px 34px 6px rgba(0,0,0,.12); }
.fod-drawer--elevation-19[b-imdmjvjjec] { box-shadow: 0px 9px 12px -6px rgba(0,0,0,.2), 0px 19px 29px 2px rgba(0,0,0,.14), 0px 7px 36px 6px rgba(0,0,0,.12); }
.fod-drawer--elevation-20[b-imdmjvjjec] { box-shadow: 0px 10px 13px -6px rgba(0,0,0,.2), 0px 20px 31px 3px rgba(0,0,0,.14), 0px 8px 38px 7px rgba(0,0,0,.12); }
.fod-drawer--elevation-21[b-imdmjvjjec] { box-shadow: 0px 10px 13px -6px rgba(0,0,0,.2), 0px 21px 33px 3px rgba(0,0,0,.14), 0px 8px 40px 7px rgba(0,0,0,.12); }
.fod-drawer--elevation-22[b-imdmjvjjec] { box-shadow: 0px 10px 14px -6px rgba(0,0,0,.2), 0px 22px 35px 3px rgba(0,0,0,.14), 0px 8px 42px 7px rgba(0,0,0,.12); }
.fod-drawer--elevation-23[b-imdmjvjjec] { box-shadow: 0px 11px 14px -7px rgba(0,0,0,.2), 0px 23px 36px 3px rgba(0,0,0,.14), 0px 9px 44px 8px rgba(0,0,0,.12); }
.fod-drawer--elevation-24[b-imdmjvjjec] { box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12); }
.fod-drawer--elevation-25[b-imdmjvjjec] { box-shadow: 0px 12px 17px -7px rgba(0,0,0,.2), 0px 25px 40px 3px rgba(0,0,0,.14), 0px 10px 48px 8px rgba(0,0,0,.12); }
/* _content/Egov.Fod.UIComponents/Components/Drawer/FodDrawerContainer.razor.rz.scp.css */
.fod-drawer-container[b-0hwjfchkj4] {
    display: flex;
    position: relative;
    gap: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fod-drawer-container > .fod-drawer-root[b-0hwjfchkj4] {
    position: relative;
    flex-shrink: 0;
    height: 100%;
    pointer-events: auto;
    transition: width 250ms cubic-bezier(0.22, 1, 0.36, 1);
}

.fod-drawer-container > .fod-drawer-content-wrapper[b-0hwjfchkj4] {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    flex-grow: 1;
}
/* _content/Egov.Fod.UIComponents/Components/Drawer/FodDrawerContent.razor.rz.scp.css */
.fod-drawer-content-wrapper[b-q7et6nyd3s] {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex-grow: 1;
}
/* _content/Egov.Fod.UIComponents/Components/Faq/FodFaq.razor.rz.scp.css */
/* #region Section - Two Column Layout */

.fod-faq-section[b-ydm76zzrx2] {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: var(--spacing-48, 48px);
    background: var(--color-background-base-default, #fff);
    padding: var(--spacing-48, 48px);
    border-radius: var(--border-radius-12, 12px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.fod-faq-section__header[b-ydm76zzrx2] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16, 16px);
}

.fod-faq-section__title[b-ydm76zzrx2] {
    font-size: var(--text-heading-h1-lg-font-size, 40px);
    font-weight: var(--font-weight-semibold, 600);
    line-height: 1.2;
    color: var(--color-text-base-default, #1a1a1a);
    letter-spacing: -0.02em;
    margin: 0;
}

.fod-faq-section__subtitle[b-ydm76zzrx2] {
    font-size: var(--text-body-lg-font-size, 16px);
    font-weight: var(--text-body-lg-font-weight, 400);
    line-height: var(--text-body-lg-line-height, 150%);
    color: var(--color-text-base-secondary, #374151);
    max-width: 380px;
    margin: 0;
}

/* #endregion */

/* #region FAQ Container */

.fod-faq[b-ydm76zzrx2] {
    display: flex;
    flex-direction: column;
}

.fod-faq__search[b-ydm76zzrx2] {
    margin-bottom: var(--spacing-24, 24px);
}

/* #endregion */

/* #region Skeleton States */

.fod-skeleton[b-ydm76zzrx2] {
    background: linear-gradient(
        90deg,
        var(--gray-200, #e5e7eb) 25%,
        var(--gray-100, #f3f4f6) 50%,
        var(--gray-200, #e5e7eb) 75%
    );
    background-size: 200% 100%;
    animation: skeleton-pulse-b-ydm76zzrx2 1.5s ease-in-out infinite;
    border-radius: 4px;
}

@keyframes skeleton-pulse-b-ydm76zzrx2 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.fod-skeleton--title-large[b-ydm76zzrx2] {
    height: 48px;
    width: 280px;
    margin-bottom: var(--spacing-8, 8px);
}

.fod-skeleton--subtitle[b-ydm76zzrx2] {
    height: 48px;
    width: 320px;
}

.fod-skeleton--title[b-ydm76zzrx2] {
    height: 24px;
    width: 85%;
}

.fod-skeleton--short[b-ydm76zzrx2] {
    width: 55%;
}

.fod-skeleton--medium[b-ydm76zzrx2] {
    width: 70%;
}

.fod-skeleton--icon[b-ydm76zzrx2] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

[b-ydm76zzrx2] .fod-accordion-item--skeleton .fod-accordion-item__header {
    cursor: default;
    pointer-events: none;
}

/* #endregion */

/* #region Empty State */

.fod-empty[b-ydm76zzrx2] {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-48, 48px) var(--spacing-24, 24px);
}

.fod-empty__text[b-ydm76zzrx2] {
    font-size: var(--text-body-lg-font-size, 18px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-text-base-default, #1a1a1a);
    margin: 0 0 var(--spacing-8, 8px);
}

.fod-empty__subtext[b-ydm76zzrx2] {
    font-size: var(--text-body-sm-font-size, 14px);
    color: var(--color-text-base-tertiary, #6b7280);
    margin: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 900px) {
    .fod-faq-section[b-ydm76zzrx2] {
        grid-template-columns: 1fr;
        gap: var(--spacing-32, 32px);
        padding: var(--spacing-32, 32px);
    }

    .fod-faq-section__title[b-ydm76zzrx2] {
        font-size: var(--text-heading-h2-md-font-size, 32px);
    }
}

@media (max-width: 640px) {
    .fod-faq-section[b-ydm76zzrx2] {
        padding: var(--spacing-24, 24px);
    }

    .fod-faq-section__title[b-ydm76zzrx2] {
        font-size: var(--text-heading-h3-sm-font-size, 28px);
    }
}

/* #endregion */

/* #region Reduced Motion */

@media (prefers-reduced-motion: reduce) {
    .fod-skeleton[b-ydm76zzrx2] {
        animation: none;
        background: var(--gray-200, #e5e7eb);
    }
}

/* #endregion */
/* _content/Egov.Fod.UIComponents/Components/Footer/FodFooter.razor.rz.scp.css */
/*#region Base Styles*/

.fod-footer[b-jnxftt4qqe] {
    background-color: var(--fod-footer-bg);
    color: var(--color-text-base-primary, #212529);
    /*padding-inline: var(--fod-footer-pad-x);*/
    padding-block-start: var(--fod-footer-pad-y-top);
    padding-block-end: var(--fod-footer-pad-y-bottom);
    box-sizing: border-box;
    width: 100%;
    border-radius: 0;

    display: flex;
    align-items: center;
    flex-direction: column;
}

.fod-footer__brand-section[b-jnxftt4qqe] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    block-size: 100%;
}

.fod-footer__branding[b-jnxftt4qqe] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
}

.fod-footer__contact[b-jnxftt4qqe] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
    font-size: var(--text-body-sm-font-size, 14px);
}

.fod-footer__contact a[b-jnxftt4qqe] {
    color: var(--fod-footer-link);
    text-decoration: none;
    transition: color 0.2s ease;
}

.fod-footer__contact a:hover[b-jnxftt4qqe] {
    color: var(--fod-footer-link-hover);
}

.fod-footer__contact a:focus-visible[b-jnxftt4qqe] {
    outline: 2px solid var(--color-border-focus, #0d6efd);
    outline-offset: 2px;
    border-radius: 2px;
}

/*#endregion Base Styles*/

/*#region Extended Variant*/

.fod-footer__main[b-jnxftt4qqe] {
    margin-inline: auto;
}

/* Column layout of the three main sections. It reproduces the former 12-column FodGrid / FodItem
   footer exactly, including its own breakpoints (768 / 992 / 1280px, not the FodGrid ones):
     below 768px    12 | 12 | 12   (stacked)
     768px and up    6 |  6 | 12
     992px and up    4 |  4 |  4
     1280px and up   3 |  6 |  3
   Gutters are 24px (12px padding per column, cancelled at the edges by the negative margin). */
.fod-footer__grid[b-jnxftt4qqe] {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--spacing-32, 32px);
    margin-inline: calc(-1 * var(--spacing-12, 12px));
}

.fod-footer__col[b-jnxftt4qqe] {
    box-sizing: border-box;
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
    padding-inline: var(--spacing-12, 12px);
}

@media (min-width: 768px) {
    .fod-footer__col--brand[b-jnxftt4qqe],
    .fod-footer__col--links[b-jnxftt4qqe] {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .fod-footer__col--brand[b-jnxftt4qqe],
    .fod-footer__col--links[b-jnxftt4qqe],
    .fod-footer__col--info[b-jnxftt4qqe] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
    }
}

@media (min-width: 1280px) {
    .fod-footer__col--brand[b-jnxftt4qqe],
    .fod-footer__col--info[b-jnxftt4qqe] {
        flex-basis: 25%;
        max-width: 25%;
    }

    .fod-footer__col--links[b-jnxftt4qqe] {
        flex-basis: 50%;
        max-width: 50%;
    }
}

.fod-footer__divider-row[b-jnxftt4qqe] {
    margin-inline: auto;
}

/*#endregion Extended Variant*/

/*#region Navigation*/

.fod-footer__nav[b-jnxftt4qqe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--fod-footer-gap);
    row-gap: var(--spacing-24, 24px);
}

@media (max-width: 767px) {
    .fod-footer__nav[b-jnxftt4qqe] {
        grid-template-columns: 1fr;
    }
}

.fod-footer__nav--minimal[b-jnxftt4qqe] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-16, 16px);
    justify-content: center;
}

/*#endregion Navigation*/

/*#region Info Section*/

.fod-footer__info-section[b-jnxftt4qqe] {
    display: flex;
    flex-direction: column;
    gap: var(--fod-footer-section-gap);
    align-items: flex-start;
}

.fod-footer__payments[b-jnxftt4qqe],
.fod-footer__badges[b-jnxftt4qqe] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-12, 12px);
    align-items: center;
}

.fod-footer__badges img[b-jnxftt4qqe] {
    max-height: 40px;
    width: auto;
}

/*#endregion Info Section*/

/*#region Bottom Row (Partners + Social)*/

.fod-footer__bottom-row[b-jnxftt4qqe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-24, 24px);
    margin-inline: auto;
}

.fod-footer__partners[b-jnxftt4qqe] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-16, 16px);
    align-items: center;
}

.fod-footer__partners img[b-jnxftt4qqe] {
    max-height: 40px;
    width: auto;
}

.fod-footer__social[b-jnxftt4qqe] {
    display: flex;
    gap: var(--spacing-16, 16px);
    align-items: center;
}

/*#endregion Bottom Row (Partners + Social)*/

/*#region Legal Bar*/

.fod-footer__legal-wrapper[b-jnxftt4qqe] {
    background-color: var(--color-bg-base-inverse, #212529);
    margin-inline: calc(-1 * var(--fod-footer-pad-x));
    margin-block-end: calc(-1 * var(--fod-footer-pad-y-bottom));
    padding-inline: var(--fod-footer-pad-x);
    border-radius: 0;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .fod-footer__legal-wrapper[b-jnxftt4qqe] {
        margin-inline: calc(-1 * var(--spacing-24, 24px));
        padding-inline: var(--spacing-24, 24px);
    }
}

.fod-footer__legal[b-jnxftt4qqe] {
    padding-block: var(--spacing-12, 12px);
    margin-inline: auto;
}

.fod-footer__legal-wrapper[b-jnxftt4qqe]  .fod-legal-bar,
.fod-footer__legal-wrapper[b-jnxftt4qqe]  .fod-legal-bar__copyright,
.fod-footer__legal-wrapper[b-jnxftt4qqe]  .fod-legal-bar__link {
    color: #ffffff !important;
}

.fod-footer__legal-wrapper[b-jnxftt4qqe]  .fod-legal-bar__link {
    text-decoration: underline;
}

.fod-footer__legal-wrapper[b-jnxftt4qqe]  .fod-legal-bar__link:hover {
    color: var(--color-text-base-secondary-inverse, #adb5bd);
}

/*#endregion Legal Bar*/

/*#region Variant: Compact*/

.fod-footer__compact-top[b-jnxftt4qqe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-24, 24px);
    padding-block-end: var(--spacing-24, 24px);
    margin-inline: auto;
}

.fod-footer--compact .fod-footer__nav--compact[b-jnxftt4qqe] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-32, 32px);
    flex: 1;
    justify-content: center;
}

.fod-footer--compact .fod-footer__payments[b-jnxftt4qqe] {
    flex-shrink: 0;
}

.fod-footer__compact-link[b-jnxftt4qqe] {
    color: var(--black, #000000);
    font-size: var(--text-body-md-font-size, 16px);
    line-height: var(--spacing-24, 24px);
    text-decoration: none;
    transition: all 0.35s ease;
}

.fod-footer__compact-link:hover[b-jnxftt4qqe] {
    color: var(--blue-sky-600, #0d6efd);
    text-decoration: underline;
}

.fod-footer--compact .fod-footer__contact--compact[b-jnxftt4qqe],
.fod-footer--compact .fod-footer__badges--compact[b-jnxftt4qqe] {
    display: none;
}

.fod-footer--compact .fod-footer__bottom-row[b-jnxftt4qqe] {
    padding-block: var(--spacing-24, 24px);
}

/*#region Compact Mobile*/

@media (max-width: 767.98px) {
    .fod-footer__compact-top[b-jnxftt4qqe] {
        flex-direction: column;
        align-items: flex-start;
    }

    .fod-footer--compact .fod-footer__nav--compact[b-jnxftt4qqe] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-16, 16px);
    }

    .fod-footer--compact .fod-footer__contact--compact[b-jnxftt4qqe],
    .fod-footer--compact .fod-footer__badges--compact[b-jnxftt4qqe] {
        display: block;
        padding-block: var(--spacing-16, 16px) 0;
    }

    .fod-footer--compact .fod-footer__bottom-row[b-jnxftt4qqe] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-24, 24px);
    }

    .fod-footer--compact .fod-footer__social[b-jnxftt4qqe] {
        justify-content: flex-start;
    }
}

/*#endregion Compact Mobile*/

/*#endregion Variant: Compact*/

/*#region Variant: Slim*/

.fod-footer--slim[b-jnxftt4qqe] {
    padding-block-start: var(--spacing-0, 0);
}

.fod-footer__slim-content[b-jnxftt4qqe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-24, 24px);
    padding-block: var(--spacing-32, 32px);
    margin-inline: auto;
}

@media (max-width: 767.98px) {

    .fod-footer-link-columns__content[b-jnxftt4qqe]{
            row-gap: var(--spacing-24, 24px);

    }
    .fod-footer__slim-content[b-jnxftt4qqe] {
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-24, 24px);
    }

    .fod-footer--slim .fod-footer__partners[b-jnxftt4qqe] {
        justify-content: center;
    }

    .fod-footer--slim .fod-footer__social[b-jnxftt4qqe] {
        justify-content: center;
    }
}

/*#endregion Variant: Slim*/

/*#region Dark Theme*/

[data-theme=dark] .fod-footer[b-jnxftt4qqe] {
    --fod-footer-bg: var(--color-bg-base-secondary, #1a1a2e);
    --fod-footer-text: var(--color-text-base-primary, #f8f9fa);
    --fod-footer-text-secondary: var(--color-text-base-secondary, #adb5bd);
    --fod-footer-border: var(--color-border-base-default, #495057);
    --fod-footer-link: var(--color-text-base-primary, #f8f9fa);
    --fod-footer-link-hover: var(--color-text-primary-default, #6ea8fe);
}

/*#endregion Dark Theme*/

/* _content/Egov.Fod.UIComponents/Components/Footer/FodFooterBrand.razor.rz.scp.css */
/*#region Base Styles*/

.fod-footer-brand[b-rla0xzco29] {
    display: flex;
    gap: var(--spacing-12, 12px);
}

.fod-footer-brand__logo[b-rla0xzco29] {
    padding-top: var(--spacing-8);
    padding-block-end: var(--spacing-20, 20px);
    inline-size: auto;
    width: 40px;
}

.fod-footer-brand__text[b-rla0xzco29] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2, 2px);
}

.fod-footer-brand__title[b-rla0xzco29] {
    font-weight: 600;
    font-size: var(--text-body-lg-500-font-size, 18px);
    color: var(--black, #000000);
}

.fod-footer-brand__subtitle[b-rla0xzco29] {
    margin: 0;
    font-size: var(--text-caption-sm-font-size, 10px);
    color: var(--gray-700, #495057);
    line-height: var(--spacing-16, 16px);
}

/*#endregion Base Styles*/

/*#region Dark Theme*/

[data-theme=dark] .fod-footer-brand__title[b-rla0xzco29] {
    color: var(--color-text-base-primary, #f8f9fa);
}

[data-theme=dark] .fod-footer-brand__subtitle[b-rla0xzco29] {
    color: var(--color-text-base-secondary, #adb5bd);
}

/*#endregion Dark Theme*/
/* _content/Egov.Fod.UIComponents/Components/Footer/FodFooterLinkColumns.razor.rz.scp.css */
/*#region Base Styles*/

.fod-footer-link-columns[b-lu1sfmc2fm] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24, 24px);
}

.fod-footer-link-columns__content[b-lu1sfmc2fm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--spacing-32, 32px);
    row-gap: var(--spacing-32, 32px);
}

.fod-footer-link-columns__live-region[b-lu1sfmc2fm] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*#endregion Base Styles*/

/*#region Pagination Controls*/

.fod-footer-link-columns__pagination[b-lu1sfmc2fm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-16, 16px);
    margin-block-start: var(--spacing-16, 16px);
}

.fod-footer-link-columns__nav-btn[b-lu1sfmc2fm] {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 36px;
    block-size: 36px;
    padding: 0;
    background-color: transparent;
    border: 1px solid var(--color-border-base-default, #dee2e6);
    border-radius: var(--radius-md, 6px);
    color: var(--color-text-base-default, #212529);
    cursor: pointer;
    transition: all 0.2s ease;
}

.fod-footer-link-columns__nav-btn:hover:not(:disabled)[b-lu1sfmc2fm] {
    background-color: var(--color-surface-base-hover, #f8f9fa);
    border-color: var(--color-border-base-hover, #adb5bd);
}

.fod-footer-link-columns__nav-btn:focus-visible[b-lu1sfmc2fm] {
    outline: 2px solid var(--color-focus, #0d6efd);
    outline-offset: 2px;
}

.fod-footer-link-columns__nav-btn:disabled[b-lu1sfmc2fm] {
    opacity: 0.5;
    cursor: not-allowed;
}

.fod-footer-link-columns__page-indicators[b-lu1sfmc2fm] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
}

.fod-footer-link-columns__page-dot[b-lu1sfmc2fm] {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 12px;
    block-size: 12px;
    padding: 0;
    background-color: var(--color-border-base-default, #dee2e6);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.fod-footer-link-columns__page-dot:hover:not(.fod-footer-link-columns__page-dot--active)[b-lu1sfmc2fm] {
    background-color: var(--color-border-base-hover, #adb5bd);
}

.fod-footer-link-columns__page-dot:focus-visible[b-lu1sfmc2fm] {
    outline: 2px solid var(--color-focus, #0d6efd);
    outline-offset: 2px;
}

.fod-footer-link-columns__page-dot--active[b-lu1sfmc2fm] {
    background-color: var(--color-primary, #0d6efd);
}

.fod-footer-link-columns__page-dot .visually-hidden[b-lu1sfmc2fm] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*#endregion Pagination Controls*/

/*#region Responsive Styles*/

@media (max-width: 767px) {
    .fod-footer-link-columns__content[b-lu1sfmc2fm] {
        grid-template-columns: 1fr;
        gap: 0;
        row-gap: var(--spacing-24, 24px);
    }

    .fod-footer-link-columns__pagination[b-lu1sfmc2fm] {
        gap: var(--spacing-12, 12px);
    }

    .fod-footer-link-columns__nav-btn[b-lu1sfmc2fm] {
        inline-size: 44px;
        block-size: 44px;
    }

    .fod-footer-link-columns__page-dot[b-lu1sfmc2fm] {
        inline-size: 10px;
        block-size: 10px;
    }
}

/*#endregion Responsive Styles*/

/*#region Dark Theme*/

[data-theme=dark] .fod-footer-link-columns__nav-btn[b-lu1sfmc2fm] {
    border-color: var(--color-border-base-default-dark, #495057);
    color: var(--white, #ffffff);
}

[data-theme=dark] .fod-footer-link-columns__nav-btn:hover:not(:disabled)[b-lu1sfmc2fm] {
    background-color: var(--color-surface-base-hover-dark, rgba(255, 255, 255, 0.08));
    border-color: var(--color-border-base-hover-dark, #6c757d);
}

[data-theme=dark] .fod-footer-link-columns__page-dot[b-lu1sfmc2fm] {
    background-color: var(--color-border-base-default-dark, #495057);
}

[data-theme=dark] .fod-footer-link-columns__page-dot:hover:not(.fod-footer-link-columns__page-dot--active)[b-lu1sfmc2fm] {
    background-color: var(--color-border-base-hover-dark, #6c757d);
}

[data-theme=dark] .fod-footer-link-columns__page-dot--active[b-lu1sfmc2fm] {
    background-color: var(--color-primary-dark, #6ea8fe);
}

/*#endregion Dark Theme*/
/* _content/Egov.Fod.UIComponents/Components/Footer/FodFooterLinkGroup.razor.rz.scp.css */
/*#region Base Styles*/

.fod-footer-link-group[b-6vfeh0oq1c] {
    display: flex;
    flex-direction: column;
}

.fod-footer-link-group__heading[b-6vfeh0oq1c] {
    margin: 0;
    margin-block-end: var(--spacing-16, 16px);
    font-weight: 500;
    font-size: var(--text-body-lg-500-font-size, 18px);
    line-height: var(--spacing-28, 28px);
    color: var(--black, #000000);
}

.fod-footer-link-group__list[b-6vfeh0oq1c] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16, 16px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.fod-footer-link-group__item[b-6vfeh0oq1c] {
    margin: 0;
    padding: 0;
}

.fod-footer-link-group__link[b-6vfeh0oq1c] {
    display: inline-block;
    color: var(--black, #000000);
    font-size: var(--text-body-md-font-size, 16px);
    line-height: var(--spacing-24, 24px);
    text-decoration: none;
    transition: all 0.35s ease;
}

.fod-footer-link-group__link:hover[b-6vfeh0oq1c] {
    color: var(--blue-sky-600, #0d6efd);
    text-decoration: underline;
}

.fod-footer-link-group__link:focus-visible[b-6vfeh0oq1c] {
    outline: 2px solid var(--color-focus, #0d6efd);
    outline-offset: 2px;
    border-radius: 2px;
}

/*#endregion Base Styles*/

/*#region Accordion Toggle*/

.fod-footer-link-group__toggle[b-6vfeh0oq1c] {
    display: none;
    align-items: center;
    justify-content: space-between;
    inline-size: 100%;
    padding: var(--spacing-12, 12px) 0;
    margin: 0;
    background: transparent;
    border: none;
    border-block-end: 1px solid var(--color-border-base-default, #dee2e6);
    cursor: pointer;
    text-align: start;
    transition: all 0.2s ease;
}

.fod-footer-link-group__toggle:hover[b-6vfeh0oq1c] {
    background-color: var(--color-surface-base-hover, rgba(0, 0, 0, 0.04));
}

.fod-footer-link-group__toggle:focus-visible[b-6vfeh0oq1c] {
    outline: 2px solid var(--color-focus, #0d6efd);
    outline-offset: 2px;
    border-radius: 2px;
}

.fod-footer-link-group__toggle .fod-footer-link-group__heading[b-6vfeh0oq1c] {
    margin-block-end: 0;
}

.fod-footer-link-group__icon[b-6vfeh0oq1c] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.fod-footer-link-group--expanded .fod-footer-link-group__icon[b-6vfeh0oq1c] {
    transform: rotate(180deg);
}

/*#endregion Accordion Toggle*/

/*#region Collapsible Mobile Styles*/

@media (max-width: 767px) {

    .fod-footer-link-group--collapsible .fod-footer-link-group__toggle[b-6vfeh0oq1c] {
        display: flex;
    }

    .fod-footer-link-group--collapsible .fod-footer-link-group__heading--desktop[b-6vfeh0oq1c] {
        display: none;
    }

    .fod-footer-link-group--collapsible .fod-footer-link-group__list[b-6vfeh0oq1c] {
        overflow: hidden;
        max-block-size: 0;
        padding-block-start: 0;
        opacity: 0;
        transition: max-block-size 0.3s ease, opacity 0.2s ease, padding 0.2s ease;
    }

    .fod-footer-link-group--collapsible.fod-footer-link-group--expanded .fod-footer-link-group__list[b-6vfeh0oq1c] {
        max-block-size: 500px;
        padding-block-start: var(--spacing-16, 16px);
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .fod-footer-link-group--collapsible .fod-footer-link-group__toggle[b-6vfeh0oq1c] {
        display: none;
    }

    .fod-footer-link-group--collapsible .fod-footer-link-group__heading--desktop[b-6vfeh0oq1c] {
        display: block;
        margin-block-end: var(--spacing-16, 16px);
    }

    .fod-footer-link-group--collapsible .fod-footer-link-group__list[b-6vfeh0oq1c] {
        max-block-size: none;
        opacity: 1;
    }
}

/*#endregion Collapsible Mobile Styles*/

/*#region Compact Variant*/

.fod-footer-link-group--compact[b-6vfeh0oq1c] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-32, 32px);
}

.fod-footer-link-group--compact .fod-footer-link-group__list[b-6vfeh0oq1c] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-32, 32px);
}

@media (max-width: 767px) {
    .fod-footer-link-group--compact[b-6vfeh0oq1c] {
        flex-direction: column;
        align-items: flex-start;
    }

    .fod-footer-link-group--compact .fod-footer-link-group__list[b-6vfeh0oq1c] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-16, 16px);
    }
}

/*#endregion Compact Variant*/

/*#region Dark Theme*/

[data-theme=dark] .fod-footer-link-group__heading[b-6vfeh0oq1c] {
    color: var(--white, #ffffff);
}

[data-theme=dark] .fod-footer-link-group__link[b-6vfeh0oq1c] {
    color: var(--white, #ffffff);
}

[data-theme=dark] .fod-footer-link-group__link:hover[b-6vfeh0oq1c] {
    color: var(--blue-sky-400, #6ea8fe);
}

[data-theme=dark] .fod-footer-link-group__toggle[b-6vfeh0oq1c] {
    border-color: var(--color-border-base-default-dark, #495057);
}

[data-theme=dark] .fod-footer-link-group__toggle:hover[b-6vfeh0oq1c] {
    background-color: var(--color-surface-base-hover-dark, rgba(255, 255, 255, 0.08));
}

[data-theme=dark] .fod-footer-link-group__icon[b-6vfeh0oq1c] {
    color: var(--white, #ffffff);
}

/*#endregion Dark Theme*/
/* _content/Egov.Fod.UIComponents/Components/Footer/FodFooterSection.razor.rz.scp.css */
/* _content/Egov.Fod.UIComponents/Components/Footer/FodLegalBar.razor.rz.scp.css */
/*#region Base Styles*/

.fod-legal-bar[b-gh6nwhmnfq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-16, 16px);
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-base-secondary, #6c757d);
}

.fod-legal-bar__copyright[b-gh6nwhmnfq] {
    flex-shrink: 0;
}

.fod-legal-bar__links[b-gh6nwhmnfq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-8, 8px) var(--spacing-24, 24px);
}

.fod-legal-bar__link[b-gh6nwhmnfq] {
    color: var(--color-text-base-secondary, #6c757d);
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}

.fod-legal-bar__link:hover[b-gh6nwhmnfq] {
    color: var(--color-text-base-primary, #212529);
    text-decoration: underline;
}

.fod-legal-bar__link:focus-visible[b-gh6nwhmnfq] {
    outline: 2px solid var(--color-focus, #0d6efd);
    outline-offset: 2px;
    border-radius: 2px;
}

/*#endregion Base Styles*/

/*#region Inverse Variant*/

.fod-legal-bar--inverse[b-gh6nwhmnfq] {
    color: var(--white, #ffffff);
}

.fod-legal-bar--inverse .fod-legal-bar__link[b-gh6nwhmnfq] {
    color: var(--white, #ffffff);
    text-decoration: underline;
}

.fod-legal-bar--inverse .fod-legal-bar__link:hover[b-gh6nwhmnfq] {
    color: var(--white, #ffffff);
    text-decoration: none;
}

/*#endregion Inverse Variant*/

/*#region Dark Theme*/

[data-theme=dark] .fod-legal-bar[b-gh6nwhmnfq] {
    color: var(--color-text-base-secondary, #adb5bd);
}

[data-theme=dark] .fod-legal-bar__link[b-gh6nwhmnfq] {
    color: var(--color-text-base-secondary, #adb5bd);
}

[data-theme=dark] .fod-legal-bar__link:hover[b-gh6nwhmnfq] {
    color: var(--color-text-base-primary, #f8f9fa);
}

/*#endregion Dark Theme*/

/*#region Responsive*/

@media (max-width: 575.98px) {
    .fod-legal-bar[b-gh6nwhmnfq] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-12, 12px);
    }

    .fod-legal-bar__links[b-gh6nwhmnfq] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-8, 8px);
    }
}

/*#endregion Responsive*/
/* _content/Egov.Fod.UIComponents/Components/Footer/FodPaymentMethods.razor.rz.scp.css */
/*#region Base Styles*/

.fod-payment-methods[b-4a1b0lcxhr] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.fod-payment-methods__title[b-4a1b0lcxhr] {
    font-weight: var(--font-weight-500, 600);
    font-size: var(--font-size-lg, 1.125rem);
    color: var(--color-text-base-primary, #212529);
}

.fod-payment-methods__icons[b-4a1b0lcxhr] {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: var(--spacing-12, 12px);
}

.fod-payment-methods__icon[b-4a1b0lcxhr] {
    flex-shrink: 0;
    inline-size: auto;
}

/*#endregion Base Styles*/

/*#region Dark Theme*/

[data-theme=dark] .fod-payment-methods__title[b-4a1b0lcxhr] {
    color: var(--color-text-base-primary, #f8f9fa);
}

/*#endregion Dark Theme*/
/* _content/Egov.Fod.UIComponents/Components/Forms/FodForm.razor.rz.scp.css */
/*#region Base Styles */

.fod-form[b-ykoqsyffcr] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
    width: 100%;
}

/*#endregion Base Styles */

/*#region Content Area */

.fod-form__content[b-ykoqsyffcr] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
}

/*#endregion Content Area */

/*#region Error Summary */

.fod-form__errors[b-ykoqsyffcr] {
    margin-bottom: var(--spacing-12);
}

.fod-form__errors--bottom[b-ykoqsyffcr] {
    margin-bottom: 0;
    margin-top: var(--spacing-12);
}

.fod-form__errors-list[b-ykoqsyffcr] {
    margin: var(--spacing-8) 0 0 0;
    padding-left: var(--spacing-16);
    list-style-type: disc;
}

.fod-form__errors-list li[b-ykoqsyffcr] {
    margin-bottom: var(--spacing-4);
    font-size: var(--text-body-sm-font-size);
    line-height: var(--text-body-sm-line-height);
}

.fod-form__errors-list li:last-child[b-ykoqsyffcr] {
    margin-bottom: 0;
}

.fod-form__errors-list a[b-ykoqsyffcr] {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.fod-form__errors-list a:hover[b-ykoqsyffcr] {
    text-decoration-thickness: 2px;
}

.fod-form__errors-list a:focus[b-ykoqsyffcr] {
    outline: 2px solid var(--color-border-brand-default);
    outline-offset: 2px;
    border-radius: 2px;
}

/*#endregion Error Summary */

/*#region Actions Area */

.fod-form__actions[b-ykoqsyffcr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-8);
    justify-content: flex-end;
    align-items: center;
    margin-top: var(--spacing-16);
    padding-top: var(--spacing-16);
    border-top: 1px solid var(--color-border-base-secondary);
}

/*#endregion Actions Area */

/*#region Loading Overlay */

.fod-form__loading-overlay[b-ykoqsyffcr] {
    position: absolute;
    inset: 0;
    background-color: var(--white-500-alpha, rgba(255, 255, 255, 0.6));
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: inherit;
}

.fod-form__loading-spinner[b-ykoqsyffcr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-8);
}

.fod-form__spinner[b-ykoqsyffcr] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--color-border-base-secondary);
    border-top-color: var(--color-border-brand-default);
    border-radius: 50%;
    animation: fod-form-spin-b-ykoqsyffcr 0.8s linear infinite;
}

.fod-form__loading-text[b-ykoqsyffcr] {
    font-size: var(--text-body-sm-font-size);
    line-height: var(--text-body-sm-line-height);
    font-weight: var(--text-body-sm-500-font-weight);
    color: var(--color-text-base-secondary);
}

@keyframes fod-form-spin-b-ykoqsyffcr {
    to {
        transform: rotate(360deg);
    }
}

/*#endregion Loading Overlay */

/*#region State Modifiers */

.fod-form--loading[b-ykoqsyffcr] {
    pointer-events: none;
}

.fod-form--disabled[b-ykoqsyffcr] {
    opacity: 0.6;
    pointer-events: none;
}

.fod-form--disabled .fod-form__loading-overlay[b-ykoqsyffcr] {
    display: none;
}

.fod-form--readonly[b-ykoqsyffcr] {
    /* Read-only state styling */
}

.fod-form--invalid[b-ykoqsyffcr] {
    /* Invalid form state styling - can be used for visual feedback */
}

/*#endregion State Modifiers */

/*#region Dark Theme */

[data-theme=dark] .fod-form__loading-overlay[b-ykoqsyffcr] {
    background-color: var(--black-500-alpha, rgba(18, 18, 18, 0.6));
}

[data-theme=dark] .fod-form__actions[b-ykoqsyffcr] {
    border-top-color: var(--color-border-base-secondary);
}

/*#endregion Dark Theme */

/*#region Accessibility */

/* High Contrast Mode */
@media (forced-colors: active) {
    .fod-form__spinner[b-ykoqsyffcr] {
        border-color: CanvasText;
        border-top-color: Highlight;
    }

    .fod-form__loading-overlay[b-ykoqsyffcr] {
        background-color: Canvas;
    }

    .fod-form__errors-list a:focus[b-ykoqsyffcr] {
        outline-color: Highlight;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .fod-form__spinner[b-ykoqsyffcr] {
        animation-duration: 1.5s;
    }
}

/*#endregion Accessibility */

/*#region Responsive */

@media (max-width: 640px) {
    .fod-form__actions[b-ykoqsyffcr] {
        flex-direction: column;
        align-items: stretch;
    }

    .fod-form__actions > *[b-ykoqsyffcr] {
        width: 100%;
    }
}

/*#endregion Responsive */
/* _content/Egov.Fod.UIComponents/Components/Header/Brand/FodHeaderBrand.razor.rz.scp.css */
/* #region Base */

.fod-header-brand[b-jj3ntwwt8w] {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
    text-decoration: none;
    flex-shrink: 0;
}

.fod-header-brand:focus[b-jj3ntwwt8w],
.fod-header-brand__logo-link:focus-visible[b-jj3ntwwt8w],
.fod-header-brand__details-link:focus-visible[b-jj3ntwwt8w] {
    outline: 2px solid var(--white, #fff);
    outline-offset: 0;
    box-shadow: 0 0 0 4px var(--focus-ring, var(--blue-sky-500, #3379DB));
    border-radius: var(--border-radius-8, 8px);
}

/* The root is a <div> when logos carry their own links, so the inner anchors must not
   inherit link styling and must keep the percentage-height chain intact for the images. */
.fod-header-brand__details-link[b-jj3ntwwt8w] {
    text-decoration: none;
    color: inherit;
}

/* #endregion */

/* #region Logo */

.fod-header-brand__logo[b-jj3ntwwt8w] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    height: 52px;
    width: auto;
    flex: 0 0 auto;
}

.fod-header-brand__logo-item[b-jj3ntwwt8w] {
    display: flex;
    align-items: center;
    height: 52px;
}

/* Owns the height chain the <img> resolves `height: 100%` against. Must stay scoped here —
   relying on a global utility class (.h-100) leaves the chain unresolved and the image
   falls back to its intrinsic size. */
.fod-header-brand__logo-link[b-jj3ntwwt8w] {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
}

.fod-header-brand__logo-item img[b-jj3ntwwt8w],
.fod-header-brand__logo-item svg[b-jj3ntwwt8w],
.fod-header-brand__logo-item[b-jj3ntwwt8w]  img,
.fod-header-brand__logo-item[b-jj3ntwwt8w]  svg {
    display: block;
    width: auto !important;
    height: 100% !important;
    max-height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: left center;
    border-radius: 0.5px;
}

/* #endregion */

/* #region Details */

.fod-header-brand__details[b-jj3ntwwt8w] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2, 2px);
}

.fod-header-brand__name[b-jj3ntwwt8w] {
    font-weight: 600;
    font-size: var(--text-heading-h5-2xs-font-size, 18px);
    color: var(--color-text-base-default, var(--black, #121212));
    line-height: var(--spacing-26, 26px);
    letter-spacing: -0.18px;
}

.fod-header-brand__description[b-jj3ntwwt8w] {
    color: var(--color-text-base-secondary, var(--gray-700, #383838));
    font-size: var(--text-caption-sm-font-size, 10px);
    line-height: var(--spacing-12, 12px);
    white-space: pre-line;
}

/* #endregion */

/* #region Compact Variant */

.fod-header-brand--compact .fod-header-brand__details[b-jj3ntwwt8w] {
    display: none;
}

.fod-header-brand--compact .fod-header-brand__logo[b-jj3ntwwt8w] {
    height: 52px;
    width: auto;
    flex: 0 0 auto;
}

.fod-header-brand--compact .fod-header-brand__logo-item[b-jj3ntwwt8w] {
    height: 52px;
}

.fod-header-brand--compact .fod-header-brand__logo-item img[b-jj3ntwwt8w],
.fod-header-brand--compact .fod-header-brand__logo-item svg[b-jj3ntwwt8w],
.fod-header-brand--compact .fod-header-brand__logo-item[b-jj3ntwwt8w]  img,
.fod-header-brand--compact .fod-header-brand__logo-item[b-jj3ntwwt8w]  svg {
    width: auto !important;
    height: 100% !important;
    max-height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: left center;
}

/* #endregion */

/* #region Responsive */

@media (min-width: 576px) {
    .fod-header-brand__details[b-jj3ntwwt8w] {
        display: flex;
    }
}

@media (min-width: 1280px) {
    .fod-header-brand[b-jj3ntwwt8w] {
        min-width: 165px;
        gap: var(--spacing-12, 12px);
    }
}

/* #endregion */
/* _content/Egov.Fod.UIComponents/Components/Header/FodHeader.razor.rz.scp.css */
/* #region Pre-Header */

.fod-pre-header[b-rnv47jnpdp] {
    background-color: var(--color-background-base-tertiary, var(--gray-200, #f1f1f1));
    border-bottom: var(--border-width-1) var(--border-style-solid) var(--gray-250);
    padding: var(--spacing-0, 0) var(--spacing-24, 24px);
    height: 32px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1099;
    font-family: "Onest", sans-serif;
}

.fod-pre-header__content[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}

.fod-pre-header__logo[b-rnv47jnpdp] {
    display: flex;
}

.fod-pre-header__logo a[b-rnv47jnpdp] {
    color: var(--color-text-base-default, var(--black, #121212));
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-4, 4px);
    text-decoration: none;
    font-size: var(--text-caption-md-500-font-size, 12px);
    font-weight: 500;
    line-height: var(--spacing-16, 16px);
}

.fod-pre-header__logo img[b-rnv47jnpdp] {
    height: 21px;
    width: 18px;
}

.fod-pre-header__language[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    height: 32px;
}

.fod-pre-header__language ul[b-rnv47jnpdp] {
    list-style: none;
    margin: var(--spacing-0, 0);
    padding: var(--spacing-0, 0);
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
}

.fod-pre-header__language a[b-rnv47jnpdp] {
    color: var(--color-text-base-secondary, var(--gray-700, #383838));
    font-size: var(--text-body-sm-500-font-size, 14px);
    font-weight: 500;
    line-height: var(--spacing-20, 20px);
    text-decoration: none;
    transition: all 0.35s ease;
}

.fod-pre-header__language a:hover[b-rnv47jnpdp] {
    text-decoration: underline;
}

.fod-pre-header__language a.active[b-rnv47jnpdp] {
    color: var(--color-text-base-default, var(--black, #121212));
    text-decoration: underline;
}

/* #endregion */

/* #region Header Base */

.fod-header[b-rnv47jnpdp] {
    display: block;
    background-color: var(--color-background-base-default, var(--white, #fff));
    border-bottom: 1px solid var(--gray-250, #d9d9d9);
    padding: var(--spacing-0, 0) var(--spacing-24, 24px);
    font-family: "Onest", sans-serif;
}

/* #endregion */

/* #region Header Variants */

.fod-header--sticky[b-rnv47jnpdp] {
    position: sticky;
    top: 0;
    z-index: 1100;
}

.fod-header--elevated[b-rnv47jnpdp] {
    box-shadow: var(--drop-shadow-300, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

.fod-header--transparent[b-rnv47jnpdp] {
    background-color: transparent;
    border-bottom: none;
}

.fod-header--colored[b-rnv47jnpdp] {
    background-color: var(--blue-sky-600, #0066cc);
    color: var(--white, #fff);
}

.fod-header--elevation-1[b-rnv47jnpdp] {
    box-shadow: var(--drop-shadow-100, 0 1px 2px rgba(0, 0, 0, 0.05));
}

.fod-header--elevation-2[b-rnv47jnpdp] {
    box-shadow: var(--drop-shadow-200, 0 2px 4px rgba(0, 0, 0, 0.075));
}

.fod-header--elevation-3[b-rnv47jnpdp] {
    box-shadow: var(--drop-shadow-300, 0 4px 6px rgba(0, 0, 0, 0.1));
}

.fod-header--elevation-4[b-rnv47jnpdp] {
    box-shadow: var(--drop-shadow-400, 0 8px 12px rgba(0, 0, 0, 0.125));
}

.fod-header--elevation-5[b-rnv47jnpdp] {
    box-shadow: var(--drop-shadow-500, 0 12px 24px rgba(0, 0, 0, 0.15));
}

/* #endregion */

/* #region Header Wrapper */

.fod-header__wrapper[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-8, 8px);
    width: 100%;
    min-height: var(--spacing-72, 72px);
    margin: 0 auto;
    position: relative;
    transition: gap var(--transition-duration-fast, 150ms) ease;
}

@media screen and (min-width: 1280px) {
    .fod-header__wrapper[b-rnv47jnpdp] {
        gap: var(--spacing-48, 48px);
    }
}

/* #endregion */


/* #region Navigation Bar (Full/Busy variant) */

.fod-header--full[b-rnv47jnpdp] {
    flex-direction: column;
}

.fod-header__nav-bar[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--spacing-0, 0) var(--spacing-0, 0) var(--spacing-2, 2px) var(--spacing-0, 0);
    animation: slideDownNav-b-rnv47jnpdp var(--transition-duration-fast, 150ms) ease;
}

@keyframes slideDownNav-b-rnv47jnpdp {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fod-header__nav-bar[b-rnv47jnpdp]  .fod-header-links {
    justify-content: flex-start;
}

/* #endregion */

/* #region Actions */

.fod-header__actions[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-24, 24px);
    flex-shrink: 0;
    transition: gap var(--transition-duration-fast, 150ms) ease;
    margin-left: auto;
}

.fod-header__actions-icons[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    transition: gap var(--transition-duration-fast, 150ms) ease;
}

.fod-header__actions-buttons[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
    white-space: nowrap;
}

.fod-header__secondary-btn[b-rnv47jnpdp] {
    background-color: var(--blue-sky-100, #e8f0fb) !important;
    color: var(--blue-sky-600, #0058d2) !important;
}

.fod-header__secondary-btn:hover[b-rnv47jnpdp] {
    background-color: var(--blue-sky-150, #d6e5f8) !important;
}

/* #endregion */

/* #region Toggle Buttons */

.fod-header__toggle[b-rnv47jnpdp] {
    background: none;
    border: none;
    border-radius: var(--border-radius-full, 999px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--spacing-40, 40px);
    width: var(--spacing-40, 40px);
    padding: 0;
    transition: all 0.35s ease;
    color: var(--color-text-base-default, var(--black, #121212));
}

/* #endregion */

/* #region Animated Hamburger */

.fod-header__hamburger[b-rnv47jnpdp] {
    width: 20px;
    height: 14px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fod-header__hamburger-bar[b-rnv47jnpdp] {
    display: block;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    border-radius: 1px;
    transition: transform var(--transition-duration-normal, 300ms) ease, opacity var(--transition-duration-normal, 300ms) ease;
    transform-origin: center;
}

.fod-header__hamburger--open .fod-header__hamburger-bar:nth-child(1)[b-rnv47jnpdp] {
    transform: translateY(6px) rotate(45deg);
}

.fod-header__hamburger--open .fod-header__hamburger-bar:nth-child(2)[b-rnv47jnpdp] {
    opacity: 0;
}

.fod-header__hamburger--open .fod-header__hamburger-bar:nth-child(3)[b-rnv47jnpdp] {
    transform: translateY(-6px) rotate(-45deg);
}

@media (prefers-reduced-motion: reduce) {
    .fod-header__hamburger-bar[b-rnv47jnpdp] {
        transition: none;
    }
}

.fod-header__toggle:hover[b-rnv47jnpdp] {
    background-color: var(--color-background-base-secondary, var(--gray-250, #e5e7eb));
}

.fod-header__toggle:focus[b-rnv47jnpdp] {
    outline: 2px solid var(--white, #fff);
    outline-offset: 0;
    box-shadow: 0 0 0 4px var(--focus-ring, var(--blue-sky-500, #3379DB));
}

.fod-header__toggle.is-active[b-rnv47jnpdp],
.is-open .fod-header__toggle[b-rnv47jnpdp] {
    background-color: var(--color-background-base-secondary, var(--gray-250, #e5e7eb));
}

/* #endregion */

/* #region Platform Grid */

.fod-header__platforms[b-rnv47jnpdp] {
    position: relative;
}

.fod-header-platform-panel[b-rnv47jnpdp] {
    position: absolute;
    background: var(--white, #fff);
    border: var(--border-width-1-5, 1.5px) var(--border-style-solid, solid) var(--gray-100, #f3f4f6);
    border-radius: var(--border-radius-16, 16px);
    box-shadow: var(--drop-shadow-300, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    padding: var(--spacing-24, 24px) var(--spacing-20, 20px);
    gap: var(--spacing-16, 16px);
    display: flex;
    flex-direction: column;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1150;
    min-width: 400px;
    animation: fadeIn-b-rnv47jnpdp 0.2s ease;
}

.fod-header-platform-panel__title[b-rnv47jnpdp] {
    font-size: var(--text-body-lg-500-font-size, 16px);
    font-weight: 600;
    margin: 0;
    color: var(--black, #000);
    text-align: start;
}

.fod-header-platform-grid[b-rnv47jnpdp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
}

.fod-header-platform-grid__item[b-rnv47jnpdp] {
    background-color: var(--gray-100, #f3f4f6);
    border-radius: var(--border-radius-12, 12px);
    padding: var(--spacing-8, 8px) var(--spacing-20, 20px);
    position: relative;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    overflow: hidden;
    isolation: isolate;
}

.fod-header-platform-grid__item:hover[b-rnv47jnpdp] {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    background-color: var(--gray-050, #f9fafb);
}

.fod-header-platform-grid__item:focus-within[b-rnv47jnpdp] {
    outline: 3px solid var(--blue-sky-600, #0066cc);
    outline-offset: 3px;
}

.fod-header-platform-grid__link[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
    font-size: 0.9rem;
    color: var(--gray-800, #374151);
    text-decoration: none;
    position: relative;
    z-index: 2;
    border-radius: var(--border-radius-12, 12px);
    outline: none;
}

.fod-header-platform-grid__link:focus-visible[b-rnv47jnpdp] {
    outline: none;
    box-shadow: none;
}

.fod-header-platform-grid__image[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fod-header-platform-grid__image img[b-rnv47jnpdp] {
    max-width: 48px;
    height: auto;
    display: block;
}

.fod-header-platform-grid__content[b-rnv47jnpdp] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2, 2px);
    text-align: start;
}

.fod-header-platform-grid__title[b-rnv47jnpdp] {
    font-weight: 600;
    font-size: var(--text-body-lg-500-font-size, 16px);
    line-height: var(--spacing-24, 24px);
    text-align: start;
    color: var(--black, #000);
    margin: 0;
    transition: color 0.2s ease;
}

.fod-header-platform-grid__link:hover .fod-header-platform-grid__title[b-rnv47jnpdp] {
    color: var(--blue-sky-600, #0066cc);
}

.fod-header-platform-grid__description[b-rnv47jnpdp] {
    font-size: var(--text-caption-md-font-size, 12px);
    line-height: var(--spacing-16, 16px);
    color: var(--gray-700, #4b5563);
    margin: 0;
    text-align: start;
}

.fod-header-platform-panel__view-all[b-rnv47jnpdp] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-4, 4px);
    color: var(--gray-700, #4b5563);
    text-decoration: none;
    font-size: var(--text-body-sm-font-size, 14px);
    font-weight: 500;
    padding: var(--spacing-8, 8px) var(--spacing-16, 16px);
    border-radius: var(--border-radius-full, 999px);
    background-color: var(--gray-100, #f3f4f6);
    transition: all 0.2s ease;
    align-self: flex-start;
}

.fod-header-platform-panel__view-all:hover[b-rnv47jnpdp] {
    background-color: var(--gray-200, #e5e7eb);
    color: var(--blue-sky-600, #0066cc);
}

/* #endregion */

/* #region Help Panel */

.fod-header__help[b-rnv47jnpdp] {
    position: relative;
}

.fod-header-help-panel[b-rnv47jnpdp] {
    position: absolute;
    background: var(--white, #fff);
    border: var(--border-width-1-5, 1.5px) var(--border-style-solid, solid) var(--gray-100, #f3f4f6);
    border-radius: var(--border-radius-16, 16px);
    box-shadow: var(--drop-shadow-300, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    display: flex;
    flex-direction: column;
    right: 0;
    top: calc(100% + 8px);
    z-index: 1150;
    width: 270px;
    padding: var(--spacing-8, 8px);
    gap: var(--spacing-8, 8px);
    animation: fadeIn-b-rnv47jnpdp 0.2s ease;
}

.fod-header-help-menu[b-rnv47jnpdp] {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: var(--spacing-0, 0);
    padding: var(--spacing-0, 0);
}

.fod-header-help-menu__link[b-rnv47jnpdp] {
    font-size: var(--text-body-sm-font-size, 14px);
    font-weight: 500;
    color: var(--gray-700, #4b5563);
    display: block;
    text-decoration: none;
    padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
    border-radius: var(--border-radius-8, 8px);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.fod-header-help-menu__link:hover[b-rnv47jnpdp] {
    background-color: var(--gray-100, #f3f4f6);
    color: var(--blue-sky-600, #0066cc);
}

/* #endregion */

/* #region Language Switcher */

.fod-header__language[b-rnv47jnpdp] {
    position: relative;
}

.fod-header-language__toggle[b-rnv47jnpdp] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-4, 4px);
    background: none;
    border: 1px solid var(--gray-300, #d1d5db);
    border-radius: var(--border-radius-full, 999px);
    padding: var(--spacing-6, 6px) var(--spacing-12, 12px);
    font-size: var(--text-body-sm-font-size, 14px);
    font-weight: 500;
    color: var(--gray-800, #374151);
    cursor: pointer;
    transition: all 0.2s ease;
}

.fod-header-language__toggle:hover[b-rnv47jnpdp] {
    background-color: var(--gray-100, #f3f4f6);
}

.fod-header-language__toggle--compact[b-rnv47jnpdp] {
    padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
}

.fod-header-language__menu[b-rnv47jnpdp] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--white, #fff);
    border-radius: var(--border-radius-16, 16px);
    box-shadow: var(--drop-shadow-300, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    padding: var(--spacing-8, 8px);
    width: 150px;
    z-index: 1150;
    animation: fadeIn-b-rnv47jnpdp 0.2s ease;
}

.fod-header-language__menu ul[b-rnv47jnpdp] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fod-header-language__menu li[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--border-radius-8, 8px);
    padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
    transition: background-color 0.2s ease;
}

.fod-header-language__menu li:hover[b-rnv47jnpdp] {
    background-color: var(--gray-100, #f3f4f6);
}

.fod-header-language__menu li:hover a[b-rnv47jnpdp] {
    color: var(--blue-sky-600, #0066cc);
}

.fod-header-language__menu a[b-rnv47jnpdp] {
    color: var(--gray-700, #4b5563);
    text-decoration: none;
    font-size: var(--text-body-sm-font-size, 14px);
}

.fod-header-language__menu li.active[b-rnv47jnpdp] {
    background-color: var(--blue-sky-100, #dbeafe);
}

.fod-header-language__menu li.active a[b-rnv47jnpdp] {
    color: var(--blue-sky-600, #0066cc);
}

.fod-header-language__menu li.active[b-rnv47jnpdp]  svg {
    color: var(--blue-sky-600, #0066cc);
}

.fod-header-language__menu li[b-rnv47jnpdp]  svg {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}

.fod-header-language__menu li.active[b-rnv47jnpdp]  svg {
    opacity: 1;
    visibility: visible;
}

/* #endregion */

/* #region Profile */

.fod-header__profile[b-rnv47jnpdp] {
    position: relative;
}

.fod-header-profile__toggle[b-rnv47jnpdp] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: var(--border-radius-full, 999px);
}

.fod-header-profile__toggle:focus[b-rnv47jnpdp] {
    outline: 2px solid var(--white, #fff);
    outline-offset: 0;
    box-shadow: 0 0 0 4px var(--focus-ring, var(--blue-sky-500, #3379DB));
}

.fod-header-profile__avatar[b-rnv47jnpdp] {
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius-full, 999px);
    object-fit: cover;
}

.fod-header-profile__avatar--placeholder[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-300, #d1d5db);
    color: var(--gray-700, #4b5563);
    font-weight: 600;
    font-size: var(--text-body-sm-font-size, 14px);
}

.fod-header-profile-dropdown[b-rnv47jnpdp] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--white, #fff);
    border-radius: var(--border-radius-16, 16px);
    box-shadow: var(--drop-shadow-300, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    width: 350px;
    z-index: 1150;
    animation: fadeIn-b-rnv47jnpdp 0.2s ease;
    overflow: hidden;
}

.fod-header-profile-dropdown__header[b-rnv47jnpdp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-24, 24px);
    padding: var(--spacing-40, 40px) var(--spacing-24, 24px) var(--spacing-32, 32px);
    text-align: center;
}

.fod-header-profile-dropdown__avatar[b-rnv47jnpdp] {
    width: 80px;
    height: 80px;
    border-radius: var(--border-radius-full, 999px);
    object-fit: cover;
}

.fod-header-profile-dropdown__avatar--placeholder[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-300, #d1d5db);
    color: var(--gray-700, #4b5563);
    font-weight: 600;
    font-size: var(--text-heading-h4-xs-font-size, 24px);
}

.fod-header-profile-dropdown__info[b-rnv47jnpdp] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 4px);
}

.fod-header-profile-dropdown__name[b-rnv47jnpdp] {
    margin: 0;
    font-size: var(--text-heading-h4-xs-font-size, 20px);
    font-weight: 600;
    color: var(--black, #000);
}

.fod-header-profile-dropdown__role[b-rnv47jnpdp] {
    margin: 0;
    color: var(--gray-600, #6b7280);
    font-size: var(--text-body-sm-font-size, 14px);
}

.fod-header-profile-dropdown__actions[b-rnv47jnpdp] {
    display: flex;
    gap: var(--spacing-12, 12px);
}

.fod-header-profile-dropdown__divider[b-rnv47jnpdp] {
    border: none;
    border-top: 1px solid var(--gray-200, #e5e7eb);
    margin: 0;
}

.fod-header-profile-dropdown__identities[b-rnv47jnpdp] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16, 16px);
    padding: var(--spacing-32, 32px) var(--spacing-24, 24px) var(--spacing-24, 24px);
}

.fod-header-profile-dropdown__section-title[b-rnv47jnpdp] {
    font-size: var(--text-body-lg-500-font-size, 16px);
    font-weight: 500;
    color: var(--gray-800, #374151);
}

.fod-header-profile-dropdown__identity-list[b-rnv47jnpdp] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
}

.fod-header-profile-dropdown__identity-item[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-11, 11px) var(--spacing-24, 24px) var(--spacing-11, 11px) var(--spacing-16, 16px);
    border: var(--border-width-1-5, 1.5px) var(--border-style-solid, solid) var(--gray-200, #e5e7eb);
    border-radius: var(--border-radius-8, 8px);
    cursor: pointer;
    transition: background 0.2s;
}

.fod-header-profile-dropdown__identity-item:hover[b-rnv47jnpdp] {
    background: var(--gray-100, #f3f4f6);
}

.fod-header-profile-dropdown__identity-item.active[b-rnv47jnpdp] {
    border-color: var(--blue-sky-600, #0066cc);
    border-width: var(--border-width-2, 2px);
    background: var(--blue-sky-100, #dbeafe);
}

.fod-header-profile-dropdown__identity-info[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-16, 16px);
}

.fod-header-profile-dropdown__identity-avatar[b-rnv47jnpdp] {
    width: 32px;
    height: 32px;
    border-radius: var(--border-radius-full, 999px);
    object-fit: cover;
}

.fod-header-profile-dropdown__identity-icon[b-rnv47jnpdp] {
    display: inline-flex;
    padding: var(--spacing-8, 8px);
    background-color: var(--gray-200, #e5e7eb);
    border-radius: var(--border-radius-full, 999px);
    color: var(--gray-500, #9ca3af);
}

.fod-header-profile-dropdown__identity-item.active .fod-header-profile-dropdown__identity-icon[b-rnv47jnpdp] {
    background-color: var(--blue-sky-200, #bfdbfe);
    color: var(--blue-sky-600, #0066cc);
}

.fod-header-profile-dropdown__identity-details[b-rnv47jnpdp] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 4px);
}

.fod-header-profile-dropdown__identity-name[b-rnv47jnpdp] {
    font-size: var(--text-body-lg-font-size, 16px);
    font-weight: 500;
    color: var(--black, #000);
}

.fod-header-profile-dropdown__identity-id[b-rnv47jnpdp] {
    font-size: var(--text-body-sm-font-size, 14px);
    color: var(--gray-400, #9ca3af);
}

.fod-header-profile-dropdown__check[b-rnv47jnpdp] {
    color: var(--blue-sky-600, #0066cc);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
}

.fod-header-profile-dropdown__identity-item.active .fod-header-profile-dropdown__check[b-rnv47jnpdp] {
    opacity: 1;
    visibility: visible;
}

.fod-header-profile-dropdown__footer[b-rnv47jnpdp] {
    padding: var(--spacing-16, 16px) var(--spacing-24, 24px) var(--spacing-24, 24px);
}

/* #endregion */

/* #region Search */

.fod-header__search-inline[b-rnv47jnpdp] {
    flex: 1;
    max-width: 600px;
}

.fod-header__search-inline[b-rnv47jnpdp]  .fod-input {
    width: 100%;
}

.fod-header__search-inline[b-rnv47jnpdp]  .fod-input-wrapper {
    background: var(--white, #fff) !important;
    border-radius: var(--border-radius-full, 999px) !important;
    border: 1px solid var(--gray-300, #d1d5db) !important;
    padding: var(--spacing-8, 8px) var(--spacing-12, 12px) !important;
    min-height: 40px;
}

.fod-header__search-inline[b-rnv47jnpdp]  .fod-input-wrapper:hover {
    border-color: var(--gray-400, #9ca3af) !important;
}

.fod-header__search-inline[b-rnv47jnpdp]  .fod-input-wrapper:focus-within {
    border-color: var(--blue-sky-500, #3379DB) !important;
    box-shadow: 0 0 0 2px var(--blue-sky-100, #dbeafe) !important;
}

.fod-header__search-inline[b-rnv47jnpdp]  .fod-input-control {
    font-size: var(--text-body-md-font-size, 14px);
}

.fod-header-search-overlay[b-rnv47jnpdp] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1200;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 15vh;
    animation: fadeIn-b-rnv47jnpdp 0.2s ease;
}

.fod-header-search-modal[b-rnv47jnpdp] {
    background: var(--white, #fff);
    border-radius: var(--border-radius-16, 16px);
    padding: var(--spacing-24, 24px) var(--spacing-32, 32px);
    width: 90%;
    max-width: 600px;
    animation: slideDown-b-rnv47jnpdp 0.2s ease;
}

.fod-header-search-input[b-rnv47jnpdp] {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
    background: var(--gray-100, #f3f4f6);
    border-radius: var(--border-radius-full, 999px);
    padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
}

.fod-header-search-input__icon[b-rnv47jnpdp] {
    color: var(--gray-500, #9ca3af);
}

.fod-header-search-input__field[b-rnv47jnpdp] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: var(--text-body-lg-font-size, 16px);
    color: var(--gray-900, #111827);
    outline: none;
}

.fod-header-search-input__field[b-rnv47jnpdp]::placeholder {
    color: var(--gray-400, #9ca3af);
}

.fod-header-search-input__clear[b-rnv47jnpdp] {
    background: none;
    border: none;
    padding: var(--spacing-4, 4px);
    cursor: pointer;
    color: var(--gray-500, #9ca3af);
    border-radius: var(--border-radius-full, 999px);
    transition: background-color 0.2s ease;
}

.fod-header-search-input__clear:hover[b-rnv47jnpdp] {
    background-color: var(--gray-200, #e5e7eb);
}

/* #endregion */

/* #region Utilities */

.stretched-link[b-rnv47jnpdp]::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background: transparent;
    pointer-events: auto;
}

/* #endregion */

/* #region Animations */

@keyframes fadeIn-b-rnv47jnpdp {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideDown-b-rnv47jnpdp {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* #endregion */

/* #region Responsive - Mobile */

@media (max-width: 767px) {
    .fod-header-profile-dropdown[b-rnv47jnpdp] {
        width: 100%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .fod-header-profile-dropdown__header[b-rnv47jnpdp] {
        padding: var(--spacing-32, 32px) var(--spacing-16, 16px) var(--spacing-24, 24px);
    }

    .fod-header-profile-dropdown__identities[b-rnv47jnpdp] {
        padding: var(--spacing-24, 24px) var(--spacing-16, 16px);
    }

    .fod-header-profile-dropdown__identity-name[b-rnv47jnpdp] {
        font-size: var(--text-body-md-font-size, 14px);
    }

    .fod-header-profile-dropdown__identity-id[b-rnv47jnpdp] {
        font-size: var(--text-caption-md-font-size, 12px);
    }

    .fod-header-platform-panel[b-rnv47jnpdp] {
        min-width: auto;
        width: calc(100vw - 32px);
        max-width: 400px;
    }

    .fod-header-platform-grid__image[b-rnv47jnpdp] {
        height: var(--spacing-32, 32px);
        width: var(--spacing-32, 32px);
    }

    .fod-header-platform-grid__image img[b-rnv47jnpdp] {
        width: 100%;
    }

    .fod-header-platform-grid__item[b-rnv47jnpdp] {
        padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
    }

    .fod-header-platform-grid__title[b-rnv47jnpdp] {
        font-size: var(--text-body-sm-500-font-size, 14px);
    }
}

/* #endregion */

/* #region Nav Wrap */

.fod-header__wrapper--nav-wrapped > .fod-header__actions[b-rnv47jnpdp] {
    order: 1;
}

/* #endregion */

/* #region Reduced Motion */

@media (prefers-reduced-motion: reduce) {
    .fod-header__wrapper[b-rnv47jnpdp],
    .fod-header__actions[b-rnv47jnpdp],
    .fod-header__actions-icons[b-rnv47jnpdp] {
        transition: none;
    }

    .fod-header__nav-bar[b-rnv47jnpdp] {
        animation: none;
    }
}

/* #endregion */

/* #region Display Utilities */

.d-none[b-rnv47jnpdp] {
    display: none !important;
}

.d-flex[b-rnv47jnpdp] {
    display: flex !important;
}

@media (min-width: 851px) {
    .d-md-none[b-rnv47jnpdp] {
        display: none !important;
    }

    .d-md-flex[b-rnv47jnpdp] {
        display: flex !important;
    }
}

@media (min-width: 1024px) {
    .d-lg-none[b-rnv47jnpdp] {
        display: none !important;
    }

    .d-lg-flex[b-rnv47jnpdp] {
        display: flex !important;
    }

    .d-lg-block[b-rnv47jnpdp] {
        display: block !important;
    }
}

/* #endregion */
/* _content/Egov.Fod.UIComponents/Components/Header/Help/FodHeaderHelp.razor.rz.scp.css */
/* #region Container */

.fod-header-help[b-b3rscm5oij] {
    position: relative;
    display: flex;
    align-items: center;
}

.fod-header-help__toggle[b-b3rscm5oij] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-8, 8px);
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: var(--border-radius-8, 8px);
    transition: background-color var(--transition-duration-fast, 150ms) ease;
}

.fod-header-help__toggle:hover[b-b3rscm5oij] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f3f4f6));
}

.fod-header-help__toggle:focus[b-b3rscm5oij] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: 2px;
}

/* #endregion */

/* #region Panel */

.fod-header-help-panel[b-b3rscm5oij] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 230px;
    background-color: var(--color-background-base-default, var(--white, #fff));
    border-radius: var(--border-radius-16, 16px);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
    z-index: var(--z-index-dropdown, 1150);
    animation: fadeIn-b-b3rscm5oij var(--transition-duration-fast, 150ms) ease;
}

/* #endregion */

/* #region Menu */

.fod-header-help-menu[b-b3rscm5oij] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
    margin: 0;
    padding: var(--spacing-16, 16px);
}

.fod-header-help-menu li[b-b3rscm5oij] {
    margin: 0;
}

.fod-header-help-menu__link[b-b3rscm5oij] {
    display: block;
    padding: var(--spacing-8, 8px);
    border-radius: var(--border-radius-4, 4px);
    text-decoration: none;
    text-align: start;
    color: var(--color-text-base-default, var(--gray-900, #111827));
    font-size: var(--text-body-font-size, 14px);
    transition: background-color var(--transition-duration-fast, 150ms) ease;
    font-weight: var(--font-weight-500, 500);
}

.fod-header-help-menu__link:hover[b-b3rscm5oij] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f3f4f6));
}

.fod-header-help-menu__link:focus[b-b3rscm5oij] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: -2px;
}

/* #endregion */

/* #region Animations */

@keyframes fadeIn-b-b3rscm5oij {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* #endregion */

/* #region Accessibility */

@media (prefers-reduced-motion: reduce) {
    .fod-header-help-panel[b-b3rscm5oij] {
        animation: none;
    }
}

/* #endregion */

/* _content/Egov.Fod.UIComponents/Components/Header/Language/FodHeaderLanguage.razor.rz.scp.css */
/*
 * FodHeaderLanguage CSS overrides for FodLanguageSwitch
 * This component wraps FodLanguageSwitch and applies header-specific styling.
 */

.fod-pre-header__link[b-lad76ndg9v] {
    color: var(--color-text-base-default, var(--gray-900, #111827));
    font-weight: 500;
    font-size: var(--text-caption-font-size, 12px);
    line-height: var(--spacing-16);
}

/* _content/Egov.Fod.UIComponents/Components/Header/Links/FodHeaderLinks.razor.rz.scp.css */
/* #region Container */

.fod-header-links[b-eosh79zikr] {
    display: flex;
    align-items: center;
    gap: var(--spacing-16, 16px);
    animation: fadeInLinks-b-eosh79zikr var(--transition-duration-fast, 150ms) ease;
}

@keyframes fadeInLinks-b-eosh79zikr {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* #endregion */

/* #region Links List */

.fod-header-links__list[b-eosh79zikr] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--spacing-0, 0);
    list-style: none;
    margin: 0;
    padding: 0;
}

.fod-header-links__item[b-eosh79zikr] {
    position: relative;
    margin: 0;
}

/* #endregion */

/* #region Link Styles */

.fod-header-links__link[b-eosh79zikr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-6, 6px);
    padding: var(--spacing-0, 0) var(--spacing-16, 16px);
    height: var(--spacing-72, 72px);
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 0;
    text-decoration: none;
    color: var(--color-text-base-default, var(--black, #121212));
    font-size: var(--text-body-md-500-font-size, 16px);
    font-weight: var(--font-weight-medium, 500);
    line-height: var(--spacing-24, 24px);
    white-space: nowrap;
    transition: background-color var(--transition-duration-fast, 150ms) ease,
    color var(--transition-duration-fast, 150ms) ease;
}

.fod-header-links__link--has-children[b-eosh79zikr] {
    padding-left: var(--spacing-16, 16px);
    padding-right: var(--spacing-8, 8px);
}

.fod-header-links__link:hover[b-eosh79zikr] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f5f5f5));
}

.fod-header-links__link:focus[b-eosh79zikr] {
    outline: none;
}

.fod-header-links:not(.fod-header-links--vertical) .fod-header-links__link--has-children.is-open[b-eosh79zikr] {
    color: var(--blue-sky-600, #0058d2);
    background-color: var(--color-background-base-default-hover, var(--gray-100, #f5f5f5));
    box-shadow: inset 0 calc(-1 * var(--border-width-3, 3px)) 0 0 var(--color-border-brand-default, var(--blue-sky-600, #0058d2));
}

.fod-header-links__chevron[b-eosh79zikr] {
    transition: transform var(--transition-duration-fast, 150ms) ease;
}

.fod-header-links__link--has-children.is-open .fod-header-links__chevron[b-eosh79zikr] {
    transform: rotate(180deg);
}

.fod-header-links__external[b-eosh79zikr] {
    opacity: 0.6;
    margin-inline-start: var(--spacing-4, 4px);
}

/* #endregion */

/* #region Dropdown */

.fod-header-links__dropdown[b-eosh79zikr] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 200px;
    max-width: 280px;
    max-height: 20rem;
    overflow: auto;
    background-color: var(--color-background-base-default, var(--white, #fff));
    border-radius: var(--border-radius-8, 8px);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
    z-index: var(--z-index-dropdown, 1150);
    list-style: none;
    padding: var(--spacing-8, 8px);
    animation: fadeIn-b-eosh79zikr var(--transition-duration-fast, 150ms) ease;
    margin: 0 0 16px;
}

.fod-header-links__dropdown-item[b-eosh79zikr] {
    margin: 0;
}

.fod-header-links__dropdown-link[b-eosh79zikr] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    width: 100%;
    padding: var(--spacing-10, 10px) var(--spacing-12, 12px);
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: var(--border-radius-4, 4px);
    text-decoration: none;
    color: var(--color-text-base-default, var(--gray-900, #111827));
    font-size: var(--text-body-font-size, 14px);
    text-align: start;
    white-space: nowrap;
    transition: background-color var(--transition-duration-fast, 150ms) ease;
}

.fod-header-links__dropdown-link:hover[b-eosh79zikr] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f3f4f6));
}

.fod-header-links__dropdown-link:focus[b-eosh79zikr] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: -2px;
}

/* #endregion */

/* #region Animations */

@keyframes fadeIn-b-eosh79zikr {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* #endregion */

/* #region Vertical Layout */

.fod-header-links--vertical[b-eosh79zikr] {
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.fod-header-links--vertical .fod-header-links__list[b-eosh79zikr] {
    flex-direction: column;
    width: 100%;
    gap: 0;
}

.fod-header-links--vertical .fod-header-links__item[b-eosh79zikr] {
    width: 100%;
    border-bottom: 1px solid var(--color-border-base-default, var(--gray-200, #e5e7eb));
}

.fod-header-links--vertical .fod-header-links__item:last-child[b-eosh79zikr] {
    border-bottom: none;
}

.fod-header-links--vertical .fod-header-links__link[b-eosh79zikr] {
    width: 100%;
    height: auto;
    padding: var(--spacing-12, 12px) 0;
    justify-content: space-between;
    box-shadow: none;
    background-color: transparent;
}

.fod-header-links--vertical .fod-header-links__link--has-children.is-open[b-eosh79zikr] {
    box-shadow: none !important;
    background-color: transparent;
    color: inherit;
}

.fod-header-links--vertical[b-eosh79zikr]  mud-button {
    width: 100%;
}

.fod-header-links--vertical .fod-header-links__link:hover[b-eosh79zikr] {
    background-color: transparent;
}

.fod-header-links--vertical .fod-header-links__dropdown[b-eosh79zikr] {
    position: static;
    box-shadow: none;
    border-radius: 0;
    max-width: none;
    min-width: 0;
    width: 100%;
    padding: 0;
    animation: none;
    background-color: transparent;
}

.fod-header-links--vertical .fod-header-links__dropdown-item[b-eosh79zikr] {
    border-bottom: 1px solid var(--color-border-base-default, var(--gray-200, #e5e7eb));
}

.fod-header-links--vertical .fod-header-links__dropdown-item:last-child[b-eosh79zikr] {
    border-bottom: none;
}

.fod-header-links--vertical .fod-header-links__dropdown-link[b-eosh79zikr] {
    padding: var(--spacing-12, 12px) 0 var(--spacing-12, 12px) var(--spacing-16, 16px);
    border-radius: 0;
    width: 100%;
    justify-content: flex-start;
}

.fod-header-links--vertical .fod-header-links__dropdown-link:hover[b-eosh79zikr] {
    background-color: transparent;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 1279px) {
    .fod-header-links__link[b-eosh79zikr] {
        padding: var(--spacing-0, 0) var(--spacing-12, 12px);
        font-size: var(--text-body-sm-500-font-size, 14px);
        height: var(--spacing-64, 64px);
    }
}

/* #endregion */

/* #region Accessibility */

@media (prefers-reduced-motion: reduce) {
    .fod-header-links[b-eosh79zikr],
    .fod-header-links__dropdown[b-eosh79zikr],
    .fod-header-links__chevron[b-eosh79zikr] {
        animation: none;
        transition: none;
    }
}

/* #endregion */
/* _content/Egov.Fod.UIComponents/Components/Header/Mobile/FodHeaderMobile.razor.rz.scp.css */
/* #region Backdrop */

.fod-header-mobile-backdrop[b-cu67d7ysu7] {
    position: fixed;
    top: calc(var(--spacing-72, 72px) + 1px);
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-duration-fast, 150ms) ease,
    visibility var(--transition-duration-fast, 150ms) ease;
    z-index: var(--z-index-drawer-backdrop, 1000);
}

.fod-header-mobile-backdrop--visible[b-cu67d7ysu7] {
    opacity: 1;
    visibility: visible;
}

/* #endregion */

/* #region Panel */

.fod-header-mobile[b-cu67d7ysu7] {
    position: fixed;
    top: calc(var(--spacing-72, 72px) + 1px);
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--color-background-base-default, var(--white, #fff));
    box-shadow: none;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform var(--transition-duration-normal, 50ms) ease-out,
    opacity var(--transition-duration-normal, 50ms) ease-out,
    visibility var(--transition-duration-normal, 50ms) ease-out;
    z-index: var(--z-index-drawer, 1010);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.fod-header-mobile--open[b-cu67d7ysu7] {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* #endregion */

/* #region Content */

.fod-header-mobile__content[b-cu67d7ysu7] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: var(--spacing-16, 16px) 0;
}

.fod-header-mobile__search[b-cu67d7ysu7] {
    padding: 0 var(--spacing-16, 16px);
    margin-bottom: var(--spacing-16, 16px);
}

.fod-header-mobile__search[b-cu67d7ysu7]  .fod-input-wrapper {
    border-radius: var(--border-radius-full, 999px) !important;
}

.fod-header-mobile__nav[b-cu67d7ysu7] {
    padding: 0 var(--spacing-16, 16px);
    margin-bottom: var(--spacing-16, 16px);
}

/* #endregion */

/* #region Back Button */

.fod-header-mobile__back[b-cu67d7ysu7] {
    padding: 0 var(--spacing-16, 16px);
    margin-bottom: var(--spacing-8, 8px);
}

.fod-header-mobile__back-btn[b-cu67d7ysu7] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-4, 4px);
    padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
    border-radius: var(--border-radius-full, 999px);
    font-size: var(--text-body-font-size, 14px);
    font-weight: 500;
    color: var(--color-text-base-default);
    background-color: var(--color-background-base-secondary, var(--gray-100, #f3f4f6));
    transition: background-color var(--transition-duration-fast, 150ms) ease;
}

.fod-header-mobile__back-btn:hover[b-cu67d7ysu7] {
    background-color: var(--color-background-base-tertiary, var(--gray-200, #e5e7eb));
}

.fod-header-mobile__back-btn:focus[b-cu67d7ysu7] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: 2px;
}

/* #endregion */

/* #region Action Links */

.fod-header-mobile__section--actions[b-cu67d7ysu7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 4px);
}

.fod-header-mobile__action-link[b-cu67d7ysu7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
    width: 100%;
    padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
    border: none;
    background: none;
    cursor: pointer;
    font-size: var(--text-body-font-size, 14px);
    font-weight: 500;
    color: var(--color-text-base-default);
    text-align: start;
    transition: background-color var(--transition-duration-fast, 150ms) ease;
}

.fod-header-mobile__action-link:hover[b-cu67d7ysu7] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f3f4f6));
}

.fod-header-mobile__action-link:focus[b-cu67d7ysu7] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: -2px;
}

.fod-header-mobile__action-link span[b-cu67d7ysu7] {
    flex: 1;
}

.fod-header-mobile__action-chevron[b-cu67d7ysu7] {
    color: var(--color-text-base-tertiary, var(--gray-400, #9ca3af));
}

/* #endregion */

/* #region Sections */

.fod-header-mobile__section[b-cu67d7ysu7] {
    padding: var(--spacing-16, 16px);
}

.fod-header-mobile__section:last-of-type[b-cu67d7ysu7] {
    border-bottom: none;
}

.fod-header-mobile__section:first-of-type[b-cu67d7ysu7] {
    border-top: none;
}

.fod-header-mobile__section-title[b-cu67d7ysu7] {
    margin: 0 0 var(--spacing-12, 12px) 0;
    padding: 0;
    font-size: var(--text-body-font-size, 14px);
    font-weight: 600;
    color: var(--color-text-base-default, var(--gray-900, #111827));
    text-transform: none;
    letter-spacing: normal;
}

.fod-header-mobile__section--nav[b-cu67d7ysu7] {
    border-bottom: 1px solid var(--color-border-base-default, var(--gray-200, #e5e7eb));
}

/* #endregion */

/* #region Links */

.fod-header-mobile__list[b-cu67d7ysu7] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fod-header-mobile__list li[b-cu67d7ysu7] {
    margin-bottom: var(--spacing-4, 4px);
}

.fod-header-mobile__list li:last-child[b-cu67d7ysu7] {
    margin-bottom: 0;
}

.fod-header-mobile__link[b-cu67d7ysu7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
    padding: var(--spacing-12, 12px);
    border-radius: var(--border-radius-8, 8px);
    text-decoration: none;
    color: var(--color-text-base-default, var(--gray-900, #111827));
    font-size: var(--text-body-font-size, 14px);
    font-weight: 500;
    transition: background-color var(--transition-duration-fast, 150ms) ease;
}

.fod-header-mobile__link:hover[b-cu67d7ysu7] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f3f4f6));
}

.fod-header-mobile__link:focus[b-cu67d7ysu7] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: 2px;
}

.fod-header-mobile__link:active[b-cu67d7ysu7] {
    background-color: var(--color-background-base-tertiary, var(--gray-200, #e5e7eb));
}

.fod-header-mobile__link-icon[b-cu67d7ysu7] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    object-fit: contain;
}

.fod-header-mobile__link-text[b-cu67d7ysu7] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* #endregion */

/* #region Platform Grid */

.fod-header-mobile__platform-grid[b-cu67d7ysu7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-8, 8px);
}

.fod-header-mobile__platform-item[b-cu67d7ysu7] {
    position: relative;
}

.fod-header-mobile__platform-link[b-cu67d7ysu7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-8, 8px);
    padding: var(--spacing-12, 12px);
    width: 100%;
    border-radius: var(--border-radius-12, 12px);
    text-decoration: none;
    background-color: transparent;
    transition: background-color var(--transition-duration-fast, 150ms) ease;
}

.fod-header-mobile__platform-link:hover[b-cu67d7ysu7] {
    background-color: var(--color-background-base-tertiary, var(--gray-200, #e5e7eb));
}

.fod-header-mobile__platform-link:focus[b-cu67d7ysu7] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: 2px;
}

.fod-header-mobile__platform-image[b-cu67d7ysu7] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fod-header-mobile__platform-image img[b-cu67d7ysu7] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fod-header-mobile__platform-content[b-cu67d7ysu7] {
    text-align: center;
}

.fod-header-mobile__platform-title[b-cu67d7ysu7] {
    font-size: var(--text-body-font-size, 14px);
    font-weight: 500;
    color: var(--color-text-base-default, var(--gray-900, #111827));
    text-align: start;
}

.fod-header-mobile__platform-description[b-cu67d7ysu7] {
    margin: var(--spacing-4, 4px) 0 0;
    font-size: var(--text-caption-font-size, 12px);
    color: var(--color-text-base-secondary, var(--gray-500, #6b7280));
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fod-header-mobile__platform-item[b-cu67d7ysu7] {
    position: relative;
    background-color: var(--color-background-base-secondary, var(--gray-100, #F5F5F5));
    border-radius: var(--border-radius-12, 12px);
}

.fod-header-mobile__platform-footer[b-cu67d7ysu7] {
    display: flex;
    justify-content: center;
    padding: var(--spacing-12, 12px) 0 0;
}

/* Pill shape is requested via the button's Shape parameter (design-system
   shape="circular"); host-level border-radius cannot reach the shadow DOM. */

/* #endregion */

/* #region Footer */

.fod-header-mobile__footer[b-cu67d7ysu7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
    margin-top: auto;
    padding: var(--spacing-16, 16px);
}

/* #endregion */

/* #region Accessibility */

@media (prefers-reduced-motion: reduce) {
    .fod-header-mobile[b-cu67d7ysu7],
    .fod-header-mobile-backdrop[b-cu67d7ysu7] {
        transition: none;
    }
}

/* #endregion */

/* #region RTL Support */

[dir="rtl"] .fod-header-mobile[b-cu67d7ysu7] {
    left: 0;
    right: 0;
}

/* #endregion */

/* _content/Egov.Fod.UIComponents/Components/Header/NavMenu/FodHeaderNavMenu.razor.rz.scp.css */
/* #region Container */

.fod-nav[b-v017nhjcd3] {
    display: flex;
    align-items: center;
    gap: var(--spacing-0, 0);
    flex: 1 1 auto;
    min-width: 200px;
}

/* #endregion */

/* #region Nav Item */

.fod-nav__item[b-v017nhjcd3] {
    position: relative;
}

/* #endregion */

/* #region Nav Link */

.fod-nav__link[b-v017nhjcd3] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    padding: var(--spacing-0, 0) var(--spacing-16, 16px);
    height: var(--spacing-72, 72px);
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 0;
    text-decoration: none;
    color: var(--color-text-base-default, var(--black, #121212));
    font-family: inherit;
    font-size: var(--text-body-md-500-font-size, 16px);
    font-weight: var(--font-weight-medium, 500);
    line-height: var(--spacing-24, 24px);
    white-space: nowrap;
    transition: background-color var(--transition-duration-fast, 150ms) ease,
    color var(--transition-duration-fast, 150ms) ease;
}

.fod-nav__link:hover[b-v017nhjcd3] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f5f5f5));
}

.fod-nav__link:focus[b-v017nhjcd3] {
    outline: none;
}

.fod-nav__link:focus-visible[b-v017nhjcd3] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: -2px;
}

.fod-nav__link.is-open[b-v017nhjcd3] {
    color: var(--blue-sky-600, #0058d2);
    background-color: var(--color-background-base-default-hover, var(--gray-100, #f5f5f5));
    box-shadow: inset 0 calc(-1 * var(--border-width-3, 3px)) 0 0 var(--color-border-brand-default, var(--blue-sky-600, #0058d2));
}

.fod-nav__link.is-active[b-v017nhjcd3] {
    color: var(--blue-sky-600, #0058d2);
    box-shadow: inset 0 calc(-1 * var(--border-width-3, 3px)) 0 0 var(--color-border-brand-default, var(--blue-sky-600, #0058d2));
}

/* #endregion */

/* #region Chevron Icon */

.fod-nav__icon[b-v017nhjcd3] {
    display: inline-flex;
    padding: var(--spacing-2, 2px);
}

[b-v017nhjcd3] .fod-nav__chevron {
    transition: transform var(--transition-duration-fast, 150ms) ease;
}

.fod-nav__link.is-open[b-v017nhjcd3]  .fod-nav__chevron {
    transform: rotate(180deg);
}

/* #endregion */

/* #region Simple Dropdown Menu */

.fod-nav__menu[b-v017nhjcd3] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 320px;
    max-width: 320px;
    max-height: min(20rem, calc(100dvh - var(--spacing-72, 72px) - 32px));
    overflow: auto;
    background-color: var(--color-background-base-default, var(--white, #fff));
    border-radius: var(--border-radius-8, 8px);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
    z-index: var(--z-index-dropdown, 1150);
    padding: var(--spacing-8, 8px);
    animation: navMenuFadeIn-b-v017nhjcd3 var(--transition-duration-fast, 150ms) ease;
}

/* #endregion */

/* #region Mega Menu (Full) */

.fod-nav__menu--full[b-v017nhjcd3] {
    min-width: auto;
    max-width: calc(100vw - 32px);
    max-height: calc(90dvh - var(--spacing-72, 72px) - 42px);
    overflow: auto;
    padding: var(--spacing-24, 24px);
    width: max-content;
}

.fod-nav__menu--full-width[b-v017nhjcd3] {
    left: 0;
    right: 0;
    width: 100%;
}

/* Let mega menus escape the nav item and position against fod-header__wrapper */
.fod-nav__item--full-width[b-v017nhjcd3] {
    position: static;
}

.fod-nav__item--full-width > .fod-nav__menu--full[b-v017nhjcd3] {
    left: 0;
    right: 0;
    width: 100%;
    top: calc(100% + 5px);
}

.fod-nav__menu-container[b-v017nhjcd3] {
    max-width: var(--container-max-width, 1200px);
    margin: 0 auto;
}

.fod-nav__menu-columns[b-v017nhjcd3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-24, 24px);
}

.fod-nav__menu-column[b-v017nhjcd3] {
    min-width: 200px;
    flex: 1;
}

/* #endregion */

/* #region Menu Heading & Separator */

.fod-nav__menu-heading[b-v017nhjcd3] {
    font-size: var(--text-body-sm-600-font-size, 14px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-base-default, var(--black, #121212));
    padding: var(--spacing-4, 4px) 0;
}

.fod-nav__separator[b-v017nhjcd3] {
    border: none;
    border-top: 1px solid var(--color-border-base-subtle, var(--gray-200, #e5e7eb));
    margin: var(--spacing-8, 8px) 0;
}

/* #endregion */

/* #region Submenu */

.fod-nav__submenu[b-v017nhjcd3] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
    margin: 0;
    padding: 0;
}

.fod-nav__submenu li[b-v017nhjcd3] {
    margin: 0;
}

/* #endregion */

/* #region Submenu Item */

.fod-nav__submenu-item[b-v017nhjcd3] {
    display: block;
    padding: var(--spacing-4, 4px) var(--spacing-12, 12px);
    color: var(--gray-700);
    font-size: var(--text-body-md-font-size);
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.fod-nav__submenu-item:hover[b-v017nhjcd3] {
    text-decoration: underline;
    color: var(--blue-sky-600, #0058d2);
}

.fod-nav__submenu-item:focus[b-v017nhjcd3] {
    text-decoration: underline;
    color: var(--blue-sky-600, #0058d2);
}

/* #endregion */

/* #region Animations */

@keyframes navMenuFadeIn-b-v017nhjcd3 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* #endregion */

/* #region Responsive */

.fod-nav--wrapped[b-v017nhjcd3] {
    order: 2;
    flex-basis: 100%;
}

@media (max-width: 1279px) {
    .fod-nav__link[b-v017nhjcd3] {
        padding: var(--spacing-0, 0) var(--spacing-12, 12px);
        font-size: var(--text-body-sm-500-font-size, 14px);
        height: var(--spacing-64, 64px);
    }
}

/* #endregion */

/* #region Accessibility */

@media (prefers-reduced-motion: reduce) {
    .fod-nav__menu[b-v017nhjcd3],
    [b-v017nhjcd3] .fod-nav__chevron {
        animation: none;
        transition: none;
    }
}

/* #endregion */
/* _content/Egov.Fod.UIComponents/Components/Header/PlatformGrid/FodHeaderPlatformGrid.razor.rz.scp.css */
/* #region Container */

.fod-header-platforms[b-vl5mg3eau4] {
    position: relative;
    display: flex;
    align-items: center;
}

.fod-header-platforms__toggle[b-vl5mg3eau4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-8, 8px);
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: var(--border-radius-8, 8px);
    transition: background-color var(--transition-duration-fast, 150ms) ease;
}

.fod-header-platforms__toggle:hover[b-vl5mg3eau4] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f3f4f6));
}

.fod-header-platforms__toggle:focus[b-vl5mg3eau4] {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: 2px;
}

/* #endregion */

/* #region Panel */

.fod-header-platform-panel[b-vl5mg3eau4] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 400px;
    max-height: 80vh;
    overflow-y: auto;
    background-color: var(--color-background-base-default, var(--white, #fff));
    border-radius: var(--border-radius-12, 12px);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
    z-index: var(--z-index-dropdown, 1150);
    animation: fadeIn-b-vl5mg3eau4 var(--transition-duration-fast, 150ms) ease;
}

.fod-header-platform-panel--end[b-vl5mg3eau4] {
    left: auto;
    right: 0;
}

.fod-header-platform-panel__title[b-vl5mg3eau4] {
    padding: var(--spacing-16, 16px) var(--spacing-16, 16px) var(--spacing-4, 4px);
    font-size: var(--text-body-lg-font-size, 16px);
    font-weight: 600;
    color: var(--color-text-base-default, var(--gray-900, #111827));
}

.fod-header-platform-panel-footer[b-vl5mg3eau4] {
    display: flex;
    justify-content: center;
    padding: var(--spacing-4, 4px) var(--spacing-12, 12px) var(--spacing-12, 12px);
}

[b-vl5mg3eau4] .fod-header-platform-panel__view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: var(--spacing-4, 4px);
    color: var(--blue-sky-500, #3379DB);
    text-decoration: none;
    font-size: var(--text-body-font-size, 14px);
    font-weight: 500;
    border-radius: 999px;
    --button-container-border-radius-rectangular-md: 999px;
    transition: background-color var(--transition-duration-fast, 150ms) ease;
}

/* #endregion */

/* #region Grid */

.fod-header-platform-grid[b-vl5mg3eau4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: var(--spacing-8, 8px);
    padding: var(--spacing-8, 8px) var(--spacing-12, 12px) var(--spacing-12, 12px);
}

.fod-header-platform-grid__item[b-vl5mg3eau4] {
    position: relative;
    height: 100%;
    background-color: var(--color-background-base-secondary, var(--gray-100, #F5F5F5)) !important;
    border-radius: var(--border-radius-12, 12px);
}

[b-vl5mg3eau4] .fod-header-platform-grid__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    gap: var(--spacing-12, 12px);
    padding: var(--spacing-16, 16px) var(--spacing-12, 12px);
    border-radius: var(--border-radius-8, 8px);
    text-decoration: none;
    cursor: pointer;
    background-color: var(--color-background-base-secondary, var(--gray-100, #F5F5F5));
    transition: background-color var(--transition-duration-fast, 150ms) ease;
    --button-container-padding-inline-md: 0px;
    --button-container-min-width-md: 0px;
}

[b-vl5mg3eau4] .fod-header-platform-grid__link:hover {
    background-color: var(--color-background-base-tertiary, var(--gray-200, #e5e7eb));
}

[b-vl5mg3eau4] .fod-header-platform-grid__link:focus {
    outline: 2px solid var(--focus-ring, var(--blue-sky-500, #3379DB));
    outline-offset: 2px;
}

.fod-header-platform-grid__image[b-vl5mg3eau4] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fod-header-platform-grid__image img[b-vl5mg3eau4] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fod-header-platform-grid__content[b-vl5mg3eau4] {
    text-align: start;
    min-width: 0;
    margin-left: 0.5rem
}

.fod-header-platform-grid__title[b-vl5mg3eau4] {
    font-size: var(--text-body-font-size, 16px);
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-text-base-default, var(--gray-900, #111827));
    white-space: normal;
    margin-bottom: 0.4rem;
}

.fod-header-platform-grid__description[b-vl5mg3eau4] {
    margin: 0;
    line-height: 1.2;
    font-size: var(--text-caption-font-size, 12px);
    color: var(--color-text-base-secondary, var(--gray-500, #6b7280));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* #endregion */

/* #region Animations */

@keyframes fadeIn-b-vl5mg3eau4 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* #endregion */

/* #region Accessibility */

@media (prefers-reduced-motion: reduce) {
    .fod-header-platform-panel[b-vl5mg3eau4] {
        animation: none;
    }
}

/* #endregion */

/* #region Responsive */

@media (max-width: 575px) {
    .fod-header-platform-panel[b-vl5mg3eau4] {
        width: calc(100vw - 32px);
        max-width: 380px;
    }
}

/* #endregion */
/* _content/Egov.Fod.UIComponents/Components/Header/Profile/FodHeaderProfile.razor.rz.scp.css */
/* #region Container */

.fod-header-profile[b-eklccak37a] {
    position: relative;
    display: flex;
    align-items: center;
}

/* #endregion */

/* #region Toggle Button */

[b-eklccak37a] .fod-header-profile__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 50%;
    transition: box-shadow var(--transition-duration-fast, 150ms) ease;
}

[b-eklccak37a] .fod-header-profile__toggle:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--white, #fff), 0 0 0 4px var(--focus-ring, var(--blue-sky-500, #3379DB));
}

/* #endregion */

/* #region Avatar */

[b-eklccak37a] .fod-header-profile__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--color-background-base-secondary, var(--gray-200, #e5e7eb));
    transition: box-shadow var(--transition-duration-fast, 150ms) ease;
}

[b-eklccak37a] .fod-header-profile__toggle:hover .fod-header-profile__avatar,
.fod-header-profile.is-open[b-eklccak37a]  .fod-header-profile__avatar {
    box-shadow: 0 0 0 2px var(--white, #FFF), 0 0 0 5px var(--blue-sky-500, #3379DB);
}

/* #endregion */

/* #region Dropdown */

.fod-header-profile-dropdown[b-eklccak37a] {
    position: absolute;
    top: calc(100% + 16px);
    right: 0;
    width: 380px;
    background-color: var(--color-background-base-default, var(--white, #fff));
    border-radius: 16px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    border: none;
    z-index: var(--z-index-dropdown, 1150);
    animation: fadeIn-b-eklccak37a var(--transition-duration-fast, 150ms) ease;
}

/* #endregion */

/* #region Dropdown Header */

.fod-header-profile-dropdown__header[b-eklccak37a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 20px 24px 8px 24px;
    text-align: center;
}

[b-eklccak37a] .fod-header-profile-dropdown__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.fod-header-profile-dropdown__info[b-eklccak37a] {
    flex: 1;
    min-width: 0;
}

.fod-header-profile-dropdown__name[b-eklccak37a] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: var(--font-size-fs-20, 20px);
}

.fod-header-profile-dropdown__role[b-eklccak37a] {
    margin: 0;
    font-size: var(--font-size-md, 14px);
    color: var(--gray-400, #757575);
}

/* #endregion */

/* #region Divider */

.fod-header-profile-dropdown__divider[b-eklccak37a] {
    margin: 0;
    border: none;
    border-top: 1px solid var(--color-border-base-secondary, var(--gray-200, #e5e7eb));
}

/* #endregion */

/* #region Identities */

.fod-header-profile-dropdown__identities[b-eklccak37a] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 16px 8px 16px;
}

.fod-header-profile-dropdown__section-title[b-eklccak37a] {
    font-size: var(--text-body-sm-500-font-size, 14px);
    font-weight: 500;
    color: var(--gray-700, #383838);
    margin: 0;
}

.fod-header-profile-dropdown__identity-list[b-eklccak37a] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: calc(3 * 54px + 2 * 16px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--gray-300, #d1d5db) transparent;
}

.fod-header-profile-dropdown__identity-item[b-eklccak37a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-11, 11px) var(--spacing-24, 24px) var(--spacing-11, 11px) var(--spacing-16, 16px);
    gap: 12px;
    border-radius: 12px;
    cursor: pointer;
    background-color: var(--color-background-base-default, var(--white, #FFFFFF));
    border: none;
    transition: all var(--transition-duration-fast, 150ms) ease;
}

.fod-header-profile-dropdown__identity-item:hover[b-eklccak37a] {
    background-color: var(--color-background-base-secondary, var(--gray-50, #f9fafb));
}

.fod-header-profile-dropdown__identity-item.active[b-eklccak37a] {
    background-color: var(--color-background-brand-subtle, var(--blue-sky-50, #E8F0FB));
    border: 1.5px solid var(--color-border-brand-default, var(--blue-sky-600, #0058D2));
}

.fod-header-profile-dropdown__identity-info[b-eklccak37a] {
    display: flex;
    align-items: center;
    gap: var(--spacing-16, 16px);
    min-width: 0;
    flex: 1;
}

[b-eklccak37a] .fod-header-profile-dropdown__identity-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--color-background-base-secondary, var(--gray-100, #f3f4f6));
    color: var(--color-text-base-secondary, var(--gray-500, #6b7280));
    flex-shrink: 0;
}

.fod-header-profile-dropdown__identity-details[b-eklccak37a] {
    min-width: 0;
    flex: 1;
}

.fod-header-profile-dropdown__identity-name[b-eklccak37a] {
    font-size: var(--text-body-font-size, 14px);
    font-weight: 500;
    color: var(--color-text-base-default, var(--gray-900, #111827));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fod-header-profile-dropdown__identity-id[b-eklccak37a] {
    font-size: var(--text-caption-font-size, 12px);
    color: var(--gray-400, #757575);
}

[b-eklccak37a] .fod-header-profile-dropdown__check {
    flex-shrink: 0;
    color: var(--blue-sky-500, #3379DB);
}

/* #endregion */

/* #region Footer */

.fod-header-profile-dropdown__footer[b-eklccak37a] {
    padding: 4px 16px 16px 16px;
}

/* #region Mobile Variant */

@media (max-width: 768px) {
    .fod-header-profile-dropdown[b-eklccak37a] {
        width: 100%;
        left: 0;
        right: 0;
        border-radius: 0;
    }

    .fod-header-profile-dropdown__identity-item[b-eklccak37a] {
        border: none;
        border-radius: 12px;
    }

    .fod-header-profile-dropdown__identity-item.active[b-eklccak37a] {
        border: 1.5px solid var(--color-border-brand-default, var(--blue-sky-600, #0058D2));
    }
}

/* #endregion */

/* #region Animations */

@keyframes fadeIn-b-eklccak37a {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* #endregion */

/* #region Accessibility */

@media (prefers-reduced-motion: reduce) {
    .fod-header-profile-dropdown[b-eklccak37a] {
        animation: none;
    }
}

/* #endregion */
/* _content/Egov.Fod.UIComponents/Components/Header/Search/FodHeaderSearch.razor.rz.scp.css */
.fod-header-search[b-lctedrjo3g] {
    position: relative;
    display: flex;
    align-items: center;
}

.fod-header-search__toggle[b-lctedrjo3g] {
    flex-shrink: 0;
}
/* _content/Egov.Fod.UIComponents/Components/Header/Search/FodHeaderSearchDialog.razor.rz.scp.css */
.fod-header-search-dialog[b-mhtosskkn1] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-24, 24px) var(--spacing-16, 16px);
}
/* _content/Egov.Fod.UIComponents/Components/Input/FodInputAdornment.razor.rz.scp.css */
.fod-input-icon[b-xog3iivjwz] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    pointer-events: none;
}

.fod-input-icon.checkmark[b-xog3iivjwz] {
    color: var(--green-600);
}
/* _content/Egov.Fod.UIComponents/Components/Input/FodTextField.razor.rz.scp.css */
/*
=========================================
   FOD TextField Component Styles
   FodTextField delegates rendering to the thin design-system adapters
   (FodTextInput → <mud-text-input>, FodTextArea → <mud-textarea>); label,
   control, helper / error styling all come from the shadow DOM. Only the
   container, the slotted adornment wrappers and the character counter — the
   light-DOM bits this component adds itself — keep local styles here.
=========================================
*/

.fod-textfield[b-ab4qqj1ak8] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 4px);
    inline-size: 100%;
}

/* Slotted adornment wrappers (light DOM, created by this component). */
.fod-textfield__slot[b-ab4qqj1ak8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

/* Character counter rendered under the design-system input. */
.fod-textfield__footer[b-ab4qqj1ak8] {
    display: flex;
    justify-content: flex-end;
    min-block-size: var(--spacing-20, 20px);
}

.fod-textfield__footer .fod-input__counter[b-ab4qqj1ak8] {
    font-size: var(--text-body-sm-font-size, 14px);
    color: var(--color-text-base-secondary, var(--gray-500, #616161));
}
/* _content/Egov.Fod.UIComponents/Components/LanguageSwitch/FodLanguageSwitch.razor.rz.scp.css */
/* Base container */
.fod-language-switcher[b-vn3gnf89pj] {
    position: relative;
    display: inline-flex;
}

.fod-language-switcher--inline .fod-language-switcher__list[b-vn3gnf89pj] {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

.fod-language-switcher--inline .fod-language-switcher__list li[b-vn3gnf89pj] {
    margin: 0;
}

.fod-language-switcher--inline .fod-language-switcher__list a[b-vn3gnf89pj] {
    display: block;
    padding: var(--spacing-8, 8px) var(--spacing-8, 8px);
    color: var(--color-text-base-secondary, var(--gray-700, #616161));
    text-decoration: underline;
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 500;
    text-transform: capitalize;
    transition: color 0.2s ease;
}

.fod-language-switcher--inline .fod-language-switcher__list a:hover[b-vn3gnf89pj] {
    color: var(--blue-sky-600, #1976d2);
}

.fod-language-switcher--inline .fod-language-switcher__list a.active[b-vn3gnf89pj] {
    color: var(--color-text-base-primary, #212121);
    font-weight: 600;
}

.fod-language-switcher--disabled.fod-language-switcher--inline .fod-language-switcher__list a[b-vn3gnf89pj] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.fod-language-switcher__toggle[b-vn3gnf89pj] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-0, 0px);
    padding: var(--spacing-6, 6px) var(--spacing-16, 16px);
    padding-left: var(--spacing-4, 4px);
    border-radius: var(--border-radius-24, 24px);
    color: var(--color-text-base-secondary, var(--gray-700, #616161));
    font-family: inherit;
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 500;
    line-height: 1.5;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.fod-language-switcher__toggle:focus-visible[b-vn3gnf89pj] {
    outline: 2px solid var(--blue-sky-600, #1976d2);
    outline-offset: 2px;
}

.fod-language-switcher__toggle:disabled[b-vn3gnf89pj] {
    opacity: 0.5;
    cursor: not-allowed;
}

.fod-language-switcher__icon[b-vn3gnf89pj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-4, 4px);
    color: var(--color-text-base-secondary, var(--gray-600, #757575));
}

/* Dropdown menu */
.fod-language-switcher__menu[b-vn3gnf89pj] {
    position: absolute;
    top: calc(100% + var(--spacing-8, 8px));
    right: 0;
    background: var(--color-background-base-default, var(--white, #ffffff));
    border-radius: var(--border-radius-16, 16px);
    box-shadow: var(--drop-shadow-300, 0 4px 12px rgba(0, 0, 0, 0.15));
    padding: var(--spacing-8, 8px);
    width: 150px;
    z-index: var(--z-index-dropdown, 1200);
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .fod-language-switcher__menu[b-vn3gnf89pj] {
        right: 0;
        left: -10px;
        margin: 0 auto;
        top: calc(100% + var(--spacing-8, 8px));
    }
}

.fod-language-switcher__menu.hidden[b-vn3gnf89pj] {
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
}

.fod-language-switcher__menu ul[b-vn3gnf89pj] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fod-language-switcher__menu ul a[b-vn3gnf89pj] {
    color: var(--color-text-base-secondary, var(--gray-700, #616161));
    display: block;
    text-decoration: none;
}

.fod-language-switcher__menu ul li[b-vn3gnf89pj] {
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-8, 8px);
    justify-content: space-between;
    margin-bottom: 0;
    padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.fod-language-switcher__menu ul li:hover[b-vn3gnf89pj] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f5f5f5));
}

.fod-language-switcher__menu ul li:hover a[b-vn3gnf89pj] {
    color: var(--blue-sky-600, #1976d2);
}

.fod-language-switcher__menu ul li.focused[b-vn3gnf89pj] {
    background-color: var(--color-background-base-secondary, var(--gray-100, #f5f5f5));
}

.fod-language-switcher__menu ul li.active[b-vn3gnf89pj] {
    background-color: var(--blue-sky-100, rgba(25, 118, 210, 0.08));
}

.fod-language-switcher__menu ul li.active a[b-vn3gnf89pj] {
    color: var(--blue-sky-600, #1976d2);
}

.fod-language-switcher__menu ul li.active .fod-language-switcher__check svg[b-vn3gnf89pj] {
    color: var(--blue-sky-600, #1976d2);
    opacity: 1;
    visibility: visible;
}

.fod-language-switcher__item[b-vn3gnf89pj] {
    flex: 1;
    font-size: var(--font-size-sm, 0.875rem);
}

.fod-language-switcher__check[b-vn3gnf89pj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fod-language-switcher__check svg[b-vn3gnf89pj] {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    color: var(--blue-sky-600, #1976d2);
}

/* States */
.fod-language-switcher--disabled .fod-language-switcher__toggle[b-vn3gnf89pj] {
    opacity: 0.5;
    cursor: not-allowed;
}

.fod-language-switcher--changing .fod-language-switcher__toggle[b-vn3gnf89pj] {
    pointer-events: none;
}

/* Screen reader only text */
.fod-language-switcher__sr-only[b-vn3gnf89pj] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* _content/Egov.Fod.UIComponents/Components/Layout/FodBox.razor.rz.scp.css */
/* Generated layout rules for FodBox / FodFlex / FodGrid (they all render
   through FodBox.razor, so this scoped file covers them).

   A responsive prop sets the class fod-r-{key}[-{breakpoint}] and the inline custom
   property --fod-{key}[-{breakpoint}] together; each rule below reads its own property.
   Order matters, at equal specificity the later rule wins:
     - base display modifiers first, so a responsive Display overrides them;
     - within a breakpoint, shorthand before axis before side (p < py < pt);
     - breakpoints mobile-first, each after the smaller one.
   Breakpoints = design-system screen.width.minFluid: tablet 480px, laptop 1024px,
   desktop 1440px. Media queries cannot read custom properties, so they are literals. */

.fod-layout[b-5in32pfjv1] {
    box-sizing: border-box;
}

.fod-layout--flex[b-5in32pfjv1] {
    display: flex;
}

.fod-layout--grid[b-5in32pfjv1] {
    display: grid;
}

/*#region Mobile (0px+)*/

.fod-r-display[b-5in32pfjv1] {
    display: var(--fod-display);
}

.fod-r-p[b-5in32pfjv1] {
    padding: var(--fod-p);
}

.fod-r-px[b-5in32pfjv1] {
    padding-inline: var(--fod-px);
}

.fod-r-py[b-5in32pfjv1] {
    padding-block: var(--fod-py);
}

.fod-r-pt[b-5in32pfjv1] {
    padding-top: var(--fod-pt);
}

.fod-r-pr[b-5in32pfjv1] {
    padding-right: var(--fod-pr);
}

.fod-r-pb[b-5in32pfjv1] {
    padding-bottom: var(--fod-pb);
}

.fod-r-pl[b-5in32pfjv1] {
    padding-left: var(--fod-pl);
}

.fod-r-m[b-5in32pfjv1] {
    margin: var(--fod-m);
}

.fod-r-mx[b-5in32pfjv1] {
    margin-inline: var(--fod-mx);
}

.fod-r-my[b-5in32pfjv1] {
    margin-block: var(--fod-my);
}

.fod-r-mt[b-5in32pfjv1] {
    margin-top: var(--fod-mt);
}

.fod-r-mr[b-5in32pfjv1] {
    margin-right: var(--fod-mr);
}

.fod-r-mb[b-5in32pfjv1] {
    margin-bottom: var(--fod-mb);
}

.fod-r-ml[b-5in32pfjv1] {
    margin-left: var(--fod-ml);
}

.fod-r-direction[b-5in32pfjv1] {
    flex-direction: var(--fod-direction);
}

.fod-r-align[b-5in32pfjv1] {
    align-items: var(--fod-align);
}

.fod-r-justify[b-5in32pfjv1] {
    justify-content: var(--fod-justify);
}

.fod-r-wrap[b-5in32pfjv1] {
    flex-wrap: var(--fod-wrap);
}

.fod-r-gap[b-5in32pfjv1] {
    gap: var(--fod-gap);
}

.fod-r-gap-x[b-5in32pfjv1] {
    column-gap: var(--fod-gap-x);
}

.fod-r-gap-y[b-5in32pfjv1] {
    row-gap: var(--fod-gap-y);
}

.fod-r-cols[b-5in32pfjv1] {
    grid-template-columns: var(--fod-cols);
}

.fod-r-rows[b-5in32pfjv1] {
    grid-template-rows: var(--fod-rows);
}

.fod-r-flow[b-5in32pfjv1] {
    grid-auto-flow: var(--fod-flow);
}

.fod-r-col-span[b-5in32pfjv1] {
    grid-column-end: var(--fod-col-span);
}

.fod-r-col-start[b-5in32pfjv1] {
    grid-column-start: var(--fod-col-start);
}

.fod-r-row-span[b-5in32pfjv1] {
    grid-row-end: var(--fod-row-span);
}

.fod-r-order[b-5in32pfjv1] {
    order: var(--fod-order);
}

.fod-r-align-self[b-5in32pfjv1] {
    align-self: var(--fod-align-self);
}

/*#endregion*/

/*#region Tablet (480px+)*/

@media (min-width: 480px) {
    .fod-r-display-tablet[b-5in32pfjv1] {
        display: var(--fod-display-tablet);
    }

    .fod-r-p-tablet[b-5in32pfjv1] {
        padding: var(--fod-p-tablet);
    }

    .fod-r-px-tablet[b-5in32pfjv1] {
        padding-inline: var(--fod-px-tablet);
    }

    .fod-r-py-tablet[b-5in32pfjv1] {
        padding-block: var(--fod-py-tablet);
    }

    .fod-r-pt-tablet[b-5in32pfjv1] {
        padding-top: var(--fod-pt-tablet);
    }

    .fod-r-pr-tablet[b-5in32pfjv1] {
        padding-right: var(--fod-pr-tablet);
    }

    .fod-r-pb-tablet[b-5in32pfjv1] {
        padding-bottom: var(--fod-pb-tablet);
    }

    .fod-r-pl-tablet[b-5in32pfjv1] {
        padding-left: var(--fod-pl-tablet);
    }

    .fod-r-m-tablet[b-5in32pfjv1] {
        margin: var(--fod-m-tablet);
    }

    .fod-r-mx-tablet[b-5in32pfjv1] {
        margin-inline: var(--fod-mx-tablet);
    }

    .fod-r-my-tablet[b-5in32pfjv1] {
        margin-block: var(--fod-my-tablet);
    }

    .fod-r-mt-tablet[b-5in32pfjv1] {
        margin-top: var(--fod-mt-tablet);
    }

    .fod-r-mr-tablet[b-5in32pfjv1] {
        margin-right: var(--fod-mr-tablet);
    }

    .fod-r-mb-tablet[b-5in32pfjv1] {
        margin-bottom: var(--fod-mb-tablet);
    }

    .fod-r-ml-tablet[b-5in32pfjv1] {
        margin-left: var(--fod-ml-tablet);
    }

    .fod-r-direction-tablet[b-5in32pfjv1] {
        flex-direction: var(--fod-direction-tablet);
    }

    .fod-r-align-tablet[b-5in32pfjv1] {
        align-items: var(--fod-align-tablet);
    }

    .fod-r-justify-tablet[b-5in32pfjv1] {
        justify-content: var(--fod-justify-tablet);
    }

    .fod-r-wrap-tablet[b-5in32pfjv1] {
        flex-wrap: var(--fod-wrap-tablet);
    }

    .fod-r-gap-tablet[b-5in32pfjv1] {
        gap: var(--fod-gap-tablet);
    }

    .fod-r-gap-x-tablet[b-5in32pfjv1] {
        column-gap: var(--fod-gap-x-tablet);
    }

    .fod-r-gap-y-tablet[b-5in32pfjv1] {
        row-gap: var(--fod-gap-y-tablet);
    }

    .fod-r-cols-tablet[b-5in32pfjv1] {
        grid-template-columns: var(--fod-cols-tablet);
    }

    .fod-r-rows-tablet[b-5in32pfjv1] {
        grid-template-rows: var(--fod-rows-tablet);
    }

    .fod-r-flow-tablet[b-5in32pfjv1] {
        grid-auto-flow: var(--fod-flow-tablet);
    }

    .fod-r-col-span-tablet[b-5in32pfjv1] {
        grid-column-end: var(--fod-col-span-tablet);
    }

    .fod-r-col-start-tablet[b-5in32pfjv1] {
        grid-column-start: var(--fod-col-start-tablet);
    }

    .fod-r-row-span-tablet[b-5in32pfjv1] {
        grid-row-end: var(--fod-row-span-tablet);
    }

    .fod-r-order-tablet[b-5in32pfjv1] {
        order: var(--fod-order-tablet);
    }

    .fod-r-align-self-tablet[b-5in32pfjv1] {
        align-self: var(--fod-align-self-tablet);
    }
}

/*#endregion*/

/*#region Laptop (1024px+)*/

@media (min-width: 1024px) {
    .fod-r-display-laptop[b-5in32pfjv1] {
        display: var(--fod-display-laptop);
    }

    .fod-r-p-laptop[b-5in32pfjv1] {
        padding: var(--fod-p-laptop);
    }

    .fod-r-px-laptop[b-5in32pfjv1] {
        padding-inline: var(--fod-px-laptop);
    }

    .fod-r-py-laptop[b-5in32pfjv1] {
        padding-block: var(--fod-py-laptop);
    }

    .fod-r-pt-laptop[b-5in32pfjv1] {
        padding-top: var(--fod-pt-laptop);
    }

    .fod-r-pr-laptop[b-5in32pfjv1] {
        padding-right: var(--fod-pr-laptop);
    }

    .fod-r-pb-laptop[b-5in32pfjv1] {
        padding-bottom: var(--fod-pb-laptop);
    }

    .fod-r-pl-laptop[b-5in32pfjv1] {
        padding-left: var(--fod-pl-laptop);
    }

    .fod-r-m-laptop[b-5in32pfjv1] {
        margin: var(--fod-m-laptop);
    }

    .fod-r-mx-laptop[b-5in32pfjv1] {
        margin-inline: var(--fod-mx-laptop);
    }

    .fod-r-my-laptop[b-5in32pfjv1] {
        margin-block: var(--fod-my-laptop);
    }

    .fod-r-mt-laptop[b-5in32pfjv1] {
        margin-top: var(--fod-mt-laptop);
    }

    .fod-r-mr-laptop[b-5in32pfjv1] {
        margin-right: var(--fod-mr-laptop);
    }

    .fod-r-mb-laptop[b-5in32pfjv1] {
        margin-bottom: var(--fod-mb-laptop);
    }

    .fod-r-ml-laptop[b-5in32pfjv1] {
        margin-left: var(--fod-ml-laptop);
    }

    .fod-r-direction-laptop[b-5in32pfjv1] {
        flex-direction: var(--fod-direction-laptop);
    }

    .fod-r-align-laptop[b-5in32pfjv1] {
        align-items: var(--fod-align-laptop);
    }

    .fod-r-justify-laptop[b-5in32pfjv1] {
        justify-content: var(--fod-justify-laptop);
    }

    .fod-r-wrap-laptop[b-5in32pfjv1] {
        flex-wrap: var(--fod-wrap-laptop);
    }

    .fod-r-gap-laptop[b-5in32pfjv1] {
        gap: var(--fod-gap-laptop);
    }

    .fod-r-gap-x-laptop[b-5in32pfjv1] {
        column-gap: var(--fod-gap-x-laptop);
    }

    .fod-r-gap-y-laptop[b-5in32pfjv1] {
        row-gap: var(--fod-gap-y-laptop);
    }

    .fod-r-cols-laptop[b-5in32pfjv1] {
        grid-template-columns: var(--fod-cols-laptop);
    }

    .fod-r-rows-laptop[b-5in32pfjv1] {
        grid-template-rows: var(--fod-rows-laptop);
    }

    .fod-r-flow-laptop[b-5in32pfjv1] {
        grid-auto-flow: var(--fod-flow-laptop);
    }

    .fod-r-col-span-laptop[b-5in32pfjv1] {
        grid-column-end: var(--fod-col-span-laptop);
    }

    .fod-r-col-start-laptop[b-5in32pfjv1] {
        grid-column-start: var(--fod-col-start-laptop);
    }

    .fod-r-row-span-laptop[b-5in32pfjv1] {
        grid-row-end: var(--fod-row-span-laptop);
    }

    .fod-r-order-laptop[b-5in32pfjv1] {
        order: var(--fod-order-laptop);
    }

    .fod-r-align-self-laptop[b-5in32pfjv1] {
        align-self: var(--fod-align-self-laptop);
    }
}

/*#endregion*/

/*#region Desktop (1440px+)*/

@media (min-width: 1440px) {
    .fod-r-display-desktop[b-5in32pfjv1] {
        display: var(--fod-display-desktop);
    }

    .fod-r-p-desktop[b-5in32pfjv1] {
        padding: var(--fod-p-desktop);
    }

    .fod-r-px-desktop[b-5in32pfjv1] {
        padding-inline: var(--fod-px-desktop);
    }

    .fod-r-py-desktop[b-5in32pfjv1] {
        padding-block: var(--fod-py-desktop);
    }

    .fod-r-pt-desktop[b-5in32pfjv1] {
        padding-top: var(--fod-pt-desktop);
    }

    .fod-r-pr-desktop[b-5in32pfjv1] {
        padding-right: var(--fod-pr-desktop);
    }

    .fod-r-pb-desktop[b-5in32pfjv1] {
        padding-bottom: var(--fod-pb-desktop);
    }

    .fod-r-pl-desktop[b-5in32pfjv1] {
        padding-left: var(--fod-pl-desktop);
    }

    .fod-r-m-desktop[b-5in32pfjv1] {
        margin: var(--fod-m-desktop);
    }

    .fod-r-mx-desktop[b-5in32pfjv1] {
        margin-inline: var(--fod-mx-desktop);
    }

    .fod-r-my-desktop[b-5in32pfjv1] {
        margin-block: var(--fod-my-desktop);
    }

    .fod-r-mt-desktop[b-5in32pfjv1] {
        margin-top: var(--fod-mt-desktop);
    }

    .fod-r-mr-desktop[b-5in32pfjv1] {
        margin-right: var(--fod-mr-desktop);
    }

    .fod-r-mb-desktop[b-5in32pfjv1] {
        margin-bottom: var(--fod-mb-desktop);
    }

    .fod-r-ml-desktop[b-5in32pfjv1] {
        margin-left: var(--fod-ml-desktop);
    }

    .fod-r-direction-desktop[b-5in32pfjv1] {
        flex-direction: var(--fod-direction-desktop);
    }

    .fod-r-align-desktop[b-5in32pfjv1] {
        align-items: var(--fod-align-desktop);
    }

    .fod-r-justify-desktop[b-5in32pfjv1] {
        justify-content: var(--fod-justify-desktop);
    }

    .fod-r-wrap-desktop[b-5in32pfjv1] {
        flex-wrap: var(--fod-wrap-desktop);
    }

    .fod-r-gap-desktop[b-5in32pfjv1] {
        gap: var(--fod-gap-desktop);
    }

    .fod-r-gap-x-desktop[b-5in32pfjv1] {
        column-gap: var(--fod-gap-x-desktop);
    }

    .fod-r-gap-y-desktop[b-5in32pfjv1] {
        row-gap: var(--fod-gap-y-desktop);
    }

    .fod-r-cols-desktop[b-5in32pfjv1] {
        grid-template-columns: var(--fod-cols-desktop);
    }

    .fod-r-rows-desktop[b-5in32pfjv1] {
        grid-template-rows: var(--fod-rows-desktop);
    }

    .fod-r-flow-desktop[b-5in32pfjv1] {
        grid-auto-flow: var(--fod-flow-desktop);
    }

    .fod-r-col-span-desktop[b-5in32pfjv1] {
        grid-column-end: var(--fod-col-span-desktop);
    }

    .fod-r-col-start-desktop[b-5in32pfjv1] {
        grid-column-start: var(--fod-col-start-desktop);
    }

    .fod-r-row-span-desktop[b-5in32pfjv1] {
        grid-row-end: var(--fod-row-span-desktop);
    }

    .fod-r-order-desktop[b-5in32pfjv1] {
        order: var(--fod-order-desktop);
    }

    .fod-r-align-self-desktop[b-5in32pfjv1] {
        align-self: var(--fod-align-self-desktop);
    }
}

/*#endregion*/
/* _content/Egov.Fod.UIComponents/Components/Layout/FodContainer.razor.rz.scp.css */
/* #region Base Styles */

.fod-container[b-m9pp8e3t0c] {
    width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
    padding-inline: var(--spacing-12, 12px);
    padding-block: var(--spacing-16, 16px);
}

/* #endregion */

/* #region MaxWidth Modifiers */

.fod-container--sm[b-m9pp8e3t0c] {
    max-width: 540px;
}

.fod-container--md[b-m9pp8e3t0c] {
    max-width: 720px;
}

.fod-container--lg[b-m9pp8e3t0c] {
    max-width: 960px;
}

.fod-container--xl[b-m9pp8e3t0c] {
    max-width: 1248px;
}

.fod-container--xxl[b-m9pp8e3t0c] {
    max-width: 1320px;
}

/* #endregion */

/* #region Fluid Modifier */

.fod-container--fluid[b-m9pp8e3t0c] {
    max-width: none;
}

/* #endregion */

/* #region FullBleed Modifier */

.fod-container--fullbleed[b-m9pp8e3t0c] {
    padding-inline: 0;
}

/* #endregion */

/* #region Safe-Area Support */

.fod-container--safearea[b-m9pp8e3t0c] {
    padding-inline: max(env(safe-area-inset-left), var(--spacing-12, 12px)) max(env(safe-area-inset-right), var(--spacing-12, 12px));
}

/* #endregion */

/* #region Density Modifiers */

.fod-container--compact[b-m9pp8e3t0c] {
    padding-inline: var(--spacing-8, 8px);
    padding-block: var(--spacing-8, 8px);
}

/* #endregion */
/* _content/Egov.Fod.UIComponents/Components/Layout/FodStack.razor.rz.scp.css */
/*#region Base Styles*/

.fod-stack[b-7kadzdl88e] {
    display: flex;
}

/*#endregion*/

/*#region Direction*/

.fod-stack--row[b-7kadzdl88e] {
    flex-direction: row;
}

.fod-stack--column[b-7kadzdl88e] {
    flex-direction: column;
}

/*#endregion*/

/*#region Gap Modifiers*/

.fod-stack--gap-2[b-7kadzdl88e] {
    gap: var(--spacing-2);
}

.fod-stack--gap-4[b-7kadzdl88e] {
    gap: var(--spacing-4);
}

.fod-stack--gap-6[b-7kadzdl88e] {
    gap: var(--spacing-6);
}

.fod-stack--gap-8[b-7kadzdl88e] {
    gap: var(--spacing-8);
}

.fod-stack--gap-12[b-7kadzdl88e] {
    gap: var(--spacing-12);
}

.fod-stack--gap-16[b-7kadzdl88e] {
    gap: var(--spacing-16);
}

.fod-stack--gap-20[b-7kadzdl88e] {
    gap: var(--spacing-20);
}

.fod-stack--gap-24[b-7kadzdl88e] {
    gap: var(--spacing-24);
}

.fod-stack--gap-32[b-7kadzdl88e] {
    gap: var(--spacing-32);
}

.fod-stack--gap-40[b-7kadzdl88e] {
    gap: var(--spacing-40);
}

.fod-stack--gap-48[b-7kadzdl88e] {
    gap: var(--spacing-48);
}

.fod-stack--gap-56[b-7kadzdl88e] {
    gap: var(--spacing-56);
}

.fod-stack--gap-64[b-7kadzdl88e] {
    gap: var(--spacing-64);
}

.fod-stack--gap-72[b-7kadzdl88e] {
    gap: var(--spacing-72);
}

.fod-stack--gap-80[b-7kadzdl88e] {
    gap: var(--spacing-80);
}

.fod-stack--gap-96[b-7kadzdl88e] {
    gap: var(--spacing-96);
}

.fod-stack--gap-120[b-7kadzdl88e] {
    gap: var(--spacing-120);
}

/*#endregion*/

/*#region Alignment*/

.fod-stack--align-start[b-7kadzdl88e] {
    align-items: flex-start;
}

.fod-stack--align-center[b-7kadzdl88e] {
    align-items: center;
}

.fod-stack--align-end[b-7kadzdl88e] {
    align-items: flex-end;
}

.fod-stack--align-stretch[b-7kadzdl88e] {
    align-items: stretch;
}

.fod-stack--align-baseline[b-7kadzdl88e] {
    align-items: baseline;
}

/*#endregion*/

/*#region Justification*/

.fod-stack--justify-start[b-7kadzdl88e] {
    justify-content: flex-start;
}

.fod-stack--justify-center[b-7kadzdl88e] {
    justify-content: center;
}

.fod-stack--justify-end[b-7kadzdl88e] {
    justify-content: flex-end;
}

.fod-stack--justify-between[b-7kadzdl88e] {
    justify-content: space-between;
}

.fod-stack--justify-around[b-7kadzdl88e] {
    justify-content: space-around;
}

.fod-stack--justify-evenly[b-7kadzdl88e] {
    justify-content: space-evenly;
}

/*#endregion*/

/*#region Wrap*/

.fod-stack--wrap[b-7kadzdl88e] {
    flex-wrap: wrap;
}

/*#endregion*/
/* _content/Egov.Fod.UIComponents/Components/List/FodList.razor.rz.scp.css */
/*
 * FOD List Component Styles
 *
 * These styles follow the general FOD Design System approach and patterns from main.css,
 * using FOD design tokens (spacing, colors, typography, etc.) for consistency.
 * However, main.css does not contain specific list component examples to reuse directly.
 * The implementation is based on FOD's general component patterns and conventions.
 */

/*#region Base Styles*/

.fod-list[b-fmf2nsrqxh] {
    list-style: none;
    margin: 0;
    padding: 4px;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 220px;
    outline: none;
    /* Enable smooth scrolling for keyboard navigation */
    scroll-behavior: smooth;
    overflow: auto;
}

.fod-list__item[b-fmf2nsrqxh] {
    display: block;
    padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
    color: var(--color-text-base-default, var(--black, #121212));
    font-size: var(--text-body-md-font-size, 16px);
    font-family: var(--font-family-base, "Onest", sans-serif);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
    user-select: none;
    border-radius: 0;
}

.fod-list:not(.fod-list--bordered) .fod-list__item[b-fmf2nsrqxh] {
    border-radius: var(--border-radius-4, 4px);
}

/*#endregion Base Styles*/

/*#region Bordered Variant*/

.fod-list--bordered[b-fmf2nsrqxh] {
    border: 1px solid var(--color-border-base-default, #D9D9D9);
    border-radius: var(--border-radius-8, 8px);
}

.fod-list--bordered .fod-list__item:not(:last-child)[b-fmf2nsrqxh] {
    border-bottom: 1px solid var(--color-border-base-default, #D9D9D9);
}

.fod-list--bordered .fod-list__item:first-child[b-fmf2nsrqxh] {
    border-top-left-radius: var(--border-radius-8, 8px);
    border-top-right-radius: var(--border-radius-8, 8px);
}

.fod-list--bordered .fod-list__item:last-child[b-fmf2nsrqxh] {
    border-bottom-left-radius: var(--border-radius-8, 8px);
    border-bottom-right-radius: var(--border-radius-8, 8px);
}

/*#endregion Bordered Variant*/

/*#region Size Variants*/

.fod-list--sm .fod-list__item[b-fmf2nsrqxh] {
    padding: var(--spacing-6, 6px) var(--spacing-8, 8px);
}

.fod-list--lg .fod-list__item[b-fmf2nsrqxh] {
    padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
}

/*#endregion Size Variants*/

/*#region Striped Variant*/

.fod-list--striped .fod-list__item:nth-child(even)[b-fmf2nsrqxh] {
    background-color: var(--gray-200, #F1F1F1);
}

.fod-list--hoverable.fod-list--striped .fod-list__item:nth-child(even):hover[b-fmf2nsrqxh] {
    background-color: var(--gray-400, #BDBDBD);
}

/*#endregion Striped Variant*/

/*#region Hoverable*/

.fod-list--hoverable .fod-list__item:hover[b-fmf2nsrqxh] {
    background-color: var(--gray-100, #F5F5F5);
}

/*#endregion Hoverable*/

/*#region Selected State*/

.fod-list__item--selected[b-fmf2nsrqxh] {
    color: var(--blue-sky-600);
    background-color: var(--color-background-brand-secondary, var(--blue-sky-100, #E8F0FB));
    font-weight: var(--font-weight-medium, 500);
}

.fod-list--hoverable .fod-list__item--selected:hover[b-fmf2nsrqxh] {
    background-color: var(--color-background-brand-secondary-hover, var(--blue-sky-200, #CCDEF6));
}

/*#endregion Selected State*/

/*#region Active State (Keyboard Focus)*/

.fod-list__item--active[b-fmf2nsrqxh] {
    background-color: var(--color-background-brand-secondary, var(--blue-sky-100, #E8F0FB));
    color: var(--blue-sky-600);
}

/*#endregion Active State (Keyboard Focus)*/

/*#region Selection Indicator Variant*/

.fod-list--with-indicator .fod-list__item--selected[b-fmf2nsrqxh] {
    border-left: 4px solid var(--blue-sky-600);
    background-color: var(--color-background-brand-secondary, var(--blue-sky-100, #E8F0FB));
}

.fod-list--with-indicator.fod-list--hoverable .fod-list__item--selected:hover[b-fmf2nsrqxh] {
    background-color: var(--color-background-brand-secondary-hover, var(--blue-sky-200, #CCDEF6));
}

/*#endregion Selection Indicator Variant*/

/*#region Empty State*/

.fod-list__empty[b-fmf2nsrqxh] {
    padding: var(--spacing-16, 16px);
    text-align: center;
    color: var(--color-text-secondary, #757575);
}

/*#endregion Empty State*/

/*#region Focus State*/

.fod-list:focus-visible[b-fmf2nsrqxh] {
    outline: 2px solid var(--blue-sky-600, #0058D2);
    outline-offset: -2px;
}

/*#endregion Focus State*/

/*#region Dark Mode Overrides */

:global([data-theme=dark]) .fod-list__item[b-fmf2nsrqxh] {
    color: var(--gray-200, #E5E5E5);
}

:global([data-theme=dark]) .fod-list--hoverable .fod-list__item:hover[b-fmf2nsrqxh] {
    background-color: rgba(255, 255, 255, 0.08);
}

:global([data-theme=dark]) .fod-list__item--selected[b-fmf2nsrqxh] {
    color: var(--blue-sky-300, #7AB8F5);
    background-color: var(--color-background-brand-secondary, var(--blue-sky-100, #E8F0FB));
}

:global([data-theme=dark]) .fod-list--hoverable .fod-list__item--selected:hover[b-fmf2nsrqxh] {
    background-color: var(--color-background-brand-secondary-hover, var(--blue-sky-200, #CCDEF6));
}

:global([data-theme=dark]) .fod-list--striped .fod-list__item:nth-child(even)[b-fmf2nsrqxh] {
    background-color: var(--gray-700, #616161);
}

:global([data-theme=dark]) .fod-list--hoverable.fod-list--striped .fod-list__item:nth-child(even):hover[b-fmf2nsrqxh] {
    background-color: var(--gray-600, #757575);
}

:global([data-theme=dark]) .fod-list--with-indicator .fod-list__item--selected[b-fmf2nsrqxh] {
    background-color: var(--color-background-brand-secondary, var(--blue-sky-100, #E8F0FB));
}

:global([data-theme=dark]) .fod-list--with-indicator.fod-list--hoverable .fod-list__item--selected:hover[b-fmf2nsrqxh] {
    background-color: var(--color-background-brand-secondary-hover, var(--blue-sky-200, #CCDEF6));
}

:global([data-theme=dark]) .fod-list__empty[b-fmf2nsrqxh] {
    color: var(--gray-400, #9E9E9E);
}

/*#endregion Dark Mode Overrides */
/* _content/Egov.Fod.UIComponents/Components/Main/FodMainContent.razor.rz.scp.css */
.fod-main-content[b-ajy6neozqp] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
}
/* _content/Egov.Fod.UIComponents/Components/MudAdapters/Accordion/FodAccordionItem.razor.rz.scp.css */
/* Hide the light-DOM panel body until the web component upgrades, so it doesn't
   flash unstyled before the shadow DOM (with its collapse state) takes over. */
mud-accordion-item:not(:defined)[b-wkcq2k6h6p] {
    display: none;
}
/* _content/Egov.Fod.UIComponents/Components/MudAdapters/Input/FodRadioGroup.razor.rz.scp.css */
.fod-radio-group[b-4f7dgtiord] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.fod-radio-group-label[b-4f7dgtiord] {
    display: block;
    font-size: var(--text-body-md-font-size, 16px);
    font-weight: 500;
    color: var(--gray-900, #111);
    margin-block-end: var(--spacing-8, 8px);
}

.fod-required-indicator[b-4f7dgtiord] {
    color: var(--red-600, #d32f2f);
    margin-inline-start: var(--spacing-4, 4px);
}

.fod-radio-group-items[b-4f7dgtiord] {
    display: flex;
    gap: var(--spacing-8, 8px);
}

.fod-radio-group-items.fod-radio-group--vertical[b-4f7dgtiord] {
    flex-direction: column;
}

.fod-radio-group-items.fod-radio-group--horizontal[b-4f7dgtiord] {
    flex-direction: row;
    flex-wrap: wrap;
}

.fod-radio-group-error[b-4f7dgtiord] {
    display: flex;
    align-items: center;
    gap: var(--spacing-4, 4px);
    color: var(--red-600, #d32f2f);
    font-size: var(--text-body-sm-font-size, 14px);
    padding-inline-start: 22px;
}

[dir="rtl"] .fod-radio-group[b-4f7dgtiord],
:host-context([dir="rtl"]) .fod-radio-group[b-4f7dgtiord] {
    /* Logical properties handle RTL automatically */
}
/* _content/Egov.Fod.UIComponents/Components/MudAdapters/Tabs/FodTabs.razor.rz.scp.css */


mud-tabs:not(:defined)[b-xcyff62qby]  [slot^='panel-'] {
    display: none;
}
/* _content/Egov.Fod.UIComponents/Components/NumericField/FodNumericField.razor.rz.scp.css */
/*
   FOD NumericField — legacy (culture / format / mask / wheel) path only.
   The standard path renders <mud-numeric-input> and needs no local styles.
   Here the field is a plain <mud-text-input> and this component supplies the
   stepper buttons, the prefix / suffix affixes and the character counter that
   ride in as slotted content / siblings.
*/

.fod-numeric-field[b-u5xe4iun6a] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 4px);
    inline-size: 100%;
}

.fod-numeric__slot[b-u5xe4iun6a] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-4, 4px);
    line-height: 0;
}

.fod-numeric__affix[b-u5xe4iun6a] {
    font-size: var(--text-body-sm-font-size, 14px);
    color: var(--color-text-base-secondary, #616161);
    white-space: nowrap;
    line-height: 1;
}

.fod-numeric__steppers[b-u5xe4iun6a] {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.fod-numeric__stepper[b-u5xe4iun6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--spacing-20, 20px);
    block-size: var(--spacing-16, 16px);
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-icon-base-secondary, #444);
    cursor: pointer;
}

.fod-numeric__stepper:hover:not(:disabled)[b-u5xe4iun6a] {
    color: var(--color-icon-base-default, #121212);
}

.fod-numeric__stepper:disabled[b-u5xe4iun6a] {
    color: var(--color-icon-base-tertiary, #757575);
    cursor: not-allowed;
}

.fod-numeric-field__footer[b-u5xe4iun6a] {
    display: flex;
    justify-content: flex-end;
    min-block-size: var(--spacing-20, 20px);
}

.fod-numeric-field__footer .fod-input__counter[b-u5xe4iun6a] {
    font-size: var(--text-body-sm-font-size, 14px);
    color: var(--color-text-base-secondary, #616161);
}
/* _content/Egov.Fod.UIComponents/Components/Selection/FodSelectionCard.razor.rz.scp.css */
.fod-selection-card[b-6kgzgoeg33] {
    background-color: var(--color-background-base-default, #ffffff);
    border: 1px solid var(--gray-250, #D9D9D9);
    border-radius: var(--radius-16, 16px);
    padding: 20px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    text-align: left;
    height: 100%;
    box-sizing: border-box;
}

.fod-selection-card:hover:not(.fod-selection-card--selected)[b-6kgzgoeg33] {
    outline: 2px solid var(--blue-sky-600, #0058D2);
    outline-offset: -2px;
}

.fod-selection-card:focus-visible[b-6kgzgoeg33] {
    outline: 2px solid var(--color-border-brand-default, #0058D2);
    outline-offset: 2px;
}

.fod-selection-card--selected[b-6kgzgoeg33] {
    border: 1.5px solid var(--blue-sky-600, #0058D2);
    box-shadow: 0 0 0 4px var(--blue-sky-200, #CCDEF6);
}

/*#region [ Card Header ]*/

.fod-selection-card__header[b-6kgzgoeg33] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 26px;
    gap: var(--spacing-8, 8px);
}

.fod-selection-card__header-content[b-6kgzgoeg33] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

/*#endregion [ Card Header ]*/

/*#region [ Radio Indicator ]*/

.fod-selection-card__radio[b-6kgzgoeg33] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1.67px solid var(--gray-300, #B2B2B2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.fod-selection-card--selected .fod-selection-card__radio[b-6kgzgoeg33] {
    background-color: transparent;
    border-color: transparent;
}

/*#endregion [ Radio Indicator ]*/

/*#region [ Dark Theme ]*/

[data-theme=dark] .fod-selection-card[b-6kgzgoeg33] {
    background-color: var(--color-background-base-default, #1E1E1E);
    border-color: var(--color-border-base-default, #444444);
}

[data-theme=dark] .fod-selection-card:hover:not(.fod-selection-card--selected)[b-6kgzgoeg33] {
    outline: 2px solid var(--color-border-brand-default, #3379DB);
    outline-offset: -2px;
}

[data-theme=dark] .fod-selection-card--selected[b-6kgzgoeg33] {
    border-color: var(--blue-sky-500, #3379DB);
    box-shadow: 0 0 0 4px rgba(51, 121, 219, 0.25);
}

[data-theme=dark] .fod-selection-card__radio[b-6kgzgoeg33] {
    border-color: var(--gray-500, #616161);
}

[data-theme=dark] .fod-selection-card--selected .fod-selection-card__radio[b-6kgzgoeg33] {
    background-color: transparent;
    border-color: transparent;
}

/*#endregion [ Dark Theme ]*/
/* _content/Egov.Fod.UIComponents/Components/Selection/FodSelectionGroup.razor.rz.scp.css */
.fod-selection-group[b-b3ew0rt99a] {
    display: flex;
    flex-direction: column;
}

.fod-selection-group__info-banner[b-b3ew0rt99a] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background-color: var(--gray-100, #F5F5F5);
    border-radius: var(--radius-8, 8px);
    padding: var(--spacing-16, 16px);
    gap: var(--spacing-8, 8px);
    margin-block-end: var(--spacing-20, 20px);
}

[data-theme=dark] .fod-selection-group__info-banner[b-b3ew0rt99a] {
    background-color: var(--gray-800, #2C2C2C);
}
/* _content/Egov.Fod.UIComponents/Components/Skeleton/FodSkeleton.razor.rz.scp.css */
/*#region [Keyframe Animations]*/

@keyframes fod-skeleton-pulse-b-z2gp906ai0 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}

@keyframes fod-skeleton-wave-b-z2gp906ai0 {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}

/*#endregion*/

/*#region [Base Styles]*/

.fod-skeleton[b-z2gp906ai0] {
    background-color: #E5E5E5;
    border-radius: var(--border-radius-base, 4px);
    display: block;
    inline-size: 100%;
    block-size: 100%;
    overflow: hidden;
}

[data-theme=dark] .fod-skeleton[b-z2gp906ai0] {
    background-color: #424242;
}

/*#endregion*/

/*#region [Variant Styles]*/

.fod-skeleton--rectangle[b-z2gp906ai0] {
    min-block-size: 20px;
}

.fod-skeleton--circle[b-z2gp906ai0] {
    border-radius: 50%;
    inline-size: 40px;
    block-size: 40px;
    min-inline-size: 40px;
    min-block-size: 40px;
}

.fod-skeleton--text[b-z2gp906ai0] {
    min-block-size: 1em;
    border-radius: var(--border-radius-sm, 2px);
}

.fod-skeleton--text .fod-skeleton-line[b-z2gp906ai0] {
    background-color: #E5E5E5;
    border-radius: var(--border-radius-sm, 2px);
    block-size: 1em;
    inline-size: 100%;
}

[data-theme=dark] .fod-skeleton--text .fod-skeleton-line[b-z2gp906ai0] {
    background-color: #424242;
}

.fod-skeleton--text .fod-skeleton-line:last-child[b-z2gp906ai0] {
    inline-size: 80%;
}

.fod-skeleton--text[b-z2gp906ai0] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2, 8px);
}

.fod-skeleton--list[b-z2gp906ai0] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 16px);
}

.fod-skeleton--list .fod-skeleton-item[b-z2gp906ai0] {
    background-color: #E5E5E5;
    border-radius: var(--border-radius-base, 4px);
    block-size: 48px;
    inline-size: 100%;
}

[data-theme=dark] .fod-skeleton--list .fod-skeleton-item[b-z2gp906ai0] {
    background-color: #424242;
}

/*#endregion*/

/*#region [Animation Styles]*/

.fod-skeleton--pulse[b-z2gp906ai0] {
    animation: fod-skeleton-pulse-b-z2gp906ai0 1.5s ease-in-out infinite;
}

.fod-skeleton--pulse .fod-skeleton-line[b-z2gp906ai0],
.fod-skeleton--pulse .fod-skeleton-item[b-z2gp906ai0] {
    animation: fod-skeleton-pulse-b-z2gp906ai0 1.5s ease-in-out infinite;
}

.fod-skeleton--wave[b-z2gp906ai0] {
    background-image: linear-gradient(90deg, transparent, #F5F5F5, transparent);
    background-size: 200% 100%;
    animation: fod-skeleton-wave-b-z2gp906ai0 1.5s linear infinite;
}

[data-theme=dark] .fod-skeleton--wave[b-z2gp906ai0] {
    background-image: linear-gradient(90deg, transparent, #616161, transparent);
}

.fod-skeleton--wave .fod-skeleton-line[b-z2gp906ai0],
.fod-skeleton--wave .fod-skeleton-item[b-z2gp906ai0] {
    background-image: linear-gradient(90deg, transparent, #F5F5F5, transparent);
    background-size: 200% 100%;
    animation: fod-skeleton-wave-b-z2gp906ai0 1.5s linear infinite;
}

[data-theme=dark] .fod-skeleton--wave .fod-skeleton-line[b-z2gp906ai0],
[data-theme=dark] .fod-skeleton--wave .fod-skeleton-item[b-z2gp906ai0] {
    background-image: linear-gradient(90deg, transparent, #616161, transparent);
}

/*#endregion*/

/*#region [Accessibility - Reduced Motion]*/

@media (prefers-reduced-motion: reduce) {
    .fod-skeleton[b-z2gp906ai0],
    .fod-skeleton--pulse[b-z2gp906ai0],
    .fod-skeleton--wave[b-z2gp906ai0],
    .fod-skeleton--pulse .fod-skeleton-line[b-z2gp906ai0],
    .fod-skeleton--pulse .fod-skeleton-item[b-z2gp906ai0],
    .fod-skeleton--wave .fod-skeleton-line[b-z2gp906ai0],
    .fod-skeleton--wave .fod-skeleton-item[b-z2gp906ai0] {
        animation: none;
    }
}

/*#endregion*/
/* _content/Egov.Fod.UIComponents/Providers/Dialog/FodDialogProvider.razor.rz.scp.css */
/*#region Dialog Host*/

.fod-dialog-host[b-ajs3aw033r] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1300;
}

.fod-dialog-host > mud-modal[b-ajs3aw033r] {
    pointer-events: auto;
}

/*#endregion Dialog Host*/

/*#region Dialog Container*/

.fod-dialog-container[b-ajs3aw033r] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/*#endregion Dialog Container*/

/*#region Positioned Dialog Container*/

.fod-dialog-container--top[b-ajs3aw033r] {
    align-items: flex-start;
    justify-content: center;
    padding-block-start: var(--fod-header-total-height, 112px);
}

.fod-dialog-container--bottom[b-ajs3aw033r] {
    align-items: flex-end;
    justify-content: center;
    padding-block-end: var(--spacing-24, 24px);
}

/*#endregion Positioned Dialog Container*/

/*#region Backdrop*/

.fod-dialog-backdrop[b-ajs3aw033r] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: auto;
}

[data-theme="dark"] .fod-dialog-backdrop[b-ajs3aw033r] {
    background-color: rgba(0, 0, 0, 0.7);
}

/*#endregion Backdrop*/

/*#region Dialog*/

.fod-dialog[b-ajs3aw033r] {
    position: relative;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - var(--spacing-48, 48px));
    max-width: calc(100vw - var(--spacing-32, 32px));
    width: 100%;
    max-width: 500px;
    background-color: var(--color-background-base-default, #ffffff);
    border-radius: var(--radius-8, 8px);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    pointer-events: auto;
    overflow: hidden;
}

[data-theme="dark"] .fod-dialog[b-ajs3aw033r] {
    background-color: var(--color-background-base-default, #1a1a1a);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

/*#endregion Dialog*/

/*#region Positioned Dialog*/

/* Positioned dialog variant (top/bottom) */
.fod-dialog--positioned[b-ajs3aw033r] {
    /* Higher z-index for banners above header dropdowns */
    z-index: 1160;
    max-width: var(--fod-container-max-width, 800px);
    width: calc(100% - var(--spacing-48, 48px));
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* Top positioned dialog animation */
.fod-dialog-container--top .fod-dialog--positioned[b-ajs3aw033r] {
    animation: slideInFromTop-b-ajs3aw033r 0.3s ease-out forwards;
}

/* Bottom positioned dialog animation */
.fod-dialog-container--bottom .fod-dialog--positioned[b-ajs3aw033r] {
    animation: slideInFromBottom-b-ajs3aw033r 0.3s ease-out forwards;
}

@keyframes slideInFromTop-b-ajs3aw033r {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromBottom-b-ajs3aw033r {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/*#endregion Positioned Dialog*/

/*#region Dialog Header*/

.fod-dialog-header[b-ajs3aw033r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-16, 16px) var(--spacing-24, 24px);
    border-block-end: 1px solid var(--color-border-base-default, #e0e0e0);
}

[data-theme="dark"] .fod-dialog-header[b-ajs3aw033r] {
    border-block-end-color: var(--color-border-base-default, #333333);
}

.fod-dialog-title[b-ajs3aw033r] {
    margin: 0;
    font-size: var(--font-size-lg, 18px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-base-default, #1a1a1a);
    line-height: 1.4;
}

[data-theme="dark"] .fod-dialog-title[b-ajs3aw033r] {
    color: var(--color-text-base-default, #ffffff);
}

.fod-dialog-close[b-ajs3aw033r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    margin-inline-start: var(--spacing-16, 16px);
    background: transparent;
    border: none;
    border-radius: var(--radius-4, 4px);
    font-size: 24px;
    line-height: 1;
    color: var(--color-text-base-muted, #666666);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.fod-dialog-close:hover[b-ajs3aw033r] {
    background-color: var(--color-background-base-hover, #f0f0f0);
    color: var(--color-text-base-default, #1a1a1a);
}

.fod-dialog-close:focus-visible[b-ajs3aw033r] {
    outline: 2px solid var(--color-focus-ring, #0066cc);
    outline-offset: 2px;
}

[data-theme="dark"] .fod-dialog-close[b-ajs3aw033r] {
    color: var(--color-text-base-muted, #999999);
}

[data-theme="dark"] .fod-dialog-close:hover[b-ajs3aw033r] {
    background-color: var(--color-background-base-hover, #333333);
    color: var(--color-text-base-default, #ffffff);
}

/*#endregion Dialog Header*/

/*#region Dialog Content*/

.fod-dialog-content[b-ajs3aw033r] {
    flex: 1;
    overflow-y: auto;
    padding: var(--spacing-24, 24px);
}

/*#endregion Dialog Content*/

/*#region Focus Trap*/

.fod-dialog-focus-trap[b-ajs3aw033r] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*#endregion Focus Trap*/
/* _content/Egov.Fod.UIComponents/Providers/Skeleton/FodAppSkeleton.razor.rz.scp.css */
/*#region [Base Styles]*/

.fod-app-skeleton[b-zdbgvfpdzc] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background-color: var(--color-bg-base-default, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block-start: env(safe-area-inset-top, 0);
    padding-inline-end: env(safe-area-inset-right, 0);
    padding-block-end: env(safe-area-inset-bottom, 0);
    padding-inline-start: env(safe-area-inset-left, 0);
}

[data-theme=dark] .fod-app-skeleton[b-zdbgvfpdzc] {
    background-color: var(--color-bg-base-default, #1a1a1a);
}

/*#endregion*/

/*#region [Content Container]*/

.fod-app-skeleton__content[b-zdbgvfpdzc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-6, 24px);
}

/*#endregion*/

/*#region [Logo]*/

.fod-app-skeleton__logo[b-zdbgvfpdzc] {
    max-inline-size: 200px;
    max-block-size: 100px;
}

/*#endregion*/

/*#region [Message]*/

.fod-app-skeleton__message[b-zdbgvfpdzc] {
    color: var(--color-text-base-default, #333333);
    font-size: var(--font-size-base, 16px);
    text-align: center;
}

[data-theme=dark] .fod-app-skeleton__message[b-zdbgvfpdzc] {
    color: var(--color-text-base-default, #e5e5e5);
}

/*#endregion*/

/*#region [Progress]*/

.fod-app-skeleton__progress[b-zdbgvfpdzc] {
    margin-block-start: var(--spacing-4, 16px);
}

/*#endregion*/
/* _content/Egov.Fod.UIComponents/Providers/Skeleton/FodSkeletonProvider.razor.rz.scp.css */
/*#region [Screen Reader Only]*/

.fod-sr-only[b-y9labt6y3w] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/*#endregion*/
/* _content/Egov.Fod.UIComponents/Providers/Toast/FodToastProvider.razor.rz.scp.css */
/*#region Toast Container*/

.fod-toast-container[b-nvtsprgzdh] {
    position: fixed;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
    pointer-events: none;
    max-inline-size: calc(100vw - var(--spacing-32, 32px));
}

/* Top placements */
.fod-toast-container--top-start[b-nvtsprgzdh] {
    inset-block-start: calc(var(--spacing-16, 16px) + env(safe-area-inset-top, 0px));
    inset-inline-start: calc(var(--spacing-16, 16px) + env(safe-area-inset-left, 0px));
    align-items: flex-start;
}

.fod-toast-container--top-center[b-nvtsprgzdh] {
    inset-block-start: calc(var(--spacing-16, 16px) + env(safe-area-inset-top, 0px));
    inset-inline-start: 50%;
    transform: translateX(-50%);
    align-items: center;
}

.fod-toast-container--top-end[b-nvtsprgzdh] {
    inset-block-start: calc(var(--spacing-16, 16px) + env(safe-area-inset-top, 0px));
    inset-inline-end: calc(var(--spacing-16, 16px) + env(safe-area-inset-right, 0px));
    align-items: flex-end;
}

/* Bottom placements */
.fod-toast-container--bottom-start[b-nvtsprgzdh] {
    inset-block-end: calc(var(--spacing-16, 16px) + env(safe-area-inset-bottom, 0px));
    inset-inline-start: calc(var(--spacing-16, 16px) + env(safe-area-inset-left, 0px));
    align-items: flex-start;
}

.fod-toast-container--bottom-center[b-nvtsprgzdh] {
    inset-block-end: calc(var(--spacing-16, 16px) + env(safe-area-inset-bottom, 0px));
    inset-inline-start: 50%;
    transform: translateX(-50%);
    align-items: center;
}

.fod-toast-container--bottom-end[b-nvtsprgzdh] {
    inset-block-end: calc(var(--spacing-16, 16px) + env(safe-area-inset-bottom, 0px));
    inset-inline-end: calc(var(--spacing-16, 16px) + env(safe-area-inset-right, 0px));
    align-items: flex-end;
}

/*#endregion Toast Container*/

/*#region Toast item (re-enable pointer events, elevation, entrance)*/

/* The container is pointer-events:none so its empty area never blocks the page
   behind it; each toast box has to opt back in, otherwise the close button, the
   action button and pause-on-hover are all dead. */
.fod-toast-item[b-nvtsprgzdh] {
    pointer-events: auto;
    border-radius: var(--border-radius-8, 8px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    animation: fod-toast-slide-in-b-nvtsprgzdh 0.35s ease both;
}

@media (prefers-reduced-motion: reduce) {
    .fod-toast-item[b-nvtsprgzdh] {
        animation: fod-toast-fade-in-b-nvtsprgzdh 0.2s ease-out;
    }
}

/*#endregion*/

/*#region Animations*/

@keyframes fod-toast-slide-in-b-nvtsprgzdh {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fod-toast-fade-in-b-nvtsprgzdh {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*#endregion*/