/*
 * Shared default design tokens for colors, typography, spacing, radii,
 * shadows, control sizes and responsive page geometry. Each customer may
 * override them in its own theme.css without copying component styles.
 */
:root {
 /* SK: Geometria nastavení a zdieľaných navigačných riadkov; zákazník môže hodnoty prepísať témou.
    EN: Settings and shared navigation-row geometry; customers may override these values through their theme. */
 --ui-settings-header-padding: 22px 28px;
 --ui-settings-title-size: 32px;
 --ui-settings-page-max: 1440px;
 --ui-settings-section-heading-size: 20px;
 --ui-settings-panel-padding: 22px 24px 10px;
 --ui-settings-aside-width: 420px;
 --ui-identity-summary-padding: 14px 16px;
 --ui-identity-summary-name-size: 16px;
 --ui-primary: var(--mud-palette-primary);
 --ui-secondary: var(--mud-palette-secondary);
 --ui-danger: #e30075;
 --ui-text: var(--mud-palette-text-primary);
 --ui-muted: var(--mud-palette-text-secondary);
 --ui-background: var(--mud-palette-background);
 --ui-surface: var(--mud-palette-surface);
 --ui-border: #d9d2df;
 --ui-divider: #eeeaf0;
 --ui-soft: #faf7fb;
 --ui-hover: #f2f2f2;
 --ui-primary-soft: #fff0f7;
 --ui-focus: rgba(220, 0, 105, .2);
 --ui-success: #268543;
 --ui-error: #b32121;
 --ui-warning: #a36200;
 --ui-warning-soft: #fff8e6;
 --ui-on-primary: #fff;
 --ui-valid: #26b050;
 --ui-invalid: #e50000;
 --ui-neutral-border: #dedede;
 --ui-neutral-muted: #737373;
 --ui-control-off: #808080;
 --ui-control-disabled: #a8a8a8;
 --ui-checkbox-size: 22px;
 --ui-checkbox-radius: 5px;
 --ui-checkbox-hit-area: 36px;
 --ui-role-tile-min-height: 126px;
 --ui-user-role-tile-min-height: 80px;
 --ui-role-leave-dialog-width: 520px;
 --ui-role-leave-dialog-padding: 28px;
 --ui-role-leave-dialog-shadow: 0 16px 48px rgba(0, 0, 0, .22);
 --ui-font-monospace: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
 --ui-user-detail-max-width: 1180px;
 --ui-user-detail-panel-radius: 16px;
 --ui-user-detail-profile-avatar-size: 56px;
 --ui-user-detail-section-header-height: 68px;
 --ui-user-detail-section-icon-size: 36px;
 --ui-user-detail-field-min-width: 200px;
 --ui-profile-avatar: #d44f7c;
 --ui-profile-avatar-hover: #e05a88;
 --ui-impersonation: #b42318;
 --ui-delegation: #b54708;
 --ui-context-banner-text: #7a271a;
 --ui-connection-info: #6b9ed2;
 --ui-connection-info-strong: #3b6ea2;
 --ui-connection-progress: #0087ff;
 --ui-radius: 24px;
 --ui-radius-input: 12px;
 --ui-radius-small: 8px;
 --ui-radius-grid: 18px;
 --ui-radius-pill: 999px;
 --ui-shadow: 0 12px 32px rgba(39, 22, 48, .045);
 --ui-shadow-none: none;
 --ui-font-xs: .75rem;
 --ui-font-sm: 13px;
 --ui-font-body: 14px;
 --ui-font-subtitle: 17px;
 --ui-font-title: 25px;
 --ui-weight-normal: 400;
 --ui-weight-medium: 600;
 --ui-weight-strong: 700;
 --ui-weight-title: 850;
 /* SK: Záväzná škála rozostupov pre nové spoločné varianty; existujúce tokeny nemeníme plošne.
    EN: Canonical spacing scale for new shared variants; existing tokens are not changed globally. */
 --space-1: 4px;
 --space-2: 8px;
 --space-3: 12px;
 --space-4: 16px;
 --space-5: 20px;
 --space-6: 24px;
 --space-8: 32px;
 --ui-space-0: 0;
 --ui-space-1: .25rem;
 --ui-space-2: .5rem;
 --ui-space-3: .75rem;
 --ui-space-4: 1rem;
 --ui-space-5: 16px;
 --ui-space-6: 20px;
 --ui-space-8: 28px;
 --ui-space-9: 32px;
 --ui-space-10: 36px;
 --ui-space-12: 44px;
 --ui-page-max: 1400px;
 --ui-grid-page-max: 1900px;
 --ui-header-max: 100%;
 --ui-header-padding: 18px 24px;
 --ui-grid-body-font: 1rem;
 --ui-grid-heading-font: .875rem;
 --ui-overview-card-min-height: 180px;
 --ui-overview-card-padding: 1rem;
 --ui-overview-card-gap: .75rem;
 --ui-list-action-gap: .75rem;
 --ui-overview-action-gap: 1.5rem;
 --ui-filter-gap: 1.5rem;
 --ui-filter-label-gap: .75rem;
 --ui-page-gutter: 2rem;
 --ui-panel-padding: 20px;
 --ui-field-height: 44px;
 --ui-button-height: 40px;
 --ui-icon: 18px;
 --ui-header-action-gap: .5rem;
 --ui-transition: background-color .15s ease, border-color .15s ease, color .15s ease;
 --ui-tab-transition-duration: 180ms;
}
/* Administration dashboard category colors and tile geometry. */
:root {
 --ui-dashboard-error-soft: #FDECEA;
 --ui-dashboard-error-icon: #B3261E;
 --ui-dashboard-error-border: #F3C5C1;
 --ui-dashboard-error-number: #8C1D18;
 --ui-dashboard-warning-soft: #FFF5DC;
 --ui-dashboard-warning-icon: #7A4D00;
 --ui-dashboard-warning-border: #EED9A4;
 --ui-dashboard-warning-number: #5C3A00;
 --ui-dashboard-accent-soft: #FCE6F1;
 --ui-dashboard-accent-icon: #B0005A;
 --ui-dashboard-accent-border: #F5C2DC;
 --ui-dashboard-accent-number: #8A0047;
 --ui-dashboard-card-border: #E4E4E9;
 --ui-dashboard-hover-border: #B8B8C2;
 --ui-dashboard-title-size: 25px;
 --ui-dashboard-section-size: 17px;
 --ui-dashboard-number-size: 36px;
 --ui-dashboard-label-size: 14px;
 --ui-dashboard-log-label-size: 18px;
 --ui-dashboard-symbol-size: 22px;
 --ui-dashboard-metric-symbol-size: 20px;
 --ui-dashboard-tile-radius: 14px;
 --ui-dashboard-icon-radius: 10px;
 --ui-dashboard-metric-height: 170px;
 --ui-dashboard-log-height: 84px;
 --ui-dashboard-metric-icon-size: 40px;
 --ui-dashboard-log-icon-size: 44px;
 --ui-dashboard-metric-min-width: 240px;
 --ui-dashboard-log-min-width: 260px;
 --ui-dashboard-gap: 16px;
 --ui-dashboard-section-gap: 40px;
 --ui-dashboard-tile-padding: 20px;
 --ui-dashboard-metric-horizontal-padding: 24px;
 --ui-dashboard-content-gap: 14px;
 --ui-dashboard-max-width: 1400px;
}
/* MudBlazor breakpoint: sm = 600px. CSS variables cannot be media-query conditions. */
@media (max-width: 599.98px) {
 :root { --ui-page-gutter: 1rem; --ui-panel-padding: 20px; }
}

