/* Kendo Bootstrap 10.0.1, compatible with Kendo UI jQuery 2024.4.1112. */
:root {
 --kendo-font-family: var(--mkp-font); --kendo-font-size: var(--mkp-font-size);
 --kendo-color-app-surface: var(--mkp-surface); --kendo-color-on-app-surface: var(--mkp-foreground);
 --kendo-color-subtle: var(--mkp-muted-foreground); --kendo-color-surface: var(--mkp-muted); --kendo-color-surface-alt: white;
 --kendo-color-border: var(--mkp-border); --kendo-color-border-alt: #d4d4d4;
 --kendo-color-base: white; --kendo-color-base-hover: var(--mkp-muted); --kendo-color-base-active: #e5e5e5;
 --kendo-color-base-subtle: var(--mkp-muted); --kendo-color-base-subtle-hover: #ededed; --kendo-color-base-subtle-active: #e5e5e5;
 --kendo-color-base-on-subtle: var(--mkp-foreground); --kendo-color-on-base: var(--mkp-foreground); --kendo-color-base-on-surface: var(--mkp-foreground);
 --kendo-border-radius-md: var(--mkp-radius); --kendo-border-radius-sm: var(--mkp-radius-sm);
}
.k-widget,.k-grid,.k-input,.k-picker,.k-popup,.k-calendar,.k-button,.k-window { font-family: var(--mkp-font); font-size: .875rem; }
.k-grid { border-color: var(--mkp-border); border-radius: var(--mkp-radius); background: white; }
/* Non-scrollable MVC grids size columns by content. Let long headings wrap
   without forcing fixed widths that can split identifiers in other grids. */
