:root {
  /* Primární barvy */
  --color-primary-50: #f3f7fc;
  --color-primary-100: #e5eef9;
  --color-primary-200: #c5dbf2;
  --color-primary-300: #93bde6;
  --color-primary-400: #599bd7;
  --color-primary-500: #337fc4;
  --color-primary-600: #2362A2;
  --color-primary-700: #1e5086;
  --color-primary-800: #1d456f;
  --color-primary-900: #1d3c5d;
  --color-primary-950: #13263e;
  --color-primary-1000: #0f1f33;
  --color-primary-1050: #010409;
  
   /* Sekundární barvy */
  --color-secondary-50: #fef9f9;
  --color-secondary-100: #fff6e1;
  --color-secondary-200: #fef0d0;
  --color-secondary-300: #fde1a1;
  --color-secondary-400: #ffcf74;
  --color-secondary-500: #fbc342;
  --color-secondary-600: #fab413;
  --color-secondary-700: #c8900f;
  --color-secondary-800: #af7a00;
  --color-secondary-900: #4a3403;
  --color-secondary-950: #3d2b00;
  --color-secondary-1000: #241B04;
  
  /* Neutrální barvy */
  --color-neutral-0: #ffffff;
  --color-neutral-50: #f6f6f6;
  --color-neutral-100: #e7e7e7;
  --color-neutral-200: #d1d1d1;
  --color-neutral-300: #b0b0b0;
  --color-neutral-400: #888888;
  --color-neutral-500: #6d6d6d;
  --color-neutral-600: #5d5d5d;
  --color-neutral-700: #4f4f4f;
  --color-neutral-800: #454545;
  --color-neutral-900: #3b3b3b;
  --color-neutral-950: #262626;
  --color-neutral-1000: #000000;
  --color-neutral-transparent: rgba(255, 255, 255, 0);
  
  /* Akcentní barvy */
  /* Červená */
  --color-error-50: #fef2f2;
  --color-error-100: #fde3e3;
  --color-error-200: #fccccc;
  --color-error-300: #f8a9a9;
  --color-error-400: #f37676;
  --color-error-500: #e84b4b;
  --color-error-600: #c62828;
  --color-error-700: #7e1414;
  --color-error-800: #490c0c;
  --color-error-900: #300606;
  --color-error-950: #240303;
  
  /* Žlutá */
  --color-warning-50: #fefbe8;
  --color-warning-100: #fef7c3;
  --color-warning-200: #feed8a;
  --color-warning-300: #fdd835;
  --color-warning-400: #fac615;
  --color-warning-500: #eaad0b;
  --color-warning-600: #ca8504;
  --color-warning-700: #e49400;
  --color-warning-800: #be7d02;
  --color-warning-900: #6b4a0d;
  --color-warning-950: #432e06;
  --color-warning-1000: #2a1b00;
  
  /* Zelená */
  --color-success-50: #f3faf3;
  --color-success-100: #e2f6e3;
  --color-success-200: #c7ebc9;
  --color-success-300: #9bda9e;
  --color-success-400: #67c16b;
  --color-success-500: #42a547;
  --color-success-600: #2e7d32;
  --color-success-700: #2a6b2d;
  --color-success-800: #265529;
  --color-success-900: #204724;
  --color-success-950: #0d260f;
  --color-success-1000: #061b08;
  
  /* Sémantické barvy */
  --gov-color-success: var(--color-success-500);
  --gov-color-warning: var(--color-warning-500);
  --gov-color-danger: var(--color-danger-500);
  --gov-color-info: var(--color-primary-500);
  
  --color-focus-300: #6caef4;
  --color-focus-600: #007bff;
  --color-visited-300: #C4a7e6;
  --color-visited-600: #67329e;
  --color-visited-700: #60306b;
  
  /* Barvy pro odkazy */
  --gov-color-link: var(--color-primary-700);
  --gov-color-link-hover: var(--color-primary-800);
  --gov-color-link-visited: #551a8b;
  
  /* Barvy pozadí a textu */
  --gov-color-background-body: var(--color-neutral-100);
  --gov-color-text-body: var(--color-neutral-900);
  --gov-color-text-heading: var(--color-neutral-900);
  --gov-color-button-primary: var(--color-primary-700);
  --gov-color-button-secondary: #ffffff;
  
  /* Barvy pro stav tlačítek */
  --gov-color-button-hover: var(--color-primary-800);
  --gov-color-button-active: var(--color-primary-900);
  --gov-color-button-focus: var(--color-primary-300);
  
  --banner-h: 136px;
  --media-w: 210px;        /* užší výřez jako ve figmě (zkoušej 200–230) */
  --arc-rx: 88px;          /* poloměr oblouku – horizontální */
  --arc-ry: 176px; 
}

:root[data-theme=light] {
    --background-white: var(--color-neutral-0);
    --background-block-primary: var(--color-neutral-0);
    --background-block-secondary: var(--color-neutral-50);
    --background-overlay-image: rgb(0, 0, 0, 0.55);
    --background-overlay-page: rgb(0, 0, 0, 0.6);
    --background-overlay-transparent: rgb(246, 246, 246, 0);
    --background-page: var(--color-neutral-50);
    --background-neutral-disabled: var(--color-neutral-200);
    --background-neutral-primary: var(--color-neutral-1000);
    --background-neutral-secondary: var(--color-neutral-700);
    --background-neutral-subtle: var(--color-neutral-100);
    --background-neutral-subtlest: var(--color-neutral-50);
    --background-neutral-white: var(--color-neutral-0);
    --background-primary: var(--color-primary-600);
    --background-primary-subtle: var(--color-primary-100);
    --background-primary-subtlest: var(--color-primary-50);
    --background-secondary: var(--color-secondary-600);
    --background-secondary-subtle: var(--color-secondary-200);
    --background-secondary-subtlest: var(--color-secondary-50);
    --background-status-error: var(--status-error);
    --background-status-error-subtle: var(--color-error-100);
    --background-status-error-subtlest: var(--color-error-50);
    --background-status-success: var(--status-success);
    --background-status-success-subtle: var(--color-success-100);
    --background-status-success-subtlest: var(--color-success-50);
    --background-status-warning: var(--status-warning);
    --background-status-warning-subtle: var(--color-warning-100);
    --background-status-warning-subtlest: var(--color-warning-50);
    --border-error: var(--color-error-600);
    --border-neutral: var(--color-neutral-700);
    --border-primary: var(--color-primary-600);
    --border-secondary: var(--color-secondary-600);
    --border-secondary-bold: var(--color-secondary-800);
    --border-subtle: var(--color-neutral-300);
    --border-subtlest: var(--color-neutral-100);
    --border-success: var(--color-success-600);
    --border-warning: var(--color-warning-600);
    --border-disabled: var(--color-neutral-200);
    --button-outlined-error: var(--color-error-50);
    --button-outlined-error-active: var(--color-error-300);
    --button-outlined-error-hover: var(--color-error-200);
    --button-outlined-neutral: var(--color-neutral-50);
    --button-outlined-neutral-active: var(--color-neutral-300);
    --button-outlined-neutral-hover: var(--color-neutral-200);
    --button-outlined-primary: var(--color-primary-50);
    --button-outlined-primary-active: var(--color-primary-300);
    --button-outlined-primary-hover: var(--color-primary-200);
    --button-outlined-secondary: var(--color-secondary-50);
    --button-outlined-secondary-active: var(--color-secondary-300);
    --button-outlined-secondary-hover: var(--color-secondary-200);
    --button-outlined-success: var(--color-success-50);
    --button-outlined-success-active: var(--color-success-300);
    --button-outlined-success-hover: var(--color-success-200);
    --button-outlined-warning: var(--color-warning-50);
    --button-outlined-warning-active: var(--color-secondary-300);
    --button-outlined-warning-hover: var(--color-warning-200);
    --button-solid-disabled: var(--color-neutral-200);
    --button-solid-error: var(--color-error-600);
    --button-solid-error-active: var(--color-error-800);
    --button-solid-error-hover: var(--color-error-700);
    --button-solid-neutral: var(--color-neutral-600);
    --button-solid-neutral-active: var(--color-neutral-800);
    --button-solid-neutral-hover: var(--color-neutral-700);
    --button-solid-primary: var(--color-primary-600);
    --button-solid-primary-active: var(--color-primary-800);
    --button-solid-primary-hover: var(--color-primary-700);
    --button-solid-secondary: var(--color-secondary-600);
    --button-solid-secondary-active: var(--color-secondary-300);
    --button-solid-secondary-hover: var(--color-secondary-400);
    --button-solid-success: var(--color-success-600);
    --button-solid-success-active: var(--color-success-800);
    --button-solid-success-hover: var(--color-success-700);
    --button-solid-warning: var(--color-warning-500);
    --button-solid-warning-active: var(--color-warning-300);
    --button-solid-warning-hover: var(--color-warning-400);
    --icon-default: var(--color-neutral-900);
    --icon-disabled: var(--color-neutral-300);
    --icon-error: var(--status-error);
    --icon-neutral: var(--color-neutral-600);
    --icon-secondary: var(--color-secondary-700);
    --icon-success: var(--status-success);
    --icon-warning: var(--color-warning-700);
    --icon-on-bold-black: var(--color-neutral-1000);
    --icon-on-bold-white: var(--color-neutral-0);
    --icon-on-subtle: var(--color-primary-600);
    --icon-on-subtle-fixed-bg: var(--color-primary-600);
    --interactive-active: var(--color-primary-600);
    --interactive-disabled: var(--color-neutral-200);
    --interactive-error: var(--color-error-600);
    --interactive-inactive: var(--color-neutral-300);
    --interactive-timer-error-solid: var(--color-error-800);
    --interactive-timer-error-subtle: var(--color-error-200);
    --interactive-timer-neutral-solid: var(--color-neutral-800);
    --interactive-timer-neutral-subtle: var(--color-neutral-200);
    --interactive-timer-primary-solid: var(--color-primary-800);
    --interactive-timer-primary-subtle: var(--color-primary-200);
    --interactive-timer-success-solid: var(--color-success-800);
    --interactive-timer-success-subtle: var(--color-success-200);
    --interactive-timer-warning-solid: var(--color-warning-500);
    --interactive-timer-warning-subtle: var(--color-warning-200);
    --photo-overlay-active: rgb(0 0 0 / 0.4);
    --photo-overlay-disabled: rgb(255 255 255 / 0.8);
    --photo-overlay-hover: rgb(0 0 0 / 0.2);
    --status-error: var(--color-error-600);
    --status-focus: var(--color-focus-600);
    --status-success: var(--color-success-600);
    --status-visited: var(--color-visited-600);
    --status-warning: var(--color-warning-400);
    --text-primary-color: var(--color-primary-700);
    --text-secondary-color: var(--color-secondary-800);
    --text-black-fixed: var(--color-neutral-1000);
    --text-disabled: var(--color-neutral-300);
    --text-placeholder: var(--color-neutral-500);
    --text-primary: var(--color-neutral-950);
    --text-secondary: var(--color-neutral-700);
    --text-tertiary: var(--color-neutral-500);
    --text-white: var(--color-neutral-0);
    --text-white-fixed: var(--color-neutral-0);
    --text-status-error: var(--color-error-700);
    --text-status-info: var(--color-primary-600);
    --text-status-success: var(--color-success-700);
    --text-status-warning: var(--color-warning-900)
}

@media(prefers-color-scheme: light) {

    html:not([data-theme]),
    html[data-theme=auto] {
        --background-white: var(--color-neutral-0);
        --background-block-primary: var(--color-neutral-0);
        --background-block-secondary: var(--color-neutral-50);
        --background-overlay-image: rgb(0, 0, 0, 0.55);
        --background-overlay-page: rgb(0, 0, 0, 0.6);
        --background-overlay-transparent: rgb(246, 246, 246, 0);
        --background-page: var(--color-neutral-50);
        --background-neutral-disabled: var(--color-neutral-200);
        --background-neutral-primary: var(--color-neutral-1000);
        --background-neutral-secondary: var(--color-neutral-700);
        --background-neutral-subtle: var(--color-neutral-100);
        --background-neutral-subtlest: var(--color-neutral-50);
        --background-neutral-white: var(--color-neutral-0);
        --background-primary: var(--color-primary-600);
        --background-primary-subtle: var(--color-primary-100);
        --background-primary-subtlest: var(--color-primary-50);
        --background-secondary: var(--color-secondary-600);
        --background-secondary-subtle: var(--color-secondary-200);
        --background-secondary-subtlest: var(--color-secondary-50);
        --background-status-error: var(--status-error);
        --background-status-error-subtle: var(--color-error-100);
        --background-status-error-subtlest: var(--color-error-50);
        --background-status-success: var(--status-success);
        --background-status-success-subtle: var(--color-success-100);
        --background-status-success-subtlest: var(--color-success-50);
        --background-status-warning: var(--status-warning);
        --background-status-warning-subtle: var(--color-warning-100);
        --background-status-warning-subtlest: var(--color-warning-50);
        --border-error: var(--color-error-600);
        --border-neutral: var(--color-neutral-700);
        --border-primary: var(--color-primary-600);
        --border-secondary: var(--color-secondary-600);
        --border-secondary-bold: var(--color-secondary-800);
        --border-subtle: var(--color-neutral-300);
        --border-subtlest: var(--color-neutral-100);
        --border-success: var(--color-success-600);
        --border-warning: var(--color-warning-600);
        --border-disabled: var(--color-neutral-200);
        --button-outlined-error: var(--color-error-50);
        --button-outlined-error-active: var(--color-error-300);
        --button-outlined-error-hover: var(--color-error-200);
        --button-outlined-neutral: var(--color-neutral-50);
        --button-outlined-neutral-active: var(--color-neutral-300);
        --button-outlined-neutral-hover: var(--color-neutral-200);
        --button-outlined-primary: var(--color-primary-50);
        --button-outlined-primary-active: var(--color-primary-300);
        --button-outlined-primary-hover: var(--color-primary-200);
        --button-outlined-secondary: var(--color-secondary-50);
        --button-outlined-secondary-active: var(--color-secondary-300);
        --button-outlined-secondary-hover: var(--color-secondary-200);
        --button-outlined-success: var(--color-success-50);
        --button-outlined-success-active: var(--color-success-300);
        --button-outlined-success-hover: var(--color-success-200);
        --button-outlined-warning: var(--color-warning-50);
        --button-outlined-warning-active: var(--color-secondary-300);
        --button-outlined-warning-hover: var(--color-warning-200);
        --button-solid-disabled: var(--color-neutral-200);
        --button-solid-error: var(--color-error-600);
        --button-solid-error-active: var(--color-error-800);
        --button-solid-error-hover: var(--color-error-700);
        --button-solid-neutral: var(--color-neutral-600);
        --button-solid-neutral-active: var(--color-neutral-800);
        --button-solid-neutral-hover: var(--color-neutral-700);
        --button-solid-primary: var(--color-primary-600);
        --button-solid-primary-active: var(--color-primary-800);
        --button-solid-primary-hover: var(--color-primary-700);
        --button-solid-secondary: var(--color-secondary-600);
        --button-solid-secondary-active: var(--color-secondary-300);
        --button-solid-secondary-hover: var(--color-secondary-400);
        --button-solid-success: var(--color-success-600);
        --button-solid-success-active: var(--color-success-800);
        --button-solid-success-hover: var(--color-success-700);
        --button-solid-warning: var(--color-warning-500);
        --button-solid-warning-active: var(--color-warning-300);
        --button-solid-warning-hover: var(--color-warning-400);
        --icon-default: var(--color-neutral-900);
        --icon-disabled: var(--color-neutral-300);
        --icon-error: var(--status-error);
        --icon-neutral: var(--color-neutral-600);
        --icon-secondary: var(--color-secondary-700);
        --icon-success: var(--status-success);
        --icon-warning: var(--color-warning-700);
        --icon-on-bold-black: var(--color-neutral-1000);
        --icon-on-bold-white: var(--color-neutral-0);
        --icon-on-subtle: var(--color-primary-600);
        --icon-on-subtle-fixed-bg: var(--color-primary-600);
        --interactive-active: var(--color-primary-600);
        --interactive-disabled: var(--color-neutral-200);
        --interactive-error: var(--color-error-600);
        --interactive-inactive: var(--color-neutral-300);
        --interactive-timer-error-solid: var(--color-error-800);
        --interactive-timer-error-subtle: var(--color-error-200);
        --interactive-timer-neutral-solid: var(--color-neutral-800);
        --interactive-timer-neutral-subtle: var(--color-neutral-200);
        --interactive-timer-primary-solid: var(--color-primary-800);
        --interactive-timer-primary-subtle: var(--color-primary-200);
        --interactive-timer-success-solid: var(--color-success-800);
        --interactive-timer-success-subtle: var(--color-success-200);
        --interactive-timer-warning-solid: var(--color-warning-500);
        --interactive-timer-warning-subtle: var(--color-warning-200);
        --photo-overlay-active: rgb(0 0 0 / 0.4);
        --photo-overlay-disabled: rgb(255 255 255 / 0.8);
        --photo-overlay-hover: rgb(0 0 0 / 0.2);
        --status-error: var(--color-error-600);
        --status-focus: var(--color-focus-600);
        --status-success: var(--color-success-600);
        --status-visited: var(--color-visited-600);
        --status-warning: var(--color-warning-400);
        --text-primary-color: var(--color-primary-700);
        --text-secondary-color: var(--color-secondary-800);
        --text-black-fixed: var(--color-neutral-1000);
        --text-disabled: var(--color-neutral-300);
        --text-placeholder: var(--color-neutral-500);
        --text-primary: var(--color-neutral-950);
        --text-secondary: var(--color-neutral-700);
        --text-tertiary: var(--color-neutral-500);
        --text-white: var(--color-neutral-0);
        --text-white-fixed: var(--color-neutral-0);
        --text-status-error: var(--color-error-700);
        --text-status-info: var(--color-primary-600);
        --text-status-success: var(--color-success-700);
        --text-status-warning: var(--color-warning-900)
    }
}