/* Specialized report/status colors and geometry, shared across page styles. */
:root {
 --ui-color-rgba-55-20-90-08: rgba(55,20,90,.08);
 --ui-color-rgba-31-26-39-07: rgba(31, 26, 39, .07);
 --ui-color-rgba-220-0-105-2: rgba(220, 0, 105, .2);
 --ui-color-8b1752: #8b1752;
 --ui-color-rgba-0-0-0-08: rgba(0, 0, 0, .08);
 --ui-color-rgba-229-0-112-12: rgba(229, 0, 112, .12);
 --ui-color-rgba-229-0-112-20: rgba(229,0,112,.20);
 --ui-color-rgba-229-0-112-10: rgba(229, 0, 112, .10);
 --ui-color-rgba-227-0-117-18: rgba(227, 0, 117, .18);
 --ui-color-rgba-0-0-0-07: rgba(0, 0, 0, .07);
 --ui-color-rgba-0-0-0-06: rgba(0, 0, 0, .06);
 --ui-color-rgba-31-26-39-08: rgba(31, 26, 39, .08);
 --ui-color-81194c: #81194c;
 --ui-color-c32970: #c32970;
 --ui-space-4-5rem: 4.5rem;
 --ui-space-4rem: 4rem;
 --ui-space-6rem: 6rem;
 --ui-font-17: 12px;
 --ui-color-216e39: #216e39;
 --ui-color-145c91: #145c91;
 --ui-color-rgba-65-20-43-055: rgba(65, 20, 43, .055);
 --ui-color-rgba-56-25-41-07: rgba(56, 25, 41, .07);
 --ui-color-7d164c: #7d164c;
 --ui-color-rgba-39-22-48-02: rgba(39, 22, 48, .02);
 --ui-color-rgba-39-22-48-045: rgba(39, 22, 48, .045);
 --ui-color-b9216b: #b9216b;
 --ui-color-ad1457: #ad1457;
 --ui-color-733e83: #733e83;
 --ui-color-ac7bbc: #ac7bbc;
 --ui-color-b60058: #b60058;
 --ui-color-f4bbd4: #f4bbd4;
 --ui-color-de3987: #de3987;
 --ui-color-rgba-46-25-58-10: rgba(46, 25, 58, .10);
 --ui-color-rgba-46-25-58-08: rgba(46, 25, 58, .08);
 --ui-color-rgba-185-33-107-10: rgba(185, 33, 107, .10);
 --ui-color-rgba-35-18-27-42: rgba(35, 18, 27, .42);
 --ui-color-rgba-48-15-32-24: rgba(48, 15, 32, .24);
 --ui-color-c62828: #c62828;
 --ui-color-rgba-56-25-41-065: rgba(56, 25, 41, .065);
 --ui-color-rgba-52-20-36-18: rgba(52, 20, 36, .18);
 --ui-color-c90062: #c90062;
 --ui-font-41: 25px;
}

