/* Keep TabStrip tab text weight constant to prevent layout “shimmer” */
.k-tabstrip .k-tabstrip-items .k-link,
.k-tabstrip-items .k-link {
    font-weight: 500; /* or 400 if you prefer */
}

/* Ensure selected/active tabs DON'T change weight */
.k-tabstrip .k-tabstrip-items .k-item.k-active .k-link,
.k-tabstrip .k-tabstrip-items .k-item.k-selected .k-link,
.k-tabstrip-items .k-item.k-active .k-link,
.k-tabstrip-items .k-item.k-selected .k-link {
    font-weight: 500; /* match the normal state above */
}

/* --- Make Kendo/Telerik switches a bit larger across the board --- */
/* Small */
.k-switch-sm{width:36px;height:18px;font-size:unset}
.k-switch-sm .k-switch-track{width:36px;height:18px}
.k-switch-sm .k-switch-thumb{width:14px;height:14px}
.k-switch-sm.k-switch-on  .k-switch-thumb-wrap{left:calc(100% - 9px)}
.k-switch-sm.k-switch-off .k-switch-thumb-wrap{left:9px}
/* RTL mirrors */
[dir="rtl"] .k-switch-sm.k-switch-on  .k-switch-thumb-wrap{left:9px}
[dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap{left:calc(100% - 9px)}

/* Medium (default) */
.k-switch-md{width:44px;height:22px;font-size:unset}
.k-switch-md .k-switch-track{width:44px;height:22px}
.k-switch-md .k-switch-thumb{width:16px;height:16px}
.k-switch-md.k-switch-on  .k-switch-thumb-wrap{left:calc(100% - 11px)}
.k-switch-md.k-switch-off .k-switch-thumb-wrap{left:11px}
/* RTL mirrors */
[dir="rtl"] .k-switch-md.k-switch-on  .k-switch-thumb-wrap{left:11px}
[dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap{left:calc(100% - 11px)}

/* Large */
.k-switch-lg{width:52px;height:26px;font-size:unset}
.k-switch-lg .k-switch-track{width:52px;height:26px}
.k-switch-lg .k-switch-thumb{width:18px;height:18px}
.k-switch-lg.k-switch-on  .k-switch-thumb-wrap{left:calc(100% - 13px)}
.k-switch-lg.k-switch-off .k-switch-thumb-wrap{left:13px}
/* RTL mirrors */
[dir="rtl"] .k-switch-lg.k-switch-on  .k-switch-thumb-wrap{left:13px}
[dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap{left:calc(100% - 13px)}

/* ---------- Telerik / Bootstrap overlay darkness fix (theme-agnostic) ---------- */

/* Kendo overlay (dialogs, drawers, popups) + Bootstrap modal backdrop */
.k-overlay,
.modal-backdrop,
.k-animation-container-shim {          /* Kendo uses this shim for some popups */
  opacity: 1 !important;              /* neutralize Telerik’s .5 element opacity */
  background-color: rgba(0,0,0,.50) !important;  /* single source of darkness */
  /* tweak .72 to .60–.80 to taste */
}

/* If you prefer to only affect dark themes, keep the global rule above,
   then also add these guarded versions (safe when your app sets these): */
[data-bs-theme="dark"] .modal-backdrop,
.k-theme-dark .modal-backdrop,
[data-bs-theme="dark"] .k-overlay,
.k-theme-dark .k-overlay,
[data-bs-theme="dark"] .k-animation-container-shim,
.k-theme-dark .k-animation-container-shim {
  opacity: 1 !important;
  background-color: rgba(0,0,0,.50) !important;
}