:root[data-theme=dark] {
    --background-white: var(--color-neutral-1000);
    --background-block-primary: var(--color-neutral-950);
    --background-block-secondary: var(--color-neutral-800);
    --background-overlay-image: rgb(5, 5, 5, 0.7);
    --background-overlay-page: rgb(0, 0, 0, 0.8);
    --background-overlay-transparent: rgb(1, 4, 9, 0);
    --background-page: var(--color-primary-1050);
    --background-neutral-disabled: var(--color-neutral-900);
    --background-neutral-primary: var(--color-neutral-900);
    --background-neutral-secondary: var(--color-neutral-1000);
    --background-neutral-subtle: var(--color-neutral-900);
    --background-neutral-subtlest: var(--color-neutral-950);
    --background-neutral-white: var(--color-neutral-1000);
    --background-primary: var(--color-primary-600);
    --background-primary-subtle: var(--color-primary-950);
    --background-primary-subtlest: var(--color-primary-900);
    --background-secondary: var(--color-secondary-600);
    --background-secondary-subtle: var(--color-secondary-900);
    --background-secondary-subtlest: var(--color-secondary-900);
    --background-status-error: var(--status-error);
    --background-status-error-subtle: var(--color-error-950);
    --background-status-error-subtlest: var(--color-error-950);
    --background-status-success: var(--status-success);
    --background-status-success-subtle: var(--color-success-950);
    --background-status-success-subtlest: var(--color-success-950);
    --background-status-warning: var(--status-warning);
    --background-status-warning-subtle: var(--color-warning-950);
    --background-status-warning-subtlest: var(--color-warning-950);
    --border-error: var(--color-error-600);
    --border-neutral: var(--color-neutral-200);
    --border-primary: var(--color-primary-600);
    --border-secondary: var(--color-secondary-600);
    --border-secondary-bold: var(--color-secondary-800);
    --border-subtle: var(--color-neutral-600);
    --border-subtlest: var(--color-neutral-900);
    --border-success: var(--color-success-600);
    --border-warning: var(--color-warning-600);
    --border-disabled: var(--color-neutral-900);
    --button-outlined-error: var(--color-error-800);
    --button-outlined-error-active: var(--color-error-900);
    --button-outlined-error-hover: var(--color-error-950);
    --button-outlined-neutral: var(--color-neutral-800);
    --button-outlined-neutral-active: var(--color-neutral-900);
    --button-outlined-neutral-hover: var(--color-neutral-950);
    --button-outlined-primary: var(--color-primary-800);
    --button-outlined-primary-active: var(--color-primary-900);
    --button-outlined-primary-hover: var(--color-primary-950);
    --button-outlined-secondary: var(--color-secondary-800);
    --button-outlined-secondary-active: var(--color-secondary-900);
    --button-outlined-secondary-hover: var(--color-secondary-950);
    --button-outlined-success: var(--color-success-800);
    --button-outlined-success-active: var(--color-success-900);
    --button-outlined-success-hover: var(--color-success-950);
    --button-outlined-warning: var(--color-warning-800);
    --button-outlined-warning-active: var(--color-warning-900);
    --button-outlined-warning-hover: var(--color-warning-950);
    --button-solid-disabled: var(--color-neutral-950);
    --button-solid-error: var(--color-error-600);
    --button-solid-error-active: var(--color-error-700);
    --button-solid-error-hover: var(--color-error-500);
    --button-solid-neutral: var(--color-neutral-600);
    --button-solid-neutral-active: var(--color-neutral-700);
    --button-solid-neutral-hover: var(--color-neutral-500);
    --button-solid-primary: var(--color-primary-600);
    --button-solid-primary-active: var(--color-primary-700);
    --button-solid-primary-hover: var(--color-primary-500);
    --button-solid-secondary: var(--color-secondary-600);
    --button-solid-secondary-active: var(--color-secondary-700);
    --button-solid-secondary-hover: var(--color-secondary-500);
    --button-solid-success: var(--color-success-600);
    --button-solid-success-active: var(--color-success-700);
    --button-solid-success-hover: var(--color-success-500);
    --button-solid-warning: var(--color-warning-600);
    --button-solid-warning-active: var(--color-warning-700);
    --button-solid-warning-hover: var(--color-warning-500);
    --icon-default: var(--color-neutral-0);
    --icon-disabled: var(--color-neutral-900);
    --icon-error: var(--color-error-400);
    --icon-neutral: var(--color-neutral-200);
    --icon-secondary: var(--color-secondary-400);
    --icon-success: var(--color-success-400);
    --icon-warning: var(--color-warning-400);
    --icon-on-bold-black: var(--color-neutral-1000);
    --icon-on-bold-white: var(--color-neutral-0);
    --icon-on-subtle: var(--color-primary-100);
    --icon-on-subtle-fixed-bg: var(--color-primary-600);
    --interactive-active: var(--color-primary-600);
    --interactive-disabled: var(--color-neutral-800);
    --interactive-error: var(--color-error-600);
    --interactive-inactive: var(--color-neutral-600);
    --interactive-timer-error-solid: var(--color-error-800);
    --interactive-timer-error-subtle: var(--color-error-900);
    --interactive-timer-neutral-solid: var(--color-neutral-600);
    --interactive-timer-neutral-subtle: var(--color-neutral-500);
    --interactive-timer-primary-solid: var(--color-primary-800);
    --interactive-timer-primary-subtle: var(--color-primary-800);
    --interactive-timer-success-solid: var(--color-success-800);
    --interactive-timer-success-subtle: var(--color-success-800);
    --interactive-timer-warning-solid: var(--color-warning-400);
    --interactive-timer-warning-subtle: var(--color-warning-900);
    --photo-overlay-active: rgb(255 255 255 / 0.4);
    --photo-overlay-disabled: rgb(0 0 0 / 0.8);
    --photo-overlay-hover: rgb(255 255 255 / 0.2);
    --status-error: var(--color-error-600);
    --status-focus: var(--color-focus-300);
    --status-success: var(--color-success-600);
    --status-visited: var(--color-visited-300);
    --status-warning: var(--color-warning-300);
    --text-primary-color: var(--color-primary-100);
    --text-secondary-color: var(--color-secondary-600);
    --text-black-fixed: var(--color-neutral-1000);
    --text-disabled: var(--color-neutral-500);
    --text-placeholder: var(--color-neutral-300);
    --text-primary: var(--color-neutral-0);
    --text-secondary: var(--color-neutral-100);
    --text-tertiary: var(--color-neutral-300);
    --text-white: var(--color-neutral-1000);
    --text-white-fixed: var(--color-neutral-0);
    --text-status-error: var(--color-error-400);
    --text-status-info: var(--color-primary-400);
    --text-status-success: var(--color-success-400);
    --text-status-warning: var(--color-warning-400)
}

@media(prefers-color-scheme: dark) {

    html:not([data-theme]),
    html[data-theme=auto] {
        --background-white: var(--color-neutral-1000);
        --background-block-primary: var(--color-neutral-950);
        --background-block-secondary: var(--color-neutral-800);
        --background-overlay-image: rgb(5, 5, 5, 0.7);
        --background-overlay-page: rgb(0, 0, 0, 0.8);
        --background-overlay-transparent: rgb(1, 4, 9, 0);
        --background-page: var(--color-primary-1050);
        --background-neutral-disabled: var(--color-neutral-900);
        --background-neutral-primary: var(--color-neutral-900);
        --background-neutral-secondary: var(--color-neutral-1000);
        --background-neutral-subtle: var(--color-neutral-900);
        --background-neutral-subtlest: var(--color-neutral-950);
        --background-neutral-white: var(--color-neutral-1000);
        --background-primary: var(--color-primary-600);
        --background-primary-subtle: var(--color-primary-950);
        --background-primary-subtlest: var(--color-primary-900);
        --background-secondary: var(--color-secondary-600);
        --background-secondary-subtle: var(--color-secondary-900);
        --background-secondary-subtlest: var(--color-secondary-900);
        --background-status-error: var(--status-error);
        --background-status-error-subtle: var(--color-error-950);
        --background-status-error-subtlest: var(--color-error-950);
        --background-status-success: var(--status-success);
        --background-status-success-subtle: var(--color-success-950);
        --background-status-success-subtlest: var(--color-success-950);
        --background-status-warning: var(--status-warning);
        --background-status-warning-subtle: var(--color-warning-950);
        --background-status-warning-subtlest: var(--color-warning-950);
        --border-error: var(--color-error-600);
        --border-neutral: var(--color-neutral-200);
        --border-primary: var(--color-primary-600);
        --border-secondary: var(--color-secondary-600);
        --border-secondary-bold: var(--color-secondary-800);
        --border-subtle: var(--color-neutral-600);
        --border-subtlest: var(--color-neutral-900);
        --border-success: var(--color-success-600);
        --border-warning: var(--color-warning-600);
        --border-disabled: var(--color-neutral-900);
        --button-outlined-error: var(--color-error-800);
        --button-outlined-error-active: var(--color-error-900);
        --button-outlined-error-hover: var(--color-error-950);
        --button-outlined-neutral: var(--color-neutral-800);
        --button-outlined-neutral-active: var(--color-neutral-900);
        --button-outlined-neutral-hover: var(--color-neutral-950);
        --button-outlined-primary: var(--color-primary-800);
        --button-outlined-primary-active: var(--color-primary-900);
        --button-outlined-primary-hover: var(--color-primary-950);
        --button-outlined-secondary: var(--color-secondary-800);
        --button-outlined-secondary-active: var(--color-secondary-900);
        --button-outlined-secondary-hover: var(--color-secondary-950);
        --button-outlined-success: var(--color-success-800);
        --button-outlined-success-active: var(--color-success-900);
        --button-outlined-success-hover: var(--color-success-950);
        --button-outlined-warning: var(--color-warning-800);
        --button-outlined-warning-active: var(--color-warning-900);
        --button-outlined-warning-hover: var(--color-warning-950);
        --button-solid-disabled: var(--color-neutral-950);
        --button-solid-error: var(--color-error-600);
        --button-solid-error-active: var(--color-error-700);
        --button-solid-error-hover: var(--color-error-500);
        --button-solid-neutral: var(--color-neutral-600);
        --button-solid-neutral-active: var(--color-neutral-700);
        --button-solid-neutral-hover: var(--color-neutral-500);
        --button-solid-primary: var(--color-primary-600);
        --button-solid-primary-active: var(--color-primary-700);
        --button-solid-primary-hover: var(--color-primary-500);
        --button-solid-secondary: var(--color-secondary-600);
        --button-solid-secondary-active: var(--color-secondary-700);
        --button-solid-secondary-hover: var(--color-secondary-500);
        --button-solid-success: var(--color-success-600);
        --button-solid-success-active: var(--color-success-700);
        --button-solid-success-hover: var(--color-success-500);
        --button-solid-warning: var(--color-warning-600);
        --button-solid-warning-active: var(--color-warning-700);
        --button-solid-warning-hover: var(--color-warning-500);
        --icon-default: var(--color-neutral-0);
        --icon-disabled: var(--color-neutral-900);
        --icon-error: var(--color-error-400);
        --icon-neutral: var(--color-neutral-200);
        --icon-secondary: var(--color-secondary-400);
        --icon-success: var(--color-success-400);
        --icon-warning: var(--color-warning-400);
        --icon-on-bold-black: var(--color-neutral-1000);
        --icon-on-bold-white: var(--color-neutral-0);
        --icon-on-subtle: var(--color-primary-100);
        --icon-on-subtle-fixed-bg: var(--color-primary-600);
        --interactive-active: var(--color-primary-600);
        --interactive-disabled: var(--color-neutral-800);
        --interactive-error: var(--color-error-600);
        --interactive-inactive: var(--color-neutral-600);
        --interactive-timer-error-solid: var(--color-error-800);
        --interactive-timer-error-subtle: var(--color-error-900);
        --interactive-timer-neutral-solid: var(--color-neutral-600);
        --interactive-timer-neutral-subtle: var(--color-neutral-500);
        --interactive-timer-primary-solid: var(--color-primary-800);
        --interactive-timer-primary-subtle: var(--color-primary-800);
        --interactive-timer-success-solid: var(--color-success-800);
        --interactive-timer-success-subtle: var(--color-success-800);
        --interactive-timer-warning-solid: var(--color-warning-400);
        --interactive-timer-warning-subtle: var(--color-warning-900);
        --photo-overlay-active: rgb(255 255 255 / 0.4);
        --photo-overlay-disabled: rgb(0 0 0 / 0.8);
        --photo-overlay-hover: rgb(255 255 255 / 0.2);
        --status-error: var(--color-error-600);
        --status-focus: var(--color-focus-300);
        --status-success: var(--color-success-600);
        --status-visited: var(--color-visited-300);
        --status-warning: var(--color-warning-300);
        --text-primary-color: var(--color-primary-100);
        --text-secondary-color: var(--color-secondary-600);
        --text-black-fixed: var(--color-neutral-1000);
        --text-disabled: var(--color-neutral-500);
        --text-placeholder: var(--color-neutral-300);
        --text-primary: var(--color-neutral-0);
        --text-secondary: var(--color-neutral-100);
        --text-tertiary: var(--color-neutral-300);
        --text-white: var(--color-neutral-1000);
        --text-white-fixed: var(--color-neutral-0);
        --text-status-error: var(--color-error-400);
        --text-status-info: var(--color-primary-400);
        --text-status-success: var(--color-success-400);
        --text-status-warning: var(--color-warning-400)
    }
}

