/* ===========================================================================
   Kalimat Administration — "Ink & Saffron" theme
   The same design language as the app and the website (design canvas boards
   A0–A7): deep ink for structure, teal for actions, saffron for attention,
   ember for destructive / error. Loaded AFTER Bootstrap, Syncfusion and
   site.css so it wins on shared selectors; pages keep their Bootstrap markup.
   =========================================================================== */

@font-face { font-family: "Plex Arabic"; src: url("../fonts/kalimat/IBMPlexSansArabic-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Plex Arabic"; src: url("../fonts/kalimat/IBMPlexSansArabic-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Plex Arabic"; src: url("../fonts/kalimat/IBMPlexSansArabic-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Plex Arabic"; src: url("../fonts/kalimat/IBMPlexSansArabic-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Reem Kufi"; src: url("../fonts/kalimat/ReemKufi-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --k-ink: #0E2A2B;
  --k-ink-2: #17393A;
  --k-ink-line: #24494A;
  --k-teal: #13585A;
  --k-teal-dark: #0E4446;
  --k-teal-50: #E6F0EE;
  --k-teal-100: #BFD9D4;
  --k-teal-300: #5FB8B0;
  --k-saffron: #F0A830;
  --k-saffron-dark: #D99520;
  --k-saffron-100: #FCEBC8;
  --k-saffron-200: #F0C46A;
  --k-saffron-text: #7A4A00;
  --k-ember: #C2410C;
  --k-ember-dark: #9A3412;
  --k-ember-50: #FDF3EE;
  --k-ember-100: #FDE4D8;
  --k-blue: #1F4FA8;
  --k-blue-100: #E3ECFB;
  --k-paper: #F5F6F3;
  --k-paper-2: #F7F8F6;
  --k-surface: #FFFFFF;
  --k-neutral: #F0F2F1;
  --k-line: #DCE2DF;
  --k-line-soft: #E8ECEA;
  --k-field: #C9D1CE;
  --k-text: #0E2A2B;
  --k-body: #3D4F4E;
  --k-muted: #5B6B6A;
  --k-faint: #8A9695;
  --k-focus: 0 0 0 0.2rem rgba(240, 168, 48, 0.45);
  --k-font: "Plex Arabic", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --k-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  --bs-primary: #13585A;
  --bs-primary-rgb: 19, 88, 90;
  --bs-success: #13585A;
  --bs-success-rgb: 19, 88, 90;
  --bs-danger: #C2410C;
  --bs-danger-rgb: 194, 65, 12;
  --bs-warning: #F0A830;
  --bs-warning-rgb: 240, 168, 48;
  --bs-info: #1F4FA8;
  --bs-info-rgb: 31, 79, 168;
  --bs-dark: #0E2A2B;
  --bs-dark-rgb: 14, 42, 43;
  --bs-secondary: #5B6B6A;
  --bs-secondary-rgb: 91, 107, 106;
  --bs-light: #F7F8F6;
  --bs-light-rgb: 247, 248, 246;
  --bs-body-font-family: var(--k-font);
  --bs-body-color: #0E2A2B;
  --bs-body-bg: #F5F6F3;
  --bs-border-color: #DCE2DF;
  --bs-border-radius: 12px;
}

html { font-size: 15px; }

body {
  font-family: var(--k-font);
  color: var(--k-text);
  background-color: var(--k-paper);
  -webkit-font-smoothing: antialiased;
}

/* Syncfusion components hard-code their own font stack; route them to Plex too. */
.e-control, .e-grid, .e-treegrid, .e-dropdowntree, .e-ddt, .e-dropdownlist, .e-dropdownbase,
.e-popup, .e-dlg-container, .e-treeview, .e-input, .e-input-group, .e-textbox, .e-tooltip-wrap,
.e-grid .e-rowcell, .e-grid .e-headercelldiv, .e-pager {
  font-family: var(--k-font) !important;
}

a { color: var(--k-teal); }
a:hover { color: var(--k-ink); }
code, kbd, pre, samp, .font-monospace { font-family: var(--k-mono) !important; }
code { color: var(--k-body); background: var(--k-neutral); padding: 1px 6px; border-radius: 6px; }

:focus-visible { outline: 3px solid var(--k-saffron); outline-offset: 2px; }

/* ---------------------------------------------------------------------------
   Shell: ink sidebar + content
   --------------------------------------------------------------------------- */
.adm-shell { display: flex; min-height: 100vh; }

.adm-side {
  flex: none;
  background: var(--k-ink);
  color: #fff;
}
@media (min-width: 992px) {
  .adm-side { width: 248px; position: sticky; top: 0; height: 100vh; overflow-y: auto; }
}

.adm-nav.offcanvas-lg {
  --bs-offcanvas-width: 280px;
  --bs-offcanvas-bg: var(--k-ink);
  --bs-offcanvas-color: #fff;
}
.adm-nav { display: flex; flex-direction: column; gap: 18px; padding: 24px 14px 20px; min-height: 100%; }
@media (min-width: 992px) {
  .adm-nav { height: 100%; }
  .adm-nav .offcanvas-header { display: none; }
}
.adm-nav .offcanvas-header { padding: 0 6px; }
.adm-nav .btn-close { filter: invert(1) grayscale(1) brightness(2); }

.adm-brand { display: flex; align-items: baseline; gap: 8px; padding: 0 10px; color: #fff; text-decoration: none; }
.adm-brand:hover { color: #fff; }
.adm-wordmark { display: inline-flex; align-items: baseline; gap: 3px; font-family: "Reem Kufi", var(--k-font); font-size: 26px; font-weight: 700; line-height: 1; }
.adm-wordmark::after { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--k-saffron); }
.adm-brand-tag { font-size: 12px; font-weight: 700; color: var(--k-saffron-200); letter-spacing: 0.08em; }

.adm-group { display: flex; flex-direction: column; gap: 2px; }
.adm-group-title { padding: 0 12px 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #7E9997; }
.adm-link {
  min-height: 40px; padding: 0 12px; border-radius: 10px;
  display: flex; align-items: center; gap: 10px;
  font-size: 14px; font-weight: 500; color: #B9C9C7; text-decoration: none;
}
.adm-link i { width: 18px; text-align: center; font-size: 15px; }
.adm-link:hover { color: #fff; background: rgba(255, 255, 255, 0.06); }
.adm-link.sub { padding-left: 40px; }
.adm-link.active { color: #fff; font-weight: 700; background: rgba(255, 255, 255, 0.10); box-shadow: inset 3px 0 0 var(--k-saffron); }

.adm-user { margin-top: auto; padding: 14px 10px 0; border-top: 1px solid var(--k-ink-line); display: flex; align-items: center; gap: 10px; }
.adm-avatar { width: 34px; height: 34px; flex: none; border-radius: 999px; background: var(--k-saffron); color: var(--k-ink); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
.adm-user-name { font-size: 14px; font-weight: 600; line-height: 1.3; }
.adm-user-role { font-size: 12px; color: #9FB0AE; line-height: 1.3; }
.adm-signout { font-size: 13px; font-weight: 600; color: var(--k-saffron-200); text-decoration: none; white-space: nowrap; }
.adm-signout:hover { color: #fff; }

.adm-topbar {
  position: sticky; top: 0; z-index: 1020;
  height: 56px; padding: 0 12px 0 16px;
  display: flex; align-items: center; justify-content: space-between;
  background: var(--k-ink); color: #fff;
}
.adm-menu-btn { width: 44px; height: 44px; border: 0; border-radius: 10px; background: transparent; color: #fff; font-size: 18px; }
.adm-menu-btn:hover { background: rgba(255, 255, 255, 0.08); }

.adm-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.adm-content { flex: 1; padding: 28px 32px 40px; }
@media (max-width: 767.98px) { .adm-content { padding: 20px 16px 32px; } }
.adm-footer { padding: 16px 32px 20px; font-size: 13px; color: var(--k-muted); }

/* ---------------------------------------------------------------------------
   Page header: breadcrumb above a plain title, no icon, no rule
   --------------------------------------------------------------------------- */
.page-header { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 22px !important; }
.page-header, .page-header > div:first-child { display: flex; flex-direction: column-reverse; gap: 4px; }
.page-header.d-flex { flex-direction: row !important; align-items: flex-end !important; }
.page-header h1 { font-size: 1.85rem !important; font-weight: 700 !important; line-height: 1.2; margin: 0 !important; color: var(--k-text) !important; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.page-header h1 > i.fas:first-child, .page-header h1 > i.fa-solid:first-child { display: none; }
.page-header .breadcrumb { font-size: 13px; }

.breadcrumb { --bs-breadcrumb-divider: "›"; margin-bottom: 0; color: var(--k-muted); }
.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item.active { color: var(--k-muted); }
.breadcrumb-item a { text-decoration: none; }
.breadcrumb-item a:hover { color: var(--k-teal); }
.breadcrumb-item i { display: none; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--k-faint); }

/* ---------------------------------------------------------------------------
   Cards, accordion, modals
   --------------------------------------------------------------------------- */
.card { border: 1px solid var(--k-line); border-radius: 20px; background: var(--k-surface); }
.card.shadow-sm, .card.shadow { box-shadow: none !important; }
.card > .card-header:first-child { border-radius: 19px 19px 0 0; }
.card > .card-footer:last-child { border-radius: 0 0 19px 19px; }
.card-header { background: var(--k-surface); border-bottom: 1px solid var(--k-line-soft); padding: 14px 20px; font-weight: 700; color: var(--k-text); }
.card-header.bg-primary, .card-header.text-bg-primary { background: var(--k-ink) !important; color: #fff !important; }
.card-header i.text-secondary, .card-header i.text-muted { color: var(--k-teal) !important; }
.card-body { padding: 18px 20px; }
.card-footer { background: var(--k-paper-2); border-top: 1px solid var(--k-line-soft); color: var(--k-muted); }
.card .table { margin-bottom: 0; }

.accordion { --bs-accordion-border-color: var(--k-line); --bs-accordion-border-radius: 20px; --bs-accordion-inner-border-radius: 19px; --bs-accordion-active-bg: var(--k-paper-2); --bs-accordion-active-color: var(--k-text); --bs-accordion-btn-focus-box-shadow: var(--k-focus); --bs-accordion-btn-focus-border-color: var(--k-teal); }
.accordion-button { font-weight: 700; color: var(--k-text); min-height: 52px; }
.accordion-button:not(.collapsed) { background: var(--k-paper-2); color: var(--k-text); box-shadow: inset 3px 0 0 var(--k-saffron); }
.accordion-button i { color: var(--k-teal) !important; }

.modal-content { border: 0; border-radius: 22px; box-shadow: 0 24px 60px rgba(14, 42, 43, 0.25); }
.modal-header { border-bottom: 0; padding: 22px 24px 8px; }
.modal-title { font-weight: 700; font-size: 1.25rem; }
.modal-body { padding: 12px 24px; }
.modal-footer { border-top: 0; padding: 8px 24px 22px; gap: 8px; }
.modal-backdrop.show { opacity: 1; background: rgba(14, 42, 43, 0.55); }
.modal-content.border-danger { border: 2px solid var(--k-ember) !important; }
.modal-header.bg-danger-subtle, .modal-content.border-danger .modal-header { background: var(--k-ember-100); border-radius: 20px 20px 0 0; padding-bottom: 16px; }

.dropdown-menu { border: 1px solid var(--k-line); border-radius: 14px; box-shadow: 0 12px 32px rgba(14, 42, 43, 0.14); padding: 6px; }
.dropdown-item { border-radius: 8px; color: var(--k-text); padding: 8px 12px; }
.dropdown-item:hover, .dropdown-item:focus { background: var(--k-teal-50); color: var(--k-teal); }
.dropdown-item.active, .dropdown-item:active { background: var(--k-teal); color: #fff; }

/* ---------------------------------------------------------------------------
   Buttons
   --------------------------------------------------------------------------- */
.btn { border-radius: 12px; font-weight: 600; padding: 0.5rem 1rem; }
.btn-sm { border-radius: 10px; padding: 0.3rem 0.7rem; }
.btn-lg { border-radius: 14px; padding: 0.8rem 1.25rem; font-size: 1.05rem; }
.btn:focus-visible, .btn:focus { box-shadow: var(--k-focus) !important; }
.btn:disabled, .btn.disabled { opacity: 1; }

.btn-primary, .btn-success { background: var(--k-teal); border-color: var(--k-teal); color: #fff; }
.btn-primary:hover, .btn-success:hover, .btn-primary:active, .btn-success:active { background: var(--k-teal-dark) !important; border-color: var(--k-teal-dark) !important; color: #fff !important; }
.btn-primary:disabled, .btn-success:disabled, .btn-primary.disabled { background: var(--k-field); border-color: var(--k-field); color: var(--k-muted); }

.btn-outline-primary, .btn-outline-success { border: 1.5px solid var(--k-teal); color: var(--k-teal); background: var(--k-surface); }
.btn-outline-primary:hover, .btn-outline-success:hover, .btn-outline-primary.active, .btn-check:checked + .btn-outline-primary { background: var(--k-teal-50) !important; border-color: var(--k-teal) !important; color: var(--k-teal) !important; }
.btn-check:checked + .btn-outline-primary { box-shadow: inset 0 0 0 1px var(--k-teal); }

.btn-danger { background: var(--k-ember); border-color: var(--k-ember); color: #fff; }
.btn-danger:hover, .btn-danger:active { background: var(--k-ember-dark) !important; border-color: var(--k-ember-dark) !important; color: #fff !important; }
.btn-outline-danger { border: 1.5px solid var(--k-ember); color: var(--k-ember-dark); background: var(--k-surface); }
.btn-outline-danger:hover { background: var(--k-ember-100) !important; color: var(--k-ember-dark) !important; border-color: var(--k-ember) !important; }

.btn-warning { background: var(--k-saffron); border-color: var(--k-saffron); color: var(--k-ink); font-weight: 700; }
.btn-warning:hover, .btn-warning:active { background: var(--k-saffron-dark) !important; border-color: var(--k-saffron-dark) !important; color: var(--k-ink) !important; }
.btn-outline-warning { border: 1.5px solid var(--k-saffron); color: var(--k-saffron-text); background: var(--k-surface); }
.btn-outline-warning:hover { background: var(--k-saffron-100) !important; color: var(--k-saffron-text) !important; }

.btn-secondary { background: var(--k-surface); border: 1px solid var(--k-line); color: var(--k-body); }
.btn-secondary:hover, .btn-secondary:active { background: var(--k-neutral) !important; border-color: var(--k-line) !important; color: var(--k-text) !important; }
.btn-outline-secondary { background: var(--k-surface); border: 1px solid var(--k-line); color: var(--k-text); }
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary.active { background: var(--k-neutral) !important; border-color: var(--k-line) !important; color: var(--k-text) !important; }
.btn-outline-secondary:disabled { background: var(--k-paper-2); color: var(--k-faint); border-color: var(--k-line); }

.btn-dark { background: var(--k-ink); border-color: var(--k-ink); color: #fff; }
.btn-dark:hover { background: var(--k-ink-2) !important; color: #fff !important; }
.btn-light { background: rgba(255, 255, 255, 0.92); border-color: transparent; color: var(--k-ink); }
.btn-light:hover { background: #fff !important; color: var(--k-ink) !important; }

.btn-group > .btn { border-radius: 0; }
.btn-group > .btn:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.btn-group > .btn:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.btn-group-sm > .btn:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.btn-group-sm > .btn:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.btn-close:focus { box-shadow: var(--k-focus); }

/* ---------------------------------------------------------------------------
   Forms
   --------------------------------------------------------------------------- */
.form-label { font-size: 13px; color: var(--k-muted); margin-bottom: 6px; }
.form-label.small, label.small { font-size: 13px !important; }
.form-control, .form-select { border: 1px solid var(--k-field); border-radius: 12px; color: var(--k-text); min-height: 42px; }
.form-control-sm, .form-select-sm { border-radius: 10px; min-height: 34px; }
.form-control:focus, .form-select:focus { border-color: var(--k-teal); box-shadow: var(--k-focus); }
.form-control::placeholder { color: var(--k-faint); }
.form-control:disabled, .form-control[readonly] { background: var(--k-neutral); }
.form-check-input { border-color: var(--k-field); }
.form-check-input:checked { background-color: var(--k-teal); border-color: var(--k-teal); }
.form-check-input:focus { border-color: var(--k-teal); box-shadow: var(--k-focus); }
.form-text { color: var(--k-muted); }
.input-group-text { background: var(--k-paper-2); border-color: var(--k-field); color: var(--k-muted); border-radius: 12px; }
.input-group > .form-control, .input-group > .btn { min-height: 42px; }
.invalid-feedback, .text-danger.small, .field-validation-error { color: var(--k-ember-dark) !important; }

/* ---------------------------------------------------------------------------
   Tables (plain Bootstrap tables)
   --------------------------------------------------------------------------- */
.table { --bs-table-color: var(--k-text); --bs-table-border-color: var(--k-line-soft); --bs-table-hover-bg: var(--k-paper-2); --bs-table-striped-bg: var(--k-paper-2); font-size: 14px; }
.table > :not(caption) > * > * { padding: 0.7rem 0.9rem; }
.table thead th, .table > thead > tr > th {
  font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--k-muted); background: var(--k-paper-2); border-bottom: 1px solid var(--k-line-soft); white-space: nowrap;
}
.table-light, .table-light > th, .table-light > td { --bs-table-bg: var(--k-paper-2); --bs-table-color: var(--k-muted); }
.table-danger, .table-danger > td { --bs-table-bg: var(--k-ember-50); --bs-table-color: var(--k-text); }
.table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--k-paper-2); }

/* ---------------------------------------------------------------------------
   Badges & alerts — soft tints with dark text (never white on mid-tones)
   --------------------------------------------------------------------------- */
.badge { border-radius: 999px; padding: 0.38em 0.8em; font-weight: 700; font-size: 12px; }
.badge.bg-primary, .badge.text-bg-primary { background: var(--k-teal) !important; color: #fff !important; }
.badge.bg-success, .badge.text-bg-success { background: var(--k-teal-50) !important; color: var(--k-teal) !important; }
.badge.bg-danger, .badge.text-bg-danger { background: var(--k-ember-100) !important; color: var(--k-ember-dark) !important; }
.badge.bg-warning, .badge.text-bg-warning { background: var(--k-saffron-100) !important; color: var(--k-saffron-text) !important; }
.badge.bg-info, .badge.text-bg-info { background: var(--k-blue-100) !important; color: var(--k-blue) !important; }
.badge.bg-secondary, .badge.text-bg-secondary { background: var(--k-neutral) !important; color: var(--k-body) !important; }
.badge.bg-dark, .badge.text-bg-dark { background: var(--k-ink) !important; color: #fff !important; }
.badge.bg-light, .badge.text-bg-light { background: var(--k-surface) !important; color: var(--k-body) !important; border: 1px solid var(--k-line); }

.alert { border-radius: 14px; border-width: 1px; font-size: 14px; }
.alert-info { background: var(--k-blue-100); border-color: #C3D4F4; color: var(--k-blue); }
.alert-success { background: var(--k-teal-50); border-color: var(--k-teal-100); color: var(--k-teal); }
.alert-warning { background: var(--k-saffron-100); border-color: var(--k-saffron-200); color: var(--k-saffron-text); }
.alert-danger { background: var(--k-ember-100); border-color: #F5C2AC; color: var(--k-ember-dark); }
.alert-secondary, .alert-light { background: var(--k-paper-2); border-color: var(--k-line); color: var(--k-body); }
.alert .alert-link { color: inherit; }

/* ---------------------------------------------------------------------------
   Colour utilities mapped onto the palette
   --------------------------------------------------------------------------- */
.text-primary { color: var(--k-teal) !important; }
.text-success { color: var(--k-teal) !important; }
.text-danger { color: var(--k-ember) !important; }
.text-warning { color: #B86E00 !important; }
.text-info { color: var(--k-blue) !important; }
.text-secondary { color: var(--k-muted) !important; }
.text-muted { color: var(--k-muted) !important; }
.text-dark { color: var(--k-text) !important; }
.bg-light { background-color: var(--k-paper-2) !important; }
.bg-primary { background-color: var(--k-teal) !important; }
.bg-dark { background-color: var(--k-ink) !important; }
.bg-white { background-color: var(--k-surface) !important; }
.border, .border-top, .border-bottom, .border-start, .border-end { border-color: var(--k-line) !important; }
.rounded { border-radius: 12px !important; }
.shadow-sm { box-shadow: none !important; }

/* ---------------------------------------------------------------------------
   Syncfusion Grid / TreeGrid
   --------------------------------------------------------------------------- */
.e-grid, .e-treegrid { border: 1px solid var(--k-line) !important; border-radius: 20px; overflow: hidden; color: var(--k-text) !important; }
.e-grid .e-gridheader, .e-grid .e-headercontent { border-color: var(--k-line-soft) !important; }
.e-grid .e-headercell, .e-grid .e-detailheadercell, .e-grid .e-gridheader { background: var(--k-paper-2) !important; }
.e-grid .e-headercelldiv, .e-grid .e-headertext {
  font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.04em; text-transform: uppercase; color: var(--k-muted) !important;
}
.e-grid .e-rowcell { font-size: 14px !important; color: var(--k-text) !important; border-color: var(--k-line-soft) !important; padding-top: 10px !important; padding-bottom: 10px !important; }
.e-grid .e-row:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active) { background: var(--k-paper-2) !important; }
.e-grid td.e-active, .e-grid .e-rowcell.e-selectionbackground, .e-grid td.e-cellselectionbackground { background: #FFF8EA !important; color: var(--k-text) !important; }
.e-grid .e-altrow { background: var(--k-surface); }
.e-grid .e-emptyrow td { color: var(--k-muted); }
.e-checkbox-wrapper .e-frame { border-color: var(--k-field); border-radius: 4px; }
.e-checkbox-wrapper .e-frame.e-check, .e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check { background-color: var(--k-teal) !important; border-color: var(--k-teal) !important; color: #fff !important; }
.e-checkbox-wrapper .e-frame.e-stop { background-color: var(--k-teal) !important; border-color: var(--k-teal) !important; color: #fff !important; }
.e-treegrid .e-treegridexpand, .e-treegrid .e-treegridcollapse { color: var(--k-body) !important; }
.e-grid .e-sortfilterdiv, .e-grid .e-icons { color: var(--k-muted); }

/* Syncfusion inputs (drop-down tree etc.) share the form-control look. */
.e-input-group, .e-input-group.e-control-wrapper, .e-ddt.e-input-group { border-radius: 12px !important; border-color: var(--k-field) !important; }
.e-input-group.e-input-focus, .e-input-group.e-control-wrapper.e-input-focus { border-color: var(--k-teal) !important; box-shadow: var(--k-focus) !important; }
.e-input-group::before, .e-input-group::after, .e-input-group.e-control-wrapper::before, .e-input-group.e-control-wrapper::after { display: none; }
.e-treeview .e-list-item.e-active > .e-text-content, .e-treeview .e-list-item.e-active > .e-text-content .e-list-text { color: var(--k-teal) !important; }
.e-treeview .e-list-item.e-active > .e-fullrow, .e-treeview .e-list-item.e-hover > .e-fullrow { background: var(--k-teal-50) !important; border-color: var(--k-teal-50) !important; }
.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover { color: var(--k-teal) !important; background: var(--k-teal-50) !important; }
.e-tooltip-wrap.e-popup { background: var(--k-ink) !important; border-color: var(--k-ink) !important; border-radius: 8px; }
.e-tooltip-wrap .e-tip-content { color: #fff !important; }
.min-w-0 { min-width: 0; }