.k-grid > .k-grid-table .k-column-title { white-space: normal; min-width: min-content; }
/* Match the compact density without consuming the width reserved for row actions. */
.k-grid > .k-grid-table > :is(thead, tbody, tfoot) > tr > :is(th, td) { padding-inline: .375rem; }
.k-grid-header,.k-grid-header-wrap,.k-grid .k-table-thead,.k-grid .k-table-th,.k-grid-toolbar,.k-grid-pager { background: var(--mkp-muted); color: var(--mkp-foreground); border-color: var(--mkp-border); }
.k-grid .k-table-th,.k-grid th { font-weight: 500; }
.k-grid td,.k-grid .k-table-td,.k-grid .k-table-th { padding: .5rem; border-color: var(--mkp-border); }
/* Match the vendor cell selectors so the neutral table has row separators only. */
.k-grid td,.k-grid th,.k-grid .k-table-td,.k-grid .k-table-th { border-inline-width: 0; border-bottom: 1px solid var(--mkp-border); }
.k-grid-toolbar:empty { display: none; }
/* Kendo keeps an invisible overflow trigger when the MVC toolbar has no items. */
.k-grid-toolbar:has(> .k-toolbar-overflow-button.k-hidden:only-child) { display: none; }
.k-grid .k-table-row.k-selected > td,.k-grid td.k-selected,.k-list-item.k-selected,.k-calendar .k-selected .k-link { background: var(--mkp-selection); color: var(--mkp-foreground); }
.k-grid .k-alt,.k-grid .k-table-alt-row { background: #fafafa; }
.k-grid .k-table-row:hover > td { background-color: var(--mkp-muted); }
.k-input,.k-picker { background: white; border-color: var(--mkp-border); border-radius: var(--mkp-radius); }
.k-input-inner { font: inherit; background: transparent; box-shadow: none; min-width: 0; }
.k-input-md .k-input-inner,.k-picker-md .k-input-inner { padding: .375rem .625rem; }
/* MVC editors carry .form-control on the inner input and sometimes the wrapper.
   The Kendo shell owns the border, padding and height; avoid a second inset field. */
.admin-form :is(.k-datepicker,.k-datetimepicker,.k-timepicker,.k-numerictextbox,.k-dropdownlist,.k-combobox) {
  height: var(--mkp-control-height);
  min-height: var(--mkp-control-height);
  padding: 0;
  width: 100%;
  flex-shrink: 0;
}
:is(.k-input,.k-picker) > .k-input-inner.form-control,
:is(.k-input,.k-picker) > .k-input-inner.form-control:focus {
  height: auto;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: .375rem .625rem;
  font-size: var(--mkp-font-size);
}
.k-input .k-input-inner.input-validation-error { color: var(--mkp-danger); }
.k-input:has(.input-validation-error),.k-picker:has(.input-validation-error) { border-color: var(--mkp-danger); }
.k-input-solid:focus-within,.k-picker-solid:focus-within { border-color: var(--mkp-ring-color); box-shadow: var(--mkp-ring); }
.k-button { border-radius: var(--mkp-radius); font-weight: 500; }
.k-button-md { padding: .375rem .625rem; font-size: .875rem; }
.k-button-solid-primary { color: var(--mkp-on-primary); background: var(--mkp-primary); border-color: var(--mkp-primary); }
.k-button-solid-primary:hover,.k-button-solid-primary.k-hover { color: var(--mkp-on-primary-hover); background: var(--mkp-primary-hover); border-color: var(--mkp-primary-hover); }
.k-button-solid-primary:active,.k-button-solid-primary.k-active,.k-button-solid-primary.k-selected { color: var(--mkp-on-primary-active); background: var(--mkp-primary-active); border-color: var(--mkp-primary-active); }
.k-button-link-primary,.k-button-outline-primary { color: var(--mkp-link); }
.k-button-link-primary:hover,.k-button-link-primary.k-hover,.k-button-link-primary:active,.k-button-link-primary.k-active,.k-button-link-primary.k-selected { color: var(--mkp-link-hover); }
.k-button-outline-primary { border-color: var(--mkp-border); }
.k-button-outline-primary:hover,.k-button-outline-primary.k-hover { color: var(--mkp-on-primary-hover); background: var(--mkp-primary-hover); border-color: var(--mkp-primary-hover); }
.k-button-outline-primary:active,.k-button-outline-primary.k-active,.k-button-outline-primary.k-selected { color: var(--mkp-on-primary-active); background: var(--mkp-primary-active); border-color: var(--mkp-primary-active); }
.k-pager-numbers .k-button { color: var(--mkp-foreground); }
.k-button-flat-primary::before { background-color: var(--mkp-selection); }
.k-button-flat-primary:hover,.k-button-flat-primary.k-hover { color: var(--mkp-link-hover); }
/* Bootstrap action anchors retain their button foreground and tenant contrast. */
.k-grid a:not(.k-button):not(.k-link):not(.btn),.k-link { color: var(--mkp-link); }
.k-grid-header .k-link { color: inherit; }
.k-tabstrip-items .k-item.k-active,.k-tabstrip-items .k-item.k-selected { color: var(--mkp-foreground); background: white; border-color: var(--mkp-border); }
.k-tabstrip-content,.k-tabstrip > .k-content { border-color: var(--mkp-border); }
.k-checkbox:checked,.k-radio:checked { background-color: var(--mkp-foreground); border-color: var(--mkp-foreground); }

/* Non-scrollable MVC grids can still have a table wider than their container.
   Preserve Kendo's direct table, column widths, pager and export structure. */
.k-grid.mkp-grid-scrollable {
  overflow-x: auto;
  max-width: 100%;
  min-width: 0;
  scrollbar-width: auto;
  scrollbar-color: #a1a1aa var(--mkp-muted);
}
.k-grid.mkp-grid-scrollable > :is(.k-grid-toolbar,.k-grid-pager) {
  position: sticky;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.mkp-grid-scroll-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 2.5rem;
  padding: .25rem .5rem;
  border-bottom: 1px solid var(--mkp-border);
  background: var(--mkp-surface);
  color: var(--mkp-muted-foreground);
  font: 400 .75rem/1.25rem var(--mkp-font);
}
.mkp-grid-scroll-tools[hidden] { display: none; }
.mkp-grid-scroll-actions { display: flex; gap: .25rem; flex-shrink: 0; }
.mkp-grid-scroll-tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid var(--mkp-border);
  border-radius: var(--mkp-radius-sm);
  background: var(--mkp-surface);
  color: var(--mkp-foreground);
}
.mkp-grid-scroll-tools button:hover:not(:disabled) { background: var(--mkp-muted); }
.mkp-grid-scroll-tools button:disabled { color: var(--mkp-muted-foreground); opacity: .4; cursor: default; }
@media print {
  .mkp-grid-scroll-tools { display: none !important; }
  .k-grid.mkp-grid-scrollable { overflow: visible; max-width: none; }
}

/* Kendo TabStrip mirrors Metronic "nav nav-tabs nav-line-tabs nav-line-tabs-2x fs-6" so Kendo and
   Bootstrap tabs look the same. The Kendo theme forces item borders with !important on
   .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item, so the same selector is used here. */
.k-tabstrip > .k-tabstrip-items-wrapper { border-bottom: 2px solid var(--bs-border-color); }
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item,
.k-tabstrip-items .k-item { margin: 0 1rem -2px; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: transparent !important; color: var(--bs-gray-700); transition: color .2s ease; }
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:first-child { margin-left: 0; }
.k-tabstrip-items .k-item .k-link { padding: .5rem 0; font-size: 1.075rem; color: inherit; }
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:hover,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active { color: var(--mkp-link); border-bottom-color: var(--mkp-link) !important; }
.k-tabstrip > .k-tabstrip-content, .k-tabstrip > .k-content { border: 0; padding: 1rem 0 0; background: transparent; }