@media(max-width: 29.99em) {
    :root {
        --corner-radius-none: 0rem;
        --corner-radius-2xs: 0.125rem;
        --corner-radius-xs: 0.25rem;
        --corner-radius-xs-nudge: 0.375rem;
        --corner-radius-s: 0.5rem;
        --corner-radius-s-nudge: 0.75rem;
        --corner-radius-m: 1rem;
        --corner-radius-m-nudge: 1.25rem;
        --corner-radius-l: 1.5rem;
        --corner-radius-xl: 2rem;
        --corner-radius-2xl: 2.5rem;
        --font-size-body-xs: 0.75rem;
        --font-size-body-s: 0.875rem;
        --font-size-body-m: 1rem;
        --font-size-headline-xs: 1rem;
        --font-size-body-l: 1.125rem;
        --font-size-headline-s: 1.125rem;
        --font-size-body-xl: 1.25rem;
        --font-size-headline-m: 1.375rem;
        --font-size-headline-l: 1.875rem;
        --font-size-display-s: 2.25rem;
        --font-size-headline-xl: 2.375rem;
        --font-size-display-m: 2.75rem;
        --font-size-display-l: 3.375rem;
        --height-2xs: 0.125rem;
        --height-xs: 0.25rem;
        --height-xs-nudge: 0.375rem;
        --height-s: 0.5rem;
        --height-s-nudge: 0.75rem;
        --height-m: 1rem;
        --height-m-nudge: 1.25rem;
        --height-l: 1.5rem;
        --height-xl: 2rem;
        --height-2xl: 2.5rem;
        --height-3xl: 3rem;
        --height-4xl: 3.5rem;
        --height-5xl: 4rem;
        --height-6xl: 4.5rem;
        --height-7xl: 5rem;
        --height-8xl: 7.5rem;
        --height-component-xs: 1.5rem;
        --height-component-s: 2rem;
        --height-component-m: 2.5rem;
        --height-component-l: 3rem;
        --height-component-xl: 3.5rem;
        --height-line-xs: 1.125rem;
        --height-line-s: 1.3125rem;
        --height-line-m: 1.5rem;
        --height-line-l: 1.6875rem;
        --height-line-xl: 1.875rem;
        --height-line-2xl: 2.25rem;
        --height-line-3xl: 3rem;
        --icon-size-xs: 0.75rem;
        --icon-size-s: 0.875rem;
        --icon-size-m: 1rem;
        --icon-size-l: 1.125rem;
        --icon-size-xl: 1.25rem;
        --icon-size-2xl: 1.5rem;
        --icon-size-3xl: 2rem;
        --icon-size-4xl: 2.5rem;
        --icon-size-5xl: 3rem;
        --spacing-none: 0rem;
        --spacing-2xs: 0.125rem;
        --spacing-xs: 0.25rem;
        --spacing-xs-nudge: 0.375rem;
        --spacing-s: 0.5rem;
        --spacing-s-nudge: 0.75rem;
        --spacing-m: 1rem;
        --spacing-m-nudge: 1.25rem;
        --spacing-l: 1.5rem;
        --spacing-xl: 2rem;
        --spacing-2xl: 2.5rem;
        --spacing-3xl: 3rem;
        --spacing-4xl: 3.5rem;
        --spacing-5xl: 4rem;
        --spacing-6xl: 4.5rem;
        --spacing-7xl: 5rem;
        --spacing-8xl: 7.5rem;
        --spacing-multiline-vertical-padding-xs: 0.1875rem;
        --spacing-multiline-vertical-padding-s: 0.3125rem;
        --spacing-multiline-vertical-padding-m: 0.5rem;
        --spacing-multiline-vertical-padding-l: 0.625rem;
        --spacing-multiline-vertical-padding-xl: 0.8125rem
    }
    
    .cards-repeater-grid-placer > :first-child {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    row-gap: var(--spacing-l);
}
}

@media(min-width: 30em)and (max-width: 63.99em) {
    :root {
        --corner-radius-none: 0rem;
        --corner-radius-2xs: 0.125rem;
        --corner-radius-xs: 0.25rem;
        --corner-radius-xs-nudge: 0.375rem;
        --corner-radius-s: 0.5rem;
        --corner-radius-s-nudge: 0.75rem;
        --corner-radius-m: 1rem;
        --corner-radius-m-nudge: 1.25rem;
        --corner-radius-l: 1.5rem;
        --corner-radius-xl: 2rem;
        --corner-radius-2xl: 2.5rem;
        --font-size-body-xs: 0.75rem;
        --font-size-body-s: 0.875rem;
        --font-size-body-m: 1rem;
        --font-size-body-l: 1.125rem;
        --font-size-headline-xs: 1.125rem;
        --font-size-body-xl: 1.25rem;
        --font-size-headline-s: 1.25rem;
        --font-size-headline-m: 1.5rem;
        --font-size-headline-l: 2rem;
        --font-size-display-s: 2.5rem;
        --font-size-headline-xl: 2.5rem;
        --font-size-display-m: 3rem;
        --font-size-display-l: 3.5rem;
        --height-2xs: 0.125rem;
        --height-xs: 0.25rem;
        --height-xs-nudge: 0.375rem;
        --height-s: 0.5rem;
        --height-s-nudge: 0.75rem;
        --height-m: 1rem;
        --height-m-nudge: 1.25rem;
        --height-l: 1.5rem;
        --height-xl: 2rem;
        --height-2xl: 2.5rem;
        --height-3xl: 3rem;
        --height-4xl: 3.5rem;
        --height-5xl: 4rem;
        --height-6xl: 4.5rem;
        --height-7xl: 5rem;
        --height-8xl: 7.5rem;
        --height-component-xs: 1.5rem;
        --height-component-s: 2rem;
        --height-component-m: 2.5rem;
        --height-component-l: 3rem;
        --height-component-xl: 3.5rem;
        --height-line-xs: 1.125rem;
        --height-line-s: 1.3125rem;
        --height-line-m: 1.5rem;
        --height-line-l: 1.6875rem;
        --height-line-xl: 1.875rem;
        --height-line-2xl: 2.25rem;
        --height-line-3xl: 3rem;
        --icon-size-xs: 0.75rem;
        --icon-size-s: 0.875rem;
        --icon-size-m: 1rem;
        --icon-size-l: 1.125rem;
        --icon-size-xl: 1.25rem;
        --icon-size-2xl: 1.5rem;
        --icon-size-3xl: 2rem;
        --icon-size-4xl: 2.5rem;
        --icon-size-5xl: 3rem;
        --spacing-none: 0rem;
        --spacing-2xs: 0.125rem;
        --spacing-xs: 0.25rem;
        --spacing-xs-nudge: 0.375rem;
        --spacing-s: 0.5rem;
        --spacing-s-nudge: 0.75rem;
        --spacing-m: 1rem;
        --spacing-m-nudge: 1.25rem;
        --spacing-l: 1.5rem;
        --spacing-xl: 2rem;
        --spacing-2xl: 2.5rem;
        --spacing-3xl: 3rem;
        --spacing-4xl: 3.5rem;
        --spacing-5xl: 4rem;
        --spacing-6xl: 4.5rem;
        --spacing-7xl: 5rem;
        --spacing-8xl: 7.5rem;
        --spacing-multiline-vertical-padding-xs: 0.1875rem;
        --spacing-multiline-vertical-padding-s: 0.3125rem;
        --spacing-multiline-vertical-padding-m: 0.5rem;
        --spacing-multiline-vertical-padding-l: 0.625rem;
        --spacing-multiline-vertical-padding-xl: 0.8125rem
    }
    
    .cards-repeater-grid-placer > :first-child {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: var(--spacing-l);
}
}

@media(min-width: 64em) {
    :root {
        --corner-radius-none: 0rem;
        --corner-radius-2xs: 0.125rem;
        --corner-radius-xs: 0.25rem;
        --corner-radius-xs-nudge: 0.375rem;
        --corner-radius-s: 0.5rem;
        --corner-radius-s-nudge: 0.75rem;
        --corner-radius-m: 1rem;
        --corner-radius-m-nudge: 1.25rem;
        --corner-radius-l: 1.5rem;
        --corner-radius-xl: 2rem;
        --corner-radius-2xl: 2.5rem;
        --font-size-body-xs: 0.75rem;
        --font-size-body-s: 0.875rem;
        --font-size-body-m: 1rem;
        --font-size-body-l: 1.125rem;
        --font-size-headline-xs: 1.125rem;
        --font-size-body-xl: 1.25rem;
        --font-size-headline-s: 1.25rem;
        --font-size-headline-m: 1.5rem;
        --font-size-headline-l: 2rem;
        --font-size-display-s: 2.5rem;
        --font-size-headline-xl: 2.5rem;
        --font-size-display-m: 3rem;
        --font-size-display-l: 3.5rem;
        --height-2xs: 0.125rem;
        --height-xs: 0.25rem;
        --height-xs-nudge: 0.375rem;
        --height-s: 0.5rem;
        --height-s-nudge: 0.75rem;
        --height-m: 1rem;
        --height-m-nudge: 1.25rem;
        --height-l: 1.5rem;
        --height-xl: 2rem;
        --height-2xl: 2.5rem;
        --height-3xl: 3rem;
        --height-4xl: 3.5rem;
        --height-5xl: 4rem;
        --height-6xl: 4.5rem;
        --height-7xl: 5rem;
        --height-8xl: 7.5rem;
        --height-component-xs: 1.5rem;
        --height-component-s: 2rem;
        --height-component-m: 2.5rem;
        --height-component-l: 3rem;
        --height-component-xl: 3.5rem;
        --height-line-xs: 1.125rem;
        --height-line-s: 1.3125rem;
        --height-line-m: 1.5rem;
        --height-line-l: 1.6875rem;
        --height-line-xl: 1.875rem;
        --height-line-2xl: 2.25rem;
        --height-line-3xl: 3rem;
        --icon-size-xs: 0.75rem;
        --icon-size-s: 0.875rem;
        --icon-size-m: 1rem;
        --icon-size-l: 1.125rem;
        --icon-size-xl: 1.25rem;
        --icon-size-2xl: 1.5rem;
        --icon-size-3xl: 2rem;
        --icon-size-4xl: 2.5rem;
        --icon-size-5xl: 3rem;
        --spacing-none: 0rem;
        --spacing-2xs: 0.125rem;
        --spacing-xs: 0.25rem;
        --spacing-xs-nudge: 0.375rem;
        --spacing-s: 0.5rem;
        --spacing-s-nudge: 0.75rem;
        --spacing-m: 1rem;
        --spacing-m-nudge: 1.25rem;
        --spacing-l: 1.5rem;
        --spacing-xl: 2rem;
        --spacing-2xl: 2.5rem;
        --spacing-3xl: 3rem;
        --spacing-4xl: 3.5rem;
        --spacing-5xl: 4rem;
        --spacing-6xl: 4.5rem;
        --spacing-7xl: 5rem;
        --spacing-8xl: 7.5rem;
        --spacing-multiline-vertical-padding-xs: 0.1875rem;
        --spacing-multiline-vertical-padding-s: 0.3125rem;
        --spacing-multiline-vertical-padding-m: 0.5rem;
        --spacing-multiline-vertical-padding-l: 0.625rem;
        --spacing-multiline-vertical-padding-xl: 0.8125rem
    }
}

:root {
    --font-family: 'Roboto', sans-serif;
    --color-primary-50: rgb(243, 247, 252);
    --color-primary-100: rgb(229, 238, 249);
    --color-primary-200: rgb(197, 219, 242);
    --color-primary-300: rgb(147, 189, 230);
    --color-primary-400: rgb(89, 155, 215);
    --color-primary-500: rgb(51, 127, 196);
    --color-primary-600: rgb(35, 98, 162);
    --color-primary-700: rgb(30, 80, 134);
    --color-primary-800: rgb(29, 69, 111);
    --color-primary-900: rgb(29, 60, 93);
    --color-primary-950: rgb(19, 38, 62);
    --color-primary-1000: rgb(15, 31, 51);
    --color-primary-1050: rgb(1, 4, 9);
    --color-secondary-50: rgb(255, 249, 233);
    --color-secondary-100: rgb(255, 246, 225);
    --color-secondary-200: rgb(254, 240, 208);
    --color-secondary-300: rgb(253, 225, 161);
    --color-secondary-400: rgb(255, 207, 116);
    --color-secondary-500: rgb(251, 195, 66);
    --color-secondary-600: rgb(250, 180, 19);
    --color-secondary-700: rgb(200, 144, 15);
    --color-secondary-800: rgb(175, 122, 0);
    --color-secondary-900: rgb(74, 52, 3);
    --color-secondary-950: rgb(61, 43, 0);
    --color-secondary-1000: rgb(36, 27, 4);
    --color-neutral-0: rgb(255, 255, 255);
    --color-neutral-50: rgb(246, 246, 246);
    --color-neutral-100: rgb(231, 231, 231);
    --color-neutral-200: rgb(209, 209, 209);
    --color-neutral-300: rgb(176, 176, 176);
    --color-neutral-400: rgb(136, 136, 136);
    --color-neutral-500: rgb(109, 109, 109);
    --color-neutral-600: rgb(93, 93, 93);
    --color-neutral-700: rgb(79, 79, 79);
    --color-neutral-800: rgb(69, 69, 69);
    --color-neutral-900: rgb(59, 59, 59);
    --color-neutral-950: rgb(38, 38, 38);
    --color-neutral-1000: rgb(0, 0, 0);
    --color-neutral-transparent: rgba(255, 255, 255, 0);
    --color-error-50: rgb(254, 242, 242);
    --color-error-100: rgb(253, 227, 227);
    --color-error-200: rgb(252, 204, 204);
    --color-error-300: rgb(248, 169, 169);
    --color-error-400: rgb(243, 118, 118);
    --color-error-500: rgb(232, 75, 75);
    --color-error-600: rgb(198, 40, 40);
    --color-error-700: rgb(179, 34, 34);
    --color-error-800: rgb(126, 20, 20);
    --color-error-900: rgb(73, 12, 12);
    --color-error-950: rgb(48, 6, 6);
    --color-error-1000: rgb(36, 3, 3);
    --color-success-50: rgb(243, 250, 243);
    --color-success-100: rgb(226, 246, 227);
    --color-success-200: rgb(199, 235, 201);
    --color-success-300: rgb(155, 218, 158);
    --color-success-400: rgb(103, 193, 107);
    --color-success-500: rgb(66, 165, 71);
    --color-success-600: rgb(46, 125, 50);
    --color-success-700: rgb(42, 107, 45);
    --color-success-800: rgb(38, 85, 41);
    --color-success-900: rgb(32, 71, 36);
    --color-success-950: rgb(13, 38, 15);
    --color-success-1000: rgb(6, 27, 8);
    --color-warning-50: rgb(254, 251, 232);
    --color-warning-100: rgb(254, 247, 195);
    --color-warning-200: rgb(254, 237, 138);
    --color-warning-300: rgb(253, 216, 53);
    --color-warning-400: rgb(250, 198, 21);
    --color-warning-500: rgb(234, 173, 8);
    --color-warning-600: rgb(202, 133, 4);
    --color-warning-700: rgb(228, 148, 0);
    --color-warning-800: rgb(190, 125, 2);
    --color-warning-900: rgb(107, 74, 13);
    --color-warning-950: rgb(67, 46, 6);
    --color-warning-1000: rgb(42, 27, 0);
    --color-focus-300: rgb(108, 174, 244);
    --color-focus-600: rgb(0, 123, 255);
    --color-visited-300: rgb(196, 167, 230);
    --color-visited-600: rgb(103, 50, 158);
    --color-visited-700: rgb(96, 48, 107)
}