/* Structural sizes for specialized page content; palette and spacing remain semantic above. */
:root {
 --ui-border-width: 1px;
 --ui-dimension-240px: 240px;
 --ui-button-border-width: 1.5px;
 --ui-focus-width: 2px;
 --ui-dimension-780px: 780px;
 --ui-dimension-230px: 230px;
 --ui-dimension-260px: 260px;
 --ui-compact-control-height: 36px;
 --ui-legacy-form-width: 920px;
 --ui-dimension-46px: 46px;
 --ui-dimension-17px: 17px;
 --ui-dimension-180px: 180px;
 --ui-dimension-420px: 420px;
 --ui-dimension-340px: 340px;
 --ui-dimension-220px: 220px;
 --ui-dimension-320px: 320px;
 --ui-dimension-960px: 960px;
 --ui-dimension-36px: 36px;
 --ui-dimension-66px: 66px;
 --ui-dimension-2px-negative: -2px;
 --ui-dimension-760px: 760px;
 --ui-dimension-3px: 3px;
 --ui-dimension-470px: 470px;
 --ui-dimension-360px: 360px;
 --ui-reading-width: 72ch;
 --ui-dimension-270px: 270px;
 --ui-dimension-3rem: 3rem;
 --ui-dimension-1-2rem-negative: -1.2rem;
 --ui-dimension-210px: 210px;
 --ui-dimension-122px: 122px;
 --ui-dimension-15rem: 15rem;
 --ui-dimension-12rem: 12rem;
 --ui-dimension-9rem: 9rem;
 --ui-dimension-58rem: 58rem;
 --ui-dimension-20rem: 20rem;
 --ui-dimension-5-5rem: 5.5rem;
 --ui-dimension-17rem: 17rem;
 --ui-dimension-13rem: 13rem;
 --ui-dimension-10rem: 10rem;
 --ui-dimension-25rem: 25rem;
 --ui-dimension-28rem: 28rem;
 --ui-dimension-38rem: 38rem;
 --ui-dimension-3-15rem: 3.15rem;
 --ui-dimension-1-85rem: 1.85rem;
 --ui-dimension-40px: 40px;
 --ui-dimension-3-5rem: 3.5rem;
 --ui-dimension-26rem: 26rem;
 --ui-dimension-18rem: 18rem;
 --ui-dimension-2rem: 2rem;
 --ui-dimension-11rem: 11rem;
 --ui-dimension-6rem: 6rem;
 --ui-header-icon-size: 48px;
 --ui-help-icon-size: var(--ui-length-28px);
}

