/* DentaLOG kapcsolható modern design.
   Aktiválás: html.dl-modern-design class. Kikapcsolva ez a fájl nem módosítja a felületet. */

html.dl-modern-design {
  --dl-modern-bg: color-mix(in srgb, var(--dl-bg-body-base, #f4f8fb) 88%, #ffffff);
  --dl-modern-surface: color-mix(in srgb, var(--dl-bg-pb-card, #ffffff) 94%, #ffffff);
  --dl-modern-surface-strong: #ffffff;
  --dl-modern-text: var(--dl-color-text, #1f2937);
  --dl-modern-muted: var(--dl-color-muted, #64748b);
  --dl-modern-accent: var(--dl-color-accent, #3aa2b2);
  --dl-modern-border: color-mix(in srgb, var(--dl-modern-accent) 18%, transparent);
  --dl-modern-shadow: 0 18px 48px rgba(15, 23, 42, 0.11);
  --dl-modern-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.08);
  --dl-modern-radius: 18px;
  --dl-modern-radius-sm: 12px;
  --dl-modern-transition: 160ms ease;
  --dl-modern-button-grad-a: color-mix(in srgb, var(--dl-modern-accent) 88%, #ffffff);
  --dl-modern-button-grad-b: color-mix(in srgb, var(--dl-modern-accent) 72%, #ffffff);
  --dl-modern-active-grad-a: color-mix(in srgb, var(--dl-modern-accent) 92%, #111827);
  --dl-modern-active-grad-b: color-mix(in srgb, var(--dl-modern-accent) 76%, #111827);
  --dl-modern-tile-grad-a: color-mix(in srgb, var(--dl-modern-surface) 92%, #ffffff);
  --dl-modern-tile-grad-b: color-mix(in srgb, var(--dl-modern-accent) 9%, var(--dl-modern-surface));
  --dl-modern-on-button: #ffffff;
  --dl-modern-on-button-hover: #ffffff;
}

html.dl-modern-design.dl-theme-dark {
  --dl-modern-bg: color-mix(in srgb, var(--dl-bg-body-base, #23272f) 88%, #111827);
  --dl-modern-surface: color-mix(in srgb, var(--dl-bg-pb-card, #2f343c) 88%, #111827);
  --dl-modern-surface-strong: color-mix(in srgb, var(--dl-bg-pb-card, #2f343c) 82%, #000000);
  --dl-modern-border: rgba(255, 255, 255, 0.12);
  --dl-modern-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
  --dl-modern-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.28);
  --dl-modern-button-grad-a: color-mix(in srgb, var(--dl-modern-accent) 60%, #1f2937);
  --dl-modern-button-grad-b: color-mix(in srgb, var(--dl-modern-accent) 42%, #111827);
  --dl-modern-active-grad-a: color-mix(in srgb, var(--dl-modern-accent) 72%, #0f172a);
  --dl-modern-active-grad-b: color-mix(in srgb, var(--dl-modern-accent) 56%, #020617);
  --dl-modern-tile-grad-a: color-mix(in srgb, var(--dl-modern-surface) 86%, #ffffff);
  --dl-modern-tile-grad-b: color-mix(in srgb, var(--dl-modern-accent) 14%, var(--dl-modern-surface));
  --dl-modern-on-button: #ffffff;
  --dl-modern-on-button-hover: #ffffff;
  --dl-modern-text: var(--dl-color-text, #e4e2f5);
  --dl-modern-muted: var(--dl-color-muted, #b0b8c4);
}

html.dl-modern-design body {
  background:
    radial-gradient(circle at 12% -10%, color-mix(in srgb, var(--dl-modern-accent) 24%, transparent), transparent 34%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--dl-modern-accent) 16%, transparent), transparent 32%),
    var(--dl-bg-body, var(--dl-modern-bg)) !important;
  color: var(--dl-modern-text) !important;
}

html.dl-modern-design .main {
  background: transparent !important;
}

html.dl-modern-design .adatokDiv,
html.dl-modern-design .container,
html.dl-modern-design .content,
html.dl-modern-design .card,
html.dl-modern-design .panel,
html.dl-modern-design .modal-content,
html.dl-modern-design .ft-event,
html.dl-modern-design .ft-tooth-panel,
html.dl-modern-design .patient-card,
html.dl-modern-design .pb-card {
  background: var(--dl-modern-surface) !important;
  border: 1px solid var(--dl-modern-border) !important;
  border-radius: var(--dl-modern-radius) !important;
  box-shadow: var(--dl-modern-shadow-soft) !important;
  color: var(--dl-modern-text) !important;
  padding: max(14px, 1rem) !important;
  box-sizing: border-box;
}

html.dl-modern-design .adatokDiv {
  backdrop-filter: blur(12px);
}

html.dl-modern-design button,
html.dl-modern-design input[type="button"],
html.dl-modern-design input[type="submit"],
html.dl-modern-design .btn,
html.dl-modern-design .button,
html.dl-modern-design .pb-btn,
html.dl-modern-design .ft-back,
html.dl-modern-design a.button {
  position: relative;
  overflow: hidden;
  z-index: 0;
  border: 1px solid color-mix(in srgb, var(--dl-modern-accent) 28%, transparent) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--dl-modern-button-grad-a), var(--dl-modern-button-grad-b)) !important;
  color: var(--dl-modern-on-button) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--dl-modern-accent) 24%, transparent) !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em;
  transition: transform var(--dl-modern-transition), box-shadow var(--dl-modern-transition), filter var(--dl-modern-transition), background var(--dl-modern-transition), border-color var(--dl-modern-transition) !important;
}

html.dl-modern-design button::before,
html.dl-modern-design .btn::before,
html.dl-modern-design .button::before,
html.dl-modern-design .pb-btn::before,
html.dl-modern-design .ft-back::before,
html.dl-modern-design a.button::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b));
  opacity: 1;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 240ms ease;
  z-index: -1;
}

html.dl-modern-design button:not(.dl-global-search__item):hover::before,
html.dl-modern-design .btn:not(.dl-global-search__item):hover::before,
html.dl-modern-design .button:not(.dl-global-search__item):hover::before,
html.dl-modern-design .pb-btn:hover::before,
html.dl-modern-design .ft-back:hover::before,
html.dl-modern-design a.button:hover::before {
  transform: scaleX(1);
}

html.dl-modern-design button > *,
html.dl-modern-design .btn > *,
html.dl-modern-design .button > *,
html.dl-modern-design .pb-btn > *,
html.dl-modern-design .ft-back > *,
html.dl-modern-design a.button > * {
  position: relative;
  z-index: 1;
}

html.dl-modern-design button,
html.dl-modern-design .btn,
html.dl-modern-design .button,
html.dl-modern-design .pb-btn,
html.dl-modern-design .ft-back,
html.dl-modern-design a.button {
  isolation: isolate;
}

html.dl-modern-design button:not(.dl-global-search__item):hover,
html.dl-modern-design input[type="button"]:hover,
html.dl-modern-design input[type="submit"]:hover,
html.dl-modern-design .btn:not(.dl-global-search__item):hover,
html.dl-modern-design .button:not(.dl-global-search__item):hover,
html.dl-modern-design .pb-btn:hover,
html.dl-modern-design .ft-back:hover,
html.dl-modern-design a.button:hover {
  transform: translateY(-2px);
  filter: saturate(1.12) brightness(1.06);
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 52%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--dl-modern-accent) 26%, transparent) !important;
}

/* Override: Global search items should NOT follow button hover styling */
html.dl-modern-design button.dl-global-search__item:hover {
  transform: none !important;
  filter: none !important;
  background: color-mix(in srgb, var(--dl-modern-accent) 2%, var(--dl-modern-surface)) !important;
  border-color: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  box-shadow: none !important;
}

html.dl-modern-design button .material-icons,
html.dl-modern-design button .material-symbols-outlined,
html.dl-modern-design input[type="button"] .material-icons,
html.dl-modern-design input[type="submit"] .material-icons,
html.dl-modern-design .btn .material-icons,
html.dl-modern-design .btn .material-symbols-outlined,
html.dl-modern-design .button .material-icons,
html.dl-modern-design .button .material-symbols-outlined,
html.dl-modern-design .pb-btn .material-icons,
html.dl-modern-design .pb-btn .material-symbols-outlined,
html.dl-modern-design .ft-back .material-icons,
html.dl-modern-design .ft-back .material-symbols-outlined,
html.dl-modern-design a.button .material-icons,
html.dl-modern-design a.button .material-symbols-outlined,
html.dl-modern-design [class*="-btn"]:is(button, a, input, label) .material-icons,
html.dl-modern-design [class*="-btn"]:is(button, a, input, label) .material-symbols-outlined {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
  opacity: 1;
}

html.dl-modern-design button:not(.dl-global-search__item):hover .material-icons,
html.dl-modern-design button:not(.dl-global-search__item):hover .material-symbols-outlined,
html.dl-modern-design .btn:not(.dl-global-search__item):hover .material-icons,
html.dl-modern-design .btn:not(.dl-global-search__item):hover .material-symbols-outlined,
html.dl-modern-design .button:not(.dl-global-search__item):hover .material-icons,
html.dl-modern-design .button:not(.dl-global-search__item):hover .material-symbols-outlined,
html.dl-modern-design .pb-btn:hover .material-icons,
html.dl-modern-design .pb-btn:hover .material-symbols-outlined,
html.dl-modern-design .ft-back:hover .material-icons,
html.dl-modern-design .ft-back:hover .material-symbols-outlined,
html.dl-modern-design a.button:hover .material-icons,
html.dl-modern-design a.button:hover .material-symbols-outlined,
html.dl-modern-design [class*="-btn"]:is(button, a, input, label):hover .material-icons,
html.dl-modern-design [class*="-btn"]:is(button, a, input, label):hover .material-symbols-outlined,
html.dl-modern-design [class*="-btn"]:is(button, a, input, label):focus-visible .material-icons,
html.dl-modern-design [class*="-btn"]:is(button, a, input, label):focus-visible .material-symbols-outlined {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1;
  transform: translateX(1px);
}

html.dl-modern-design .pb-brand-swatch,
html.dl-modern-design .pb-brand-swatch:hover,
html.dl-modern-design .pb-brand-swatch:focus-visible {
  background: var(--pb-swatch-color) !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.22), 0 6px 14px rgba(15, 23, 42, 0.14) !important;
  color: transparent !important;
  padding: 0 !important;
  transform: none !important;
  filter: none !important;
}

html.dl-modern-design .pb-brand-swatch.is-active {
  outline: 3px solid var(--dl-modern-accent) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.24), 0 8px 18px color-mix(in srgb, var(--dl-modern-accent) 28%, transparent) !important;
}

html.dl-modern-design button:disabled,
html.dl-modern-design input[type="submit"]:disabled,
html.dl-modern-design .btn.disabled {
  opacity: 0.55 !important;
  transform: none !important;
  box-shadow: none !important;
}

html.dl-modern-design input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="button"]):not([type="submit"]),
html.dl-modern-design select,
html.dl-modern-design textarea,
html.dl-modern-design .select2-container--default .select2-selection--single,
html.dl-modern-design .select2-container--default .select2-selection--multiple {
  background: color-mix(in srgb, var(--dl-bg-input, #ffffff) 92%, #ffffff) !important;
  border: 1px solid color-mix(in srgb, var(--dl-modern-accent) 24%, var(--dl-border-input, #d8e2e7)) !important;
  border-radius: var(--dl-modern-radius-sm) !important;
  color: var(--dl-color-input, #111827) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 2px rgba(15, 23, 42, 0.05) !important;
  transition: border-color var(--dl-modern-transition), box-shadow var(--dl-modern-transition), background var(--dl-modern-transition) !important;
}

html.dl-modern-design input:focus,
html.dl-modern-design select:focus,
html.dl-modern-design textarea:focus {
  border-color: var(--dl-modern-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--dl-modern-accent) 18%, transparent) !important;
}

html.dl-modern-design table {
  background: var(--dl-modern-surface) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--dl-modern-border) !important;
  border-radius: var(--dl-modern-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--dl-modern-shadow-soft) !important;
}

html.dl-modern-design table th,
html.dl-modern-design table thead td {
  background: linear-gradient(135deg, var(--dl-modern-button-grad-a), var(--dl-modern-button-grad-b)) !important;
  color: var(--dl-color-button, #ffffff) !important;
  font-weight: 700 !important;
  border: 0 !important;
}

html.dl-modern-design table td,
html.dl-modern-design table th {
  border-color: color-mix(in srgb, var(--dl-modern-accent) 12%, transparent) !important;
}

html.dl-modern-design table tbody tr {
  transition: background var(--dl-modern-transition), transform var(--dl-modern-transition);
}

html.dl-modern-design table tbody tr:hover {
  background: color-mix(in srgb, var(--dl-modern-accent) 8%, transparent) !important;
}

/* paciensek.php — sor hover/border: ne a globális table szabály érvényesüljön */
html.dl-modern-design .patient-table.pe2-table tbody tr {
  transition: background 0.15s ease !important;
  transform: none !important;
}
html.dl-modern-design .patient-table.pe2-table tbody tr:hover {
  background: transparent !important;
}
html.dl-modern-design .patient-table.pe2-table tbody tr:hover td {
  background: var(--dl-bg-row-hover) !important;
  background-color: var(--dl-bg-row-hover) !important;
}

html.dl-modern-design body.paciens-adatok-page table {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.dl-modern-design body.paciens-adatok-page .pb-tab-btn:not(.pb-tab-btn--active) {
  color: var(--dl-modern-active-grad-b) !important;
}

html.dl-modern-design .main-home-shell .hataridos-table-wrap {
  background: linear-gradient(145deg, var(--dl-modern-tile-grad-a), var(--dl-modern-tile-grad-b)) !important;
  border: 1px solid var(--dl-modern-border) !important;
  border-radius: var(--dl-modern-radius) !important;
  box-shadow: var(--dl-modern-shadow-soft) !important;
  padding: max(12px, 0.9rem) !important;
  box-sizing: border-box;
}

html.dl-modern-design .main-home-shell #hataridosFeladatokTable {
  background: var(--dl-modern-surface-strong) !important;
  border: none !important;
  border-radius: var(--dl-modern-radius-sm) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html.dl-modern-design .main-home-shell #hataridosFeladatokTable thead tr,
html.dl-modern-design .main-home-shell #hataridosFeladatokTable thead th {
  background: color-mix(in srgb, var(--dl-modern-active-grad-b) 92%, var(--dl-modern-accent)) !important;
  color: var(--dl-modern-on-button) !important;
}

html.dl-modern-design .main-home-shell #hataridosFeladatokTable tbody tr {
  background: color-mix(in srgb, var(--dl-modern-surface) 96%, var(--dl-modern-accent)) !important;
}

html.dl-modern-design .main-home-shell #hataridosFeladatokTable tbody tr:hover {
  background: color-mix(in srgb, var(--dl-modern-accent) 12%, var(--dl-modern-surface)) !important;
}

html.dl-modern-design .main-home-shell #hataridosFeladatokTable td {
  color: var(--dl-modern-text) !important;
}

html.dl-modern-design .main-home-schedule-nav {
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

html.dl-modern-design .main-home-schedule-nav__tabs {
  background: color-mix(in srgb, var(--dl-modern-accent) 8%, var(--dl-modern-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--dl-modern-accent) 22%, transparent) !important;
  border-radius: 999px !important;
  gap: 8px !important;
  padding: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}

/* Ensure tab row container clips inner buttons and keeps rounded shape */
html.dl-modern-design .main-home-schedule-tab-row {
  border-radius: 999px !important;
  overflow: hidden !important;
}

/* Make inner buttons sit flush so the container defines the rounded shape;
   also ensure non-active button text is readable in dark/modern theme */
html.dl-modern-design .main-home-schedule-nav__tabs .main-home-schedule-tab,
html.dl-modern-design .main-home-schedule-nav__tabs .main-home-day-view-btn {
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--dl-modern-text) !important;
  -webkit-text-fill-color: var(--dl-modern-text) !important;
}

/* Preserve the left / right rounded edges for the day-view toggle and the following tab */
html.dl-modern-design .main-home-schedule-tab-row .main-home-day-view-btn {
  border-radius: 999px 0 0 999px !important;
}
html.dl-modern-design .main-home-schedule-tab-row .main-home-schedule-tab {
  border-radius: 0 999px 999px 0 !important;
}

/* Explicit rule for non-active standalone tabs (when not using .main-home-schedule-tab-row)
   Use a light/onsurface color so text remains readable in dark/modern theme */
html.dl-modern-design button.main-home-schedule-tab:not(.is-active),
html.dl-modern-design .main-home-schedule-nav__tabs button.main-home-schedule-tab:not(.is-active) {
  color: var(--dl-modern-text) !important;
  -webkit-text-fill-color: var(--dl-modern-text) !important;
}

/* Ensure icons inherit the text color */
html.dl-modern-design button.main-home-schedule-tab .material-symbols-outlined {
  color: inherit !important;
}

html.dl-modern-design button.main-home-schedule-tab,
html.dl-modern-design button.main-home-day-view-btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--dl-modern-active-grad-b) !important;
  -webkit-text-fill-color: var(--dl-modern-active-grad-b) !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 650 !important;
  transition: background-color 200ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease !important;
}

html.dl-modern-design button.main-home-schedule-tab::before,
html.dl-modern-design button.main-home-day-view-btn::before {
  content: none !important;
  opacity: 0 !important;
}

html.dl-modern-design button.main-home-schedule-tab:not(.is-active):hover,
html.dl-modern-design button.main-home-schedule-tab:not(.is-active):focus-visible,
html.dl-modern-design .main-home-schedule-tab-row:not(.is-active) button.main-home-day-view-btn:hover,
html.dl-modern-design .main-home-schedule-tab-row:not(.is-active) button.main-home-day-view-btn:focus-visible {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 52%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--dl-modern-accent) 16%, transparent) !important;
}

html.dl-modern-design .main-home-schedule-tab-row.is-active,
html.dl-modern-design button.main-home-schedule-tab.is-active {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: transparent !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--dl-modern-accent) 28%, transparent) !important;
}

html.dl-modern-design .main-home-schedule-tab-row.is-active button.main-home-schedule-tab,
html.dl-modern-design .main-home-schedule-tab-row.is-active button.main-home-day-view-btn {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Force readable text color for non-active tabs inside the tabs container */
html.dl-modern-design .main-home-schedule-nav__tabs button.main-home-schedule-tab:not(.is-active),
html.dl-modern-design .main-home-schedule-nav__tabs button.main-home-day-view-btn:not(.is-active) {
  color: var(--dl-modern-text) !important;
  -webkit-text-fill-color: var(--dl-modern-text) !important;
}

/* Ensure the left day-view toggle is visible when the tab-row is not active */
html.dl-modern-design .main-home-schedule-tab-row:not(.is-active) .main-home-day-view-btn,
html.dl-modern-design .main-home-schedule-nav__tabs .main-home-day-view-btn {
  color: var(--dl-modern-text) !important;
  -webkit-text-fill-color: var(--dl-modern-text) !important;
  opacity: 1 !important;
}

html.dl-modern-design .main-home-day-view-btn .material-symbols-outlined {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* Slightly dim disabled tabs but keep contrast */
html.dl-modern-design .main-home-schedule-nav__tabs button.main-home-schedule-tab:disabled,
html.dl-modern-design .main-home-schedule-nav__tabs button.main-home-day-view-btn:disabled {
  color: color-mix(in srgb, var(--dl-modern-text) 64%, transparent) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--dl-modern-text) 64%, transparent) !important;
}

html.dl-modern-design button.main-home-schedule-tab.is-active:hover,
html.dl-modern-design button.main-home-schedule-tab.is-active:focus-visible,
html.dl-modern-design .main-home-schedule-tab-row.is-active:hover,
html.dl-modern-design .main-home-schedule-tab-row.is-active:focus-within {
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
  filter: saturate(1.05) brightness(1.02) !important;
}

html.dl-modern-design .main-home-schedule-tab-row.is-active button.main-home-day-view-btn:hover,
html.dl-modern-design .main-home-schedule-tab-row.is-active button.main-home-day-view-btn:focus-visible {
  background: color-mix(in srgb, #ffffff 14%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--trigger {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu button.sidebar2-patient-taj__btn,
html.dl-modern-design body.has-sidebar2-topmenu button.sidebar2-patient-taj__btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu button.sidebar2-patient-taj__btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu button.sidebar2-patient-taj__btn:active {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  filter: none !important;
  transform: none !important;
  padding: 0 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu button.sidebar2-patient-taj__btn::before,
html.dl-modern-design body.has-sidebar2-topmenu button.sidebar2-patient-taj__btn:hover::before,
html.dl-modern-design body.has-sidebar2-topmenu button.sidebar2-patient-taj__btn:focus-visible::before {
  content: none !important;
  opacity: 0 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj__label,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj__date {
  -webkit-text-fill-color: currentColor !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--ok .sidebar2-patient-taj__label,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--ok .sidebar2-patient-taj__icon {
  color: #4f9866 !important;
  -webkit-text-fill-color: #4f9866 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--bad .sidebar2-patient-taj__label,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--bad .sidebar2-patient-taj__icon,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--fail .sidebar2-patient-taj__label,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--fail .sidebar2-patient-taj__icon {
  color: #c24742 !important;
  -webkit-text-fill-color: #c24742 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--info .sidebar2-patient-taj__label,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--info .sidebar2-patient-taj__icon {
  color: #4480c5 !important;
  -webkit-text-fill-color: #4480c5 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--warn .sidebar2-patient-taj__label,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--warn .sidebar2-patient-taj__icon {
  color: #b89200 !important;
  -webkit-text-fill-color: #b89200 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--invalid .sidebar2-patient-taj__label,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-patient-taj--invalid .sidebar2-patient-taj__icon {
  color: #755540 !important;
  -webkit-text-fill-color: #755540 !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--ok .sidebar2-patient-taj__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--ok .sidebar2-patient-taj__icon {
  color: #81c784 !important;
  -webkit-text-fill-color: #81c784 !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--bad .sidebar2-patient-taj__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--bad .sidebar2-patient-taj__icon,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--fail .sidebar2-patient-taj__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--fail .sidebar2-patient-taj__icon {
  color: #ef9a9a !important;
  -webkit-text-fill-color: #ef9a9a !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--info .sidebar2-patient-taj__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--info .sidebar2-patient-taj__icon {
  color: #90caf9 !important;
  -webkit-text-fill-color: #90caf9 !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--warn .sidebar2-patient-taj__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--warn .sidebar2-patient-taj__icon {
  color: #ffd54f !important;
  -webkit-text-fill-color: #ffd54f !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--invalid .sidebar2-patient-taj__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-taj--invalid .sidebar2-patient-taj__icon {
  color: #bcaaa4 !important;
  -webkit-text-fill-color: #bcaaa4 !important;
}

html.dl-modern-design .kr-page #adatokDivResizable .sr-status-empty {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html.dl-modern-design .kr-page #adatokDivResizable .sr-rogzitett-tab-panel.is-active,
html.dl-modern-design .kr-page #adatokDivResizable .sr-rogzitett-tab-panel.is-active:hover,
html.dl-modern-design .kr-page #adatokDivResizable .sr-rogzitett-tab-panel.is-active:focus-visible {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* Kezdőlap, dokumentumok és páciensmenü csempék */
html.dl-modern-design .main-home-tile__inner,
html.dl-modern-design .main-home-neak-idotartam,
html.dl-modern-design .main-home-appt-card,
html.dl-modern-design .paciens-docs-panel,
html.dl-modern-design .paciens-docs-folder,
html.dl-modern-design .fk-upload-card,
html.dl-modern-design .fk-toolbar-card,
html.dl-modern-design .file-list,
html.dl-modern-design .file-list-item,
html.dl-modern-design .apps-tile,
html.dl-modern-design .apps-section,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__patient-pin,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__tile,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__patient-tiles .sidebar2-list-menu__tile,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__patient-tiles--sticky .sidebar2-list-menu__tile,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__patient-tiles--wrap .sidebar2-list-menu__tile {
  background: linear-gradient(145deg, var(--dl-modern-tile-grad-a), var(--dl-modern-tile-grad-b)) !important;
  border: 1px solid var(--dl-modern-border) !important;
  border-radius: var(--dl-modern-radius) !important;
  box-shadow: var(--dl-modern-shadow-soft) !important;
  color: var(--dl-modern-text) !important;
  padding: max(10px, 0.85rem) !important;
  box-sizing: border-box;
}

html.dl-modern-design .main-home-hero,
html.dl-modern-design .main-home-welcome,
html.dl-modern-design .main-home-date,
html.dl-modern-design .main-home-clock,
html.dl-modern-design .main-home-weather,
html.dl-modern-design .main-home-weather__block,
html.dl-modern-design .main-home-moon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.dl-modern-design .main-home-tile__inner,
html.dl-modern-design .paciens-docs-folder,
html.dl-modern-design .file-list-item,
html.dl-modern-design .apps-tile,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__tile {
  position: relative;
  overflow: hidden;
  transition:
    transform var(--dl-modern-transition),
    box-shadow var(--dl-modern-transition),
    border-color var(--dl-modern-transition),
    background var(--dl-modern-transition) !important;
}

html.dl-modern-design .main-home-tile__inner::before,
html.dl-modern-design .paciens-docs-folder::before,
html.dl-modern-design .file-list-item::before,
html.dl-modern-design .apps-tile::before,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__tile::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--dl-modern-accent) 16%, transparent), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 42%);
  opacity: 0.75;
}

html.dl-modern-design .main-home-quick > a:hover .main-home-tile__inner,
html.dl-modern-design .paciens-docs-folder:hover,
html.dl-modern-design .file-list-item:hover,
html.dl-modern-design .apps-tile:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__tile:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__tile:focus-visible {
  transform: translateY(-2px);
  background: var(--sidebar2-menu-hover-bg) !important;
  background-color: var(--sidebar2-menu-hover-bg) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 44%, transparent) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--dl-modern-accent) 18%, rgba(15, 23, 42, 0.12)) !important;
  color: var(--sidebar2-menu-hover-color) !important;
}

html.dl-modern-design .main-home-tile__inner .main-home-tile__icon,
html.dl-modern-design .main-home-tile__inner .text,
html.dl-modern-design .paciens-docs-folder__icon,
html.dl-modern-design .paciens-docs-folder__label,
html.dl-modern-design .file-list-thumb .fk-file-type-icon,
html.dl-modern-design .apps-tile__icon,
html.dl-modern-design .apps-tile__label,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__icon,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__label {
  position: relative;
  z-index: 1;
}

html.dl-modern-design .main-home-tile__inner .main-home-tile__icon,
html.dl-modern-design .paciens-docs-folder__icon,
html.dl-modern-design .apps-tile__icon {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  filter: drop-shadow(0 4px 10px color-mix(in srgb, var(--dl-modern-accent) 20%, transparent));
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__icon {
  color: var(--sidebar2-menu-color, #4a4a56) !important;
  filter: drop-shadow(0 4px 10px color-mix(in srgb, var(--dl-modern-accent) 20%, transparent));
}

html.dl-modern-design #leftAppsPanelRail .left-apps-rail__btn,
html.dl-modern-design #leftAppsPanelRail .left-apps-rail__btn .material-symbols-outlined,
html.dl-modern-design #leftAppsPanelBody .apps-tile__icon,
html.dl-modern-design #leftAppsPanelBody .apps-section__title-icon,
html.dl-modern-design #leftAppsPanelBody .left-panel-patient-icons .material-symbols-outlined,
html.dl-modern-design #leftAppsPanelBody .left-panel-taj-tile .material-symbols-outlined,
html.dl-modern-design #appsSlidePanelBody .apps-tile__icon,
html.dl-modern-design #appsSlidePanelBody .apps-section__title-icon {
  color: var(--dl-modern-accent) !important;
  -webkit-text-fill-color: var(--dl-modern-accent) !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn .material-symbols-outlined {
  color: var(--sidebar2-topbar-color, #4a4a56) !important;
  -webkit-text-fill-color: var(--sidebar2-topbar-color, #4a4a56) !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:hover .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:focus-visible .material-symbols-outlined {
  color: var(--dl-modern-active-grad-b) !important;
  -webkit-text-fill-color: var(--dl-modern-active-grad-b) !important;
}

html.dl-modern-design .paciens-docs-folder__count {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--dl-modern-accent) !important;
}

html.dl-modern-design .main-home-appt-card {
  border-left: 4px solid var(--appt-card-accent, var(--dl-modern-accent)) !important;
}

html.dl-modern-design .file-list.file-list--grid .file-list-item {
  min-height: 158px;
}

html.dl-modern-design .file-list-thumb {
  background: color-mix(in srgb, var(--dl-modern-accent) 8%, var(--dl-modern-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--dl-modern-accent) 14%, transparent) !important;
  border-radius: var(--dl-modern-radius-sm) !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__patient-sticky-head,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu--patient-layout2 .sidebar2-list-menu__patient-tiles--sticky,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu--patient-layout3 .sidebar2-list-menu__patient-tiles--sticky {
  background: color-mix(in srgb, var(--dl-modern-surface) 92%, transparent) !important;
  backdrop-filter: blur(12px);
  border-color: var(--dl-modern-border) !important;
}

/* Modalok */
html.dl-modern-design .modal,
html.dl-modern-design .overlay,
html.dl-modern-design #gabika-modal-overlay,
html.dl-modern-design #rendelesTipusValtasModal,
html.dl-modern-design #rendelesTipusConfirmModal,
html.dl-modern-design #rendeloValtasModal,
html.dl-modern-design #patientTajResultModal,
html.dl-modern-design #paciensAppsModal,
html.dl-modern-design #notificationsModal,
html.dl-modern-design #notificationsNewsModalOverlay,
html.dl-modern-design #news-modal-overlay,
html.dl-modern-design #rontgenFilesModal,
html.dl-modern-design #aiModal,
html.dl-modern-design #infoPopupModal,
html.dl-modern-design .main-home-day-view-overlay {
  background: rgba(15, 23, 42, 0.38) !important;
  backdrop-filter: blur(10px);
}

html.dl-modern-design .modal-content,
html.dl-modern-design .patient-taj-modal__inner,
html.dl-modern-design .rendeles-tipus-modal__inner,
html.dl-modern-design .rendelo-valtas-modal__inner,
html.dl-modern-design #paciensAppsModal .modal-content,
html.dl-modern-design #notificationsModal .modal-content,
html.dl-modern-design #notificationsNewsModalOverlay .dl-news-modal-box,
html.dl-modern-design #news-modal-box,
html.dl-modern-design #rontgenFilesModal .modal-content,
html.dl-modern-design #aiModal .modal-content,
html.dl-modern-design #infoPopupModal .info-popup-inner,
html.dl-modern-design .main-home-day-view-box {
  background: linear-gradient(145deg, var(--dl-modern-tile-grad-a), var(--dl-modern-tile-grad-b)) !important;
  border: 1px solid var(--dl-modern-border) !important;
  border-radius: calc(var(--dl-modern-radius) + 4px) !important;
  box-shadow: var(--dl-modern-shadow) !important;
  color: var(--dl-modern-text) !important;
  padding: max(20px, 1.25rem) !important;
  box-sizing: border-box !important;
}

html.dl-modern-design .modal-header,
html.dl-modern-design #rontgenFilesModal .modal-header {
  margin: calc(-1 * max(20px, 1.25rem)) calc(-1 * max(20px, 1.25rem)) 16px !important;
  padding: 16px max(20px, 1.25rem) !important;
  border-bottom: 1px solid var(--dl-modern-border) !important;
  background: color-mix(in srgb, var(--dl-modern-accent) 10%, transparent) !important;
  border-radius: calc(var(--dl-modern-radius) + 4px) calc(var(--dl-modern-radius) + 4px) 0 0 !important;
}

html.dl-modern-design .close,
html.dl-modern-design .close-modal,
html.dl-modern-design .modal-close,
html.dl-modern-design .info-popup-close {
  color: var(--dl-modern-muted) !important;
  transition: color var(--dl-modern-transition), transform var(--dl-modern-transition), background var(--dl-modern-transition) !important;
}

html.dl-modern-design .close:hover,
html.dl-modern-design .close-modal:hover,
html.dl-modern-design .modal-close:hover,
html.dl-modern-design .info-popup-close:hover {
  color: var(--dl-modern-accent) !important;
  transform: scale(1.08);
  background: color-mix(in srgb, var(--dl-modern-accent) 10%, transparent) !important;
}

html.dl-modern-design .material-icons,
html.dl-modern-design .material-symbols-outlined,
html.dl-modern-design i[class*="fa"],
html.dl-modern-design .fa {
  color: var(--dl-modern-accent);
  vertical-align: middle;
}

/* Prevent the notifications modal close button from overlapping the tab bar */
#notificationsModal #notificationsModalTabBar {
  padding-right: 56px !important;
  border: none !important;
}

#notificationsModal .close {
  right: 18px !important;
}

@media (max-width: 640px) {
  #notificationsModal #notificationsModalTabBar {
    padding-right: 44px !important;
  }
}

/* Final override: csak aktív schedule tab + layout switch — fehér szöveg */
html.dl-modern-design .main-home-schedule-nav__tabs button.main-home-schedule-tab.is-active,
html.dl-modern-design .main-home-schedule-nav__tabs > button.main-home-schedule-tab.is-active,
html.dl-modern-design .main-home-schedule-tab-row.is-active button.main-home-schedule-tab,
html.dl-modern-design .main-home-schedule-tab-row.is-active button.main-home-day-view-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html.dl-modern-design .main-home-schedule-tab-row.is-active button.main-home-schedule-tab .material-symbols-outlined,
html.dl-modern-design .main-home-schedule-tab-row.is-active button.main-home-day-view-btn .material-symbols-outlined,
html.dl-modern-design .main-home-schedule-nav__tabs > button.main-home-schedule-tab.is-active .material-symbols-outlined {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html.dl-modern-design .main-home-layout-switch label:has(input:checked) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Global search: items should have transparent background */
html.dl-modern-design button.dl-global-search__item,
html.dl-modern-design button.dl-global-search__item:focus,
html.dl-modern-design button.dl-global-search__item:focus-visible,
html.dl-modern-design button.dl-global-search__item:active,
html.dl-modern-design button.dl-global-search__item.is-active {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transition: none !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
  border-color: inherit !important;
}

/* Hover state: light background, no animation */
html.dl-modern-design button.dl-global-search__item:hover {
  background: color-mix(in srgb, var(--dl-modern-accent) 12%, var(--dl-modern-surface)) !important;
  background-color: color-mix(in srgb, var(--dl-modern-accent) 12%, var(--dl-modern-surface)) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  filter: none !important;
  border-color: inherit !important;
}

/* Make active schedule tabs rounded to match the tabs container when standalone */
html.dl-modern-design .main-home-schedule-nav__tabs > button.main-home-schedule-tab.is-active {
  border-radius: 999px !important;
}

/* Also ensure active standalone tab visually matches container (no extra gap) */
html.dl-modern-design .main-home-schedule-nav__tabs > button.main-home-schedule-tab.is-active {
  background-clip: padding-box !important;
}

html.dl-modern-design .sidebar,
html.dl-modern-design .sidebar2,
html.dl-modern-design .sidebar2-topbar {
  box-shadow: 0 10px 32px color-mix(in srgb, var(--dl-modern-accent) 20%, transparent) !important;
}

/* Felső navigáció és fő menüelemek */
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar {
  border-bottom: 2px solid color-mix(in srgb, var(--dl-modern-accent) 38%, transparent) !important;
  background: color-mix(in srgb, var(--dl-modern-surface) 92%, transparent) !important;
  backdrop-filter: blur(12px);
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu {
  border: none !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 560 !important;
  box-shadow: none !important;
  transition: transform var(--dl-modern-transition), color var(--dl-modern-transition), -webkit-text-fill-color var(--dl-modern-transition), font-weight var(--dl-modern-transition) !important;
}

html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .sidebar2-topbar__patient-label,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .sidebar2-topbar__patient-name,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .sidebar2-topbar__patient-age,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn {
  color: var(--sidebar2-topbar-color, #4a4a56) !important;
  -webkit-text-fill-color: var(--sidebar2-topbar-color, #4a4a56) !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .sidebar2-topbar__patient-label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .sidebar2-topbar__patient-name,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .sidebar2-topbar__patient-age,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn {
  color: var(--sidebar2-topbar-color, #e4e2f5) !important;
  -webkit-text-fill-color: var(--sidebar2-topbar-color, #e4e2f5) !important;
}

html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-list-menu__item,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-list-menu__tile,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-list-menu__label,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-patient-menu a,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-list-menu__patient-header,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-list-menu__patient-header .paciensApps__patient-name {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--sidebar2-menu-color, #4a4a56) !important;
  -webkit-text-fill-color: var(--sidebar2-menu-color, #4a4a56) !important;
  font-weight: 560 !important;
  box-shadow: none !important;
  transition: transform var(--dl-modern-transition), color var(--dl-modern-transition), -webkit-text-fill-color var(--dl-modern-transition), font-weight var(--dl-modern-transition) !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-patient-menu a,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__patient-header,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__patient-header .paciensApps__patient-name {
  color: var(--sidebar2-menu-color, #e4e2f5) !important;
  -webkit-text-fill-color: var(--sidebar2-menu-color, #e4e2f5) !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__icon,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__icon .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile .material-symbols-outlined {
  color: var(--sidebar2-menu-color, #e4e2f5) !important;
  -webkit-text-fill-color: var(--sidebar2-menu-color, #e4e2f5) !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__item {
  border-radius: 0 !important;
}

html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn .sidebar2-dropdown__chev,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .sidebar2-dropdown__chev,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch-mark,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn .material-symbols-outlined {
  color: var(--sidebar2-topbar-color, #4a4a56) !important;
  -webkit-text-fill-color: var(--sidebar2-topbar-color, #4a4a56) !important;
}

html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-list-menu__item .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-list-menu__icon .material-symbols-outlined {
  color: var(--sidebar2-menu-color, #4a4a56) !important;
  -webkit-text-fill-color: var(--sidebar2-menu-color, #4a4a56) !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn .sidebar2-dropdown__chev,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn .sidebar2-dropdown__chev,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch-mark,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar .notifications .sidebar-notif {
  color: var(--sidebar2-topbar-color, #e4e2f5) !important;
  -webkit-text-fill-color: var(--sidebar2-topbar-color, #e4e2f5) !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible {
  border: none !important;
  background: transparent !important;
  color: var(--dl-modern-active-grad-b) !important;
  -webkit-text-fill-color: var(--dl-modern-active-grad-b) !important;
  font-weight: 750 !important;
  transform: translateY(-1px);
  box-shadow: none !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible {
  background: transparent !important;
  color: var(--dl-modern-active-grad-b) !important;
  -webkit-text-fill-color: var(--dl-modern-active-grad-b) !important;
  font-weight: 750 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn::before,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn::before,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn::before,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn::before,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch::before,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__item::before,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__item:hover::before,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__item:focus-visible::before {
  content: none !important;
  opacity: 0 !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__item:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__item:focus-visible {
  background: var(--sidebar2-menu-hover-bg) !important;
  background-color: var(--sidebar2-menu-hover-bg) !important;
  color: var(--sidebar2-menu-hover-color) !important;
  -webkit-text-fill-color: var(--sidebar2-menu-hover-color) !important;
  font-weight: 750 !important;
  border-radius: 6px;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__item:hover .material-symbols-outlined,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-list-menu__item:focus-visible .material-symbols-outlined {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dl-modern-design .pb-tabs {
  background: color-mix(in srgb, var(--dl-modern-accent) 8%, var(--dl-modern-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--dl-modern-accent) 22%, transparent) !important;
  border-radius: 999px !important;
  gap: 8px !important;
  padding: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}

html.dl-modern-design .pb-tab-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--dl-modern-active-grad-b) !important;
  box-shadow: none !important;
  transition: color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease !important;
}

html.dl-modern-design .pb-tab-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b));
  border-radius: inherit;
  opacity: 1;
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
  transition: transform 240ms ease;
  z-index: -1;
}

html.dl-modern-design .pb-tab-btn:hover::before,
html.dl-modern-design .pb-tab-btn:focus-visible::before {
  transform: scaleX(1);
}

html.dl-modern-design .pb-tab-btn--active {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 42%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--dl-modern-accent) 24%, transparent) !important;
}

html.dl-modern-design .pb-tab-btn--active::before {
  content: none;
}

html.dl-modern-design .pb-tab-btn:not(.pb-tab-btn--active):hover,
html.dl-modern-design .pb-tab-btn:not(.pb-tab-btn--active):focus-visible {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  background-color: var(--dl-modern-active-grad-b) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 52%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
  transform: translateY(-1px);
}

/* Sötét mód: inaktív fül felirat világos (ne --dl-modern-active-grad-b, az majdnem fekete) */
html.dl-modern-design.dl-theme-dark .pb-tab-btn:not(.pb-tab-btn--active),
html.dl-modern-design.dl-theme-dark body.paciens-adatok-page .pb-tab-btn:not(.pb-tab-btn--active),
html.dl-modern-design.dl-theme-dark.dl-modern-design--elegant .pb-tab-btn:not(.pb-tab-btn--active) {
  color: var(--dl-modern-text) !important;
  -webkit-text-fill-color: var(--dl-modern-text) !important;
}

html.dl-modern-design.dl-theme-dark .pb-tab-btn:not(.pb-tab-btn--active):hover,
html.dl-modern-design.dl-theme-dark .pb-tab-btn:not(.pb-tab-btn--active):focus-visible {
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
}

/* Sötét mód: segmented / rádió felirat világos (ne --dl-modern-active-grad-b) */
html.dl-modern-design.dl-theme-dark .pb-segmented label:not(:has(input:checked)) > span,
html.dl-modern-design.dl-theme-dark.dl-modern-design--elegant .pb-segmented label:not(:has(input:checked)) > span {
  color: var(--dl-modern-text) !important;
  -webkit-text-fill-color: var(--dl-modern-text) !important;
}

html.dl-modern-design.dl-theme-dark .pb-segmented label:not(:has(input:checked)):hover > span,
html.dl-modern-design.dl-theme-dark .pb-segmented label:not(:has(input:checked)):focus-within > span {
  color: var(--dl-color-tab-hover, var(--dl-modern-text)) !important;
  -webkit-text-fill-color: var(--dl-color-tab-hover, var(--dl-modern-text)) !important;
}

html.dl-modern-design.dl-theme-dark label:has(> input[type="radio"]),
html.dl-modern-design.dl-theme-dark .radio-group label,
html.dl-modern-design.dl-theme-dark .form-check label,
html.dl-modern-design.dl-theme-dark .compact-form .radio-group label,
html.dl-modern-design.dl-theme-dark .compact-form tr td label:has(input[type="radio"]) {
  color: var(--dl-modern-text) !important;
  -webkit-text-fill-color: var(--dl-modern-text) !important;
}

html.dl-modern-design .pb-segmented {
  background: color-mix(in srgb, var(--dl-modern-accent) 8%, var(--dl-modern-surface)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 22%, transparent) !important;
}

html.dl-modern-design .pb-segmented label > span {
  color: var(--dl-modern-muted) !important;
  border: 1px solid transparent !important;
}

html.dl-modern-design .pb-segmented input:checked + span {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 42%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--dl-modern-accent) 24%, transparent) !important;
}

html.dl-modern-design input[type="radio"]:checked + span,
html.dl-modern-design input[type="radio"]:checked + label,
html.dl-modern-design label:has(input[type="radio"]:checked) > span {
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
}

html.dl-modern-design input[type="radio"]:checked + span .material-icons,
html.dl-modern-design input[type="radio"]:checked + span .material-symbols-outlined,
html.dl-modern-design label:has(input[type="radio"]:checked) > span .material-icons,
html.dl-modern-design label:has(input[type="radio"]:checked) > span .material-symbols-outlined {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dl-modern-design .pb-segmented label:hover > span {
  background: color-mix(in srgb, var(--dl-modern-accent) 12%, var(--dl-modern-surface)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 34%, transparent) !important;
  color: var(--dl-modern-active-grad-b) !important;
  -webkit-text-fill-color: var(--dl-modern-active-grad-b) !important;
}

html.dl-modern-design .pb-segmented label:has(input:checked):hover > span,
html.dl-modern-design .pb-segmented input:checked + span:hover {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 52%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
}

html.dl-modern-design .pb-tab-panel.is-active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html.dl-modern-design .active,
html.dl-modern-design .is-active,
html.dl-modern-design .selected,
html.dl-modern-design [aria-selected="true"]:not(option),
html.dl-modern-design .nav-tabs .active,
html.dl-modern-design .tab.active,
html.dl-modern-design .tab-button.active,
html.dl-modern-design .view-toggle-btn.active,
html.dl-modern-design .main-home-schedule-tab.is-active,
html.dl-modern-design .main-home-day-view-mode__btn.is-active {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 48%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--dl-modern-accent) 26%, transparent) !important;
}

html.dl-modern-design .pb-tab-panel.is-active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit !important;
}

html.dl-modern-design .active .material-icons,
html.dl-modern-design .active .material-symbols-outlined,
html.dl-modern-design .is-active .material-icons,
html.dl-modern-design .is-active .material-symbols-outlined,
html.dl-modern-design .selected .material-icons,
html.dl-modern-design .selected .material-symbols-outlined,
html.dl-modern-design [aria-selected="true"]:not(option) .material-icons,
html.dl-modern-design [aria-selected="true"]:not(option) .material-symbols-outlined {
  color: currentColor !important;
}

html.dl-modern-design .active:hover,
html.dl-modern-design .active:focus-visible,
html.dl-modern-design .is-active:not(.dl-global-search__item):hover,
html.dl-modern-design .is-active:focus-visible,
html.dl-modern-design .selected:hover,
html.dl-modern-design .selected:focus-visible,
html.dl-modern-design [aria-selected="true"]:not(option):hover,
html.dl-modern-design [aria-selected="true"]:not(option):focus-visible,
html.dl-modern-design .pb-tab-btn--active:hover,
html.dl-modern-design .pb-tab-btn--active:focus-visible,
html.dl-modern-design .pb-segmented input:checked + span:hover {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 48%, transparent) !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
}

html.dl-modern-design .active:hover::before,
html.dl-modern-design .is-active:not(.dl-global-search__item):hover::before,
html.dl-modern-design .selected:hover::before,
html.dl-modern-design [aria-selected="true"]:not(option):hover::before,
html.dl-modern-design .pb-tab-btn--active:hover::before {
  content: none !important;
  opacity: 0 !important;
}

html.dl-modern-design .active:hover .material-icons,
html.dl-modern-design .active:hover .material-symbols-outlined,
html.dl-modern-design .is-active:not(.dl-global-search__item):hover .material-icons,
html.dl-modern-design .is-active:not(.dl-global-search__item):hover .material-symbols-outlined,
html.dl-modern-design .selected:hover .material-icons,
html.dl-modern-design .selected:hover .material-symbols-outlined,
html.dl-modern-design [aria-selected="true"]:not(option):hover .material-icons,
html.dl-modern-design [aria-selected="true"]:not(option):hover .material-symbols-outlined,
html.dl-modern-design .pb-tab-btn--active:hover .material-icons,
html.dl-modern-design .pb-tab-btn--active:hover .material-symbols-outlined {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.dl-modern-design .pb-tab-panels .pb-tab-panel.is-active:hover,
html.dl-modern-design .pb-tab-panels .pb-tab-panel.is-active:focus-visible {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--dl-modern-text) !important;
  -webkit-text-fill-color: var(--dl-modern-text) !important;
}

html.dl-modern-design .pb-tab-panels .pb-tab-panel.is-active:hover *,
html.dl-modern-design .pb-tab-panels .pb-tab-panel.is-active:focus-visible * {
  -webkit-text-fill-color: currentColor !important;
}

html.dl-modern-design .pb-tab-panels .pb-tab-panel.is-active:hover .pb-card,
html.dl-modern-design .pb-tab-panels .pb-tab-panel.is-active:focus-visible .pb-card {
  color: var(--dl-modern-text) !important;
}

/* Kezelés/státusz timeline (paciens_tortenet + paciensoldal brief iframe) */
html.dl-modern-design .kt-page.kt-brief-embed,
html.dl-modern-design .kt-page .kt-timeline-tile,
html.dl-modern-design .kt-page.kt-brief-embed:hover,
html.dl-modern-design .kt-page .kt-timeline-tile:hover,
html.dl-modern-design .kt-page.kt-brief-embed:focus-within,
html.dl-modern-design .kt-page .kt-timeline-tile:focus-within {
  background: var(--dl-bg-pb-card, #ffffff) !important;
  border-color: var(--dl-border-subtle, #e0e0e0) !important;
  box-shadow: 0 4px 8px rgb(0 0 0 / 0.08) !important;
  color: var(--dl-color-text, #333333) !important;
}

html.dl-modern-design .kt-page.kt-brief-embed:hover *:not(button):not(a.back-button),
html.dl-modern-design .kt-page .kt-timeline-tile:hover *:not(button):not(a.back-button),
html.dl-modern-design .kt-page.kt-brief-embed:focus-within *:not(button):not(a.back-button),
html.dl-modern-design .kt-page .kt-timeline-tile:focus-within *:not(button):not(a.back-button) {
  -webkit-text-fill-color: currentColor !important;
}

html.dl-modern-design .kt-page .detail-section,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .detail-section,
html.dl-modern-design .kt-page .date-text,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .date-text,
html.dl-modern-design .kt-page .treatment-doctor,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .treatment-doctor,
html.dl-modern-design .kt-page .treatment-notes,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .treatment-notes,
html.dl-modern-design .kt-page .empty-state h3,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .empty-state h3 {
  color: var(--dl-color-text, #333333) !important;
  -webkit-text-fill-color: var(--dl-color-text, #333333) !important;
}

html.dl-modern-design .kt-page .section-title,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .section-title,
html.dl-modern-design .kt-page .kt-date-group__chevron,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .kt-date-group__chevron,
html.dl-modern-design .kt-page .empty-state,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .empty-state {
  color: var(--dl-color-hint, var(--dl-color-muted, #6c757d)) !important;
  -webkit-text-fill-color: var(--dl-color-hint, var(--dl-color-muted, #6c757d)) !important;
}

html.dl-modern-design .kt-page .treatments-header,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .treatments-header {
  background: var(--dl-bg-pb-fieldwell, var(--dl-bg-surface-muted, #f1f5f7)) !important;
  border-color: var(--dl-border-adatok-surface, var(--dl-border-separator, var(--dl-border-subtle, #dee2e6))) !important;
}

html.dl-modern-design .kt-page .kt-filter-box,
html.dl-modern-design .kt-page .filter-container.kt-filter-box,
html.dl-modern-design .kt-page .kt-timeline-tile__header,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .kt-timeline-tile__header {
  background: var(--dl-bg-pb-fieldwell, var(--dl-bg-surface-muted, #f1f5f7)) !important;
  border-color: var(--dl-border-adatok-surface, var(--dl-border-separator, var(--dl-border-subtle, #dee2e6))) !important;
  color: var(--dl-color-text, #333333) !important;
}

html.dl-modern-design .kt-page .treatment-item,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .treatment-item,
html.dl-modern-design .kt-page .kt-date-group__entries,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .kt-date-group__entries {
  background: var(--dl-bg-pb-fieldwell, var(--dl-bg-surface-muted, #f1f5f7)) !important;
  color: var(--dl-color-text, #333333) !important;
  border-color: var(--dl-border-adatok-surface, var(--dl-border-separator, var(--dl-border-subtle, #dee2e6))) !important;
}

html.dl-modern-design .kt-page .treatment-item--statusz {
  background: color-mix(in srgb, var(--dl-color-accent) 8%, var(--dl-bg-pb-fieldwell, var(--dl-bg-surface-muted, #f1f5f7))) !important;
}

html.dl-modern-design .kt-page .kt-date-group__header,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .kt-date-group__header {
  background: var(--dl-bg-pb-card, #ffffff) !important;
  color: var(--dl-color-text, #333333) !important;
  -webkit-text-fill-color: var(--dl-color-text, #333333) !important;
  border-color: var(--dl-border-subtle, #e0e0e0) !important;
}

html.dl-modern-design .kt-page .kt-date-group.is-open .kt-date-group__header,
html.dl-modern-design .kt-page .kt-date-group.is-open:hover .kt-date-group__header,
html.dl-modern-design .kt-page .kt-timeline-tile .kt-date-group.is-open .kt-date-group__header,
html.dl-modern-design .kt-page .kt-timeline-tile .kt-date-group.is-open:hover .kt-date-group__header {
  background: var(--dl-color-accent) !important;
  color: var(--dl-color-button, #ffffff) !important;
  -webkit-text-fill-color: var(--dl-color-button, #ffffff) !important;
}

html.dl-modern-design .kt-page .kt-date-group.is-open .kt-date-group__header .date-text,
html.dl-modern-design .kt-page .kt-date-group.is-open .kt-date-group__header .treatment-doctor,
html.dl-modern-design .kt-page .kt-date-group.is-open .kt-date-group__header .treatment-type,
html.dl-modern-design .kt-page .kt-date-group.is-open .kt-date-group__header .kt-date-group__chevron,
html.dl-modern-design .kt-page .kt-date-group.is-open:hover .kt-date-group__header .date-text,
html.dl-modern-design .kt-page .kt-date-group.is-open:hover .kt-date-group__header .treatment-doctor,
html.dl-modern-design .kt-page .kt-date-group.is-open:hover .kt-date-group__header .treatment-type,
html.dl-modern-design .kt-page .kt-date-group.is-open:hover .kt-date-group__header .kt-date-group__chevron,
html.dl-modern-design .kt-page .kt-timeline-tile .kt-date-group.is-open .kt-date-group__header .date-text,
html.dl-modern-design .kt-page .kt-timeline-tile .kt-date-group.is-open .kt-date-group__header .treatment-doctor,
html.dl-modern-design .kt-page .kt-timeline-tile .kt-date-group.is-open .kt-date-group__header .treatment-type,
html.dl-modern-design .kt-page .kt-timeline-tile .kt-date-group.is-open .kt-date-group__header .kt-date-group__chevron {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dl-modern-design .kt-page .kt-date-group__header .treatment-type,
html.dl-modern-design .kt-page .kt-date-group__header:hover .treatment-type,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .kt-date-group__header .treatment-type,
html.dl-modern-design .kt-page .kt-timeline-tile:hover .kt-date-group__header:hover .treatment-type,
html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group__header .treatment-type,
html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group__header:hover .treatment-type,
html.dl-modern-design.dl-modern-design--elegant .kt-page .kt-date-group__header .treatment-type,
html.dl-modern-design.dl-modern-design--elegant .kt-page .kt-date-group__header:hover .treatment-type,
html.dl-modern-design.dl-modern-design--elegant .kt-page .kt-timeline-tile:hover .kt-date-group__header .treatment-type {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group__header .date-text,
html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group__header .treatment-doctor,
html.dl-modern-design.dl-theme-dark .kt-page .treatment-doctor,
html.dl-modern-design.dl-theme-dark .kt-page .detail-section,
html.dl-modern-design.dl-theme-dark .kt-page .date-text {
  color: var(--dl-color-text) !important;
  -webkit-text-fill-color: var(--dl-color-text) !important;
}

html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group__header .kt-date-group__chevron {
  color: var(--dl-color-hint, var(--dl-color-muted)) !important;
  -webkit-text-fill-color: var(--dl-color-hint, var(--dl-color-muted)) !important;
}

html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group.is-open .kt-date-group__header .date-text,
html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group.is-open .kt-date-group__header .treatment-doctor,
html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group.is-open .kt-date-group__header .kt-date-group__chevron,
html.dl-modern-design.dl-theme-dark .kt-page .kt-date-group.is-open .kt-date-group__header .treatment-count {
  color: var(--dl-color-button, #ffffff) !important;
  -webkit-text-fill-color: var(--dl-color-button, #ffffff) !important;
}

html.dl-modern-design.dl-theme-dark .kt-page.kt-brief-embed,
html.dl-modern-design.dl-theme-dark .kt-page .kt-timeline-tile {
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.35) !important;
}

html.dl-modern-design .kt-page a.back-button,
html.dl-modern-design .kt-page a.back-button:hover,
html.dl-modern-design .kt-page .kt-filter-clear-btn,
html.dl-modern-design .kt-page .kt-filter-clear-btn:hover,
html.dl-modern-design .kt-page .kt-filter-box button,
html.dl-modern-design .kt-page .kt-filter-box button:hover,
html.dl-modern-design .kt-page .edit-button,
html.dl-modern-design .kt-page .edit-button:hover,
html.dl-modern-design .kt-page .delete-button,
html.dl-modern-design .kt-page .delete-button:hover,
html.dl-modern-design .edit-modal .btn-save,
html.dl-modern-design .edit-modal .btn-save:hover,
html.dl-modern-design .confirm-modal .btn-delete,
html.dl-modern-design .confirm-modal .btn-delete:hover,
html.dl-modern-design .confirm-modal .btn-cancel,
html.dl-modern-design .confirm-modal .btn-cancel:hover {
  color: var(--dl-modern-on-button, #ffffff) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button, #ffffff) !important;
}

html.dl-modern-design .kr-workspace .kezeles-tab-btn,
html.dl-modern-design .kr-page .kezeles-tab-btn {
  background: color-mix(in srgb, var(--dl-modern-accent) 7%, #ffffff) !important;
  border: 1px solid color-mix(in srgb, var(--dl-modern-accent) 18%, transparent) !important;
  border-bottom: 3px solid transparent !important;
  color: var(--dl-modern-accent) !important;
  box-shadow: none !important;
}

html.dl-modern-design .kr-workspace .kezeles-tab-btn.active,
html.dl-modern-design .kr-page .kezeles-tab-btn.active {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  border-color: color-mix(in srgb, var(--dl-modern-accent) 50%, transparent) !important;
  border-bottom-color: var(--dl-modern-accent) !important;
  color: var(--dl-modern-on-button) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--dl-modern-accent) 26%, transparent) !important;
}

html.dl-modern-design .kr-workspace .kezeles-tab-btn .material-symbols-outlined,
html.dl-modern-design .kr-page .kezeles-tab-btn .material-symbols-outlined,
html.dl-modern-design .kr-workspace .kezeles-tab-btn.active .material-symbols-outlined,
html.dl-modern-design .kr-page .kezeles-tab-btn.active .material-symbols-outlined {
  color: currentColor !important;
}

/* Elegáns modern változat: visszafogottabb felületek, finom kontraszt, kevesebb vizuális zaj. */
html.dl-modern-design.dl-modern-design--elegant {
  --dl-modern-surface: color-mix(in srgb, var(--dl-bg-pb-card, #ffffff) 97%, #ffffff);
  --dl-modern-surface-strong: #ffffff;
  --dl-modern-text: color-mix(in srgb, var(--dl-color-text, #1f2937) 82%, #ffffff);
  --dl-modern-muted: color-mix(in srgb, var(--dl-color-muted, #64748b) 76%, #ffffff);
  --dl-modern-accent-soft: color-mix(in srgb, var(--dl-modern-accent) 76%, #ffffff);
  --dl-modern-border: color-mix(in srgb, var(--dl-modern-accent) 9%, rgba(15, 23, 42, 0.16));
  --dl-modern-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
  --dl-modern-shadow-soft: 0 5px 18px rgba(15, 23, 42, 0.055);
  --dl-modern-radius: 8px;
  --dl-modern-radius-sm: 6px;
  --dl-modern-button-grad-a: color-mix(in srgb, var(--dl-modern-accent) 78%, #ffffff);
  --dl-modern-button-grad-b: color-mix(in srgb, var(--dl-modern-accent) 66%, #ffffff);
  --dl-modern-active-grad-a: color-mix(in srgb, var(--dl-modern-accent) 88%, #111827);
  --dl-modern-active-grad-b: color-mix(in srgb, var(--dl-modern-accent) 70%, #111827);
  --dl-modern-tile-grad-a: var(--dl-modern-surface);
  --dl-modern-tile-grad-b: var(--dl-modern-surface);
}

html.dl-modern-design.dl-theme-dark.dl-modern-design--elegant {
  --dl-modern-surface: color-mix(in srgb, var(--dl-bg-pb-card, #2f343c) 92%, #111827);
  --dl-modern-surface-strong: color-mix(in srgb, var(--dl-bg-pb-card, #2f343c) 86%, #111827);
  --dl-modern-text: color-mix(in srgb, var(--dl-color-text, #e5e7eb) 78%, #ffffff);
  --dl-modern-muted: color-mix(in srgb, var(--dl-color-muted, #9ca3af) 74%, #ffffff);
  --dl-modern-accent-soft: color-mix(in srgb, var(--dl-modern-accent) 68%, #ffffff);
  --dl-modern-border: rgba(255, 255, 255, 0.11);
  --dl-modern-shadow: 0 16px 42px rgba(0, 0, 0, 0.3);
  --dl-modern-shadow-soft: 0 5px 18px rgba(0, 0, 0, 0.22);
  --dl-modern-button-grad-a: color-mix(in srgb, var(--dl-modern-accent) 46%, #1f2937);
  --dl-modern-button-grad-b: color-mix(in srgb, var(--dl-modern-accent) 34%, #111827);
  --dl-modern-active-grad-a: color-mix(in srgb, var(--dl-modern-accent) 66%, #0f172a);
  --dl-modern-active-grad-b: color-mix(in srgb, var(--dl-modern-accent) 50%, #020617);
  --dl-modern-tile-grad-a: var(--dl-modern-surface);
  --dl-modern-tile-grad-b: var(--dl-modern-surface);
}

html.dl-modern-design.dl-modern-design--elegant body {
  background:
    radial-gradient(circle at 12% -12%, color-mix(in srgb, var(--dl-modern-accent) 7%, transparent), transparent 28%),
    var(--dl-bg-body, var(--dl-modern-bg)) !important;
}

html.dl-modern-design.dl-modern-design--elegant .adatokDiv,
html.dl-modern-design.dl-modern-design--elegant .container,
html.dl-modern-design.dl-modern-design--elegant .content,
html.dl-modern-design.dl-modern-design--elegant .card,
html.dl-modern-design.dl-modern-design--elegant .panel,
html.dl-modern-design.dl-modern-design--elegant .modal-content,
html.dl-modern-design.dl-modern-design--elegant .ft-event,
html.dl-modern-design.dl-modern-design--elegant .ft-tooth-panel,
html.dl-modern-design.dl-modern-design--elegant .patient-card,
html.dl-modern-design.dl-modern-design--elegant .pb-card {
  border-width: 1px !important;
  box-shadow: var(--dl-modern-shadow-soft) !important;
}

html.dl-modern-design.dl-modern-design--elegant,
html.dl-modern-design.dl-modern-design--elegant body {
  font-weight: 400;
}

html.dl-modern-design.dl-modern-design--elegant h1,
html.dl-modern-design.dl-modern-design--elegant h2,
html.dl-modern-design.dl-modern-design--elegant h3,
html.dl-modern-design.dl-modern-design--elegant h4,
html.dl-modern-design.dl-modern-design--elegant h5,
html.dl-modern-design.dl-modern-design--elegant h6,
html.dl-modern-design.dl-modern-design--elegant .pb-title,
html.dl-modern-design.dl-modern-design--elegant .ft-event-title,
html.dl-modern-design.dl-modern-design--elegant .file-list-title,
html.dl-modern-design.dl-modern-design--elegant .main-home-appt-card__name {
  font-weight: 520 !important;
  color: var(--dl-modern-text) !important;
}

html.dl-modern-design.dl-modern-design--elegant p,
html.dl-modern-design.dl-modern-design--elegant label,
html.dl-modern-design.dl-modern-design--elegant .pb-lead,
html.dl-modern-design.dl-modern-design--elegant .pb-row__hint,
html.dl-modern-design.dl-modern-design--elegant .ft-event-extra,
html.dl-modern-design.dl-modern-design--elegant .file-list-meta,
html.dl-modern-design.dl-modern-design--elegant .main-home-appt-card__meta {
  font-weight: 380 !important;
  color: var(--dl-modern-muted) !important;
}

html.dl-modern-design.dl-modern-design--elegant .main-home-tile__inner,
html.dl-modern-design.dl-modern-design--elegant .main-home-neak-idotartam,
html.dl-modern-design.dl-modern-design--elegant .main-home-appt-card,
html.dl-modern-design.dl-modern-design--elegant .paciens-docs-panel,
html.dl-modern-design.dl-modern-design--elegant .paciens-docs-folder,
html.dl-modern-design.dl-modern-design--elegant .fk-upload-card,
html.dl-modern-design.dl-modern-design--elegant .fk-toolbar-card,
html.dl-modern-design.dl-modern-design--elegant .file-list,
html.dl-modern-design.dl-modern-design--elegant .file-list-item,
html.dl-modern-design.dl-modern-design--elegant .apps-tile,
html.dl-modern-design.dl-modern-design--elegant .apps-section,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__patient-pin,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__tile,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__patient-tiles .sidebar2-list-menu__tile,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__patient-tiles--sticky .sidebar2-list-menu__tile,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__patient-tiles--wrap .sidebar2-list-menu__tile {
  background: var(--dl-modern-surface) !important;
  box-shadow: var(--dl-modern-shadow-soft) !important;
}

html.dl-modern-design.dl-modern-design--elegant .main-home-tile__inner::before,
html.dl-modern-design.dl-modern-design--elegant .paciens-docs-folder::before,
html.dl-modern-design.dl-modern-design--elegant .file-list-item::before,
html.dl-modern-design.dl-modern-design--elegant .apps-tile::before,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__tile::before {
  opacity: 0.28;
  background: linear-gradient(135deg, color-mix(in srgb, var(--dl-modern-accent) 4%, transparent), transparent 60%);
}

html.dl-modern-design.dl-modern-design--elegant button,
html.dl-modern-design.dl-modern-design--elegant input[type="button"],
html.dl-modern-design.dl-modern-design--elegant input[type="submit"],
html.dl-modern-design.dl-modern-design--elegant .btn,
html.dl-modern-design.dl-modern-design--elegant .button,
html.dl-modern-design.dl-modern-design--elegant .pb-btn,
html.dl-modern-design.dl-modern-design--elegant .ft-back,
html.dl-modern-design.dl-modern-design--elegant a.button {
  border-radius: 7px !important;
  font-weight: 520 !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--dl-modern-accent) 14%, transparent) !important;
}

html.dl-modern-design.dl-modern-design--elegant button:not(.dl-global-search__item):hover,
html.dl-modern-design.dl-modern-design--elegant input[type="button"]:hover,
html.dl-modern-design.dl-modern-design--elegant input[type="submit"]:hover,
html.dl-modern-design.dl-modern-design--elegant .btn:not(.dl-global-search__item):hover,
html.dl-modern-design.dl-modern-design--elegant .button:not(.dl-global-search__item):hover,
html.dl-modern-design.dl-modern-design--elegant .pb-btn:hover,
html.dl-modern-design.dl-modern-design--elegant .ft-back:hover,
html.dl-modern-design.dl-modern-design--elegant a.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--dl-modern-accent) 20%, transparent) !important;
}

html.dl-modern-design.dl-modern-design--elegant .modal-content,
html.dl-modern-design.dl-modern-design--elegant .patient-taj-modal__inner,
html.dl-modern-design.dl-modern-design--elegant .rendeles-tipus-modal__inner,
html.dl-modern-design.dl-modern-design--elegant .rendelo-valtas-modal__inner,
html.dl-modern-design.dl-modern-design--elegant #paciensAppsModal .modal-content,
html.dl-modern-design.dl-modern-design--elegant #notificationsModal .modal-content,
html.dl-modern-design.dl-modern-design--elegant #notificationsNewsModalOverlay .dl-news-modal-box,
html.dl-modern-design.dl-modern-design--elegant #news-modal-box,
html.dl-modern-design.dl-modern-design--elegant #rontgenFilesModal .modal-content,
html.dl-modern-design.dl-modern-design--elegant #aiModal .modal-content,
html.dl-modern-design.dl-modern-design--elegant #infoPopupModal .info-popup-inner,
html.dl-modern-design.dl-modern-design--elegant .main-home-day-view-box {
  background: var(--dl-modern-surface) !important;
  box-shadow: var(--dl-modern-shadow) !important;
}

html.dl-modern-design.dl-modern-design--elegant .material-icons,
html.dl-modern-design.dl-modern-design--elegant .material-symbols-outlined,
html.dl-modern-design.dl-modern-design--elegant i[class*="fa"],
html.dl-modern-design.dl-modern-design--elegant .fa {
  color: var(--dl-modern-accent-soft);
  font-weight: 350;
}

html.dl-modern-design.dl-modern-design--elegant .pb-tab-btn:not(.pb-tab-btn--active),
html.dl-modern-design.dl-modern-design--elegant .pb-segmented label > span,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch {
  color: var(--sidebar2-topbar-color, #4a4a56) !important;
  -webkit-text-fill-color: var(--sidebar2-topbar-color, #4a4a56) !important;
  font-weight: 430 !important;
}

html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__item {
  color: var(--sidebar2-menu-color, #4a4a56) !important;
  -webkit-text-fill-color: var(--sidebar2-menu-color, #4a4a56) !important;
  font-weight: 430 !important;
}

html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__item:hover,
html.dl-modern-design.dl-modern-design--elegant body.has-sidebar2-topmenu .sidebar2-list-menu__item:focus-visible {
  background: var(--sidebar2-menu-hover-bg) !important;
  background-color: var(--sidebar2-menu-hover-bg) !important;
  color: var(--sidebar2-menu-hover-color) !important;
  -webkit-text-fill-color: var(--sidebar2-menu-hover-color) !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  border-radius: 6px;
}

html.dl-modern-design.dl-modern-design--elegant .modal-content,
html.dl-modern-design.dl-modern-design--elegant .patient-taj-modal__inner,
html.dl-modern-design.dl-modern-design--elegant .rendeles-tipus-modal__inner,
html.dl-modern-design.dl-modern-design--elegant .rendelo-valtas-modal__inner,
html.dl-modern-design.dl-modern-design--elegant #paciensAppsModal .modal-content,
html.dl-modern-design.dl-modern-design--elegant #notificationsModal .modal-content,
html.dl-modern-design.dl-modern-design--elegant #notificationsNewsModalOverlay .dl-news-modal-box,
html.dl-modern-design.dl-modern-design--elegant #news-modal-box,
html.dl-modern-design.dl-modern-design--elegant #rontgenFilesModal .modal-content,
html.dl-modern-design.dl-modern-design--elegant #aiModal .modal-content,
html.dl-modern-design.dl-modern-design--elegant #infoPopupModal .info-popup-inner,
html.dl-modern-design.dl-modern-design--elegant .main-home-day-view-box {
  border-radius: 10px !important;
}

html.dl-modern-design.dl-modern-design--elegant .pb-tabs,
html.dl-modern-design.dl-modern-design--elegant .pb-tab-btn,
html.dl-modern-design.dl-modern-design--elegant .pb-segmented,
html.dl-modern-design.dl-modern-design--elegant .pb-segmented label > span {
  border-radius: 7px !important;
}

html.dl-modern-design .pb-toggle__slider {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dl-modern-accent) 20%, transparent);
}

html.dl-modern-design ::selection {
  background: color-mix(in srgb, var(--dl-modern-accent) 32%, transparent);
  color: var(--dl-modern-text);
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item:hover,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item:focus-visible,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile:hover,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile:focus-visible {
  background: var(--sidebar2-menu-hover-bg) !important;
  background-color: var(--sidebar2-menu-hover-bg) !important;
  color: var(--sidebar2-menu-hover-color) !important;
  -webkit-text-fill-color: var(--sidebar2-menu-hover-color) !important;
}

html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__menu-btn .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__patient-btn .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__menu-btn .sidebar2-dropdown__chev,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__patient-btn .sidebar2-dropdown__chev,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item:hover .sidebar2-list-menu__icon,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item:focus-visible .sidebar2-list-menu__icon,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item:hover .sidebar2-list-menu__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item:focus-visible .sidebar2-list-menu__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item:hover .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__item:focus-visible .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile:hover .sidebar2-list-menu__icon,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile:focus-visible .sidebar2-list-menu__icon,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile:hover .sidebar2-list-menu__icon .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile:focus-visible .sidebar2-list-menu__icon .material-symbols-outlined,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile:hover .sidebar2-list-menu__label,
html.dl-modern-design.dl-theme-dark body.has-sidebar2-topmenu .sidebar2-list-menu__tile:focus-visible .sidebar2-list-menu__label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__menu-btn,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__patient-btn,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:hover,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--dl-modern-active-grad-b) !important;
  -webkit-text-fill-color: var(--dl-modern-active-grad-b) !important;
}

html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__menu-btn .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__patient-btn .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__menu-btn .sidebar2-dropdown__chev,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-dropdown.is-open > .sidebar2-topbar__patient-btn .sidebar2-dropdown__chev,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:hover .material-symbols-outlined,
html.dl-modern-design:not(.dl-theme-dark) body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:focus-visible .material-symbols-outlined {
  color: var(--dl-modern-active-grad-b) !important;
  -webkit-text-fill-color: var(--dl-modern-active-grad-b) !important;
}

html.dl-modern-design .pb-tab-btn:not(.pb-tab-btn--active):hover,
html.dl-modern-design .pb-tab-btn:not(.pb-tab-btn--active):focus-visible,
html.dl-modern-design.dl-modern-design--elegant .pb-tab-btn:not(.pb-tab-btn--active):hover,
html.dl-modern-design.dl-modern-design--elegant .pb-tab-btn:not(.pb-tab-btn--active):focus-visible {
  background: linear-gradient(135deg, var(--dl-modern-active-grad-a), var(--dl-modern-active-grad-b)) !important;
  background-color: var(--dl-modern-active-grad-b) !important;
  color: var(--dl-modern-on-button) !important;
  -webkit-text-fill-color: var(--dl-modern-on-button) !important;
}

html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__menu-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__patient-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__nav-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__icon-btn:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar__rendeles-switch:focus-visible,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:hover,
html.dl-modern-design body.has-sidebar2-topmenu .sidebar2-topbar .left-apps-rail__btn:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}