@page {
  margin-bottom: 2cm;
  @bottom-center {
    content: "Stránka " counter(page) " z " counter(pages);
    font-size: 10px;
    color: grey;
  }
}

.print {
  padding-left:15px;
  padding-right:15px;
  font-family: Arial, sans-serif !important; /* Nebo jakýkoliv defaultní font */
  font-size: 16px !important;       /* Případně uprav podle potřeby */
  font-weight: normal !important;
  font-style: normal !important;
}


.print .bi,
.print [class^="bi-"],
.print [class*=" bi-"] {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  speak: never;
  font-size: inherit !important;
  line-height: 1 !important;
  vertical-align: -.125em !important;
}

.my-title {
  font-size: 26px;
  color: #800000;
}

.nadpis {
  line-height: 1.28571429em;
  margin: calc(2rem -  0.14285714em ) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}

.bold {
  font-weight: bold
}

.h1.nadpis {
  min-height: 1rem;
  font-size: 2.5rem;
}

.h2.nadpis{
  font-size: 2rem;
}

.h3.nadpis{
  font-size: 1.5rem;
}

.h4.nadpis{
  font-size: 1.25rem;
}

.h5.nadpis{
  font-size: 1.125rem;
}


h1, h2, h3, h4, h5 {
  line-height: 1.28571429em;
  margin: calc(2rem -  0.14285714em ) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}

h1 {
  min-height: 1rem;
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
  margin-top: 0em;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
  margin-bottom: 0em;
}

h1.mnc.header {
  font-size: 2.5rem;
}

h2.mnc.header {
  font-size: 2rem;
}

h3.mnc.header {
  font-size: 1.5rem;
}

h4.mnc.header {
  font-size: 1.25rem;
}

h5.mnc.header {
  font-size: 1.125rem;
}

.mnc.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28571429em;
}

/*velikost ikon*/
i.icon.huge::before {
    font-size: 3.5rem;
}

i.icon.clouds::before {
  font-size: 13rem;
  transform: scaleX(-1);
}

/*h2 {
  font-size: 36px;
  padding: 10px 10px 10px 50px;
}*/

.mnc.button>.icon:not(.button) {
    color: "";
    height: unset !important;
    opacity: .8;
    -webkit-transition: opacity .1sease;
    transition: opacity .1sease;
    vertical-align: "";
}

.gov-content-layout {
  max-width: 1440px;
  margin: 0 auto !important;
}

/* 1) Najdi PŘESNĚ ten row v hlavičce, který obsahuje pnl1 */
[data-widget-name="pnlHeaderMax"] .mnc.row:has([data-widget-name="pnl1"]) {
  display: flex !important;
  align-items: center;
  width: 100%;
  min-width: 0;
}

/* 2) pnl1 odtlač doprava */
[data-widget-name="pnlHeaderMax"] [data-widget-name="pnl1"] {
  margin-left: auto !important;
  flex: 0 0 auto;
}

/* 3) Zruš případné 100% šířky jen pro přímé dítě row v hlavičce */
[data-widget-name="pnlHeaderMax"] .mnc.row:has([data-widget-name="pnl1"]) > * {
  width: auto !important;
}

.widget-table[data-widget-name="tblSeznamPisemnosti"] .tableWrapper.scrollable-horizontal {
    padding-left: 0 !important;
    position: relative;
    max-height: 50vw !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.panel-header {
  padding: 10px 10px 10px 50px!important;
  position: sticky;
  top: 0;
  width: 100vw;
  background-color: var(--color-primary-600);
  color: var(--color-neutral-0);
}

.panel-header.default .mnc.header {
  color: var(--color-primary-600);
}

.panel-header.default {
  padding: 10px 10px 10px 50px!important;
  position: sticky;
  top: 0;
  width: 100vw;
  background-color: var(--color-neutral-0);
  color: var(--color-primary-600);
}

body {
  background-color: var(--color-neutral-50);
  font-family: var(--font-family);
}

#content {
    padding: 0px;
}

/*.mnc.grid { 
  padding: 0px 10px 0px;
}*/

.mnc.button {
    border: unset;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    min-height: 1em;
    padding: .5em 1.2em;
    text-align: center;
    vertical-align: top;
}

button:focus, input[type=button]:focus, input[type=submit]:focus {
    outline: unset;
    outline-offset: 0;
}

.mnc.multiple.search.dropdown>.text {
    display: inline-block;
    margin-left: -1.9em;
    position: relative;
    top: .15em;
    vertical-align: middle;
    color: unset;
}

.panel-lev-bg .mnc.header {
  color: var(--color-neutral-0);
}

.panel-lev-bg {
  margin: 40px 5px !important;
  position:relative;
  display:flex;
  align-items:center;
  gap:24px;
  padding: 24px !important;
  min-height: 300px;
  border-radius:32px;
  overflow:hidden;
  color:var(--color-neutral-0);
  background:
    /*radial-gradient(120% 140% at 35% -20%, rgba(255,255,255,.10) 0 60%, transparent 61%),*/
    /*radial-gradient(120% 120% at 75% 120%, rgba(0,0,0,.18) 0 60%, transparent 61%),*/
    linear-gradient(64.58deg, var(--color-primary-500) 0.52%, var(--color-primary-900) 62.59%);
  box-shadow:0 2px 4px rgba(0,0,0,.3);
}

.panel-lev-bg.lev-pixel::after {
  --lev-x: 20%;   /* odsazení od pravého okraje */
  --lev-y: 0px;  /* posun dolů (záporné = „pod“ panel) */
  --lev-h: 100%;    /* relativní výška lva k panelu */

  content: "";
  position: absolute;
  inset: 0;                  /* pseudo-element přes celý panel */
  background: url("images/clouds-image.svg")
             right var(--lev-x) bottom var(--lev-y) / auto var(--lev-h) no-repeat;
  image-rendering: pixelated;
  pointer-events: none;      /* ať neblokuje kliky */
  z-index: 0;                /* pod textem, nad gradientem */
}

@media (max-width: 1400px) {
  .panel-lev-bg.lev-pixel::after {
    content: none;           /* pseudo-element se vůbec nevytvoří */
  }
}

.panel-lev-bg > * { position: relative; z-index: 1; }


.panel-footer {
    /*position: fixed;  /* Udrží patičku vždy dole */
    /*bottom: 0;        /* Umístí patičku na dolní okraj */
    width: 100%;      /* Roztáhne patičku na plnou šířku okna */
    background-color: var(--color-primary-900); /* Barva pozadí patičky */
    padding: 50px 0px;    /* Vnitřní odsazení patičky */
    box-sizing: border-box; /* Zahrne padding a border do celkové šířky */
    z-index: 1000;    /* Udrží patičku nad ostatním obsahem */
    color: var(--color-neutral-0);
    /*border-top: 2px solid #B9B9B9; /* Jemné orámování pro oddělení patičky od obsahu */
}

h4.footer {
    font-size: 20px;
    color: var(--color-neutral-0)!important;
}

a.detail-zadosti {
  color: var(--color-neutral-700);
  text-decoration: underline;
}

a.detail-zadosti-zavrit {
  color: var(--color-neutral-700);
}

a.footer {
  color: var(--color-neutral-0);
  text-decoration: underline;
}

a.footer:hover {
  color: var(--color-primary-200);
  text-decoration: underline;
}

.mnc-modal {
    background-color: #fff;
    border-radius: 8px;
    font-size: 1rem;
    /*max-width: 640px;*/
    margin: 0 auto;
    padding: 30px;
    position: relative;
    z-index: 2001;
}

.mnc-modal.max-width {
    max-width: 640px;
}

.mnc.table td.selector, .mnc.table th.selector {
    width: 10%;
}
.mnc.input>input {
  border-color: var(--color-neutral-700);
  border-radius: 8px;
}

.mnc.input > input:active {
  border-color: var(--color-neutral-700);
  background: var(--color-neutral-0);
  color: var(--color-neutral-950);
  -webkit-box-shadow: none;
  box-shadow: none;
}

textarea, input:not([type]), input[type=date], input[type=datetime-local], input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea {
  border-radius: 8px;
  border-color: var(--color-neutral-700);
  background-color: var(--color-neutral-0);
}

textarea:focus, input:not([type]):focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, 
input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="text"]:focus, input[type="file"]:focus, input[type="url"]:focus {
    border-color: var(--color-neutral-700);
    border-radius: 8px; /* Zaokrouhlení rohů */
    outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
    outline-offset: 2px; /* Velikost mezery */
}

input:read-only,
textarea:read-only {
  border-color: var(--color-neutral-100);
  color: var(--color-neutral-300);
}

input:read-only:focus,
textarea:read-only:focus {
  outline: none;
}

.mnc.form .field.error textarea, .mnc.form .field.error select, .mnc.form .field.error input:not([type]), .mnc.form .field.error input[type="date"], .mnc.form .field.error input[type="datetime-local"],
.mnc.form .field.error input[type="email"], .mnc.form .field.error input[type="number"], .mnc.form .field.error input[type="password"], .mnc.form .field.error input[type="search"],
.mnc.form .field.error input[type="tel"], .mnc.form .field.error input[type="time"], .mnc.form .field.error input[type="text"], .mnc.form .field.error input[type="file"], 
.mnc.form .field.error input[type="url"] {
  background: var(--color-neutral-0);
  border-color: var(--color-error-600);
  color: #b32222;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mnc.form .field label.error {
    color: #b32222;
    font-weight: 400;
    margin-top: 5px;
}

.mnc.disabled.dropdown, .mnc.dropdown .menu>.disabled.item {
    cursor: default;
    /*opacity: .45;*/
    border-radius: 8px;
    border-color: var(--color-neutral-100);
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-300);
    pointer-events: none;
}

.mnc.selection.dropdown:focus {
    border-color: var(--color-neutral-700);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
    outline-offset: 2px; /* Velikost mezery */
}

.mnc.field.focused .mnc.selection.dropdown {
  border-color: var(--color-neutral-700);
}

.mnc.table td.no-row-column {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    height: 250px;
}

.panel-tabulky-uvodni {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  background-color: var(--color-neutral-0);
  padding: 10px;
  margin: 3px!important;
  box-sizing: border-box;
  min-width: calc(50% - 6px)!important;
  flex: 1;
  min-height: 150px;
}