/* Administration design reference: shared semantic palette and geometry. */
:root {
 --ui-admin-breadcrumb-height: 36px;
 --ui-admin-breadcrumb-font-size: 14px;
 --ui-admin-breadcrumb-icon-size: 18px;
 --ui-admin-breadcrumb-separator-color: #9ca3af;
 --ui-admin-tab-size: 14px;
 --ui-admin-avatar-text-size: 20px;
 --ui-admin-text: #1A1A1F;
 --ui-admin-muted: #5C5C66;
 --ui-admin-background: #F4F4F6;
 --ui-admin-surface: #FFFFFF;
 --ui-admin-header-background: linear-gradient(100deg, #FFFFFF 45%, #FDEEF6 100%);
 --ui-admin-header-padding: 18px 24px;
 --ui-admin-border: #CFCFD6;
 --ui-admin-divider: #E4E4E9;
 --ui-admin-soft: #FAFAFB;
 --ui-admin-accent-soft: #FCE6F1;
 --ui-admin-accent-ink: #B0005A;
 --ui-admin-accent-hover: #C2006A;
 --ui-admin-menu-soft: #F7F7F9;
 --ui-admin-menu-border: #DCDCE2;
 --ui-admin-field-divider: #ECECF0;
 --ui-admin-status-neutral: #3D3D45;
 --ui-admin-status-active-soft: #E3F4EA;
 --ui-admin-status-active: #1C6B3E;
 --ui-admin-panel-radius: 16px;
 --ui-admin-control-radius: 10px;
 --ui-admin-title-size: 25px;
 --ui-admin-entity-icon-size: 48px;
 --ui-admin-control-height: 44px;
 --ui-admin-button-height: 40px;
 --ui-admin-section-size: 17px;
 --ui-admin-sidebar-width: 320px;
 --ui-admin-menu-item-height: 42px;
 --ui-admin-menu-child-height: 36px;
 --ui-admin-menu-font: 14px;
 --ui-admin-menu-item-padding: 6px 8px;
 --ui-admin-menu-section-gap: 16px;
 --ui-admin-menu-section-font: 12px;
 --ui-admin-menu-section-padding: 8px 10px;
 --ui-admin-menu-sidebar-padding: 22px 14px 20px;
 --ui-admin-menu-sidebar-background: #faf7fb;
 --ui-admin-menu-card-padding: 4px;
 --ui-admin-menu-card-radius: var(--ui-radius-input);
 --ui-admin-menu-card-border: var(--ui-divider);
 --ui-admin-menu-submenu-background: #f8f5f8;
 --ui-admin-menu-active-background: #fff0f7;
 --ui-admin-menu-submenu-indent: 40px;
 --ui-admin-menu-icon-tile-size: 28px;
 --ui-admin-menu-icon-padding: 5px;
 --ui-admin-menu-icon-radius: var(--ui-radius-small);
}

/* Compact UI dimensions. Colors, radii, widths of content columns and breakpoints are preserved. */
:root {
 --ui-font-field: 15px;
 --ui-font-label: 13px;
 --ui-font-help: 12px;
 --ui-font-button: 14px;
 --ui-font-list: 14px;
 --ui-card-gap: 16px;
 --ui-field-row-gap: 14px;
 --ui-field-column-gap: 16px;
 --ui-card-padding: 20px 24px;
 --ui-card-horizontal-padding: 24px;
 --ui-card-mobile-padding: 18px;
 --ui-header-icon-padding: 12px;
 --ui-menu-item-height: 42px;
 --ui-menu-child-height: 38px;
 --ui-menu-font: 15px;
 --ui-menu-child-font: 14px;
 --ui-menu-icon-size: 20px;
 --ui-menu-search-height: 40px;
 --ui-menu-search-font: 14px;
 --ui-menu-item-padding: 8px;
 --ui-menu-item-gap: 8px;
 --ui-option-height: 40px;
 --ui-hit-size: 36px;
 --ui-button-min-width: 36px;
 --ui-switch-width: 46px;
 --ui-switch-height: 26px;
 --ui-switch-thumb: 20px;
 --ui-switch-travel: 20px;
 --ui-control-padding: 10px 12px;
 --ui-control-line-height: 22px;
 --ui-tab-height: 44px;
 --ui-operation-dialog-width: 600px;
 --ui-content-padding: 28px 28px 40px;
 --ui-content-mobile-padding: 20px 14px 28px;
 --ui-preserved-panel-padding: 24px;
 --ui-preserved-header-padding: 1.25rem;
 --ui-preserved-field-height: 46px;
 --ui-preserved-button-height: 42px;
 --ui-preserved-icon: 20px;
 --ui-preserved-space-5: 1.25rem;
 --ui-preserved-space-6: 1.5rem;
 --ui-preserved-space-8: 2rem;
 --ui-preserved-space-9: 2.25rem;
 --ui-preserved-space-10: 2.5rem;
 --ui-preserved-space-12: 3rem;
 --ui-preserved-checkbox-hit-area: 44px;
 --ui-preserved-user-detail-profile-avatar-size: 64px;
 --ui-preserved-user-detail-section-header-height: 76px;
 --ui-preserved-user-detail-section-icon-size: 40px;
 --ui-preserved-compact-control-height: 42px;
 --ui-preserved-header-icon-size: 50px;
 --ui-preserved-button-height-admin: 44px;
 --ui-preserved-field-height-admin: 48px;
 --ui-preserved-font-field: 16px;
 --ui-preserved-font-label: 14px;
 --ui-preserved-font-help: 13px;
 --ui-preserved-font-button: 15px;
 --ui-preserved-font-list: 15px;
 --ui-preserved-button-min-width: 0px;
 --ui-preserved-option-height: 44px;
 --ui-preserved-hit-size: 44px;
 --ui-length-negative-d035em: -.035em;
 --ui-length-d06em: .06em;
 --ui-length-64px: 64px;
 --ui-length-1px: 1px;
 --ui-length-2px: 2px;
 --ui-length-5px: 5px;
 --ui-length-3px: 3px;
 --ui-length-155px: 155px;
 --ui-length-8px: 8px;
 --ui-length-24px: 24px;
 --ui-length-320px: 320px;
 --ui-length-52px: 52px;
 --ui-length-40px: 40px;
 --ui-length-negative-1px: -1px;
 --ui-length-d6rem: .6rem;
 --ui-length-1d25rem: 1.25rem;
 --ui-length-d7rem: .7rem;
 --ui-length-d75rem: .75rem;
 --ui-length-d5rem: .5rem;
 --ui-length-42px: 42px;
 --ui-length-190px: 190px;
 --ui-length-36px: 36px;
 --ui-length-48px: 48px;
 --ui-length-1d65rem: 1.65rem;
 --ui-length-d02em: .02em;
 --ui-length-d25rem: .25rem;
 --ui-length-d62rem: .62rem;
 --ui-length-d24em: .24em;
 --ui-length-1d5px: 1.5px;
 --ui-length-999px: 999px;
 --ui-length-3d5rem: 3.5rem;
 --ui-length-4rem: 4rem;
 --ui-length-1rem: 1rem;
 --ui-length-10px: 10px;
 --ui-length-44px: 44px;
 --ui-length-2rem: 2rem;
 --ui-length-12px: 12px;
 --ui-length-56px: 56px;
 --ui-length-16px: 16px;
 --ui-length-d08em: .08em;
 --ui-length-28px: 28px;
 --ui-length-20px: 20px;
 --ui-length-18px: 18px;
 --ui-length-13px: 13px;
 --ui-length-22px: 22px;
 --ui-length-d2rem: .2rem;
 --ui-length-d55rem: .55rem;
 --ui-length-4px: 4px;
 --ui-length-99px: 99px;
 --ui-length-d82rem: .82rem;
 --ui-length-d15rem: .15rem;
 --ui-length-92px: 92px;
 --ui-length-d125rem: .125rem;
 --ui-length-132px: 132px;
 --ui-length-50px: 50px;
 --ui-length-d65rem: .65rem;
 --ui-length-1d2rem: 1.2rem;
 --ui-length-d45rem: .45rem;
 --ui-length-d875rem: .875rem;
 --ui-length-112px: 112px;
 --ui-length-300px: 300px;
 --ui-length-1d5rem: 1.5rem;
 --ui-length-d9rem: .9rem;
 --ui-length-1d15rem: 1.15rem;
 --ui-length-d8rem: .8rem;
 --ui-length-232px: 232px;
 --ui-length-14px: 14px;
 --ui-length-negative-6px: -6px;
 --ui-length-11px: 11px;
 --ui-length-39px: 39px;
 --ui-length-9px: 9px;
 --ui-length-1180px: 1180px;
 --ui-length-560px: 560px;
 --ui-length-340px: 340px;
 --ui-length-8rem: 8rem;
 --ui-length-d4rem: .4rem;
 --ui-length-d85rem: .85rem;
 --ui-length-16rem: 16rem;
 --ui-length-24rem: 24rem;
 --ui-length-10rem: 10rem;
 --ui-length-30rem: 30rem;
 --ui-length-40rem: 40rem;
 --ui-length-36rem: 36rem;
 --ui-length-11rem: 11rem;
 --ui-length-d8125rem: .8125rem;
 --ui-length-28rem: 28rem;
 --ui-length-12rem: 12rem;
 --ui-length-7rem: 7rem;
 --ui-length-180px: 180px;
 --ui-length-260px: 260px;
 --ui-length-220px: 220px;
 --ui-length-1244px: 1244px;
 --ui-length-1900px: 1900px;
 --ui-length-6px: 6px;
 --ui-length-negative-24px: -24px;
 --ui-length-240px: 240px;
 --ui-length-72px: 72px;
 --ui-length-200px: 200px;
 --ui-length-280px: 280px;
 --ui-length-100px: 100px;
 --ui-length-negative-20px: -20px;
 --ui-length-negative-d04em: -.04em;
 --ui-length-d045em: .045em;
 --ui-length-76px: 76px;
 --ui-length-negative-2px: -2px;
 --ui-length-470px: 470px;
 --ui-length-880px: 880px;
 --ui-length-30px: 30px;
 --ui-length-negative-d02em: -.02em;
 --ui-length-d15em: .15em;
 --ui-length-d35rem: .35rem;
 --ui-length-20rem: 20rem;
 --ui-length-0d5rem: 0.5rem;
 --ui-length-80px: 80px;
 --ui-length-0px: 0px;
 --ui-length-0d6rem: 0.6rem;
 --ui-length-0d7rem: 0.7rem;
 --ui-length-86px: 86px;
 --ui-length-0d75rem: 0.75rem;
 --ui-length-15rem: 15rem;
 --ui-length-440px: 440px;
 --ui-length-125px: 125px;
 --ui-length-170px: 170px;
 --ui-length-d04em: .04em;
 --ui-length-9rem: 9rem;
 --ui-length-360px: 360px;
 --ui-length-380px: 380px;
 --ui-length-32px: 32px;
 --ui-length-66px: 66px;
 --ui-length-d72rem: .72rem;
 --ui-length-d1rem: .1rem;
 --ui-length-1d75rem: 1.75rem;
 --ui-length-480px: 480px;
 --ui-length-0d4rem: 0.4rem;
 --ui-length-0d875rem: 0.875rem;
 --ui-length-3rem: 3rem;
 --ui-length-negative-d045em: -.045em;
 --ui-length-920px: 920px;
 --ui-length-3d7rem: 3.7rem;
 --ui-length-192px: 192px;
}

:root { --ui-preserved-section-size-admin: 18px; }
:root {
 --ui-language-chevron-visual-size: 16.8px;
 --ui-language-chevron-visual-margin: -2.4px;
 --ui-preserved-font-body: 16px;
 --ui-preserved-font-sm: 14px;
 --ui-preserved-font-subtitle: 20px;
 --ui-preserved-font-title: clamp(1.7rem, 3vw, 2.35rem);
}

/* Original grid appearance, expressed as real dimensions instead of page zoom. */
:root {
 --ui-grid-density: .9;
 --ui-grid-original-text: var(--ui-text);
 --ui-grid-original-muted: var(--ui-muted);
 --ui-grid-original-border: var(--ui-border);
 --ui-grid-original-divider: var(--ui-divider);
 --ui-grid-original-soft: var(--ui-soft);
 --ui-grid-original-surface: var(--ui-surface);
 --ui-grid-original-primary-soft: var(--ui-primary-soft);
 --ui-grid-original-shadow: var(--ui-shadow);
 --ui-grid-font-body: 14px;
 --ui-grid-font-heading: 13px;
 --ui-grid-font-caption: 12px;
 --ui-grid-font-subtitle: calc(1.25rem * var(--ui-grid-density));
 --ui-grid-space-1: calc(.25rem * var(--ui-grid-density));
 --ui-grid-space-2: calc(.5rem * var(--ui-grid-density));
 --ui-grid-space-3: calc(.75rem * var(--ui-grid-density));
 --ui-grid-space-4: calc(1rem * var(--ui-grid-density));
 --ui-grid-space-5: calc(1.25rem * var(--ui-grid-density));
 --ui-grid-space-6: calc(1.5rem * var(--ui-grid-density));
 --ui-grid-space-8: calc(2rem * var(--ui-grid-density));
 --ui-grid-border-width: calc(1px * var(--ui-grid-density));
 --ui-grid-radius: calc(18px * var(--ui-grid-density));
 --ui-grid-control-radius: calc(12px * var(--ui-grid-density));
 --ui-grid-field-height: calc(46px * var(--ui-grid-density));
 --ui-grid-button-height: calc(42px * var(--ui-grid-density));
 --ui-grid-toolbar-height: calc(52px * var(--ui-grid-density));
 --ui-grid-icon-small: calc(20px * var(--ui-grid-density));
 --ui-grid-icon-medium: calc(24px * var(--ui-grid-density));
 --ui-grid-icon-large: calc(35px * var(--ui-grid-density));
 --ui-grid-checkbox-size: calc(22px * var(--ui-grid-density));
 --ui-grid-hit-area: calc(44px * var(--ui-grid-density));
 --ui-grid-min-hit-area: 36px;
 --ui-grid-row-height: 52px;
 --ui-grid-header-height: 48px;
 --ui-grid-heading-gap: 6px;
 --ui-grid-heading-max-lines: 3;
 --ui-grid-heading-line-height: 1.4;
 --ui-grid-sort-reserve: 12px;
 --ui-grid-pager-height: 52px;
 --ui-grid-action-size: 36px;
 --ui-grid-action-icon-size: 24px;
 --ui-grid-action-gap: 6px;
 --ui-grid-cell-padding-x: 12px;
 --ui-grid-cell-padding-y: 8px;
 --ui-grid-column-id: 96px;
 --ui-grid-column-number: 88px;
 --ui-grid-column-short: 96px;
 --ui-grid-column-date: 150px;
 --ui-grid-column-text: 140px;
 --ui-grid-column-wide: 190px;
 --ui-grid-column-account: 164px;
 --ui-grid-column-email: 174px;
 --ui-grid-column-min: 72px;
 --ui-grid-column-text-preferred: 280px;
 --ui-grid-column-wide-preferred: 320px;
 --ui-grid-cards-breakpoint: 600px;
 --ui-grid-status-padding: 3px 8px;
 --ui-grid-status-active-bg: #E8F5EC;
 --ui-grid-status-active-text: #25643B;
 --ui-grid-status-inactive-bg: #F0F1F3;
 --ui-grid-status-inactive-text: #57606B;
 --ui-grid-initial-height: 360px;
 --ui-grid-loading-min-height: 120px;
 --ui-grid-loading-size: 28px;
 --ui-grid-loading-stroke: 3px;
 --ui-grid-loading-duration: 800ms;
 --ui-grid-reveal-duration: 140ms;
}

/* SK: Rozmery zdieľanej navigácie dlhých detailových formulárov. EN: Shared long-detail navigation dimensions. */
:root {
 --ui-form-section-panel-min-height: 740px;
 --ui-form-section-content-min-height: 540px;
 --ui-form-section-content-mobile-min-height: 520px;
 --ui-form-section-aside-width: 284px;
 --ui-form-section-aside-compact-width: 260px;
 --ui-form-section-heading-size: 22px;
 --ui-form-section-toolbar-size: 20px;
 --ui-form-section-navigation-width: 204px;
 --ui-form-section-navigation-compact-width: 170px;
 --ui-form-section-progress-width: 108px;
 --ui-form-section-footer-height: 50px;
 --ui-form-section-signature-date-min-width: 150px;
 /* SK: Kompaktné vedľajšie kruhy zachovávajú 44px dotykovú plochu. EN: Compact secondary circles retain a 44px touch target. */
 --ui-page-action-size: 44px;
 --ui-page-action-primary-size: 58px;
 --ui-page-action-gap: 12px;
 --ui-page-action-edge: 28px;
 --ui-page-help-left: 20px;
}