.cards {
    border-radius: 16px;
    background-color: var(--color-neutral-0);
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 220px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-repeater-grid-placer {

}

.cards-repeater-grid-placer > :first-child {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: var(--spacing-l);
}

.cards-repeater-height,
.cards-repeater-height :not(.cards-small){
  height: 100%;
}

.cards-small * {
  height: auto !important;
}

.cards-small {
  height: 100%;
  min-height: 0;
  background-color: var(--color-neutral-0);
  padding: 16px !important;
  margin: 3px !important;
  color: var(--color-neutral-1000);
  border-radius: 16px;
      overflow-wrap: break-word; /* moderní náhrada word-wrap */
    word-break: break-word;    /* jistota pro některé prohlížeče */
    text-decoration: unset;
}

.cards-small:hover {
  box-shadow: 0 .25rem .75rem 0 rgba(0, 0, 0, .2);
  transform: translateY(-2px);
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

.cards-comments {
    border-radius: 16px;
    background-color: var(--color-neutral-50);
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    /*min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 120px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-stanovisko-informace-open {
    border-radius: 16px;
    background-color: var(--color-neutral-50);
    padding: 16px !important;
    margin: 3px 0 16px 0 !important;
    box-sizing: border-box;
    /*min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 120px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-stanovisko-informace-close {
    border-radius: 16px;
    /*background-color: var(--color-neutral-50);*/
    padding: 16px !important;
    margin: 3px 0 8px 0 !important;
    box-sizing: border-box;
    /*min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 120px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
    
}

.cards-comments-answer {
    border-radius: 16px;
    border: 1px solid var(--color-neutral-100);
    background-color: none;
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    /*min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 120px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}
.cards-comments-solved {
    border-radius: 16px;
    background-color: var(--color-primary-50);
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    /*min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 120px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.container {
    display: flex; /* Umožňuje zarovnání karet vedle sebe */
    gap: 16px; /* Mezera mezi kartami */
    flex-wrap: wrap; /* Pokud se nevejdou na jednu řádku, přesunou se na další */
}

h4.mnc.header.cards {
  all: unset;
  margin:0!important;
  font-weight: 700;
  padding: 0!important;
  color: var(--color-primary-600);
}

i.icon.primary {
  color: var(--color-primary-600)!important;
}


.panel-tabulky {
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  border-radius: 8px;
  border: 1px solid var(--color-neutral-100);
  background-color: var(--color-neutral-0);
  padding: 10px;
  box-sizing: border-box;
  margin: 3px!important;
  flex: 1; /* Přizpůsobí šířku panelu dostupnému prostoru */
}

.panel-tabulky-rozcestnik {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  background-color: var(--color-neutral-0);
  padding: 10px;
  box-sizing: border-box;
  margin: 3px!important;
  flex: 1; /* Přizpůsobí šířku panelu dostupnému prostoru */
  min-height: 350px;
}

.panel-tabulky-rozcestnik h3 {
    height: 50px; /* nebo jakákoliv vhodná výška */
}

.info {
  font-weight: 400;
  font-size: 16px;
  line-height:24px;
  padding: 16px, 24px, 16px, 24px;
  
}

.info.info-label {
  background: #ECF7FF;
  color: var(--color-primary-600);
}

.info.info-black {
  color: black;
}

/*pagination a combobox záznamů na stránku*/
.mnc.pagination.menu .gap.item, .mnc.pagination.menu .rows-per-page.item {
    padding: .1em .2em;
    z-index:1001;
}

/*dropdown výběr ve filter row*/
.mnc.multiple.dropdown>.label {
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important;
    background: var(--color-neutral-50);
    border: 1px solid var(--color-neutral-300);
    border-radius: 8px;
    display: inline-block;
    font-size: 1em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    padding: .35714286em .78571429em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    /*white-space: break-spaces;*/
}

i.icon.delete:before {
  font-family:bootstrap-icons!important;
  content: "\f659";
  color: var(--color-primary-600);
}

/*vytažení select/comboboxu nad patičku*/
.mnc.active.upward.selection.dropdown, .mnc.upward.selection.dropdown.visible {
    border-radius: 8px!important;
}
.mnc.active.selection.dropdown {
    /*min-width: 0;*/
    /*border-top-right-radius: 8px!important;
    border-top-left-radius: 8px!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;*/
    outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
    outline-offset: 2px; /* Velikost mezery */
    border-radius:8px;
    z-index:1001;
}

.mnc.compact.selection.dropdown {
    /*min-width: 0;*/
    border-radius: 8px;
    border-color: var(--color-neutral-700);
    margin-right: 5px;
}

.mnc.selection.active.dropdown .menu {
    background-color: var(--color-neutral-0);
    border-color: var(--color-neutral-700)!important;
    color: var(--color-neutral-1000);
    border-radius: 8px;
    max-width: 240px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    white-space: break-spaces;
    /*border-top-right-radius: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 8px!important;
    border-bottom-right-radius: 8px!important;*/
}

.mnc.multiple.search.dropdown {
  cursor: text;
  border-radius: 8px;
  border-color: var(--color-neutral-700);
}

.mnc.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  /*line-height: 1em;*/
  white-space: normal;
  background-color: var(--color-neutral-0);
  display: inline-block;
  color: var(--color-neutral-500);
  /*border: 1px solid var(--color-neutral-700);*/
  border-radius: 8px;
}

.mnc.selection.dropdown:hover {
  /*border: 1px solid var(--color-neutral-700);*/
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*paddingy pro repeatery*/
.mnc.grid>.column {
    padding-bottom: unset;
    padding-top: unset;
}

/*hover efekt tabulky*/
.table-row-hover tbody tr:hover {
  background-color: var(--color-neutral-50); /* Světle šedá barva pro zvýraznění */
  cursor: pointer; /* Ukáže ručičku jako u odkazů */
}

.table-row-warning {
  background-color: var(--color-primary-50);
}

/* Výjimka pro datepicker */
.rdtPicker tbody tr:hover {
  background-color: inherit; /* Zachová původní pozadí */
  cursor: default; /* Použije standardní kurzor */
}

.orez-text {
  white-space: nowrap;         /* Text zůstane v jednom řádku */
  overflow: hidden;            /* Skryje přečnívající obsah */
  text-overflow: ellipsis;     /* Přidá "…" na konec textu */
  width: 100%;             /* Aby se přizpůsobil šířce rodiče */
  display: inline-block;       /* Potřebné pro fungování max-width a overflow */
  min-width:0;
}

td[data-widget-name="lblNazevZadosti"] {
  min-width: 0; /* tohle je zásadní */
  max-width: 1px;              /* hack pro umožnění smrštění */
  overflow: hidden;            /* schová přetékající obsah */
  white-space: nowrap;         /* ať se neroztahuje kvůli obsahu */
}

td[data-widget-name="lblNazevDokumentu"] {
  min-width: 0; /* tohle je zásadní */
  max-width: 1px;              /* hack pro umožnění smrštění */
  overflow: hidden;            /* schová přetékající obsah */
  white-space: nowrap;         /* ať se neroztahuje kvůli obsahu */
}

td[data-widget-name="lblTypDokumentu"] {
  min-width: 0; /* tohle je zásadní */
  max-width: 1px;              /* hack pro umožnění smrštění */
  overflow: hidden;            /* schová přetékající obsah */
  white-space: nowrap;         /* ať se neroztahuje kvůli obsahu */
}

td[data-widget-name="lnkFilename"] {
  min-width: 0; /* tohle je zásadní */
  max-width: 1px;              /* hack pro umožnění smrštění */
  overflow: hidden;            /* schová přetékající obsah */
  white-space: nowrap;         /* ať se neroztahuje kvůli obsahu */
}

td[data-widget-name="lblAdresat"] {
  min-width: 0; /* tohle je zásadní */
  max-width: 1px;              /* hack pro umožnění smrštění */
  overflow: hidden;            /* schová přetékající obsah */
  white-space: nowrap;         /* ať se neroztahuje kvůli obsahu */
}

/*radiogroup design egov*/
.mnc.buttons .widget-radiobutton.button.first-left {
  border-radius: 16px;
  background-color: none; /* Barva pozadí */
  color: var(--color-primary-600); /* Barva textu */
  height: 32px;
  /*padding: 10px 1px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
  border: 1px solid var(--color-primary-600); /* Žádné okraje */
  border-radius: 16px; /* Zaokrouhlené rohy */
  font-size: 12px; /* Velikost písma */
  font-family: Roboto, sans-serif; /* Rodina písma */
  cursor: pointer; /* Ukazatel myši jako ruka */
  display: block!important; /* Zobrazení jako blok */
  text-align: center; /* Centrování textu */
  text-decoration: none; /* Žádná dekorace textu */
  line-height: 0.8; /* Výška řádku */
  margin: 0px 5px !important;
  white-space: nowrap;
}

.mnc.column.field.widget.widget-radiobutton.mnc.button .mnc.checkbox.radio {
    padding: 6px;
    width: 100%;
}

.mnc.buttons .widget-radiobutton.button.last-right {
  border-radius: 16px;
  background-color: unset; /* Barva pozadí */
  color: var(--color-primary-600); /* Barva textu */
  height: 32px;
  /*padding: 10px 1px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
  border: 1px solid var(--color-primary-600); /* Žádné okraje */
  border-radius: 16px; /* Zaokrouhlené rohy */
  font-size: 12px; /* Velikost písma */
  font-family: Roboto, sans-serif; /* Rodina písma */
  cursor: pointer; /* Ukazatel myši jako ruka */
  display: block!important; /* Zobrazení jako blok */
  text-align: center; /* Centrování textu */
  text-decoration: none; /* Žádná dekorace textu */
  line-height: 0.8; /* Výška řádku */
  margin: 0px 5px !important;
  white-space: nowrap;
}

.mnc.buttons .widget-radiobutton.button.first-left:hover {
  background-color: var(--color-primary-100); /* Barva pozadí */
}

.mnc.buttons .widget-radiobutton.button.last-right:hover {
  background-color: var(--color-primary-100); /* Barva pozadí */
}

.mnc.active.button.widget-radiobutton.button.first-left {
    background-color: var(--color-primary-600);
    color: var(--color-neutral-0);
    background-image: none;
}

.mnc.active.button.widget-radiobutton.button.last-right {
    background-color: var(--color-primary-600);
    color: var(--color-neutral-0);
    background-image: none;
}

.mnc.button.widget-radiobutton.button {
    background-color: unset;
    color: var(--color-primary-600);
    background-image: none;
}

.mnc.column.field.widget.widget-radiobutton.mnc.button .mnc.radio.checkbox label {
    padding-left: 0;
    color: unset;
    font-weight: 400!important;
}
/*konec radiogroup design egov*/


/*úprava icon pro button*/
.mnc.button>.icon:not(.button) {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    vertical-align: bottom;
}
/*úprava icon vlevo pro button*/
.mnc.button:not(.icon)>.icon:not(.button):not(.dropdown), .mnc.button>.flag:not(.icon) {
    margin: 0 .42857143em 0 -.21428571em !important;
}

/*úprava icon vpravo pro button*/
.mnc.button:not(.icon)>.right-placed.icon:not(.button):not(.dropdown) {
    margin: 0 -.21428571em 0 .42857143em !important;
}

.mnc.button.error {
  background: var(--color-error-600);
  color: var(--color-neutral-0)!important;
  font-weight: unset;
  /*width: 100%; /* Snížení šířky */
  justify-content: space-between; /* Ikona zarovnaná vpravo */
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--color-error-600);
}

.mnc.button.error-subtle {
  background: var(--color-error-300);
  color: var(--color-error-600);
  border-radius: 8px;
  border: 1px solid var(--color-error-300);
  white-space:nowrap;
}

.mnc.button.error-subtle:hover {
  background: var(--color-error-100);
  color: var(--color-error-600);
  border-radius: 8px;
  border: 1px solid var(--color-error-100);
}

.mnc.button.neutral-link {
  background: none;
  color: var(--color-neutral-950);
  text-decoration: underline;
  font-weight: 700;
  width: 100%; /* Snížení šířky */
  padding: 8px 3px; /* Přidání horního a spodního odsazení */
  justify-content: space-between; /* Ikona zarovnaná vpravo */
  display: flex;
  border-radius: unset;
}

.mnc.button.neutral-link:hover {
  text-decoration: unset;
}

.mnc.button.comments {
  background: none;
  color: black;
  font-weight: unset;
  width: 100%; /* Snížení šířky */
  padding: 8px 3px; /* Přidání horního a spodního odsazení */
  justify-content: space-between; /* Ikona zarovnaná vpravo */
  display: flex;
  border-radius: unset;
}

/* Přidání oddělovače mezi položkami */
.mnc.button.comments:not(:last-child) {
  border-bottom: 1px solid #eee;
}

/* Zvýraznění při najetí myší */
.mnc.button.comments:hover {
  background: #f5f5f5;
}

/*primary button*/
.mnc.primary.button {
background: var(--color-primary-600);
border-radius: 8px;
white-space:nowrap;
}

.mnc.primary.button:hover {
background: var(--color-primary-700);
border-radius: 8px;
}

/*primary button outline*/
.mnc.primary.button.outline {
background: none;
color:var(--color-primary-600);
border-radius: 8px;
border: 1px solid var(--color-primary-600);
white-space:nowrap;
}

.mnc.primary.button.outline:hover {
background: var(--color-primary-100);
color:var(--color-primary-600);
border-radius: 8px;
border: 1px solid var(--color-primary-600);
}

/*primary button*/
.mnc.button.social {
background: var(--color-neutral-0);
color: var(--color-primary-600);
height: var(--height-xl);
border-radius: 8px;
white-space:nowrap;
}

.mnc.button.social:hover {
background: var(--color-primary-300);
border-radius: 8px;
}

.mnc.button.link-neutral  {
  color: var(--color-neutral-500);
  padding: 5px;
  background: unset;
}

.mnc.button.link-neutral:hover  {
  color: var(--color-neutral-500);
  pointer: cursor;
}

/*button base*/
.mnc.button.base {
background: none;
color:var(--color-neutral-950);
white-space:nowrap;
pointer: cursor;
}

.mnc.button.base:hover {
  pointer: cursor;
  color:var(--color-neutral-950);
}

/*primary button base*/
.mnc.primary.button.base {
background: none;
color:var(--color-primary-600);
white-space:nowrap;
}

.mnc.primary.button.base:hover {
background: var(--color-primary-100);
color:var(--color-primary-600);
}

.mnc.primary.button.base.active {
background: var(--color-primary-100);
color:var(--color-primary-600);
}

.mnc.primary.button.base.back {
  background-color: var(--color-neutral-0);
  color:var(--color-primary-600);
  white-space:nowrap;
  border-radius: 100%;
  height: var(--height-3xl);
  width: var(--height-3xl);
}

.mnc.primary.button.base.back:hover {
  background-color: var(--color-primary-200);
  color:var(--color-primary-600);
}

/*secondary button*/
.mnc.secondary.button {
  background-color: var(--color-secondary-600)!important;
  border-radius: 8px;
  color:black!important;
  white-space:nowrap;
}

.mnc.secondary.button:hover {
  background-color: var(--color-secondary-400)!important;
  border-radius: 8px;

}
.mnc.secondary.button:active {
  background-color: var(--color-secondary-600)!important;
  border-radius: 8px;

}
.mnc.secondary.button:focus {
  background-color: var(--color-secondary-600)!important;
  border-radius: 8px;
}

/*secondary button*/
.mnc.secondary-white.button {
  background-color: #ffffff!important;
  border-radius: 8px;
  color:black!important;
  white-space:nowrap;
}

.mnc.secondary-white.button:hover {
  background-color: #f0f0f0!important;
  border-radius: 8px;

}
.mnc.secondary-white.button:active {
  background-color: #e0e0e0!important;
  border-radius: 8px;

}
.mnc.secondary-white.button:focus {
  background-color: #ffffff!important;
   outline: 2px solid #4caf50;
  border-radius: 8px;
}

.mnc.button.outline-neutral {
  background: none;
  color:var(--color-neutral-950);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-700);
  white-space:nowrap;
}

.mnc.button.outline-neutral:hover {
  background: var(--color-neutral-100);
  color:var(--color-neutral-950);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-700);
}

.mnc.button.success {
  background: var(--color-success-600);
  color: var(--color-neutral-0);
  border-radius: 8px;
  border: 1px solid var(--color-success-600);
  white-space:nowrap;
}

.mnc.button.success:hover {
  background: #2a6b2d;
  color: var(--color-neutral-0);
  border-radius: 8px;
  border: 1px solid #2a6b2d;
}

.mnc.button.success-subtle {
  background: var(--color-success-100);
  color: var(--color-success-600);
  border-radius: 8px;
  border: 1px solid var(--color-success-100);
  white-space:nowrap;
}

.mnc.button.success-subtle:hover {
  background: var(--color-success-300);
  color: var(--color-success-600);
  border-radius: 8px;
  border: 1px solid var(--color-success-300);
}

.mnc.button.error-subtle {
  background: var(--color-error-100);
  color: var(--color-error-600);
  border-radius: 8px;
  border: 1px solid var(--color-error-100);
  white-space:nowrap;
}

.mnc.button.error-subtle:hover {
  background: var(--color-error-300);
  color: var(--color-error-600);
  border-radius: 8px;
  border: 1px solid var(--color-error-300);
}

.mnc.button.warning-subtle {
  background: var(--color-warning-100);
  color: var(--color-warning-600);
  border-radius: 8px;
  border: 1px solid var(--color-warning-100);
  white-space:nowrap;
}

.mnc.button.warning-subtle:hover {
  background: var(--color-warning-300);
  color: var(--color-warning-600);
  border-radius: 8px;
  border: 1px solid var(--color-warning-300);
}

.mnc.button.success-bold {
  background: var(--color-success-300);
  color: var(--color-success-600);
  border-radius: 8px;
  border: 1px solid var(--color-success-300);
}

.mnc.button.success-bold:hover {
  background: var(--color-success-100);
  color: var(--color-success-600);
  border-radius: 8px;
  border: 1px solid var(--color-success-100);
  white-space:nowrap;
}

.mnc.button.error-bold {
  background: var(--color-error-300);
  color: var(--color-error-600);
  border-radius: 8px;
  border: 1px solid var(--color-error-300);
}

.mnc.button.error-bold:hover {
  background: var(--color-error-100);
  color: var(--color-error-600);
  border-radius: 8px;
  border: 1px solid var(--color-error-100);
  white-space:nowrap;
}

.mnc.button.warning-bold {
  background: var(--color-warning-300);
  color: var(--color-warning-600);
  border-radius: 8px;
  border: 1px solid var(--color-warning-300);
}

.mnc.button.warning-bold:hover {
  background: var(--color-warning-100);
  color: var(--color-warning-600);
  border-radius: 8px;
  border: 1px solid var(--color-warning-100);
  white-space:nowrap;
}

.mnc.button.primary-link {
  background: unset;
  color: var(--color-primary-700);
  border-radius: 8px;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space:nowrap;
}

.mnc.button.primary-link:hover {
  text-decoration: unset;
  text-underline-offset: unset;
  /*border: 1px solid #2a6b2d;*/
}

.mnc.button.neutral-solid {
  background: var(--color-neutral-1000);
  color: var(--color-neutral-0);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-1000);
  white-space:nowrap;
}

.mnc.button.neutral-solid:hover {
  background: var(--color-neutral-700);
  color: var(--color-neutral-0);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-700);
}

.mnc.button.neutral-subtle {
  background: var(--color-neutral-100);
  color: var(--color-neutral-1000);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-100);
  white-space:nowrap;
}

.mnc.button.neutral-subtle:hover {
  background: var(--color-neutral-300);
  color: var(--color-neutral-1000);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-300);
}

/*tabmenu a bordery*/
.mnc.tabular.menu {
    background: none transparent;
    border: none!important;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mnc.attached.segment {
    border: none;
    border-radius: 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 -1px;
    max-width: calc(100% + 2px);
    top: 0;
    width: calc(100% + 2px);
}

.mnc.segment {
    background: var(--color-neutral-0);
    /*border: 1px solid rgba(34, 36, 38, .15);*/
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    margin: 1rem 0;
    padding: 13px 1em;
    position: relative;
}

/*tabmenu active*/
.mnc.tabular.menu .active.item:first-child {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    font-weight: bold;
}

.mnc.tabular.menu .active.item:last-child {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    font-weight: bold;
}

.mnc.tabular.menu .active.item {
  box-sizing: border-box;
    border: none;
    background: white;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);

    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    font-weight: bold;
}

/*tabmenu hover*/
.mnc.tabular.menu :hover.item:first-child {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000F14;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    border-bottom: 2px solid #3B3B3B!important;
    font-weight: bold;
}

.mnc.tabular.menu :hover.item:last-child {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000F14;

    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    border-bottom: 2px solid #3B3B3B;
    font-weight: bold;
}

.mnc.tabular.menu :hover.item {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000F14;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    border-bottom: 2px solid #3B3B3B;
    font-weight: bold;
}

/*tabmenu default*/
.mnc.top.attached.menu>.item:first-child {
    border-radius: 0 0 0 0;
    border: none;
}
.mnc.tabular.menu .item:first-child {
  box-sizing: border-box;
    border: none;
    background: white;
    border-radius: 0 0 0 0;
    border-top-width: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
}

.mnc.tabular.menu .item:last-child {
  box-sizing: border-box;
    border: none;
    background: white;
    border-radius: 0 0 0 0;
    border-top-width: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
}

.mnc.tabular.menu .item {
  box-sizing: border-box;
    border: none;
    background: var(--color-neutral-0);
    border-radius: 0;
    border-top-width: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
}

a.icon > span {
    position: absolute;
    top: -6px;
    right: -5px;
    width: 18px;
    height: 16px;
    z-index: 2;
    font-weight: 400;
    font-size: var(--font-size-body-s);
}

.mnc.form .inline.field>label {
    /*color: var(--color-neutral-0);*/
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
}

.mnc.form .inline.field>label.black {
    color: black;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
}

a {
  color: var(--color-primary-700);
  text-decoration: underline;
}

a:hover {
  color: var(--color-primary-700);
  text-decoration: unset;
}

a.signed {
    color: var(--color-primary-700);
    font-weight: 600;
}

a.icon {
    color: var(--color-primary-700);
    font-weight: 600;
}

a.icon.action{
  color: var(--color-primary-600);
}


.mnc.vertical.menu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--color-neutral-0);
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 15rem;
}

.mnc.menu {
    background: var(--color-neutral-0);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    margin: 1rem 0;
    min-height: 2.85714286em;
    gap: unset;
}

.mnc.menu .active.item, .mnc.menu .active.item a {
    color: var(--color-primary-600);
}

.mnc.menu .active.item:hover, .mnc.vertical.menu .active.item:hover {
    background-color: initial;
    color: initial;
    /*border: 0;*/
}

/*menu pro public stránky*/
.mnc.menu.compact.headmenu-public {
    background: none;
    border: 0;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*font-size: 1.5rem;*/
    font-weight: 500 !important;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 2.85714286em;
    /*gap: 5px 16px;*/
    /*margin-bottom: 5px;*/
}

.mnc.menu .mnc.dropdown.headmenu-public .menu {
    padding: 8px 16px;
}

.mnc.menu.headmenu-public .item a{
    color: var(--color-primary-600);
    font-weight: 500 !important;
}

.mnc.menu.headmenu-public .item{
    color: var(--color-primary-600);
    font-weight: 500 !important;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
    margin-right: 5px;
    width: max-content;
}

.mnc.menu.headmenu-public .item:hover, .mnc.menu.headmenu-public a.item:hover, .mnc.menu.headmenu-public .dropdown.item:hover {
    background: #93bde6;
    cursor: pointer;
    color: var(--color-primary-600);
    border-radius: max-content;
}

.mnc.menu.headmenu-public .dropdown.item {
    gap: 16px;
    padding-right: 10px;
}

.mnc.menu.headmenu-public .dropdown.visible.item .icon {
  transform-origin:50% 50%;
  transform: rotate(180deg);
}

.mnc.menu.headmenu-public .dropdown.item .icon-span-right {
  width: auto;
  padding: 0;
}

.mnc.menu.headmenu-public .dropdown.item i.icon:before {
  /*font-size: 2rem;*/
}

.mnc.menu.headmenu-public > .item:first-child {
    border-radius: 8px;
}

.mnc.menu.headmenu-public .item:last-child {
    border-radius: 8px;
}

.mnc.menu.headmenu-public .active.item:hover, .mnc.vertical.menu.headmenu .active.item:hover {
    background-color: #93bde6;
    color: var(--color-primary-600);
    border-radius: 8px;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 0;
    margin-top: 0;
}

.mnc.menu.headmenu-public .active.item {
    border-radius: 0;
    font-weight: 700!important;
    margin-left: 5px;
    margin-right: 5px;
    background: #ffffff;
    border-bottom: 2px solid var(--color-primary-700);
    margin-bottom: -2px;
    /*margin-top:2px;*/
}
  

/*menu head používá se v css viz níže .headmenu*/

.mnc.menu .item:before {
    background: rgba(34, 36, 38, .1);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0px!important;
}

.mnc.menu.compact.headmenu {
    background: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    margin: 1rem 0;
    min-height: 2.85714286em;
}

.mnc.menu.headmenu .item, 
.mnc.menu.headmenu .item a {
    color: var(--color-neutral-0);
}

.mnc.menu.headmenu .dropdown.item:hover, .mnc.menu.headmenu .item:hover, .mnc.menu.headmenu a.item:hover {
    background: none;
    cursor: pointer;
    border-bottom-style: solid;
}

.mnc.menu.headmenu>.item:first-child {
    border-radius: 3px 3px 0px 0px;
}

.mnc.compact.menu.headmenu .item:last-child {
    border-radius: 3px 3px 0px 0px;
}

.mnc.menu.headmenu .active.item:hover, .mnc.vertical.menu.headmenu .active.item:hover {
    background-color: none;
    border-bottom-style: solid;
    color: var(--color-neutral-0);
}

.mnc.menu.headmenu .active.item {
    background: #1E5086;
    border-radius: 3px 3px 0px 0px;
    color: var(--color-neutral-0);
    font-weight: 400;
    border-bottom-style: solid;
}

/* ====== ZÁKLAD MENU (layout) ====== */
.mnc.menu.compact.detail-zadosti {
  background: none;
  box-sizing: border-box;
  border-bottom: 1px solid #eaeaea;
  border-radius: 0;
  box-shadow: none;

  display: flex;
  flex-wrap: nowrap;              /* FF: bez toho se to umí chovat divně */
  align-items: stretch;

  font-size: 1rem;
  font-weight: 700 !important;
  margin: 1rem 0;
  min-height: 2.85714286em;

  /* DŮLEŽITÉ pro FF pokud je to uvnitř flex/grid rodiče */
  min-width: 0;
  max-width: 100%;
  
  padding-bottom: 10px;
}

/*menu head používá se v css viz níže .headmenu*/
.mnc.menu.compact.detail-zadosti {
    background: none;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 700 !important;
    margin: 1rem 0;
    min-height: 2.85714286em;
}

.mnc.menu.detail-zadosti.mnc.menu.fluid,
.mnc.menu.detail-zadosti.mnc.vertical.menu.fluid {
  max-width: 800px !important;
  overflow-x: auto;
  /*margin-bottom: -10px;            /* vytáhne scroller zpět dolů do paddingu */
  padding-bottom: 15px;            /* místo pro scrollbar uvnitř scroll boxu */
  font-size: var(--font-size-body-s);
}

.mnc.menu .item {
    border-radius: unset;
}

.mnc.menu.detail-zadosti .item, 
.mnc.menu.detail-zadosti .item a {
    color: var(--color-neutral-950);
    font-weight: 700 !important;
    padding: 16px 8px;
}

.mnc.menu.detail-zadosti .dropdown.item:hover, .mnc.menu.detail-zadosti .item:hover, .mnc.menu.detail-zadosti a.item:hover {
    background: none;
    cursor: pointer;
    color: var(--color-neutral-950);
    border-bottom-style: solid;
    box-sizing: border-box;
}

.mnc.menu.detail-zadosti .active.item:hover, .mnc.vertical.menu.detail-zadosti .active.item:hover {
    background: none;
    border-bottom-style: solid;
    color: var(--color-neutral-950);
    box-sizing: border-box;
}

.mnc.menu.detail-zadosti.katalog .item, 
.mnc.menu.detail-zadosti.katalog .item a {
    color: var(--color-primary-700);
    font-weight: 700 !important;
    padding: 16px 8px;
}

.mnc.menu.detail-zadosti.katalog .dropdown.item:hover, .mnc.menu.detail-zadosti .item:hover, .mnc.menu.detail-zadosti a.item:hover {
    background: none;
    cursor: pointer;
    color: var(--color-primary-700);
    border-bottom-style: solid;
    box-sizing: border-box;
}

.mnc.menu.detail-zadosti.katalog .active.item:hover, .mnc.vertical.menu.detail-zadosti .active.item:hover {
    background: none;
    border-bottom-style: solid;
    color: var(--color-primary-700);
    box-sizing: border-box;
}

.mnc.menu.detail-zadosti>.item:first-child {
    border-radius: 0px;
}

.mnc.compact.menu.detail-zadosti .item:last-child {
    border-radius: 0px;
}

.mnc.menu.detail-zadosti .active.item {
    background: none;
    cursor: pointer;
    border-bottom-style: solid;
    box-sizing: border-box;
    /*background: #1E5086;
    border-radius: 3px 3px 0px 0px;
    color: var(--color-neutral-0);
    font-weight: 400;
    border-bottom-style: solid;*/
}

.detail-zadosti-error {
    box-sizing: border-box;
    border-bottom-color: var(--color-error-600) !important; /* Změna barvy spodního borderu na červenou */
    color: var(--color-error-600) !important;
}

/*context filtrů nástěnky*/
.mnc-modal.context.filtr-panel-upravit {
  position: fixed;
  width: 350px !important;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
}

.mnc-modal.context.filtr-panel {
  position: fixed;
  width: 350px !important;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
  right: 15px !important; /* Posunout panel do viditelné části */
  left: auto!important;
}

/*menu komentářů v žádosti*/
.mnc-modal.context.comments-menu-panel {
  width: 190px !important;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
}


/*Detail komentářů v žádosti*/
.mnc-modal.context.comments-panel {
  position: fixed !important; 
  top: 0 !important;
  right: -100% !important; /* Skryto mimo obrazovku */
  width: 500px !important;
  height: 100% !important;
  background-color: var(--color-neutral-0) !important;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10000 !important;
  overflow-y: auto !important;
  padding: 20px !important;
}

/* Viditelné komentáře žádosti*/
.mnc-modal.context.comments-panel.open {
  right: 0 !important; /* Posunout panel do viditelné části */
  left: auto!important;
  border-radius: 0!important;
}

/*Detail žádosti nástěnka*/
.mnc-modal.context.detail-panel {
  position: fixed !important; 
  top: 0 !important;
  right: -100% !important; /* Skryto mimo obrazovku */
  width: 828px !important;
  height: 100% !important;
  background-color: #f4f4f4 !important;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 9990 !important;
  overflow-y: auto !important;
  /*padding: 20px !important;*/
  background-color: var(--color-neutral-0) !important;
  transition: right 1s ease;
}

/* Viditelný detail žádosti nástěnka*/
.mnc-modal.context.detail-panel.open {
  right: 0 !important; /* Posunout panel do viditelné části */
  left: auto!important;
  border-radius: 0!important;
  /*animation: slideIn 1s ease forwards;*/
}

/*@keyframes slideIn {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}*/

/*modal storno zadosti*/
.mnc-modal.storno-zadosti {
    z-index: 10001!important;
}

i.large.icon {
  line-height: 0;
  vertical-align: middle;
  font-size: 1.5em;
}

/*accordion*/
@font-face{
    font-display:block;
    font-family:bootstrap-icons;
    src:url("fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),url("fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff")
}

/*.mnc.accordion:hover {
  background: var(--color-primary-300);
}*/
/* řádek s textem + šipkou */
.mnc.accordion .title {
    display: flex !important;
    align-items: center;
    padding-right: 2rem !important;
    font-size: 1em;
    cursor: pointer;
}

/* text vlevo, zabírá místo */
.mnc.accordion .title .mnc.header {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    color: var(--color-primary-600) !important;
    font-size: 16px;
    padding: 0 1em 0;
    font-weight: 400;
}

/* šipka vpravo */
.mnc.accordion .title .icon.dropdown {
    order: 2;
    margin-left: auto;
    flex-shrink: 0;
    position: static !important;   /* jistota, že není absolute */
}

/* glyph šipky */
.mnc.accordion .title .dropdown.icon:before {
    font-family: bootstrap-icons !important;
    color: var(--color-primary-600) !important;
    content: '\f282';
}

/* rotace při otevření */
.mnc.accordion .active.title .dropdown.icon {
    transform: rotate(180deg) !important;
}

/* hover řádku */
.mnc.accordion .title:hover {
    background: var(--color-primary-200);
}

/*accordion vlastní*/
.accordion-modeled-container {
  margin-bottom: 16px !important;
}

.accordion-modeled-border {
  padding: 20px !important;
  border-left: 1px solid var(--color-neutral-500);
  border-right: 1px solid var(--color-neutral-500);
  border-bottom: 1px solid var(--color-neutral-500);
}

.accordion-modeled {
  background-color: var(--color-primary-200);
  padding: 16px 8px !important;
}

.accordion-modeled:hover {
  background-color: var(--color-secondary-50);
}

/*dropdown icon*/
.mnc.dropdown>.dropdown.icon:before {
    font-family:bootstrap-icons!important;
    content: '\f282';
}

.zadostmenu-panel {
  position: sticky;
  top: 0;
  display: block!important;
  flex-direction: column !important;
  min-height: 48px;
  /*padding: 12px!important;*/
  margin: 0 20px;
  border-bottom: 1px solid var(--color-neutral-50);
  max-height: calc(100vh - 1em); /* Nastav maximální výšku podle potřeby */
  overflow-y: auto; /* Přidá vertikální scrollování */
  /*scrollbar-width: thin; /*Pro prohlížeče, které podporují upravitelné scrollbary */
  scrollbar-color: var(--mnc-overlay-hover-color) transparent; /* Barvy scrollbaru */
  /*width: inherit;*/
}

.zadostmenu-panel::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}

.zadostmenu-text {
  white-space: normal; /* Zajišťuje, že text může být zalomen */
  word-wrap: break-word; /* Zajišťuje, že dlouhá slova mohou být zalomena */
}

.zadostmenu-text-blue {
  color: var(--color-primary-600);
}

.zadostmenu-text-green {
  color: var(--color-success-700);
}

.zadostmenu-text-red {
  color: #b32222;
}

.zadostmenu-other {
  flex-shrink: 0; /* Zajišťuje, že ostatní prvky nebudou zmenšovány */
}

.zadostmenu-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  min-height: 48px;
  padding: 12px;
  border-bottom: 1px solid var(--color-neutral-50);
  cursor:pointer;
  /*max-height: calc(100vh - 1em); /* Nastav maximální výšku podle potřeby */
  /*position: sticky;
  top: 0;*/
  /*padding: 12px!important;
  margin: 0 20px;*/
  /*flex-direction: column;*/
  /*overflow-y: auto; /* Přidá vertikální scrollování */
  /*scrollbar-width: thin; /*Pro prohlížeče, které podporují upravitelné scrollbary */
  /*scrollbar-color: var(--mnc-overlay-hover-color) transparent; /* Barvy scrollbaru */
  /*width: inherit;*/
}

.zadostmenu-container:hover {
  background-color: var(--color-neutral-50);
}

.zadostmenu-container-active {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  min-height: 48px;
  padding: 12px;
  border-bottom: 1px solid var(--color-neutral-50);
  background-color: var(--color-neutral-50);
}

.zadostmenu {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  min-height: 48px;
  /*border-bottom: 1px solid var(--color-neutral-50);*/
  max-height: calc(100vh - 1em); /* Nastav maximální výšku podle potřeby */
  /*position: sticky;
  top: 0;*/
  /*padding: 12px!important;
  margin: 0 20px;*/
  /*flex-direction: column;*/
  /*overflow-y: auto; /* Přidá vertikální scrollování */
  /*scrollbar-width: thin; /*Pro prohlížeče, které podporují upravitelné scrollbary */
  /*scrollbar-color: var(--mnc-overlay-hover-color) transparent; /* Barvy scrollbaru */
  /*width: inherit;*/
}



/*menu zadosti*/
.mnc.menutree.zadost {
  position: sticky;
  top: 0;
  display: block;
  flex-direction: column;
  min-height: 8em;
  padding-right: .5em;
  max-height: calc(100vh - 1em); /* Nastav maximální výšku podle potřeby */
  /*overflow-y: auto;  Přidá vertikální scrollování */
  scrollbar-width: thin; /*Pro prohlížeče, které podporují upravitelné scrollbary */
  scrollbar-color: var(--mnc-overlay-hover-color) transparent; /* Barvy scrollbaru */
  width: inherit;
}

/* Webkit prohlížeče - schová scrollbar
.mnc.menutree.zadost::-webkit-scrollbar {
  display: none; 
}*/

/*css třidy pro scrollbar pokud bychom chtěli jeho viditelnost*/
.mnc.menutree.zadost::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}

.mnc.menutree.zadost::-webkit-scrollbar-thumb {
  background-color: var(--mnc-overlay-hover-color); /* Barva posuvníku */
  border-radius: 20px; /* Zaoblené rohy */
  border: 2px solid transparent;
  background-clip: padding-box;
}

.mnc.menutree.zadost::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 8px;
  overflow: hidden;
}

.mnc.menutree.zadost::-webkit-scrollbar-button {
  display: none; /* Skryje šipky */
}

.mnc.menutree.zadost.compact {
  display: inline-block;
  width: auto;
}

.mnc.menutree.zadost.fluid {
  width: 100%;
}

.mnc.menutree.zadost .item {
  padding: .2em 0 .2em 1.4em;
  position: relative;
  border-radius:unset !important;
  min-height: 40px;
}

.mnc.menutree.zadost .opened.item {
  padding-top: 0;
}

.mnc.menutree.zadost .item a {
  color: var(--mnc-on-surface-color);
  font-weight: 400;
  text-decoration: none;
}

.mnc.menutree.zadost .item-wrapper {
  /*border-radius: 1em;*/
  padding: var(--spacing-s) var(--spacing-m);
  border-bottom: 1px solid var(--color-neutral-100);
  color: var(--color-primary-700);
  align-content: center;
}

.mnc.menutree.zadost .item.opened > .item-wrapper {
  position: relative;
  margin-left: -1.4em;
  padding: .2em 1em .2em 1.4em;
  border-radius:unset !important;
  height: 40px;
}

.mnc.menutree.zadost .menu {
  margin-left: -1.4em;
}

.mnc.menutree.zadost .active.item-wrapper {
  background: var(--color-primary-700);
  scroll-margin: 20px; /* Vzdálenost od okraje viditelné části při scrollování */
  color: var(--color-neutral-0);
}

.mnc.menutree.zadost .active.item-wrapper:hover {
  background: var(--color-primary-200);
  color: var(--color-primary-700);
}

.mnc.menutree.zadost .item-wrapper:hover {
  background: var(--color-primary-200);
}

.mnc.menutree.zadost .disabled.item-wrapper:hover {
  background: transparent;
  cursor: auto;
}

/*.mnc.menutree.zadost .item .open-ico {
  float: left;
  height: 20px;
  left: 0;
  position: absolute;
}*/

/*chip třída - primárně pro labels*/
.chip-blue {
    background-color: var(--color-primary-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    height: 32px;
    padding: 10px 10px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: none; /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: block!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.chip-blue-outline {
    background-color: none; /* Barva pozadí */
    color: var(--color-primary-600); /* Barva textu */
    height: 32px;
    padding: 10px 10px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: block!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.chip-blue-outline:hover {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: var(--color-primary-600); /* Barva textu */
    height: 32px;
    padding: 10px 10px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: block!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.chip-neutral {
    background-color: var(--color-neutral-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-neutral-100); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.chip-primary {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: #1e5086; /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-100); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.chip-warning {
    background-color: #fef7c3; /* Barva pozadí */
    color: #6b4a0d; /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid #fef7c3; /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.chip-error {
    background-color: #fde3e3; /* Barva pozadí */
    color: #b32222; /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid #fde3e3; /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.chip-success {
    background-color: var(--color-success-100); /* Barva pozadí */
    color: #2a6b2d; /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-success-100); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

/*tag třída - primárně pro labels*/
.tag-blue {
    background-color: var(--color-primary-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: none; /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.tag-blue-outline {
    background-color: none; /* Barva pozadí */
    color: var(--color-primary-600); /* Barva textu */
    height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.tag-neutral {
    background-color: var(--color-neutral-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-neutral-100); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-neutral-bold {
    background-color: var(--color-neutral-1000); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-neutral-1000); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-primary {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: #1e5086; /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-100); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex !important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-primary-bold {
    background-color: var(--color-primary-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex !important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-secondary {
    background-color: var(--color-secondary-200); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-secondary-200); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-secondary-bold {
    background-color: var(--color-secondary-600); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-secondary-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-warning {
    background-color: var(--color-warning-100); /* Barva pozadí */
    color: var(--color-warning-900); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-warning-100); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-warning-bold {
    background-color: var(--color-secondary-600); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-secondary-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-error {
    background-color: #fde3e3; /* Barva pozadí */
    color: #b32222; /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid #fde3e3; /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-error-bold {
    background-color: var(--color-error-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-error-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-success {
    background-color: var(--color-success-100); /* Barva pozadí */
    color: var(--color-success-700); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-success-100); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-success-bold {
    background-color: var(--color-success-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-success-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

/*context dialog - komentování*/
.context-komentovani {
  position: fixed!important;
  /*width: 230px!important; /* Šířka vašeho popup okna */
  /*height: 170px; /* Výška vašeho popup okna */
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
}

/*context dialog - stav žádosti*/
.context-stav-zadosti {
  position: fixed!important;
  width: 230px!important; /* Šířka vašeho popup okna */
  height: 170px; /* Výška vašeho popup okna */
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
}

.context-stav-zadosti.right {
    right: 0;
    left: auto;
}

.context-stav-zadosti.bottom {
    bottom: 0;
    top: auto;
}


/*context dialog - stav žádosti*/
.context-bezpecnosti-slozky {
  position: fixed!important;
  width: 535px!important; /* Šířka vašeho popup okna */
  /*height: 200px; /* Výška vašeho popup okna */
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
}

.context-bezpecnosti-slozkyi.right {
    right: 0;
    left: auto;
}

.context-bezpecnosti-slozky.bottom {
    bottom: 0;
    top: auto;
}

/*onboarding message*/
.message-onboarding-blue {
  background-color: var(--color-primary-50); /* Barva pozadí */
  color: var(--color-neutral-950); /* Barva textu */
  border-radius: 8px; /* Zaokrouhlené rohy */
  line-height: 1.2; /* Výška řádku */
  text-decoration: none; /* Žádná dekorace textu */
  padding: 20px;
}

.message-onboarding-white {
  background-color: var(--color-neutral-0); /* Barva pozadí */
  border-radius: 8px; /* Zaokrouhlené rohy */
  line-height: 1.2; /* Výška řádku */
  text-decoration: none; /* Žádná dekorace textu */
  padding: 24px 40px !important;
  margin-top: 20px !important;
}

/*Kolečko v menu a odeslání úprav*/
.user-dots {
  display: flex;
  align-items: center;
}

.user-dot {
  box-sizing: border-box;
  margin-left:10px;
  border: 1px solid var(--color-primary-300);
  position:relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-neutral-0);
  color: var(--color-primary-700);
  text-align: center;
  width: 36px !important; 
  height: 36px;
}

.user-dot:not(:first-child) {
  margin-left: -7px;
}

.red-step-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-error-100);
  color: #B32222;
  text-align: center;
  width: calc(1em + 25px); 
  height: calc(1em + 25px);
}

.gray-step-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-950);
  text-align: center;
  width: calc(1em + 25px); 
  height: calc(1em + 25px);
}

.blue-step-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-primary-100);
  color: var(--color-primary-600);
  text-align: center;
  width: calc(1em + 25px); 
  height: calc(1em + 25px);
}

.green-step-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-success-100);
  color: var(--color-success-700);
  text-align: center;
  width: calc(1em + 25px); 
  height: calc(1em + 25px);
}

/*gov message*/
.message-primary-bold {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-primary-subtle {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-neutral-bold {
    background-color: #000; /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-neutral-subtle {
    background-color: var(--color-neutral-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid var(--color-neutral-700); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-error-bold {
    background-color: var(--color-error-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-error-subtle {
    background-color: #fde3e3; /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid var(--color-error-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-warning-bold {
    background-color: var(--color-warning-400); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-warning-subtle {
    background-color: #fef7c3; /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid #ca8504; /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-success-bold {
    background-color: var(--color-success-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-success-subtle {
    background-color: var(--color-success-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid var(--color-success-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

/*infobar*/
.infobar-primary-bold {
    background-color: var(--color-primary-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-primary-subtle {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-neutral-bold {
    background-color: var(--color-neutral-1000); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-neutral-subtle {
    background-color: var(--color-neutral-100); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-error-bold {
    background-color: var(--color-error-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-error-subtle {
    background-color: var(--color-error-100); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-warning-bold {
    background-color: var(--color-warning-400); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-warning-subtle {
    background-color: var(--color-warning-100); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-success-bold {
    background-color: var(--color-success-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-success-subtle {
    background-color: var(--color-success-100); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}


/*checkbox*/
.mnc.checkbox label:before {
    background: var(--color-neutral-0);
    border: 2px solid var(--color-neutral-500);
    border-radius: 2px;
    content: "";
}

.mnc.checkbox label:hover:before {
  background: var(--color-neutral-0);
  border: 2px solid var(--color-neutral-500);
}

.mnc.checkbox input:focus ~ label:before {
  background: var(--color-neutral-0);
  border-color: var(--color-neutral-500);
  /*outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
  /*outline-offset: 2px; /* Velikost mezery */
}

.mnc.checkbox input:checked~label:after {
  font-family:bootstrap-icons!important;  
  content: "\f633";
  background-color: var(--color-primary-600);
  color: var(--color-neutral-0);
  border-radius: 2px;
}

.mnc.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
.mnc.checkbox input:checked:focus ~ label:after {
  color: var(--color-neutral-0);
}

.mnc.checkbox input:focus ~ label {
  border-radius: 2px;
  outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
  outline-offset: 3px; /* Velikost mezery */
}

.mnc.form .field.error .checkbox:not(.toggle):not(.slider) .box:before, .mnc.form .field.error .checkbox:not(.toggle):not(.slider) label:before {
    background: var(--color-neutral-0);
    border-color: var(--color-error-600);
}

.mnc.form .field.error .checkbox:not(.toggle):not(.slider) .box, .mnc.form .field.error .checkbox:not(.toggle):not(.slider) label {
  color: #b32222;
}

/*radiobutton*/
.mnc.radio.checkbox label:before {
    height: 16px;
    width: 16px;
}

.mnc.radio.checkbox label:after {
    background-color: var(--color-primary-600) !important;
    border: none;
    border-radius: 500rem !important;
    content: "" !important;
    height: 16px;
    left: 0;
    line-height: 15px;
    top: 1px;
    -webkit-transform: scale(.46666667);
    transform: scale(.46666667);
    width: 16px;
}

.mnc.checkbox input:checked~label:before {
    background: var(--color-neutral-0);
    border-color: var(--color-primary-600);
}

.mnc.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
.mnc.checkbox input:checked:focus ~ label:before {
  background: var(--color-neutral-0);
  border-color: var(--color-primary-600);
}

/*toggle vzhled*/
.mnc.toggle.checkbox label:before {
    border: 1px solid var(--color-neutral-500);
    border-radius: 500rem;
    content: "";
    background-color: var(--color-neutral-500);
    height: 24px;
    width: 40px;
    position: absolute;
    top: 0;
}

.mnc.toggle.checkbox label:after {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /*border: 1px solid var(--color-neutral-500;*/
    border-radius: 500rem;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 1px;
    left: 1px !important;
}

.mnc.toggle.checkbox input:checked~label:before {
    background-color: var(--color-primary-600);
}

.mnc.checkbox.slider input:checked~label:after, .mnc.checkbox.toggle input:checked~label:after {
    -webkit-box-shadow: none; 
    box-shadow: none;
    font-family: bootstrap-icons !important;
    content: "\f633" !important;
    border: none;
    align-content: center;
    color: var(--color-primary-600);
    border-radius: 500rem;
    background: var(--color-neutral-0);
    width: 22px;
    height: 22px;
    top: 1px;
    left: 17px !important;
}

.mnc.toggle.checkbox input:focus ~ label:before, .mnc.toggle.checkbox label:hover::before {
  background-color: var(--color-neutral-500);
  border: none;
}


.infobar-blue-subtle {
    background-color: var(--color-primary-200); /* Barva pozadí */
    padding: 6px 16px !important; /* Vnitřní okraje pro odsazení textu */
}


/*detail žádosti - oprávnění*/
.opravneni-detail-zadost {
  border-bottom: 1px solid #eaeaea;
  min-height: 40px;
  margin-top: 10px !important;
}

/*detail žádosti - posuvný content dialogu*/
.scrollable-content {
    /*width: 100%; /* Šířka kontejneru */
    height: calc(100vh - 330px); /* Výška kontejneru, můžeš upravit podle potřeby */
    overflow-y: auto; /* Zobrazí posuvníky, pokud je obsah větší než kontejner */
    overflow-x: hidden; /* Zabrání horizontálnímu scrollování */
    box-sizing: border-box; /* Zahrnuje padding a border do celkové šířky/výšky */
}

/*detail žádosti - posuvný content dialogu*/
.scrollable-content-pruvodce {
    /*width: 100%; /* Šířka kontejneru */
    max-height: 400px; /* Výška kontejneru, můžeš upravit podle potřeby */
    overflow-y: auto; /* Zobrazí posuvníky, pokud je obsah větší než kontejner */
    overflow-x: hidden; /* Zabrání horizontálnímu scrollování */
    box-sizing: border-box; /* Zahrnuje padding a border do celkové šířky/výšky */
}

/*upload dropzone*/
.mnc-file-drop-zone {
    border: 1px dashed var(--color-neutral-700);
    cursor: pointer;
    border-radius: 8px;
}

.mnc-file-drop-zone:hover {
    background-color: var(--color-primary-100);
}

/*textace upload v dropzone*/
.mnc-file-drop-zone-placeholder {
    color: var(--color-neutral-700);
    font-size: 14px;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}

/*help text pod inputy*/
.mnc.form .field label.help {
  font-style: italic;
  color: var(--color-neutral-700);
  font-weight: 400;
  margin: 0;
}

/*Widget table*/
.mnc.grid>.row>.column.widget-table:not(.inline) {
  padding-right: 0 !important;
}
.widget-table div.tableWrapper {
  padding-left: 0 !important;
  position: relative;
}

/*zadost levý panel*/
.sticky-header {
  padding-top: 20px;
  background-color: var(--color-neutral-0);
  position: sticky !important;
  top: 0;
}

.container-menu-sticky {
  align-self: stretch;
  height: calc(100%);
}

/*CSS tabulek*/
.mnc.sortable.table thead th {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    /*white-space: nowrap;*/
}

.mnc.table thead th {
    background: var(--color-neutral-50);
    border-bottom: none !important;
    border-left: none;
    color: var(--color-neutral-950);
    cursor: auto;
    font-style: none;
    font-weight: 400;
    padding: .92857143em .78571429em;
    text-align: inherit;
    text-transform: none;
    vertical-align: inherit;
}

.mnc.sortable.table thead th.sorted.ascending:after, .mnc.sortable.table thead th.sorted.descending:after {
    color: var(--color-primary-600);
}

.mnc.sortable.table thead th.sorted.ascending,.mnc.sortable.table thead th.sorted.descending {
    color: var(--color-primary-600);
}

.mnc.sortable.table thead th.sorted {
    background: var(--color-neutral-50);
}

.mnc.sortable.table thead th.sorted:hover {
    background: var(--color-neutral-50);
    color: var(--color-neutral-950);
}

.mnc.sortable.table thead th:hover {
    background: var(--color-neutral-50);
    color: var(--color-neutral-950);
}

/*pagination modelovaný widget*/
/*.rowsPerPage .dropdown {
    padding: 2px 2.1em 2px 2px;
    text-align: unset !important;
    min-height: initial;
    line-height: 1.21428571em;
}*/

.mnc.table td {
    padding: 8px;
    text-align: inherit;
}

.mnc.table .rdtPicker, .rdtPicker {
    background: #fff;
    border: 1px solid #f9f9f9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .87);
    display: none;
    margin-top: 1px;
    padding: 4px;
    position: fixed;
    width: 250px;
    z-index: 99999;
}

.rdtPicker {
    position: absolute;
}

/* =========================
   HEADER USER BAR - FIX
   ========================= */

/* 1) pnl1: [pnl3 .........] [logout hbxIcons] */
.header-user-bar > .mnc.row{
  display: flex !important;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 12px;
}

/* pnl3 vlevo – může se zmenšit */
.header-user-bar > .mnc.row > .widget-panel[data-widget-name="pnl3"]{
  flex: 1 1 auto;
  min-width: 0;
}

/* logout vpravo – jen ten hbxIcons, co je přímé dítě pnl1 řádku */
.header-user-bar > .mnc.row > .widget-hbox[data-widget-name="hbxIcons"]{
  flex: 0 0 auto;
  margin-left: auto;
  white-space: nowrap;
  width: auto !important;
}


/* 2) pnl3: [bell hbxIcons1] [vbxUserInfo (max 248px)] [pnl3 hbxIcons (pokud existuje)] */
.user-container > .mnc.row{
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important; /* žádné roztahování */
  /*gap: 8px;*/
  min-width: 0;
}

/* zvoneček – fixní */
.user-container > .mnc.row > .widget-hbox[data-widget-name="hbxIcons1"]{
  flex: 0 0 auto;
}

/* userInfo – max 248px dle design systému */
.user-container > .mnc.row > .widget-vbox[data-widget-name="vbxUserInfo"]{
  flex: 0 1 248px;
  max-width: 248px;
  min-width: 0;
}

/* případné další ikony v pnl3 (ne logout) */
.user-container > .mnc.row > .widget-hbox[data-widget-name="hbxIcons"]{
  flex: 0 0 auto;
  white-space: nowrap;
}


/* 3) Uvnitř userInfo: jméno + role těsně vedle sebe */
.user-row > .mnc.row{
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 8px;
  flex-wrap: nowrap;
  min-width: 0;
}

/* v tomhle řádku zruš % šířky grid sloupců, ať se role neposouvá pryč */
.user-row > .mnc.row > .column{
  width: auto !important;
  float: none !important;
}

/* jméno se může zkrátit */
.user-row .mnc.eight.wide.column{
  flex: 0 1 auto;
  min-width: 0;
}

/* role se nesmrskne a drží se u jména */
.user-row .mnc.four.wide.column{
  flex: 0 0 auto;
  white-space: nowrap;
  margin-left: 0 !important;
}


/* 4) Elipsy pro texty */
.user-name span,
.user-name-organization span{
  display: block;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.a.user-name {
  display: block;
  width: 100%;
  min-width: 0;
  text-decoration: unset;
}

.a.user-name > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
}

.a.user-name-organization {
  display: block;
  width: 100%;
  min-width: 0;
  text-decoration: unset;
}

.a.user-name-organization > span {
  font-size: var(--font-size-body-s);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
}
/*
.tag-primary.compact {
    min-height: 24px;
    padding: 2px 6px !important;    výrazně menší padding – méně žere místo 
    gap: 6px;                       menší mezera mezi ikonou a textem 
    font-size: 11px;                menší písmo, ale čitelné 
    border-radius: 6px;
    margin: 0 2px !important;       zmenšený margin 
    flex-shrink: 0;
    margin-left: auto;
}*/

.user-row .tag-primary,
.user-row .tag-warning {
    margin-left: 16px !important;
    margin-right: 0 !important;
}

/* KONTEJNER */
.banner-video{
  margin: 40px 5px !important;
  position:relative;
  display:flex;
  align-items:center;
  gap:24px;
  padding: 40px !important;
  height:var(--banner-h);
  border-radius:32px;
  overflow:hidden;
  color:var(--color-neutral-0) !important;
  background:
    /*radial-gradient(120% 140% at 35% -20%, rgba(255,255,255,.10) 0 60%, transparent 61%),
    radial-gradient(120% 120% at 75% 120%, rgba(0,0,0,.18) 0 60%, transparent 61%),*/
    linear-gradient(64.58deg, var(--color-primary-500) 0.52%, var(--color-primary-900) 62.59%);
  box-shadow:0 2px 4px rgba(0,0,0,.3);
}

.banner-video .mnc.header {
  color: var(--color-neutral-0);
}

.socials-links {
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 12px;
}

.menu.transition.visible.fixed-to-recalc {
  border: none;
}

.mnc.menu .mnc.dropdown .menu {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 280px;
}

.mnc.menu .mnc.dropdown .menu > .item {
  width: auto;
  font-size: 1rem;
  border: none;
  font-weight: 400;
}

.mnc.menu .mnc.dropdown .menu > .item:hover {
  text-decoration-line:underline;
  background-color: #ffffff;
  border-radius: 16px;
}

.mnc.menu .mnc.dropdown .menu > .item > a {
  font-weight: 400!important;
  color: var(--color-neutral-700);
}

.mnc.dropdown {
    background-color: unset;
    border-radius: var(--mnc-input-radius);
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: left;
}

.dodavatel-chevron {
  color: var(--color-primary-600);
}

.dodavatel-chevron ::before {
  font-size: 20rem;
}

.dodavatel-chevron i.icon:before {
  font-size: 20rem;
}

.dodavatel-chevron i.icon::before {
  font-size: 20rem;
}


/* Repeater scroll FAQ*/
/* === Repeater kontejner === */
.repeater-scroll {
  /*position: relative;*/
  display: flex !important;
  max-width: 50vw;
  flex-wrap: nowrap;          /* nezalamuj do více řádků */
  gap: 6px;                   /* mezery mezi chipy */
  flex-direction: unset !important;
  overflow-x: auto;           /* povol horizontální scroll */
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; /* plynulý scroll na mobilech */
  scroll-snap-type: x proximity;
  padding: 8px 0;
  /*scrollbar-width: none;      /* skryj scrollbar ve Firefoxu */
  cursor: grab;
  user-select: none;
  touch-action: pan-y;              /* dovolí vertikální scroll stránky, vodorovný si vezme JS */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  /*rozostření na začátku a konci*/
    -webkit-mask-image: linear-gradient(to right,
    transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
          mask-image: linear-gradient(to right,
    transparent 0, black 16px, black calc(100% - 16px), transparent 100%);
}

.repeater-scroll::-webkit-scrollbar { 
 /* display: none; /* skryj scrollbar v Chrome/Safari */
  
} 

/* nech .repeater-scroll tak jak máš a jen zruš obalový grid */
.repeater-scroll > .widgetContainer {
  display: contents !important;   /* obal zmizí, jeho děti se stanou přímými potomky */
}

/* tyto „děti“ (sloupce) pak pojedou vedle sebe a budou širší než kontejner */
.repeater-scroll > .widgetContainer > .column,
.repeater-scroll > .column {      /* pro jistotu obě cesty */
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: unset !important;
  max-width: none !important;
}

/* === Každý item v repeateru === */
.repeater-scroll > * {
  flex: 0 0 auto;             /* položky mají šířku dle obsahu */
  scroll-snap-align: center;
}

.repeater-scroll.is-dragging {
  cursor: grabbing;
}
.icon-prihlaseni-caais {
  width: 4em !important;    /* navázáno na text → roste s text-zoomem */
  height: 4em;
  background: url('images/icon_caais.svg');
  background-size: cover;  /* vyplní box, zachová poměr stran */
}
.icon-prihlaseni-nia {
  width: 4em !important;    /* navázáno na text → roste s text-zoomem */
  height: 4em;
  background: url('images/icon_nia.svg');
  background-size: cover;  /* vyplní box, zachová poměr stran */
}
.icon-prihlaseni-zs {
  width: 4em !important;    /* navázáno na text → roste s text-zoomem */
  height: 4em;
  background: url('images/icon_zs.svg');
  background-size: cover;  /* vyplní box, zachová poměr stran */
}
.icon-prihlaseni > svg {
  width: 100%;
  height: 100%;
  display: block;  /* žádné mezery kolem */
}
.cards-login {
    background-color: var(--color-neutral-0);
    padding: 16px !important;
    border-radius: 8px !important;
    margin: 10px !important;
    box-sizing: border-box;
    /*flex: 1;  Každá karta bude mít stejnou šířku */
    /*min-height: 260px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column;  /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-login-podsekce {
    padding: 10px !important;
    cursor:pointer;
    margin: 0 8px !important;
}

.cards-login-podsekce:hover {
  border-radius: 8px !important;
  background-color: var(--color-primary-100);
}


h1,.h1 {
    font-size: var(--font-size-headline-xl);
    line-height: 130%;
    font-weight: 500
}

h2,.h2 {
    font-size: var(--font-size-headline-l);
    line-height: 150%;
    font-weight: 500
}

h3,.h3 {
    font-size: var(--font-size-headline-m);
    line-height: 150%;
    font-weight: 500
}

h4,.h4 {
    font-size: var(--font-size-headline-s);
    line-height: 150%;
    font-weight: 500
}

h5,.h5 {
    font-size: var(--font-size-headline-xs);
    line-height: 150%;
    font-weight: 500
}

h6,.h6 {
    font-size: var(--font-size-headline-xs);
    line-height: 150%;
    font-weight: 500
}



.card-cc-primary-subtle-main {
  position: relative;
  background-color: var(--color-primary-600);
  color: var(--color-primary-50);
  border-radius: 20px;
  padding: 5px !important;
  margin: 5px !important;
}

.card-cc-primary-subtle-main .header {
  color: var(--color-primary-50);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.card-cc-primary-subtle-main:hover {
  box-shadow: 0 .25rem .75rem 0 rgba(0, 0, 0, .2);
  transform: translateY(-2px);
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

.card-cc-primary-subtle {
  position: relative;
  background-color: var(--color-primary-100);
  border-radius: 20px;
  padding: 5px !important;
  margin: 5px !important;
}

.card-cc-primary-subtle:hover {
  box-shadow: 0 .25rem .75rem 0 rgba(0, 0, 0, .2);
  transform: translateY(-2px);
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

.card-cc-success-subtle {
  position: relative;
  background-color: var(--color-success-100);
  border-radius: 20px;
  padding: 5px !important;
  margin: 5px !important;
}

.card-cc-success-subtle:hover {
  box-shadow: 0 .25rem .75rem 0 rgba(0, 0, 0, .2);
  transform: translateY(-2px);
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

.card-cc-secondary-bold {
  position: relative;
  background-color: var(--color-secondary-600);
  border-radius: 20px;
  padding: 5px !important;
  margin: 5px !important;
}

.card-cc-secondary-bold:hover {
  box-shadow: 0 .25rem .75rem 0 rgba(0, 0, 0, .2);
  transform: translateY(-2px);
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

.card-cc-secondary-subtle {
  position: relative;
  background-color: var(--color-secondary-200);
  border-radius: 20px;
  padding: 5px !important;
  margin: 5px !important;
}

.card-cc-secondary-subtle:hover {
  box-shadow: 0 .25rem .75rem 0 rgba(0, 0, 0, .2);
  transform: translateY(-2px);
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

.mnc.breadcrumb {
    display: flex;
    margin: 0;
    vertical-align: middle;
    gap: var(--spacing-s);
}

.mnc.breadcrumb a.section {
    cursor: pointer;
    text-decoration: underline;
    color: var(--color-primary-700);
}

.mnc.breadcrumb a.section:hover {
    cursor: pointer;
    text-decoration: unset;
}

.mnc.breadcrumb .divider {
    font-size: 0;
}

.mnc.breadcrumb .divider::before {
  content: "\F285"; /* unicode bootstrap icon */
  font-family: "bootstrap-icons";
  font-size: 15px;
  color: var(--color-primary-700);
}

.mnc.accordion:not(.styled) .title~.content {
    padding: 1rem;
}

.mnc-file-drop-zone-placeholder {
    color: var(--color-neutral-700);
    font-size: 14px;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: unset;
}

.mnc-file-drop-zone-placeholder .upload-button {
  margin-top: unset;
  background: none;
  color:var(--color-primary-600);
  border-radius: 8px;
  border: 1px solid var(--color-primary-600);
  white-space:nowrap;
}

.mnc-file-drop-zone-placeholder .upload-button:hover{
  background: var(--color-primary-100);
  color:var(--color-primary-600);
  border-radius: 8px;
  border: 1px solid var(--color-primary-600);
}

.mnc.table td.selector, .mnc.table th.selector {
    width: 10%;
}