@charset "UTF-8";
/* Sipinor school admin — MedsNMore chrome (loaded LAST after DashLite).
 * Fonts, flush L-layout, page intro, list buttons, tables, header profile.
 * Source: /home/medsnmore/laravel/public/css/admin.css
 */
:root,
html {
  --sip-sidebar: #FAFCFE;
  --sip-sidebar-head: #F8FAFC;
  --sip-sidebar-text: #475569;
  --sip-sidebar-muted: #64748B;
  --sip-sidebar-hover: rgba(15, 23, 42, 0.04);
  --sip-sidebar-active: var(--sip-accent);
  --sip-sidebar-active-bg: color-mix(in srgb, var(--sip-accent) 12%, transparent);
  --sip-sidebar-border: #E2E8F0;
  /* Near-white base with faint sky/mint wash (2–3% tint max) */
  --sip-sidebar-gradient:
    radial-gradient(ellipse 95% 55% at 0% 0%, rgba(14, 165, 233, 0.06) 0%, transparent 58%),
    radial-gradient(ellipse 75% 55% at 100% 100%, rgba(20, 184, 166, 0.05) 0%, transparent 56%),
    linear-gradient(165deg, #FFFFFF 0%, #FAFCFE 52%, #F8FAFC 100%);
  --sip-accent: #0284C7;
  --sip-accent-hover: #0369A1;
  --sip-accent-on: #38BDF8;
  --sip-accent-soft: color-mix(in srgb, var(--sip-accent) 12%, transparent);
  --sip-accent-fg: #ffffff;
  --sip-cyan: #0EA5E9;
  --sip-sky: var(--sip-accent);
  --sip-emerald: #10B981;
  --sip-amber: #F59E0B;
  --sip-rose: #F43F5E;
  --sip-indigo: #6366F1;
  --sip-header-bg: #ffffff;
  --sip-text: #0F172A;
  --sip-muted: #64748B;
  --sip-line: #E2E8F0;
  --sip-bg: #F8FAFC;
  --bs-body-bg: var(--sip-bg);
  --sip-surface: #ffffff;
  --sip-navy: #0A1128;
  --sip-navy-deep: #080E21;
  --sip-ink: #0F172A;
  --sip-brand: var(--sip-accent);
  --sip-brand-deep: var(--sip-accent-hover);
  --sip-rx: var(--sip-accent);
  --sip-danger: #F43F5E;
  --sip-warn: #F59E0B;
  --sip-font: Roboto, "Helvetica Neue", Arial, sans-serif;
  --sip-font-display: Roboto, "Helvetica Neue", Arial, sans-serif;
  --sip-heading-font: Roboto, "Helvetica Neue", Arial, sans-serif;
  --sip-header-h: 64px;
  --sip-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --sip-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03);
  --sip-shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.08);
  --sip-radius: 14px;
  --sip-input-radius: 12px;
  --sip-input-h: 42px;
  --sip-focus-ring: 0 0 0 3px color-mix(in srgb, var(--sip-accent) 20%, transparent);
  --sip-scroll-size: 5px;
  --sip-scroll-track: transparent;
  --sip-scroll-thumb: #CBD5E1;
  --sip-scroll-thumb-hover: var(--sip-accent);
  --sip-switch-w: 44px;
  --sip-switch-h: 24px;
  --sip-switch-knob: 20px;
  --sip-switch-inset: 2px;
  --sip-switch-off: #CBD5E1;
  --sip-switch-knob-bg: #ffffff;
  --sip-switch-knob-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
  --sip-td-lines: 4;
  --sip-td-lh: 1.35;
  --sip-col-serial-min: 3.5rem;
  --sip-col-text-min: 16rem;
  --sip-mobile-bottom-nav-h: 60px;
  --sip-mobile-bottom-inset: calc(var(--sip-mobile-bottom-nav-h, 60px) + env(safe-area-inset-bottom, 0px));
}

html body.fix-header.fix-sidebar,
html body.fix-sidebar,
html body.fix-header.fix-sidebar #root,
html body.fix-header.fix-sidebar .nk-app-root,
.nk-app-root,
.nk-app-root h1,
.nk-app-root h2,
.nk-app-root h3,
.nk-app-root h4,
.nk-app-root h5,
.nk-app-root h6,
.nk-app-root p,
.nk-app-root a,
.nk-app-root button,
.nk-app-root input,
.nk-app-root select,
.nk-app-root textarea,
.nk-app-root table,
.nk-app-root th,
.nk-app-root td,
.nk-app-root .btn,
.nk-app-root .dropdown-menu,
.nk-app-root .nk-menu,
.nk-app-root .nk-header,
.nk-app-root .form-control {
  font-family: var(--sip-font) !important;
}

/* Display / KPI faces use the same Google-style Roboto stack by default. */
.nk-app-root .sip-heading,
.nk-app-root .sip-display,
.nk-app-root .sip-kpi-card__value,
.nk-app-root .sip-logcard__kpi-value,
.nk-app-root .sip-executive-hero__title,
.nk-app-root .sip-executive-hero__greeting,
.nk-app-root .sip-executive-hero__name {
  font-family: var(--sip-heading-font, var(--sip-font)) !important;
}

html body.fix-header.fix-sidebar,
html body.fix-sidebar,
html body.dark-mode.fix-sidebar,
html body.dark-mode.fix-header,
html.dark-mode body.fix-sidebar,
html.dark-mode body.fix-header {
  background: var(--sip-bg) !important;
  color: var(--sip-text, var(--sip-ink));
}

html.dark-mode,
html body.dark-mode,
body.dark-mode,
[data-theme=dark] {
  --sip-sidebar: #0B1528;
  --sip-sidebar-head: #0A1220;
  --sip-sidebar-text: #94A3B8;
  --sip-sidebar-muted: #64748B;
  --sip-sidebar-hover: rgba(255, 255, 255, 0.06);
  --sip-sidebar-active: var(--sip-accent);
  --sip-sidebar-active-bg: color-mix(in srgb, var(--sip-accent) 12%, transparent);
  --sip-sidebar-border: rgba(255, 255, 255, 0.08);
  /* Soft multi-tone dark: navy → deep slate → teal-navy wash */
  --sip-sidebar-gradient:
    radial-gradient(ellipse 100% 55% at 0% 0%, color-mix(in srgb, #0EA5E9 20%, transparent) 0%, transparent 55%),
    radial-gradient(ellipse 70% 60% at 100% 90%, color-mix(in srgb, #0D9488 16%, transparent) 0%, transparent 58%),
    linear-gradient(165deg, #0B1224 0%, #0C1A32 42%, #0A1F2E 100%);
  --sip-header-bg: #0F172A;
  --sip-text: #E2E8F0;
  --sip-ink: #F8FAFC;
  --sip-muted: #94A3B8;
  --sip-line: #334155;
  --sip-bg: #0F172A;
  --bs-body-bg: var(--sip-bg);
  --sip-surface: #1E293B;
  --sip-scroll-track: transparent;
  --sip-scroll-thumb: #475569;
  --sip-scroll-thumb-hover: var(--sip-accent-on, var(--sip-accent));
  --sip-switch-off: #475569;
  --sip-switch-knob-bg: #F8FAFC;
  --sip-switch-knob-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
  --sip-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25);
  --sip-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.45);
}

/* —— Nuclear flush L-layout (beats DashLite $body-offset: 30px) —— */
html body.fix-header.fix-sidebar .nk-app-root,
html body.fix-header.fix-sidebar .nk-app-root .nk-main,
html body.fix-header.fix-sidebar #root,
html body.fix-sidebar .nk-app-root .nk-wrap,
html body.fix-sidebar .nk-wrap,
html body.fix-sidebar .nk-wrap:not(.nk-wrap-nosidebar),
html body .nk-sidebar + .nk-wrap,
html body .nk-sidebar-overlay + .nk-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

/* Sticky footer: flex column shell fills viewport; content grows above footer.
 * Paint wrap --sip-bg so a transparent footer cannot reveal DashLite white / #f5f6fa. */
html body.fix-sidebar .nk-app-root .nk-wrap,
html body.fix-sidebar .nk-wrap,
html body.fix-sidebar .nk-wrap:not(.nk-wrap-nosidebar),
html body .nk-sidebar + .nk-wrap,
html body .nk-sidebar-overlay + .nk-wrap,
html body.fix-header.fix-sidebar .nk-app-root .nk-wrap {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  background: var(--sip-bg) !important;
  background-color: var(--sip-bg) !important;
  background-image: none !important;
}

html body.fix-sidebar .nk-app-root .nk-wrap > .nk-header,
html body.fix-sidebar .nk-app-root .nk-wrap > .nk-header-fixed,
html body .nk-sidebar + .nk-wrap > .nk-header-fixed {
  flex: 0 0 auto;
  flex-shrink: 0;
}

html body.fix-sidebar .nk-sidebar,
html body.fix-sidebar .nk-sidebar.nk-sidebar-fixed,
html body.fix-sidebar .nk-sidebar.sip-school-sidebar,
html body .nk-sidebar.nk-sidebar-fixed.sip-school-sidebar {
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 1030 !important;
  pointer-events: auto !important;
}

/* Mobile: when the sidebar is closed, prevent it from intercepting clicks. When active, sit above the body scrim. */
@media (max-width: 991.98px) {
  html body .nk-sidebar.sip-school-sidebar,
  html body.fix-sidebar .nk-sidebar.sip-school-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    transform: translateX(-100%) !important;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 10110 !important;
    pointer-events: none !important;
  }
  html body .nk-sidebar.sip-school-sidebar.nk-sidebar-active,
  html body.nav-shown .nk-sidebar.sip-school-sidebar.nk-sidebar-active,
  html body.sip-mobile-sidebar-open .nk-sidebar.sip-school-sidebar.nk-sidebar-active {
    transform: translateX(0) !important;
    pointer-events: auto !important;
    z-index: 10110 !important;
    box-shadow: 0 0 35px rgba(15, 23, 42, 0.25) !important;
  }
}
html body.fix-sidebar .nk-wrap,
html body .nk-sidebar + .nk-wrap,
html body .nk-content,
html body .sip-home {
  isolation: auto;
}

html body.fix-sidebar .nk-wrap::before,
html body .nk-content::before,
html body .nk-content::after {
  pointer-events: none;
}

html body .nk-header.nk-header-fixed,
html body .nk-header.sip-admin-header,
html body .sip-admin-header {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
}

/* Outer-right inset only: DashLite header gap (22px) + wrap 20px stacked to ~42px.
 * Keep left padding (hamburger) and 8px control gap. Profile hugs the right edge. */
html body .nk-header.sip-admin-header,
html body .sip-admin-header {
  padding-right: 0 !important;
}

.nk-app-root .sip-admin-header .container-xl,
.nk-app-root .sip-admin-header .wide-xl {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nk-app-root .sip-admin-header .nk-header-wrap,
.nk-app-root .sip-admin-header__wrap {
  padding-right: 14px !important;
}

.nk-app-root .sip-admin-header .nk-header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
  width: auto;
  padding-right: 0 !important;
}

.sip-global-search-pill {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  background: rgba(241, 245, 249, 0.9);
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 9999px;
  padding: 0.45rem 0.95rem;
  min-width: 280px;
  max-width: 480px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--sip-muted, #64748B);
  font-size: 0.84rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.sip-global-search-pill:hover, .sip-global-search-pill:focus, .sip-global-search-pill:focus-visible {
  background: #FFFFFF;
  border-color: rgba(37, 99, 235, 0.5);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15), 0 2px 8px rgba(37, 99, 235, 0.08);
  outline: none;
}
.sip-global-search-pill:hover .sip-search-icon, .sip-global-search-pill:focus .sip-search-icon, .sip-global-search-pill:focus-visible .sip-search-icon {
  color: var(--sip-accent, #2563EB);
  transform: scale(1.08);
  opacity: 1;
}
.sip-global-search-pill:hover .sip-kbd, .sip-global-search-pill:focus .sip-kbd, .sip-global-search-pill:focus-visible .sip-kbd {
  border-color: rgba(37, 99, 235, 0.3);
  color: var(--sip-accent, #2563EB);
}
.sip-global-search-pill .sip-search-icon {
  color: var(--sip-accent, #0284C7);
  opacity: 0.85;
  flex-shrink: 0;
  transition: all 0.18s ease;
}
.sip-global-search-pill .sip-search-placeholder {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--sip-muted, #64748B);
  font-weight: 500;
  font-size: 0.835rem;
  letter-spacing: -0.01em;
}
.sip-global-search-pill .sip-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem 0.45rem;
  font-family: var(--sip-font, "Plus Jakarta Sans", sans-serif);
  font-size: 0.68rem;
  font-weight: 700;
  color: #64748B;
  background: #FFFFFF;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  letter-spacing: 0.03em;
  line-height: 1.2;
  flex-shrink: 0;
  transition: all 0.18s ease;
}

.sip-session-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  box-sizing: border-box;
  height: 38px;
  min-height: 38px;
  padding: 0 0.85rem;
  background: rgba(236, 253, 245, 0.85);
  border: 1px solid rgba(167, 243, 208, 0.9);
  border-radius: 9999px;
  font-size: 0.835rem;
  font-weight: 600;
  line-height: 1.2;
  color: #065F46 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(16, 185, 129, 0.08);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.sip-session-pill:hover {
  background: rgba(209, 250, 229, 0.95);
  border-color: #10B981;
  color: #047857 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.18), 0 2px 8px rgba(16, 185, 129, 0.12);
  transform: translateY(-1px);
}
.sip-session-pill:hover .sip-session-chevron {
  color: #047857;
}
.sip-session-pill::after {
  display: none !important;
}
.sip-session-pill .sip-status-dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #10B981;
  flex-shrink: 0;
}
.sip-session-pill .sip-status-dot::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.4);
  animation: sip-pulse-dot 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.sip-session-pill .sip-session-label {
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.sip-session-pill .sip-session-chevron {
  color: #059669;
  opacity: 0.8;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  flex-shrink: 0;
}

.dropdown.show .sip-session-chevron,
.sip-session-pill[aria-expanded=true] .sip-session-chevron,
.show > .sip-session-pill .sip-session-chevron {
  transform: rotate(180deg);
}

@keyframes sip-pulse-dot {
  0%, 100% {
    transform: scale(0.9);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.6);
    opacity: 0;
  }
}
/* Header controls: keep search pill + session switcher from overflowing. */
@media (max-width: 767px) {
  .nk-app-root .sip-admin-header .nk-header-tools {
    flex-wrap: wrap;
    row-gap: 0.65rem;
  }
  .sip-global-search-pill {
    min-width: 0;
    max-width: none;
    width: 100%;
    flex: 1 1 auto;
  }
  .sip-session-pill {
    min-width: 0;
  }
}
@media (max-width: 480px) {
  .sip-global-search-pill {
    padding: 0.35rem 0.6rem;
    gap: 0.55rem;
    font-size: 0.82rem;
  }
  .sip-global-search-pill .sip-kbd {
    display: none;
  }
  .sip-session-pill {
    padding: 0 0.6rem;
    height: 36px;
    min-height: 36px;
    font-size: 0.82rem;
  }
  .sip-session-pill .sip-session-label {
    max-width: 120px;
  }
}
html.dark-mode .sip-global-search-pill,
body.dark-mode .sip-global-search-pill,
[data-theme=dark] .sip-global-search-pill {
  background: rgba(30, 41, 59, 0.7);
  border-color: rgba(51, 65, 85, 0.75);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #94A3B8;
}
html.dark-mode .sip-global-search-pill:hover, html.dark-mode .sip-global-search-pill:focus, html.dark-mode .sip-global-search-pill:focus-visible,
body.dark-mode .sip-global-search-pill:hover,
body.dark-mode .sip-global-search-pill:focus,
body.dark-mode .sip-global-search-pill:focus-visible,
[data-theme=dark] .sip-global-search-pill:hover,
[data-theme=dark] .sip-global-search-pill:focus,
[data-theme=dark] .sip-global-search-pill:focus-visible {
  background: rgba(15, 23, 42, 0.9);
  border-color: var(--sip-accent, #38BDF8);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2), 0 2px 8px rgba(0, 0, 0, 0.3);
}
html.dark-mode .sip-global-search-pill:hover .sip-search-icon, html.dark-mode .sip-global-search-pill:focus .sip-search-icon, html.dark-mode .sip-global-search-pill:focus-visible .sip-search-icon,
body.dark-mode .sip-global-search-pill:hover .sip-search-icon,
body.dark-mode .sip-global-search-pill:focus .sip-search-icon,
body.dark-mode .sip-global-search-pill:focus-visible .sip-search-icon,
[data-theme=dark] .sip-global-search-pill:hover .sip-search-icon,
[data-theme=dark] .sip-global-search-pill:focus .sip-search-icon,
[data-theme=dark] .sip-global-search-pill:focus-visible .sip-search-icon {
  color: var(--sip-accent, #38BDF8);
  opacity: 1;
}
html.dark-mode .sip-global-search-pill:hover .sip-kbd, html.dark-mode .sip-global-search-pill:focus .sip-kbd, html.dark-mode .sip-global-search-pill:focus-visible .sip-kbd,
body.dark-mode .sip-global-search-pill:hover .sip-kbd,
body.dark-mode .sip-global-search-pill:focus .sip-kbd,
body.dark-mode .sip-global-search-pill:focus-visible .sip-kbd,
[data-theme=dark] .sip-global-search-pill:hover .sip-kbd,
[data-theme=dark] .sip-global-search-pill:focus .sip-kbd,
[data-theme=dark] .sip-global-search-pill:focus-visible .sip-kbd {
  border-color: rgba(56, 189, 248, 0.4);
  color: #E2E8F0;
}
html.dark-mode .sip-global-search-pill .sip-search-icon,
body.dark-mode .sip-global-search-pill .sip-search-icon,
[data-theme=dark] .sip-global-search-pill .sip-search-icon {
  color: var(--sip-accent, #38BDF8);
  opacity: 0.9;
}
html.dark-mode .sip-global-search-pill .sip-search-placeholder,
body.dark-mode .sip-global-search-pill .sip-search-placeholder,
[data-theme=dark] .sip-global-search-pill .sip-search-placeholder {
  color: #94A3B8;
}
html.dark-mode .sip-global-search-pill .sip-kbd,
body.dark-mode .sip-global-search-pill .sip-kbd,
[data-theme=dark] .sip-global-search-pill .sip-kbd {
  background: #0F172A;
  border-color: rgba(71, 85, 105, 0.8);
  color: #94A3B8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* —— Global search overlay (⌘K / type-anywhere) —— */
body.sip-global-search-open {
  overflow: hidden;
}

.sip-global-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
}
.sip-global-search-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: color-mix(in srgb, var(--sip-text, #0f172a) 18%, transparent);
  backdrop-filter: blur(14px) saturate(1.12);
  -webkit-backdrop-filter: blur(14px) saturate(1.12);
}

.sip-global-search-panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100vh;
  background: var(--sip-surface, #ffffff);
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16);
  overflow: hidden;
}

.sip-global-search-panel__header {
  flex-shrink: 0;
  padding: 1.25rem 1.5rem 0.75rem;
  border-bottom: 1px solid var(--sip-line, #e2e8f0);
  background: var(--sip-surface, #ffffff);
}

.sip-global-search-input-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.sip-global-search-input__icon {
  flex-shrink: 0;
  font-size: 1.35rem;
  color: var(--sip-muted, #64748b);
}

.sip-global-search-input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--sip-text, #0f172a);
  font-family: var(--sip-font);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 600;
  line-height: 1.25;
  padding: 0.15rem 0;
  outline: none;
}
.sip-global-search-input::-moz-placeholder {
  color: var(--sip-muted, #94a3b8);
  font-weight: 500;
}
.sip-global-search-input::placeholder {
  color: var(--sip-muted, #94a3b8);
  font-weight: 500;
}

.sip-global-search-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 10px;
  background: var(--sip-bg, #f8fafc);
  color: var(--sip-muted, #64748b);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.sip-global-search-close:hover, .sip-global-search-close:focus {
  background: var(--sip-accent-soft);
  border-color: color-mix(in srgb, var(--sip-accent) 35%, var(--sip-line));
  color: var(--sip-accent);
  outline: none;
}
.sip-global-search-close .icon {
  font-size: 1rem;
}

.sip-global-search-hint {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.65rem;
  margin-top: 0.55rem;
  font-family: var(--sip-font);
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--sip-muted, #64748b);
}
.sip-global-search-hint.is-results {
  justify-content: space-between;
}
.sip-global-search-hint__count {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
  font-weight: 600;
  color: var(--sip-text, #0f172a);
}
.sip-global-search-hint__label {
  font-weight: 500;
  color: var(--sip-muted, #64748b);
}
.sip-global-search-hint__kbd {
  font-size: 0.75rem;
  color: var(--sip-muted, #94a3b8);
}
.sip-global-search-hint__loading {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.sip-global-search-hint__spinner {
  width: 14px;
  height: 14px;
  border: 2px solid var(--sip-line, #e2e8f0);
  border-top-color: var(--sip-accent);
  border-radius: 50%;
  animation: sip-search-spin 0.65s linear infinite;
}

@keyframes sip-search-spin {
  to {
    transform: rotate(360deg);
  }
}
.sip-global-search-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1rem 1.5rem 1.5rem;
  max-height: calc(100vh - 120px);
  scrollbar-width: thin;
  scrollbar-color: var(--sip-scroll-thumb, #cbd5e1) transparent;
}
.sip-global-search-panel__body::-webkit-scrollbar {
  width: 6px;
}
.sip-global-search-panel__body::-webkit-scrollbar-thumb {
  background: var(--sip-scroll-thumb, #cbd5e1);
  border-radius: 999px;
}

.sip-global-search-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 1.25rem;
  align-items: start;
}

.sip-global-search-section__title {
  margin: 0 0 0.65rem;
  font-family: var(--sip-font);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sip-muted, #64748b);
}

.sip-global-search-results {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.sip-search-result-card {
  animation: sip-search-item-in 0.28s cubic-bezier(0.22, 1, 0.36, 1) backwards;
  animation-delay: calc(var(--sip-search-stagger, 0) * 35ms);
}
.sip-search-result-card__inner {
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 10px;
  background: var(--sip-surface, #ffffff);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  padding: 12px 14px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.sip-search-result-card:hover .sip-search-result-card__inner {
  border-color: color-mix(in srgb, var(--sip-accent) 40%, var(--sip-line, #e2e8f0));
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.sip-search-result-card .sip-profile-card__head {
  margin-bottom: 6px;
}
.sip-search-result-card .sip-profile-card__avatar {
  width: 48px;
  height: 48px;
}
.sip-search-result-card .sip-profile-card__footer {
  margin-top: 2px;
  padding-top: 6px;
  border-top: 1px solid var(--sip-line, #e2e8f0);
}
.sip-search-result-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--sip-line, #e2e8f0);
}
.sip-search-result-card__actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 0.35rem 0.75rem !important;
}
.sip-search-result-card__actions .btn-primary {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #fff) !important;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--sip-accent) 25%, transparent) !important;
}
.sip-search-result-card__actions .btn-primary:hover,
.sip-search-result-card__actions .btn-primary:focus {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
}
.sip-search-result-card__actions .btn-outline-primary {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--sip-accent) 45%, var(--sip-line)) !important;
  color: var(--sip-accent) !important;
}
.sip-search-result-card__actions .btn-outline-primary:hover,
.sip-search-result-card__actions .btn-outline-primary:focus {
  background: var(--sip-accent-soft) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-hover) !important;
}
.sip-search-result-card__actions .icon {
  font-size: 0.85rem;
}

@keyframes sip-search-item-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Overlay enter/leave transitions */
.sip-search-overlay-enter-active,
.sip-search-overlay-leave-active {
  transition: opacity 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.sip-search-overlay-enter-active::before,
.sip-search-overlay-leave-active::before {
  transition: opacity 0.22s cubic-bezier(0.22, 1, 0.36, 1), backdrop-filter 0.24s cubic-bezier(0.22, 1, 0.36, 1), -webkit-backdrop-filter 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}
.sip-search-overlay-enter-active .sip-global-search-panel,
.sip-search-overlay-leave-active .sip-global-search-panel {
  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease;
}

.sip-search-overlay-enter,
.sip-search-overlay-leave-to {
  opacity: 0;
}
.sip-search-overlay-enter::before,
.sip-search-overlay-leave-to::before {
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}
.sip-search-overlay-enter .sip-global-search-panel,
.sip-search-overlay-leave-to .sip-global-search-panel {
  opacity: 0;
  transform: translateY(-14px);
}

html.dark-mode .sip-global-search-overlay::before {
  background: color-mix(in srgb, #020617 38%, transparent);
}

html.dark-mode .sip-global-search-panel,
html.dark-mode .sip-global-search-panel__header {
  background: var(--sip-surface, #0f172a);
  border-bottom-color: var(--sip-line, #334155);
}

html.dark-mode .sip-global-search-input {
  color: var(--sip-text, #f1f5f9);
}

html.dark-mode .sip-global-search-close {
  background: #1e293b;
  border-color: #334155;
  color: #94a3b8;
}

html.dark-mode .sip-search-result-card__inner {
  background: var(--sip-surface, #1e293b);
  border-color: var(--sip-line, #334155);
}

html.dark-mode .sip-search-result-card .sip-profile-card__footer,
html.dark-mode .sip-search-result-card__actions {
  border-top-color: var(--sip-line, #334155);
}

html.dark-mode .sip-global-search-hint__count {
  color: var(--sip-text, #f1f5f9);
}

@media (max-width: 767.98px) {
  .sip-global-search-panel__header {
    padding: 1rem 1rem 0.65rem;
  }
  .sip-global-search-panel__body {
    padding: 0.85rem 1rem 1.25rem;
    max-height: calc(100vh - 108px);
  }
  .sip-global-search-hint.is-results {
    flex-direction: column;
    align-items: flex-start;
  }
}
html.dark-mode .sip-session-pill {
  background: rgba(6, 78, 59, 0.3);
  border-color: rgba(16, 185, 129, 0.35);
  color: #6EE7B7 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
html.dark-mode .sip-session-pill:hover {
  background: rgba(6, 78, 59, 0.5);
  border-color: #10B981;
  color: #A7F3D0 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25), 0 2px 8px rgba(0, 0, 0, 0.3);
}
html.dark-mode .sip-session-pill:hover .sip-session-chevron {
  color: #A7F3D0;
}
html.dark-mode .sip-session-pill .sip-session-chevron {
  color: #6EE7B7;
}

@media (min-width: 992px) {
  html body.fix-sidebar .nk-sidebar + .nk-wrap,
  html body.fix-sidebar .nk-sidebar-overlay + .nk-wrap,
  html body.fix-sidebar .nk-wrap:not(.nk-wrap-nosidebar) {
    padding-left: var(--sidebar-width, 260px) !important;
  }
}
@media (min-width: 1200px) {
  html body.fix-sidebar .nk-sidebar,
  html body.fix-sidebar .nk-sidebar.nk-sidebar-fixed,
  html body.fix-sidebar .nk-sidebar.sip-school-sidebar {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important;
    transform: translateX(0) !important;
  }
  html body.fix-sidebar .nk-wrap:not(.nk-wrap-nosidebar),
  html body.fix-sidebar .nk-sidebar + .nk-wrap,
  html body.fix-sidebar .nk-sidebar-overlay + .nk-wrap {
    padding: 0 0 0 var(--sidebar-width, 260px) !important;
  }
  html body .nk-sidebar + .nk-wrap > .nk-header-fixed,
  html body .nk-sidebar-overlay + .nk-wrap > .nk-header-fixed,
  html body .nk-header.nk-header-fixed.sip-admin-header {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
  }
}
.nk-app-root .nk-content,
.nk-app-root .nk-content-fluid {
  background: var(--sip-bg) !important;
  padding-top: 0.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 0;
}

@media (min-width: 768px) {
  .nk-app-root .nk-content,
  .nk-app-root .nk-content-fluid {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
@media (min-width: 992px) {
  .nk-app-root .nk-content,
  .nk-app-root .nk-content-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (min-width: 1400px) {
  .nk-app-root .nk-content,
  .nk-app-root .nk-content-fluid {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
html.dark-mode .nk-app-root .nk-content,
html.dark-mode .nk-app-root .nk-content-fluid,
body.dark-mode .nk-app-root .nk-content,
body.dark-mode .nk-app-root .nk-content-fluid {
  background: var(--sip-bg) !important;
}

.nk-app-root .nk-content a:not(.btn):not(.page-link):not(.dropdown-item):not(.nk-menu-link):not(.sip-icon-btn):not(.sip-profile-btn):not(.sip-report-banner) {
  color: var(--sip-accent, var(--sip-brand));
}

.nk-app-root .nk-content a:not(.btn):not(.page-link):not(.dropdown-item):not(.nk-menu-link):not(.sip-report-banner):hover {
  color: var(--sip-accent-hover, var(--sip-brand-deep));
}

.nk-app-root .nk-content > .container-xl,
.nk-app-root .nk-content > .container-fluid,
.nk-app-root .nk-content-fluid > .container-xl,
.nk-app-root .nk-content-fluid > .container-fluid,
.nk-app-root .nk-content .wide-xl,
.nk-app-root .nk-content-fluid .wide-xl,
.nk-app-root .nk-footer > .container-xl,
.nk-app-root .nk-footer .wide-xl {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nk-app-root .nk-content > .container-xl,
.nk-app-root .nk-content > .container-fluid,
.nk-app-root .nk-content-fluid > .container-xl,
.nk-app-root .nk-content-fluid > .container-fluid {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.nk-app-root .nk-content-body {
  padding-top: 0.35rem;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 0;
  width: 100%;
}

.nk-app-root .nk-content-body.sip-content-outlet {
  position: relative;
  min-height: calc(100vh - 168px);
}

.nk-app-root .nk-content-body.sip-content-outlet > div:not(.sip-content-veil) {
  width: 100%;
  flex: 1 0 auto;
  min-height: 0;
}

/* —— Header profile (CDSS Pill & Dropdown) —— */
.nk-app-root .sip-profile-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 0.65rem;
  padding: 0.25rem 0.85rem 0.25rem 0.28rem !important;
  border: 1px solid rgba(226, 232, 240, 0.85) !important;
  border-radius: 9999px !important;
  background: rgba(241, 245, 249, 0.8) !important;
  color: #0F172A !important;
  font-family: var(--sip-font) !important;
  font-weight: 600;
  font-size: 0.835rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.nk-app-root .sip-profile-btn .sip-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #2563EB 0%, #6366F1 100%) !important;
  color: #FFFFFF !important;
  display: grid;
  place-items: center;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.35) !important;
  border: 2px solid rgba(255, 255, 255, 0.9);
}
.nk-app-root .sip-profile-btn .sip-profile-role-pill,
.nk-app-root .sip-profile-btn .sip-profile-role {
  display: inline-block;
  align-self: flex-start;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #2563EB !important;
  background: rgba(37, 99, 235, 0.1);
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: 4px;
  padding: 0.5px 5px;
  line-height: 1.3;
}

.nk-app-root .sip-profile-btn:hover {
  background: #FFFFFF !important;
  border-color: rgba(37, 99, 235, 0.4) !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.12), 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
  transform: translateY(-1px);
}
.nk-app-root .sip-profile-btn:hover .sip-profile-chevron {
  color: #2563EB;
}

.nk-app-root .sip-profile-btn::after,
.nk-app-root .sip-profile-btn.dropdown-toggle::after {
  display: none !important;
}

.nk-app-root .sip-profile-chevron {
  width: 13px !important;
  height: 13px !important;
  color: #94A3B8;
  opacity: 0.8;
  flex-shrink: 0;
  margin-left: 0.05rem;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.user-dropdown.show .sip-profile-chevron,
.sip-profile-btn[aria-expanded=true] .sip-profile-chevron,
.show > .sip-profile-btn .sip-profile-chevron {
  transform: rotate(180deg);
}

/* Anchor header menus to the toggle. Do not use data-boundary=viewport /
   position-static — that sent toolbar menus to the page bottom. */
.nk-app-root .sip-admin-header .nk-quick-nav > li.dropdown,
.nk-app-root .sip-admin-header .user-dropdown {
  position: relative !important;
  overflow: visible !important;
  align-self: stretch;
  display: flex !important;
  align-items: center;
}

.nk-app-root .sip-admin-header .user-dropdown-menu,
.nk-app-root .sip-admin-header .dropdown-menu {
  min-width: 250px;
  max-width: calc(100vw - 24px);
  z-index: 2300 !important;
  position: absolute !important;
  inset: auto !important;
  top: 100% !important;
  bottom: auto !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  transform: none !important;
  will-change: auto !important;
  padding: 0.55rem !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 16px 36px -4px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(15, 23, 42, 0.06) !important;
  font-family: var(--sip-font) !important;
}

.nk-app-root .sip-admin-header .user-dropdown-menu,
.nk-app-root .sip-admin-header .dropdown-menu.dropdown-menu-right,
.nk-app-root .sip-admin-header .dropdown-menu.dropdown-menu-end {
  right: 0 !important;
  left: auto !important;
}

.nk-app-root .sip-icon-btn {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  border-radius: 11px !important;
  background: rgba(241, 245, 249, 0.8) !important;
  color: #475569 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  /* Vibrant Button Variants */
}
.nk-app-root .sip-icon-btn .ico, .nk-app-root .sip-icon-btn svg {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  flex-shrink: 0;
  transition: transform 0.18s ease, color 0.18s ease;
}
.nk-app-root .sip-icon-btn:hover {
  background: #FFFFFF !important;
  border-color: rgba(203, 213, 225, 0.9) !important;
  transform: translateY(-1.5px);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.nk-app-root .sip-icon-btn:hover .ico, .nk-app-root .sip-icon-btn:hover svg {
  transform: scale(1.08);
}
.nk-app-root .sip-icon-btn.is-open, .nk-app-root .sip-icon-btn:active {
  transform: translateY(0);
  background: rgba(241, 245, 249, 0.95);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.nk-app-root .sip-icon-btn.sip-header-btn--todo {
  color: #10B981 !important;
}
.nk-app-root .sip-icon-btn.sip-header-btn--todo:hover {
  background: rgba(236, 253, 245, 0.95);
  border-color: rgba(16, 185, 129, 0.4);
  color: #059669 !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.18), 0 0 0 3px rgba(16, 185, 129, 0.12);
}
.nk-app-root .sip-icon-btn.sip-header-btn--theme {
  color: #F59E0B !important;
}
.nk-app-root .sip-icon-btn.sip-header-btn--theme:hover {
  background: rgba(254, 243, 199, 0.95);
  border-color: rgba(245, 158, 11, 0.4);
  color: #D97706 !important;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.18), 0 0 0 3px rgba(245, 158, 11, 0.12);
}
.nk-app-root .sip-icon-btn.sip-header-btn--palette, .sip-theme-picker .nk-app-root .sip-icon-btn {
  color: #8B5CF6 !important;
}
.nk-app-root .sip-icon-btn.sip-header-btn--palette:hover, .nk-app-root .sip-icon-btn.sip-header-btn--palette.is-open, .sip-theme-picker .nk-app-root .sip-icon-btn:hover, .sip-theme-picker .nk-app-root .sip-icon-btn.is-open {
  background: rgba(245, 243, 255, 0.95);
  border-color: rgba(139, 92, 246, 0.4);
  color: #7C3AED !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.18), 0 0 0 3px rgba(139, 92, 246, 0.12);
}
.nk-app-root .sip-icon-btn.sip-inbox-btn, .nk-app-root .sip-icon-btn.sip-header-btn--bell {
  color: #0284C7 !important;
}
.nk-app-root .sip-icon-btn.sip-inbox-btn:hover, .nk-app-root .sip-icon-btn.sip-inbox-btn.is-open, .nk-app-root .sip-icon-btn.sip-header-btn--bell:hover, .nk-app-root .sip-icon-btn.sip-header-btn--bell.is-open {
  background: rgba(240, 249, 255, 0.95);
  border-color: rgba(2, 132, 199, 0.4);
  color: #0369A1 !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.18), 0 0 0 3px rgba(2, 132, 199, 0.12);
}
.nk-app-root .sip-icon-btn.sip-header-btn--refresh {
  color: #0EA5E9 !important;
}
.nk-app-root .sip-icon-btn.sip-header-btn--refresh:hover {
  background: rgba(240, 253, 250, 0.95);
  border-color: rgba(14, 165, 233, 0.4);
  color: #0284C7 !important;
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.18), 0 0 0 3px rgba(14, 165, 233, 0.12);
}

/* Dark mode header utility buttons (this file loads after school-sidebar.scss) */
html.dark-mode .nk-app-root .sip-icon-btn,
body.dark-mode .nk-app-root .sip-icon-btn,
[data-theme=dark] .nk-app-root .sip-icon-btn {
  background: rgba(30, 41, 59, 0.85) !important;
  border-color: rgba(71, 85, 105, 0.65) !important;
  color: #CBD5E1 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
html.dark-mode .nk-app-root .sip-icon-btn:hover,
body.dark-mode .nk-app-root .sip-icon-btn:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn:hover {
  background: rgba(15, 23, 42, 0.95) !important;
  border-color: rgba(100, 116, 139, 0.75) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}
html.dark-mode .nk-app-root .sip-icon-btn.is-open, html.dark-mode .nk-app-root .sip-icon-btn:active,
body.dark-mode .nk-app-root .sip-icon-btn.is-open,
body.dark-mode .nk-app-root .sip-icon-btn:active,
[data-theme=dark] .nk-app-root .sip-icon-btn.is-open,
[data-theme=dark] .nk-app-root .sip-icon-btn:active {
  background: rgba(30, 41, 59, 0.95) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--todo,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--todo,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--todo {
  color: #34D399 !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--todo:hover,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--todo:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--todo:hover {
  background: rgba(6, 78, 59, 0.45) !important;
  border-color: rgba(52, 211, 153, 0.45) !important;
  color: #6EE7B7 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(16, 185, 129, 0.2);
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--theme,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--theme,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--theme {
  color: #FBBF24 !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--theme:hover,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--theme:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--theme:hover {
  background: rgba(120, 53, 15, 0.4) !important;
  border-color: rgba(251, 191, 36, 0.45) !important;
  color: #FDE68A !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(245, 158, 11, 0.2);
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--palette, .sip-theme-picker html.dark-mode .nk-app-root .sip-icon-btn,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--palette,
.sip-theme-picker body.dark-mode .nk-app-root .sip-icon-btn,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--palette,
.sip-theme-picker [data-theme=dark] .nk-app-root .sip-icon-btn {
  color: #A78BFA !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--palette:hover, html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--palette.is-open, .sip-theme-picker html.dark-mode .nk-app-root .sip-icon-btn:hover, .sip-theme-picker html.dark-mode .nk-app-root .sip-icon-btn.is-open,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--palette:hover,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--palette.is-open,
.sip-theme-picker body.dark-mode .nk-app-root .sip-icon-btn:hover,
.sip-theme-picker body.dark-mode .nk-app-root .sip-icon-btn.is-open,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--palette:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--palette.is-open,
.sip-theme-picker [data-theme=dark] .nk-app-root .sip-icon-btn:hover,
.sip-theme-picker [data-theme=dark] .nk-app-root .sip-icon-btn.is-open {
  background: rgba(76, 29, 149, 0.4) !important;
  border-color: rgba(167, 139, 250, 0.45) !important;
  color: #C4B5FD !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(139, 92, 246, 0.2);
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-inbox-btn, html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--bell,
body.dark-mode .nk-app-root .sip-icon-btn.sip-inbox-btn,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--bell,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-inbox-btn,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--bell {
  color: #38BDF8 !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-inbox-btn:hover, html.dark-mode .nk-app-root .sip-icon-btn.sip-inbox-btn.is-open, html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--bell:hover, html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--bell.is-open,
body.dark-mode .nk-app-root .sip-icon-btn.sip-inbox-btn:hover,
body.dark-mode .nk-app-root .sip-icon-btn.sip-inbox-btn.is-open,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--bell:hover,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--bell.is-open,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-inbox-btn:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-inbox-btn.is-open,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--bell:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--bell.is-open {
  background: rgba(12, 74, 110, 0.45) !important;
  border-color: rgba(56, 189, 248, 0.45) !important;
  color: #7DD3FC !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(2, 132, 199, 0.2);
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--refresh,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--refresh,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--refresh {
  color: #38BDF8 !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--refresh:hover,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--refresh:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--refresh:hover {
  background: rgba(8, 51, 68, 0.45) !important;
  border-color: rgba(56, 189, 248, 0.45) !important;
  color: #7DD3FC !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(14, 165, 233, 0.2);
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--search,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--search,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--search {
  color: #38BDF8 !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--search:hover,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--search:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--search:hover {
  background: rgba(12, 74, 110, 0.45) !important;
  border-color: rgba(56, 189, 248, 0.45) !important;
  color: #7DD3FC !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--menu,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--menu,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--menu {
  color: #E2E8F0 !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--menu:hover,
body.dark-mode .nk-app-root .sip-icon-btn.sip-header-btn--menu:hover,
[data-theme=dark] .nk-app-root .sip-icon-btn.sip-header-btn--menu:hover {
  background: rgba(15, 23, 42, 0.95) !important;
  border-color: rgba(100, 116, 139, 0.75) !important;
}
html.dark-mode .nk-app-root .sip-icon-btn.is-refreshing,
body.dark-mode .nk-app-root .sip-icon-btn.is-refreshing,
[data-theme=dark] .nk-app-root .sip-icon-btn.is-refreshing {
  pointer-events: none;
  color: #38BDF8 !important;
  background: rgba(8, 51, 68, 0.45) !important;
  border-color: rgba(56, 189, 248, 0.45) !important;
}

.nk-app-root .sip-icon-btn.sip-session-btn {
  width: auto;
}

.nk-app-root .sip-icon-btn.is-refreshing {
  pointer-events: none;
  color: #0EA5E9 !important;
  background: rgba(240, 253, 250, 0.95) !important;
  border-color: rgba(14, 165, 233, 0.4) !important;
}

.nk-app-root .sip-icon-btn.is-refreshing .ico,
.nk-app-root .sip-icon-btn.is-refreshing svg {
  animation: sip-simple-spin 0.7s linear infinite;
}

/* —— Page intro (Stickydrop x-page-intro) ——
 * Sits on the normal page canvas (--sip-bg). No full-bleed white bar,
 * border, or shadow — transparent so the content area shows through.
 * Badge/breadcrumb meta, large tracking-tight title, muted description,
 * compact action cluster. Applies to sip-page-intro AND every first
 * .nk-block-head on list/content pages for visual parity. */
.nk-app-root .nk-content-body > div > .nk-block-head:first-child,
.nk-app-root .nk-content-body > .nk-block-head:first-child,
.nk-app-root .sip-content-outlet > div > .nk-block-head:first-child,
.nk-app-root .nk-content-body > div > .sip-page-header:first-child,
.nk-app-root .sip-page-header.nk-block-head,
.nk-app-root .sip-page-intro {
  position: relative;
  z-index: 20;
  overflow: visible;
  box-sizing: border-box;
  /* Cancel .nk-content padding-top (0.5rem) + .nk-content-body padding-top (0.35rem) */
  margin: -0.85rem 0 0.875rem !important;
  padding: 0.65rem 0 0.75rem !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.nk-app-root .nk-block-head {
  position: relative;
  z-index: 20;
  overflow: visible;
}

.nk-app-root .nk-block-head:not(.sip-page-intro):not(:first-child) {
  margin-bottom: 0.625rem !important;
}

.nk-app-root .nk-block-head-sm {
  padding-bottom: 0 !important;
}

/* List pages often wrap the table in .mt-3 (~16px). Don't stack that on the intro margin. */
.nk-app-root .nk-block-head + .table-responsive,
.nk-app-root .nk-block-head + .card,
.nk-app-root .nk-block-head + .datatable-wrap,
.nk-app-root .nk-block-head + .nk-tb-list,
.nk-app-root .nk-block-head + .mt-3,
.nk-app-root .sip-page-intro + .table-responsive,
.nk-app-root .sip-page-intro + .card,
.nk-app-root .sip-page-intro + .mt-3,
.nk-app-root .sip-page-intro + .d-flex {
  margin-top: 0 !important;
}

.nk-app-root .nk-block-between,
.nk-app-root .nk-block-between-md,
.nk-app-root .sip-page-intro__row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  overflow: visible !important;
}
@media (min-width: 576px) {
  .nk-app-root .nk-block-between,
  .nk-app-root .nk-block-between-md,
  .nk-app-root .sip-page-intro__row {
    flex-wrap: nowrap !important;
  }
}

.nk-app-root .sip-page-intro__row {
  align-items: flex-start !important;
}
@media (min-width: 640px) {
  .nk-app-root .sip-page-intro__row {
    align-items: center !important;
  }
}

.nk-app-root .nk-block-head-content,
.nk-app-root .nk-block-head-content:last-child,
.nk-app-root .toggle-wrap,
.nk-app-root .nk-block-tools-toggle,
.nk-app-root .sip-page-intro__copy,
.nk-app-root .sip-page-intro__actions {
  overflow: visible !important;
}

/* Desktop: tools stay overflow-visible so Filter/Sort/More menus escape.
   Mobile chip-scroller needs overflow-x on .toggle-expand-content + ul. */
@media (min-width: 768px) {
  .nk-app-root .toggle-expand-content,
  .nk-app-root .nk-block-tools {
    overflow: visible !important;
  }
}
.nk-app-root .nk-block-head-content:last-child,
.nk-app-root .sip-page-intro__actions {
  flex-shrink: 0;
  min-width: 0;
  padding-top: 0.125rem;
}
@media (min-width: 640px) {
  .nk-app-root .nk-block-head-content:last-child,
  .nk-app-root .sip-page-intro__actions {
    padding-top: 0;
  }
}

.nk-app-root .sip-page-intro__copy {
  max-width: 56rem;
  min-width: 0;
}

.nk-app-root .toggle-wrap.nk-block-tools-toggle {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}
.nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand {
  display: none !important;
}
.nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand-content {
  display: flex !important;
  align-items: center !important;
  position: static !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Meta row: badge · breadcrumbs (Stickydrop x-page-intro) */
.nk-app-root .sip-page-intro__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin: 0 0 0.35rem !important;
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
}

.nk-app-root .sip-page-intro__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  color: #0e7490 !important; /* cyan-700 */
}

.nk-app-root .sip-page-intro__badge--emerald {
  color: #047857 !important;
}

.nk-app-root .sip-page-intro__badge--rose {
  color: #be123c !important;
}

.nk-app-root .sip-page-intro__badge--amber {
  color: #b45309 !important;
}

.nk-app-root .sip-page-intro__badge--indigo {
  color: #4338ca !important;
}

.nk-app-root .sip-page-intro__badge--slate {
  color: #475569 !important;
}

.nk-app-root .sip-page-intro__badge--cyan {
  color: #0e7490 !important;
}

.nk-app-root .sip-page-intro__pulse {
  position: relative;
  display: inline-flex;
  width: 6px;
  height: 6px;
}

.nk-app-root .sip-page-intro__pulse-ping,
.nk-app-root .sip-page-intro__pulse-dot {
  border-radius: 999px;
  background: #06b6d4;
}

.nk-app-root .sip-page-intro__pulse-ping {
  position: absolute;
  inset: 0;
  opacity: 0.75;
  animation: sip-intro-ping 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.nk-app-root .sip-page-intro__pulse-dot {
  position: relative;
  width: 6px;
  height: 6px;
}

@keyframes sip-intro-ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.nk-app-root .sip-page-intro__meta-sep,
.nk-app-root .sip-page-intro__crumb-sep {
  color: #cbd5e1 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.nk-app-root .sip-page-intro__crumbs {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  color: #64748b !important;
}

.nk-app-root .sip-page-intro__crumb-link {
  font-weight: 500 !important;
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.15s ease;
}
.nk-app-root .sip-page-intro__crumb-link:hover {
  color: var(--sip-accent, #0284c7) !important;
  text-decoration: underline !important;
}

.nk-app-root .sip-page-intro__crumb-current {
  font-weight: 600 !important;
  color: #334155 !important;
}

.nk-app-root .nk-block-title,
.nk-app-root .nk-block-title.page-title,
.nk-app-root h3.page-title,
.nk-app-root .page-title,
.nk-app-root .sip-page-header .page-title,
.nk-app-root .nk-block-head h3,
.nk-app-root .nk-block-head-content h3,
.nk-app-root .sip-page-intro__title {
  margin: 0 !important;
  color: #0F172A !important;
  font-family: var(--sip-font, "Plus Jakarta Sans", sans-serif) !important;
  font-size: clamp(1.5rem, 2.2vw, 1.875rem) !important; /* ~text-2xl → text-3xl */
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
  min-height: 1.2em;
}

.nk-app-root .sip-page-intro__subtitle {
  margin: 0.25rem 0 0 !important;
  color: #334155 !important;
  font-family: var(--sip-font, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
}

.nk-app-root .nk-block-des,
.nk-app-root .nk-block-des.text-soft,
.nk-app-root .nk-block-head-sub,
.nk-app-root .nk-block-des p,
.nk-app-root .text-soft,
.nk-app-root .page-subtitle,
.nk-app-root .text-muted,
.nk-app-root .total-result,
.nk-app-root .sip-page-intro__des,
.nk-app-root .sip-page-intro__des p {
  margin: 0.25rem 0 0 !important;
  max-width: 48rem;
  color: #64748B !important;
  font-family: var(--sip-font, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 0.75rem !important; /* Stickydrop text-xs description */
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.nk-app-root .nk-block-tools {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nk-app-root .nk-block-tools > li,
.nk-app-root .nk-block-tools-opt {
  padding: 0 !important;
  margin: 0 !important;
  flex-shrink: 0;
}

/* Keep toolbar dropdowns anchored to the toggle (defeat Bootstrap
   position-static from data-boundary="viewport" + Popper offsets). */
.nk-app-root .nk-block-tools .btn-group,
.nk-app-root .nk-block-head .btn-group,
.nk-app-root .nk-block-tools .dropdown,
.nk-app-root .nk-block-head .dropdown {
  float: none !important;
  display: inline-flex !important;
  position: relative !important;
  overflow: visible !important;
}

/* —— Top Action Buttons: Stickydrop me-btn compact style —— */
.nk-app-root .nk-block-head .btn:not(.btn-icon):not(.btn-trigger),
.nk-app-root .nk-block-tools .btn:not(.btn-icon),
.nk-app-root .nk-block-tools-toggle .btn:not(.btn-icon):not(.btn-trigger),
.nk-app-root .sip-toolbar .btn,
.nk-app-root .sip-page-intro .btn:not(.btn-icon):not(.btn-trigger) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box !important;
  height: 32px !important; /* Stickydrop h-8 */
  min-height: 32px !important;
  max-height: 32px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 8px !important; /* rounded-lg */
  font-family: var(--sip-font) !important;
  font-size: 0.75rem !important; /* text-xs */
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap;
  transition: all 0.15s ease !important;
}

.nk-app-root .nk-block-head .btn:not(.btn-icon) .icon,
.nk-app-root .nk-block-tools .btn:not(.btn-icon) .icon,
.nk-app-root .sip-page-intro .btn:not(.btn-icon) .icon {
  margin: 0 !important;
  font-size: 1em !important;
  line-height: 1;
  width: auto !important;
}

.nk-app-root .nk-block-head .btn .icon + span,
.nk-app-root .nk-block-head .btn span + .icon,
.nk-app-root .nk-block-tools .btn .icon + span,
.nk-app-root .nk-block-tools .btn span + .icon {
  padding-left: 0 !important;
  margin: 0 !important;
}

/* Primary Button (+ Add / Create) — Sipinor accent (not Stickydrop slate-900) */
.nk-app-root .nk-block-head .btn-primary,
.nk-app-root .nk-block-tools .btn-primary,
.nk-app-root .btn-primary:not(.table-action .btn):not(.sip-row-actions__btn),
.nk-app-root .btn-add,
.nk-app-root .sip-page-intro .btn-primary {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  border-radius: 8px !important;
  padding: 0 0.875rem !important;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--sip-accent) 22%, transparent) !important;
}

.nk-app-root .nk-block-head .btn-primary:hover,
.nk-app-root .nk-block-tools .btn-primary:hover,
.nk-app-root .btn-primary:hover:not(.table-action .btn):not(.sip-row-actions__btn),
.nk-app-root .btn-add:hover,
.nk-app-root .sip-page-intro .btn-primary:hover {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--sip-accent) 32%, transparent) !important;
}

.nk-app-root .nk-block-head .btn-primary:active,
.nk-app-root .nk-block-tools .btn-primary:active,
.nk-app-root .btn-primary:active:not(.table-action .btn):not(.sip-row-actions__btn),
.nk-app-root .btn-add:active,
.nk-app-root .btn-primary:focus {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

/* Secondary Buttons (Filter, Sort, More, Export) */
.nk-app-root .nk-block-head .btn-outline-primary,
.nk-app-root .nk-block-tools .btn-outline-primary,
.nk-app-root .nk-block-tools .btn-outline-light,
.nk-app-root .nk-block-tools .btn-white,
.nk-app-root .nk-block-tools .btn-info,
.nk-app-root .nk-block-tools .btn-secondary,
.nk-app-root .nk-block-tools .btn-danger,
.nk-app-root .nk-block-tools .btn-sort,
.nk-app-root .nk-block-tools .btn-filter,
.nk-app-root .nk-block-tools .btn-more,
.nk-app-root .nk-block-tools #sortByLink,
.nk-app-root .nk-block-tools #moreOption,
.nk-app-root .btn-outline-light,
.nk-app-root .sip-page-intro .btn-outline-primary,
.nk-app-root .sip-page-intro .btn-info {
  background: #FFFFFF !important;
  border: 1px solid color-mix(in srgb, #E2E8F0 90%, transparent) !important;
  color: #334155 !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  border-radius: 8px !important;
  padding: 0 0.75rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.nk-app-root .nk-block-head .btn-outline-primary:hover,
.nk-app-root .nk-block-tools .btn-outline-primary:hover,
.nk-app-root .nk-block-tools .btn-outline-light:hover,
.nk-app-root .nk-block-tools .btn-white:hover,
.nk-app-root .nk-block-tools .btn-info:hover,
.nk-app-root .nk-block-tools .btn-secondary:hover,
.nk-app-root .nk-block-tools .btn-danger:hover,
.nk-app-root .nk-block-tools .btn-sort:hover,
.nk-app-root .nk-block-tools .btn-filter:hover,
.nk-app-root .nk-block-tools .btn-more:hover,
.nk-app-root .nk-block-tools #sortByLink:hover,
.nk-app-root .nk-block-tools #moreOption:hover,
.nk-app-root .btn-outline-light:hover,
.nk-app-root .sip-page-intro .btn-outline-primary:hover,
.nk-app-root .sip-page-intro .btn-info:hover {
  border-color: color-mix(in srgb, var(--sip-accent) 35%, #CBD5E1) !important;
  background: #F8FAFC !important;
  color: #0F172A !important;
}

.nk-app-root .nk-block-head .btn-outline-primary:active,
.nk-app-root .nk-block-tools .btn-outline-primary:active,
.nk-app-root .nk-block-tools .btn-outline-primary.active,
.nk-app-root .nk-block-tools .btn-outline-light:active,
.nk-app-root .nk-block-tools .btn-outline-light.active,
.nk-app-root .nk-block-tools .btn[aria-expanded=true],
.nk-app-root .nk-block-tools #sortByLink[aria-expanded=true],
.nk-app-root .nk-block-tools #moreOption[aria-expanded=true] {
  border-color: var(--sip-accent) !important;
  background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-surface, #ffffff)) !important;
  color: var(--sip-accent) !important;
}

.nk-app-root .nk-block-head .dropdown-menu,
.nk-app-root .nk-block-tools .dropdown-menu,
.nk-app-root .nk-block-head .btn-group .dropdown-menu,
.nk-app-root .nk-block-tools .btn-group .dropdown-menu,
.nk-app-root .nk-block-head .dropdown .dropdown-menu,
.nk-app-root .nk-block-tools .dropdown .dropdown-menu {
  z-index: 2500 !important;
  position: absolute !important;
  /* Cancel Popper inline top/left/transform from data-boundary / position-static. */
  inset: auto !important;
  top: 100% !important;
  bottom: auto !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  transform: none !important;
  will-change: auto !important;
  padding: 0.35rem !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.12), 0 8px 10px -6px rgba(15, 23, 42, 0.06) !important;
  font-family: var(--sip-font) !important;
  min-width: 140px;
}
.nk-app-root .nk-block-head .dropdown-menu.dropdown-menu-right, .nk-app-root .nk-block-head .dropdown-menu.dropdown-menu-end,
.nk-app-root .nk-block-tools .dropdown-menu.dropdown-menu-right,
.nk-app-root .nk-block-tools .dropdown-menu.dropdown-menu-end,
.nk-app-root .nk-block-head .btn-group .dropdown-menu.dropdown-menu-right,
.nk-app-root .nk-block-head .btn-group .dropdown-menu.dropdown-menu-end,
.nk-app-root .nk-block-tools .btn-group .dropdown-menu.dropdown-menu-right,
.nk-app-root .nk-block-tools .btn-group .dropdown-menu.dropdown-menu-end,
.nk-app-root .nk-block-head .dropdown .dropdown-menu.dropdown-menu-right,
.nk-app-root .nk-block-head .dropdown .dropdown-menu.dropdown-menu-end,
.nk-app-root .nk-block-tools .dropdown .dropdown-menu.dropdown-menu-right,
.nk-app-root .nk-block-tools .dropdown .dropdown-menu.dropdown-menu-end {
  right: 0 !important;
  left: auto !important;
}
.nk-app-root .nk-block-head .dropdown-menu:not(.dropdown-menu-right):not(.dropdown-menu-end),
.nk-app-root .nk-block-tools .dropdown-menu:not(.dropdown-menu-right):not(.dropdown-menu-end),
.nk-app-root .nk-block-head .btn-group .dropdown-menu:not(.dropdown-menu-right):not(.dropdown-menu-end),
.nk-app-root .nk-block-tools .btn-group .dropdown-menu:not(.dropdown-menu-right):not(.dropdown-menu-end),
.nk-app-root .nk-block-head .dropdown .dropdown-menu:not(.dropdown-menu-right):not(.dropdown-menu-end),
.nk-app-root .nk-block-tools .dropdown .dropdown-menu:not(.dropdown-menu-right):not(.dropdown-menu-end) {
  left: 0 !important;
  right: auto !important;
}

.nk-app-root .nk-block-head .dropdown-item,
.nk-app-root .nk-block-tools .dropdown-item,
.nk-app-root .dropdown-item.custom-dropdown {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem !important;
  border-radius: 8px;
  background: transparent !important;
  color: #334155 !important;
  font-family: var(--sip-font) !important;
  font-size: 0.825rem;
  font-weight: 550;
  transition: all 0.15s ease !important;
}
.nk-app-root .nk-block-head .dropdown-item .ico, .nk-app-root .nk-block-head .dropdown-item svg, .nk-app-root .nk-block-head .dropdown-item i,
.nk-app-root .nk-block-tools .dropdown-item .ico,
.nk-app-root .nk-block-tools .dropdown-item svg,
.nk-app-root .nk-block-tools .dropdown-item i,
.nk-app-root .dropdown-item.custom-dropdown .ico,
.nk-app-root .dropdown-item.custom-dropdown svg,
.nk-app-root .dropdown-item.custom-dropdown i {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 7px;
  box-sizing: content-box;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  --icon-color: var(--sip-accent, #2563EB);
  --icon-bg: color-mix(in srgb, var(--icon-color) 10%, transparent);
  --icon-border: color-mix(in srgb, var(--icon-color) 20%, transparent);
  background: var(--icon-bg);
  border: 1px solid var(--icon-border);
  color: var(--icon-color);
}

.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+1) .ico,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+1) svg,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+1) i,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+1) .ico,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+1) svg,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+1) i,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+1) .ico,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+1) svg,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+1) i,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+1) > a .ico,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+1) > a svg,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+1) > a i,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+1) > a .ico,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+1) > a svg,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+1) > a i {
  --icon-color: #2563EB;
  --icon-bg: rgba(37, 99, 235, 0.09);
  --icon-border: rgba(37, 99, 235, 0.18);
  background: var(--icon-bg);
  border-color: var(--icon-border);
  color: var(--icon-color);
}

.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+2) .ico,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+2) svg,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+2) i,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+2) .ico,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+2) svg,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+2) i,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+2) .ico,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+2) svg,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+2) i,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+2) > a .ico,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+2) > a svg,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+2) > a i,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+2) > a .ico,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+2) > a svg,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+2) > a i {
  --icon-color: #6366F1;
  --icon-bg: rgba(99, 102, 241, 0.09);
  --icon-border: rgba(99, 102, 241, 0.18);
  background: var(--icon-bg);
  border-color: var(--icon-border);
  color: var(--icon-color);
}

.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+3) .ico,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+3) svg,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+3) i,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+3) .ico,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+3) svg,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+3) i,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+3) .ico,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+3) svg,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+3) i,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+3) > a .ico,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+3) > a svg,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+3) > a i,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+3) > a .ico,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+3) > a svg,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+3) > a i {
  --icon-color: #0284C7;
  --icon-bg: rgba(2, 132, 199, 0.09);
  --icon-border: rgba(2, 132, 199, 0.18);
  background: var(--icon-bg);
  border-color: var(--icon-border);
  color: var(--icon-color);
}

.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+4) .ico,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+4) svg,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+4) i,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+4) .ico,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+4) svg,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+4) i,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+4) .ico,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+4) svg,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+4) i,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+4) > a .ico,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+4) > a svg,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+4) > a i,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+4) > a .ico,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+4) > a svg,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+4) > a i {
  --icon-color: #8B5CF6;
  --icon-bg: rgba(139, 92, 246, 0.09);
  --icon-border: rgba(139, 92, 246, 0.18);
  background: var(--icon-bg);
  border-color: var(--icon-border);
  color: var(--icon-color);
}

.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+5) .ico,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+5) svg,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+5) i,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+5) .ico,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+5) svg,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+5) i,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+5) .ico,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+5) svg,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+5) i,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+5) > a .ico,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+5) > a svg,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+5) > a i,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+5) > a .ico,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+5) > a svg,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+5) > a i {
  --icon-color: #10B981;
  --icon-bg: rgba(16, 185, 129, 0.09);
  --icon-border: rgba(16, 185, 129, 0.18);
  background: var(--icon-bg);
  border-color: var(--icon-border);
  color: var(--icon-color);
}

.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+6) .ico,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+6) svg,
.nk-app-root .nk-block-head .dropdown-item:nth-child(6n+6) i,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+6) .ico,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+6) svg,
.nk-app-root .nk-block-tools .dropdown-item:nth-child(6n+6) i,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+6) .ico,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+6) svg,
.nk-app-root .dropdown-item.custom-dropdown:nth-child(6n+6) i,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+6) > a .ico,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+6) > a svg,
.nk-app-root .sip-admin-header .link-list-opt li:nth-child(6n+6) > a i,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+6) > a .ico,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+6) > a svg,
.nk-app-root .sip-admin-header .link-list li:nth-child(6n+6) > a i {
  --icon-color: #F97316;
  --icon-bg: rgba(249, 115, 22, 0.09);
  --icon-border: rgba(249, 115, 22, 0.18);
  background: var(--icon-bg);
  border-color: var(--icon-border);
  color: var(--icon-color);
}

.nk-app-root .sip-admin-header .link-list-opt li > a,
.nk-app-root .sip-admin-header .link-list li > a {
  background: transparent !important;
}

.nk-app-root .nk-block-head .dropdown-item:hover,
.nk-app-root .nk-block-tools .dropdown-item:hover,
.nk-app-root .dropdown-item.custom-dropdown:hover,
.nk-app-root .sip-admin-header .link-list-opt li > a:hover,
.nk-app-root .sip-admin-header .link-list li > a:hover {
  background: rgba(241, 245, 249, 0.95) !important;
  color: var(--sip-accent) !important;
}
.nk-app-root .nk-block-head .dropdown-item:hover .ico, .nk-app-root .nk-block-head .dropdown-item:hover svg, .nk-app-root .nk-block-head .dropdown-item:hover i,
.nk-app-root .nk-block-tools .dropdown-item:hover .ico,
.nk-app-root .nk-block-tools .dropdown-item:hover svg,
.nk-app-root .nk-block-tools .dropdown-item:hover i,
.nk-app-root .dropdown-item.custom-dropdown:hover .ico,
.nk-app-root .dropdown-item.custom-dropdown:hover svg,
.nk-app-root .dropdown-item.custom-dropdown:hover i,
.nk-app-root .sip-admin-header .link-list-opt li > a:hover .ico,
.nk-app-root .sip-admin-header .link-list-opt li > a:hover svg,
.nk-app-root .sip-admin-header .link-list-opt li > a:hover i,
.nk-app-root .sip-admin-header .link-list li > a:hover .ico,
.nk-app-root .sip-admin-header .link-list li > a:hover svg,
.nk-app-root .sip-admin-header .link-list li > a:hover i {
  box-shadow: 0 2px 6px var(--icon-bg, rgba(15, 23, 42, 0.08));
}

.nk-app-root .nk-block-head .dropdown-item.active,
.nk-app-root .nk-block-tools .dropdown-item.active,
.nk-app-root .dropdown-item.custom-dropdown.active {
  background: color-mix(in srgb, var(--sip-accent) 12%, var(--sip-surface, #ffffff)) !important;
  color: var(--sip-accent-hover, var(--sip-accent)) !important;
  font-weight: 650;
}

.nk-app-root .nk-block-tools .dropdown-divider {
  border-color: var(--sip-line);
  margin: 0.3rem 0;
}

/* —— Sort dropdown: fixed icon slot so every row shares one left edge —— */
.nk-app-root .sip-sort-menu {
  min-width: 14.5rem;
}

.nk-app-root .sip-sort-menu .sip-sort-item,
.nk-app-root .dropdown-item.sip-sort-item {
  display: flex !important;
  align-items: center;
  gap: 0.55rem;
  min-height: 36px;
  padding: 0.4rem 0.7rem !important;
  text-align: left !important;
}

.nk-app-root .sip-sort-item__icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  line-height: 0;
  box-sizing: border-box;
  --icon-color: var(--sip-accent, #2563EB);
  --icon-bg: color-mix(in srgb, var(--icon-color) 10%, transparent);
  --icon-border: color-mix(in srgb, var(--icon-color) 20%, transparent);
  background: var(--icon-bg);
  border: 1px solid var(--icon-border);
  color: var(--icon-color);
}

.nk-app-root .sip-sort-item__icon .ico,
.nk-app-root .sip-sort-item__icon svg {
  width: 15px !important;
  height: 15px !important;
  display: block;
  flex-shrink: 0;
}

.nk-app-root .sip-sort-item__label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  line-height: 1.25;
}

.nk-app-root .sip-sort-item__check {
  flex: 0 0 auto;
  margin-left: auto;
  color: var(--sip-accent, var(--sip-brand));
  line-height: 0;
}

.nk-app-root .sip-sort-item__check .ico,
.nk-app-root .sip-sort-item__check svg {
  width: 14px !important;
  height: 14px !important;
  display: block;
}

/* —— Tables (Modern Card & Table Design) —— */
.nk-app-root .card:has(> .table),
.nk-app-root .card:has(.table-responsive) {
  background: var(--sip-surface, #FFFFFF) !important;
  border: 1px solid var(--sip-line, #E2E8F0) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  overflow: hidden !important;
}

.nk-app-root .nk-tb-list,
.nk-app-root .datatable-wrap,
.nk-app-root .table-responsive {
  background: var(--sip-surface, #FFFFFF) !important;
  border: 1px solid var(--sip-line, #E2E8F0) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  overflow-x: auto !important;
  overflow-y: hidden;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--sip-scroll-thumb, #CBD5E1) transparent;
  margin-bottom: 1rem !important;
}
.nk-app-root .nk-tb-list::-webkit-scrollbar,
.nk-app-root .datatable-wrap::-webkit-scrollbar,
.nk-app-root .table-responsive::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.nk-app-root .nk-tb-list::-webkit-scrollbar-track,
.nk-app-root .datatable-wrap::-webkit-scrollbar-track,
.nk-app-root .table-responsive::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
.nk-app-root .nk-tb-list::-webkit-scrollbar-thumb,
.nk-app-root .datatable-wrap::-webkit-scrollbar-thumb,
.nk-app-root .table-responsive::-webkit-scrollbar-thumb {
  background-color: var(--sip-scroll-thumb, #CBD5E1);
  border-radius: 999px;
}
.nk-app-root .nk-tb-list::-webkit-scrollbar-thumb:hover,
.nk-app-root .datatable-wrap::-webkit-scrollbar-thumb:hover,
.nk-app-root .table-responsive::-webkit-scrollbar-thumb:hover {
  background-color: var(--sip-scroll-thumb-hover, var(--sip-accent));
}

.nk-app-root .card:not(.sip-content-card) .table-responsive,
.nk-app-root .card-inner .table-responsive,
.nk-app-root .card-body .table-responsive {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-bottom: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden;
}

.nk-app-root table.table,
.nk-app-root .table,
.nk-app-root .nk-tb-list {
  table-layout: auto;
  width: 100%;
  min-width: 100%;
  max-width: none;
  margin-bottom: 0 !important;
  border: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--sip-surface, #FFFFFF) !important;
  color: var(--sip-text, #0F172A);
  font-family: var(--sip-font) !important;
  font-size: 0.875rem !important;
}

.nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > *,
.nk-app-root .table-striped > tbody > tr:nth-of-type(odd) {
  background: transparent !important;
  --bs-table-accent-bg: transparent;
  --bs-table-bg-type: transparent;
}

.nk-app-root table.table thead,
.nk-app-root .table thead,
.nk-app-root table.table thead tr,
.nk-app-root .table thead tr {
  background-color: color-mix(in srgb, var(--sip-bg, #F8FAFC) 85%, var(--sip-surface, #FFFFFF)) !important;
}

.nk-app-root table.table thead th,
.nk-app-root .table thead th,
.nk-app-root .nk-tb-list .nk-tb-head .nk-tb-col,
.nk-app-root .nk-tb-item.nk-tb-head .nk-tb-col {
  position: relative;
  text-align: left;
  vertical-align: middle !important;
  align-items: center;
  padding: 0.8125rem 1rem !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--sip-line, #E2E8F0) !important;
  background-color: color-mix(in srgb, var(--sip-bg, #F8FAFC) 85%, var(--sip-surface, #FFFFFF)) !important;
  background: color-mix(in srgb, var(--sip-bg, #F8FAFC) 85%, var(--sip-surface, #FFFFFF)) !important;
  color: var(--sip-muted, #64748B) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  white-space: nowrap;
  height: auto;
  box-sizing: border-box;
  --bs-table-bg: color-mix(in srgb, var(--sip-bg, #F8FAFC) 85%, var(--sip-surface, #FFFFFF));
  --bs-table-accent-bg: color-mix(in srgb, var(--sip-bg, #F8FAFC) 85%, var(--sip-surface, #FFFFFF));
}

.nk-app-root table.table thead th,
.nk-app-root .table thead th {
  display: table-cell;
}

.nk-app-root .nk-tb-list .nk-tb-head .nk-tb-col,
.nk-app-root .nk-tb-item.nk-tb-head .nk-tb-col {
  display: flex;
}

.nk-app-root table.table thead th.sip-th-action,
.nk-app-root table.table thead th.table-action,
.nk-app-root table.table thead th:last-child:not(.sip-col-text):not(.remarks):not(.description) {
  text-align: right !important;
  padding-right: 1.125rem !important;
}

.nk-app-root table.table thead th.select-all {
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  text-align: center;
  vertical-align: middle !important;
  line-height: 1 !important;
  white-space: nowrap;
  padding-top: 0.8125rem !important;
  padding-bottom: 0.8125rem !important;
  padding-left: 1rem !important;
  padding-right: 0.5rem !important;
}

.nk-app-root table.table thead th.select-all .custom-control,
.nk-app-root table.table thead th.select-all .custom-control.custom-checkbox {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1rem;
  height: 1rem;
  min-height: 1rem !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  vertical-align: middle;
  line-height: 1;
}

.nk-app-root table.table thead th.select-all .custom-control-label {
  position: relative;
  width: 1rem;
  height: 1rem;
  min-height: 1rem;
  margin: 0;
  padding-left: 0 !important;
  line-height: 1;
}

.nk-app-root table.table thead th.select-all .custom-control-label::before,
.nk-app-root table.table thead th.select-all .custom-control-label::after {
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%);
}

.nk-app-root table.table thead th.select-all .custom-control-input {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  margin: 0;
}

.nk-app-root table.table tbody td,
.nk-app-root .table tbody td,
.nk-app-root .nk-tb-list .nk-tb-item .nk-tb-col {
  padding: 0.8125rem 1rem !important;
  border-bottom: 1px solid color-mix(in srgb, var(--sip-line, #E2E8F0) 80%, transparent) !important;
  background: var(--sip-surface, #FFFFFF) !important;
  color: var(--sip-text, #1E293B) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.84375rem !important;
  font-weight: 500 !important;
  line-height: var(--sip-td-lh, 1.45);
  vertical-align: middle !important;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  -webkit-hyphens: none;
          hyphens: none;
  overflow: visible;
  max-width: none;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

/* Tags / status pills sit cleanly in denser list cells */
.nk-app-root table.table tbody td .badge,
.nk-app-root table.table tbody td .doc-tag-chip,
.nk-app-root table.table tbody td .sip-badge,
.nk-app-root .nk-tb-list .nk-tb-item .nk-tb-col .badge {
  margin: 0.15rem 0.35rem 0.15rem 0 !important;
  vertical-align: middle !important;
}

.nk-app-root table.table tbody td::before,
.nk-app-root .table tbody td::before {
  content: none;
  display: none;
}

/* Title / first data column: take leftover width so it does not crush into a stacked card cell. */
.nk-app-root table.table th.sip-cell-primary,
.nk-app-root table.table td.sip-cell-primary,
.nk-app-root table.table td.sip-cell-title {
  min-width: var(--sip-col-text-min, 16rem);
  width: auto;
  max-width: none;
}

/* Serial / numeric # column only — do not treat Title (first data column) as serial. */
.nk-app-root table.table th.sip-col-serial,
.nk-app-root table.table td.sip-col-serial,
.nk-app-root .sip-col-serial {
  width: 1%;
  min-width: var(--sip-col-serial-min, 3.5rem);
  max-width: none;
  white-space: nowrap !important;
  overflow: hidden;
  overflow-wrap: normal !important;
  word-break: normal !important;
  -webkit-hyphens: none;
          hyphens: none;
  text-align: left;
}

/* Dates, status, gender, counts, short codes, employee: one line, shrink-to-fit.
 * min-width:0 + overflow:hidden crushed date+badge cells on desktop. */
.nk-app-root table.table th.sip-col-compact,
.nk-app-root table.table td.sip-col-compact,
.nk-app-root .sip-col-compact {
  width: 1%;
  min-width: auto;
  max-width: none;
  white-space: nowrap !important;
  overflow: visible;
  text-overflow: unset;
  overflow-wrap: normal !important;
  word-break: normal !important;
  -webkit-hyphens: none;
          hyphens: none;
}

.nk-app-root .sip-td-expiry {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0.5rem !important;
  max-width: none;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.nk-app-root .sip-td-expiry > .badge {
  margin: 0 !important;
  flex: 0 0 auto;
  border-radius: 6px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

/* Remarks / description / address / title: take leftover width. */
.nk-app-root table.table th.sip-col-text,
.nk-app-root table.table td.sip-col-text,
.nk-app-root table.table th.remarks,
.nk-app-root table.table td.remarks,
.nk-app-root table.table th.description,
.nk-app-root table.table td.description,
.nk-app-root .sip-col-text {
  min-width: var(--sip-col-text-min, 16rem);
  width: auto;
  max-width: none;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
}

/* 2-col key/value show tables (Institute Information card, etc.): wrap in-card, no horizontal scroll.
 * List tables (Institute Document, Enquiry) keep .table-responsive overflow-x. */
.nk-app-root .table-responsive:has(.custom-show-table),
.nk-app-root .card .table-responsive:has(.custom-show-table),
.nk-app-root .col-lg-4 .table-responsive:has(.custom-show-table) {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-width: 100%;
  width: 100%;
}

.nk-app-root table.table.custom-show-table {
  table-layout: fixed !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.nk-app-root table.table.custom-show-table tbody td {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: none !important;
}

.nk-app-root table.table.custom-show-table tbody td:first-child {
  width: 38%;
  max-width: 38%;
  color: var(--sip-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  overflow: visible;
}

.nk-app-root table.table.custom-show-table tbody td:last-child {
  width: 62%;
  max-width: 62%;
}

.nk-app-root table.table tbody td:not(.table-action):not(.table-option):not(.nk-tb-col-tools) .sip-td-wrap,
.nk-app-root table.table tbody td:not(.table-action):not(.table-option):not(.nk-tb-col-tools) .sip-td-compact,
.nk-app-root table.table tbody td:not(.table-action):not(.table-option):not(.nk-tb-col-tools) .sip-td-clip,
.nk-app-root table.table th.sip-td-wrap,
.nk-app-root table.table td.sip-td-wrap,
.nk-app-root .sip-td-wrap,
.nk-app-root .sip-td-compact,
.nk-app-root .sip-td-clip {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--sip-td-lines, 4);
  line-clamp: var(--sip-td-lines, 4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  -webkit-hyphens: none;
          hyphens: none;
  min-width: 0;
  max-width: none;
  line-height: var(--sip-td-lh, 1.35);
}

.nk-app-root table.table td.sip-col-text .sip-td-wrap,
.nk-app-root table.table td.sip-col-text .sip-td-clip,
.nk-app-root table.table td.remarks .sip-td-wrap,
.nk-app-root table.table td.remarks .sip-td-clip,
.nk-app-root .sip-td-wrap {
  min-width: 0;
}

.nk-app-root table.table tbody td.table-action,
.nk-app-root table.table tbody td.table-option,
.nk-app-root table.table tbody td.nk-tb-col-tools,
.nk-app-root .nk-tb-col-tools {
  width: 1%;
  min-width: 9rem;
  white-space: nowrap !important;
  overflow: visible;
  text-overflow: unset;
  line-clamp: unset;
  -webkit-line-clamp: unset;
  max-width: none;
  word-break: normal;
  overflow-wrap: normal;
}

.nk-app-root table.table tbody td.table-action .btn-group,
.nk-app-root table.table tbody td .btn-group,
.nk-app-root .nk-tb-col-tools .btn-group {
  white-space: nowrap;
}

.nk-app-root table.table.sip-cols-resized {
  table-layout: fixed !important;
  width: 100%;
}

.nk-app-root table.table.sip-cols-resized tbody td:not(.table-action):not(.nk-tb-col-tools) {
  max-width: none;
}

.nk-app-root table.table tbody tr:last-child td,
.nk-app-root .table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.nk-app-root table.table tbody tr:hover td,
.nk-app-root .table tbody tr:hover td,
.nk-app-root .nk-tb-list .nk-tb-item:hover .nk-tb-col {
  background: color-mix(in srgb, var(--sip-accent, #0284C7) 3.5%, var(--sip-surface, #FFFFFF)) !important;
}

.nk-app-root .card {
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02) !important;
  background: #FFFFFF !important;
}

html.dark-mode .nk-app-root .card {
  background: #1E293B !important;
  border-color: #334155 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

/* —— Dark mode: list chrome, tables, pager (global) ——
 * Light CDSS rules hardcode #fff / #0F172A with !important; override here. */
html.dark-mode .nk-app-root .nk-block-title,
html.dark-mode .nk-app-root .nk-block-title.page-title,
html.dark-mode .nk-app-root h3.page-title,
html.dark-mode .nk-app-root .page-title,
html.dark-mode .nk-app-root .sip-page-header .page-title,
html.dark-mode .nk-app-root .nk-block-head h3,
html.dark-mode .nk-app-root .nk-block-head-content h3,
html.dark-mode .nk-app-root .sip-page-intro__title,
html body.dark-mode .nk-app-root .nk-block-title,
html body.dark-mode .nk-app-root .page-title,
html body.dark-mode .nk-app-root .nk-block-head h3 {
  color: #F8FAFC !important;
}

html.dark-mode .nk-app-root .nk-content-body > div > .nk-block-head:first-child,
html.dark-mode .nk-app-root .nk-content-body > .nk-block-head:first-child,
html.dark-mode .nk-app-root .sip-content-outlet > div > .nk-block-head:first-child,
html.dark-mode .nk-app-root .sip-page-header.nk-block-head,
html.dark-mode .nk-app-root .sip-page-intro,
html body.dark-mode .nk-app-root .sip-page-intro,
html body.dark-mode .nk-app-root .nk-content-body > div > .nk-block-head:first-child {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html.dark-mode .nk-app-root .sip-page-intro__badge--cyan {
  color: #67e8f9 !important;
}

html.dark-mode .nk-app-root .sip-page-intro__badge--emerald {
  color: #6ee7b7 !important;
}

html.dark-mode .nk-app-root .sip-page-intro__badge--rose {
  color: #fda4af !important;
}

html.dark-mode .nk-app-root .sip-page-intro__badge--amber {
  color: #fcd34d !important;
}

html.dark-mode .nk-app-root .sip-page-intro__badge--indigo {
  color: #a5b4fc !important;
}

html.dark-mode .nk-app-root .sip-page-intro__badge--slate {
  color: #94a3b8 !important;
}

html.dark-mode .nk-app-root .sip-page-intro__meta-sep,
html.dark-mode .nk-app-root .sip-page-intro__crumb-sep {
  color: #475569 !important;
}

html.dark-mode .nk-app-root .sip-page-intro__crumbs,
html.dark-mode .nk-app-root .sip-page-intro__crumb-link {
  color: #94a3b8 !important;
}

html.dark-mode .nk-app-root .sip-page-intro__crumb-current,
html.dark-mode .nk-app-root .sip-page-intro__subtitle {
  color: #e2e8f0 !important;
}

html.dark-mode .nk-app-root .nk-block-des,
html.dark-mode .nk-app-root .nk-block-des.text-soft,
html.dark-mode .nk-app-root .nk-block-head-sub,
html.dark-mode .nk-app-root .nk-block-des p,
html.dark-mode .nk-app-root .text-soft,
html.dark-mode .nk-app-root .page-subtitle,
html.dark-mode .nk-app-root .text-muted,
html.dark-mode .nk-app-root .total-result,
html.dark-mode .nk-app-root .sip-page-intro__des,
html.dark-mode .nk-app-root .sip-page-intro__des p,
html body.dark-mode .nk-app-root .nk-block-des,
html body.dark-mode .nk-app-root .text-muted,
html body.dark-mode .nk-app-root .total-result {
  color: #94A3B8 !important;
}

html.dark-mode .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand,
html body.dark-mode .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand {
  border-color: #334155 !important;
  background: #1E293B !important;
  color: #E2E8F0 !important;
}

html.dark-mode .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand-content.expanded,
html body.dark-mode .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand-content.expanded {
  background: #1E293B !important;
  border-color: #334155 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45) !important;
}

html.dark-mode .nk-app-root .nk-block-head .btn-outline-primary,
html.dark-mode .nk-app-root .nk-block-tools .btn-outline-primary,
html.dark-mode .nk-app-root .nk-block-tools .btn-outline-light,
html.dark-mode .nk-app-root .nk-block-tools .btn-white,
html.dark-mode .nk-app-root .nk-block-tools .btn-info,
html.dark-mode .nk-app-root .nk-block-tools .btn-secondary,
html.dark-mode .nk-app-root .nk-block-tools .btn-danger,
html.dark-mode .nk-app-root .nk-block-tools .btn-sort,
html.dark-mode .nk-app-root .nk-block-tools .btn-filter,
html.dark-mode .nk-app-root .nk-block-tools .btn-more,
html.dark-mode .nk-app-root .nk-block-tools #sortByLink,
html.dark-mode .nk-app-root .nk-block-tools #moreOption,
html.dark-mode .nk-app-root .btn-outline-light,
html body.dark-mode .nk-app-root .nk-block-head .btn-outline-primary,
html body.dark-mode .nk-app-root .nk-block-tools .btn-outline-primary,
html body.dark-mode .nk-app-root .nk-block-tools .btn-outline-light,
html body.dark-mode .nk-app-root .nk-block-tools .btn-white,
html body.dark-mode .nk-app-root .nk-block-tools .btn-sort,
html body.dark-mode .nk-app-root .nk-block-tools .btn-filter,
html body.dark-mode .nk-app-root .nk-block-tools .btn-more,
html body.dark-mode .nk-app-root .nk-block-tools #sortByLink,
html body.dark-mode .nk-app-root .nk-block-tools #moreOption {
  background: #1E293B !important;
  border-color: #334155 !important;
  color: #E2E8F0 !important;
  box-shadow: none !important;
}

html.dark-mode .nk-app-root .nk-block-head .btn-outline-primary:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-outline-primary:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-outline-light:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-white:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-info:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-secondary:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-danger:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-sort:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-filter:hover,
html.dark-mode .nk-app-root .nk-block-tools .btn-more:hover,
html.dark-mode .nk-app-root .nk-block-tools #sortByLink:hover,
html.dark-mode .nk-app-root .nk-block-tools #moreOption:hover,
html.dark-mode .nk-app-root .btn-outline-light:hover,
html body.dark-mode .nk-app-root .nk-block-tools .btn-outline-primary:hover,
html body.dark-mode .nk-app-root .nk-block-tools .btn-outline-light:hover,
html body.dark-mode .nk-app-root .nk-block-tools .btn-sort:hover,
html body.dark-mode .nk-app-root .nk-block-tools .btn-filter:hover,
html body.dark-mode .nk-app-root .nk-block-tools .btn-more:hover {
  border-color: #475569 !important;
  background: #0F172A !important;
  color: #F8FAFC !important;
}

html.dark-mode .nk-app-root .nk-block-head .btn-outline-primary:active,
html.dark-mode .nk-app-root .nk-block-tools .btn-outline-primary:active,
html.dark-mode .nk-app-root .nk-block-tools .btn-outline-primary.active,
html.dark-mode .nk-app-root .nk-block-tools .btn-outline-light:active,
html.dark-mode .nk-app-root .nk-block-tools .btn-outline-light.active,
html.dark-mode .nk-app-root .nk-block-tools .btn[aria-expanded=true],
html.dark-mode .nk-app-root .nk-block-tools #sortByLink[aria-expanded=true],
html.dark-mode .nk-app-root .nk-block-tools #moreOption[aria-expanded=true],
html body.dark-mode .nk-app-root .nk-block-tools .btn[aria-expanded=true] {
  border-color: var(--sip-accent) !important;
  background: color-mix(in srgb, var(--sip-accent) 18%, transparent) !important;
  color: var(--sip-accent) !important;
}

html.dark-mode .nk-app-root .nk-block-head .dropdown-menu,
html.dark-mode .nk-app-root .nk-block-tools .dropdown-menu,
html.dark-mode .nk-app-root .nk-block-head .btn-group .dropdown-menu,
html.dark-mode .nk-app-root .nk-block-tools .btn-group .dropdown-menu,
html body.dark-mode .nk-app-root .nk-block-tools .dropdown-menu {
  background: #1E293B !important;
  border-color: #334155 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45) !important;
}

html.dark-mode .nk-app-root .nk-block-head .dropdown-item,
html.dark-mode .nk-app-root .nk-block-tools .dropdown-item,
html.dark-mode .nk-app-root .dropdown-item.custom-dropdown,
html body.dark-mode .nk-app-root .nk-block-tools .dropdown-item {
  color: #E2E8F0 !important;
  background: transparent !important;
}

html.dark-mode .nk-app-root .nk-block-head .dropdown-item:hover,
html.dark-mode .nk-app-root .nk-block-tools .dropdown-item:hover,
html.dark-mode .nk-app-root .dropdown-item.custom-dropdown:hover,
html body.dark-mode .nk-app-root .nk-block-tools .dropdown-item:hover,
html.dark-mode .nk-app-root .sip-admin-header .link-list-opt li > a:hover,
html.dark-mode .nk-app-root .sip-admin-header .link-list li > a:hover {
  background: rgba(51, 65, 85, 0.55) !important;
  color: var(--sip-accent-on, #38BDF8) !important;
}

html.dark-mode .nk-app-root .nk-tb-list,
html.dark-mode .nk-app-root .datatable-wrap,
html.dark-mode .nk-app-root .table-responsive,
html.dark-mode .nk-app-root .card:has(> .table),
html.dark-mode .nk-app-root .card:has(.table-responsive),
html body.dark-mode .nk-app-root .nk-tb-list,
html body.dark-mode .nk-app-root .datatable-wrap,
html body.dark-mode .nk-app-root .table-responsive,
html body.dark-mode .nk-app-root .card:has(> .table),
html body.dark-mode .nk-app-root .card:has(.table-responsive) {
  background: #1E293B !important;
  border-color: #334155 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

html.dark-mode .nk-app-root .table-responsive,
html body.dark-mode .nk-app-root .table-responsive {
  scrollbar-color: var(--sip-scroll-thumb, #475569) transparent;
}
html.dark-mode .nk-app-root .table-responsive::-webkit-scrollbar-thumb,
html body.dark-mode .nk-app-root .table-responsive::-webkit-scrollbar-thumb {
  background-color: var(--sip-scroll-thumb, #475569);
}
html.dark-mode .nk-app-root .table-responsive::-webkit-scrollbar-thumb:hover,
html body.dark-mode .nk-app-root .table-responsive::-webkit-scrollbar-thumb:hover {
  background-color: var(--sip-scroll-thumb-hover, var(--sip-accent));
}

html.dark-mode .nk-app-root table.table,
html.dark-mode .nk-app-root .table,
html.dark-mode .nk-app-root .nk-tb-list,
html body.dark-mode .nk-app-root table.table,
html body.dark-mode .nk-app-root .table,
html body.dark-mode .nk-app-root .nk-tb-list {
  background: #1E293B !important;
  color: #E2E8F0 !important;
  --bs-table-bg: #1E293B;
  --bs-table-color: #E2E8F0;
  --bs-table-striped-bg: #172033;
  --bs-table-striped-color: #E2E8F0;
  --bs-table-hover-bg: #0F172A;
  --bs-table-hover-color: #F8FAFC;
  --bs-table-border-color: #334155;
}

html.dark-mode .nk-app-root table.table thead,
html.dark-mode .nk-app-root .table thead,
html.dark-mode .nk-app-root table.table thead tr,
html.dark-mode .nk-app-root .table thead tr,
html body.dark-mode .nk-app-root table.table thead,
html body.dark-mode .nk-app-root .table thead,
html body.dark-mode .nk-app-root table.table thead tr,
html body.dark-mode .nk-app-root .table thead tr {
  background-color: #0F172A !important;
}

html.dark-mode .nk-app-root table.table thead th,
html.dark-mode .nk-app-root .table thead th,
html.dark-mode .nk-app-root .nk-tb-list .nk-tb-head .nk-tb-col,
html.dark-mode .nk-app-root .nk-tb-item.nk-tb-head .nk-tb-col,
html body.dark-mode .nk-app-root table.table thead th,
html body.dark-mode .nk-app-root .table thead th,
html body.dark-mode .nk-app-root .nk-tb-list .nk-tb-head .nk-tb-col {
  background-color: #0F172A !important;
  background: #0F172A !important;
  border-bottom-color: #334155 !important;
  color: #94A3B8 !important;
  --bs-table-bg: #0F172A;
  --bs-table-accent-bg: #0F172A;
}

html.dark-mode .nk-app-root table.table tbody td,
html.dark-mode .nk-app-root .table tbody td,
html.dark-mode .nk-app-root .nk-tb-list .nk-tb-item .nk-tb-col,
html body.dark-mode .nk-app-root table.table tbody td,
html body.dark-mode .nk-app-root .table tbody td,
html body.dark-mode .nk-app-root .nk-tb-list .nk-tb-item .nk-tb-col {
  background: #1E293B !important;
  border-bottom-color: #334155 !important;
  color: #E2E8F0 !important;
}

html.dark-mode .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > *,
html.dark-mode .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > td,
html.dark-mode .nk-app-root .table-striped > tbody > tr:nth-of-type(odd),
html.dark-mode .nk-app-root .table-striped > tbody > tr:nth-of-type(odd) > td,
html body.dark-mode .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > td {
  background: #172033 !important;
  --bs-table-accent-bg: #172033;
  --bs-table-bg-type: #172033;
  color: #E2E8F0 !important;
}

html.dark-mode .nk-app-root table.table tbody tr:hover td,
html.dark-mode .nk-app-root .table tbody tr:hover td,
html.dark-mode .nk-app-root .nk-tb-list .nk-tb-item:hover .nk-tb-col,
html body.dark-mode .nk-app-root table.table tbody tr:hover td,
html body.dark-mode .nk-app-root .table tbody tr:hover td {
  background: color-mix(in srgb, var(--sip-accent, #0284C7) 7%, #1E293B) !important;
}

html.dark-mode .nk-app-root table.table.custom-show-table tbody td:first-child,
html body.dark-mode .nk-app-root table.table.custom-show-table tbody td:first-child {
  color: #94A3B8 !important;
}

html.dark-mode .nk-app-root .sip-pager,
html body.dark-mode .nk-app-root .sip-pager {
  background: #1E293B !important;
  border-color: #334155 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

html.dark-mode .nk-app-root .table-responsive + .sip-pager,
html.dark-mode .nk-app-root .nk-tb-list + .sip-pager,
html.dark-mode .nk-app-root .card + .sip-pager,
html body.dark-mode .nk-app-root .table-responsive + .sip-pager {
  border-top-color: #334155 !important;
}

html.dark-mode .nk-app-root .sip-pager__meta,
html body.dark-mode .nk-app-root .sip-pager__meta {
  color: #94A3B8 !important;
}

html.dark-mode .nk-app-root .sip-pager__btn,
html body.dark-mode .nk-app-root .sip-pager__btn {
  background: #0F172A !important;
  border-color: #334155 !important;
  color: #E2E8F0 !important;
}

html.dark-mode .nk-app-root .sip-pager__btn:hover:not(:disabled):not(.is-ellipsis),
html body.dark-mode .nk-app-root .sip-pager__btn:hover:not(:disabled):not(.is-ellipsis) {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #F8FAFC !important;
}

html.dark-mode .nk-app-root .sip-pager__btn.is-active,
html.dark-mode .nk-app-root .sip-pager__btn[aria-current=page],
html body.dark-mode .nk-app-root .sip-pager__btn.is-active,
html body.dark-mode .nk-app-root .sip-pager__btn[aria-current=page] {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

html.dark-mode .nk-app-root .sip-pager__select,
html body.dark-mode .nk-app-root .sip-pager__select {
  background-color: #0F172A !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.7rem center !important;
  background-size: 12px !important;
  border-color: #334155 !important;
  color: #E2E8F0 !important;
}

html.dark-mode .nk-app-root .sip-pager__select:focus,
html body.dark-mode .nk-app-root .sip-pager__select:focus {
  border-color: var(--sip-accent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sip-accent) 25%, transparent) !important;
}

html.dark-mode .nk-app-root .card-inner,
html.dark-mode .nk-app-root .card .card-inner,
html body.dark-mode .nk-app-root .card-inner {
  background: #1E293B !important;
  color: #E2E8F0 !important;
}

/* CDSS Horizontal Tab System */
.nk-app-root .nav-tabs,
.nk-app-root .sip-nav-tabs {
  border-bottom: 1px solid #E2E8F0 !important;
  display: flex !important;
  gap: 6px !important;
  margin-bottom: 1.25rem !important;
  padding: 0 !important;
  list-style: none !important;
}
.nk-app-root .nav-tabs .nav-item,
.nk-app-root .sip-nav-tabs .nav-item {
  margin-bottom: -1px !important;
}
.nk-app-root .nav-tabs .nav-link,
.nk-app-root .nav-tabs a,
.nk-app-root .sip-nav-tabs .nav-link,
.nk-app-root .sip-nav-tabs a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0.65rem 0.95rem !important;
  font-family: var(--sip-font) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  transition: all 0.15s ease !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.nk-app-root .nav-tabs .nav-link:hover,
.nk-app-root .nav-tabs a:hover,
.nk-app-root .sip-nav-tabs .nav-link:hover,
.nk-app-root .sip-nav-tabs a:hover {
  color: #0F172A !important;
  border-bottom-color: #CBD5E1 !important;
  background: transparent !important;
}
.nk-app-root .nav-tabs .nav-link.active, .nk-app-root .nav-tabs .nav-link.show,
.nk-app-root .nav-tabs a.active,
.nk-app-root .nav-tabs a.show,
.nk-app-root .sip-nav-tabs .nav-link.active,
.nk-app-root .sip-nav-tabs .nav-link.show,
.nk-app-root .sip-nav-tabs a.active,
.nk-app-root .sip-nav-tabs a.show {
  color: var(--sip-accent) !important;
  font-weight: 600 !important;
  border-bottom-color: var(--sip-accent) !important;
  background: transparent !important;
}
.nk-app-root .nav-tabs .nav-link.active .badge,
.nk-app-root .nav-tabs .nav-link.active .sip-tab-count, .nk-app-root .nav-tabs .nav-link.show .badge,
.nk-app-root .nav-tabs .nav-link.show .sip-tab-count,
.nk-app-root .nav-tabs a.active .badge,
.nk-app-root .nav-tabs a.active .sip-tab-count,
.nk-app-root .nav-tabs a.show .badge,
.nk-app-root .nav-tabs a.show .sip-tab-count,
.nk-app-root .sip-nav-tabs .nav-link.active .badge,
.nk-app-root .sip-nav-tabs .nav-link.active .sip-tab-count,
.nk-app-root .sip-nav-tabs .nav-link.show .badge,
.nk-app-root .sip-nav-tabs .nav-link.show .sip-tab-count,
.nk-app-root .sip-nav-tabs a.active .badge,
.nk-app-root .sip-nav-tabs a.active .sip-tab-count,
.nk-app-root .sip-nav-tabs a.show .badge,
.nk-app-root .sip-nav-tabs a.show .sip-tab-count {
  background: var(--sip-accent-soft) !important;
  color: var(--sip-accent) !important;
}
.nk-app-root .nav-tabs .nav-link .badge,
.nk-app-root .nav-tabs .nav-link .sip-tab-count,
.nk-app-root .nav-tabs a .badge,
.nk-app-root .nav-tabs a .sip-tab-count,
.nk-app-root .sip-nav-tabs .nav-link .badge,
.nk-app-root .sip-nav-tabs .nav-link .sip-tab-count,
.nk-app-root .sip-nav-tabs a .badge,
.nk-app-root .sip-nav-tabs a .sip-tab-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.15rem 0.45rem !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  background: #F1F5F9 !important;
  color: #475569 !important;
  line-height: 1 !important;
}

html.dark-mode .nk-app-root .nav-tabs {
  border-bottom-color: #334155 !important;
}
html.dark-mode .nk-app-root .nav-tabs .nav-link,
html.dark-mode .nk-app-root .nav-tabs a {
  color: #94A3B8 !important;
}
html.dark-mode .nk-app-root .nav-tabs .nav-link:hover,
html.dark-mode .nk-app-root .nav-tabs a:hover {
  color: #F8FAFC !important;
  border-bottom-color: #475569 !important;
}
html.dark-mode .nk-app-root .nav-tabs .nav-link.active,
html.dark-mode .nk-app-root .nav-tabs a.active {
  color: var(--sip-accent) !important;
  border-bottom-color: var(--sip-accent) !important;
}
html.dark-mode .nk-app-root .nav-tabs .nav-link.active .badge,
html.dark-mode .nk-app-root .nav-tabs .nav-link.active .sip-tab-count,
html.dark-mode .nk-app-root .nav-tabs a.active .badge,
html.dark-mode .nk-app-root .nav-tabs a.active .sip-tab-count {
  background: var(--sip-accent-hover) !important;
  color: #F8FAFC !important;
}
html.dark-mode .nk-app-root .nav-tabs .nav-link .badge,
html.dark-mode .nk-app-root .nav-tabs .nav-link .sip-tab-count,
html.dark-mode .nk-app-root .nav-tabs a .badge,
html.dark-mode .nk-app-root .nav-tabs a .sip-tab-count {
  background: #0F172A !important;
  color: #94A3B8 !important;
}

/* CDSS Status Pill Badges */
.nk-app-root .badge,
.nk-app-root .doc-tag-chip,
.nk-app-root .doc-filter-chip,
.nk-app-root .badge-dim,
.nk-app-root .sip-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.22rem 0.55rem !important;
  margin: 0 0.2rem 0.15rem 0;
  border-radius: 6px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

/* Compliance / Success / Active */
.nk-app-root .badge.bg-success,
.nk-app-root .badge-success,
.nk-app-root .badge-dim.badge-success,
.nk-app-root .badge-dim.bg-success {
  background: #ECFDF5 !important;
  color: #065F46 !important;
  border: 1px solid #A7F3D0 !important;
}

/* Warning / Pending */
.nk-app-root .badge.bg-warning,
.nk-app-root .badge.bg-orange,
.nk-app-root .badge-warning,
.nk-app-root .badge-dim.badge-warning,
.nk-app-root .badge-dim.bg-warning {
  background: #FFFBEB !important;
  color: #92400E !important;
  border: 1px solid #FDE68A !important;
}

/* Expired / Danger */
.nk-app-root .badge.bg-danger,
.nk-app-root .badge-danger,
.nk-app-root .badge-dim.badge-danger,
.nk-app-root .badge-dim.bg-danger {
  background: #FFF1F2 !important;
  color: #9F1239 !important;
  border: 1px solid #FECDD3 !important;
}

/* Legal / Info / Cyan */
.nk-app-root .badge.bg-info,
.nk-app-root .badge-info,
.nk-app-root .badge-dim.badge-info,
.nk-app-root .badge-dim.bg-info,
.nk-app-root .badge.bg-primary,
.nk-app-root .badge-primary,
.nk-app-root .badge-dim.badge-primary,
.nk-app-root .doc-filter-chip {
  background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-surface, #ffffff)) !important;
  color: var(--sip-accent-hover) !important;
  border: 1px solid color-mix(in srgb, var(--sip-accent) 42%, var(--sip-line, #e2e8f0)) !important;
}

/* Vendor / Slate */
.nk-app-root .badge.bg-secondary,
.nk-app-root .badge-secondary,
.nk-app-root .badge-dim.badge-secondary,
.nk-app-root .badge-light,
.nk-app-root .doc-tag-chip {
  background: #F1F5F9 !important;
  color: #475569 !important;
  border: 1px solid #E2E8F0 !important;
}

/* —— Dark mode: table tags, status pills, filter chips —— */
html.dark-mode .nk-app-root .doc-tag-chip,
html body.dark-mode .nk-app-root .doc-tag-chip {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #CBD5E1 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html.dark-mode .nk-app-root .doc-filter-chip,
html body.dark-mode .nk-app-root .doc-filter-chip {
  background: color-mix(in srgb, var(--sip-accent) 14%, #0F172A) !important;
  color: #CBD5E1 !important;
  border: 1px solid color-mix(in srgb, var(--sip-accent) 28%, #334155) !important;
}

html.dark-mode .nk-app-root .badge.bg-success,
html body.dark-mode .nk-app-root .badge.bg-success,
html.dark-mode .nk-app-root .badge-success,
html body.dark-mode .nk-app-root .badge-success,
html.dark-mode .nk-app-root .badge-dim.bg-success,
html body.dark-mode .nk-app-root .badge-dim.bg-success {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #6EE7B7 !important;
  border: 1px solid rgba(16, 185, 129, 0.38) !important;
}

html.dark-mode .nk-app-root .badge.bg-warning,
html body.dark-mode .nk-app-root .badge.bg-warning,
html.dark-mode .nk-app-root .badge.bg-orange,
html body.dark-mode .nk-app-root .badge.bg-orange,
html.dark-mode .nk-app-root .badge-warning,
html body.dark-mode .nk-app-root .badge-warning,
html.dark-mode .nk-app-root .badge-dim.bg-warning,
html body.dark-mode .nk-app-root .badge-dim.bg-warning {
  background: rgba(245, 158, 11, 0.16) !important;
  color: #FCD34D !important;
  border: 1px solid rgba(245, 158, 11, 0.38) !important;
}

html.dark-mode .nk-app-root .badge.bg-danger,
html body.dark-mode .nk-app-root .badge.bg-danger,
html.dark-mode .nk-app-root .badge-danger,
html body.dark-mode .nk-app-root .badge-danger,
html.dark-mode .nk-app-root .badge-dim.bg-danger,
html body.dark-mode .nk-app-root .badge-dim.bg-danger {
  background: rgba(244, 63, 94, 0.16) !important;
  color: #FDA4AF !important;
  border: 1px solid rgba(244, 63, 94, 0.38) !important;
}

html.dark-mode .nk-app-root .badge.bg-info,
html body.dark-mode .nk-app-root .badge.bg-info,
html.dark-mode .nk-app-root .badge-info,
html body.dark-mode .nk-app-root .badge-info,
html.dark-mode .nk-app-root .badge-dim.bg-info,
html body.dark-mode .nk-app-root .badge-dim.bg-info,
html.dark-mode .nk-app-root .badge.bg-primary,
html body.dark-mode .nk-app-root .badge.bg-primary,
html.dark-mode .nk-app-root .badge-primary,
html body.dark-mode .nk-app-root .badge-primary,
html.dark-mode .nk-app-root .badge-dim.badge-primary,
html body.dark-mode .nk-app-root .badge-dim.badge-primary {
  background: color-mix(in srgb, var(--sip-accent) 18%, #0F172A) !important;
  color: var(--sip-accent-on, #38BDF8) !important;
  border: 1px solid color-mix(in srgb, var(--sip-accent) 42%, #334155) !important;
}

html.dark-mode .nk-app-root .badge.bg-secondary,
html body.dark-mode .nk-app-root .badge.bg-secondary,
html.dark-mode .nk-app-root .badge-secondary,
html body.dark-mode .nk-app-root .badge-secondary,
html.dark-mode .nk-app-root .badge-light,
html body.dark-mode .nk-app-root .badge-light {
  background: #334155 !important;
  color: #CBD5E1 !important;
  border: 1px solid #475569 !important;
}

/* CDSS Chevron Action Links */
.nk-app-root .sip-action-link,
.nk-app-root a.btn-trigger,
.nk-app-root a.nk-tb-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 0.825rem !important;
  font-weight: 600 !important;
  color: var(--sip-accent) !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}
.nk-app-root .sip-action-link:hover,
.nk-app-root a.btn-trigger:hover,
.nk-app-root a.nk-tb-action:hover {
  color: var(--sip-accent-hover) !important;
  text-decoration: underline !important;
}

.nk-app-root .doc-action-btns,
.nk-app-root table.table td .btn-group,
.nk-app-root td.table-action .btn-group,
.nk-app-root .nk-tb-col-tools .btn-group {
  display: inline-flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  float: none !important;
  vertical-align: middle;
}

.nk-app-root .doc-action-btn,
.nk-app-root td .btn-icon,
.nk-app-root td .btn-trigger,
.nk-app-root table.table td .btn-group:not(.sip-row-actions) > .btn,
.nk-app-root table.table td .btn-group:not(.sip-row-actions) > a.btn,
.nk-app-root td.table-action .btn:not(.sip-row-actions__btn):not(.sip-row-actions__icon-btn),
.nk-app-root .nk-tb-col-tools .btn-group:not(.sip-row-actions) > .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: 8px !important;
  background: var(--sip-surface) !important;
  color: var(--sip-muted) !important;
  box-shadow: none !important;
}

.nk-app-root table.table td .btn-group > .btn:not(:first-child),
.nk-app-root table.table td .btn-group > .btn:not(:last-child),
.nk-app-root table.table td .btn-group > .btn:first-child,
.nk-app-root table.table td .btn-group > .btn:last-child,
.nk-app-root td.table-action .btn-group > .btn {
  border-radius: 8px !important;
  margin-left: 0 !important;
}

.nk-app-root table.table td .btn-group > .btn-success,
.nk-app-root table.table td .btn-group > .btn-info,
.nk-app-root .doc-action-btn:has(.ni-eye),
.nk-app-root .doc-action-btn:has(.ni-eye-alt),
.nk-app-root td .btn-group > .btn:has(.ni-eye),
.nk-app-root td .btn-group > .btn:has(.ni-eye-alt) {
  color: #3d6b73 !important;
}

.nk-app-root table.table td .btn-group > .btn-primary,
.nk-app-root .doc-action-btn:has(.ni-pen),
.nk-app-root td .btn-group > .btn:has(.ni-pen) {
  color: var(--sip-muted) !important;
}

.nk-app-root table.table td .btn-group > .btn-danger,
.nk-app-root .doc-action-btn-danger,
.nk-app-root td .btn-group > .btn:has(.ni-trash) {
  color: var(--sip-danger) !important;
}

.nk-app-root .doc-action-btn:hover,
.nk-app-root td .btn-icon:hover,
.nk-app-root table.table td .btn-group > .btn:hover,
.nk-app-root table.table td .btn-group > a.btn:hover {
  background: #f4f6f8 !important;
  border-color: #d5dde0 !important;
  color: #0c262c !important;
}

.nk-app-root .doc-action-btn-danger:hover,
.nk-app-root table.table td .btn-group > .btn-danger:hover,
.nk-app-root td .btn-group > .btn:has(.ni-trash):hover {
  background: color-mix(in srgb, var(--sip-danger) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--sip-danger) 35%, var(--sip-line)) !important;
  color: var(--sip-danger) !important;
}

.nk-app-root table.table td .btn-group > .btn-success:hover,
.nk-app-root table.table td .btn-group > .btn-info:hover,
.nk-app-root td .btn-group > .btn:has(.ni-eye):hover,
.nk-app-root td .btn-group > .btn:has(.ni-eye-alt):hover {
  color: #2f5f66 !important;
  border-color: #c5d0d3 !important;
  background: #eef3f4 !important;
}

/* —— Dark mode: legacy table action icon buttons (btn-group / doc-action-btn) —— */
html.dark-mode .nk-app-root .doc-action-btn,
html body.dark-mode .nk-app-root .doc-action-btn,
html.dark-mode .nk-app-root td .btn-icon,
html body.dark-mode .nk-app-root td .btn-icon,
html.dark-mode .nk-app-root td .btn-trigger,
html body.dark-mode .nk-app-root td .btn-trigger,
html.dark-mode .nk-app-root table.table td .btn-group:not(.sip-row-actions) > .btn,
html body.dark-mode .nk-app-root table.table td .btn-group:not(.sip-row-actions) > .btn,
html.dark-mode .nk-app-root table.table td .btn-group:not(.sip-row-actions) > a.btn,
html body.dark-mode .nk-app-root table.table td .btn-group:not(.sip-row-actions) > a.btn,
html.dark-mode .nk-app-root td.table-action .btn:not(.sip-row-actions__btn):not(.sip-row-actions__icon-btn),
html body.dark-mode .nk-app-root td.table-action .btn:not(.sip-row-actions__btn):not(.sip-row-actions__icon-btn),
html.dark-mode .nk-app-root .nk-tb-col-tools .btn-group:not(.sip-row-actions) > .btn,
html body.dark-mode .nk-app-root .nk-tb-col-tools .btn-group:not(.sip-row-actions) > .btn {
  background: #0F172A !important;
  border-color: #334155 !important;
  color: #94A3B8 !important;
}

html.dark-mode .nk-app-root .doc-action-btn:hover,
html body.dark-mode .nk-app-root .doc-action-btn:hover,
html.dark-mode .nk-app-root td .btn-icon:hover,
html body.dark-mode .nk-app-root td .btn-icon:hover,
html.dark-mode .nk-app-root table.table td .btn-group:not(.sip-row-actions) > .btn:hover,
html body.dark-mode .nk-app-root table.table td .btn-group:not(.sip-row-actions) > .btn:hover,
html.dark-mode .nk-app-root table.table td .btn-group:not(.sip-row-actions) > a.btn:hover,
html body.dark-mode .nk-app-root table.table td .btn-group:not(.sip-row-actions) > a.btn:hover {
  background: color-mix(in srgb, var(--sip-accent) 12%, #0F172A) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent) !important;
}

html.dark-mode .nk-app-root table.table td .btn-group > .btn-success,
html body.dark-mode .nk-app-root table.table td .btn-group > .btn-success,
html.dark-mode .nk-app-root table.table td .btn-group > .btn-info,
html body.dark-mode .nk-app-root table.table td .btn-group > .btn-info,
html.dark-mode .nk-app-root .doc-action-btn:has(.ni-eye),
html body.dark-mode .nk-app-root .doc-action-btn:has(.ni-eye),
html.dark-mode .nk-app-root td .btn-group > .btn:has(.ni-eye),
html body.dark-mode .nk-app-root td .btn-group > .btn:has(.ni-eye) {
  color: var(--sip-accent-on, #38BDF8) !important;
}

html.dark-mode .nk-app-root table.table td .btn-group > .btn-danger,
html body.dark-mode .nk-app-root table.table td .btn-group > .btn-danger,
html.dark-mode .nk-app-root .doc-action-btn-danger,
html body.dark-mode .nk-app-root .doc-action-btn-danger,
html.dark-mode .nk-app-root td .btn-group > .btn:has(.ni-trash),
html body.dark-mode .nk-app-root td .btn-group > .btn:has(.ni-trash) {
  color: #FB7185 !important;
}

html.dark-mode .nk-app-root .doc-action-btn-danger:hover,
html body.dark-mode .nk-app-root .doc-action-btn-danger:hover,
html.dark-mode .nk-app-root table.table td .btn-group > .btn-danger:hover,
html body.dark-mode .nk-app-root table.table td .btn-group > .btn-danger:hover,
html.dark-mode .nk-app-root td .btn-group > .btn:has(.ni-trash):hover,
html body.dark-mode .nk-app-root td .btn-group > .btn:has(.ni-trash):hover {
  background: rgba(244, 63, 94, 0.14) !important;
  border-color: #FB7185 !important;
  color: #FDA4AF !important;
}

/* —— In-cell kebab / first-column more (not toolbar Add/Filter, not Action column) —— */
.nk-app-root .sip-row-more,
.nk-app-root .moreSubOption,
.nk-app-root [id^=moreSubOption],
.nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn,
.nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn.btn-info {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  margin: 0.15rem 0 0 !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--sip-muted) !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

.nk-app-root .sip-row-more .icon,
.nk-app-root .moreSubOption .icon,
.nk-app-root [id^=moreSubOption] .icon,
.nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn .icon {
  font-size: 1.05rem;
  color: inherit;
}

.nk-app-root .sip-row-more:hover,
.nk-app-root .sip-row-more:focus,
.nk-app-root .sip-row-more[aria-expanded=true],
.nk-app-root .moreSubOption:hover,
.nk-app-root .moreSubOption:focus,
.nk-app-root [id^=moreSubOption]:hover,
.nk-app-root [id^=moreSubOption]:focus,
.nk-app-root [id^=moreSubOption][aria-expanded=true],
.nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn:hover,
.nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn:focus,
.nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn[aria-expanded=true] {
  background: #f4f6f8 !important;
  border-color: #d5dde0 !important;
  color: var(--sip-ink) !important;
  box-shadow: none !important;
}

.nk-app-root table.table td > .dropdown .dropdown-menu {
  z-index: 2000 !important;
  position: absolute !important;
  padding: 0.4rem !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: 12px !important;
  background: var(--sip-surface) !important;
  box-shadow: var(--sip-shadow-lg) !important;
}

.nk-app-root .table-responsive:has(> table > tbody > tr > td > .dropdown.show),
.nk-app-root .table-responsive:has(.sip-row-more[aria-expanded=true]),
.nk-app-root .table-responsive:has(.moreSubOption[aria-expanded=true]) {
  overflow: visible !important;
}

html body.dark-mode .nk-app-root .sip-row-more,
html.dark-mode .nk-app-root .sip-row-more,
html body.dark-mode .nk-app-root .moreSubOption,
html.dark-mode .nk-app-root .moreSubOption,
html body.dark-mode .nk-app-root [id^=moreSubOption],
html.dark-mode .nk-app-root [id^=moreSubOption],
html body.dark-mode .nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn,
html.dark-mode .nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn {
  background: transparent !important;
  border-color: var(--sip-line) !important;
  color: var(--sip-muted) !important;
}

html body.dark-mode .nk-app-root .sip-row-more:hover,
html.dark-mode .nk-app-root .sip-row-more:hover,
html body.dark-mode .nk-app-root .sip-row-more[aria-expanded=true],
html.dark-mode .nk-app-root .sip-row-more[aria-expanded=true],
html body.dark-mode .nk-app-root .moreSubOption:hover,
html.dark-mode .nk-app-root .moreSubOption:hover,
html body.dark-mode .nk-app-root [id^=moreSubOption]:hover,
html.dark-mode .nk-app-root [id^=moreSubOption]:hover,
html body.dark-mode .nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn:hover,
html.dark-mode .nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn:hover,
html body.dark-mode .nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn[aria-expanded=true],
html.dark-mode .nk-app-root table.table td > .dropdown:not(.sip-row-actions) > .btn[aria-expanded=true] {
  background: color-mix(in srgb, var(--sip-surface) 86%, #fff) !important;
  border-color: var(--sip-line) !important;
  color: var(--sip-ink) !important;
}

/* —— Application Footer: no second fill — page --sip-bg shows through ——
 * Prior `background: transparent` lost to DashLite `.dark-mode .nk-footer { background-color: #101924 }`
 * and to `.nk-wrap` / `--bs-body-bg: #f5f6fa` showing through a transparent footer. */
html body .nk-app-root .nk-footer,
html body .nk-app-root .nk-wrap > .nk-footer,
html body.dark-mode .nk-app-root .nk-footer,
html body.dark-mode .nk-app-root .nk-wrap > .nk-footer,
html.dark-mode body .nk-app-root .nk-footer,
html.dark-mode body .nk-app-root .nk-wrap > .nk-footer,
html body .nk-app-root .nk-footer.is-dark:not([class*=bg-]) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-top: 1px solid color-mix(in srgb, var(--sip-line, #E2E8F0) 28%, transparent) !important;
  padding: 0.75rem 1.5rem !important;
  color: #94A3B8 !important;
  font-family: var(--sip-font) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  margin-top: auto;
  flex: 0 0 auto;
  flex-shrink: 0;
}

html body .nk-app-root .nk-footer .nk-footer-wrap,
html body .nk-app-root .nk-footer .container-xl,
html body .nk-app-root .nk-footer .container-fluid,
html body .nk-app-root .nk-footer .wide-xl,
html body .nk-app-root .nk-footer .sip-footer-content,
html body.dark-mode .nk-app-root .nk-footer .nk-footer-wrap,
html.dark-mode body .nk-app-root .nk-footer .nk-footer-wrap {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .nk-app-root .nk-footer .sip-footer-content {
  font-size: 0.8rem;
  font-weight: 500;
  color: #94A3B8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html body .nk-app-root .nk-footer .sip-footer-copy {
  color: #94A3B8;
  font-size: 0.8rem;
  font-weight: 500;
}

html body .nk-app-root .nk-footer .sip-footer-credit {
  color: #94A3B8;
  font-size: 0.78rem;
  font-weight: 500;
}

html.dark-mode body .nk-app-root .nk-footer,
html body.dark-mode .nk-app-root .nk-footer {
  border-top-color: color-mix(in srgb, var(--sip-line, #334155) 40%, transparent) !important;
  color: #64748B !important;
}

html.dark-mode body .nk-app-root .nk-footer .sip-footer-copy,
html.dark-mode body .nk-app-root .nk-footer .sip-footer-credit,
html body.dark-mode .nk-app-root .nk-footer .sip-footer-copy,
html body.dark-mode .nk-app-root .nk-footer .sip-footer-credit {
  color: #64748B !important;
}

/* —— Table footer pager (CDSS Clean Pagination Bar) —— */
.nk-app-root .table-responsive:has(+ .sip-pager),
.nk-app-root .nk-tb-list:has(+ .sip-pager),
.nk-app-root .card:has(+ .sip-pager) {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.nk-app-root .table-responsive:has(+ .sip-pager) {
  border-bottom: 0 !important;
}

.nk-app-root .sip-pager {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem 1.25rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 52px !important;
  /* Extra right inset so “N / page” select never hugs the card edge */
  padding: 0.85rem 1.5rem 0.85rem 1.25rem !important;
  margin: 0 0 1rem !important;
  background: var(--sip-surface, #FFFFFF) !important;
  border: 1px solid var(--sip-line, #E2E8F0) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 1px rgba(15, 23, 42, 0.02) !important;
  font-family: var(--sip-font) !important;
}

@media (max-width: 767px) {
  .nk-app-root .sip-pager {
    margin-bottom: 0 !important;
  }
}
.nk-app-root .table-responsive + .sip-pager,
.nk-app-root .nk-tb-list + .sip-pager,
.nk-app-root .card + .sip-pager {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  border-top: 1px solid var(--sip-line, #E2E8F0) !important;
  margin-top: 0 !important;
}

/* List tables fill leftover viewport: extra space stays inside the white card,
 * pager pins to the card bottom, page still scrolls when rows overflow. */
.nk-app-root .nk-content-body > div:has(.table-responsive + .sip-pager),
.nk-app-root .nk-content-body > div:has(.table-responsive + div > .sip-pager),
.nk-app-root .nk-content-body > div:has(.nk-tb-list + .sip-pager),
.nk-app-root .nk-content-body > div:has(.card + .sip-pager),
.nk-app-root .nk-content-body :has(> .table-responsive + .sip-pager),
.nk-app-root .nk-content-body :has(> .table-responsive + div > .sip-pager),
.nk-app-root .nk-content-body :has(> .nk-tb-list + .sip-pager),
.nk-app-root .nk-content-body :has(> .card + .sip-pager) {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}

.nk-app-root .nk-content-body > div:has(.sip-pager) > .nk-block-head,
.nk-app-root .nk-content-body :has(> .table-responsive + .sip-pager) > .nk-block-head {
  flex: 0 0 auto;
}

.nk-app-root .nk-content-body .row:has(> [class*=col-] > .table-responsive + .sip-pager),
.nk-app-root .nk-content-body .row:has(> [class*=col-] > .nk-tb-list + .sip-pager),
.nk-app-root .nk-content-body .row:has(> [class*=col-] > .card + .sip-pager) {
  flex: 1 0 auto;
  flex-direction: row;
  min-height: 0;
  width: 100%;
}

.nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager),
.nk-app-root .nk-content-body .table-responsive:has(+ div > .sip-pager),
.nk-app-root .nk-content-body .nk-tb-list:has(+ .sip-pager),
.nk-app-root .nk-content-body .card:has(+ .sip-pager) {
  flex: 1 0 auto;
  min-height: 0;
  width: 100%;
  background: var(--sip-surface, #ffffff) !important;
}

.nk-app-root .nk-content-body .card:has(+ .sip-pager) {
  display: flex;
  flex-direction: column;
}

.nk-app-root .nk-content-body .card:has(+ .sip-pager) > .table-responsive,
.nk-app-root .nk-content-body .card:has(+ .sip-pager) > .card-inner:has(.table-responsive),
.nk-app-root .nk-content-body .card:has(+ .sip-pager) > .card-body:has(.table-responsive) {
  flex: 1 0 auto;
  min-height: 0;
}

.nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager) + .sip-pager,
.nk-app-root .nk-content-body .nk-tb-list:has(+ .sip-pager) + .sip-pager,
.nk-app-root .nk-content-body .card:has(+ .sip-pager) + .sip-pager {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  flex: 0 0 auto;
  background: var(--sip-surface, #ffffff) !important;
}

.nk-app-root .nk-content-body .table-responsive:has(+ div > .sip-pager) {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.nk-app-root .nk-content-body .table-responsive + div:has(> .sip-pager) {
  margin-top: auto !important;
  margin-bottom: 0 !important;
  flex: 0 0 auto;
  width: 100%;
}

.nk-app-root .nk-content-body .table-responsive + div:has(> .sip-pager) > .sip-pager {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background: var(--sip-surface, #ffffff) !important;
}

.nk-app-root .sip-pager__meta {
  margin: 0;
  padding: 0;
  color: var(--sip-muted, #64748B) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  white-space: nowrap;
  flex: 0 1 auto;
}

.nk-app-root .sip-pager__controls {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.85rem 1rem !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-right: 0.15rem !important;
  max-width: 100%;
  box-sizing: border-box;
}

.nk-app-root .sip-pager__nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: 0 !important;
}

.nk-app-root .sip-pager__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 0.55rem !important;
  border: 1px solid var(--sip-line, #E2E8F0) !important;
  border-radius: 8px !important;
  background: var(--sip-surface, #FFFFFF) !important;
  color: #334155 !important;
  font-family: var(--sip-font) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

.nk-app-root .sip-pager__btn:hover:not(:disabled):not(.is-ellipsis) {
  background: var(--sip-bg, #F8FAFC) !important;
  border-color: #CBD5E1 !important;
  color: var(--sip-text, #0F172A) !important;
}

.nk-app-root .sip-pager__btn.is-active,
.nk-app-root .sip-pager__btn[aria-current=page] {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--sip-accent) 18%, transparent) !important;
}

.nk-app-root .sip-pager__btn:disabled,
.nk-app-root .sip-pager__btn.is-ellipsis {
  opacity: 0.4;
  cursor: default;
}

.nk-app-root .sip-pager__size {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}

.nk-app-root .sip-pager__select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  height: 32px !important;
  min-width: 7.75rem !important;
  max-width: 100%;
  padding: 0 2rem 0 0.75rem !important;
  border: 1px solid var(--sip-line, #E2E8F0) !important;
  border-radius: 8px !important;
  background-color: var(--sip-surface, #FFFFFF) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem center;
  background-size: 12px;
  color: #334155 !important;
  font-family: var(--sip-font) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer;
  box-sizing: border-box !important;
}

.nk-app-root .sip-pager__select:focus {
  outline: none !important;
  border-color: var(--sip-accent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sip-accent) 15%, transparent) !important;
}

/* Hide leftover laravel-vue-pagination "(current)" / »Next if any list still emits it */
.nk-app-root .pagination .sr-only,
.nk-app-root .page-item.active .page-link .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* —— Header theme + font picker —— */
.nk-app-root .sip-theme-picker-slot {
  position: relative;
}

.nk-app-root .sip-admin-header,
.nk-app-root .sip-admin-header .nk-header-wrap,
.nk-app-root .sip-admin-header .nk-header-tools,
.nk-app-root .sip-admin-header .nk-quick-nav {
  overflow: visible;
}

.nk-app-root .sip-theme-picker {
  position: relative;
}

.nk-app-root .sip-theme-picker .sip-icon-btn.is-open {
  border-color: color-mix(in srgb, var(--sip-accent, var(--sip-brand)) 50%, var(--sip-line)) !important;
  background: var(--sip-bg) !important;
  color: var(--sip-accent, var(--sip-brand)) !important;
}

.nk-app-root .sip-theme-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 2200;
  width: min(420px, 100vw - 24px);
  max-height: min(72vh, 560px);
  overflow: auto;
  padding: 0.7rem 0.75rem 0.85rem;
  border: 1px solid var(--sip-line);
  border-radius: 14px;
  background: var(--sip-surface);
  box-shadow: var(--sip-shadow-lg);
  font-family: var(--sip-font);
}

.nk-app-root .sip-theme-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 0.7rem;
  padding: 3px;
  border-radius: 10px;
  background: var(--sip-bg);
}

.nk-app-root .sip-theme-tab {
  flex: 1;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--sip-muted);
  font-family: var(--sip-font);
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
}

.nk-app-root .sip-theme-tab.is-active {
  background: var(--sip-surface);
  color: var(--sip-text, var(--sip-ink));
  box-shadow: 0 1px 4px rgba(18, 54, 61, 0.08);
}

.nk-app-root .sip-theme-hint {
  margin: 0 0 0.65rem;
  color: var(--sip-muted);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.nk-app-root .sip-theme-swatches {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
}

.nk-app-root .sip-theme-swatch {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.45rem 0.5rem 0.5rem;
  border: 1px solid var(--sip-line);
  border-radius: 10px;
  background: var(--sip-surface);
  color: var(--sip-text, var(--sip-ink));
  text-align: left;
  cursor: pointer;
  font-family: var(--sip-font);
  transition: border-color 0.15s var(--sip-ease);
}

.nk-app-root .sip-theme-swatch:hover {
  border-color: color-mix(in srgb, var(--sip-accent, var(--sip-brand)) 45%, var(--sip-line));
}

.nk-app-root .sip-theme-swatch.is-active {
  border-color: var(--sip-accent, var(--sip-brand));
  outline: 1px solid var(--sip-accent, var(--sip-brand));
  outline-offset: 0;
}

.nk-app-root .sip-theme-swatch__dots {
  display: flex;
  gap: 0.16rem;
}

.nk-app-root .sip-theme-swatch__dots i {
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--sip-text, var(--sip-ink)) 8%, transparent);
}

.nk-app-root .sip-theme-swatch__name {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nk-app-root .sip-theme-custom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
  margin-top: 0.75rem;
  padding-top: 0.7rem;
  border-top: 1px solid var(--sip-line);
}

.nk-app-root .sip-theme-color {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin: 0;
  color: var(--sip-muted);
  font-size: 0.75rem;
  font-weight: 700;
}

.nk-app-root .sip-theme-color__row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.nk-app-root .sip-theme-color input[type=color] {
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  border: 1px solid var(--sip-line);
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}

.nk-app-root .sip-theme-color input[type=text] {
  width: 100%;
  height: 2.1rem;
  padding: 0 0.5rem;
  border: 1px solid var(--sip-line);
  border-radius: 8px;
  background: var(--sip-surface);
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  font-size: 0.8rem;
  font-weight: 600;
}

.nk-app-root .sip-theme-pane--fonts {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.nk-app-root .sip-font-card {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  width: 100%;
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--sip-line);
  border-radius: 10px;
  background: var(--sip-surface);
  color: var(--sip-text, var(--sip-ink));
  text-align: left;
  cursor: pointer;
}

.nk-app-root .sip-font-card:hover {
  border-color: color-mix(in srgb, var(--sip-accent, var(--sip-brand)) 45%, var(--sip-line));
}

.nk-app-root .sip-font-card.is-active {
  border-color: var(--sip-accent, var(--sip-brand));
  outline: 1px solid var(--sip-accent, var(--sip-brand));
}

.nk-app-root .sip-font-card__name {
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: -0.02em;
}

.nk-app-root .sip-font-card__preview {
  color: var(--sip-muted);
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 575.98px) {
  .nk-app-root .sip-theme-swatches {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* ==========================================================================
   Forms, modals, sheets — MedsNMore family (admin.css)
   Loaded last. Tokens: --sip-accent (theme-picker) fallback var(--sip-accent).
   ========================================================================== */
/* —— 1. Modals / popups —— */
.modal-backdrop,
html body .modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1065 !important;
  background: rgba(8, 22, 24, 0.52) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.modal-backdrop.show,
.modal-backdrop.in {
  opacity: 1 !important;
}

.modal,
.modal.show .modal-dialog,
.modal.fade .modal-dialog {
  font-family: var(--sip-font) !important;
}

.modal-dialog {
  margin: 1.25rem auto;
}

.modal-content,
.modal-container {
  border: 1px solid var(--sip-line) !important;
  border-radius: 16px !important;
  background: var(--sip-surface) !important;
  box-shadow: 0 24px 56px rgba(8, 22, 24, 0.28) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  overflow: visible;
}

.modal-header,
.modal-container > .modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.1rem 0.85rem !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--sip-line) !important;
  border-top: 0 !important;
  background: var(--sip-surface) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.modal-title,
.modal-header .modal-title,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
  margin: 0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
}

.modal-header .close,
.modal-header .btn-close,
.modal-header .btn-icon,
.doc-bottom-sheet-header .btn-icon,
.doc-bottom-sheet-header .close,
.toggle-slide .close,
.offcanvas-header .btn-close {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  float: none !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 999px !important;
  background: var(--sip-surface) !important;
  color: #64748B !important;
  font-size: 1.15rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  flex-shrink: 0;
}

.modal-header .close:hover,
.modal-header .close:focus,
.modal-header .btn-close:hover,
.modal-header .btn-icon:hover,
.doc-bottom-sheet-header .btn-icon:hover,
.offcanvas-header .btn-close:hover {
  background: #F8FAFC !important;
  border-color: #E2E8F0 !important;
  color: #0F172A !important;
}

.modal-header .close span,
.modal-header .btn-close {
  color: inherit;
  text-shadow: none;
}

.modal-body {
  padding: 1rem 1.1rem 1.15rem !important;
  margin: 0 !important;
  background: var(--sip-surface) !important;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
}

.modal-footer,
.w-100.modal-footer,
form .modal-footer {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
  padding: 0.85rem 1.1rem 1.05rem !important;
  margin: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
}

.modal-footer.mt-5 {
  margin-top: 0.5rem !important;
}

/* Legacy centered modal-container forms: separator above save only */
.modal-container form .modal-footer,
.modal-container form .w-100.modal-footer {
  margin-top: 1rem !important;
  padding-top: 0.85rem !important;
  border-top: 1px solid var(--sip-line) !important;
  background: var(--sip-surface) !important;
}

/* Vue custom modal-mask (legacy popups) */
.modal-mask {
  background: rgba(8, 22, 24, 0.52) !important;
}

.modal-container {
  max-height: min(86vh, 820px);
  overflow: auto;
}

/* vuejs-dialog confirm */
.dg-backdrop,
.dg-backdrop-enter,
.dg-container-backdrop {
  background: rgba(8, 22, 24, 0.52) !important;
}

.dg-content-cont .dg-main-content,
.dg-container .dg-content,
.dg-content {
  border: 1px solid var(--sip-line) !important;
  border-radius: 16px !important;
  background: var(--sip-surface) !important;
  box-shadow: 0 24px 56px rgba(8, 22, 24, 0.28) !important;
  font-family: var(--sip-font) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.dg-title,
.dg-content-body,
.dg-content .dg-title {
  font-family: var(--sip-font) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.dg-btn,
.dg-btn-ok,
.dg-btn-cancel,
.dg-btn--ok,
.dg-btn--cancel {
  border-radius: 999px !important;
  font-family: var(--sip-font) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.dg-btn-ok,
.dg-btn--ok {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

.dg-btn-cancel,
.dg-btn--cancel {
  background: var(--sip-surface) !important;
  border: 1px solid var(--sip-line) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

/* —— 2. Right-side drawers / offcanvas / form overlays ——
   Global pattern: filters, add/edit forms, and detail overlays slide in from
   the right. Confirm dialogs (vuejs-dialog `.dg-*`) stay centered. */
html body .sip-drawer-host {
  position: static;
  transform: none;
  filter: none;
  perspective: none;
  contain: none;
}

html body .sip-drawer-host[hidden] {
  display: none !important;
}

html body .sip-drawer-overlay,
html body .doc-bottom-sheet-overlay,
html body .sip-filter-sheet-overlay {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  /* Nested <side-drawer> sets --sip-drawer-z-offset (0, 20, 40, …) */
  z-index: calc(1070 + var(--sip-drawer-z-offset, 0)) !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  margin: 0;
  padding: 0;
  background: transparent !important;
  pointer-events: auto;
}

html body .sip-drawer-overlay::before,
html body .doc-bottom-sheet-overlay::before,
html body .sip-filter-sheet-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(12, 18, 22, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  pointer-events: none;
  z-index: 0;
}

html body .sip-drawer-overlay > .sip-drawer,
html body .doc-bottom-sheet-overlay > .doc-bottom-sheet,
html body .doc-bottom-sheet-overlay > .sip-drawer,
html body .sip-filter-sheet-overlay > .sip-drawer {
  position: relative;
  z-index: 1;
}

@keyframes sip-drawer-slide-in {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
html body .sip-drawer,
html body .doc-bottom-sheet,
html body .sip-filter-sheet {
  --sip-drawer-pad-x: 1.5rem;
  animation: sip-drawer-slide-in 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  width: min(100vw, var(--sip-drawer-width, 420px));
  max-width: 100vw;
  height: 100%;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
  border: 0;
  border-left: 1px solid var(--sip-line);
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: -18px 0 48px rgba(8, 22, 24, 0.18) !important;
  font-family: var(--sip-font) !important;
  color: var(--sip-text, var(--sip-ink));
  overflow: hidden;
}

html body .sip-drawer--sm,
html body .doc-bottom-sheet.sip-drawer--sm {
  --sip-drawer-width: 400px;
}

html body .sip-drawer--md,
html body .doc-bottom-sheet,
html body .doc-bottom-sheet:not([class*=sip-drawer--]) {
  --sip-drawer-width: 480px;
}

html body .sip-drawer--lg,
html body .doc-bottom-sheet-lg,
html body .doc-bottom-sheet.doc-bottom-sheet-lg {
  --sip-drawer-width: 680px;
}

html body .sip-drawer--xl {
  --sip-drawer-width: 880px;
}

html body .sip-drawer--full {
  --sip-drawer-width: min(1080px, 94vw);
}

html body .sip-drawer-header,
html body .doc-bottom-sheet-header,
html body .sip-filter-sheet-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex: 0 0 auto;
  min-height: 52px;
  padding: 0.85rem var(--sip-drawer-pad-x, 1.5rem) !important;
  border-bottom: 1px solid var(--sip-line) !important;
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
  position: sticky;
  top: 0;
  z-index: 3;
}

html body .sip-drawer-title,
html body .doc-bottom-sheet-header h5,
html body .doc-bottom-sheet-header .mb-0,
html body .sip-filter-sheet-title {
  margin: 0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3;
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 auto;
}

html body .sip-drawer-header-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  margin-left: auto;
}

html body .sip-drawer-body,
html body .doc-bottom-sheet-body,
html body .sip-filter-sheet-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 1rem var(--sip-drawer-pad-x, 1.5rem) 1.25rem !important;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
}

/* Mobile safe-space: reserve room for fixed bottom UI (bottom nav + chat FAB). */
@media (max-width: 767px) {
  :root {
    --sip-mobile-bottom-ui-h: 96px;
  }
  html body .sip-drawer-body,
  html body .doc-bottom-sheet-body {
    padding-bottom: calc(1.25rem + var(--sip-mobile-bottom-ui-h, 96px) + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(var(--sip-mobile-bottom-ui-h, 96px) + env(safe-area-inset-bottom)) !important;
  }
  html body .sip-drawer-footer,
  html body .sip-filter-sheet-footer {
    bottom: calc(var(--sip-mobile-bottom-ui-h, 96px) + env(safe-area-inset-bottom)) !important;
  }
}
/* Drawer/modal forms: suppress stray hr/divider lines between fields */
html body .sip-drawer-body form hr,
html body .doc-bottom-sheet-body form hr,
html body .modal-body form hr,
html body .sip-drawer-body .form-group + hr,
html body .doc-bottom-sheet-body .form-group + hr,
html body .modal-body .form-group + hr,
html body .sip-drawer-body .row + hr,
html body .doc-bottom-sheet-body .row + hr,
html body .modal-body .row + hr {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

html body .sip-drawer-body .form-group,
html body .doc-bottom-sheet-body .form-group,
html body .modal-body .form-group {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

html body .sip-drawer-footer,
html body .sip-filter-sheet-footer,
html body .doc-bottom-sheet-footer,
html body aside.sip-drawer > .modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  flex: 0 0 auto;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.75rem var(--sip-drawer-pad-x, 1.5rem) calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 0 !important;
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
  box-shadow: none !important;
}

/* Drawer forms: readable controls + professional action buttons */
html body .sip-drawer,
html body .sip-drawer .btn,
html body .sip-drawer .form-control,
html body .sip-drawer .form-label,
html body .sip-drawer label,
html body .sip-drawer .input-group-text,
html body .sip-drawer .card-title {
  font-family: var(--sip-font, Roboto, "Helvetica Neue", Arial, sans-serif) !important;
}

html body .sip-drawer .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  min-height: 2.5rem !important;
  padding: 0.55rem 1.1rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  border-radius: 10px !important;
  line-height: 1.25 !important;
}

html body .sip-drawer .btn.btn-sm {
  min-height: 2.25rem !important;
  padding: 0.45rem 0.95rem !important;
  font-size: 0.8125rem !important;
}

html body .sip-drawer .btn .icon {
  font-size: 1rem !important;
  line-height: 1 !important;
}

html body .sip-drawer .sip-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  margin-top: 1.25rem;
  padding-top: 0.25rem;
}

html body .sip-drawer .sip-detail-block {
  padding: 1rem;
  margin-bottom: 0.85rem;
  border: 1px solid var(--sip-line, #E2E8F0);
  border-radius: 12px;
  background: color-mix(in srgb, var(--sip-bg, #F8FAFC) 70%, #fff);
}

html body .sip-drawer .sip-detail-block .form-group {
  margin-bottom: 0.75rem !important;
}

html body .sip-drawer .sip-detail-block .form-group:last-child {
  margin-bottom: 0 !important;
}

html body .sip-drawer .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100%;
}

html body .sip-drawer .input-group > .form-control {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
}

html body .sip-drawer .input-group-append,
html body .sip-drawer .input-group-prepend {
  display: flex !important;
  flex: 0 0 auto !important;
}

html body .sip-drawer-close,
html body .sip-filter-sheet-close {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: 1px solid #E2E8F0;
  border-radius: 999px;
  background: var(--sip-surface, #fff);
  color: #64748B;
  cursor: pointer;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

html body .sip-drawer-close svg,
html body .sip-filter-sheet-close svg {
  display: block;
  pointer-events: none;
}

html body .sip-drawer-close:hover,
html body .sip-drawer-close:focus,
html body .sip-filter-sheet-close:hover,
html body .sip-filter-sheet-close:focus {
  background: #F8FAFC;
  border-color: #E2E8F0;
  color: #0F172A;
  outline: none;
}

html body .sip-drawer-close:focus-visible,
html body .sip-filter-sheet-close:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sip-accent) 28%, transparent);
}

.sip-drawer-enter-active,
.sip-drawer-leave-active {
  transition: opacity 0.2s ease;
}

.sip-drawer-enter-active .sip-drawer,
.sip-drawer-leave-active .sip-drawer {
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.sip-drawer-enter,
.sip-drawer-leave-to {
  opacity: 0;
}

.sip-drawer-enter .sip-drawer,
.sip-drawer-leave-to .sip-drawer {
  transform: translateX(100%);
}

html body.dark-mode .sip-drawer-overlay::before,
html.dark-mode .sip-drawer-overlay::before,
html body.dark-mode .doc-bottom-sheet-overlay::before,
html.dark-mode .doc-bottom-sheet-overlay::before,
html body.dark-mode .sip-filter-sheet-overlay::before,
html.dark-mode .sip-filter-sheet-overlay::before {
  background: rgba(0, 0, 0, 0.65);
}

html body.dark-mode .sip-drawer,
html body.dark-mode .doc-bottom-sheet,
html body.dark-mode .sip-filter-sheet,
html body.dark-mode .sip-drawer-header,
html body.dark-mode .doc-bottom-sheet-header,
html body.dark-mode .sip-filter-sheet-header,
html body.dark-mode .sip-drawer-body,
html body.dark-mode .doc-bottom-sheet-body,
html body.dark-mode .sip-filter-sheet-body,
html body.dark-mode .sip-drawer-footer,
html body.dark-mode .sip-filter-sheet-footer,
html body.dark-mode .doc-bottom-sheet-footer,
html.dark-mode .sip-drawer,
html.dark-mode .doc-bottom-sheet,
html.dark-mode .sip-filter-sheet {
  background: var(--sip-surface, #1E293B) !important;
  background-color: var(--sip-surface, #1E293B) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

html body.dark-mode .sip-drawer-close,
html body.dark-mode .sip-filter-sheet-close,
html.dark-mode .sip-drawer-close,
html.dark-mode .sip-filter-sheet-close {
  background: var(--sip-surface);
  border-color: var(--sip-line);
  color: var(--sip-text, var(--sip-ink));
}

html body.dark-mode .sip-drawer-close:hover,
html body.dark-mode .sip-filter-sheet-close:hover,
html.dark-mode .sip-drawer-close:hover {
  background: color-mix(in srgb, var(--sip-surface) 86%, #fff);
}

/* Bootstrap Vue form/detail modals → right drawer (confirms use vuejs-dialog)
   Include BV's pre-show `display:block` phase so nested opens never flash centered. */
html body .modal.fade {
  transition: none !important;
}

html body .modal.show,
html body .modal.d-block,
html body .modal[style*="display: block"],
html body .modal[style*="display:block"] {
  z-index: 1070 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  opacity: 1 !important;
}

html body .modal.show .modal-dialog,
html body .modal.d-block .modal-dialog,
html body .modal[style*="display: block"] .modal-dialog,
html body .modal[style*="display:block"] .modal-dialog {
  --sip-drawer-pad-x: 1.5rem;
  animation: sip-drawer-slide-in 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  margin: 0 !important;
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: min(100vw, var(--sip-drawer-width, 480px)) !important;
  max-width: min(100vw, var(--sip-drawer-width, 480px)) !important;
  height: 100%;
  max-height: 100vh;
  pointer-events: auto;
  transform: none;
}

html body .modal.show .modal-dialog.modal-sm,
html body .modal.d-block .modal-dialog.modal-sm {
  --sip-drawer-width: 360px;
}

html body .modal.show .modal-dialog.modal-lg,
html body .modal.d-block .modal-dialog.modal-lg {
  --sip-drawer-width: 640px;
}

html body .modal.show .modal-dialog.modal-xl,
html body .modal.d-block .modal-dialog.modal-xl {
  --sip-drawer-width: 840px;
}

html body .modal.show .modal-content,
html body .modal.d-block .modal-content,
html body .modal[style*="display: block"] .modal-content,
html body .modal[style*="display:block"] .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
  border: 0 !important;
  border-left: 1px solid var(--sip-line) !important;
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: -18px 0 48px rgba(8, 22, 24, 0.18) !important;
  background: var(--sip-surface) !important;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  overflow: hidden;
}

/* Nested BV modal stack: keep parent backdrop, peek parent edge, stronger child shadow */
html body .modal-backdrop.show ~ .modal-backdrop {
  opacity: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

html body .modal.show ~ .modal.show,
html body .modal.show ~ .modal[style*="display: block"],
html body .modal.show ~ .modal[style*="display:block"] {
  z-index: 1080 !important;
  background: transparent !important;
}

html body .modal.show ~ .modal.show .modal-dialog,
html body .modal.show ~ .modal[style*="display: block"] .modal-dialog,
html body .modal.show ~ .modal[style*="display:block"] .modal-dialog {
  --sip-drawer-nested-inset: 18px;
  width: min(100vw, var(--sip-drawer-width, 480px) - var(--sip-drawer-nested-inset)) !important;
  max-width: min(100vw, var(--sip-drawer-width, 480px) - var(--sip-drawer-nested-inset)) !important;
  box-shadow: -28px 0 64px rgba(8, 22, 24, 0.34) !important;
}

html body .modal.show ~ .modal.show .modal-content,
html body .modal.show ~ .modal[style*="display: block"] .modal-content,
html body .modal.show ~ .modal[style*="display:block"] .modal-content {
  box-shadow: -28px 0 64px rgba(8, 22, 24, 0.34) !important;
  border-left-color: color-mix(in srgb, var(--sip-accent) 22%, var(--sip-line)) !important;
}

html body .modal.show:has(~ .modal.show) .modal-content::after,
html body .modal.show:has(~ .modal[style*="display: block"]) .modal-content::after,
html body .modal.show:has(~ .modal[style*="display:block"]) .modal-content::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 40;
  background: rgba(15, 23, 42, 0.2);
  pointer-events: none;
  border-radius: inherit;
}

html body .modal.show .modal-header,
html body .modal.d-block .modal-header {
  flex: 0 0 auto;
  align-items: center;
  padding: 0.85rem var(--sip-drawer-pad-x, 1.5rem) !important;
  border-bottom: 1px solid var(--sip-line) !important;
  background: var(--sip-surface) !important;
}

html body .modal.show .modal-title,
html body .modal.d-block .modal-title {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--sip-font);
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: var(--sip-text, var(--sip-ink));
}

html body .modal.show .modal-body,
html body .modal.d-block .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1rem var(--sip-drawer-pad-x, 1.5rem) 1.25rem !important;
}

/* Scroll form fields; pin in-form Save bar to drawer bottom (not through inputs) */
html body .modal.show .modal-body > form,
html body .modal.d-block .modal-body > form {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

html body .modal.show .modal-footer,
html body .modal.d-block .modal-footer,
html body .modal.show .modal-body .modal-footer,
html body .modal.d-block .modal-body .modal-footer,
html body .modal.show .modal-body .w-100.modal-footer,
html body .modal.d-block .modal-body .w-100.modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem !important;
  margin: 0 !important;
  margin-top: 1rem !important;
  padding: 0.75rem var(--sip-drawer-pad-x, 1.5rem) calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  border-top: 0 !important;
  background: var(--sip-surface);
  box-shadow: none !important;
}

html body .modal.show .modal-content > .modal-footer,
html body .modal.d-block .modal-content > .modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 1rem var(--sip-drawer-pad-x, 1.5rem) calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
  gap: 0.75rem !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  border-top: 1px solid var(--sip-line);
  background: var(--sip-surface);
}

/* Vue side-drawer / bottom-sheet bodies reuse the same in-form save bar pattern */
html body .sip-drawer-body > form,
html body .doc-bottom-sheet-body > form {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

html body .sip-drawer-body .modal-footer,
html body .sip-drawer-body .w-100.modal-footer,
html body .doc-bottom-sheet-body .modal-footer,
html body .doc-bottom-sheet-body .w-100.modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem !important;
  margin-top: auto !important;
  margin-left: calc(-1 * var(--sip-drawer-pad-x, 1.5rem)) !important;
  margin-right: calc(-1 * var(--sip-drawer-pad-x, 1.5rem)) !important;
  margin-bottom: 0 !important;
  width: calc(100% + 2 * var(--sip-drawer-pad-x, 1.5rem)) !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 0.75rem var(--sip-drawer-pad-x, 1.5rem) calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 0 !important;
  background: var(--sip-surface) !important;
  background-color: var(--sip-surface) !important;
  box-shadow: none !important;
}

/* —— Drawer / modal form layout pattern (reusable) ——
   Use .sip-drawer-form on the form root. Keeps equal two-col rows,
   uniform vertical rhythm, full-width fields, and a pinned action bar. */
html body .sip-drawer-body > form.sip-drawer-form,
html body .doc-bottom-sheet-body > form.sip-drawer-form,
html body .modal.show .modal-body > form.sip-drawer-form,
html body .modal.d-block .modal-body > form.sip-drawer-form {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

html body .sip-drawer-form-grid.row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: calc(100% + 1rem);
  max-width: none;
}

html body .sip-drawer-form-grid.row > [class*=col-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

html body .sip-drawer-body .sip-drawer-form-grid > .form-group,
html body .sip-drawer-body .sip-drawer-form-grid > [class*=col-].form-group,
html body .sip-drawer-body .sip-drawer-form-grid > [class*=col-] > .form-group,
html body .doc-bottom-sheet-body .sip-drawer-form-grid > .form-group,
html body .doc-bottom-sheet-body .sip-drawer-form-grid > [class*=col-].form-group,
html body .doc-bottom-sheet-body .sip-drawer-form-grid > [class*=col-] > .form-group,
html body .modal.show .modal-body .sip-drawer-form-grid > .form-group,
html body .modal.show .modal-body .sip-drawer-form-grid > [class*=col-].form-group,
html body .modal.show .modal-body .sip-drawer-form-grid > [class*=col-] > .form-group,
html body .modal.d-block .modal-body .sip-drawer-form-grid > .form-group,
html body .modal.d-block .modal-body .sip-drawer-form-grid > [class*=col-].form-group,
html body .modal.d-block .modal-body .sip-drawer-form-grid > [class*=col-] > .form-group {
  margin-bottom: 0.85rem !important;
}

html body .sip-drawer-form-grid > [class*=col-] > .form-control,
html body .sip-drawer-form-grid > [class*=col-] > .custom-select,
html body .sip-drawer-form-grid > [class*=col-] > .vdp-datepicker,
html body .sip-drawer-form-grid > [class*=col-] > .vdp-datepicker input.form-control,
html body .sip-drawer-form-grid > [class*=col-] > .form-group > .form-control,
html body .sip-drawer-form-grid > [class*=col-] > .form-group > .custom-select {
  width: 100% !important;
  max-width: 100%;
}

html body .sip-drawer-form-grid .form-group > label:not(.vue-switcher):not(.custom-control-label):not(.form-check-label):not(.custom-control),
html body .sip-drawer-form-grid .form-group > .sip-label-row,
html body .sip-drawer-form-grid .form-group > .form-group-head {
  min-height: 26px !important;
  margin-bottom: 0.35rem !important;
}

/* Toggle under a top label — matches Date / input vertical rhythm */
html body .sip-switch-field,
html body .sip-segmented-field {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

html body .sip-switch-field > label,
html body .sip-segmented-field > label {
  flex: 0 0 auto !important;
  order: 0 !important;
  margin-bottom: 0.4rem !important;
}

html body .sip-switch-control {
  display: flex;
  align-items: center;
  min-height: var(--sip-input-h, 42px);
}

html body .sip-switch-field .vue-switcher {
  margin: 0 !important;
}

/* Modern Segmented Pill / Button Toggle Group */
html body .sip-segmented-control {
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--sip-input-h, 42px);
  min-height: var(--sip-input-h, 42px);
  padding: 3px;
  background: color-mix(in srgb, var(--sip-bg, #f8fafc) 85%, var(--sip-line, #e2e8f0));
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: var(--sip-input-radius, 12px);
  box-sizing: border-box;
  gap: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

html body .sip-segmented-btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 100%;
  padding: 0 12px;
  border: 0;
  border-radius: calc(var(--sip-input-radius, 12px) - 3px);
  background: transparent;
  color: var(--sip-muted, #64748b);
  font-family: var(--sip-font);
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  outline: none;
}

html body .sip-segmented-btn .icon {
  font-size: 0.95rem;
  line-height: 1;
  transition: transform 0.15s ease;
}

html body .sip-segmented-btn:hover:not(.is-active) {
  color: var(--sip-text, #0f172a);
  background: rgba(15, 23, 42, 0.04);
}

html body .sip-segmented-btn.is-active {
  background: var(--sip-surface, #ffffff);
  color: var(--sip-text, #0f172a);
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1), 0 1px 2px rgba(15, 23, 42, 0.06);
}

html body .sip-segmented-btn.sip-segmented-btn--accent.is-active {
  background: var(--sip-accent);
  color: var(--sip-accent-fg, #ffffff);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--sip-accent) 35%, transparent);
}

html body .sip-segmented-btn.sip-segmented-btn--accent.is-active .icon {
  color: var(--sip-accent-fg, #ffffff);
}

/* Selected user card in forms */
html body .sip-selected-user-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  margin-bottom: 0.5rem;
  border-radius: var(--sip-input-radius, 12px);
  border: 1px solid var(--sip-line, #e2e8f0);
  background: color-mix(in srgb, var(--sip-accent) 6%, var(--sip-surface, #ffffff));
}

html body .sip-selected-user-info {
  flex: 1 1 auto;
  min-width: 0;
}

html body .sip-selected-user-name {
  font-size: 0.85rem;
  line-height: 1.3;
  color: var(--sip-text, #0f172a);
}

html body .sip-selected-user-badge {
  display: inline-block;
  padding: 1px 6px;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 4px;
  background: color-mix(in srgb, var(--sip-accent) 15%, transparent);
  color: var(--sip-accent);
  margin-left: 6px;
}

html body .sip-selected-user-meta {
  font-size: 0.78rem;
  line-height: 1.3;
  color: var(--sip-muted, #64748b);
  margin-top: 2px;
}

html body .sip-selected-user-remove {
  flex: 0 0 auto;
}

/* Dark mode for segmented control and user chips */
html.dark-mode .sip-segmented-control,
body.dark-mode .sip-segmented-control {
  background: color-mix(in srgb, var(--sip-bg) 60%, var(--sip-surface));
  border-color: var(--sip-line, #334155);
}

html.dark-mode .sip-segmented-btn,
body.dark-mode .sip-segmented-btn {
  color: var(--sip-muted, #94a3b8);
}

html.dark-mode .sip-segmented-btn:hover:not(.is-active),
body.dark-mode .sip-segmented-btn:hover:not(.is-active) {
  color: var(--sip-text, #f8fafc);
  background: rgba(255, 255, 255, 0.05);
}

html.dark-mode .sip-segmented-btn.is-active,
body.dark-mode .sip-segmented-btn.is-active {
  background: var(--sip-surface, #1e293b);
  color: var(--sip-text, #f8fafc);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

html.dark-mode .sip-segmented-btn.sip-segmented-btn--accent.is-active,
body.dark-mode .sip-segmented-btn.sip-segmented-btn--accent.is-active {
  background: var(--sip-accent);
  color: #ffffff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--sip-accent) 45%, transparent);
}

html.dark-mode .sip-selected-user-card,
body.dark-mode .sip-selected-user-card {
  background: color-mix(in srgb, var(--sip-accent) 10%, var(--sip-surface, #1e293b));
  border-color: var(--sip-line, #334155);
}

html.dark-mode .sip-selected-user-name,
body.dark-mode .sip-selected-user-name {
  color: var(--sip-text, #f8fafc);
}

html.dark-mode .sip-selected-user-meta,
body.dark-mode .sip-selected-user-meta {
  color: var(--sip-muted, #94a3b8);
}

/* Drawer/modal selects: match text inputs (no pastel accent wash) */
html body .sip-drawer-body select,
html body .sip-drawer-body select.form-control,
html body .sip-drawer-body .form-select,
html body .sip-drawer-body .custom-select,
html body .sip-drawer-body select.custom-select,
html body .doc-bottom-sheet-body select,
html body .doc-bottom-sheet-body select.form-control,
html body .doc-bottom-sheet-body .form-select,
html body .doc-bottom-sheet-body .custom-select,
html body .doc-bottom-sheet-body select.custom-select,
html body .modal.show .modal-body select,
html body .modal.show .modal-body select.form-control,
html body .modal.show .modal-body .form-select,
html body .modal.show .modal-body .custom-select,
html body .modal.show .modal-body select.custom-select,
html body .modal.d-block .modal-body select,
html body .modal.d-block .modal-body select.form-control,
html body .modal.d-block .modal-body .form-select,
html body .modal.d-block .modal-body .custom-select,
html body .modal.d-block .modal-body select.custom-select {
  background-color: var(--sip-surface, #ffffff) !important;
  border-color: var(--sip-line, #E2E8F0) !important;
  color: var(--sip-text, #0F172A) !important;
  font-weight: 500 !important;
}

html body .sip-drawer-body select:not([multiple]),
html body .sip-drawer-body select.form-control:not([multiple]),
html body .sip-drawer-body .form-select:not([multiple]),
html body .sip-drawer-body .custom-select:not([multiple]),
html body .sip-drawer-body select.custom-select:not([multiple]),
html body .doc-bottom-sheet-body select:not([multiple]),
html body .doc-bottom-sheet-body select.form-control:not([multiple]),
html body .doc-bottom-sheet-body .form-select:not([multiple]),
html body .doc-bottom-sheet-body .custom-select:not([multiple]),
html body .doc-bottom-sheet-body select.custom-select:not([multiple]),
html body .modal.show .modal-body select:not([multiple]),
html body .modal.show .modal-body select.form-control:not([multiple]),
html body .modal.show .modal-body .form-select:not([multiple]),
html body .modal.show .modal-body .custom-select:not([multiple]),
html body .modal.show .modal-body select.custom-select:not([multiple]),
html body .modal.d-block .modal-body select:not([multiple]),
html body .modal.d-block .modal-body select.form-control:not([multiple]),
html body .modal.d-block .modal-body .form-select:not([multiple]),
html body .modal.d-block .modal-body .custom-select:not([multiple]),
html body .modal.d-block .modal-body select.custom-select:not([multiple]) {
  background-image: linear-gradient(45deg, transparent 50%, var(--sip-muted, #64748B) 50%), linear-gradient(135deg, var(--sip-muted, #64748B) 50%, transparent 50%) !important;
  background-position: calc(100% - 17px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px) !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  background-color: var(--sip-surface, #ffffff) !important;
}

/* Sticky full-bleed action bar at the drawer bottom — light, no divider strip */
html body .sip-drawer-body .sip-drawer-form-footer,
html body .doc-bottom-sheet-body .sip-drawer-form-footer,
html body .modal.show .modal-body .sip-drawer-form-footer,
html body .modal.d-block .modal-body .sip-drawer-form-footer,
html body .sip-drawer-body > form > .modal-footer,
html body .doc-bottom-sheet-body > form > .modal-footer,
html body .modal.show .modal-body > form > .modal-footer,
html body .modal.d-block .modal-body > form > .modal-footer,
html body .sip-drawer-body .modal-footer,
html body .sip-drawer-body .w-100.modal-footer,
html body .doc-bottom-sheet-body .modal-footer,
html body .doc-bottom-sheet-body .w-100.modal-footer,
html body aside.sip-drawer .sip-drawer-form-footer,
html body aside.sip-drawer .modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  flex: 0 0 auto;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem !important;
  box-sizing: border-box !important;
  width: calc(100% + 2 * var(--sip-drawer-pad-x, 1.5rem)) !important;
  max-width: none !important;
  margin-top: auto !important;
  margin-left: calc(-1 * var(--sip-drawer-pad-x, 1.5rem)) !important;
  margin-right: calc(-1 * var(--sip-drawer-pad-x, 1.5rem)) !important;
  margin-bottom: 0 !important;
  padding: 0.75rem var(--sip-drawer-pad-x, 1.5rem) calc(0.85rem + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 0 !important;
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
  box-shadow: none !important;
}

html body .sip-drawer-form-footer .btn,
html body .sip-drawer-footer .btn,
html body aside.sip-drawer .modal-footer .btn,
html body .sip-drawer-body .modal-footer .btn,
html body .doc-bottom-sheet-body .modal-footer .btn,
html body .doc-bottom-sheet-body .sip-drawer-form-footer .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0.5rem 1.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  letter-spacing: -0.01em !important;
  box-sizing: border-box !important;
  transition: all 0.2s var(--sip-ease) !important;
}

html body .sip-drawer-form-footer .btn .icon,
html body .sip-drawer-footer .btn .icon,
html body aside.sip-drawer .modal-footer .btn .icon,
html body .sip-drawer-body .modal-footer .btn .icon,
html body .doc-bottom-sheet-body .modal-footer .btn .icon {
  font-size: 1.05rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body .sip-drawer-form-footer .btn .icon + span,
html body .sip-drawer-form-footer .btn span + .icon,
html body .sip-drawer-footer .btn .icon + span,
html body aside.sip-drawer .modal-footer .btn .icon + span,
html body .sip-drawer-body .modal-footer .btn .icon + span {
  margin: 0 !important;
  padding: 0 !important;
}

html body .sip-drawer-form-footer .btn-light,
html body .sip-drawer-form-footer .btn-outline-light,
html body .sip-drawer-form-footer .sip-drawer-btn-cancel,
html body .sip-drawer-footer .btn-light,
html body .sip-drawer-footer .btn-outline-light,
html body aside.sip-drawer .modal-footer .btn-light,
html body aside.sip-drawer .modal-footer .btn-outline-light,
html body aside.sip-drawer .modal-footer .btn-secondary,
html body aside.sip-drawer .modal-footer .btn-default,
html body .sip-drawer-body .modal-footer .btn-light,
html body .sip-drawer-body .modal-footer .btn-outline-light,
html body .sip-drawer-body .modal-footer .btn-secondary,
html body .sip-drawer-body .modal-footer .btn-default {
  background: var(--sip-surface, #ffffff) !important;
  border: 1px solid var(--sip-line, #e2e8f0) !important;
  color: var(--sip-muted, #64748b) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html body .sip-drawer-form-footer .btn-light:hover,
html body .sip-drawer-form-footer .btn-outline-light:hover,
html body .sip-drawer-form-footer .sip-drawer-btn-cancel:hover,
html body .sip-drawer-footer .btn-light:hover,
html body .sip-drawer-footer .btn-outline-light:hover,
html body aside.sip-drawer .modal-footer .btn-light:hover,
html body aside.sip-drawer .modal-footer .btn-outline-light:hover,
html body aside.sip-drawer .modal-footer .btn-secondary:hover,
html body aside.sip-drawer .modal-footer .btn-default:hover,
html body .sip-drawer-body .modal-footer .btn-light:hover,
html body .sip-drawer-body .modal-footer .btn-outline-light:hover,
html body .sip-drawer-body .modal-footer .btn-secondary:hover,
html body .sip-drawer-body .modal-footer .btn-default:hover {
  background: color-mix(in srgb, var(--sip-bg, #f8fafc) 90%, var(--sip-line, #e2e8f0)) !important;
  border-color: #cbd5e1 !important;
  color: var(--sip-text, #0f172a) !important;
}

html body .sip-drawer-form-footer .btn-primary,
html body .sip-drawer-form-footer .sip-drawer-btn-save,
html body .sip-drawer-footer .btn-primary,
html body aside.sip-drawer .modal-footer .btn-primary,
html body aside.sip-drawer .modal-footer .btn-info,
html body .sip-drawer-body .modal-footer .btn-primary,
html body .sip-drawer-body .modal-footer .btn-info {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  font-weight: 650 !important;
  padding-left: 1.4rem !important;
  padding-right: 1.4rem !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--sip-accent) 28%, transparent) !important;
}

html body .sip-drawer-form-footer .btn-primary:hover,
html body .sip-drawer-form-footer .sip-drawer-btn-save:hover,
html body .sip-drawer-footer .btn-primary:hover,
html body aside.sip-drawer .modal-footer .btn-primary:hover,
html body aside.sip-drawer .modal-footer .btn-info:hover,
html body .sip-drawer-body .modal-footer .btn-primary:hover,
html body .sip-drawer-body .modal-footer .btn-info:hover {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--sip-accent) 38%, transparent) !important;
  transform: translateY(-1px);
}

html body .sip-drawer-form-footer .btn-primary:active,
html body .sip-drawer-form-footer .sip-drawer-btn-save:active,
html body .sip-drawer-footer .btn-primary:active,
html body aside.sip-drawer .modal-footer .btn-primary:active,
html body aside.sip-drawer .modal-footer .btn-info:active,
html body .sip-drawer-body .modal-footer .btn-primary:active,
html body .sip-drawer-body .modal-footer .btn-info:active {
  transform: translateY(0);
}

/* Dark mode for footer */
html.dark-mode .sip-drawer-form-footer,
body.dark-mode .sip-drawer-form-footer,
html.dark-mode .sip-drawer-footer,
body.dark-mode .sip-drawer-footer,
html.dark-mode aside.sip-drawer .modal-footer,
body.dark-mode aside.sip-drawer .modal-footer,
html.dark-mode .sip-drawer-body .modal-footer,
body.dark-mode .sip-drawer-body .modal-footer {
  background: var(--sip-surface, #1e293b) !important;
  background-color: var(--sip-surface, #1e293b) !important;
  border-top-color: transparent !important;
  box-shadow: none !important;
}

html.dark-mode .sip-drawer-form-footer .btn-light,
html.dark-mode .sip-drawer-form-footer .btn-outline-light,
html.dark-mode .sip-drawer-form-footer .sip-drawer-btn-cancel,
body.dark-mode .sip-drawer-form-footer .btn-light,
body.dark-mode .sip-drawer-form-footer .btn-outline-light,
body.dark-mode .sip-drawer-form-footer .sip-drawer-btn-cancel,
html.dark-mode .sip-drawer-footer .btn-light,
html.dark-mode .sip-drawer-footer .btn-outline-light,
body.dark-mode .sip-drawer-footer .btn-light,
body.dark-mode .sip-drawer-footer .btn-outline-light,
html.dark-mode aside.sip-drawer .modal-footer .btn-light,
html.dark-mode aside.sip-drawer .modal-footer .btn-outline-light,
html.dark-mode aside.sip-drawer .modal-footer .btn-secondary,
html.dark-mode aside.sip-drawer .modal-footer .btn-default,
body.dark-mode aside.sip-drawer .modal-footer .btn-light,
body.dark-mode aside.sip-drawer .modal-footer .btn-outline-light,
body.dark-mode aside.sip-drawer .modal-footer .btn-secondary,
body.dark-mode aside.sip-drawer .modal-footer .btn-default,
html.dark-mode .sip-drawer-body .modal-footer .btn-light,
html.dark-mode .sip-drawer-body .modal-footer .btn-outline-light,
html.dark-mode .sip-drawer-body .modal-footer .btn-secondary,
html.dark-mode .sip-drawer-body .modal-footer .btn-default,
body.dark-mode .sip-drawer-body .modal-footer .btn-light,
body.dark-mode .sip-drawer-body .modal-footer .btn-outline-light,
body.dark-mode .sip-drawer-body .modal-footer .btn-secondary,
body.dark-mode .sip-drawer-body .modal-footer .btn-default {
  background: var(--sip-surface, #1e293b) !important;
  border-color: var(--sip-line, #334155) !important;
  color: var(--sip-muted, #94a3b8) !important;
}

html.dark-mode .sip-drawer-form-footer .btn-light:hover,
html.dark-mode .sip-drawer-form-footer .btn-outline-light:hover,
html.dark-mode .sip-drawer-form-footer .sip-drawer-btn-cancel:hover,
body.dark-mode .sip-drawer-form-footer .btn-light:hover,
body.dark-mode .sip-drawer-form-footer .btn-outline-light:hover,
body.dark-mode .sip-drawer-form-footer .sip-drawer-btn-cancel:hover,
html.dark-mode .sip-drawer-footer .btn-light:hover,
html.dark-mode .sip-drawer-footer .btn-outline-light:hover,
body.dark-mode .sip-drawer-footer .btn-light:hover,
body.dark-mode .sip-drawer-footer .btn-outline-light:hover,
html.dark-mode aside.sip-drawer .modal-footer .btn-light:hover,
html.dark-mode aside.sip-drawer .modal-footer .btn-outline-light:hover,
html.dark-mode aside.sip-drawer .modal-footer .btn-secondary:hover,
html.dark-mode aside.sip-drawer .modal-footer .btn-default:hover,
body.dark-mode aside.sip-drawer .modal-footer .btn-light:hover,
body.dark-mode aside.sip-drawer .modal-footer .btn-outline-light:hover,
body.dark-mode aside.sip-drawer .modal-footer .btn-secondary:hover,
body.dark-mode aside.sip-drawer .modal-footer .btn-default:hover,
html.dark-mode .sip-drawer-body .modal-footer .btn-light:hover,
html.dark-mode .sip-drawer-body .modal-footer .btn-outline-light:hover,
html.dark-mode .sip-drawer-body .modal-footer .btn-secondary:hover,
html.dark-mode .sip-drawer-body .modal-footer .btn-default:hover,
body.dark-mode .sip-drawer-body .modal-footer .btn-light:hover,
body.dark-mode .sip-drawer-body .modal-footer .btn-outline-light:hover,
body.dark-mode .sip-drawer-body .modal-footer .btn-secondary:hover,
body.dark-mode .sip-drawer-body .modal-footer .btn-default:hover {
  background: color-mix(in srgb, var(--sip-bg) 50%, var(--sip-surface)) !important;
  border-color: #475569 !important;
  color: var(--sip-text, #f8fafc) !important;
}

html body .sip-drawer-body:has(.sip-drawer-form-footer),
html body .sip-drawer-body:has(.modal-footer),
html body .doc-bottom-sheet-body:has(.sip-drawer-form-footer),
html body .doc-bottom-sheet-body:has(.modal-footer) {
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {
  html body .sip-drawer-body .sip-drawer-form-footer,
  html body .sip-drawer-body .modal-footer,
  html body .doc-bottom-sheet-body .sip-drawer-form-footer,
  html body .doc-bottom-sheet-body .modal-footer {
    bottom: calc(var(--sip-mobile-bottom-ui-h, 96px) + env(safe-area-inset-bottom)) !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
/* Card edit pages that reuse the same form: keep a normal footer, not drawer bleed.
   margin-top sits ABOVE border-top so fields don’t sit flush against the divider. */
.nk-app-root .card .sip-drawer-form-footer,
.nk-app-root .card-body .sip-drawer-form-footer,
.nk-app-root form.sip-drawer-form > .sip-drawer-form-footer,
.nk-app-root form.sip-drawer-form > .w-100.modal-footer {
  position: static;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
  padding: 0.85rem 0 0 !important;
  box-shadow: none;
  border-top: 1px solid var(--sip-line) !important;
  background: transparent !important;
}

html body .modal-backdrop {
  background: rgba(12, 18, 22, 0.28) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

html body.dark-mode .modal-backdrop,
html.dark-mode .modal-backdrop {
  background: rgba(0, 0, 0, 0.42) !important;
}

html body.dark-mode .modal.show .modal-content,
html body.dark-mode .modal.d-block .modal-content,
html.dark-mode .modal.show .modal-content {
  background: var(--sip-surface) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

/* —— View/detail drawers: native panel, not a card stuffed inside ——
   Legacy show.vue files still wrap fields in .modal-mask > .modal-container
   (own header + close + drop shadow). Those components now open inside a
   BV modal / side-drawer that already has chrome. Flatten the inner shell. */
html body .modal.show .modal-body .modal-mask,
html body .modal.d-block .modal-body .modal-mask,
html body .sip-drawer-body .modal-mask {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  z-index: auto !important;
  transition: none !important;
}

html body .modal.show .modal-body .modal-wrapper,
html body .modal.d-block .modal-body .modal-wrapper,
html body .sip-drawer-body .modal-wrapper {
  display: block !important;
  vertical-align: top !important;
}

html body .modal.show .modal-body .modal-container,
html body .modal.d-block .modal-body .modal-container,
html body .sip-drawer-body .modal-container {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}

html body .modal.show .modal-body .modal-container > .modal-header,
html body .modal.d-block .modal-body .modal-container > .modal-header,
html body .sip-drawer-body .modal-container > .modal-header,
html body .modal.show .modal-body > .card > .card-header,
html body .modal.d-block .modal-body > .card > .card-header,
html body .sip-drawer-body > .card > .card-header {
  display: none !important;
}

html body .modal.show .modal-body .modal-header .pointer,
html body .modal.d-block .modal-body .modal-header .pointer,
html body .sip-drawer-body .modal-header .pointer,
html body .modal.show .modal-body .modal-header .close,
html body .modal.d-block .modal-body .modal-header .close,
html body .sip-drawer-body .modal-header .close,
html body .modal.show .modal-body .card-header .close,
html body .sip-drawer-body .card-header .close {
  display: none !important;
}

html body .modal.show .modal-body .modal-container > .modal-body,
html body .modal.d-block .modal-body .modal-container > .modal-body,
html body .sip-drawer-body .modal-container > .modal-body {
  padding: 0 !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
}

html body .modal.show .modal-body > .card,
html body .modal.d-block .modal-body > .card,
html body .sip-drawer-body > .card {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html body .modal.show .modal-body > .card > .card-body,
html body .modal.show .modal-body > .card > .card-inner,
html body .sip-drawer-body > .card > .card-body,
html body .sip-drawer-body > .card > .card-inner {
  padding: 0 !important;
}

html body .modal.show .modal-body .card,
html body .modal.d-block .modal-body .card,
html body .sip-drawer-body .card {
  box-shadow: none !important;
}

html body .modal.show .modal-body:not(:has(.modal-footer)),
html body .modal.d-block .modal-body:not(:has(.modal-footer)),
html body .sip-drawer-body:not(:has(.modal-footer)):not(:has(.sip-filter-sheet-fields)) {
  padding-bottom: 1.15rem !important;
}

html body .sip-drawer-body:has(.sip-view-detail),
html body .doc-bottom-sheet-body:has(.sip-view-detail),
html body .modal.show .modal-body:has(.sip-view-detail),
html body .modal.d-block .modal-body:has(.sip-view-detail) {
  display: flex;
  flex-direction: column;
}

html body .sip-view-detail {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

html body .sip-view-fields {
  margin: 0;
}

html body .sip-view-row {
  display: grid;
  grid-template-columns: 7.25rem minmax(0, 1fr);
  gap: 0.4rem 1rem;
  align-items: start;
  margin: 0;
  padding: 0.8rem 0;
  border-bottom: 1px solid #E2E8F0;
  font-family: var(--sip-font);
}

html body .sip-view-row:first-child {
  padding-top: 0;
}

html body .sip-view-fields .sip-view-row:last-child {
  border-bottom: 0;
  padding-bottom: 0.2rem;
}

html body .sip-view-row dt {
  margin: 0;
  color: #64748B;
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1.45;
}

html body .sip-view-row dd {
  margin: 0;
  color: var(--sip-text, var(--sip-ink));
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

html body .sip-view-row dd p,
html body .sip-view-prose p,
html body .modal.show .modal-body .m-t-20 p,
html body .modal.d-block .modal-body .m-t-20 p,
html body .sip-drawer-body .m-t-20 p,
html body .sip-drawer-body .html-view p,
html body .modal.show .modal-body .html-view p {
  margin: 0 0 0.65rem;
  line-height: 1.55;
}

html body .sip-view-row dd p:last-child,
html body .sip-view-prose p:last-child,
html body .modal.show .modal-body .m-t-20 p:last-child,
html body .modal.d-block .modal-body .m-t-20 p:last-child,
html body .sip-drawer-body .m-t-20 p:last-child,
html body .sip-drawer-body .html-view p:last-child,
html body .modal.show .modal-body .html-view p:last-child {
  margin-bottom: 0;
}

html body .sip-view-row dd ul {
  margin: 0.2rem 0 0;
  padding: 0;
  list-style: none;
}

html body .sip-view-row dd .badge,
html body .sip-view-detail .badge,
html body .sip-drawer-body > div:not([class]) > .badge,
html body .modal.show .modal-body > div:not([class]) > .badge {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin: 0 0 0 0.4rem;
  line-height: 1.2;
}

html body .sip-view-prose,
html body .modal.show .modal-body > .m-t-20,
html body .modal.d-block .modal-body > .m-t-20,
html body .sip-drawer-body > .m-t-20,
html body .sip-view-detail > .m-t-20,
html body .sip-view-detail > .html-view {
  margin-top: 1rem !important;
  color: var(--sip-text, var(--sip-ink));
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

html body .sip-view-detail .upload-file-list {
  margin-top: 0.85rem;
  margin-bottom: 0;
}

html body .modal.show .modal-body h6.card-title,
html body .sip-drawer-body h6.card-title {
  margin: 0 0 0.25rem;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.55;
}

html body .modal.show .modal-body h6.card-title > p,
html body .sip-drawer-body h6.card-title > p {
  margin: 0 0 0.75rem;
}

html body .modal.show .modal-body h6.card-title > p:last-child,
html body .sip-drawer-body h6.card-title > p:last-child {
  margin-bottom: 0;
}

html body .modal.show .modal-body h6.card-title .pull-right,
html body .sip-drawer-body h6.card-title .pull-right {
  float: none;
  display: block;
  margin-top: 0.75rem;
}

html body .modal.show .modal-body h6.card-title strong,
html body .sip-drawer-body h6.card-title strong {
  color: var(--sip-text, var(--sip-ink));
  font-weight: 650;
}

html body .modal.show .modal-body h4.card-title,
html body .sip-drawer-body h4.card-title {
  margin: 0 0 0.75rem;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

html body .modal.show .modal-body > hr,
html body .modal.show .modal-body .sip-view-detail > hr,
html body .sip-drawer-body > hr,
html body .sip-drawer-body .sip-view-detail > hr {
  display: block !important;
  height: 0 !important;
  margin: 0.85rem 0 0.7rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #E2E8F0 !important;
  overflow: visible !important;
}

html body .modal.show .modal-body > hr:has(+ p:has(> .ni-clock-fill)),
html body .modal.d-block .modal-body > hr:has(+ p:has(> .ni-clock-fill)),
html body .sip-drawer-body > hr:has(+ p:has(> .ni-clock-fill)),
html body .sip-view-detail > hr:has(+ p:has(> .ni-clock-fill)),
html body .modal.show .modal-body > hr:has(+ .sip-view-meta),
html body .sip-drawer-body > hr:has(+ .sip-view-meta),
html body .sip-view-detail > hr:has(+ .sip-view-meta) {
  display: none !important;
  margin: 0 !important;
  border: 0 !important;
}

html body .sip-view-meta,
html body .modal.show .modal-body p:has(> .ni-clock-fill):has(small),
html body .modal.d-block .modal-body p:has(> .ni-clock-fill):has(small),
html body .sip-drawer-body p:has(> .ni-clock-fill):has(small) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin: 1rem 0 0;
  padding: 14px 0 0;
  border-top: 1px solid #E2E8F0;
  color: #64748B;
  font-size: 0.8rem;
  line-height: 1.4;
  font-family: var(--sip-font);
}

html body .sip-view-detail > .sip-view-meta {
  margin-top: auto;
  flex: 0 0 auto;
}

html body .sip-view-meta > span,
html body .sip-view-meta > small,
html body .modal.show .modal-body p:has(> .ni-clock-fill):has(small) > small,
html body .modal.d-block .modal-body p:has(> .ni-clock-fill):has(small) > small,
html body .sip-drawer-body p:has(> .ni-clock-fill):has(small) > small,
html body .modal.show .modal-body p:has(> .ni-clock-fill):has(small) > span,
html body .modal.d-block .modal-body p:has(> .ni-clock-fill):has(small) > span,
html body .sip-drawer-body p:has(> .ni-clock-fill):has(small) > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  float: none !important;
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: 1.4;
  white-space: nowrap;
}

html body .modal.show .modal-body p:has(> .ni-clock-fill):has(small) > small,
html body .modal.d-block .modal-body p:has(> .ni-clock-fill):has(small) > small,
html body .sip-drawer-body p:has(> .ni-clock-fill):has(small) > small {
  margin-right: auto;
}

html body .sip-view-meta > span:last-child,
html body .modal.show .modal-body p:has(> .ni-clock-fill):has(small) > .float-end,
html body .modal.d-block .modal-body p:has(> .ni-clock-fill):has(small) > .float-end,
html body .sip-drawer-body p:has(> .ni-clock-fill):has(small) > .float-end {
  margin-left: auto;
}

html body .sip-view-meta .icon,
html body .modal.show .modal-body p:has(> .ni-clock-fill):has(small) .icon,
html body .modal.d-block .modal-body p:has(> .ni-clock-fill):has(small) .icon,
html body .sip-drawer-body p:has(> .ni-clock-fill):has(small) .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.85em;
  line-height: 1;
  margin: 0;
  position: static;
  top: auto;
}

html body .sip-drawer--sm .sip-view-meta,
html body .sip-drawer--md .sip-view-meta,
html body .modal.show .modal-dialog.modal-sm .sip-view-meta,
html body .modal.d-block .modal-dialog.modal-sm .sip-view-meta {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

html body .sip-drawer--sm .sip-view-meta > span,
html body .sip-drawer--sm .sip-view-meta > span:last-child,
html body .sip-drawer--md .sip-view-meta > span,
html body .sip-drawer--md .sip-view-meta > span:last-child {
  margin-left: 0;
  margin-right: 0;
  white-space: normal;
}

html body .modal.show .modal-body .custom-show-table,
html body .sip-drawer-body .custom-show-table {
  margin: 0;
  background: transparent;
}

html body .modal.show .modal-body .table-responsive:has(.custom-show-table),
html body .sip-drawer-body .table-responsive:has(.custom-show-table) {
  margin: 0;
  overflow: visible !important;
}

html body.dark-mode .sip-view-row,
html.dark-mode .sip-view-row,
html body.dark-mode .modal.show .modal-body > hr,
html body.dark-mode .sip-drawer-body > hr,
html body.dark-mode .sip-view-meta,
html body.dark-mode .modal.show .modal-body p:has(> .ni-clock-fill):has(small),
html body.dark-mode .sip-drawer-body p:has(> .ni-clock-fill):has(small) {
  border-color: var(--sip-line) !important;
}

html body.dark-mode .sip-view-row dt,
html.dark-mode .sip-view-row dt,
html body.dark-mode .sip-view-meta,
html body.dark-mode .modal.show .modal-body p:has(> .ni-clock-fill):has(small),
html body.dark-mode .sip-drawer-body p:has(> .ni-clock-fill):has(small) {
  color: var(--sip-muted, #94A3B8);
}

.toggle-slide,
.nk-add-product,
.offcanvas,
.offcanvas-body {
  background: var(--sip-surface) !important;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
}

.toggle-slide,
.nk-add-product,
.offcanvas {
  border: 1px solid var(--sip-line);
  box-shadow: 0 24px 56px rgba(8, 22, 24, 0.28);
}

.toggle-slide.toggle-slide-right,
.nk-add-product {
  border-radius: 0;
}

.toggle-slide.toggle-slide-left {
  border-radius: 0;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.1rem 0.85rem;
  border-bottom: 1px solid var(--sip-line);
  background: var(--sip-surface);
}

.offcanvas-title {
  margin: 0;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  font-size: 1.05rem;
  font-weight: 750;
  letter-spacing: -0.02em;
}

.toggle-overlay {
  background: rgba(8, 22, 24, 0.52) !important;
}

/* —— 3. Inputs —— */
.form-group > label:not(.vue-switcher):not(.custom-control-label):not(.form-check-label):not(.custom-control),
.form-label,
.col-form-label,
.form-group > .form-label,
.sip-label-row,
.form-group-head {
  display: flex;
  align-items: center;
  min-height: 26px;
  margin-bottom: 0.35rem !important;
  color: var(--sip-muted) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  line-height: 1.25 !important;
}

/* Standardized label row pattern with actions (Add New / remove / toggles) */
.sip-label-row,
.form-group-head,
.form-group > .d-flex.justify-content-between.align-items-center,
.sip-drawer-form .form-group > .d-flex.justify-content-between,
.sip-drawer-form-grid .form-group > .d-flex.justify-content-between {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 26px !important;
  margin-bottom: 0.35rem !important;
  width: 100% !important;
  gap: 0.5rem;
}

.sip-label-row > label,
.sip-label-row > .form-label,
.form-group-head > label,
.form-group-head > .form-label,
.form-group > .d-flex.justify-content-between.align-items-center > label,
.sip-drawer-form .form-group > .d-flex.justify-content-between > label,
.sip-drawer-form-grid .form-group > .d-flex.justify-content-between > label {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.25 !important;
  color: var(--sip-muted) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0;
}

/* Fallback for buttons placed directly inside label or float headers */
.form-group > label:has(> .btn),
.form-group > label:has(> .float-end) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 26px !important;
  margin-bottom: 0.35rem !important;
  width: 100% !important;
}

.form-group > .float-start {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  line-height: 1.25;
}

.form-group > .float-start > label {
  margin-bottom: 0 !important;
  min-height: 0 !important;
  display: inline-flex;
  align-items: center;
}

.form-group > .float-end {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
}

input.form-control:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=color]),
textarea.form-control,
select,
select.form-control,
.form-select,
.custom-select,
select.custom-select,
.vdp-datepicker input.form-control,
.vdp-datepicker .form-control {
  width: 100%;
  height: var(--sip-input-h, 42px) !important;
  min-height: var(--sip-input-h, 42px) !important;
  padding: 0.65rem 0.85rem !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: var(--sip-input-radius, 12px) !important;
  background: var(--sip-surface) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
  transition: border-color 0.2s var(--sip-ease), box-shadow 0.2s var(--sip-ease), background-color 0.2s var(--sip-ease);
}

/* Standard clean neutral dropdown / select styling — matches standard text input fields */
select,
.nk-app-root select,
select.form-control,
.form-select,
.custom-select,
select.custom-select,
.nk-app-root select.form-control,
.nk-app-root .form-select,
.nk-app-root .custom-select,
.nk-app-root select.custom-select,
html body select,
html body select.form-control,
html body .form-select,
html body .custom-select,
html body select.custom-select {
  background-color: var(--sip-surface, #ffffff) !important;
  color: var(--sip-text, #1e293b) !important;
  border: 1px solid var(--sip-line, #e2e8f0) !important;
  border-color: var(--sip-line, #e2e8f0) !important;
  border-radius: var(--sip-input-radius, 8px) !important;
  height: var(--sip-input-h, 42px) !important;
  min-height: var(--sip-input-h, 42px) !important;
  padding: 0.5rem 2rem 0.5rem 0.875rem !important;
  font-family: var(--sip-font) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
  transition: border-color 0.2s var(--sip-ease), box-shadow 0.2s var(--sip-ease), background-color 0.2s var(--sip-ease);
}
select:focus,
.nk-app-root select:focus,
select.form-control:focus,
.form-select:focus,
.custom-select:focus,
select.custom-select:focus,
.nk-app-root select.form-control:focus,
.nk-app-root .form-select:focus,
.nk-app-root .custom-select:focus,
.nk-app-root select.custom-select:focus,
html body select:focus,
html body select.form-control:focus,
html body .form-select:focus,
html body .custom-select:focus,
html body select.custom-select:focus {
  background-color: var(--sip-surface, #ffffff) !important;
  border-color: var(--sip-accent, #10b981) !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
  color: var(--sip-text, #1e293b) !important;
  outline: none !important;
}
select:disabled, select[disabled], select[readonly],
.nk-app-root select:disabled,
.nk-app-root select[disabled],
.nk-app-root select[readonly],
select.form-control:disabled,
select.form-control[disabled],
select.form-control[readonly],
.form-select:disabled,
.form-select[disabled],
.form-select[readonly],
.custom-select:disabled,
.custom-select[disabled],
.custom-select[readonly],
select.custom-select:disabled,
select.custom-select[disabled],
select.custom-select[readonly],
.nk-app-root select.form-control:disabled,
.nk-app-root select.form-control[disabled],
.nk-app-root select.form-control[readonly],
.nk-app-root .form-select:disabled,
.nk-app-root .form-select[disabled],
.nk-app-root .form-select[readonly],
.nk-app-root .custom-select:disabled,
.nk-app-root .custom-select[disabled],
.nk-app-root .custom-select[readonly],
.nk-app-root select.custom-select:disabled,
.nk-app-root select.custom-select[disabled],
.nk-app-root select.custom-select[readonly],
html body select:disabled,
html body select[disabled],
html body select[readonly],
html body select.form-control:disabled,
html body select.form-control[disabled],
html body select.form-control[readonly],
html body .form-select:disabled,
html body .form-select[disabled],
html body .form-select[readonly],
html body .custom-select:disabled,
html body .custom-select[disabled],
html body .custom-select[readonly],
html body select.custom-select:disabled,
html body select.custom-select[disabled],
html body select.custom-select[readonly] {
  background-color: var(--sip-bg, #f8fafc) !important;
  color: var(--sip-muted, #94a3b8) !important;
  opacity: 0.78;
}
select option,
.nk-app-root select option,
select.form-control option,
.form-select option,
.custom-select option,
select.custom-select option,
.nk-app-root select.form-control option,
.nk-app-root .form-select option,
.nk-app-root .custom-select option,
.nk-app-root select.custom-select option,
html body select option,
html body select.form-control option,
html body .form-select option,
html body .custom-select option,
html body select.custom-select option {
  background-color: var(--sip-surface, #ffffff) !important;
  color: var(--sip-text, #1e293b) !important;
}

textarea.form-control {
  height: auto !important;
  min-height: 2.75rem !important;
  resize: vertical;
}

.form-control-sm,
select.form-control-sm,
input.form-control-sm {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0.4rem 0.7rem !important;
  font-size: 0.82rem !important;
}

.form-control::placeholder,
.form-select::placeholder,
textarea.form-control::placeholder,
.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder {
  color: color-mix(in srgb, var(--sip-muted) 78%, var(--sip-line)) !important;
  opacity: 1 !important;
  font-weight: 500;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus,
.form-select:focus,
.custom-select:focus,
select:focus,
.form-control:focus-visible,
.vdp-datepicker input.form-control:focus {
  outline: none !important;
  border-color: color-mix(in srgb, var(--sip-accent) 55%, var(--sip-line)) !important;
  box-shadow: var(--sip-focus-ring) !important;
}

.form-control:disabled,
.form-control[readonly],
.form-select:disabled {
  background: var(--sip-bg) !important;
  opacity: 0.78;
}

select:not([multiple]),
.nk-app-root select:not([multiple]),
select.form-control:not([multiple]),
.form-select:not([multiple]),
.custom-select:not([multiple]),
select.custom-select:not([multiple]),
.nk-app-root select.form-control:not([multiple]),
.nk-app-root .form-select:not([multiple]),
.nk-app-root .custom-select:not([multiple]),
.nk-app-root select.custom-select:not([multiple]),
html body select:not([multiple]),
html body select.form-control:not([multiple]),
html body .form-select:not([multiple]),
html body .custom-select:not([multiple]),
html body select.custom-select:not([multiple]) {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--sip-muted, #64748b) 50%), linear-gradient(135deg, var(--sip-muted, #64748b) 50%, transparent 50%) !important;
  background-position: calc(100% - 17px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px) !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  padding-right: 2rem !important;
}

html.dark-mode select,
html.dark-mode select.form-control,
html.dark-mode .form-select,
html.dark-mode .custom-select,
html.dark-mode select.custom-select,
html body.dark-mode select,
html body.dark-mode select.form-control,
html body.dark-mode .form-select,
html body.dark-mode .custom-select,
html body.dark-mode select.custom-select,
.nk-app-root.dark-mode select,
.dark-mode .nk-app-root select {
  background-color: var(--sip-surface, #1e293b) !important;
  border-color: var(--sip-line, #334155) !important;
  color: var(--sip-text, #f8fafc) !important;
}
html.dark-mode select:focus,
html.dark-mode select.form-control:focus,
html.dark-mode .form-select:focus,
html.dark-mode .custom-select:focus,
html.dark-mode select.custom-select:focus,
html body.dark-mode select:focus,
html body.dark-mode select.form-control:focus,
html body.dark-mode .form-select:focus,
html body.dark-mode .custom-select:focus,
html body.dark-mode select.custom-select:focus,
.nk-app-root.dark-mode select:focus,
.dark-mode .nk-app-root select:focus {
  background-color: var(--sip-surface, #1e293b) !important;
  border-color: var(--sip-accent, #10b981) !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
  color: var(--sip-text, #f8fafc) !important;
}
html.dark-mode select:disabled, html.dark-mode select[disabled],
html.dark-mode select.form-control:disabled,
html.dark-mode select.form-control[disabled],
html.dark-mode .form-select:disabled,
html.dark-mode .form-select[disabled],
html.dark-mode .custom-select:disabled,
html.dark-mode .custom-select[disabled],
html.dark-mode select.custom-select:disabled,
html.dark-mode select.custom-select[disabled],
html body.dark-mode select:disabled,
html body.dark-mode select[disabled],
html body.dark-mode select.form-control:disabled,
html body.dark-mode select.form-control[disabled],
html body.dark-mode .form-select:disabled,
html body.dark-mode .form-select[disabled],
html body.dark-mode .custom-select:disabled,
html body.dark-mode .custom-select[disabled],
html body.dark-mode select.custom-select:disabled,
html body.dark-mode select.custom-select[disabled],
.nk-app-root.dark-mode select:disabled,
.nk-app-root.dark-mode select[disabled],
.dark-mode .nk-app-root select:disabled,
.dark-mode .nk-app-root select[disabled] {
  background-color: var(--sip-bg, #0f172a) !important;
  color: var(--sip-muted, #64748b) !important;
}
html.dark-mode select option,
html.dark-mode select.form-control option,
html.dark-mode .form-select option,
html.dark-mode .custom-select option,
html.dark-mode select.custom-select option,
html body.dark-mode select option,
html body.dark-mode select.form-control option,
html body.dark-mode .form-select option,
html body.dark-mode .custom-select option,
html body.dark-mode select.custom-select option,
.nk-app-root.dark-mode select option,
.dark-mode .nk-app-root select option {
  background-color: var(--sip-surface, #1e293b) !important;
  color: var(--sip-text, #f8fafc) !important;
}

html.dark-mode select:not([multiple]),
html.dark-mode .nk-app-root select:not([multiple]),
html.dark-mode select.form-control:not([multiple]),
html.dark-mode .form-select:not([multiple]),
html.dark-mode .custom-select:not([multiple]),
html.dark-mode select.custom-select:not([multiple]),
html body.dark-mode select:not([multiple]),
html body.dark-mode .nk-app-root select:not([multiple]),
html body.dark-mode select.form-control:not([multiple]),
html body.dark-mode .form-select:not([multiple]),
html body.dark-mode .custom-select:not([multiple]),
html body.dark-mode select.custom-select:not([multiple]) {
  background-image: linear-gradient(45deg, transparent 50%, var(--sip-muted, #94a3b8) 50%), linear-gradient(135deg, var(--sip-muted, #94a3b8) 50%, transparent 50%) !important;
}

/* Shared time picker — drawers append to body (outside .nk-app-root), so
 * do not scope these rules to .nk-app-root or they never apply in side drawers. */
html body .sip-time-picker,
.sip-time-picker {
  position: relative;
  display: block;
  width: 100%;
}

html body .sip-time-picker__bar,
.sip-time-picker__bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  min-height: var(--sip-input-h, 42px);
  height: var(--sip-input-h, 42px);
}

html body .sip-drawer-body .sip-time-picker .custom-select,
html body .sip-drawer-body .sip-time-picker .sip-time-picker__field,
html body .doc-bottom-sheet-body .sip-time-picker .custom-select,
html body .doc-bottom-sheet-body .sip-time-picker .sip-time-picker__field,
html body .modal.show .modal-body .sip-time-picker .custom-select,
html body .modal.d-block .modal-body .sip-time-picker .custom-select,
html body .sip-time-picker .custom-select,
html body .sip-time-picker .sip-time-picker__field,
.nk-app-root .sip-time-picker .custom-select,
.nk-app-root .form-group .sip-time-picker .custom-select {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.form-check-input,
.custom-control-input {
  accent-color: var(--sip-accent);
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-indicator,
.form-check-input:checked {
  background-color: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
}

.form-group {
  margin-bottom: 1rem;
}

/* —— Toggles (global): vue-switches + DashLite custom-switch + BS form-switch ——
 * vue-switches is a <label class="vue-switcher">; .form-group > label used to
 * stack it above sibling text. Bootstrap success theme paints a green knob on a
 * washed-green track (on/off unclear). Restyle pills only — not square checkboxes.
 */
.nk-app-root .form-group:has(> .vue-switcher),
.nk-app-root .form-group:has(> .custom-control.custom-switch),
.nk-app-root .form-group:has(> .form-check.form-switch),
.nk-app-root .mb-2:has(> .vue-switcher),
.nk-app-root [class*=col-]:has(> label:not(.vue-switcher)):has(> .vue-switcher):not(:has(> input.form-control)):not(:has(> select)):not(:has(> textarea)),
.nk-app-root .sip-filter-switch {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  min-height: 24px;
}

.nk-app-root .form-group:has(> .vue-switcher) > label:not(.vue-switcher),
.nk-app-root .mb-2:has(> .vue-switcher) > label:not(.vue-switcher),
.nk-app-root [class*=col-]:has(> .vue-switcher):not(:has(> input.form-control)) > label:not(.vue-switcher) {
  flex: 1 1 auto;
  order: 0;
  margin: 0 !important;
  padding: 0;
}

.nk-app-root .form-group:has(> .vue-switcher) > .vue-switcher,
.nk-app-root .mb-2:has(> .vue-switcher) > .vue-switcher,
.nk-app-root [class*=col-]:has(> .vue-switcher):not(:has(> input.form-control)) > .vue-switcher,
.nk-app-root .sip-filter-switch > .vue-switcher {
  flex: 0 0 auto;
  order: 1;
  margin: 0 !important;
}

.nk-app-root .form-group:has(.vue-switcher) > small,
.nk-app-root .form-group:has(.vue-switcher) > .form-text,
.nk-app-root .form-group:has(.vue-switcher) > .show-error,
.nk-app-root .form-group:has(.vue-switcher) > .text-danger,
.nk-app-root .form-group:has(.custom-switch) > .show-error,
.nk-app-root .form-group:has(.custom-switch) > .text-danger,
.nk-app-root .form-group:has(.vue-switcher) > .invalid-feedback {
  flex: 1 0 100%;
  order: 2;
  margin-top: 0.15rem;
}

.nk-app-root .form-group:has(> .vue-switcher):not(:has(> label:not(.vue-switcher))),
.nk-app-root .sip-filter-switch {
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.35;
}

.nk-app-root .vue-switcher {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--sip-switch-w);
  height: var(--sip-switch-h);
  min-width: var(--sip-switch-w);
  min-height: var(--sip-switch-h);
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
}

.nk-app-root .vue-switcher__label {
  display: none;
}

.nk-app-root .vue-switcher input {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.nk-app-root .vue-switcher > div,
.nk-app-root .vue-switcher div {
  width: var(--sip-switch-w) !important;
  height: var(--sip-switch-h) !important;
  margin: 0 !important;
  top: 0 !important;
  border-radius: 999px !important;
  background-color: var(--sip-switch-off) !important;
  transition: background-color 0.18s var(--sip-ease, ease);
}

.nk-app-root .vue-switcher > div:after,
.nk-app-root .vue-switcher div:after {
  width: var(--sip-switch-knob) !important;
  height: var(--sip-switch-knob) !important;
  top: var(--sip-switch-inset) !important;
  left: var(--sip-switch-inset) !important;
  margin-left: 0 !important;
  border-radius: 50% !important;
  background-color: var(--sip-switch-knob-bg) !important;
  box-shadow: var(--sip-switch-knob-shadow) !important;
  transition: left 0.18s var(--sip-ease, ease), margin-left 0.18s var(--sip-ease, ease), background-color 0.18s ease;
}

.nk-app-root .vue-switcher--unchecked > div,
.nk-app-root .vue-switcher--unchecked div,
.nk-app-root .vue-switcher-theme--bootstrap.vue-switcher--unchecked > div,
.nk-app-root .vue-switcher-theme--bootstrap.vue-switcher--unchecked div {
  background-color: var(--sip-switch-off) !important;
}

.nk-app-root .vue-switcher--unchecked > div:after,
.nk-app-root .vue-switcher--unchecked div:after,
.nk-app-root .vue-switcher-theme--bootstrap.vue-switcher--unchecked > div:after,
.nk-app-root .vue-switcher-theme--bootstrap.vue-switcher--unchecked div:after {
  left: var(--sip-switch-inset) !important;
  margin-left: 0 !important;
  background-color: var(--sip-switch-knob-bg) !important;
}

.nk-app-root .vue-switcher:not(.vue-switcher--unchecked) > div,
.nk-app-root .vue-switcher:not(.vue-switcher--unchecked) div,
.nk-app-root .vue-switcher-theme--bootstrap:not(.vue-switcher--unchecked) > div,
.nk-app-root .vue-switcher-theme--bootstrap:not(.vue-switcher--unchecked) div {
  background-color: var(--sip-accent) !important;
}

.nk-app-root .vue-switcher:not(.vue-switcher--unchecked) > div:after,
.nk-app-root .vue-switcher:not(.vue-switcher--unchecked) div:after,
.nk-app-root .vue-switcher-theme--bootstrap:not(.vue-switcher--unchecked) > div:after,
.nk-app-root .vue-switcher-theme--bootstrap:not(.vue-switcher--unchecked) div:after {
  left: calc(var(--sip-switch-w) - var(--sip-switch-knob) - var(--sip-switch-inset)) !important;
  margin-left: 0 !important;
  background-color: var(--sip-switch-knob-bg) !important;
}

.nk-app-root .vue-switcher:focus-within > div,
.nk-app-root .vue-switcher:focus-within div {
  box-shadow: var(--sip-focus-ring);
}

.nk-app-root .vue-switcher--disabled,
.nk-app-root .vue-switcher.vue-switcher--disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.nk-app-root .vue-switcher--disabled > div,
.nk-app-root .vue-switcher--disabled div {
  opacity: 1 !important;
}

.nk-app-root .vue-switcher--disabled input {
  cursor: not-allowed;
}

.nk-app-root .custom-control.custom-switch,
.nk-app-root .custom-switch.custom-control-sm,
.nk-app-root .custom-switch.custom-control-lg,
.nk-app-root .custom-switch.is-right,
.nk-app-root .custom-switch.b-custom-control-sm {
  --sip-sw-w: var(--sip-switch-w);
  --sip-sw-h: var(--sip-switch-h);
  --sip-sw-knob: var(--sip-switch-knob);
  --sip-sw-inset: var(--sip-switch-inset);
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--sip-sw-h);
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0;
  margin-right: 0;
}

.nk-app-root .custom-switch .custom-control-label {
  position: relative;
  display: block;
  width: 100%;
  min-height: var(--sip-sw-h);
  padding: 0 calc(var(--sip-sw-w) + 10px) 0 0;
  margin: 0;
  line-height: var(--sip-sw-h);
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

.nk-app-root .custom-switch .custom-control-label::before {
  left: auto !important;
  right: 0 !important;
  top: 50% !important;
  width: var(--sip-sw-w) !important;
  height: var(--sip-sw-h) !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background-color: var(--sip-switch-off) !important;
  box-shadow: none !important;
  pointer-events: all;
  transition: background-color 0.18s var(--sip-ease, ease);
}

.nk-app-root .custom-switch .custom-control-label::after {
  left: auto !important;
  right: calc(var(--sip-sw-w) - var(--sip-sw-knob) - var(--sip-sw-inset)) !important;
  top: 50% !important;
  width: var(--sip-sw-knob) !important;
  height: var(--sip-sw-knob) !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border-radius: 50% !important;
  background-color: var(--sip-switch-knob-bg) !important;
  background-image: none !important;
  box-shadow: var(--sip-switch-knob-shadow) !important;
  opacity: 1 !important;
  transition: transform 0.18s var(--sip-ease, ease), right 0.18s var(--sip-ease, ease);
}

.nk-app-root .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
}

.nk-app-root .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateY(-50%) translateX(calc(var(--sip-sw-w) - var(--sip-sw-knob) - var(--sip-sw-inset) * 2)) !important;
  background-color: var(--sip-switch-knob-bg) !important;
}

.nk-app-root .custom-switch .custom-control-input:focus ~ .custom-control-label::before,
.nk-app-root .custom-switch .custom-control-input:focus-visible ~ .custom-control-label::before {
  box-shadow: var(--sip-focus-ring) !important;
}

.nk-app-root .custom-switch .custom-control-input:disabled ~ .custom-control-label,
.nk-app-root .custom-switch .custom-control-input[disabled] ~ .custom-control-label {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.nk-app-root .form-check.form-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--sip-switch-h);
  padding-left: 0;
  gap: 10px;
}

.nk-app-root .form-switch .form-check-input {
  width: var(--sip-switch-w);
  height: var(--sip-switch-h);
  margin: 0;
  flex: 0 0 var(--sip-switch-w);
  order: 1;
  border: 0;
  border-radius: 999px;
  background-color: var(--sip-switch-off) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important;
  background-position: left 2px center !important;
  background-size: 20px 20px !important;
  box-shadow: none;
  cursor: pointer;
  transition: background-color 0.18s var(--sip-ease, ease), background-position 0.18s var(--sip-ease, ease);
}

.nk-app-root .form-switch .form-check-input:checked {
  background-color: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  background-position: right 2px center !important;
}

.nk-app-root .form-switch .form-check-input:focus,
.nk-app-root .form-switch .form-check-input:focus-visible {
  box-shadow: var(--sip-focus-ring) !important;
}

.nk-app-root .form-switch .form-check-input:disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.nk-app-root .form-switch .form-check-label {
  flex: 1 1 auto;
  order: 0;
  margin: 0;
  padding: 0;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  font-size: 0.9rem;
  font-weight: 600;
}

/* —— 4. Selects / tags / date (vue-multiselect + vue-select + datepicker) —— */
/* Selected values render as chips BELOW a stable single-line control. */
.multiselect,
.v-select {
  min-height: var(--sip-input-h, 42px);
  font-family: var(--sip-font) !important;
}

.vs__dropdown-toggle {
  min-height: var(--sip-input-h, 42px) !important;
  padding: 4px 40px 4px 10px !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: var(--sip-input-radius, 12px) !important;
  background: var(--sip-surface, #ffffff) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-size: 0.9rem !important;
  box-shadow: none !important;
}

/*
 * vue-multiselect control: reserve a fixed-height chrome row via padding-top +
 * ::before, then let .multiselect__tags-wrap flow underneath as a chip row.
 * Works for single + multiple (sip-select exposes tags in both modes).
 */
.multiselect__tags {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  min-height: var(--sip-input-h, 42px) !important;
  height: auto !important;
  max-height: none !important;
  padding: var(--sip-input-h, 42px) 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-size: 0.9rem !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.multiselect__tags::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--sip-input-h, 42px);
  box-sizing: border-box;
  border: 1px solid var(--sip-line) !important;
  border-radius: var(--sip-input-radius, 12px) !important;
  background: var(--sip-surface, #ffffff) !important;
  /* Decorative chrome only — never intercept caret / placeholder / input clicks */
  pointer-events: none !important;
  z-index: 0;
}

html.dark-mode .multiselect__tags::before,
html.dark-mode .vs__dropdown-toggle,
html body.dark-mode .multiselect__tags::before,
html body.dark-mode .vs__dropdown-toggle {
  background: var(--sip-surface, #1E293B) !important;
  border-color: var(--sip-line, #334155) !important;
  color: var(--sip-text, #E2E8F0) !important;
}

.multiselect--active .multiselect__tags::before,
.v-select.vs--open .vs__dropdown-toggle {
  border-color: color-mix(in srgb, var(--sip-accent) 55%, var(--sip-line)) !important;
  box-shadow: var(--sip-focus-ring) !important;
}

.vs__search::-moz-placeholder, .multiselect__input::-moz-placeholder {
  margin: 0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}

.multiselect__placeholder,
.multiselect__single,
.vs__selected,
.vs__search,
.vs__search::placeholder,
.multiselect__input,
.multiselect__input::placeholder {
  margin: 0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}

.multiselect__placeholder,
.multiselect__single,
.multiselect__input {
  position: absolute !important;
  top: 0 !important;
  left: 10px !important;
  right: 40px !important;
  z-index: 1;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  height: var(--sip-input-h, 42px) !important;
  max-width: calc(100% - 50px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding: 0 0.15rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: auto;
  cursor: pointer;
}

.multiselect__input {
  cursor: text;
}

.vs__search::-moz-placeholder, .multiselect__input::-moz-placeholder {
  color: color-mix(in srgb, var(--sip-muted) 78%, var(--sip-line)) !important;
}

.multiselect__placeholder,
.vs__search::placeholder,
.multiselect__input::placeholder {
  color: color-mix(in srgb, var(--sip-muted) 78%, var(--sip-line)) !important;
}

.multiselect__input,
.vs__search {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 24px;
}

/*
 * Full-width caret hit target over the chrome row so the control opens even when
 * sip-select hides .multiselect__single (chips below) and the search input is
 * width:0 while closed. Shrink back while open so the search field stays usable.
 */
.multiselect__select,
.vs__open-indicator {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: var(--sip-input-h, 42px) !important;
  z-index: 2;
  pointer-events: auto;
  cursor: pointer;
}

.vs__open-indicator {
  fill: var(--sip-muted, #64748B) !important;
}

html.dark-mode .vs__open-indicator,
html body.dark-mode .vs__open-indicator {
  fill: var(--sip-muted, #94A3B8) !important;
}

.multiselect--active .multiselect__select {
  left: auto !important;
  right: 1px !important;
  width: 38px !important;
}

.multiselect__select:before {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  left: auto !important;
  margin-top: 0 !important;
  transform: translateY(-35%);
  border-color: var(--sip-muted) transparent transparent !important;
}

.multiselect__spinner {
  top: 1px !important;
  height: calc(var(--sip-input-h, 42px) - 2px) !important;
}

/* Chip row below the control (single + multiple) */
.multiselect__tags-wrap {
  position: relative !important;
  z-index: 1;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0.35rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.4rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

.multiselect__tags-wrap[style*="display: none"] {
  margin: 0 !important;
}

.multiselect__strong {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: 0.4rem 0 0 0.15rem !important;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--sip-muted, #64748b);
}

.multiselect__tag,
.vs__selected {
  display: inline-flex !important;
  align-items: center;
  max-width: min(100%, 28rem);
  margin: 0 !important;
  border-radius: 999px !important;
  background: #eef1f3 !important;
  color: #3d4f56 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: nowrap;
}

html.dark-mode .multiselect__tag,
html body.dark-mode .multiselect__tag,
html.dark-mode .vs__selected,
html body.dark-mode .vs__selected {
  background: #334155 !important;
  color: #f1f5f9 !important;
}

/* Reserve space for absolute ×; truncate long labels inside the chip */
.multiselect__tag {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.25rem 1.85rem 0.25rem 0.6rem !important;
}

.multiselect__tag > span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vs__selected {
  gap: 0.25rem;
  padding: 0.15rem 0.5rem !important;
}

.multiselect__tag-icon {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 999px 999px 0 !important;
  width: 1.45rem !important;
  line-height: 1.45rem !important;
  margin: 0 !important;
}

.multiselect__tag-icon:after,
.vs__deselect {
  color: #3d4f56 !important;
}

html.dark-mode .multiselect__tag-icon:after,
html body.dark-mode .multiselect__tag-icon:after {
  color: #f1f5f9 !important;
}

.multiselect__tag-icon:hover,
.multiselect__tag-icon:focus {
  background: #dfe4e7 !important;
}

html.dark-mode .multiselect__tag-icon:hover,
html.dark-mode .multiselect__tag-icon:focus,
html body.dark-mode .multiselect__tag-icon:hover,
html body.dark-mode .multiselect__tag-icon:focus {
  background: #475569 !important;
}

.multiselect__content-wrapper,
.vs__dropdown-menu {
  border: 1px solid var(--sip-line) !important;
  border-radius: 12px !important;
  background: var(--sip-surface) !important;
  box-shadow: var(--sip-shadow-lg) !important;
  font-family: var(--sip-font) !important;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto;
  /* Keep menus above following form fields inside drawers / sheets */
  z-index: 50;
}

/*
 * Default absolute menu: sit below chrome + chip row.
 * Do NOT use !important on top/bottom — side-drawer.vue repositions open menus
 * with position:fixed + pixel top/bottom; !important previously forced
 * top: calc(100% + 4px) against the viewport (~100vh), hiding the list off-screen.
 */
.multiselect__content-wrapper {
  top: calc(100% + 4px);
}

.multiselect--above .multiselect__content-wrapper {
  top: auto;
  bottom: calc(100% + 4px);
}

/* When drawer JS pins the menu with position:fixed, ignore %-based offsets */
.multiselect__content-wrapper[style*="position: fixed"],
.multiselect__content-wrapper[style*="position:fixed"] {
  top: auto;
  bottom: auto;
}

.multiselect__option,
.vs__dropdown-option {
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.88rem !important;
  font-weight: 500;
  background: transparent !important;
}

.multiselect__option--highlight,
.multiselect__option--highlight:after,
.vs__dropdown-option--highlight,
.multiselect__option:hover,
.vs__dropdown-option:hover {
  background: color-mix(in srgb, var(--sip-accent) 10%, var(--sip-surface, #ffffff)) !important;
  color: var(--sip-accent-hover, var(--sip-accent)) !important;
}

.multiselect__option--selected,
.vs__dropdown-option--selected {
  background: color-mix(in srgb, var(--sip-accent) 12%, var(--sip-surface, #ffffff)) !important;
  color: var(--sip-accent-hover, #0369A1) !important;
  font-weight: 700 !important;
}

html.dark-mode .multiselect__option--highlight,
html.dark-mode .vs__dropdown-option--highlight,
html.dark-mode .multiselect__option:hover,
html.dark-mode .vs__dropdown-option:hover,
html body.dark-mode .multiselect__option--highlight,
html body.dark-mode .vs__dropdown-option--highlight {
  background: color-mix(in srgb, var(--sip-accent) 18%, var(--sip-surface, #1E293B)) !important;
  color: var(--sip-accent-on, #38BDF8) !important;
}

html.dark-mode .multiselect__option--selected,
html.dark-mode .vs__dropdown-option--selected,
html body.dark-mode .multiselect__option--selected,
html body.dark-mode .vs__dropdown-option--selected {
  background: color-mix(in srgb, var(--sip-accent) 22%, var(--sip-surface, #1E293B)) !important;
  color: var(--sip-accent-on, #38BDF8) !important;
}

.vdp-datepicker {
  width: 100%;
  display: block;
}

.vdp-datepicker .vdp-datepicker__calendar {
  border: 1px solid var(--sip-line) !important;
  border-radius: 12px !important;
  background: var(--sip-surface) !important;
  box-shadow: var(--sip-shadow-lg) !important;
  font-family: var(--sip-font) !important;
  color: var(--sip-text, var(--sip-ink));
  overflow: hidden;
}

.vdp-datepicker__calendar header,
.vdp-datepicker__calendar .day-header {
  color: var(--sip-muted);
  font-weight: 700;
}

.vdp-datepicker__calendar .cell.selected,
.vdp-datepicker__calendar .cell.selected.highlighted,
.vdp-datepicker__calendar .cell.selected:hover {
  background: var(--sip-accent) !important;
  border-radius: 8px;
  color: #fff !important;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell.highlighted:not(.selected) {
  background: color-mix(in srgb, var(--sip-accent) 12%, transparent) !important;
  border-radius: 8px;
}

/* —— 5. Search fields —— */
.app-search .form-control,
.nk-header .form-control,
.search-wrap .form-control,
.nk-search-box .form-control,
input[type=search].form-control,
.form-control-search {
  height: var(--sip-input-h, 42px) !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: var(--sip-input-radius, 12px) !important;
  background: var(--sip-bg) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.app-search .form-control:focus,
.nk-header .form-control:focus,
.search-wrap .form-control:focus,
input[type=search].form-control:focus {
  background: var(--sip-surface) !important;
  border-color: color-mix(in srgb, var(--sip-accent) 55%, var(--sip-line)) !important;
  box-shadow: var(--sip-focus-ring) !important;
}

.app-search .autocomplete-results,
.search-wrap .dropdown-menu {
  border: 1px solid var(--sip-line) !important;
  border-radius: 12px !important;
  background: var(--sip-surface) !important;
  box-shadow: 0 12px 28px rgba(18, 54, 61, 0.12) !important;
}

/* —— User search component (.sip-user-search-group) —— */
.sip-user-search-group {
  position: relative;
}

.sip-user-search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.sip-user-search-icon {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1rem;
  color: var(--sip-muted, #64748b);
  z-index: 2;
}

html body .sip-user-search-input-wrap > input.form-control.sip-user-search-input,
html body input.form-control.sip-user-search-input,
.nk-app-root .sip-user-search-input-wrap > input.form-control.sip-user-search-input,
.nk-app-root input.form-control.sip-user-search-input,
input.form-control.sip-user-search-input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=color]),
.sip-user-search-input {
  padding-left: 2.625rem !important;
  padding-right: 2.5rem !important;
}

.sip-user-search-clear {
  position: absolute;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--sip-muted, #94a3b8);
  cursor: pointer;
  z-index: 2;
  transition: all 0.15s ease;
}
.sip-user-search-clear:hover {
  color: var(--sip-text, #0f172a);
  background: rgba(15, 23, 42, 0.08);
}

/* —— Toolbar instant search input (.sip-toolbar-search) —— */
.sip-toolbar-search {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 260px;
  max-width: 100%;
}

.sip-toolbar-search__icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 0.875rem;
  color: var(--sip-muted, #64748b);
  z-index: 2;
}

.sip-toolbar-search__spinner {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.875rem;
  height: 0.875rem;
  border-width: 1.5px;
  color: var(--sip-accent, #0284c7);
  pointer-events: none;
  z-index: 2;
}

html body .sip-toolbar-search > input.form-control.sip-toolbar-search__input,
html body input.form-control.sip-toolbar-search__input,
.nk-app-root .sip-toolbar-search > input.form-control.sip-toolbar-search__input,
.nk-app-root input.form-control.sip-toolbar-search__input,
input.form-control.sip-toolbar-search__input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=color]),
.sip-toolbar-search__input {
  width: 100%;
  height: 34px !important;
  min-height: 34px !important;
  padding-left: 2.15rem !important;
  padding-right: 2rem !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  border-radius: var(--sip-radius, 8px) !important;
  border: 1px solid var(--sip-line, #e2e8f0) !important;
  background-color: var(--sip-surface, #ffffff) !important;
  color: var(--sip-text, #0f172a) !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
html body .sip-toolbar-search > input.form-control.sip-toolbar-search__input::-moz-placeholder, html body input.form-control.sip-toolbar-search__input::-moz-placeholder, .nk-app-root .sip-toolbar-search > input.form-control.sip-toolbar-search__input::-moz-placeholder, .nk-app-root input.form-control.sip-toolbar-search__input::-moz-placeholder, input.form-control.sip-toolbar-search__input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=color])::-moz-placeholder, .sip-toolbar-search__input::-moz-placeholder {
  color: var(--sip-muted, #94a3b8) !important;
  opacity: 1;
  font-size: 0.8125rem;
}
html body .sip-toolbar-search > input.form-control.sip-toolbar-search__input::placeholder,
html body input.form-control.sip-toolbar-search__input::placeholder,
.nk-app-root .sip-toolbar-search > input.form-control.sip-toolbar-search__input::placeholder,
.nk-app-root input.form-control.sip-toolbar-search__input::placeholder,
input.form-control.sip-toolbar-search__input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=color])::placeholder,
.sip-toolbar-search__input::placeholder {
  color: var(--sip-muted, #94a3b8) !important;
  opacity: 1;
  font-size: 0.8125rem;
}
html body .sip-toolbar-search > input.form-control.sip-toolbar-search__input:focus,
html body input.form-control.sip-toolbar-search__input:focus,
.nk-app-root .sip-toolbar-search > input.form-control.sip-toolbar-search__input:focus,
.nk-app-root input.form-control.sip-toolbar-search__input:focus,
input.form-control.sip-toolbar-search__input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=color]):focus,
.sip-toolbar-search__input:focus {
  border-color: var(--sip-accent, #0284c7) !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
  outline: none !important;
  background-color: var(--sip-surface, #ffffff) !important;
}

.sip-toolbar-search__clear {
  position: absolute;
  right: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--sip-muted, #94a3b8);
  cursor: pointer;
  z-index: 2;
  transition: all 0.15s ease;
}
.sip-toolbar-search__clear:hover {
  color: var(--sip-text, #0f172a);
  background: rgba(15, 23, 42, 0.08);
}

html.dark-mode .sip-toolbar-search__input,
body.dark-mode .sip-toolbar-search__input,
[data-theme=dark] .sip-toolbar-search__input {
  background-color: var(--sip-surface, #1e293b) !important;
  border-color: var(--sip-line, #334155) !important;
  color: var(--sip-text, #f8fafc) !important;
}
html.dark-mode .sip-toolbar-search__input:focus,
body.dark-mode .sip-toolbar-search__input:focus,
[data-theme=dark] .sip-toolbar-search__input:focus {
  background-color: var(--sip-surface, #1e293b) !important;
  border-color: var(--sip-accent, #38bdf8) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
}

html.dark-mode .sip-toolbar-search__clear:hover,
body.dark-mode .sip-toolbar-search__clear:hover,
[data-theme=dark] .sip-toolbar-search__clear:hover {
  color: #f8fafc;
  background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 576px) {
  .sip-toolbar-search {
    width: 100%;
    min-width: 100%;
    margin-bottom: 0.25rem;
  }
}
/* —— 6. Form / modal / sheet buttons —— */
.modal .btn:not(.btn-icon):not(.btn-trigger):not(.close):not(.btn-close),
.modal-footer .btn:not(.btn-icon),
.modal-container .btn:not(.btn-icon):not(.close),
.doc-bottom-sheet .btn:not(.btn-icon),
.toggle-slide .btn:not(.btn-icon):not(.btn-trigger),
.nk-add-product .btn:not(.btn-icon),
.offcanvas .btn:not(.btn-icon),
.input-group > .btn.btn-info {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 36px;
  padding: 0.45rem 1.05rem !important;
  border-radius: 8px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

.modal .btn-primary,
.modal .btn.btn-sm.btn-primary,
.modal-footer .btn-primary,
.modal-footer .btn.btn-sm.btn-primary,
.doc-bottom-sheet .btn-primary,
.toggle-slide .btn-primary,
.nk-add-product .btn-primary,
.offcanvas .btn-primary,
.sip-drawer .btn-primary {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

.modal .btn-primary:hover,
.modal .btn.btn-sm.btn-primary:hover,
.modal-footer .btn-primary:hover,
.modal-footer .btn.btn-sm.btn-primary:hover,
.doc-bottom-sheet .btn-primary:hover,
.sip-drawer .btn-primary:hover {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

.modal .btn-info,
.modal-footer .btn-info,
.modal-container .btn-info,
.doc-bottom-sheet .btn-info,
.toggle-slide .btn-info,
.nk-add-product .btn-info,
.offcanvas .btn-info,
.input-group > .btn.btn-info,
.modal .btn-secondary,
.modal-footer .btn-secondary,
.modal-footer .btn-light,
.modal-footer .btn-outline-light,
.doc-bottom-sheet .btn-secondary,
.doc-bottom-sheet .btn-light {
  background: var(--sip-surface) !important;
  border: 1px solid var(--sip-line) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.modal .btn-info:hover,
.modal-footer .btn-info:hover,
.doc-bottom-sheet .btn-info:hover,
.input-group > .btn.btn-info:hover,
.modal .btn-secondary:hover,
.modal-footer .btn-light:hover {
  background: #f4f6f8 !important;
  border-color: #d5dde0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.modal .btn-danger,
.modal-footer .btn-danger,
.doc-bottom-sheet .btn-danger {
  background: color-mix(in srgb, var(--sip-danger) 10%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--sip-danger) 28%, var(--sip-line)) !important;
  color: var(--sip-danger) !important;
}

.modal .btn-danger:hover,
.doc-bottom-sheet .btn-danger:hover {
  background: var(--sip-danger) !important;
  border-color: var(--sip-danger) !important;
  color: #fff !important;
}

/* File-upload list inside forms */
.upload-file-list-item {
  font-family: var(--sip-font);
  color: var(--sip-text, var(--sip-ink));
}

.input-group {
  border-radius: var(--sip-input-radius, 12px);
}

/* Default radius; joined-edge / prefix overrides live under .nk-app-root */
.input-group > .form-control {
  border-radius: var(--sip-input-radius, 12px) !important;
}

/* Kill leftover DashLite purple focus / info cyan inside overlays */
.modal .btn-info.waves-effect,
.doc-bottom-sheet .btn-info.waves-effect {
  background: var(--sip-surface) !important;
}

.was-validated .form-control:focus,
.form-control.is-invalid:focus,
.form-control.is-valid:focus {
  box-shadow: var(--sip-focus-ring) !important;
}

/* —— List filter panels (inline card + bottom sheet) —— */
.nk-app-root .filter-area,
.nk-app-root .card.filter,
.nk-app-root .card[class*=filter]:not([class*=filter-chip]):not([class*=filter-fill]),
.nk-app-root .nk-block > [class*=filter-area],
.nk-app-root .nk-block > [class*=filter-panel],
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) {
  margin-bottom: 16px !important;
  padding: 0 !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: 12px !important;
  background: var(--sip-surface) !important;
  background-image: none !important;
  box-shadow: 0 2px 8px rgba(18, 54, 61, 0.06);
  color: var(--sip-text, var(--sip-ink));
}

.nk-app-root .filter-area > .card-body,
.nk-app-root .card.filter > .card-body,
.nk-app-root .card[class*=filter]:not([class*=filter-chip]) > .card-body,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) > .card-body {
  padding: 16px !important;
  background: transparent !important;
  background-image: none !important;
}

.nk-app-root .filter-area .card-title,
.nk-app-root .card.filter .card-title,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .card-title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.95rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.nk-app-root .filter-area .form-group,
.nk-app-root .card.filter .form-group,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .form-group,
.nk-app-root .doc-bottom-sheet-body .form-group,
.nk-app-root .toggle-slide .form-group {
  margin-bottom: 12px !important;
}

.nk-app-root .filter-area .row,
.nk-app-root .card.filter .row,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .row {
  --bs-gutter-x: 12px;
  --bs-gutter-y: 0;
  margin-left: -6px;
  margin-right: -6px;
}

.nk-app-root .filter-area .row > [class*=col-],
.nk-app-root .card.filter .row > [class*=col-],
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .row > [class*=col-] {
  padding-left: 6px;
  padding-right: 6px;
}

@media (min-width: 768px) {
  .nk-app-root .filter-area .row > .col-6:has(.vdp-datepicker),
  .nk-app-root .card.filter .row > .col-6:has(.vdp-datepicker),
  .nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .row > .col-6:has(.vdp-datepicker) {
    flex: 1 1 58%;
    max-width: 66%;
  }
  .nk-app-root .filter-area .row > .col-6:first-child:has(input.form-control),
  .nk-app-root .card.filter .row > .col-6:first-child:has(input.form-control),
  .nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .row > .col-6:first-child:has(input.form-control) {
    flex: 0 0 34%;
    max-width: 34%;
  }
}
.nk-app-root .sip-filter-toggle,
.nk-app-root .filter-area .row > [class*=col-]:has(.vue-switcher),
.nk-app-root .card.filter .row > [class*=col-]:has(.vue-switcher),
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .row > [class*=col-]:has(.vue-switcher),
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .row > [class*=col-]:has(.custom-switch) {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 8px;
}

.nk-app-root .filter-area .input-group:has(.vdp-datepicker),
.nk-app-root .card.filter .input-group:has(.vdp-datepicker),
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .input-group:has(.vdp-datepicker),
.nk-app-root .doc-bottom-sheet .input-group:has(.vdp-datepicker),
.sip-filter-sheet .input-group:has(.vdp-datepicker),
.sip-filter-sheet-fields .input-group:has(.vdp-datepicker) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

.nk-app-root .filter-area .input-group:has(.vdp-datepicker) > .vdp-datepicker,
.nk-app-root .card.filter .input-group:has(.vdp-datepicker) > .vdp-datepicker,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .input-group:has(.vdp-datepicker) > .vdp-datepicker,
.nk-app-root .doc-bottom-sheet .input-group:has(.vdp-datepicker) > .vdp-datepicker,
.sip-filter-sheet .input-group:has(.vdp-datepicker) > .vdp-datepicker,
.sip-filter-sheet-fields .input-group:has(.vdp-datepicker) > .vdp-datepicker {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
}

.nk-app-root .filter-area .input-group:has(.vdp-datepicker) .form-control,
.nk-app-root .card.filter .input-group:has(.vdp-datepicker) .form-control,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .input-group:has(.vdp-datepicker) .form-control,
.sip-filter-sheet .input-group:has(.vdp-datepicker) .form-control,
.sip-filter-sheet-fields .input-group:has(.vdp-datepicker) .form-control {
  width: 100% !important;
  margin-left: 0 !important;
  border-radius: var(--sip-input-radius, 10px) !important;
}

.nk-app-root .sip-filter-switch,
.nk-app-root .filter-area .form-group:has(.vue-switcher),
.nk-app-root .card.filter .form-group:has(.vue-switcher),
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .form-group:has(.vue-switcher) {
  margin-bottom: 0 !important;
}

.nk-app-root .sip-filter-switch > span,
.nk-app-root .filter-area .form-group:has(.vue-switcher),
.nk-app-root .card.filter .form-group:has(.vue-switcher),
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .form-group:has(.vue-switcher) {
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  line-height: 1.3;
}

.nk-app-root .doc-bottom-sheet .custom-control-label,
.nk-app-root .filter-area .custom-control-label,
.nk-app-root .card.filter .custom-control-label {
  margin: 0;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

.nk-app-root .sip-filter-actions,
.nk-app-root .filter-area .modal-footer,
.nk-app-root .card.filter .modal-footer,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .modal-footer {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  margin: 1.25rem 0 0 !important;
  padding: 0.85rem 0 0 !important;
  border-top: 1px solid var(--sip-line) !important;
  border-bottom: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

.nk-app-root .sip-filter-actions .btn,
.nk-app-root .filter-area .modal-footer .btn,
.nk-app-root .card.filter .modal-footer .btn,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .modal-footer .btn,
.nk-app-root .doc-bottom-sheet-body .btn:not(.btn-icon) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.4rem !important;
  min-height: 36px;
  padding: 0.45rem 1.05rem !important;
  margin: 0 !important;
  border-radius: 8px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.nk-app-root .sip-filter-actions .btn-primary,
.nk-app-root .filter-area .modal-footer .btn-primary,
.nk-app-root .filter-area .modal-footer .btn-info,
.nk-app-root .card.filter .modal-footer .btn-primary,
.nk-app-root .card.filter .modal-footer .btn-info,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .modal-footer .btn-primary,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .modal-footer .btn-info {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

.nk-app-root .sip-filter-actions .btn-primary:hover,
.nk-app-root .filter-area .modal-footer .btn-primary:hover,
.nk-app-root .filter-area .modal-footer .btn-info:hover,
.nk-app-root .card.filter .modal-footer .btn-info:hover,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .modal-footer .btn-info:hover {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

.nk-app-root .sip-filter-actions .btn-outline-secondary,
.nk-app-root .sip-filter-actions .btn-danger,
.nk-app-root .filter-area .modal-footer .btn-danger,
.nk-app-root .filter-area .modal-footer .btn-outline-secondary,
.nk-app-root .card.filter .modal-footer .btn-danger,
.nk-app-root .card.filter .modal-footer .btn-outline-secondary,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .modal-footer .btn-danger,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .modal-footer .btn-outline-secondary {
  background: var(--sip-surface) !important;
  border: 1px solid var(--sip-line) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.nk-app-root .sip-filter-actions .btn-outline-secondary:hover,
.nk-app-root .sip-filter-actions .btn-danger:hover,
.nk-app-root .filter-area .modal-footer .btn-danger:hover,
.nk-app-root .card.filter .modal-footer .btn-danger:hover,
.nk-app-root .card:has(> .card-body > .card-title):has(.modal-footer) .modal-footer .btn-danger:hover {
  background: #f4f6f8 !important;
  border-color: #d5dde0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

html body .doc-bottom-sheet {
  background: var(--sip-surface) !important;
  background-image: none !important;
}

html body .doc-bottom-sheet-body {
  padding: 16px !important;
}

html body .doc-bottom-sheet-body .row.g-3 {
  --bs-gutter-y: 12px;
  --bs-gutter-x: 12px;
}

html body.dark-mode .filter-area,
html body.dark-mode .card.filter,
html body.dark-mode .card[class*=filter]:not([class*=filter-chip]),
html body.dark-mode .card:has(> .card-body > .card-title):has(.modal-footer),
html body.dark-mode .card:has(> .card-body > .card-title):has(.modal-footer) > .card-body,
html body.dark-mode .doc-bottom-sheet,
html body.dark-mode .doc-bottom-sheet-header,
html body.dark-mode .doc-bottom-sheet-body,
html.dark-mode .filter-area,
html.dark-mode .card.filter,
html.dark-mode .card:has(> .card-body > .card-title):has(.modal-footer) {
  background: var(--sip-surface) !important;
  background-image: none !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

html body .sip-filter-sheet .sip-filter-sheet-header {
  position: sticky;
  top: 0;
  z-index: 3;
  flex: 0 0 auto;
  min-height: 48px;
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
}

html body .sip-filter-sheet .sip-filter-sheet-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px 14px 14px !important;
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
}

html body .sip-filter-sheet .sip-filter-sheet-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 10px 14px 12px;
  border-top: 1px solid var(--sip-line);
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
}

.sip-filter-sheet-fields > .row {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 12px;
  width: 100%;
  margin: 0 !important;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.sip-filter-sheet-fields > .row > [class*=col-] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  grid-column: 1/-1;
}

/* Wider drawers can use two columns for dense filter sets */
html body .sip-drawer--lg .sip-filter-sheet-fields > .row,
html body .sip-drawer--xl .sip-filter-sheet-fields > .row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body .sip-drawer--lg .sip-filter-sheet-fields > .row > [class*=col-]:has(.vdp-datepicker),
html body .sip-drawer--xl .sip-filter-sheet-fields > .row > [class*=col-]:has(.vdp-datepicker),
html body .sip-drawer--lg .sip-filter-sheet-fields > .row > .col-12,
html body .sip-drawer--xl .sip-filter-sheet-fields > .row > .col-12 {
  grid-column: 1/-1;
}

.sip-filter-sheet-fields .form-group {
  margin-bottom: 0 !important;
}

.sip-filter-sheet-fields label:not(.custom-control-label):not(.vue-switcher) {
  display: block;
  margin: 0 0 4px !important;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.2;
}

.sip-filter-sheet-fields .form-control,
.sip-filter-sheet-fields .form-select,
.sip-filter-sheet-fields .custom-select {
  height: 40px;
  min-height: 40px;
}

.sip-filter-sheet-fields .multiselect__tags,
.sip-filter-sheet-fields .vs__dropdown-toggle {
  min-height: var(--sip-input-h, 42px);
}

.sip-filter-sheet-fields .multiselect__tags::before {
  height: 40px;
}

.sip-filter-sheet-fields .multiselect__tags {
  padding-top: 40px !important;
  min-height: 40px !important;
}

.sip-filter-sheet-fields .multiselect__placeholder,
.sip-filter-sheet-fields .multiselect__single,
.sip-filter-sheet-fields .multiselect__input,
.sip-filter-sheet-fields .multiselect__select {
  height: 40px !important;
}

.sip-filter-sheet-fields .multiselect--active .multiselect__select {
  width: 38px !important;
}

/* Keep chip row above any absolute menu edge; menu stacks over later fields */
.sip-filter-sheet-fields .multiselect,
.sip-filter-sheet-fields .multiselect__tags {
  overflow: visible !important;
}

.sip-filter-sheet .multiselect__content-wrapper,
.sip-filter-sheet .vs__dropdown-menu,
.sip-filter-sheet .vdp-datepicker__calendar,
.sip-filter-sheet .select2-dropdown {
  z-index: 2100 !important;
}

.sip-filter-sheet-reset {
  background: var(--sip-surface) !important;
  border: 1px solid var(--sip-line) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  border-radius: 999px !important;
  min-height: 36px;
  padding: 0.45rem 1.15rem !important;
  font-family: var(--sip-font) !important;
  font-weight: 700 !important;
}

.sip-filter-sheet-reset:hover,
.sip-filter-sheet-reset:focus {
  background: #f4f6f8 !important;
  border-color: #d5dde0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.sip-filter-sheet-apply {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  border-radius: 999px !important;
  min-height: 36px;
  padding: 0.45rem 1.15rem !important;
  font-family: var(--sip-font) !important;
  font-weight: 700 !important;
}

.sip-filter-sheet-apply:hover {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

.sip-filter-sheet-title {
  display: flex;
  align-items: center;
  min-width: 0;
}

.sip-filter-sheet-title .icon {
  font-size: 1rem;
  color: var(--sip-muted, #5b6b70);
}

.sip-filter-sheet-close {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  padding: 0;
  margin: 0;
  border: 1px solid var(--sip-line, #e6ecee);
  border-radius: 9px;
  background: var(--sip-surface, #fff);
  color: var(--sip-navy, #3d4f54);
  cursor: pointer;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.sip-filter-sheet-close svg {
  display: block;
  pointer-events: none;
}

.sip-filter-sheet-close:hover,
.sip-filter-sheet-close:focus {
  background: #f4f6f8;
  border-color: #d5dde0;
  color: #0c262c;
  outline: none;
}

.sip-filter-sheet-close:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sip-accent) 28%, transparent);
}

html body.dark-mode .sip-filter-sheet-close,
html.dark-mode .sip-filter-sheet-close {
  background: var(--sip-surface);
  border-color: var(--sip-line);
  color: var(--sip-text, var(--sip-ink));
}

html body.dark-mode .sip-filter-sheet-close:hover,
html body.dark-mode .sip-filter-sheet-close:focus,
html.dark-mode .sip-filter-sheet-close:hover {
  background: color-mix(in srgb, var(--sip-surface) 86%, #fff);
  border-color: var(--sip-line);
}

/* —— Bulk selection action bar (list tables) —— */
.nk-app-root .sip-bulk-action-bar {
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 12px;
  background: var(--sip-surface, #ffffff);
  background-image: none;
  box-shadow: 0 2px 8px rgba(18, 54, 61, 0.06);
  color: var(--sip-text, var(--sip-ink));
}

.nk-app-root .sip-bulk-action-bar > .card-inner {
  padding: 0 !important;
}

.nk-app-root .sip-bulk-action-bar__form {
  margin: 0;
}

.nk-app-root .sip-bulk-action-bar .row {
  align-items: flex-end;
  --bs-gutter-x: 12px;
  --bs-gutter-y: 12px;
  row-gap: 12px;
  margin-left: -6px;
  margin-right: -6px;
}

.nk-app-root .sip-bulk-action-bar .row > [class*=col-] {
  padding-left: 6px;
  padding-right: 6px;
}

.nk-app-root .sip-bulk-action-bar .form-group {
  margin-bottom: 0;
}

.nk-app-root .sip-bulk-action-bar .form-group > label:not(.custom-control-label):not(.form-check-label) {
  margin-bottom: 0.4rem !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
  color: var(--sip-muted) !important;
}

.nk-app-root .sip-bulk-action-bar__radios {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  min-height: var(--sip-input-h, 42px);
}

.nk-app-root .sip-bulk-action-bar .radio,
.nk-app-root .sip-bulk-action-bar .radio-success {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 !important;
}

.nk-app-root .sip-bulk-action-bar .radio input[type=radio],
.nk-app-root .sip-bulk-action-bar .radio-success input[type=radio] {
  margin: 0;
  accent-color: var(--sip-accent);
}

.nk-app-root .sip-bulk-action-bar .radio label,
.nk-app-root .sip-bulk-action-bar .radio-success label {
  margin: 0;
  font-family: var(--sip-font);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
  color: var(--sip-text, #334155);
  cursor: pointer;
}

.nk-app-root .sip-bulk-action-bar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  min-height: var(--sip-input-h, 42px);
}

@media (min-width: 768px) {
  .nk-app-root .sip-bulk-action-bar__actions {
    justify-content: flex-end;
  }
}
.nk-app-root .sip-bulk-action-bar__title {
  margin: 0 0 0.75rem;
  font-family: var(--sip-font);
  font-size: 0.92rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: var(--sip-text, #1e293b);
}

.nk-app-root .sip-bulk-action-bar__subtitle {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--sip-muted, #64748b);
}

/* Bulk bar buttons — match toolbar primary + filter secondary */
.nk-app-root .sip-bulk-action-bar .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 36px;
  padding: 0.5rem 1rem !important;
  border-radius: 10px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.825rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap;
  transition: all 0.15s ease !important;
}

.nk-app-root .sip-bulk-action-bar .btn-primary,
.nk-app-root .sip-bulk-action-bar .btn-info {
  background: var(--sip-accent) !important;
  border: 1px solid var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--sip-accent) 20%, transparent) !important;
}

.nk-app-root .sip-bulk-action-bar .btn-primary:hover,
.nk-app-root .sip-bulk-action-bar .btn-info:hover,
.nk-app-root .sip-bulk-action-bar .btn-primary:focus,
.nk-app-root .sip-bulk-action-bar .btn-info:focus {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--sip-accent) 35%, transparent) !important;
}

.nk-app-root .sip-bulk-action-bar .btn-primary:active,
.nk-app-root .sip-bulk-action-bar .btn-info:active {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

/* Secondary actions (Print, Cancel) — neutral outline, not accent-colored */
.nk-app-root .sip-bulk-action-bar .btn-outline-light,
.nk-app-root .sip-bulk-action-bar .btn-outline-secondary,
.nk-app-root .sip-bulk-action-bar .btn-outline-primary,
.nk-app-root .sip-bulk-action-bar .btn-danger {
  background: var(--sip-surface, #ffffff) !important;
  border: 1px solid var(--sip-line, #e2e8f0) !important;
  color: var(--sip-text, #334155) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

.nk-app-root .sip-bulk-action-bar .btn-outline-light:hover,
.nk-app-root .sip-bulk-action-bar .btn-outline-secondary:hover,
.nk-app-root .sip-bulk-action-bar .btn-outline-primary:hover,
.nk-app-root .sip-bulk-action-bar .btn-danger:hover,
.nk-app-root .sip-bulk-action-bar .btn-outline-light:focus,
.nk-app-root .sip-bulk-action-bar .btn-outline-secondary:focus,
.nk-app-root .sip-bulk-action-bar .btn-outline-primary:focus,
.nk-app-root .sip-bulk-action-bar .btn-danger:focus {
  background: var(--sip-bg, #f8fafc) !important;
  border-color: #cbd5e1 !important;
  color: var(--sip-text, #0f172a) !important;
}

.nk-app-root .sip-bulk-action-bar .btn-outline-light:active,
.nk-app-root .sip-bulk-action-bar .btn-outline-secondary:active,
.nk-app-root .sip-bulk-action-bar .btn-outline-primary:active,
.nk-app-root .sip-bulk-action-bar .btn-danger:active {
  border-color: var(--sip-accent) !important;
  background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-surface, #ffffff)) !important;
  color: var(--sip-accent) !important;
}

html body.dark-mode .nk-app-root .sip-bulk-action-bar,
html.dark-mode .nk-app-root .sip-bulk-action-bar {
  background: var(--sip-surface);
  border-color: var(--sip-line);
  box-shadow: none;
}

html body.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-light,
html body.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-secondary,
html body.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-primary,
html body.dark-mode .nk-app-root .sip-bulk-action-bar .btn-danger,
html.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-light,
html.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-secondary,
html.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-primary,
html.dark-mode .nk-app-root .sip-bulk-action-bar .btn-danger {
  background: var(--sip-surface) !important;
  border-color: var(--sip-line) !important;
  color: var(--sip-text) !important;
  box-shadow: none !important;
}

html body.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-light:hover,
html body.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-secondary:hover,
html body.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-primary:hover,
html body.dark-mode .nk-app-root .sip-bulk-action-bar .btn-danger:hover,
html.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-light:hover,
html.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-secondary:hover,
html.dark-mode .nk-app-root .sip-bulk-action-bar .btn-outline-primary:hover,
html.dark-mode .nk-app-root .sip-bulk-action-bar .btn-danger:hover {
  background: color-mix(in srgb, var(--sip-text) 6%, var(--sip-surface)) !important;
  border-color: color-mix(in srgb, var(--sip-line) 80%, var(--sip-text)) !important;
  color: var(--sip-text) !important;
}

/* —— Action column: inline with row — no sticky/floating strip —— */
.nk-app-root table.table thead th.sip-th-action,
.nk-app-root table.table thead th:last-child:has(~ *),
.nk-app-root .nk-tb-list .nk-tb-head .nk-tb-col-tools,
.nk-app-root .nk-tb-col-tools {
  position: static !important;
  right: auto !important;
  left: auto !important;
  z-index: 1;
  overflow: visible;
  max-width: none;
  min-width: 9rem;
  width: 1%;
  text-align: right;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--sip-bg, #F8FAFC) 88%, var(--sip-surface, #FFFFFF)) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-left: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  padding-right: 1.15rem !important;
}

.nk-app-root table.table tbody td.table-action,
.nk-app-root .nk-tb-list .nk-tb-item .nk-tb-col-tools,
.nk-app-root table.table tbody td.nk-tb-col-tools,
.nk-app-root table.table tbody td:last-child:has(> .sip-row-actions),
.nk-app-root table.table tbody td:last-child:has(> .btn-group),
.nk-app-root table.table tbody td:last-child:has(> .dropdown) {
  position: static !important;
  right: auto !important;
  left: auto !important;
  z-index: 1;
  overflow: visible;
  isolation: auto;
  max-width: none;
  white-space: nowrap !important;
  min-width: 9rem;
  width: 1%;
  text-align: right;
  background: inherit !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-left: 0 !important;
  box-shadow: none !important;
  padding-right: 1.15rem !important;
}

.nk-app-root table.table thead th.sip-th-action::before,
.nk-app-root table.table tbody td.table-action::before {
  content: none !important;
}

.nk-app-root table.table tbody tr:hover td.table-action,
.nk-app-root .nk-tb-list .nk-tb-item:hover .nk-tb-col-tools,
.nk-app-root table.table tbody tr:hover td:last-child:has(.sip-row-actions) {
  background: color-mix(in srgb, var(--sip-accent, #0284C7) 3.5%, var(--sip-surface, #FFFFFF)) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html body.dark-mode .nk-app-root table.table thead th.sip-th-action,
html body.dark-mode .nk-app-root .nk-tb-list .nk-tb-head .nk-tb-col-tools,
html.dark-mode .nk-app-root table.table thead th.sip-th-action,
html.dark-mode .nk-app-root .nk-tb-list .nk-tb-head .nk-tb-col-tools {
  background: #0F172A !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-left: 0 !important;
  box-shadow: none !important;
  color: #94A3B8 !important;
}

html body.dark-mode .nk-app-root table.table tbody td.table-action,
html body.dark-mode .nk-app-root .nk-tb-list .nk-tb-item .nk-tb-col-tools,
html body.dark-mode .nk-app-root table.table tbody td.nk-tb-col-tools,
html body.dark-mode .nk-app-root table.table tbody td:last-child:has(.sip-row-actions),
html.dark-mode .nk-app-root table.table tbody td.table-action,
html.dark-mode .nk-app-root .nk-tb-list .nk-tb-item .nk-tb-col-tools,
html.dark-mode .nk-app-root table.table tbody td.nk-tb-col-tools,
html.dark-mode .nk-app-root table.table tbody td:last-child:has(.sip-row-actions) {
  background: inherit !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-left: 0 !important;
  box-shadow: none !important;
}

html body.dark-mode .nk-app-root table.table tbody tr:hover td.table-action,
html body.dark-mode .nk-app-root .nk-tb-list .nk-tb-item:hover .nk-tb-col-tools,
html body.dark-mode .nk-app-root table.table tbody tr:hover td:last-child:has(.sip-row-actions),
html.dark-mode .nk-app-root table.table tbody tr:hover td.table-action,
html.dark-mode .nk-app-root .nk-tb-list .nk-tb-item:hover .nk-tb-col-tools,
html.dark-mode .nk-app-root table.table tbody tr:hover td:last-child:has(.sip-row-actions) {
  background: color-mix(in srgb, var(--sip-accent, #0284C7) 7%, #1E293B) !important;
}

.nk-app-root table.table thead th.sip-th-action {
  position: relative;
  overflow: visible;
  vertical-align: middle !important;
}

/* Mobile table UX: keep the action column accessible while horizontally scrolling on desktop-only / fixed-grid tables. */
@media (max-width: 480px) {
  .nk-app-root .table-responsive-desktop-only table.table thead th.sip-th-action,
  .nk-app-root .table-responsive-desktop-only table.table tbody td.table-action,
  .nk-app-root .attendance-table thead th.sip-th-action,
  .nk-app-root .attendance-table tbody td.table-action {
    position: sticky !important;
    right: 0 !important;
    z-index: 5 !important;
    background: #F8FAFC !important;
    min-width: 120px !important;
    width: 120px !important;
  }
  html body.dark-mode .nk-app-root .table-responsive-desktop-only table.table thead th.sip-th-action,
  html body.dark-mode .nk-app-root .table-responsive-desktop-only table.table tbody td.table-action,
  html body.dark-mode .nk-app-root .attendance-table thead th.sip-th-action,
  html body.dark-mode .nk-app-root .attendance-table tbody td.table-action {
    background: #0F172A !important;
  }
}
.nk-app-root table.table thead th .sip-col-resizer,
.sip-col-resizer {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
  cursor: default !important;
  visibility: hidden !important;
}

.sip-col-resizer::before,
.sip-col-resizer:hover::before,
.sip-col-resizer.is-dragging::before {
  content: none !important;
}

body.sip-col-resizing,
body.sip-col-resizing * {
  cursor: default !important;
}

.nk-app-root .sip-pager {
  overflow: visible;
}

.nk-app-root .tooltip {
  font-family: var(--sip-font);
}

/* Home widgets keep their own compact tables and 16px card rounding */
.nk-app-root .sip-home .table-responsive {
  overflow: auto;
}

.nk-app-root .sip-home .table-responsive,
.nk-app-root .sip-home .card,
.nk-app-root .sip-home .card:has(> .table),
.nk-app-root .sip-home .card:has(.table-responsive) {
  border-radius: 16px !important;
}

.nk-app-root .sip-home table.table {
  width: 100%;
  min-width: 0;
  table-layout: auto;
}

.nk-app-root .sip-home table.table > thead > tr > th:first-child,
.nk-app-root .sip-home table.table > tbody > tr > td:first-child {
  width: auto;
  min-width: 0;
  white-space: inherit;
}

.nk-app-root .sip-home table.table thead th:last-child,
.nk-app-root .sip-home table.table tbody td:last-child,
.nk-app-root .sip-home table.table thead th.sip-th-action,
.nk-app-root .sip-home table.table tbody td.table-action {
  position: static;
  box-shadow: none;
  min-width: 0;
  width: auto;
  border-left: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.nk-app-root .sip-home table.table thead th.sip-th-action::before,
.nk-app-root .sip-home table.table tbody td.table-action::before {
  content: none;
}

/* —— Minimal scrollbars: thin pill only, no boxed track —— */
html:has(.nk-app-root),
html body.fix-sidebar,
html body.fix-header.fix-sidebar,
.nk-app-root,
.nk-content,
.nk-content-body,
.nk-wrap,
.table-responsive,
.modal,
.modal-dialog,
.modal-content,
.modal-body,
.modal-container,
.doc-bottom-sheet,
.doc-bottom-sheet-body,
.sip-filter-sheet-body,
.sip-home,
.sip-home .table-responsive,
.sip-home [class*=list],
.sip-docs__panel--tags,
.sip-docs__bars,
.oas-list,
.dropdown-menu,
.overflow-auto,
.overflow-scroll,
.pre-scrollable,
.card-inner,
.sip-theme-panel,
.dg-content,
.select2-results__options,
.multiselect__content-wrapper {
  scrollbar-width: thin;
  scrollbar-color: var(--sip-scroll-thumb, #c5ced1) transparent;
}
html:has(.nk-app-root)::-webkit-scrollbar,
html body.fix-sidebar::-webkit-scrollbar,
html body.fix-header.fix-sidebar::-webkit-scrollbar,
.nk-app-root::-webkit-scrollbar,
.nk-content::-webkit-scrollbar,
.nk-content-body::-webkit-scrollbar,
.nk-wrap::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
.modal::-webkit-scrollbar,
.modal-dialog::-webkit-scrollbar,
.modal-content::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.modal-container::-webkit-scrollbar,
.doc-bottom-sheet::-webkit-scrollbar,
.doc-bottom-sheet-body::-webkit-scrollbar,
.sip-filter-sheet-body::-webkit-scrollbar,
.sip-home::-webkit-scrollbar,
.sip-home .table-responsive::-webkit-scrollbar,
.sip-home [class*=list]::-webkit-scrollbar,
.sip-docs__panel--tags::-webkit-scrollbar,
.sip-docs__bars::-webkit-scrollbar,
.oas-list::-webkit-scrollbar,
.dropdown-menu::-webkit-scrollbar,
.overflow-auto::-webkit-scrollbar,
.overflow-scroll::-webkit-scrollbar,
.pre-scrollable::-webkit-scrollbar,
.card-inner::-webkit-scrollbar,
.sip-theme-panel::-webkit-scrollbar,
.dg-content::-webkit-scrollbar,
.select2-results__options::-webkit-scrollbar,
.multiselect__content-wrapper::-webkit-scrollbar {
  width: var(--sip-scroll-size, 5px);
  height: var(--sip-scroll-size, 5px);
}
html:has(.nk-app-root)::-webkit-scrollbar-button,
html body.fix-sidebar::-webkit-scrollbar-button,
html body.fix-header.fix-sidebar::-webkit-scrollbar-button,
.nk-app-root::-webkit-scrollbar-button,
.nk-content::-webkit-scrollbar-button,
.nk-content-body::-webkit-scrollbar-button,
.nk-wrap::-webkit-scrollbar-button,
.table-responsive::-webkit-scrollbar-button,
.modal::-webkit-scrollbar-button,
.modal-dialog::-webkit-scrollbar-button,
.modal-content::-webkit-scrollbar-button,
.modal-body::-webkit-scrollbar-button,
.modal-container::-webkit-scrollbar-button,
.doc-bottom-sheet::-webkit-scrollbar-button,
.doc-bottom-sheet-body::-webkit-scrollbar-button,
.sip-filter-sheet-body::-webkit-scrollbar-button,
.sip-home::-webkit-scrollbar-button,
.sip-home .table-responsive::-webkit-scrollbar-button,
.sip-home [class*=list]::-webkit-scrollbar-button,
.sip-docs__panel--tags::-webkit-scrollbar-button,
.sip-docs__bars::-webkit-scrollbar-button,
.oas-list::-webkit-scrollbar-button,
.dropdown-menu::-webkit-scrollbar-button,
.overflow-auto::-webkit-scrollbar-button,
.overflow-scroll::-webkit-scrollbar-button,
.pre-scrollable::-webkit-scrollbar-button,
.card-inner::-webkit-scrollbar-button,
.sip-theme-panel::-webkit-scrollbar-button,
.dg-content::-webkit-scrollbar-button,
.select2-results__options::-webkit-scrollbar-button,
.multiselect__content-wrapper::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
html:has(.nk-app-root)::-webkit-scrollbar-track,
html body.fix-sidebar::-webkit-scrollbar-track,
html body.fix-header.fix-sidebar::-webkit-scrollbar-track,
.nk-app-root::-webkit-scrollbar-track,
.nk-content::-webkit-scrollbar-track,
.nk-content-body::-webkit-scrollbar-track,
.nk-wrap::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track,
.modal::-webkit-scrollbar-track,
.modal-dialog::-webkit-scrollbar-track,
.modal-content::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track,
.modal-container::-webkit-scrollbar-track,
.doc-bottom-sheet::-webkit-scrollbar-track,
.doc-bottom-sheet-body::-webkit-scrollbar-track,
.sip-filter-sheet-body::-webkit-scrollbar-track,
.sip-home::-webkit-scrollbar-track,
.sip-home .table-responsive::-webkit-scrollbar-track,
.sip-home [class*=list]::-webkit-scrollbar-track,
.sip-docs__panel--tags::-webkit-scrollbar-track,
.sip-docs__bars::-webkit-scrollbar-track,
.oas-list::-webkit-scrollbar-track,
.dropdown-menu::-webkit-scrollbar-track,
.overflow-auto::-webkit-scrollbar-track,
.overflow-scroll::-webkit-scrollbar-track,
.pre-scrollable::-webkit-scrollbar-track,
.card-inner::-webkit-scrollbar-track,
.sip-theme-panel::-webkit-scrollbar-track,
.dg-content::-webkit-scrollbar-track,
.select2-results__options::-webkit-scrollbar-track,
.multiselect__content-wrapper::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
}
html:has(.nk-app-root)::-webkit-scrollbar-thumb,
html body.fix-sidebar::-webkit-scrollbar-thumb,
html body.fix-header.fix-sidebar::-webkit-scrollbar-thumb,
.nk-app-root::-webkit-scrollbar-thumb,
.nk-content::-webkit-scrollbar-thumb,
.nk-content-body::-webkit-scrollbar-thumb,
.nk-wrap::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb,
.modal::-webkit-scrollbar-thumb,
.modal-dialog::-webkit-scrollbar-thumb,
.modal-content::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb,
.modal-container::-webkit-scrollbar-thumb,
.doc-bottom-sheet::-webkit-scrollbar-thumb,
.doc-bottom-sheet-body::-webkit-scrollbar-thumb,
.sip-filter-sheet-body::-webkit-scrollbar-thumb,
.sip-home::-webkit-scrollbar-thumb,
.sip-home .table-responsive::-webkit-scrollbar-thumb,
.sip-home [class*=list]::-webkit-scrollbar-thumb,
.sip-docs__panel--tags::-webkit-scrollbar-thumb,
.sip-docs__bars::-webkit-scrollbar-thumb,
.oas-list::-webkit-scrollbar-thumb,
.dropdown-menu::-webkit-scrollbar-thumb,
.overflow-auto::-webkit-scrollbar-thumb,
.overflow-scroll::-webkit-scrollbar-thumb,
.pre-scrollable::-webkit-scrollbar-thumb,
.card-inner::-webkit-scrollbar-thumb,
.sip-theme-panel::-webkit-scrollbar-thumb,
.dg-content::-webkit-scrollbar-thumb,
.select2-results__options::-webkit-scrollbar-thumb,
.multiselect__content-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--sip-scroll-thumb, #c5ced1);
  border-radius: 999px;
  border: 0;
  outline: 0;
  box-shadow: none;
}
html:has(.nk-app-root)::-webkit-scrollbar-thumb:hover,
html body.fix-sidebar::-webkit-scrollbar-thumb:hover,
html body.fix-header.fix-sidebar::-webkit-scrollbar-thumb:hover,
.nk-app-root::-webkit-scrollbar-thumb:hover,
.nk-content::-webkit-scrollbar-thumb:hover,
.nk-content-body::-webkit-scrollbar-thumb:hover,
.nk-wrap::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover,
.modal::-webkit-scrollbar-thumb:hover,
.modal-dialog::-webkit-scrollbar-thumb:hover,
.modal-content::-webkit-scrollbar-thumb:hover,
.modal-body::-webkit-scrollbar-thumb:hover,
.modal-container::-webkit-scrollbar-thumb:hover,
.doc-bottom-sheet::-webkit-scrollbar-thumb:hover,
.doc-bottom-sheet-body::-webkit-scrollbar-thumb:hover,
.sip-filter-sheet-body::-webkit-scrollbar-thumb:hover,
.sip-home::-webkit-scrollbar-thumb:hover,
.sip-home .table-responsive::-webkit-scrollbar-thumb:hover,
.sip-home [class*=list]::-webkit-scrollbar-thumb:hover,
.sip-docs__panel--tags::-webkit-scrollbar-thumb:hover,
.sip-docs__bars::-webkit-scrollbar-thumb:hover,
.oas-list::-webkit-scrollbar-thumb:hover,
.dropdown-menu::-webkit-scrollbar-thumb:hover,
.overflow-auto::-webkit-scrollbar-thumb:hover,
.overflow-scroll::-webkit-scrollbar-thumb:hover,
.pre-scrollable::-webkit-scrollbar-thumb:hover,
.card-inner::-webkit-scrollbar-thumb:hover,
.sip-theme-panel::-webkit-scrollbar-thumb:hover,
.dg-content::-webkit-scrollbar-thumb:hover,
.select2-results__options::-webkit-scrollbar-thumb:hover,
.multiselect__content-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: var(--sip-scroll-thumb-hover, var(--sip-accent));
}
html:has(.nk-app-root)::-webkit-scrollbar-corner,
html body.fix-sidebar::-webkit-scrollbar-corner,
html body.fix-header.fix-sidebar::-webkit-scrollbar-corner,
.nk-app-root::-webkit-scrollbar-corner,
.nk-content::-webkit-scrollbar-corner,
.nk-content-body::-webkit-scrollbar-corner,
.nk-wrap::-webkit-scrollbar-corner,
.table-responsive::-webkit-scrollbar-corner,
.modal::-webkit-scrollbar-corner,
.modal-dialog::-webkit-scrollbar-corner,
.modal-content::-webkit-scrollbar-corner,
.modal-body::-webkit-scrollbar-corner,
.modal-container::-webkit-scrollbar-corner,
.doc-bottom-sheet::-webkit-scrollbar-corner,
.doc-bottom-sheet-body::-webkit-scrollbar-corner,
.sip-filter-sheet-body::-webkit-scrollbar-corner,
.sip-home::-webkit-scrollbar-corner,
.sip-home .table-responsive::-webkit-scrollbar-corner,
.sip-home [class*=list]::-webkit-scrollbar-corner,
.sip-docs__panel--tags::-webkit-scrollbar-corner,
.sip-docs__bars::-webkit-scrollbar-corner,
.oas-list::-webkit-scrollbar-corner,
.dropdown-menu::-webkit-scrollbar-corner,
.overflow-auto::-webkit-scrollbar-corner,
.overflow-scroll::-webkit-scrollbar-corner,
.pre-scrollable::-webkit-scrollbar-corner,
.card-inner::-webkit-scrollbar-corner,
.sip-theme-panel::-webkit-scrollbar-corner,
.dg-content::-webkit-scrollbar-corner,
.select2-results__options::-webkit-scrollbar-corner,
.multiselect__content-wrapper::-webkit-scrollbar-corner {
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
}

.nk-sidebar,
.nk-sidebar .nk-sidebar-menu,
.nk-sidebar .nk-sidebar-content,
.nk-sidebar.sip-school-sidebar,
.nk-sidebar.sip-school-sidebar .nk-sidebar-menu,
.nk-sidebar.sip-school-sidebar .nk-sidebar-content {
  scrollbar-width: thin;
  scrollbar-color: var(--sip-scroll-thumb, #c5ced1) transparent;
}
.nk-sidebar::-webkit-scrollbar,
.nk-sidebar .nk-sidebar-menu::-webkit-scrollbar,
.nk-sidebar .nk-sidebar-content::-webkit-scrollbar,
.nk-sidebar.sip-school-sidebar::-webkit-scrollbar,
.nk-sidebar.sip-school-sidebar .nk-sidebar-menu::-webkit-scrollbar,
.nk-sidebar.sip-school-sidebar .nk-sidebar-content::-webkit-scrollbar {
  width: var(--sip-scroll-size, 5px);
  height: var(--sip-scroll-size, 5px);
}
.nk-sidebar::-webkit-scrollbar-button,
.nk-sidebar .nk-sidebar-menu::-webkit-scrollbar-button,
.nk-sidebar .nk-sidebar-content::-webkit-scrollbar-button,
.nk-sidebar.sip-school-sidebar::-webkit-scrollbar-button,
.nk-sidebar.sip-school-sidebar .nk-sidebar-menu::-webkit-scrollbar-button,
.nk-sidebar.sip-school-sidebar .nk-sidebar-content::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
.nk-sidebar::-webkit-scrollbar-track,
.nk-sidebar .nk-sidebar-menu::-webkit-scrollbar-track,
.nk-sidebar .nk-sidebar-content::-webkit-scrollbar-track,
.nk-sidebar.sip-school-sidebar::-webkit-scrollbar-track,
.nk-sidebar.sip-school-sidebar .nk-sidebar-menu::-webkit-scrollbar-track,
.nk-sidebar.sip-school-sidebar .nk-sidebar-content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
}
.nk-sidebar::-webkit-scrollbar-thumb,
.nk-sidebar .nk-sidebar-menu::-webkit-scrollbar-thumb,
.nk-sidebar .nk-sidebar-content::-webkit-scrollbar-thumb,
.nk-sidebar.sip-school-sidebar::-webkit-scrollbar-thumb,
.nk-sidebar.sip-school-sidebar .nk-sidebar-menu::-webkit-scrollbar-thumb,
.nk-sidebar.sip-school-sidebar .nk-sidebar-content::-webkit-scrollbar-thumb {
  background-color: var(--sip-scroll-thumb, #c5ced1);
  border-radius: 999px;
  border: 0;
  outline: 0;
  box-shadow: none;
}
.nk-sidebar::-webkit-scrollbar-thumb:hover,
.nk-sidebar .nk-sidebar-menu::-webkit-scrollbar-thumb:hover,
.nk-sidebar .nk-sidebar-content::-webkit-scrollbar-thumb:hover,
.nk-sidebar.sip-school-sidebar::-webkit-scrollbar-thumb:hover,
.nk-sidebar.sip-school-sidebar .nk-sidebar-menu::-webkit-scrollbar-thumb:hover,
.nk-sidebar.sip-school-sidebar .nk-sidebar-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--sip-scroll-thumb-hover, var(--sip-accent));
}
.nk-sidebar::-webkit-scrollbar-corner,
.nk-sidebar .nk-sidebar-menu::-webkit-scrollbar-corner,
.nk-sidebar .nk-sidebar-content::-webkit-scrollbar-corner,
.nk-sidebar.sip-school-sidebar::-webkit-scrollbar-corner,
.nk-sidebar.sip-school-sidebar .nk-sidebar-menu::-webkit-scrollbar-corner,
.nk-sidebar.sip-school-sidebar .nk-sidebar-content::-webkit-scrollbar-corner {
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
}

.simplebar-content-wrapper,
.simplebar-hide-scrollbar,
.simplebar-scroll-content {
  scrollbar-width: none !important;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar,
.simplebar-scroll-content::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Affiliation/tags list: scroll the list itself, no framed gutter around the bar */
.sip-docs__panel--tags {
  overflow: visible;
}

.sip-docs__panel--tags .sip-docs__bars {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0;
  margin-right: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  scrollbar-gutter: auto;
}

/* Compact document / image dropzone (replaces Bootstrap file input-group bar) */
.sip-file-dropzone {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 72px;
  max-width: 100%;
  padding: 10px 14px;
  border: 1px dashed var(--sip-line, #d5dde0);
  border-radius: var(--sip-input-radius, 10px);
  background: var(--sip-bg, #f4f6f8);
  font-family: var(--sip-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.sip-file-dropzone:hover,
.sip-file-dropzone.is-dragover {
  border-color: color-mix(in srgb, var(--sip-accent) 42%, var(--sip-line, #d5dde0));
  background: var(--sip-surface, #fff);
}

.sip-file-dropzone:focus-within {
  border-color: color-mix(in srgb, var(--sip-accent) 55%, var(--sip-line, #d5dde0));
  box-shadow: var(--sip-focus-ring);
  outline: none;
}

.sip-file-dropzone.is-disabled,
.sip-file-dropzone--readonly {
  opacity: 0.72;
  pointer-events: none;
}

.sip-file-dropzone__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  font-size: 0;
}

.sip-file-dropzone.is-disabled .sip-file-dropzone__input {
  cursor: not-allowed;
}

.sip-file-dropzone__body {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  pointer-events: none;
}

.sip-file-dropzone__icon-wrap {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--sip-surface, #fff);
  border: 1px solid var(--sip-line, #e6ecee);
  color: var(--sip-muted, #5d7176);
}

.sip-file-dropzone__icon {
  font-size: 1.15rem;
  color: var(--sip-muted, #5d7176);
}

.sip-file-dropzone__thumb {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--sip-line, #e6ecee);
  background: var(--sip-surface, #fff);
}

.sip-file-dropzone__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sip-file-dropzone__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sip-file-dropzone__title {
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.3;
  color: var(--sip-text, var(--sip-ink, #1a2e32));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sip-file-dropzone__hint {
  font-size: 0.75rem;
  line-height: 1.35;
  color: var(--sip-muted, #5d7176);
}

.sip-file-upload {
  width: 100%;
}

.sip-file-upload__progress {
  margin-top: 8px;
}

.sip-file-upload__progress .progress {
  height: 4px;
  border-radius: 99px;
  background: var(--sip-line, #e6ecee);
  box-shadow: none;
}

.sip-file-upload__progress .progress-bar {
  background: var(--sip-accent);
}

.sip-file-upload__cancel {
  margin-top: 8px;
  display: inline-flex !important;
  align-items: center;
  gap: 0.35rem;
  background: transparent !important;
  border: 1px solid var(--sip-line, #e6ecee) !important;
  color: var(--sip-muted, #5d7176) !important;
  border-radius: 999px !important;
  font-family: var(--sip-font) !important;
  font-weight: 600 !important;
}

.sip-file-upload__list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}

.sip-file-upload__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  margin-bottom: 6px;
  border: 1px solid var(--sip-line, #e6ecee);
  border-radius: 10px;
  background: var(--sip-surface, #fff);
  font-family: var(--sip-font);
  font-size: 0.85rem;
  color: var(--sip-text, var(--sip-ink));
}

.sip-file-upload__remove {
  flex: 0 0 auto;
  display: inline-flex;
  cursor: pointer;
}

.sip-file-upload__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sip-file-upload__size {
  flex: 0 0 auto;
  font-size: 0.75rem;
  color: var(--sip-muted, #5d7176);
}

.sip-image-upload__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.sip-image-upload__pdf {
  margin-top: 8px;
  font-size: 0.85rem;
}

.sip-image-upload__pdf a {
  color: var(--sip-accent);
}

html.dark-mode .sip-file-dropzone,
body.dark-mode .sip-file-dropzone,
html.dark-mode .sip-file-upload__item,
body.dark-mode .sip-file-upload__item {
  background: var(--sip-surface, #1a2224);
  border-color: var(--sip-line, #2a3638);
}

html.dark-mode .sip-file-dropzone__icon-wrap,
body.dark-mode .sip-file-dropzone__icon-wrap,
html.dark-mode .sip-file-dropzone__thumb,
body.dark-mode .sip-file-dropzone__thumb {
  background: var(--sip-bg, #0e1214);
  border-color: var(--sip-line, #2a3638);
}

/* Shared empty / no-record state (replaces /no-record.svg cartoon) */
.sip-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.35rem 1rem 1.2rem;
  min-height: 0;
}

.sip-empty__well {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
  color: var(--sip-muted, #5d7176);
  background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-bg, #f4f6f8));
}

.sip-empty__well .ico,
.sip-empty__well svg {
  display: block;
}

.nk-app-root .card:has(.sip-empty) {
  height: auto;
}

.nk-app-root .card-inner:has(.sip-empty) {
  min-height: 0;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.sip-empty__title {
  margin: 0;
  font-family: var(--sip-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  color: var(--sip-text, #1a2e32) !important;
  line-height: 1.35;
}

.sip-empty__hint {
  margin: 0.28rem 0 0;
  max-width: 22rem;
  font-family: var(--sip-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--sip-muted, #5d7176);
}

.sip-empty__action {
  margin-top: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

/* Match toolbar Filter / Add button sizing (32px) — primary padding is horizontal-only */
.sip-empty__action .btn,
.nk-app-root .sip-empty__action .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 0.875rem !important;
  border-radius: 8px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.sip-empty__action .btn .icon,
.sip-empty__action .btn .ni,
.nk-app-root .sip-empty__action .btn .icon,
.nk-app-root .sip-empty__action .btn .ni {
  margin: 0 !important;
  font-size: 1em !important;
  line-height: 1;
}

.sip-empty--sm {
  padding: 0.7rem 0.35rem 0.45rem;
}

.sip-empty--sm .sip-empty__well {
  width: 36px;
  height: 36px;
  margin-bottom: 0.45rem;
}

.sip-empty--sm .sip-empty__title {
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  color: var(--sip-muted, #5d7176) !important;
}

html.dark-mode .sip-empty__well,
body.dark-mode .sip-empty__well,
[data-theme=dark] .sip-empty__well {
  color: var(--sip-muted, #9aa8ad);
  background: color-mix(in srgb, var(--sip-accent) 14%, var(--sip-surface, #1a2428));
}

html.dark-mode .sip-empty__title,
body.dark-mode .sip-empty__title,
[data-theme=dark] .sip-empty__title {
  color: var(--sip-text, #e8eef0) !important;
}

html.dark-mode .sip-empty--sm .sip-empty__title,
body.dark-mode .sip-empty--sm .sip-empty__title,
[data-theme=dark] .sip-empty--sm .sip-empty__title {
  color: var(--sip-muted, #9aa8ad) !important;
}

/* —— Compact form/modal callouts (replaces stock Bootstrap alert-* wash) —— */
.alert.alert-info,
.alert.alert-warning,
.alert.alert-success,
.alert.alert-danger {
  --sip-callout-bg: color-mix(in srgb, var(--sip-rx, #2f6f8f) 7%, var(--sip-surface, #fff));
  --sip-callout-border: color-mix(in srgb, var(--sip-rx, #2f6f8f) 16%, var(--sip-line, #e6ecee));
  --sip-callout-text: var(--sip-text, #1a2e32);
  --sip-callout-label: #5a6f78;
  --sip-callout-icon: #4d6570;
  --sip-callout-well: color-mix(in srgb, var(--sip-rx, #2f6f8f) 12%, var(--sip-surface, #fff));
  --sip-callout-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 0.85rem;
  padding: 8px 12px !important;
  border: 1px solid var(--sip-callout-border) !important;
  border-radius: 12px !important;
  background: var(--sip-callout-bg) !important;
  box-shadow: none !important;
  color: var(--sip-callout-text) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.8125rem !important;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.01em;
}
.alert.alert-info::before,
.alert.alert-warning::before,
.alert.alert-success::before,
.alert.alert-danger::before {
  content: "";
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0;
  border-radius: 7px;
  background: var(--sip-callout-well);
  pointer-events: none;
}
.alert.alert-info::after,
.alert.alert-warning::after,
.alert.alert-success::after,
.alert.alert-danger::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: 17px;
  width: 12px;
  height: 12px;
  margin: 0;
  transform: translateY(-50%);
  background-color: var(--sip-callout-icon);
  -webkit-mask: var(--sip-callout-glyph) center/contain no-repeat;
  mask: var(--sip-callout-glyph) center/contain no-repeat;
  pointer-events: none;
  z-index: 1;
}
.alert.alert-info > *:not(.close):not(.btn-close),
.alert.alert-warning > *:not(.close):not(.btn-close),
.alert.alert-success > *:not(.close):not(.btn-close),
.alert.alert-danger > *:not(.close):not(.btn-close) {
  flex: 1 1 auto;
  min-width: 0;
}
.alert.alert-info:has(.sip-callout-copy),
.alert.alert-warning:has(.sip-callout-copy),
.alert.alert-success:has(.sip-callout-copy),
.alert.alert-danger:has(.sip-callout-copy) {
  align-items: flex-start;
}
.alert.alert-info:has(.sip-callout-copy)::before,
.alert.alert-warning:has(.sip-callout-copy)::before,
.alert.alert-success:has(.sip-callout-copy)::before,
.alert.alert-danger:has(.sip-callout-copy)::before {
  margin-top: 2px;
}
.alert.alert-info:has(.sip-callout-copy)::after,
.alert.alert-warning:has(.sip-callout-copy)::after,
.alert.alert-success:has(.sip-callout-copy)::after,
.alert.alert-danger:has(.sip-callout-copy)::after {
  top: 15px;
  transform: none;
}
.alert.alert-info > i.fa,
.alert.alert-info > i.fas,
.alert.alert-info > i.far,
.alert.alert-info > i.fal,
.alert.alert-info > i.fab,
.alert.alert-info > .fa,
.alert.alert-info > .fas,
.alert.alert-info > em.icon:first-child,
.alert.alert-warning > i.fa,
.alert.alert-warning > i.fas,
.alert.alert-warning > i.far,
.alert.alert-warning > i.fal,
.alert.alert-warning > i.fab,
.alert.alert-warning > .fa,
.alert.alert-warning > .fas,
.alert.alert-warning > em.icon:first-child,
.alert.alert-success > i.fa,
.alert.alert-success > i.fas,
.alert.alert-success > i.far,
.alert.alert-success > i.fal,
.alert.alert-success > i.fab,
.alert.alert-success > .fa,
.alert.alert-success > .fas,
.alert.alert-success > em.icon:first-child,
.alert.alert-danger > i.fa,
.alert.alert-danger > i.fas,
.alert.alert-danger > i.far,
.alert.alert-danger > i.fal,
.alert.alert-danger > i.fab,
.alert.alert-danger > .fa,
.alert.alert-danger > .fas,
.alert.alert-danger > em.icon:first-child {
  display: none !important;
}
.alert.alert-info a,
.alert.alert-info .alert-link,
.alert.alert-warning a,
.alert.alert-warning .alert-link,
.alert.alert-success a,
.alert.alert-success .alert-link,
.alert.alert-danger a,
.alert.alert-danger .alert-link {
  color: inherit !important;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 2px;
  box-shadow: none;
}

.alert.alert-info.alert-icon,
.alert.alert-warning.alert-icon,
.alert.alert-success.alert-icon,
.alert.alert-danger.alert-icon {
  padding-left: 12px !important;
}
.alert.alert-info.alert-icon > .icon,
.alert.alert-warning.alert-icon > .icon,
.alert.alert-success.alert-icon > .icon,
.alert.alert-danger.alert-icon > .icon {
  display: none !important;
}

.alert.alert-warning {
  --sip-callout-bg: color-mix(in srgb, var(--sip-warn, #b45309) 8%, var(--sip-surface, #fff));
  --sip-callout-border: color-mix(in srgb, var(--sip-warn, #b45309) 22%, var(--sip-line, #e6ecee));
  --sip-callout-text: #5c3d12;
  --sip-callout-label: #9a5b12;
  --sip-callout-icon: var(--sip-warn, #b45309);
  --sip-callout-well: color-mix(in srgb, var(--sip-warn, #b45309) 14%, var(--sip-surface, #fff));
  --sip-callout-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

.alert.alert-success {
  --sip-callout-bg: color-mix(in srgb, #2f7a4a 7%, var(--sip-surface, #fff));
  --sip-callout-border: color-mix(in srgb, #2f7a4a 20%, var(--sip-line, #e6ecee));
  --sip-callout-text: #1f4a32;
  --sip-callout-label: #2f7a4a;
  --sip-callout-icon: #2f7a4a;
  --sip-callout-well: color-mix(in srgb, #2f7a4a 12%, var(--sip-surface, #fff));
  --sip-callout-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

.alert.alert-danger {
  --sip-callout-bg: color-mix(in srgb, var(--sip-danger, #b42318) 7%, var(--sip-surface, #fff));
  --sip-callout-border: color-mix(in srgb, var(--sip-danger, #b42318) 22%, var(--sip-line, #e6ecee));
  --sip-callout-text: #7a241c;
  --sip-callout-label: var(--sip-danger, #b42318);
  --sip-callout-icon: var(--sip-danger, #b42318);
  --sip-callout-well: color-mix(in srgb, var(--sip-danger, #b42318) 12%, var(--sip-surface, #fff));
  --sip-callout-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' x2='12' y1='8' y2='12'/%3E%3Cline x1='12' x2='12.01' y1='16' y2='16'/%3E%3C/svg%3E");
}

.alert.alert-info.alert-dismissible,
.alert.alert-warning.alert-dismissible,
.alert.alert-success.alert-dismissible,
.alert.alert-danger.alert-dismissible {
  padding-right: 2.5rem !important;
}
.alert.alert-info.alert-dismissible > .close,
.alert.alert-info.alert-dismissible > .btn-close,
.alert.alert-warning.alert-dismissible > .close,
.alert.alert-warning.alert-dismissible > .btn-close,
.alert.alert-success.alert-dismissible > .close,
.alert.alert-success.alert-dismissible > .btn-close,
.alert.alert-danger.alert-dismissible > .close,
.alert.alert-danger.alert-dismissible > .btn-close {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0.4rem;
  left: auto;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0;
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0.5;
  color: inherit;
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
}
.alert.alert-info.alert-dismissible > .close:hover, .alert.alert-info.alert-dismissible > .close:focus,
.alert.alert-info.alert-dismissible > .btn-close:hover,
.alert.alert-info.alert-dismissible > .btn-close:focus,
.alert.alert-warning.alert-dismissible > .close:hover,
.alert.alert-warning.alert-dismissible > .close:focus,
.alert.alert-warning.alert-dismissible > .btn-close:hover,
.alert.alert-warning.alert-dismissible > .btn-close:focus,
.alert.alert-success.alert-dismissible > .close:hover,
.alert.alert-success.alert-dismissible > .close:focus,
.alert.alert-success.alert-dismissible > .btn-close:hover,
.alert.alert-success.alert-dismissible > .btn-close:focus,
.alert.alert-danger.alert-dismissible > .close:hover,
.alert.alert-danger.alert-dismissible > .close:focus,
.alert.alert-danger.alert-dismissible > .btn-close:hover,
.alert.alert-danger.alert-dismissible > .btn-close:focus {
  opacity: 0.9;
  color: inherit;
}

[dir=rtl] .alert.alert-info.alert-dismissible,
[dir=rtl] .alert.alert-warning.alert-dismissible,
[dir=rtl] .alert.alert-success.alert-dismissible,
[dir=rtl] .alert.alert-danger.alert-dismissible,
.rtl .alert.alert-info.alert-dismissible,
.rtl .alert.alert-warning.alert-dismissible,
.rtl .alert.alert-success.alert-dismissible,
.rtl .alert.alert-danger.alert-dismissible {
  padding-right: 12px !important;
  padding-left: 2.5rem !important;
}
[dir=rtl] .alert.alert-info.alert-dismissible > .close,
[dir=rtl] .alert.alert-info.alert-dismissible > .btn-close,
[dir=rtl] .alert.alert-warning.alert-dismissible > .close,
[dir=rtl] .alert.alert-warning.alert-dismissible > .btn-close,
[dir=rtl] .alert.alert-success.alert-dismissible > .close,
[dir=rtl] .alert.alert-success.alert-dismissible > .btn-close,
[dir=rtl] .alert.alert-danger.alert-dismissible > .close,
[dir=rtl] .alert.alert-danger.alert-dismissible > .btn-close,
.rtl .alert.alert-info.alert-dismissible > .close,
.rtl .alert.alert-info.alert-dismissible > .btn-close,
.rtl .alert.alert-warning.alert-dismissible > .close,
.rtl .alert.alert-warning.alert-dismissible > .btn-close,
.rtl .alert.alert-success.alert-dismissible > .close,
.rtl .alert.alert-success.alert-dismissible > .btn-close,
.rtl .alert.alert-danger.alert-dismissible > .close,
.rtl .alert.alert-danger.alert-dismissible > .btn-close {
  right: auto;
  left: 0.4rem;
}

.sip-callout-wrap {
  display: block;
}

.sip-callout-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  line-height: 22px;
}

.sip-callout-label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--sip-callout-label, var(--sip-muted, #5d7176));
}

.modal-body > .alert.alert-info,
.modal-body > .alert.alert-warning,
.modal-body > .alert.alert-success,
.modal-body > .alert.alert-danger,
.modal-body > .sip-callout-wrap > .alert {
  margin-top: 0;
  margin-bottom: 0.9rem;
}

.card-body > .alert.alert-info,
.card-body > .alert.alert-warning,
.card-body > .alert.alert-success,
.card-body > .alert.alert-danger {
  margin-left: 0;
  margin-right: 0;
}

html.dark-mode .alert.alert-info,
body.dark-mode .alert.alert-info,
[data-theme=dark] .alert.alert-info {
  --sip-callout-bg: color-mix(in srgb, #8aa4b0 11%, #161d1f);
  --sip-callout-border: color-mix(in srgb, #8aa4b0 24%, #2a3638);
  --sip-callout-text: #d7e2e6;
  --sip-callout-label: #9aa8ad;
  --sip-callout-icon: #a9c0c8;
  --sip-callout-well: color-mix(in srgb, #8aa4b0 16%, #1a2224);
}

html.dark-mode .alert.alert-warning,
body.dark-mode .alert.alert-warning,
[data-theme=dark] .alert.alert-warning {
  --sip-callout-bg: color-mix(in srgb, #d97706 12%, #1a1712);
  --sip-callout-border: color-mix(in srgb, #d97706 28%, #2a3638);
  --sip-callout-text: #f0d9b8;
  --sip-callout-label: #e0b57a;
  --sip-callout-icon: #e0b57a;
  --sip-callout-well: color-mix(in srgb, #d97706 16%, #221c14);
}

html.dark-mode .alert.alert-success,
body.dark-mode .alert.alert-success,
[data-theme=dark] .alert.alert-success {
  --sip-callout-bg: color-mix(in srgb, #3d8f5c 11%, #141a16);
  --sip-callout-border: color-mix(in srgb, #3d8f5c 26%, #2a3638);
  --sip-callout-text: #cfe4d6;
  --sip-callout-label: #8fbf9e;
  --sip-callout-icon: #8fbf9e;
  --sip-callout-well: color-mix(in srgb, #3d8f5c 16%, #18211b);
}

html.dark-mode .alert.alert-danger,
body.dark-mode .alert.alert-danger,
[data-theme=dark] .alert.alert-danger {
  --sip-callout-bg: color-mix(in srgb, #b42318 12%, #1a1414);
  --sip-callout-border: color-mix(in srgb, #b42318 28%, #2a3638);
  --sip-callout-text: #f0cfcb;
  --sip-callout-label: #e0a39c;
  --sip-callout-icon: #e0a39c;
  --sip-callout-well: color-mix(in srgb, #b42318 16%, #221818);
}

.note-editor .alert.alert-info,
.note-editor .alert.alert-warning,
.note-editor .alert.alert-success,
.note-editor .alert.alert-danger,
.note-status-output .alert.alert-info,
.note-status-output .alert.alert-warning,
.note-status-output .alert.alert-success,
.note-status-output .alert.alert-danger {
  display: block;
  align-items: stretch;
  gap: 0;
  padding: 0.5rem 0.75rem !important;
}
.note-editor .alert.alert-info::before, .note-editor .alert.alert-info::after,
.note-editor .alert.alert-warning::before,
.note-editor .alert.alert-warning::after,
.note-editor .alert.alert-success::before,
.note-editor .alert.alert-success::after,
.note-editor .alert.alert-danger::before,
.note-editor .alert.alert-danger::after,
.note-status-output .alert.alert-info::before,
.note-status-output .alert.alert-info::after,
.note-status-output .alert.alert-warning::before,
.note-status-output .alert.alert-warning::after,
.note-status-output .alert.alert-success::before,
.note-status-output .alert.alert-success::after,
.note-status-output .alert.alert-danger::before,
.note-status-output .alert.alert-danger::after {
  content: none;
  display: none;
}

/* Report hub banners — compact horizontal rows (Academic / Finance / etc.) */
.sip-report-hub {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 20px;
}

.nk-block-head + .sip-report-hub {
  margin-top: 12px;
}

@media (min-width: 768px) {
  .sip-report-hub {
    grid-template-columns: 1fr 1fr;
  }
}
.nk-app-root .nk-content a.sip-report-banner,
.sip-report-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 12px 14px 12px 12px;
  border-radius: 12px;
  border: 1px solid var(--sip-line, #e6ecee);
  background: var(--sip-surface, #ffffff);
  box-shadow: 0 1px 2px rgba(18, 54, 61, 0.05);
  text-decoration: none !important;
  color: var(--sip-text, #1a2e32) !important;
  cursor: pointer;
  transition: transform 0.16s var(--sip-ease, ease), box-shadow 0.16s var(--sip-ease, ease), border-color 0.16s ease;
  font-family: var(--sip-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
}

.nk-app-root .nk-content a.sip-report-banner:hover,
.nk-app-root .nk-content a.sip-report-banner:focus,
.sip-report-banner:hover,
.sip-report-banner:focus {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--sip-accent) 26%, var(--sip-line, #e6ecee));
  box-shadow: 0 6px 16px rgba(18, 54, 61, 0.08);
  text-decoration: none !important;
  color: var(--sip-text, #1a2e32) !important;
  outline: none;
}

.sip-report-banner:focus-visible {
  box-shadow: var(--sip-focus-ring, 0 0 0 3px color-mix(in srgb, var(--sip-accent) 14%, transparent));
}

.sip-report-banner__well {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f1f4f6;
  border: 1px solid var(--sip-line, #e6ecee);
  color: #5d7176;
}

.sip-report-banner__well .ico,
.sip-report-banner__well svg {
  display: block;
}

.sip-report-banner__copy {
  flex: 1 1 auto;
  min-width: 0;
}

.sip-report-banner__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: var(--sip-text, #1a2e32);
}

.sip-report-banner__action {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--sip-accent);
}

.sip-report-banner__view {
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--sip-accent);
}

.sip-report-banner:hover .sip-report-banner__view,
.sip-report-banner:focus .sip-report-banner__view {
  color: var(--sip-accent-hover);
}

html.dark-mode .sip-report-banner,
body.dark-mode .sip-report-banner,
[data-theme=dark] .sip-report-banner {
  background: var(--sip-surface, #1a2224);
  border-color: var(--sip-line, #2a3638);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  color: var(--sip-text, #e8eef0) !important;
}

html.dark-mode .sip-report-banner:hover,
body.dark-mode .sip-report-banner:hover,
[data-theme=dark] .sip-report-banner:hover {
  border-color: color-mix(in srgb, var(--sip-accent) 34%, var(--sip-line, #2a3638));
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
  color: var(--sip-text, #e8eef0) !important;
}

html.dark-mode .sip-report-banner__well,
body.dark-mode .sip-report-banner__well,
[data-theme=dark] .sip-report-banner__well {
  background: #1e2628;
  border-color: var(--sip-line, #2a3638);
  color: #9aa8ad;
}

html.dark-mode .sip-report-banner__title,
body.dark-mode .sip-report-banner__title,
[data-theme=dark] .sip-report-banner__title {
  color: var(--sip-text, #e8eef0);
}

/* —— Compact row action icons (no labeled Action dropdown) —— */
.nk-app-root table.table tbody td.table-action,
.nk-app-root table.table tbody td:last-child:has(.sip-row-actions) {
  padding-top: 0.45rem !important;
  padding-bottom: 0.45rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.75rem !important;
}

.sip-row-actions-src,
.nk-app-root table.table td.table-action > .sip-row-actions-src,
.nk-app-root table.table td.table-action > .btn-group:not(.sip-row-actions),
.nk-app-root table.table td:has(> .sip-row-actions) > .btn-group:not(.sip-row-actions),
.nk-app-root table.table td.table-action > .doc-action-btns,
.nk-app-root table.table td.table-action [data-sip-row-src],
.nk-app-root table.table td.table-action .doc-action-btn,
.nk-app-root table.table td.table-action > .dropdown-menu {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.sip-row-actions,
.sip-row-actions--icons {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 8px;
  position: relative;
  vertical-align: middle;
  max-width: none;
}
.sip-row-actions .sip-row-actions__btn-label,
.sip-row-actions--icons .sip-row-actions__btn-label {
  display: none !important;
}

.sip-row-actions__more {
  display: inline-flex;
  align-items: center;
  position: relative;
}

.sip-row-actions__icon-btn,
.nk-app-root .sip-row-actions__icon-btn,
.nk-app-root table.table td.table-action .sip-row-actions__icon-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: #64748B !important;
  box-shadow: none !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  flex: 0 0 32px !important;
  line-height: 0 !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

.sip-row-actions__icon-btn::after,
.nk-app-root .sip-row-actions__icon-btn::after {
  display: none !important;
  content: none !important;
}

.sip-row-actions__icon-btn .ico,
.sip-row-actions__icon-btn .icon,
.sip-row-actions__icon-btn .sip-admin-svg,
.sip-row-actions__icon-btn .sip-row-actions__glyph,
.sip-row-actions__icon-btn svg {
  width: 16px !important;
  height: 16px !important;
  display: block;
  flex-shrink: 0;
  color: inherit;
  stroke: currentColor;
  font-family: inherit !important;
}

.sip-row-actions__icon-btn .icon::before,
.sip-row-actions__icon-btn .ni::before,
.sip-row-actions__icon-btn em::before,
.sip-row-actions__icon-btn i::before,
.sip-row-actions__icon-btn .sip-row-actions__glyph::before,
.sip-row-actions__icon .icon::before,
.sip-row-actions__icon .ni::before {
  content: none !important;
  display: none !important;
}

.sip-row-actions__icon-btn:hover,
.sip-row-actions__icon-btn:focus,
.nk-app-root table.table td.table-action .sip-row-actions__icon-btn:hover,
.nk-app-root table.table td.table-action .sip-row-actions__icon-btn:focus {
  background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-surface, #ffffff)) !important;
  border-color: var(--sip-accent-on, var(--sip-accent)) !important;
  color: var(--sip-accent) !important;
  box-shadow: none !important;
}

.sip-row-actions__icon-btn:focus-visible {
  box-shadow: var(--sip-focus-ring) !important;
}

.sip-row-actions__icon-btn.is-danger {
  color: #F43F5E !important;
}

.sip-row-actions__icon-btn.is-danger:hover,
.sip-row-actions__icon-btn.is-danger:focus {
  background: #FFF1F2 !important;
  border-color: #FECDD3 !important;
  color: #E11D48 !important;
}

.sip-row-actions.is-open .sip-row-actions__more-btn,
.sip-row-actions__more-btn[aria-expanded=true] {
  background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-surface, #ffffff)) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent) !important;
}

.sip-row-actions__menu,
body > .sip-row-actions__menu {
  display: none;
  position: fixed !important;
  z-index: 2200 !important;
  min-width: 10.5rem;
  padding: 0.35rem !important;
  margin: 0 !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04) !important;
  font-family: var(--sip-font) !important;
}

.sip-row-actions__menu.is-open,
body > .sip-row-actions__menu.is-open {
  display: block;
}

.sip-row-actions__item {
  display: flex !important;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  min-height: 34px;
  padding: 0.45rem 0.65rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #334155 !important;
  font-family: var(--sip-font) !important;
  font-size: 0.8rem;
  font-weight: 550;
  text-align: left;
  background: transparent !important;
  cursor: pointer;
  transition: all 0.15s ease !important;
}

.sip-row-actions__item:hover {
  background: #F8FAFC !important;
  color: var(--sip-accent) !important;
}

.sip-row-actions__icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748B;
  line-height: 0;
}

.sip-row-actions__icon .icon,
.sip-row-actions__icon .ni,
.sip-row-actions__icon em,
.sip-row-actions__icon i,
.sip-row-actions__icon .ico,
.sip-row-actions__icon svg {
  width: 16px !important;
  height: 16px !important;
  display: block;
  flex-shrink: 0;
  font-size: 1rem;
  line-height: 1;
}

.sip-row-actions__label {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.25;
}

.sip-row-actions__item.is-danger,
.sip-row-actions__item.is-danger .sip-row-actions__label,
.sip-row-actions__item.is-danger .sip-row-actions__icon {
  color: #E11D48 !important;
}

.sip-row-actions__item.is-danger:hover {
  background: #FFF1F2 !important;
  color: #BE123C !important;
}

.nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > td.table-action,
.nk-app-root table.table.table-striped > tbody > tr:nth-of-type(even) > td.table-action,
.nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > td:last-child:has(.sip-row-actions),
.nk-app-root table.table.table-striped > tbody > tr:nth-of-type(even) > td:last-child:has(.sip-row-actions) {
  background: inherit !important;
}

.nk-app-root table.table tbody tr:hover td.table-action,
.nk-app-root table.table tbody tr:hover td:last-child:has(.sip-row-actions) {
  background: color-mix(in srgb, var(--sip-accent, #0284C7) 3.5%, var(--sip-surface, #FFFFFF)) !important;
}

body > .tooltip.bs-tooltip-top .tooltip-inner,
body > .tooltip .tooltip-inner,
.nk-app-root .tooltip .tooltip-inner {
  background: #0F172A;
  color: #F8FAFC;
  font-family: var(--sip-font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.28rem 0.5rem;
  border-radius: 6px;
}

html body.dark-mode .sip-row-actions__icon-btn,
html.dark-mode .sip-row-actions__icon-btn,
html body.dark-mode .nk-app-root table.table td.table-action .sip-row-actions__icon-btn,
html.dark-mode .nk-app-root .sip-row-actions__icon-btn,
html.dark-mode .nk-app-root table.table td.table-action .sip-row-actions__icon-btn,
html body.dark-mode .nk-app-root .table-responsive .sip-row-actions__icon-btn,
html.dark-mode .nk-app-root .table-responsive .sip-row-actions__icon-btn {
  background: #0F172A !important;
  border-color: #334155 !important;
  color: #94A3B8 !important;
}

html body.dark-mode .sip-row-actions__icon-btn:hover,
html.dark-mode .sip-row-actions__icon-btn:hover,
html body.dark-mode .sip-row-actions__icon-btn:focus,
html.dark-mode .sip-row-actions__icon-btn:focus {
  background: color-mix(in srgb, var(--sip-accent) 12%, transparent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent) !important;
}

html body.dark-mode .sip-row-actions__icon-btn.is-danger,
html.dark-mode .sip-row-actions__icon-btn.is-danger {
  color: #FB7185 !important;
}

html body.dark-mode .sip-row-actions__icon-btn.is-danger:hover,
html.dark-mode .sip-row-actions__icon-btn.is-danger:hover {
  background: rgba(244, 63, 94, 0.14) !important;
  border-color: #FB7185 !important;
  color: #FDA4AF !important;
}

html body.dark-mode .sip-row-actions__menu,
html.dark-mode .sip-row-actions__menu,
html body.dark-mode body > .sip-row-actions__menu,
html.dark-mode body > .sip-row-actions__menu {
  background: #1E293B !important;
  border-color: #334155 !important;
  color: #E2E8F0 !important;
}

html body.dark-mode .sip-row-actions__item,
html.dark-mode .sip-row-actions__item {
  color: #E2E8F0 !important;
}

html body.dark-mode .sip-row-actions__item:hover,
html.dark-mode .sip-row-actions__item:hover {
  background: #334155 !important;
  color: var(--sip-accent) !important;
}

html body.dark-mode .nk-app-root table.table tbody td:last-child:has(.sip-row-actions),
html.dark-mode .nk-app-root table.table tbody td:last-child:has(.sip-row-actions),
html body.dark-mode .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(even) > td:last-child:has(.sip-row-actions),
html.dark-mode .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(even) > td:last-child:has(.sip-row-actions),
html body.dark-mode .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > td:last-child:has(.sip-row-actions),
html.dark-mode .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > td:last-child:has(.sip-row-actions) {
  background: inherit !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html body.dark-mode .nk-app-root table.table tbody tr:hover td:last-child:has(.sip-row-actions),
html.dark-mode .nk-app-root table.table tbody tr:hover td:last-child:has(.sip-row-actions) {
  background: color-mix(in srgb, var(--sip-accent, #0284C7) 7%, #1E293B) !important;
}

/* —— Leftover DashLite chrome → school theme (global; pages pick this up) —— */
.nk-app-root .sip-section-title,
.nk-app-root .card-inner > form > h4.card-title,
.nk-app-root .card-inner > form > .card-title,
.nk-app-root .card-body > form > h4.card-title {
  margin: 0 0 1rem !important;
  padding: 0 0 0.65rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sip-line) !important;
  background: none !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 1.02rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
}

.nk-app-root .sip-section-title + .row,
.nk-app-root form > .sip-section-title ~ .row {
  margin-top: 0.15rem;
}

/* Equal 2-col field rows (Institute / Contact Information, and similar forms). */
.nk-app-root .sip-form-grid.row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 768px) {
  .nk-app-root .sip-form-grid.row {
    grid-template-columns: 1fr 1fr;
  }
}
.nk-app-root .sip-form-grid.row > [class*=col-] {
  max-width: none;
  flex: none;
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

.nk-app-root .sip-form-grid.row > .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  min-width: 0;
}

.nk-app-root .sip-form-grid.row > .form-group > label,
.nk-app-root .sip-form-grid.row > .form-group > .sip-label-row,
.nk-app-root .sip-form-grid.row > .form-group > .form-group-head {
  min-height: 26px;
}

.nk-app-root .sip-form-grid.row > .form-group > .form-control,
.nk-app-root .sip-form-grid.row > .form-group > .vdp-datepicker,
.nk-app-root .sip-form-grid.row > .form-group > .vdp-datepicker input.form-control {
  width: 100%;
}

.nk-app-root .sip-form-grid.row > .form-group:has(> textarea.form-control) {
  grid-column: 1/-1;
}

.nk-app-root form > .sip-section-title:not(:first-child),
.nk-app-root .card-inner > form > .sip-section-title:nth-of-type(n + 2),
.nk-app-root h4.sip-section-title + .row + .sip-section-title,
.nk-app-root .sip-section-title:not(:first-child) {
  margin-top: 1.75rem !important;
}

.nk-app-root .sip-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 0.35rem;
  padding-top: 1rem;
  border-top: 1px solid var(--sip-line);
  clear: both;
}

/* Last field/toggle must not sit flush against Save (16–24px). */
.nk-app-root .card form > *:has(+ .sip-form-actions),
.nk-app-root .card-inner form > *:has(+ .sip-form-actions),
.nk-app-root .card-body form > *:has(+ .sip-form-actions),
.nk-app-root .card form > *:has(+ .sip-sys-actions),
.nk-app-root .card-inner form > *:has(+ .sip-sys-actions),
.nk-app-root .card form > *:has(+ .btn),
.nk-app-root .card-inner form > *:has(+ .btn),
.nk-app-root .card-body form > *:has(+ .btn) {
  margin-bottom: 0 !important;
}

.nk-app-root .card form > *:has(+ .sip-form-actions) .form-group,
.nk-app-root .card-inner form > *:has(+ .sip-form-actions) .form-group,
.nk-app-root .card-body form > *:has(+ .sip-form-actions) .form-group,
.nk-app-root .card form > *:has(+ .btn) .form-group,
.nk-app-root .card-inner form > *:has(+ .btn) .form-group,
.nk-app-root .card-body form > *:has(+ .btn) .form-group {
  margin-bottom: 0;
}

.nk-app-root .sip-form-actions .btn,
.nk-app-root .sip-sys-actions .btn,
.nk-app-root form > .btn:not(.btn-icon):not(.btn-sm):not(.btn-xs):not(.dropdown-toggle),
.nk-app-root .card-body form > .btn:not(.btn-icon):not(.btn-sm):not(.btn-xs):not(.dropdown-toggle),
.nk-app-root .card-inner form > .btn:not(.btn-icon):not(.btn-sm):not(.btn-xs):not(.dropdown-toggle),
.nk-app-root .card-footer .btn:not(.btn-icon):not(.btn-sm):not(.dropdown-toggle) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  height: 40px;
  padding: 0 1.15rem !important;
  border-radius: 999px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* Unwrapped DashLite Save (form > .btn) — keep off the last control; pull-right stays on its own line. */
.nk-app-root form > .btn:not(.btn-icon):not(.btn-sm):not(.btn-xs):not(.dropdown-toggle),
.nk-app-root .card-body form > .btn:not(.btn-icon):not(.btn-sm):not(.btn-xs):not(.dropdown-toggle),
.nk-app-root .card-inner form > .btn:not(.btn-icon):not(.btn-sm):not(.btn-xs):not(.dropdown-toggle) {
  margin-top: 1.25rem !important;
  clear: both !important;
}

.nk-app-root .sip-form-actions .btn,
.nk-app-root .sip-sys-actions .btn {
  margin-top: 0 !important;
}

.nk-app-root form > .btn.pull-right,
.nk-app-root form > .btn.float-right,
.nk-app-root .card-body form > .btn.pull-right,
.nk-app-root .card-inner form > .btn.pull-right {
  float: right !important;
}

.nk-app-root .card-footer {
  background: var(--sip-surface) !important;
  border-top: 1px solid var(--sip-line) !important;
  padding: 1rem 1.25rem !important;
}

/* Save / Add / Submit / Proceed still using DashLite btn-info cyan
 * (exclude btn-xs label quick-adds — those use ghost outline below) */
.nk-app-root .btn.btn-info:not(.btn-xs):not(.nk-block-tools .btn):not(.nk-block-head .btn) {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  box-shadow: none !important;
}

.nk-app-root .btn.btn-info:not(.btn-xs):not(.nk-block-tools .btn):not(.nk-block-head .btn):hover,
.nk-app-root .btn.btn-info:not(.btn-xs):not(.nk-block-tools .btn):not(.nk-block-head .btn):focus,
.nk-app-root .btn.btn-info:not(.btn-xs):not(.nk-block-tools .btn):not(.nk-block-head .btn):active {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

body.fix-sidebar .modal .btn.btn-info:not(.btn-xs):not(.dropdown-toggle),
body.fix-header .modal .btn.btn-info:not(.btn-xs):not(.dropdown-toggle),
body.fix-sidebar .modal-footer .btn.btn-info:not(.btn-xs),
body.fix-header .modal-footer .btn.btn-info:not(.btn-xs),
body.fix-sidebar .modal-container .btn.btn-info:not(.btn-xs),
.nk-app-root .modal .btn.btn-info:not(.btn-xs):not(.dropdown-toggle),
.sip-drawer .btn.btn-info:not(.btn-xs):not(.dropdown-toggle) {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  box-shadow: none !important;
}

body.fix-sidebar .modal .btn.btn-info:not(.btn-xs):not(.dropdown-toggle):hover,
body.fix-header .modal-footer .btn.btn-info:not(.btn-xs):hover,
.nk-app-root .modal .btn.btn-info:not(.btn-xs):not(.dropdown-toggle):hover,
.sip-drawer .btn.btn-info:not(.btn-xs):not(.dropdown-toggle):hover {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

.nk-app-root .btn.btn-info.waves-effect .waves-ripple {
  background-color: rgba(255, 255, 255, 0.35) !important;
}

/* Toolbar More/Filter, table icon/kebab, dim add-row, input-group accessories stay muted */
.nk-app-root .nk-block-tools .btn.btn-info,
.nk-app-root .nk-block-head .btn.btn-info.dropdown-toggle,
.nk-app-root table.table td .btn-group > .btn.btn-info,
.nk-app-root table.table td > .dropdown > .btn.btn-info,
.nk-app-root .input-group > .btn.btn-info,
.nk-app-root .btn.btn-dim,
.nk-app-root .btn.btn-dim.btn-info,
.nk-app-root .btn.btn-outline-info,
.nk-app-root .btn.btn-outline-light {
  background: var(--sip-surface) !important;
  border: 1px solid var(--sip-line) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  box-shadow: none !important;
}

.nk-app-root .nk-block-tools .btn.btn-info:hover,
.nk-app-root .btn.btn-dim:hover,
.nk-app-root .btn.btn-dim.btn-info:hover,
.nk-app-root .btn.btn-outline-info:hover,
.nk-app-root .btn.btn-outline-light:hover,
.nk-app-root .input-group > .btn.btn-info:hover {
  background: #f4f6f8 !important;
  border-color: #d5dde0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

.nk-app-root .btn.btn-md:not(.btn-icon):not(.dropdown-toggle) {
  min-height: 40px;
  height: 40px;
  padding: 0 1.05rem !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.nk-app-root .nk-block-head .btn.btn-md,
.nk-app-root .nk-block-tools .btn.btn-md {
  min-height: 34px;
  height: 34px;
  max-height: 34px;
}

.nk-app-root .sip-image-upload__actions .btn {
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 0.85rem !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.nk-app-root .sip-image-upload__actions .btn-danger {
  background: var(--sip-surface) !important;
  border: 1px solid color-mix(in srgb, var(--sip-danger) 32%, var(--sip-line)) !important;
  color: var(--sip-danger) !important;
}

.nk-app-root .sip-image-upload__actions .btn-danger:hover {
  background: color-mix(in srgb, var(--sip-danger) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--sip-danger) 45%, var(--sip-line)) !important;
  color: var(--sip-danger) !important;
}

.nk-app-root .input-group {
  position: relative;
  min-height: var(--sip-input-h, 42px);
  border-radius: var(--sip-input-radius, 12px);
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100%;
}

.nk-app-root .input-group > .form-control,
.nk-app-root .input-group > .custom-select,
.nk-app-root .input-group-text {
  height: var(--sip-input-h, 42px) !important;
  min-height: var(--sip-input-h, 42px) !important;
  border-color: var(--sip-line) !important;
  font-family: var(--sip-font) !important;
}

.nk-app-root .input-group > .form-control,
.nk-app-root .input-group > .custom-select {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 0 !important;
}

.nk-app-root .input-group-prepend,
.nk-app-root .input-group-append {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: stretch !important;
}

/* Leading addon as an in-field prefix icon (matches currency prefix pattern) */
.nk-app-root .input-group > .input-group-prepend:first-child,
.nk-app-root .input-group > .input-group-text:first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
  margin: 0;
  pointer-events: none;
}

.nk-app-root .input-group > .input-group-prepend:first-child .input-group-text,
.nk-app-root .input-group > .input-group-text:first-child {
  border: 0 !important;
  background: transparent !important;
  color: var(--sip-muted) !important;
  border-radius: var(--sip-input-radius, 12px) 0 0 var(--sip-input-radius, 12px) !important;
  height: 100% !important;
  min-height: 0 !important;
  box-shadow: none !important;
}

.nk-app-root .input-group > .input-group-prepend + .form-control,
.nk-app-root .input-group > .input-group-text + .form-control,
.nk-app-root .input-group > .input-group-prepend:first-child + .form-control {
  padding-left: 2.25rem !important;
  border-radius: var(--sip-input-radius, 12px) !important;
}

/* Trailing addon: square the joined edge so radius doesn't show behind the addon */
.nk-app-root .input-group > .form-control:has(+ .input-group-append),
.nk-app-root .input-group > .form-control:has(+ .input-group-text),
.nk-app-root .input-group > .custom-select:has(+ .input-group-append),
.nk-app-root .input-group > .custom-select:has(+ .input-group-text) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.nk-app-root .input-group-text,
.nk-app-root .input-group-prepend .input-group-text,
.nk-app-root .input-group-append .input-group-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  padding: 0 0.85rem !important;
  background: var(--sip-bg) !important;
  color: var(--sip-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  height: var(--sip-input-h, 42px) !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: 0 var(--sip-input-radius, 12px) var(--sip-input-radius, 12px) 0 !important;
}

.nk-app-root .input-group > .form-control:focus {
  z-index: 2;
}

.nk-app-root .table-bordered,
.nk-app-root .table-bordered th,
.nk-app-root .table-bordered td {
  border-color: var(--sip-line) !important;
}

.nk-app-root .radio-info .form-check-input,
.nk-app-root .radio-info input[type=radio] {
  accent-color: var(--sip-accent);
}

.nk-app-root .radio-info input[type=radio]:checked + label::before,
.nk-app-root .radio-info .form-check-input:checked {
  background-color: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
}

.nk-app-root .custom-control:not(.custom-switch) .custom-control-label::before,
.nk-app-root .custom-checkbox .custom-control-label::before {
  border-color: var(--sip-line) !important;
  background: var(--sip-surface) !important;
  box-shadow: none !important;
}

.nk-app-root .custom-control:not(.custom-switch) .custom-control-input:checked ~ .custom-control-label::before,
.nk-app-root .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
}

.nk-app-root .sip-side-card .card-inner {
  padding: 1.15rem 1.2rem 1.25rem;
}

.nk-app-root .sip-side-card__section + .sip-side-card__section {
  margin-top: 1.15rem;
  padding-top: 1.15rem;
  border-top: 1px solid var(--sip-line);
}

.nk-app-root .sip-side-card__title {
  margin: 0 0 0.25rem !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--sip-text, var(--sip-ink)) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.92rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.nk-app-root .sip-side-card__hint {
  margin: 0 0 0.7rem !important;
  color: var(--sip-muted) !important;
  font-family: var(--sip-font) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  line-height: 1.4;
}

.nk-app-root .sip-kv-list {
  display: flex;
  flex-direction: column;
  margin: 0.35rem 0 0;
  padding: 0;
}

.nk-app-root .sip-kv-list__row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 0.65rem 0;
  border-bottom: 1px solid var(--sip-line);
}

.nk-app-root .sip-kv-list__row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.nk-app-root .sip-kv-list dt {
  margin: 0;
  color: var(--sip-muted);
  font-family: var(--sip-font);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.3;
}

.nk-app-root .sip-kv-list dd {
  margin: 0;
  min-width: 0;
  color: var(--sip-text, var(--sip-ink));
  font-family: var(--sip-font);
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.4;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

html body.dark-mode .nk-app-root .sip-section-title,
html.dark-mode .nk-app-root .sip-section-title,
html body.dark-mode .nk-app-root .sip-form-actions,
html.dark-mode .nk-app-root .sip-form-actions,
html body.dark-mode .nk-app-root .sip-side-card__section + .sip-side-card__section,
html.dark-mode .nk-app-root .sip-side-card__section + .sip-side-card__section,
html body.dark-mode .nk-app-root .sip-kv-list__row,
html.dark-mode .nk-app-root .sip-kv-list__row {
  border-color: var(--sip-line) !important;
}

html body.dark-mode .nk-app-root .btn.btn-dim,
html.dark-mode .nk-app-root .btn.btn-dim,
html body.dark-mode .nk-app-root .btn.btn-outline-light,
html.dark-mode .nk-app-root .btn.btn-outline-light,
html body.dark-mode .nk-app-root .input-group-text,
html.dark-mode .nk-app-root .input-group-text {
  background: var(--sip-surface) !important;
  border-color: var(--sip-line) !important;
  color: var(--sip-text, var(--sip-ink)) !important;
}

html body.dark-mode .nk-app-root .badge-dim,
html.dark-mode .nk-app-root .badge-dim {
  background: #1c2628 !important;
  color: #c5ced1 !important;
}

/* Fast nav: never cover the shell with a modal spinner. */
.vld-overlay.is-full-page,
.loading-overlay.is-full-page {
  display: none !important;
}

/* Keep empty-state cards in layout during fetch (no blank collapse). Overlay covers them. */
html.sip-route-loading .nk-app-root .nk-content-body .card:has(.sip-empty) {
  opacity: 0;
}

#sip-nprogress {
  position: fixed;
  top: 64px;
  left: var(--sidebar-width, 260px);
  right: 0;
  z-index: 2147483646;
  height: 2px;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  background: color-mix(in srgb, var(--sip-accent) 22%, transparent);
  transition: opacity 160ms ease;
}

#sip-nprogress.is-active {
  opacity: 1;
}

#sip-nprogress.is-active::after {
  content: "";
  display: block;
  height: 100%;
  width: 40%;
  background: var(--sip-accent);
  animation: sip-nprogress-slide 1s ease-in-out infinite;
}

html:not(.sip-has-auth) #sip-nprogress,
html body:not(.fix-sidebar) #sip-nprogress {
  top: 0;
  left: 0;
}

@media (max-width: 1199px) {
  #sip-nprogress {
    left: 0;
  }
}
@keyframes sip-nprogress-slide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(350%);
  }
}
.sip-page-enter-active,
.sip-page-leave-active {
  transition: opacity 180ms ease;
}

.sip-page-enter,
.sip-page-leave-to {
  opacity: 0;
}

.sip-page-leave-active {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.sip-content-veil {
  position: absolute;
  inset: 0;
  z-index: 24;
  display: flex;
  flex-direction: column;
  padding: 0.15rem 0 1rem;
  background: color-mix(in srgb, var(--sip-bg) 92%, transparent);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, visibility 180ms ease;
}

.sip-content-veil.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}

.sip-table-skeleton {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  width: 100%;
  min-height: 0;
}

.sip-table-skeleton__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 2.25rem;
}

.sip-table-skeleton__card {
  background: var(--sip-surface);
  border: 1px solid var(--sip-line);
  border-radius: 12px;
  overflow: hidden;
  min-height: 320px;
}

.sip-table-skeleton__head,
.sip-table-skeleton__row {
  display: grid;
  grid-template-columns: minmax(120px, 1.1fr) minmax(160px, 1.6fr) 88px;
  gap: 1.25rem;
  align-items: center;
  padding: 0.85rem 1.15rem;
}

.sip-table-skeleton__head {
  background: color-mix(in srgb, var(--sip-bg) 80%, var(--sip-surface));
  border-bottom: 1px solid var(--sip-line);
}

.sip-table-skeleton__row + .sip-table-skeleton__row {
  border-top: 1px solid color-mix(in srgb, var(--sip-line) 70%, transparent);
}

.sip-skel {
  display: block;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--sip-line) 85%, var(--sip-surface)) 0%, color-mix(in srgb, var(--sip-accent) 10%, var(--sip-surface)) 45%, color-mix(in srgb, var(--sip-line) 85%, var(--sip-surface)) 100%);
  background-size: 220% 100%;
  animation: sip-skel-shimmer 1.35s ease-in-out infinite;
}

.sip-skel--lg {
  width: 220px;
  height: 16px;
}

.sip-skel--sm {
  width: 92px;
  height: 28px;
  border-radius: 8px;
}

.sip-skel--wide {
  width: 72%;
}

.sip-skel--xs {
  width: 42px;
  justify-self: end;
}

@keyframes sip-skel-shimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
html.sip-data-loading:not(.sip-route-loading) .nk-app-root .nk-content-body .table-responsive {
  position: relative;
}

html.sip-data-loading:not(.sip-route-loading) .nk-app-root .nk-content-body .table-responsive::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: color-mix(in srgb, var(--sip-surface) 70%, transparent);
  pointer-events: none;
}

html.sip-data-loading:not(.sip-route-loading) .nk-app-root .nk-content-body .table-responsive::before {
  content: "";
  position: absolute;
  top: calc(50% + 12px);
  left: 50%;
  z-index: 4;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--sip-accent) 20%, transparent);
  border-top-color: var(--sip-accent);
  animation: sip-simple-spin 0.65s linear infinite;
  pointer-events: none;
}

html.dark-mode .sip-content-veil,
body.dark-mode .sip-content-veil {
  background: color-mix(in srgb, var(--sip-bg) 90%, transparent);
}

html.dark-mode .sip-table-skeleton__card,
body.dark-mode .sip-table-skeleton__card {
  background: var(--sip-surface);
  border-color: var(--sip-line);
}

html.dark-mode .sip-table-skeleton__head,
body.dark-mode .sip-table-skeleton__head {
  background: color-mix(in srgb, var(--sip-bg) 55%, var(--sip-surface));
}

.sip-simple-spinner {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--sip-accent) 20%, transparent);
  border-top-color: var(--sip-accent);
  animation: sip-simple-spin 0.65s linear infinite;
}

@keyframes sip-simple-spin {
  to {
    transform: rotate(360deg);
  }
}
.sip-card-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
}

@media (prefers-reduced-motion: reduce) {
  .sip-page-enter-active,
  .sip-page-leave-active,
  .sip-content-veil,
  #sip-nprogress,
  .sip-skel,
  .nk-app-root .sip-icon-btn.is-refreshing .ico,
  .nk-app-root .sip-icon-btn.is-refreshing svg {
    transition: none !important;
    animation: none !important;
  }
}
/* ==========================================================================
   Form chrome: quick-add / remove / nested drawers (CDSS)
   ========================================================================== */
/* —— Inline label “Add New” (btn-xs, sip-btn-add-inline, etc.) → ultra-compact, vertically centered —— */
.sip-btn-add-inline,
.sip-label-row .btn:not(.btn-danger),
.form-group-head .btn:not(.btn-danger),
.form-group > .d-flex.justify-content-between > .btn:not(.btn-danger),
.nk-app-root .btn.btn-xs.btn-info,
.nk-app-root .btn.btn-xs.btn-outline-primary,
.nk-app-root .form-group .btn.btn-xs.btn-info,
.nk-app-root .form-group .btn.btn-xs.btn-outline-primary,
.nk-app-root .float-end .btn.btn-xs.btn-info,
.nk-app-root .float-end .btn.btn-xs.btn-outline-primary,
.nk-app-root label .btn.btn-xs.btn-info,
.nk-app-root label .btn.btn-xs.btn-outline-primary,
.sip-drawer .btn.btn-xs.btn-info,
.sip-drawer .btn.btn-xs.btn-outline-primary,
.modal .btn.btn-xs.btn-info,
.modal .btn.btn-xs.btn-outline-primary,
.doc-bottom-sheet .btn.btn-xs.btn-info,
.doc-bottom-sheet .btn.btn-xs.btn-outline-primary,
.modal-container .btn.btn-xs.btn-info,
.modal-container .btn.btn-xs.btn-outline-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.25rem !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 1px 8px !important;
  border-radius: 4px !important;
  background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-surface, #ffffff)) !important;
  border: 1px solid color-mix(in srgb, var(--sip-accent) 25%, var(--sip-line, #e2e8f0)) !important;
  color: var(--sip-accent) !important;
  font-family: var(--sip-font) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  margin: 0 !important;
  vertical-align: middle !important;
  transition: all 0.18s ease-in-out !important;
}

.sip-btn-add-inline:hover,
.sip-btn-add-inline:focus,
.sip-label-row .btn:not(.btn-danger):hover,
.sip-label-row .btn:not(.btn-danger):focus,
.form-group-head .btn:not(.btn-danger):hover,
.form-group-head .btn:not(.btn-danger):focus,
.form-group > .d-flex.justify-content-between > .btn:not(.btn-danger):hover,
.form-group > .d-flex.justify-content-between > .btn:not(.btn-danger):focus,
.nk-app-root .btn.btn-xs.btn-info:hover,
.nk-app-root .btn.btn-xs.btn-info:focus,
.nk-app-root .btn.btn-xs.btn-outline-primary:hover,
.nk-app-root .btn.btn-xs.btn-outline-primary:focus,
.nk-app-root .form-group .btn.btn-xs.btn-info:hover,
.nk-app-root .form-group .btn.btn-xs.btn-outline-primary:hover,
.sip-drawer .btn.btn-xs.btn-info:hover,
.sip-drawer .btn.btn-xs.btn-outline-primary:hover,
.modal .btn.btn-xs.btn-info:hover,
.modal .btn.btn-xs.btn-outline-primary:hover,
.doc-bottom-sheet .btn.btn-xs.btn-info:hover,
.doc-bottom-sheet .btn.btn-xs.btn-outline-primary:hover {
  background: color-mix(in srgb, var(--sip-accent) 15%, var(--sip-surface, #ffffff)) !important;
  border-color: color-mix(in srgb, var(--sip-accent) 45%, var(--sip-line, #e2e8f0)) !important;
  color: var(--sip-accent-hover, var(--sip-accent)) !important;
}

.sip-btn-add-inline:active,
.sip-label-row .btn:not(.btn-danger):active,
.form-group-head .btn:not(.btn-danger):active,
.form-group > .d-flex.justify-content-between > .btn:not(.btn-danger):active {
  background: color-mix(in srgb, var(--sip-accent) 22%, var(--sip-surface, #ffffff)) !important;
  transform: translateY(0.5px);
}

/* —— Remove-row X (btn-xs btn-danger) → soft rose —— */
.nk-app-root .btn.btn-xs.btn-danger,
.sip-drawer .btn.btn-xs.btn-danger,
.modal .btn.btn-xs.btn-danger,
.doc-bottom-sheet .btn.btn-xs.btn-danger,
.modal-container .btn.btn-xs.btn-danger,
.sip-label-row .btn.btn-danger,
.form-group-head .btn.btn-danger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 !important;
  border-radius: 4px !important;
  background: #FFF1F2 !important;
  border: 1px solid color-mix(in srgb, #F43F5E 28%, #E2E8F0) !important;
  color: #F43F5E !important;
  box-shadow: none !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.nk-app-root .btn.btn-xs.btn-danger:hover,
.nk-app-root .btn.btn-xs.btn-danger:focus,
.sip-drawer .btn.btn-xs.btn-danger:hover,
.modal .btn.btn-xs.btn-danger:hover,
.sip-label-row .btn.btn-danger:hover,
.form-group-head .btn.btn-danger:hover {
  background: #FFE4E6 !important;
  border-color: color-mix(in srgb, #F43F5E 42%, #E2E8F0) !important;
  color: #E11D48 !important;
}

.nk-app-root .btn.btn-xs.btn-danger .icon,
.sip-drawer .btn.btn-xs.btn-danger .icon,
.modal .btn.btn-xs.btn-danger .icon,
.sip-label-row .btn.btn-danger .icon,
.form-group-head .btn.btn-danger .icon {
  font-size: 0.85rem !important;
  line-height: 1 !important;
}

/* Soften modal danger icon buttons used as remove (btn-icon + btn-danger) inside forms */
.modal .btn.btn-icon.btn-danger.btn-sm,
.sip-drawer .btn.btn-icon.btn-danger.btn-sm,
.doc-bottom-sheet .btn.btn-icon.btn-danger.btn-sm {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: #FFF1F2 !important;
  border: 1px solid color-mix(in srgb, #F43F5E 28%, #E2E8F0) !important;
  color: #F43F5E !important;
}

/* Nested side-drawer stack (Vue <side-drawer> / filter-sheet) */
html body .sip-drawer-overlay--nested {
  background: transparent !important;
}

html body .sip-drawer-overlay--nested::before {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .sip-drawer--nested,
html body .sip-drawer.sip-drawer--level-2,
html body .sip-drawer.sip-drawer--level-3 {
  --sip-drawer-nested-inset: 18px;
  width: min(100vw, var(--sip-drawer-width, 420px) - var(--sip-drawer-nested-inset)) !important;
  max-width: 100vw;
  box-shadow: -28px 0 64px rgba(8, 22, 24, 0.34) !important;
  border-left-color: color-mix(in srgb, var(--sip-accent) 22%, var(--sip-line)) !important;
}

html body .sip-drawer {
  position: relative;
}

/* When html marks nested open, dim any non-nested drawer panel */
html.sip-drawer-nested-open .sip-drawer-overlay:not(.sip-drawer-overlay--nested) .sip-drawer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 40;
  background: rgba(15, 23, 42, 0.2);
  pointer-events: none;
  border-radius: inherit;
}

/* BV modal opened above a Vue side-drawer (e.g. enquiry Add New)
   Bootstrap-Vue portals modals in an absolute outer wrapper with z-index ~1040.
   Raising only `.modal.show` cannot escape that stacking context, so the nested
   "Add New" drawer appears behind the open sip-drawer. Lift the outer wrapper. */
html.sip-drawer-open body > div:has(> .modal.show),
html.sip-drawer-open body > div:has(> .modal.d-block),
html.sip-drawer-open body > div:has(> .modal[style*="display: block"]),
html.sip-drawer-open body > div:has(> .modal[style*="display:block"]) {
  z-index: 1080 !important;
}

html.sip-drawer-open body.modal-open .sip-drawer-overlay .sip-drawer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 40;
  background: rgba(15, 23, 42, 0.2);
  pointer-events: none;
  border-radius: inherit;
}

html.sip-drawer-open .modal-backdrop {
  opacity: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

html.sip-drawer-open .modal.show,
html.sip-drawer-open .modal.d-block,
html.sip-drawer-open .modal[style*="display: block"],
html.sip-drawer-open .modal[style*="display:block"] {
  z-index: 1080 !important;
  background: transparent !important;
}

html.sip-drawer-open .modal.show .modal-dialog,
html.sip-drawer-open .modal.d-block .modal-dialog,
html.sip-drawer-open .modal[style*="display: block"] .modal-dialog,
html.sip-drawer-open .modal[style*="display:block"] .modal-dialog {
  --sip-drawer-nested-inset: 18px;
  width: min(100vw, var(--sip-drawer-width, 480px) - var(--sip-drawer-nested-inset)) !important;
  max-width: min(100vw, var(--sip-drawer-width, 480px) - var(--sip-drawer-nested-inset)) !important;
}

html.sip-drawer-open .modal.show .modal-content,
html.sip-drawer-open .modal.d-block .modal-content {
  box-shadow: -28px 0 64px rgba(8, 22, 24, 0.34) !important;
  border-left-color: color-mix(in srgb, var(--sip-accent) 22%, var(--sip-line)) !important;
}

/* Filter-sheet close matches circular soft close */
.sip-filter-sheet-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  border-color: #E2E8F0 !important;
  color: #64748B !important;
}

.sip-filter-sheet-close:hover,
.sip-filter-sheet-close:focus {
  background: #F8FAFC !important;
  border-color: #E2E8F0 !important;
  color: #0F172A !important;
}

/* Dark mode variants */
html body.dark-mode .sip-btn-add-inline,
html.dark-mode .sip-btn-add-inline,
html body.dark-mode .sip-label-row .btn:not(.btn-danger),
html.dark-mode .sip-label-row .btn:not(.btn-danger),
html body.dark-mode .form-group-head .btn:not(.btn-danger),
html.dark-mode .form-group-head .btn:not(.btn-danger),
html body.dark-mode .form-group > .d-flex.justify-content-between > .btn:not(.btn-danger),
html.dark-mode .form-group > .d-flex.justify-content-between > .btn:not(.btn-danger),
html body.dark-mode .nk-app-root .btn.btn-xs.btn-info,
html.dark-mode .nk-app-root .btn.btn-xs.btn-info,
html body.dark-mode .nk-app-root .btn.btn-xs.btn-outline-primary,
html.dark-mode .nk-app-root .btn.btn-xs.btn-outline-primary,
html body.dark-mode .nk-app-root .form-group .btn.btn-xs.btn-info,
html.dark-mode .nk-app-root .form-group .btn.btn-xs.btn-info,
html body.dark-mode .nk-app-root .form-group .btn.btn-xs.btn-outline-primary,
html.dark-mode .nk-app-root .form-group .btn.btn-xs.btn-outline-primary,
html body.dark-mode .modal .btn.btn-xs.btn-info,
html.dark-mode .modal .btn.btn-xs.btn-info,
html body.dark-mode .modal .btn.btn-xs.btn-outline-primary,
html.dark-mode .modal .btn.btn-xs.btn-outline-primary,
html body.dark-mode .sip-drawer .btn.btn-xs.btn-info,
html.dark-mode .sip-drawer .btn.btn-xs.btn-info,
html body.dark-mode .sip-drawer .btn.btn-xs.btn-outline-primary,
html.dark-mode .sip-drawer .btn.btn-xs.btn-outline-primary {
  background: color-mix(in srgb, var(--sip-accent) 18%, var(--sip-surface, #1e293b)) !important;
  border-color: color-mix(in srgb, var(--sip-accent) 35%, var(--sip-line, #334155)) !important;
  color: var(--sip-accent-on, #38bdf8) !important;
}

html body.dark-mode .sip-btn-add-inline:hover,
html.dark-mode .sip-btn-add-inline:hover,
html body.dark-mode .sip-label-row .btn:not(.btn-danger):hover,
html.dark-mode .sip-label-row .btn:not(.btn-danger):hover,
html body.dark-mode .form-group-head .btn:not(.btn-danger):hover,
html.dark-mode .form-group-head .btn:not(.btn-danger):hover,
html body.dark-mode .form-group > .d-flex.justify-content-between > .btn:not(.btn-danger):hover,
html.dark-mode .form-group > .d-flex.justify-content-between > .btn:not(.btn-danger):hover,
html body.dark-mode .nk-app-root .btn.btn-xs.btn-info:hover,
html.dark-mode .nk-app-root .btn.btn-xs.btn-info:hover,
html body.dark-mode .nk-app-root .btn.btn-xs.btn-outline-primary:hover,
html.dark-mode .nk-app-root .btn.btn-xs.btn-outline-primary:hover,
html body.dark-mode .nk-app-root .form-group .btn.btn-xs.btn-info:hover,
html.dark-mode .nk-app-root .form-group .btn.btn-xs.btn-info:hover,
html body.dark-mode .nk-app-root .form-group .btn.btn-xs.btn-outline-primary:hover,
html.dark-mode .nk-app-root .form-group .btn.btn-xs.btn-outline-primary:hover,
html body.dark-mode .modal .btn.btn-xs.btn-info:hover,
html.dark-mode .modal .btn.btn-xs.btn-info:hover,
html body.dark-mode .modal .btn.btn-xs.btn-outline-primary:hover,
html.dark-mode .modal .btn.btn-xs.btn-outline-primary:hover,
html body.dark-mode .sip-drawer .btn.btn-xs.btn-info:hover,
html.dark-mode .sip-drawer .btn.btn-xs.btn-info:hover,
html body.dark-mode .sip-drawer .btn.btn-xs.btn-outline-primary:hover,
html.dark-mode .sip-drawer .btn.btn-xs.btn-outline-primary:hover {
  background: color-mix(in srgb, var(--sip-accent) 28%, var(--sip-surface, #1e293b)) !important;
  border-color: color-mix(in srgb, var(--sip-accent) 55%, var(--sip-line, #334155)) !important;
  color: #ffffff !important;
}

html body.dark-mode .nk-app-root .btn.btn-xs.btn-danger,
html.dark-mode .nk-app-root .btn.btn-xs.btn-danger,
html.dark-mode .modal .btn.btn-xs.btn-danger,
html body.dark-mode .modal .btn.btn-xs.btn-danger,
html body.dark-mode .sip-drawer .btn.btn-xs.btn-danger,
html.dark-mode .sip-drawer .btn.btn-xs.btn-danger,
html body.dark-mode .sip-label-row .btn.btn-danger,
html.dark-mode .sip-label-row .btn.btn-danger,
html body.dark-mode .form-group-head .btn.btn-danger,
html.dark-mode .form-group-head .btn.btn-danger {
  background: color-mix(in srgb, #F43F5E 18%, var(--sip-surface, #1e293b)) !important;
  border-color: color-mix(in srgb, #F43F5E 38%, var(--sip-line, #334155)) !important;
  color: #FB7185 !important;
}

html body.dark-mode .nk-app-root .btn.btn-xs.btn-danger:hover,
html.dark-mode .nk-app-root .btn.btn-xs.btn-danger:hover,
html.dark-mode .modal .btn.btn-xs.btn-danger:hover,
html body.dark-mode .modal .btn.btn-xs.btn-danger:hover,
html body.dark-mode .sip-drawer .btn.btn-xs.btn-danger:hover,
html.dark-mode .sip-drawer .btn.btn-xs.btn-danger:hover,
html body.dark-mode .sip-label-row .btn.btn-danger:hover,
html.dark-mode .sip-label-row .btn.btn-danger:hover,
html body.dark-mode .form-group-head .btn.btn-danger:hover,
html.dark-mode .form-group-head .btn.btn-danger:hover {
  background: color-mix(in srgb, #F43F5E 28%, var(--sip-surface, #1e293b)) !important;
  border-color: color-mix(in srgb, #F43F5E 55%, var(--sip-line, #334155)) !important;
  color: #ffffff !important;
}

html body.dark-mode .sip-drawer-close,
html.dark-mode .sip-drawer-close,
html body.dark-mode .sip-filter-sheet-close,
html.dark-mode .modal-header .close {
  background: var(--sip-surface) !important;
  border-color: var(--sip-line) !important;
  color: var(--sip-muted, #94A3B8) !important;
}

html body.dark-mode .sip-drawer-close:hover,
html.dark-mode .modal-header .close:hover {
  background: color-mix(in srgb, var(--sip-surface) 86%, #fff) !important;
  color: var(--sip-text, #E2E8F0) !important;
}

html body.dark-mode .modal.show:has(~ .modal.show) .modal-content::after,
html.dark-mode .modal.show:has(~ .modal.show) .modal-content::after,
html.sip-drawer-nested-open.dark-mode .sip-drawer-overlay:not(.sip-drawer-overlay--nested) .sip-drawer::after,
html.dark-mode.sip-drawer-nested-open .sip-drawer-overlay:not(.sip-drawer-overlay--nested) .sip-drawer::after {
  background: rgba(0, 0, 0, 0.35);
}

/* ==========================================================================
   Show / edit / view pages (CDSS) — global; every module inherits this.
   Does not touch list-table icon actions, sticky ACTION, drawers, login,
   or dashboard (.sip-home) widgets.
   ========================================================================== */
/* —— Page-head “back to list” / leftover DashLite btn-info —— */
.nk-app-root .nk-block-head .btn:has(.ni-list-index-fill),
.nk-app-root .nk-block-head a.btn:has(.ni-list-index-fill),
.nk-app-root .nk-block-tools .btn:has(.ni-list-index-fill),
.nk-app-root .nk-block-head .btn-info:not(.dropdown-toggle):not(.btn-icon):not(.btn-trigger),
.nk-app-root .nk-block-tools .btn-info:not(.dropdown-toggle):not(.btn-icon):not(.btn-trigger) {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: var(--sip-accent) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  border-radius: 10px !important;
}

.nk-app-root .nk-block-head .btn:has(.ni-list-index-fill):hover,
.nk-app-root .nk-block-head a.btn:has(.ni-list-index-fill):hover,
.nk-app-root .nk-block-tools .btn:has(.ni-list-index-fill):hover,
.nk-app-root .nk-block-head .btn-info:not(.dropdown-toggle):not(.btn-icon):hover,
.nk-app-root .nk-block-tools .btn-info:not(.dropdown-toggle):not(.btn-icon):hover {
  background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-surface, #ffffff)) !important;
  border-color: color-mix(in srgb, var(--sip-accent) 42%, var(--sip-line, #e2e8f0)) !important;
  color: var(--sip-accent-hover) !important;
}

/* Keep toolbar More/Filter dropdowns muted (not cyan). */
.nk-app-root .nk-block-head .btn-info.dropdown-toggle,
.nk-app-root .nk-block-tools .btn-info.dropdown-toggle,
.nk-app-root .nk-block-tools #moreOption,
.nk-app-root .nk-block-tools #sortByLink {
  color: #334155 !important;
  border-color: #E2E8F0 !important;
  background: #FFFFFF !important;
}

/* —— Compact cards on Vue content (not dashboard widgets) —— */
.nk-app-root .nk-content-body .card > .card-inner {
  --sip-card-pad-x: 1.15rem;
  --sip-card-pad-y: 1.05rem;
  padding: var(--sip-card-pad-y) var(--sip-card-pad-x) !important;
}

.nk-app-root .nk-content-body .card {
  margin-bottom: 1rem !important;
}

.nk-app-root .nk-content-body > div > .row,
.nk-app-root .nk-content-body .nk-block > .row {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.nk-app-root .nk-content-body > div > .row > [class*=col-],
.nk-app-root .nk-content-body .nk-block > .row > [class*=col-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.nk-app-root .nk-content-body h4.card-title.mt-5,
.nk-app-root .nk-content-body .card-title.mt-5 {
  margin-top: 1rem !important;
}

.nk-app-root .nk-content-body h4.card-title.mb-3,
.nk-app-root .nk-content-body .card-title.mb-3 {
  margin-bottom: 0.65rem !important;
}

.nk-app-root .nk-content-body .card-inner > .card-title,
.nk-app-root .nk-content-body .card-inner > h4.card-title {
  margin: 0 0 0.85rem !important;
  padding: 0 0 0.55rem !important;
  border-bottom: 1px solid var(--sip-line, #E2E8F0) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
}

.nk-app-root .nk-content-body .card-body > .card-title,
.nk-app-root .nk-content-body .card-body > h4.card-title {
  margin: 0 !important;
  padding: 1.05rem 1.15rem 0.65rem !important;
  border-bottom: 1px solid var(--sip-line, #E2E8F0) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
}

.nk-app-root .nk-content-body .card > .card-inner:has(+ .table-responsive) > .card-title,
.nk-app-root .nk-content-body .card > .card-inner:has(+ .table-responsive) > h4.card-title {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.nk-app-root .nk-content-body .card > .card-inner:has(+ .table-responsive) {
  padding-bottom: 0.7rem !important;
}

/* —— Nested tables fill the card: kill leftover px-2 / pr-3 / p-l-20 gutters —— */
.nk-app-root .nk-content-body .table-responsive.px-2,
.nk-app-root .nk-content-body .table-responsive.px-3,
.nk-app-root .nk-content-body .table-responsive.pr-3,
.nk-app-root .nk-content-body .table-responsive.pl-2,
.nk-app-root .nk-content-body .card-inner .table-responsive,
.nk-app-root .nk-content-body .card-body .table-responsive {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}

.nk-app-root .nk-content-body table.pr-3,
.nk-app-root .nk-content-body table.px-2,
.nk-app-root .nk-content-body table.px-3 {
  padding: 0 !important;
}

.nk-app-root .nk-content-body .card-inner .pr-3,
.nk-app-root .nk-content-body .card-body .pr-3,
.nk-app-root .nk-content-body .card-inner form.pr-3,
.nk-app-root .nk-content-body .card-body form.pr-3 {
  padding-right: 0 !important;
}

.nk-app-root .nk-content-body table.table td.p-l-20,
.nk-app-root .nk-content-body table.table th.p-l-20,
.nk-app-root .nk-content-body table.table .p-l-20 {
  padding-left: 0.75rem !important;
}

/* Title stays padded; table cancels card-inner horizontal padding. */
.nk-app-root .nk-content-body .card-inner > .table-responsive,
.nk-app-root .nk-content-body .card-inner > table.table {
  width: calc(100% + 2 * var(--sip-card-pad-x, 1.15rem)) !important;
  max-width: calc(100% + 2 * var(--sip-card-pad-x, 1.15rem)) !important;
  margin-left: calc(-1 * var(--sip-card-pad-x, 1.15rem)) !important;
  margin-right: calc(-1 * var(--sip-card-pad-x, 1.15rem)) !important;
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.nk-app-root .nk-content-body .card-inner:has(> .table-responsive:last-child),
.nk-app-root .nk-content-body .card-inner:has(> table.table:last-child) {
  padding-bottom: 0 !important;
}

/* Table as next sibling of padded title (DashLite show pattern). */
.nk-app-root .nk-content-body .card > .card-inner + .table-responsive,
.nk-app-root .nk-content-body .card-body > h4.card-title + .table-responsive,
.nk-app-root .nk-content-body h4.card-title + .table-responsive,
.nk-app-root .nk-content-body .card-title + .table-responsive {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow-x: auto;
  overflow-y: hidden;
}

/* Standalone table-responsive used as a faux card (no parent .card). */
.nk-app-root .nk-content-body > div > .row .table-responsive:not(.card .table-responsive) {
  padding: 0 !important;
}

.nk-app-root .nk-content-body .card-inner .table-responsive > table.table,
.nk-app-root .nk-content-body .card-body .table-responsive > table.table,
.nk-app-root .nk-content-body .card-inner > table.table,
.nk-app-root .nk-content-body h4.card-title + .table-responsive > table.table,
.nk-app-root .nk-content-body .card-title + .table-responsive > table.table,
.nk-app-root .nk-content-body .card > .card-inner + .table-responsive > table.table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Scroll only when columns actually overflow — padding + min-width:100% was
 * painting a bogus horizontal bar on short Student/Follow-up tables. */
.nk-app-root .nk-content-body .card-inner .table-responsive,
.nk-app-root .nk-content-body .card-body .table-responsive,
.nk-app-root .nk-content-body h4.card-title + .table-responsive,
.nk-app-root .nk-content-body .card-title + .table-responsive,
.nk-app-root .nk-content-body .card > .card-inner + .table-responsive,
.nk-app-root .nk-content-body .table-responsive:has(.custom-show-table) {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-gutter: auto;
}

/* Show/detail tables only — compact header rows. List tables keep CDSS header band below. */
.nk-app-root .nk-content-body .card-inner table.table.custom-show-table thead th,
.nk-app-root .nk-content-body h4.card-title + .table-responsive table.custom-show-table thead th,
.nk-app-root .nk-content-body .card > .card-inner + .table-responsive table.custom-show-table thead th {
  white-space: normal !important;
  padding-top: 0.45rem !important;
  padding-bottom: 0.45rem !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

/* List tables: wrapped labels OK; header band must stay distinct from body rows. */
.nk-app-root .nk-content-body .card-inner table.table:not(.custom-show-table) thead th,
.nk-app-root .nk-content-body .card-body > .table-responsive:has(> table:not(.custom-show-table)) table thead th,
.nk-app-root .nk-content-body h4.card-title + .table-responsive table:not(.custom-show-table) thead th,
.nk-app-root .nk-content-body .card > .card-inner + .table-responsive table:not(.custom-show-table) thead th,
.nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead th,
.nk-app-root .nk-content-body > .table-responsive > table.table:not(.custom-show-table) thead th {
  white-space: normal !important;
  padding: 0.7rem 1rem !important;
  background-color: color-mix(in srgb, var(--sip-bg, #F8FAFC) 88%, var(--sip-surface, #FFFFFF)) !important;
  background: color-mix(in srgb, var(--sip-bg, #F8FAFC) 88%, var(--sip-surface, #FFFFFF)) !important;
  border-bottom: 1px solid var(--sip-line, #E2E8F0) !important;
  color: var(--sip-muted, #64748B) !important;
  font-weight: 600 !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.055em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  vertical-align: middle !important;
  --bs-table-bg: color-mix(in srgb, var(--sip-bg, #F8FAFC) 88%, var(--sip-surface, #FFFFFF));
  --bs-table-accent-bg: color-mix(in srgb, var(--sip-bg, #F8FAFC) 88%, var(--sip-surface, #FFFFFF));
}

.nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead,
.nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead tr,
.nk-app-root .nk-content-body .card-inner table.table:not(.custom-show-table) thead,
.nk-app-root .nk-content-body .card-inner table.table:not(.custom-show-table) thead tr {
  background-color: color-mix(in srgb, var(--sip-bg, #F8FAFC) 88%, var(--sip-surface, #FFFFFF)) !important;
}

html.dark-mode .nk-app-root .nk-content-body .card-inner table.table:not(.custom-show-table) thead th,
html.dark-mode .nk-app-root .nk-content-body .card-body > .table-responsive:has(> table:not(.custom-show-table)) table thead th,
html.dark-mode .nk-app-root .nk-content-body h4.card-title + .table-responsive table:not(.custom-show-table) thead th,
html.dark-mode .nk-app-root .nk-content-body .card > .card-inner + .table-responsive table:not(.custom-show-table) thead th,
html.dark-mode .nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead th,
html.dark-mode .nk-app-root .nk-content-body > .table-responsive > table.table:not(.custom-show-table) thead th,
html body.dark-mode .nk-app-root .nk-content-body .card-inner table.table:not(.custom-show-table) thead th,
html body.dark-mode .nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead th {
  background-color: #0F172A !important;
  background: #0F172A !important;
  border-bottom-color: #334155 !important;
  color: #94A3B8 !important;
  --bs-table-bg: #0F172A;
  --bs-table-accent-bg: #0F172A;
}

html.dark-mode .nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead,
html.dark-mode .nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead tr,
html body.dark-mode .nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead,
html body.dark-mode .nk-app-root .nk-content-body .table-responsive > table.table:not(.custom-show-table) thead tr {
  background-color: #0F172A !important;
}

.nk-app-root .nk-content-body .card-inner table.table:not(.custom-show-table) tbody td,
.nk-app-root .nk-content-body .card-body > .table-responsive:has(> table:not(.custom-show-table)) table tbody td,
.nk-app-root .nk-content-body h4.card-title + .table-responsive table tbody td,
.nk-app-root .nk-content-body .card > .card-inner + .table-responsive table tbody td {
  max-width: none !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  line-height: 1.4 !important;
}

/* Label / value show tables: compact rows, no huge line-height. */
.nk-app-root .nk-content-body table.table.custom-show-table tbody td {
  padding-top: 0.42rem !important;
  padding-bottom: 0.42rem !important;
  line-height: 1.35 !important;
}

.nk-app-root .nk-content-body table.table.custom-show-table tbody td:first-child {
  padding-left: 1.15rem !important;
}

.nk-app-root .nk-content-body table.table.custom-show-table tbody td:last-child {
  padding-right: 1.15rem !important;
}

.nk-app-root .nk-content-body .card-inner > .table-responsive table.custom-show-table tbody tr:last-child td,
.nk-app-root .nk-content-body .card-inner > table.custom-show-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* List tables (pager after card) keep overflow-x + nowrap headers. */
.nk-app-root .nk-content-body .card:has(+ .sip-pager) > .table-responsive,
.nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager) {
  overflow-x: auto !important;
}

.nk-app-root .nk-content-body .card:has(+ .sip-pager) table.table,
.nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager) > table.table {
  min-width: 100% !important;
  max-width: none !important;
}

/* —— In-card Save / Update: modest 8px radius, breathing room above divider —— */
.nk-app-root .nk-content-body .card .modal-footer,
.nk-app-root .nk-content-body .card-inner .modal-footer,
.nk-app-root .nk-content-body .card-body .modal-footer,
.nk-app-root .nk-content-body form > .w-100.modal-footer,
.nk-app-root .nk-content-body .card .sip-drawer-form-footer,
.nk-app-root .nk-content-body .card-body .sip-drawer-form-footer,
.nk-app-root .nk-content-body form.sip-drawer-form > .sip-drawer-form-footer {
  padding: 0.85rem 0 0 !important;
  margin: 1.25rem 0 0 !important;
  border-top: 1px solid var(--sip-line, #E2E8F0) !important;
  background: transparent !important;
}

.nk-app-root .nk-content-body .card .modal-footer .btn:not(.btn-icon),
.nk-app-root .nk-content-body .card-inner .modal-footer .btn:not(.btn-icon),
.nk-app-root .nk-content-body .card-body .modal-footer .btn:not(.btn-icon),
.nk-app-root .nk-content-body form > .w-100.modal-footer .btn:not(.btn-icon),
.nk-app-root .nk-content-body .card .sip-drawer-form-footer .btn:not(.btn-icon),
.nk-app-root .nk-content-body .card-body .sip-drawer-form-footer .btn:not(.btn-icon),
.nk-app-root .nk-content-body .card .sip-form-actions .btn:not(.btn-icon),
.nk-app-root .nk-content-body .card-inner form > .btn:not(.btn-icon):not(.btn-xs):not(.dropdown-toggle),
.nk-app-root .nk-content-body .card-body form > .btn:not(.btn-icon):not(.btn-xs):not(.dropdown-toggle) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  border-radius: 8px !important;
  min-height: 36px !important;
  height: 36px !important;
  max-height: none !important;
  padding: 0 1.1rem !important;
}

.nk-app-root .nk-content-body .card .sip-drawer-form-footer .btn .icon,
.nk-app-root .nk-content-body .card-body .sip-drawer-form-footer .btn .icon,
.nk-app-root .nk-content-body .card .modal-footer .btn .icon,
.nk-app-root .nk-content-body .card-body .modal-footer .btn .icon {
  margin: 0 !important;
  padding: 0 !important;
}

.nk-app-root .nk-content-body .card .sip-drawer-form-footer .btn .icon + span,
.nk-app-root .nk-content-body .card-body .sip-drawer-form-footer .btn .icon + span,
.nk-app-root .nk-content-body .card .modal-footer .btn .icon + span,
.nk-app-root .nk-content-body .card-body .modal-footer .btn .icon + span {
  margin: 0 !important;
}

.nk-app-root .nk-content-body .card .modal-footer .btn-info,
.nk-app-root .nk-content-body .card .modal-footer .btn-primary,
.nk-app-root .nk-content-body .card .modal-footer .btn-warning,
.nk-app-root .nk-content-body .card-inner .modal-footer .btn-info,
.nk-app-root .nk-content-body .card-inner .modal-footer .btn-warning,
.nk-app-root .nk-content-body .card-body .modal-footer .btn-info,
.nk-app-root .nk-content-body .card-body .modal-footer .btn-warning,
.nk-app-root .nk-content-body form > .w-100.modal-footer .btn-info,
.nk-app-root .nk-content-body form > .w-100.modal-footer .btn-warning,
.nk-app-root .nk-content-body form > .w-100.modal-footer .btn-primary,
.nk-app-root .nk-content-body .card .sip-form-actions .btn-primary,
.nk-app-root .nk-content-body .card .sip-form-actions .btn-info,
.nk-app-root .nk-content-body .card .sip-form-actions .btn-warning {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--sip-accent) 20%, transparent) !important;
}

.nk-app-root .nk-content-body .card .modal-footer .btn-info:hover,
.nk-app-root .nk-content-body .card .modal-footer .btn-primary:hover,
.nk-app-root .nk-content-body .card .modal-footer .btn-warning:hover,
.nk-app-root .nk-content-body .card-inner .modal-footer .btn-info:hover,
.nk-app-root .nk-content-body .card-body .modal-footer .btn-info:hover,
.nk-app-root .nk-content-body form > .w-100.modal-footer .btn-info:hover,
.nk-app-root .nk-content-body form > .w-100.modal-footer .btn-warning:hover,
.nk-app-root .nk-content-body .card .sip-form-actions .btn-info:hover,
.nk-app-root .nk-content-body .card .sip-form-actions .btn-warning:hover {
  background: var(--sip-accent-hover) !important;
  border-color: var(--sip-accent-hover) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

html.dark-mode .nk-app-root .nk-block-head .btn:has(.ni-list-index-fill),
html.dark-mode .nk-app-root .nk-block-head .btn-info:not(.dropdown-toggle):not(.btn-icon),
html.dark-mode .nk-app-root .nk-block-tools .btn-info:not(.dropdown-toggle):not(.btn-icon),
html body.dark-mode .nk-app-root .nk-block-head .btn:has(.ni-list-index-fill) {
  background: var(--sip-surface, #1E293B) !important;
  border-color: #334155 !important;
  color: var(--sip-accent) !important;
}

html.dark-mode .nk-app-root .nk-content-body .card .modal-footer .btn-info,
html.dark-mode .nk-app-root .nk-content-body .card .modal-footer .btn-warning,
html body.dark-mode .nk-app-root .nk-content-body form > .w-100.modal-footer .btn-info {
  background: var(--sip-accent) !important;
  border-color: var(--sip-accent) !important;
  color: var(--sip-accent-fg, #ffffff) !important;
}

/* Profile card grid — employee & student list card views */
.sip-profile-card-page {
  margin-top: 1.25rem;
  width: 100%;
}

.sip-profile-card-grid {
  --sip-profile-grid-gap: 14px;
  --bs-gutter-x: var(--sip-profile-grid-gap);
  --bs-gutter-y: var(--sip-profile-grid-gap);
  margin-bottom: 0 !important;
}

.nk-app-root .sip-profile-card-grid + .sip-pager {
  margin-top: 16px !important;
}

.sip-profile-card {
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  background: var(--sip-surface, #ffffff);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  height: 100%;
}
.sip-profile-card:hover {
  border-color: color-mix(in srgb, var(--sip-accent) 45%, var(--sip-line, #e2e8f0));
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}
.sip-profile-card > .card-body {
  padding: 14px 16px;
}
.sip-profile-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.sip-profile-card__head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}
.sip-profile-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
}
.sip-profile-card__avatar {
  background: #e2e8f0;
  border: 2px solid transparent;
  border-radius: 50%;
  flex-shrink: 0;
  height: 52px;
  overflow: hidden;
  transition: border-color 0.2s ease;
  width: 52px;
}
.sip-profile-card__avatar img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.sip-profile-card:hover .sip-profile-card__avatar {
  border-color: color-mix(in srgb, var(--sip-accent) 35%, transparent);
}
.sip-profile-card__title-row {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
}
.sip-profile-card__name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: flex-start;
  color: var(--sip-text, #0f172a);
  display: -webkit-box;
  flex: 1;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  padding-top: 0;
}
.sip-profile-card__badge {
  border-radius: 999px;
  flex-shrink: 0;
  font-size: 0.6875rem;
  line-height: 1.4;
  padding: 2px 8px;
}
.sip-profile-card__meta {
  align-items: center;
  color: var(--sip-muted, #64748b);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  gap: 4px 6px;
  line-height: 1.4;
  margin-bottom: 6px;
  margin-top: 4px;
}
.sip-profile-card__meta-sep {
  opacity: 0.5;
}
.sip-profile-card__detail {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--sip-muted, #64748b);
  display: -webkit-box;
  font-size: 0.8125rem;
  line-height: 1.4;
  margin-bottom: 8px;
  overflow: hidden;
}
.sip-profile-card__footer {
  align-items: center;
  border-top: 1px solid var(--sip-line, #e2e8f0);
  color: var(--sip-muted, #64748b);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  gap: 4px 10px;
  line-height: 1.4;
  padding-top: 8px;
}
.sip-profile-card__footer .icon {
  font-size: 0.875rem;
  opacity: 0.7;
}

html.dark-mode .sip-profile-card {
  background: var(--sip-surface, #1e293b);
  border-color: var(--sip-line, #334155);
}
html.dark-mode .sip-profile-card:hover {
  border-color: color-mix(in srgb, var(--sip-accent) 45%, var(--sip-line, #334155));
}
html.dark-mode .sip-profile-card__name {
  color: var(--sip-text, #f1f5f9);
}
html.dark-mode .sip-profile-card__footer {
  border-top-color: var(--sip-line, #334155);
}

/* ── Subscription page (CDSS billing portal) ── */
.nk-app-root .sip-subscription {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  gap: 12px;
  font-family: var(--sip-font);
  margin-bottom: 0;
  padding-bottom: 0;
}

.nk-app-root .nk-content-body.sip-content-outlet:has(.sip-subscription) {
  min-height: 0 !important;
  flex: 0 0 auto !important;
}

.nk-app-root .nk-content-body.sip-content-outlet:has(.sip-subscription) > div:not(.sip-content-veil),
.nk-app-root .nk-content-body > div:has(> .sip-subscription) {
  flex: 0 0 auto !important;
}

.nk-app-root .nk-wrap:has(.sip-subscription) > .nk-content,
.nk-app-root .nk-wrap:has(.sip-subscription) > .nk-content-fluid {
  flex: 0 0 auto;
}

.nk-app-root .nk-wrap:has(.sip-subscription) > .nk-footer {
  margin-top: 12px;
}

.nk-app-root .sip-subscription-current,
.nk-app-root .sip-subscription-flow,
.nk-app-root .sip-subscription-plans,
.nk-app-root .sip-subscription-history {
  background: var(--sip-surface, #fff);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 12px;
  box-shadow: var(--sip-shadow);
  padding: 14px 16px;
}

.nk-app-root .sip-subscription-history {
  margin-bottom: 0;
  padding-bottom: 12px;
}
.nk-app-root .sip-subscription-history.is-empty {
  padding-bottom: 10px;
}

.nk-app-root .sip-subscription-section-head {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .nk-app-root .sip-subscription-section-head {
    flex-direction: column;
    align-items: stretch;
  }
}
.nk-app-root .sip-subscription-section-head__title {
  color: var(--sip-text, #0f172a);
  font-family: var(--sip-heading-font);
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;
}
.nk-app-root .sip-subscription-section-head__sub {
  color: var(--sip-muted, #64748b);
  font-size: 0.75rem;
  line-height: 1.35;
  margin: 2px 0 0;
}

.nk-app-root .sip-subscription-current {
  overflow: hidden;
  position: relative;
}
.nk-app-root .sip-subscription-current::before {
  background: linear-gradient(90deg, var(--sip-accent), var(--sip-emerald, #10b981));
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.nk-app-root .sip-subscription-current__head {
  align-items: center;
  border-bottom: 1px solid var(--sip-line, #e2e8f0);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 12px;
  padding-top: 2px;
}

.nk-app-root .sip-subscription-current__status {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.nk-app-root .sip-subscription-status-icon {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.25rem;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.nk-app-root .sip-subscription-status-icon.is-live {
  background: color-mix(in srgb, var(--sip-emerald, #10b981) 14%, transparent);
  color: var(--sip-emerald, #10b981);
}
.nk-app-root .sip-subscription-status-icon.is-expired {
  background: color-mix(in srgb, var(--sip-rose, #f43f5e) 14%, transparent);
  color: var(--sip-rose, #f43f5e);
}

.nk-app-root .sip-subscription-current__title-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.nk-app-root .sip-subscription-current__plan {
  color: var(--sip-text, #0f172a);
  font-family: var(--sip-heading-font);
  font-size: 1.125rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0;
}

.nk-app-root .sip-subscription-current__price {
  color: var(--sip-accent);
  font-size: 0.8125rem;
  font-weight: 600;
  margin: 2px 0 0;
}

.nk-app-root .sip-subscription-current__expiry {
  color: var(--sip-muted, #64748b);
  font-size: 0.75rem;
  margin: 1px 0 0;
}

.nk-app-root .sip-subscription-current__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nk-app-root .sip-subscription-current__body {
  align-items: stretch;
  display: grid !important;
  gap: 12px;
  grid-template-columns: 1fr;
  justify-content: start;
}

@media (min-width: 768px) {
  .nk-app-root .sip-subscription-current__body {
    align-items: stretch;
    gap: 12px 16px;
    grid-template-columns: 280px minmax(0, 1fr);
  }
}
.nk-app-root .sip-subscription-metric {
  background: linear-gradient(180deg, color-mix(in srgb, var(--sip-accent) 8%, #fff), var(--sip-bg, #f8fafc));
  border: 1px solid color-mix(in srgb, var(--sip-accent) 22%, var(--sip-line, #e2e8f0));
  border-radius: 10px;
  box-sizing: border-box;
  height: auto;
  max-width: 280px;
  padding: 12px 14px;
  width: 100%;
}
.nk-app-root .sip-subscription-metric__label {
  color: var(--sip-muted, #64748b);
  display: block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.nk-app-root .sip-subscription-metric__value {
  color: var(--sip-text, #0f172a);
  font-size: 0.8125rem;
  margin-bottom: 8px;
}
.nk-app-root .sip-subscription-metric__value strong {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.nk-app-root .sip-subscription-progress {
  background: var(--sip-line, #e2e8f0);
  border-radius: 9999px;
  height: 7px;
  overflow: hidden;
  width: 100%;
}
.nk-app-root .sip-subscription-progress__bar {
  border-radius: 9999px;
  height: 100%;
  transition: width 0.3s var(--sip-ease);
  min-width: 2px;
}
.nk-app-root .sip-subscription-progress__bar.is-success {
  background: var(--sip-emerald, #10b981);
}
.nk-app-root .sip-subscription-progress__bar.is-info {
  background: var(--sip-accent);
}
.nk-app-root .sip-subscription-progress__bar.is-warning {
  background: var(--sip-amber, #f59e0b);
}
.nk-app-root .sip-subscription-progress__bar.is-danger {
  background: var(--sip-rose, #f43f5e);
}

.nk-app-root .sip-subscription .sip-subscription-details,
.nk-app-root dl.sip-subscription-details {
  align-content: start !important;
  background: linear-gradient(180deg, #ffffff, var(--sip-bg, #f8fafc));
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 10px;
  box-sizing: border-box;
  display: grid !important;
  float: none !important;
  gap: 0 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
  max-width: 100%;
  min-height: 100%;
  padding: 8px 12px;
  width: 100%;
}

.nk-app-root .sip-subscription-details__item {
  border-top: 1px solid color-mix(in srgb, var(--sip-line, #e2e8f0) 88%, transparent);
  display: flex !important;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  min-height: 54px;
  min-width: 0;
  padding: 7px 0;
}
.nk-app-root .sip-subscription-details__item:nth-child(-n+2) {
  border-top: 0;
}
.nk-app-root .sip-subscription-details__item dt {
  background: transparent !important;
  color: var(--sip-muted, #64748b) !important;
  float: none !important;
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  line-height: 1.25;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
  width: auto !important;
}
.nk-app-root .sip-subscription-details__item dd {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--sip-text, #0f172a) !important;
  float: none !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.35;
  margin: 0 !important;
  margin-bottom: 0 !important;
  max-width: 100%;
  padding: 0 !important;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  width: auto !important;
}

@media (max-width: 767.98px) {
  .nk-app-root .sip-subscription .sip-subscription-details,
  .nk-app-root dl.sip-subscription-details {
    gap: 0 !important;
    grid-template-columns: 1fr !important;
    padding: 8px 10px;
  }
  .nk-app-root .sip-subscription-details__item {
    border-top: 1px solid color-mix(in srgb, var(--sip-line, #e2e8f0) 88%, transparent);
    min-height: 50px;
  }
  .nk-app-root .sip-subscription-details__item:first-child {
    border-top: 0;
  }
}
.nk-app-root .sip-subscription-btn {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--sip-font);
  font-size: 0.8125rem;
  font-weight: 600;
  gap: 6px;
  justify-content: center;
  padding: 10px 16px;
  transition: all 0.15s ease;
  line-height: 1.2;
  white-space: nowrap;
}
.nk-app-root .sip-subscription-btn .icon {
  color: currentColor;
}
.nk-app-root .sip-subscription-btn--primary {
  background: var(--sip-accent);
  border-color: var(--sip-accent);
  color: var(--sip-accent-fg, #fff) !important;
  -webkit-text-fill-color: var(--sip-accent-fg, #fff);
}
.nk-app-root .sip-subscription-btn--primary:visited {
  color: var(--sip-accent-fg, #fff) !important;
}
.nk-app-root .sip-subscription-btn--primary:hover:not(:disabled) {
  background: var(--sip-accent-hover);
  border-color: var(--sip-accent-hover);
}
.nk-app-root .sip-subscription-btn--primary.is-active {
  box-shadow: var(--sip-focus-ring);
}
.nk-app-root .sip-subscription-btn--secondary {
  background: var(--sip-surface, #fff);
  border-color: var(--sip-line, #e2e8f0);
  color: var(--sip-text, #0f172a);
}
.nk-app-root .sip-subscription-btn--secondary:hover:not(:disabled) {
  border-color: var(--sip-accent);
  color: var(--sip-accent);
}
.nk-app-root .sip-subscription-btn--secondary.is-active {
  background: var(--sip-accent-soft);
  border-color: var(--sip-accent);
  color: var(--sip-accent);
}
.nk-app-root .sip-subscription-btn--proceed {
  min-width: 160px;
  padding: 12px 20px;
}
.nk-app-root .sip-subscription-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.nk-app-root .sip-subscription-toggle-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.nk-app-root .sip-subscription-toggle-group--with-badge .sip-subscription-toggle {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.nk-app-root .sip-subscription-savings-badge {
  animation: sip-subscription-savings-pulse 2.5s ease-in-out infinite;
  background: color-mix(in srgb, var(--sip-emerald, #10b981) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--sip-emerald, #10b981) 35%, transparent);
  border-radius: 999px;
  color: var(--sip-emerald, #10b981);
  flex-shrink: 0;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  padding: 2px 6px;
  white-space: nowrap;
}

@keyframes sip-subscription-savings-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.88;
    transform: scale(0.98);
  }
}
.nk-app-root .sip-subscription-toggle {
  background: var(--sip-bg, #f8fafc);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 8px;
  color: var(--sip-muted, #64748b);
  cursor: pointer;
  font-family: var(--sip-font);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 6px 12px;
  transition: all 0.15s ease;
}
.nk-app-root .sip-subscription-toggle--compact {
  padding: 5px 10px;
}
.nk-app-root .sip-subscription-toggle.is-active {
  background: var(--sip-accent-soft);
  border-color: var(--sip-accent);
  color: var(--sip-accent);
}
.nk-app-root .sip-subscription-toggle:hover:not(.is-active) {
  border-color: color-mix(in srgb, var(--sip-accent) 35%, var(--sip-line));
  color: var(--sip-text, #0f172a);
}

.nk-app-root .sip-subscription-flow__toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  justify-content: flex-start;
  margin-bottom: 14px;
}
.nk-app-root .sip-subscription-flow__toolbar--inline {
  flex: 0 1 auto;
  gap: 8px 16px;
  margin-bottom: 0;
  margin-left: auto;
}
@media (max-width: 575px) {
  .nk-app-root .sip-subscription-flow__toolbar--inline {
    margin-left: 0;
    width: 100%;
  }
}
.nk-app-root .sip-subscription-flow__toolbar-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.nk-app-root .sip-subscription-flow__toolbar-label {
  color: var(--sip-muted, #64748b);
  flex: 0 0 auto;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.nk-app-root .sip-subscription-flow__close {
  align-items: center;
  background: var(--sip-bg, #f8fafc);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 8px;
  color: var(--sip-muted, #64748b);
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  transition: all 0.15s ease;
  width: 32px;
}
.nk-app-root .sip-subscription-flow__close:hover {
  border-color: var(--sip-accent);
  color: var(--sip-accent);
}
.nk-app-root .sip-subscription-flow--nested {
  background: var(--sip-bg, #f8fafc);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 12px;
  margin-top: 16px;
  padding: 16px;
}

.nk-app-root .sip-subscription-kpis {
  background: var(--sip-bg, #f8fafc);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .nk-app-root .sip-subscription-kpis {
    grid-template-columns: 1fr;
  }
}

.nk-app-root .sip-subscription-kpi {
  border-right: 1px solid var(--sip-line, #e2e8f0);
  padding: 12px 16px;
}
.nk-app-root .sip-subscription-kpi:last-child {
  border-right: none;
}
@media (max-width: 575px) {
  .nk-app-root .sip-subscription-kpi {
    border-bottom: 1px solid var(--sip-line, #e2e8f0);
    border-right: none;
  }
  .nk-app-root .sip-subscription-kpi:last-child {
    border-bottom: none;
  }
}
.nk-app-root .sip-subscription-kpi__label {
  color: var(--sip-muted, #64748b);
  display: block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.nk-app-root .sip-subscription-kpi__value {
  color: var(--sip-text, #0f172a);
  display: block;
  font-family: var(--sip-heading-font);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.25;
}
.nk-app-root .sip-subscription-kpi--accent .sip-subscription-kpi__value {
  color: var(--sip-accent);
  font-size: 1.0625rem;
  font-weight: 800;
}

.nk-app-root .sip-subscription-summary {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  margin-bottom: 16px;
}
.nk-app-root .sip-subscription-summary__label {
  color: var(--sip-muted, #64748b);
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 4px;
}
.nk-app-root .sip-subscription-summary__value {
  color: var(--sip-text, #0f172a);
  font-size: 0.9375rem;
  font-weight: 700;
}
.nk-app-root .sip-subscription-summary__value--accent {
  color: var(--sip-accent);
  font-size: 1.125rem;
}

.nk-app-root .sip-subscription-method-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nk-app-root .sip-subscription-method {
  align-items: center;
  background: var(--sip-bg, #f8fafc);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 10px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.8125rem;
  font-weight: 600;
  gap: 8px;
  margin: 0;
  padding: 8px 14px;
  transition: all 0.15s ease;
}
.nk-app-root .sip-subscription-method input {
  accent-color: var(--sip-accent);
  margin: 0;
}
.nk-app-root .sip-subscription-method:has(input:checked) {
  background: var(--sip-accent-soft);
  border-color: var(--sip-accent);
  color: var(--sip-accent);
}

.nk-app-root .sip-subscription-payment__methods-label {
  color: var(--sip-muted, #64748b);
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.nk-app-root .sip-subscription-payment__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.nk-app-root .sip-subscription-plans__grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.nk-app-root .sip-subscription-plans__empty {
  border: 1px dashed var(--sip-line, #e2e8f0);
  border-radius: 12px;
  margin-top: 4px;
  padding: 1.5rem 1rem;
}
.nk-app-root .sip-subscription-plans__empty .sip-empty__action {
  display: flex;
  justify-content: center;
  width: 100%;
}
.nk-app-root .sip-subscription-plans__empty .sip-subscription-btn {
  min-height: 44px;
}

.nk-app-root .sip-subscription-plan-card {
  background: var(--sip-bg, #f8fafc);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
  transition: all 0.15s ease;
}
.nk-app-root .sip-subscription-plan-card:hover:not(.is-current) {
  border-color: color-mix(in srgb, var(--sip-accent) 40%, var(--sip-line));
  box-shadow: var(--sip-shadow);
}
.nk-app-root .sip-subscription-plan-card.is-selected {
  border-color: var(--sip-accent);
  box-shadow: 0 0 0 3px var(--sip-accent-soft);
}
.nk-app-root .sip-subscription-plan-card.is-current {
  opacity: 0.85;
}
.nk-app-root .sip-subscription-plan-card__head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}
.nk-app-root .sip-subscription-plan-card__name {
  color: var(--sip-text, #0f172a);
  font-family: var(--sip-heading-font);
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}
.nk-app-root .sip-subscription-plan-card__amount {
  color: var(--sip-accent);
  font-size: 1.125rem;
  font-weight: 800;
}
.nk-app-root .sip-subscription-plan-card__features {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nk-app-root .sip-subscription-plan-card__features li {
  align-items: center;
  color: var(--sip-muted, #64748b);
  display: flex;
  font-size: 0.8125rem;
  gap: 8px;
  margin-bottom: 6px;
}
.nk-app-root .sip-subscription-plan-card__features li .icon {
  color: var(--sip-emerald, #10b981);
  font-size: 0.875rem;
}

.nk-app-root .sip-subscription-history__table {
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 12px;
  margin-bottom: 0;
  overflow: hidden;
}
.nk-app-root .sip-subscription-history__table .table {
  margin-bottom: 0;
}
.nk-app-root .sip-subscription-history__table .table thead th {
  background: var(--sip-bg, #f8fafc) !important;
  border-bottom: 1px solid var(--sip-line, #e2e8f0);
  color: var(--sip-muted, #64748b);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 10px 14px !important;
  text-transform: uppercase;
  white-space: nowrap;
}
.nk-app-root .sip-subscription-history__table .table tbody td {
  border-top: 1px solid var(--sip-line, #e2e8f0);
  color: var(--sip-text, #0f172a);
  font-size: 0.8125rem;
  padding: 10px 14px;
  vertical-align: middle;
}
.nk-app-root .sip-subscription-history__table .table tbody td.table-action {
  padding-bottom: 0.45rem !important;
  padding-top: 0.45rem !important;
}

.nk-app-root .sip-subscription-history__empty {
  background: var(--sip-bg, #f8fafc);
  border: 1px dashed var(--sip-line, #e2e8f0);
  border-radius: 8px;
  color: var(--sip-muted, #64748b);
  font-size: 0.8125rem;
  line-height: 1.4;
  margin: 0;
  padding: 10px 12px;
}

.nk-app-root .sip-subscription-history__no-action {
  color: var(--sip-muted, #64748b);
  font-size: 0.8125rem;
}

.nk-app-root .sip-subscription-history__demo-banner {
  align-items: center;
  background: color-mix(in srgb, var(--sip-warning, #f59e0b) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--sip-warning, #f59e0b) 28%, transparent);
  border-radius: 8px;
  color: var(--sip-muted, #64748b);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  gap: 8px;
  line-height: 1.4;
  margin: 0 0 10px;
  padding: 8px 12px;
}

.nk-app-root .sip-subscription-history__demo-badge {
  font-size: 0.65rem;
  margin-left: 6px;
  vertical-align: middle;
}

.nk-app-root .sip-subscription-history__table .table tbody tr.is-demo-row td:first-child {
  white-space: nowrap;
}

.nk-app-root .sip-subscription-card-element {
  margin: 12px 0;
}
.nk-app-root .sip-subscription-card-element--hidden {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

html.dark-mode .nk-app-root .sip-subscription-current,
html.dark-mode .nk-app-root .sip-subscription-flow,
html.dark-mode .nk-app-root .sip-subscription-plans,
html.dark-mode .nk-app-root .sip-subscription-history {
  background: var(--sip-surface, #1e293b);
  border-color: var(--sip-line, #334155);
}

html.dark-mode .nk-app-root .sip-subscription-current__head {
  border-bottom-color: var(--sip-line, #334155);
}

html.dark-mode .nk-app-root .sip-subscription-current__plan,
html.dark-mode .nk-app-root .sip-subscription-section-head__title,
html.dark-mode .nk-app-root .sip-subscription-details__item dd,
html.dark-mode .nk-app-root .sip-subscription-kpi__value,
html.dark-mode .nk-app-root .sip-subscription-summary__value,
html.dark-mode .nk-app-root .sip-subscription-plan-card__name {
  color: var(--sip-text, #f1f5f9);
}

html.dark-mode .nk-app-root .sip-subscription-metric,
html.dark-mode .nk-app-root .sip-subscription-kpis,
html.dark-mode .nk-app-root .sip-subscription-kpi,
html.dark-mode .nk-app-root .sip-subscription-plan-card,
html.dark-mode .nk-app-root .sip-subscription-flow--nested,
html.dark-mode .nk-app-root .sip-subscription-method,
html.dark-mode .nk-app-root .sip-subscription-toggle,
html.dark-mode .nk-app-root .sip-subscription-history__empty {
  background: #0f172a;
  border-color: var(--sip-line, #334155);
}

html.dark-mode .nk-app-root .sip-subscription-btn--secondary {
  background: #0f172a;
  border-color: var(--sip-line, #334155);
  color: var(--sip-text, #f1f5f9);
}

html.dark-mode .nk-app-root .sip-subscription-history__table .table thead th {
  background: #0f172a !important;
}

/* ==========================================================================
 * MOBILE-NATIVE TRANSFORMATION (SCHOOL ADMIN PANEL)
 * ========================================================================== */
:root {
  --sip-mobile-bottom-nav-h: 60px;
  --sip-mobile-bottom-inset: calc(var(--sip-mobile-bottom-nav-h, 60px) + env(safe-area-inset-bottom, 0px));
}

/* —— Mobile Page Intro & Horizontal Action Toolbar (<768px) —— */
@media (max-width: 767.98px) {
  /* 1050: Filter/Sort/More paint over cards. Sticky header is 1080 so
     session/profile menus paint OVER this intro (title + pills). */
  .nk-app-root .nk-block-head {
    margin-bottom: 0.625rem !important; /* 10px — match desktop intro-to-list gap */
    position: relative !important;
    z-index: 1050 !important;
    overflow: visible !important;
  }
  .nk-app-root .nk-block-between,
  .nk-app-root .nk-block-between-md {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: visible !important;
    position: relative !important;
  }
  .nk-app-root .nk-block-head-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }
  .nk-app-root .nk-block-title.page-title,
  .nk-app-root .page-title,
  .nk-app-root h3.page-title {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
  }
  .nk-app-root .nk-block-des,
  .nk-app-root .page-subtitle,
  .nk-app-root .text-soft {
    font-size: 0.78rem !important;
    margin-top: 2px !important;
  }
  /* Toolbar column must shrink so the chip row scrolls instead of stretching the page. */
  .nk-app-root .nk-block-head-content:last-child {
    flex-shrink: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    position: relative !important;
  }
  /* Edge fades sit on the non-scrolling parent so they stay at the viewport edges. */
  .nk-app-root .nk-block-head-content:last-child:has(.nk-block-tools)::before,
  .nk-app-root .nk-block-head-content:last-child:has(.nk-block-tools)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 22px;
    pointer-events: none;
    z-index: 2;
  }
  .nk-app-root .nk-block-head-content:last-child:has(.nk-block-tools)::before {
    left: 0;
    background: linear-gradient(to right, var(--sip-bg, #F8FAFC) 0%, transparent 100%);
  }
  .nk-app-root .nk-block-head-content:last-child:has(.nk-block-tools)::after {
    right: 0;
    background: linear-gradient(to left, var(--sip-bg, #F8FAFC) 0%, transparent 100%);
  }
  .nk-app-root .toggle-wrap.nk-block-tools-toggle {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    overflow: visible !important;
    z-index: 1050 !important;
  }
  .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand {
    display: none !important;
  }
  .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand-content {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
  .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand-content::-webkit-scrollbar {
    display: none;
    height: 0;
  }
  .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand-content:has(.dropdown.show), .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand-content:has(.btn-group.show), .nk-app-root .toggle-wrap.nk-block-tools-toggle .toggle-expand-content:has([aria-expanded=true]) {
    overflow: visible !important;
    scroll-snap-type: none;
  }
  .nk-app-root .nk-block-tools {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 6px;
    padding-block: 0 2px !important;
    padding-inline: 6px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1050 !important;
    touch-action: pan-x;
    /* Filter/Sort/More as outline chips — Add stays the only solid accent. */
  }
  .nk-app-root .nk-block-tools::-webkit-scrollbar {
    display: none;
    height: 0;
  }
  .nk-app-root .nk-block-tools:has(.dropdown.show), .nk-app-root .nk-block-tools:has(.btn-group.show), .nk-app-root .nk-block-tools:has([aria-expanded=true]) {
    overflow: visible !important;
    scroll-snap-type: none;
  }
  .nk-app-root .nk-block-tools > li,
  .nk-app-root .nk-block-tools .nk-block-tools-opt,
  .nk-app-root .nk-block-tools .opt-menu-md {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    overflow: visible !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    order: 0 !important;
    margin-left: 0 !important;
    margin-inline: 0 !important;
  }
  .nk-app-root .nk-block-tools .btn {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .nk-app-root .nk-block-tools .btn .icon,
  .nk-app-root .nk-block-tools .btn .ico,
  .nk-app-root .nk-block-tools .btn svg {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }
  .nk-app-root .nk-block-tools .btn .d-none.d-sm-inline,
  .nk-app-root .nk-block-tools .btn .d-none {
    display: inline !important;
  }
  .nk-app-root .nk-block-tools .btn-primary,
  .nk-app-root .nk-block-tools .btn-add {
    background: var(--sip-accent) !important;
    border-color: var(--sip-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--sip-accent) 25%, transparent) !important;
    font-weight: 700 !important;
    padding: 0 14px !important;
  }
  .nk-app-root .nk-block-tools .btn-outline-primary,
  .nk-app-root .nk-block-tools .btn-outline-light,
  .nk-app-root .nk-block-tools .btn-white,
  .nk-app-root .nk-block-tools .btn-info,
  .nk-app-root .nk-block-tools .btn-sort,
  .nk-app-root .nk-block-tools .btn-filter,
  .nk-app-root .nk-block-tools .btn-more,
  .nk-app-root .nk-block-tools .btn-secondary,
  .nk-app-root .nk-block-tools .btn-primary:has(.ni-filter-fill),
  .nk-app-root .nk-block-tools .btn-primary:has(.ni-filter) {
    background: var(--sip-surface, #ffffff) !important;
    border: 1px solid var(--sip-line, #E2E8F0) !important;
    color: var(--sip-text, #0F172A) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    font-weight: 600 !important;
    padding: 0 12px !important;
  }
  .nk-app-root .nk-block-tools .btn-group,
  .nk-app-root .nk-block-tools .dropdown {
    float: none !important;
    position: relative !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
  }
  .nk-app-root .nk-block-head .dropdown-menu,
  .nk-app-root .nk-block-tools .dropdown-menu {
    z-index: 2500 !important;
    max-width: calc(100vw - 24px) !important;
  }
}
/* —— Mobile Table to Card Conversion (<768px) —— */
@media (max-width: 767.98px) {
  /* Hide desktop table header row */
  .nk-app-root .table-responsive > table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead,
  .nk-app-root .card > .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead,
  .nk-app-root .card-inner > .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead,
  .nk-app-root .card-body > .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead,
  .nk-app-root .datatable-wrap > table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead {
    display: none !important;
  }
  /* Reset outer card/table containers on mobile — remove outer card box so only individual card rows are elevated */
  .nk-app-root .table-responsive:not(.table-responsive-desktop-only):not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table)),
  .nk-app-root .datatable-wrap:not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table)),
  .nk-app-root .nk-tb-list:not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table)),
  .nk-app-root .card:has(> table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table)),
  .nk-app-root .card:has(.table-responsive:not(.table-responsive-desktop-only):not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table))),
  .nk-app-root .card-inner:has(> table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table)),
  .nk-app-root .card-inner:has(.table-responsive:not(.table-responsive-desktop-only):not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table))),
  .nk-app-root .card-body:has(> table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table)),
  .nk-app-root .card-body:has(.table-responsive:not(.table-responsive-desktop-only):not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table))),
  .nk-app-root .card-bordered:has(table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table)),
  .nk-app-root .card-bordered:has(.table-responsive:not(.table-responsive-desktop-only):not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table))),
  .nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager),
  .nk-app-root .nk-content-body .table-responsive:has(+ div > .sip-pager),
  .nk-app-root .nk-content-body .nk-tb-list:has(+ .sip-pager),
  .nk-app-root .nk-content-body .card:has(+ .sip-pager),
  .nk-app-root .nk-content-body .card:has(table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table)),
  .nk-app-root .nk-content-body .card:has(.table-responsive:not(.table-responsive-desktop-only):not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table))),
  .nk-app-root .card > .table-responsive,
  .nk-app-root .card > .card-inner > .table-responsive,
  .nk-app-root .card > .card-body > .table-responsive,
  .nk-app-root .table-responsive {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Transform table into card feed */
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border: none !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    -moz-column-gap: 10px !important;
         column-gap: 10px !important;
    row-gap: 2px !important;
    background: var(--sip-surface, #ffffff) !important;
    border: 1px solid var(--sip-line, #E2E8F0) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    padding: 10px 12px 8px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr:hover {
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 calc(50% - 5px) !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 1px 0 !important;
    border: none !important;
    border-bottom: none !important;
    min-height: 0 !important;
    font-size: 0.8125rem !important;
    color: var(--sip-text, #0F172A) !important;
    font-weight: 500 !important;
    background: transparent !important;
    text-align: left !important;
    box-sizing: border-box !important;
    position: relative !important;
    white-space: normal !important;
    gap: 4px !important;
    line-height: 1.35 !important;
    /* Checkbox row */
    /* Action footer */
    /* Badges and status pills inside cards */
    /* Text clips inside card fields */
    /* Empty colspan state */
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td::before, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[data-label]::before,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td::before,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[data-label]::before {
    display: none !important;
    content: none !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-serial, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-empty, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-card-hide,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-serial,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-empty,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-card-hide {
    display: none !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-primary, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-primary,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title {
    flex: 1 1 100% !important;
    order: 1;
    padding-top: 0 !important;
    padding-bottom: 2px !important;
    padding-right: 76px !important;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    color: var(--sip-text, #0F172A) !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    line-height: 1.3 !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title-suffix,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title-suffix {
    flex: 1 1 auto !important;
    order: 1;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    padding-right: 76px !important;
    color: var(--sip-text, #0F172A) !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-status,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-status {
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
    flex: none !important;
    width: auto !important;
    max-width: 48% !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    order: 0;
    z-index: 1;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-inline {
    flex: 0 1 auto !important;
    width: auto !important;
    order: 2;
    color: var(--sip-muted, #64748B) !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-compact:not(.sip-cell-primary), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-meta:not(.sip-cell-primary):not(.sip-cell-inline), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-compact:not(.sip-cell-primary):not(.sip-cell-status):not(.sip-cell-inline),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-compact:not(.sip-cell-primary),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-meta:not(.sip-cell-primary):not(.sip-cell-inline),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-compact:not(.sip-cell-primary):not(.sip-cell-status):not(.sip-cell-inline) {
    order: 3;
    color: var(--sip-text, #334155) !important;
    font-size: 0.8rem !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text {
    flex: 1 1 100% !important;
    order: 8;
    padding-top: 2px !important;
    color: var(--sip-muted, #64748B) !important;
    font-size: 0.78rem !important;
    font-weight: 450 !important;
    align-items: flex-start !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks .sip-td-wrap,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks .sip-td-clip, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text .sip-td-wrap,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text .sip-td-clip,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks .sip-td-wrap,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks .sip-td-clip,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text .sip-td-wrap,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text .sip-td-clip {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left !important;
    max-width: 100% !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.select-all, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-checkbox,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.select-all,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-checkbox {
    flex: 1 1 100% !important;
    order: 0;
    padding: 0 0 2px 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.select-all .custom-control, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-checkbox .custom-control,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.select-all .custom-control,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-checkbox .custom-control {
    min-height: 20px !important;
    padding-left: 1.5rem !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) {
    flex: 1 1 100% !important;
    order: 99;
    border-bottom: none !important;
    border-top: 1px solid var(--sip-line, #E2E8F0) !important;
    margin-top: 6px !important;
    padding: 8px 0 0 0 !important;
    justify-content: flex-end !important;
    width: 100% !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn-group,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .dropdown,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn-group,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .dropdown,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn-group,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .dropdown,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn-group,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .dropdown,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn-group,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .dropdown,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn-group,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .dropdown,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn-group,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .dropdown,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn-group,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .dropdown,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn-group,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .dropdown,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn-group,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .dropdown,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn-group,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .dropdown,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn-group,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .dropdown,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn-group,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .dropdown,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn-group,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .dropdown,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn-group,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .dropdown,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn-group,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .dropdown,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn {
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    width: auto !important;
    min-width: unset !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    gap: 5px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    background: var(--sip-surface, #ffffff) !important;
    border: 1px solid var(--sip-line, #E2E8F0) !important;
    color: var(--sip-text, #334155) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.15s ease !important;
    touch-action: manipulation !important;
    cursor: pointer;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .sip-row-actions__btn-label, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .sip-row-actions__btn-label, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .sip-row-actions__btn-label, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .sip-row-actions__btn-label, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .sip-row-actions__btn-label, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .sip-row-actions__btn-label, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .sip-row-actions__btn-label, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .sip-row-actions__btn-label,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .sip-row-actions__btn-label {
    display: inline !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .d-none, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .d-none, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .d-none, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .d-none, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .d-none, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .d-none, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .d-none, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .d-none,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .d-none,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .d-none.d-sm-inline,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .d-none {
    display: inline !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn svg, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn svg, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn svg, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn svg, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn svg, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn svg, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn svg, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn svg,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .ico,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .icon,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn svg {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:focus {
    background: color-mix(in srgb, var(--sip-accent) 8%, var(--sip-surface, #ffffff)) !important;
    border-color: var(--sip-accent-on, var(--sip-accent)) !important;
    color: var(--sip-accent) !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash), .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash) {
    background: color-mix(in srgb, #EF4444 8%, var(--sip-surface, #ffffff)) !important;
    border-color: rgba(239, 68, 68, 0.35) !important;
    color: #DC2626 !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):focus, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):hover, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):focus {
    background: color-mix(in srgb, #EF4444 14%, var(--sip-surface, #ffffff)) !important;
    border-color: #EF4444 !important;
    color: #B91C1C !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .badge,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .doc-tag-chip,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .doc-filter-chip,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .badge,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .doc-tag-chip,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .doc-filter-chip {
    font-size: 0.72rem !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 1px 2px !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .sip-td-expiry,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .sip-td-expiry {
    flex-wrap: wrap;
    justify-content: flex-start;
    white-space: normal;
    gap: 6px;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .sip-td-clip,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .sip-td-wrap,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .sip-td-compact,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .sip-td-clip,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .sip-td-wrap,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td .sip-td-compact {
    max-width: 100% !important;
    text-align: left !important;
    display: inline-block !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-colspan, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[colspan],
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-colspan,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[colspan] {
    display: block !important;
    text-align: center !important;
    border: none !important;
    padding: 24px 16px !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-colspan::before, .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[colspan]::before,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-colspan::before,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[colspan]::before {
    display: none !important;
  }
  /* Specific mobile override for action button sizes */
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions .sip-row-actions__icon-btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child .sip-row-actions__icon-btn,
  .nk-app-root .table-responsive .sip-row-actions__icon-btn,
  .nk-app-root table.table td.table-action .btn:not(.dropdown-toggle),
  .nk-app-root table.table td.table-action .btn-group > .btn {
    width: auto !important;
    min-width: unset !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 10px !important;
    gap: 5px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root .table-responsive .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  .nk-app-root table.table td.table-action .btn:not(.dropdown-toggle) .sip-row-actions__btn-label,
  .nk-app-root table.table td.table-action .btn-group > .btn .sip-row-actions__btn-label {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions .sip-row-actions__icon-btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn svg,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child .sip-row-actions__icon-btn .ico,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child .sip-row-actions__icon-btn .icon,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child .sip-row-actions__icon-btn svg,
  .nk-app-root .table-responsive .sip-row-actions__icon-btn .ico,
  .nk-app-root .table-responsive .sip-row-actions__icon-btn .icon,
  .nk-app-root .table-responsive .sip-row-actions__icon-btn svg,
  .nk-app-root table.table td.table-action .btn:not(.dropdown-toggle) .ico,
  .nk-app-root table.table td.table-action .btn:not(.dropdown-toggle) .icon,
  .nk-app-root table.table td.table-action .btn:not(.dropdown-toggle) svg,
  .nk-app-root table.table td.table-action .btn-group > .btn .ico,
  .nk-app-root table.table td.table-action .btn-group > .btn .icon,
  .nk-app-root table.table td.table-action .btn-group > .btn svg {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
  }
  /* Pagination card on mobile: sit above the wrap's reserved bottom-nav inset */
  .nk-app-root .sip-pager {
    border-radius: 12px !important;
    margin-top: 10px !important;
    border: 1px solid var(--sip-line, #E2E8F0) !important;
    padding: 12px 16px 12px 14px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }
  .nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager) + .sip-pager,
  .nk-app-root .nk-content-body .nk-tb-list:has(+ .sip-pager) + .sip-pager,
  .nk-app-root .nk-content-body .card:has(+ .sip-pager) + .sip-pager,
  .nk-app-root .nk-content-body .table-responsive + div:has(> .sip-pager) {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }
  .nk-app-root .sip-card-hide {
    display: none !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr:has(> td.sip-cell-title-suffix:not(.sip-cell-empty)) > td.sip-cell-primary {
    flex: 0 1 auto !important;
    padding-right: 6px !important;
  }
  /* Admission Enquiry: title, inline meta, 2-col contact, clamped remarks */
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(1),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(1) {
    display: none !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(2),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(2) {
    flex: 1 1 100% !important;
    order: 1;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(3), .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(4), .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(5), .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(6),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(3),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(4),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(5),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(6) {
    flex: 0 1 auto !important;
    order: 2;
    color: var(--sip-muted, #64748B) !important;
    font-size: 0.78rem !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(3):not(.sip-cell-empty)::after, .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(4):not(.sip-cell-empty)::after, .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(5):not(.sip-cell-empty)::after,
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(3):not(.sip-cell-empty)::after,
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(4):not(.sip-cell-empty)::after,
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(5):not(.sip-cell-empty)::after {
    content: "·";
    margin-left: 8px;
    color: var(--sip-muted, #64748B);
    font-weight: 600;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(6)::after,
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(6)::after {
    content: none !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(7),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(7) {
    order: 3;
    flex: 1 1 calc(50% - 5px) !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(8),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(8) {
    order: 4;
    flex: 1 1 calc(50% - 5px) !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(10),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(10) {
    order: 5;
    flex: 1 1 calc(50% - 5px) !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(9),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(9) {
    order: 6;
    flex: 1 1 calc(50% - 5px) !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(11),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(11) {
    display: none !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(12),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(12) {
    order: 0;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(13),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(13) {
    order: 8;
    flex: 1 1 100% !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr > td:nth-child(14),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr > td:nth-child(14) {
    order: 9;
    flex: 1 1 100% !important;
  }
  .nk-app-root table.sip-enquiry-list > tbody > tr:has(> td:nth-child(9).sip-cell-empty) > td:nth-child(10),
  .nk-app-root table.sip-list-reception-enquiry > tbody > tr:has(> td:nth-child(9).sip-cell-empty) > td:nth-child(10) {
    flex-basis: 100% !important;
  }
  /* Institute Document: title, expiry+badge, tags */
  .nk-app-root table.sip-document-list > tbody > tr > td:nth-child(1),
  .nk-app-root table.sip-list-institute-document > tbody > tr > td:nth-child(1) {
    flex: 1 1 100% !important;
    order: 1;
  }
  .nk-app-root table.sip-document-list > tbody > tr > td:nth-child(2), .nk-app-root table.sip-document-list > tbody > tr > td:nth-child(3),
  .nk-app-root table.sip-list-institute-document > tbody > tr > td:nth-child(2),
  .nk-app-root table.sip-list-institute-document > tbody > tr > td:nth-child(3) {
    flex: 1 1 100% !important;
    order: 3;
  }
  .nk-app-root table.sip-document-list > tbody > tr > td:nth-child(4),
  .nk-app-root table.sip-list-institute-document > tbody > tr > td:nth-child(4) {
    order: 9;
    flex: 1 1 100% !important;
  }
  /* Student list: name + last, then adm no | class + contact */
  .nk-app-root table.sip-student-list > tbody > tr > td.sip-cell-compact,
  .nk-app-root table.sip-list-student-list > tbody > tr > td.sip-cell-compact {
    order: 3;
    flex: 1 1 calc(50% - 5px) !important;
  }
  /* Employee list: name, code | dept + contact, status badge */
  .nk-app-root table.sip-employee-list > tbody > tr > td.sip-cell-compact,
  .nk-app-root table.sip-list-employee-list > tbody > tr > td.sip-cell-compact {
    order: 3;
    flex: 1 1 calc(50% - 5px) !important;
  }
}
/* Mobile list cards: no outer white/gray slab behind stacked row-cards.
 * Desktop "fill leftover viewport" rules paint .table-responsive / .card white and
 * flex-grow them; that must not apply under 768px. */
@media (max-width: 767.98px) {
  .nk-app-root .nk-content-body,
  .nk-app-root .nk-content-body.sip-content-outlet,
  .nk-app-root .nk-content-body.sip-content-outlet > div:not(.sip-content-veil),
  .nk-app-root .nk-content-body .mt-3,
  .nk-app-root .nk-content-body :has(> .table-responsive),
  .nk-app-root .nk-content-body :has(> .table-responsive + .sip-pager),
  .nk-app-root .nk-content-body :has(> .table-responsive + div > .sip-pager),
  .nk-app-root .nk-content-body > div:has(.table-responsive + .sip-pager),
  .nk-app-root .nk-content-body > div:has(.table-responsive + div > .sip-pager),
  .nk-app-root .card:has(table),
  .nk-app-root .card:has(.table-responsive),
  .nk-app-root .table-responsive,
  .nk-app-root .datatable-wrap,
  .nk-app-root .nk-tb-list,
  .nk-app-root .card-inner:has(table),
  .nk-app-root .card-inner:has(.table-responsive),
  .nk-app-root .card-body:has(table),
  .nk-app-root .card-body:has(.table-responsive),
  .nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager),
  .nk-app-root .nk-content-body .table-responsive:has(+ div > .sip-pager),
  .nk-app-root .nk-content-body .nk-tb-list:has(+ .sip-pager),
  .nk-app-root .nk-content-body .card:has(+ .sip-pager),
  .nk-app-root .nk-content-body .card:has(table),
  .nk-app-root .nk-content-body .card:has(.table-responsive),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody,
  .nk-app-root table.table.table-striped > tbody {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-bg: transparent;
    --bs-table-bg-type: transparent;
  }
  .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(odd) > *,
  .nk-app-root table.table.table-striped > tbody > tr:nth-of-type(even) > * {
    background: transparent !important;
    background-color: transparent !important;
    --bs-table-accent-bg: transparent;
    --bs-table-bg-type: transparent;
    --bs-table-striped-bg: transparent;
  }
  .nk-app-root .card:has(table),
  .nk-app-root .card:has(.table-responsive),
  .nk-app-root .table-responsive,
  .nk-app-root .card-inner:has(table),
  .nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager),
  .nk-app-root .nk-content-body .table-responsive:has(+ div > .sip-pager),
  .nk-app-root .nk-content-body .card:has(+ .sip-pager),
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) {
    border: none !important;
    box-shadow: none !important;
  }
  .nk-app-root .nk-content-body .table-responsive:has(+ .sip-pager),
  .nk-app-root .nk-content-body .table-responsive:has(+ div > .sip-pager),
  .nk-app-root .nk-content-body .nk-tb-list:has(+ .sip-pager),
  .nk-app-root .nk-content-body .card:has(+ .sip-pager),
  .nk-app-root .nk-content-body :has(> .table-responsive + .sip-pager),
  .nk-app-root .nk-content-body :has(> .table-responsive + div > .sip-pager),
  .nk-app-root .nk-content-body > div:has(.table-responsive + .sip-pager),
  .nk-app-root .nk-content-body > div:has(.table-responsive + div > .sip-pager),
  .nk-app-root .nk-content-body .mt-3:has(.table-responsive) {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr {
    background: var(--sip-surface, #ffffff) !important;
    border: 1px solid var(--sip-line, #E2E8F0) !important;
  }
}
/* —— Dark Mode for Mobile Cards & Toolbar —— */
@media (max-width: 767.98px) {
  html.dark-mode .nk-app-root .table-responsive,
  html.dark-mode .nk-app-root .datatable-wrap,
  html.dark-mode .nk-app-root .nk-tb-list,
  html.dark-mode .nk-app-root .card:has(table),
  html.dark-mode .nk-app-root .card:has(.table-responsive),
  html.dark-mode .nk-app-root .card-inner:has(table),
  html.dark-mode .nk-app-root .card-inner:has(.table-responsive),
  html.dark-mode .nk-app-root .card-body:has(table),
  html.dark-mode .nk-app-root .card-body:has(.table-responsive),
  html.dark-mode .nk-app-root .card:has(+ .sip-pager),
  html.dark-mode .nk-app-root .table-responsive:has(+ .sip-pager),
  html.dark-mode .nk-app-root .table-responsive:has(+ div > .sip-pager),
  body.dark-mode .nk-app-root .table-responsive,
  body.dark-mode .nk-app-root .datatable-wrap,
  body.dark-mode .nk-app-root .nk-tb-list,
  body.dark-mode .nk-app-root .card:has(table),
  body.dark-mode .nk-app-root .card:has(.table-responsive),
  body.dark-mode .nk-app-root .card-inner:has(table),
  body.dark-mode .nk-app-root .card-inner:has(.table-responsive),
  body.dark-mode .nk-app-root .card-body:has(table),
  body.dark-mode .nk-app-root .card-body:has(.table-responsive),
  body.dark-mode .nk-app-root .card:has(+ .sip-pager),
  body.dark-mode .nk-app-root .table-responsive:has(+ .sip-pager),
  body.dark-mode .nk-app-root .table-responsive:has(+ div > .sip-pager) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
  }
  html.dark-mode .nk-app-root .nk-block-tools .btn-outline-primary,
  html.dark-mode .nk-app-root .nk-block-tools .btn-outline-light,
  html.dark-mode .nk-app-root .nk-block-tools .btn-white,
  html.dark-mode .nk-app-root .nk-block-tools .btn-info,
  html.dark-mode .nk-app-root .nk-block-tools .btn-sort,
  html.dark-mode .nk-app-root .nk-block-tools .btn-filter,
  html.dark-mode .nk-app-root .nk-block-tools .btn-more,
  html.dark-mode .nk-app-root .nk-block-tools .btn-secondary,
  html.dark-mode .nk-app-root .nk-block-tools .btn-primary:has(.ni-filter-fill),
  html.dark-mode .nk-app-root .nk-block-tools .btn-primary:has(.ni-filter),
  body.dark-mode .nk-app-root .nk-block-tools .btn-outline-primary,
  body.dark-mode .nk-app-root .nk-block-tools .btn-outline-light,
  body.dark-mode .nk-app-root .nk-block-tools .btn-white,
  body.dark-mode .nk-app-root .nk-block-tools .btn-info,
  body.dark-mode .nk-app-root .nk-block-tools .btn-sort,
  body.dark-mode .nk-app-root .nk-block-tools .btn-filter,
  body.dark-mode .nk-app-root .nk-block-tools .btn-more,
  body.dark-mode .nk-app-root .nk-block-tools .btn-secondary,
  body.dark-mode .nk-app-root .nk-block-tools .btn-primary:has(.ni-filter-fill),
  body.dark-mode .nk-app-root .nk-block-tools .btn-primary:has(.ni-filter) {
    background: #1E293B !important;
    border-color: #334155 !important;
    color: #F8FAFC !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr {
    background: #1E293B !important;
    border-color: #334155 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td {
    color: #F8FAFC !important;
    border-bottom-color: transparent !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[data-label]::before,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[data-label]::before,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[data-label]::before,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[data-label]::before {
    color: #94A3B8 !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-primary, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title-suffix,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-primary,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title-suffix,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-primary,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title-suffix,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-primary,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-title-suffix {
    color: #FFFFFF !important;
    border-bottom-color: transparent !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-inline, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-inline,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-inline,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-inline,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-remarks,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-col-text {
    color: #94A3B8 !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.select-all, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-checkbox,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.select-all,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-checkbox,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.select-all,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-checkbox,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.select-all,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-checkbox {
    border-bottom-color: #334155 !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) {
    border-top-color: #334155 !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn {
    background: #1E293B !important;
    border-color: #334155 !important;
    color: #F8FAFC !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 10px !important;
    gap: 5px !important;
    font-size: 0.75rem !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .sip-row-actions__btn-label, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .sip-row-actions__btn-label, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .sip-row-actions__btn-label, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .sip-row-actions__btn-label, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .sip-row-actions__btn-label, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .sip-row-actions__btn-label, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .sip-row-actions__btn-label, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .sip-row-actions__btn-label,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .sip-row-actions__btn-label,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .sip-row-actions__btn-label {
    font-size: 0.75rem !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn svg, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn svg, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn svg, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn svg, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn svg, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn svg, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn svg, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn svg,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .ico,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .icon,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn svg,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .ico,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn .icon,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn svg {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:focus {
    background: #334155 !important;
    color: var(--sip-accent) !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash), html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash),
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash) {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
    color: #FCA5A5 !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):focus, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):hover, html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.table-option .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.nk-tb-col-tools .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-th-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td.sip-cell-action .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .sip-row-actions) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .btn-group) .sip-row-actions__icon-btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__btn:has(.fa-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.is-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn.btn-danger:focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.ni-trash):focus,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):hover,
  body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:last-child:has(> .dropdown) .sip-row-actions__icon-btn:has(.fa-trash):focus {
    background: rgba(239, 68, 68, 0.25) !important;
    border-color: #EF4444 !important;
    color: #FFFFFF !important;
  }
  html.dark-mode .nk-app-root .sip-pager,
  body.dark-mode .nk-app-root .sip-pager {
    background: #1E293B !important;
    border-color: #334155 !important;
  }
}
/* Desktop list tables: force native table layout. Card conversion must never leak ≥768px. */
@media (min-width: 768px) {
  .nk-app-root .table-responsive:not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table)),
  .nk-app-root .datatable-wrap:not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table)),
  .nk-app-root .nk-tb-list:not(:has(.attendance-table)):not(:has(.custom-show-table)):not(:has(.table-grid)):not(:has(.mk-table)) {
    overflow-x: auto !important;
    overflow-y: hidden;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) {
    display: table !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    table-layout: auto !important;
    background: #ffffff !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead {
    display: table-header-group !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody {
    display: table-row-group !important;
    gap: 0 !important;
    width: auto !important;
    flex-direction: unset !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead > tr,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead > tr,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr {
    display: table-row !important;
    flex-direction: unset !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead > tr > th,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > thead > tr > th,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td {
    display: table-cell !important;
    float: none !important;
    flex: none !important;
    align-items: unset !important;
    justify-content: unset !important;
    gap: unset !important;
    max-width: none;
    min-height: 0 !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:not(.table-action):not(.sip-cell-action):not(.nk-tb-col-tools):not(.table-option),
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td:not(.table-action):not(.sip-cell-action):not(.nk-tb-col-tools):not(.table-option) {
    text-align: left !important;
  }
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td::before,
  .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[data-label]::before,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td::before,
  .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) > tbody > tr > td[data-label]::before {
    content: none !important;
    display: none !important;
  }
  .nk-app-root table.table tbody td.table-action,
  .nk-app-root table.table tbody td.sip-cell-action,
  .nk-app-root table.table tbody td.nk-tb-col-tools,
  .nk-app-root table.table tbody td:last-child:has(> .sip-row-actions) {
    width: 1% !important;
    min-width: 9rem !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  .nk-app-root table.table td.sip-col-compact,
  .nk-app-root table.table th.sip-col-compact {
    width: 1%;
    min-width: auto;
    white-space: nowrap !important;
    overflow: visible;
  }
  .nk-app-root .sip-td-expiry {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    white-space: nowrap;
  }
  .nk-app-root .sip-row-actions,
  .nk-app-root .sip-row-actions--icons {
    flex-wrap: nowrap;
    max-width: none;
  }
  .nk-app-root .sip-row-actions__btn-label,
  .nk-app-root .sip-row-actions .sip-row-actions__btn-label,
  .nk-app-root .sip-row-actions--icons .sip-row-actions__btn-label,
  .nk-app-root table.table .sip-row-actions__btn-label {
    display: none !important;
  }
  .nk-app-root .sip-row-actions__icon-btn,
  .nk-app-root table.table td.table-action .sip-row-actions__icon-btn {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    flex: 0 0 32px !important;
  }
  html.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table),
  html body.dark-mode .nk-app-root table.table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table),
  html.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table),
  html body.dark-mode .nk-app-root .table:not(.attendance-table):not(.custom-show-table):not(.table-grid):not(.mk-table) {
    background: #1E293B !important;
  }
  html.dark-mode .nk-app-root .sip-row-actions__icon-btn,
  html body.dark-mode .nk-app-root .sip-row-actions__icon-btn,
  html.dark-mode .nk-app-root table.table td.table-action .sip-row-actions__icon-btn,
  html body.dark-mode .nk-app-root table.table td.table-action .sip-row-actions__icon-btn {
    background: #0F172A !important;
    border-color: #334155 !important;
    color: #94A3B8 !important;
  }
}
/* —— Mobile App Shell Bottom Navigation & Viewport Spacing —— */
.sip-mobile-bottom-nav,
.sip-bottom-nav {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  z-index: 1040 !important;
  background: var(--sip-header-bg, #ffffff) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-top: 1px solid var(--sip-line, #E2E8F0);
  box-shadow: 0 -2px 12px rgba(15, 23, 42, 0.08);
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  height: var(--sip-mobile-bottom-inset) !important;
  min-height: var(--sip-mobile-bottom-inset) !important;
  box-sizing: border-box;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  transform: none !important;
  overflow: visible !important;
}
.sip-mobile-bottom-nav::after,
.sip-bottom-nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 80px;
  background: inherit;
  pointer-events: none;
}
.sip-mobile-bottom-nav__inner,
.sip-bottom-nav__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: var(--sip-mobile-bottom-nav-h, 60px);
  max-width: 600px;
  margin: 0 auto !important;
  padding: 0 6px !important;
  box-sizing: border-box;
}

.sip-mobile-nav-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 4px 2px;
  text-decoration: none !important;
  color: var(--sip-muted, #64748B) !important;
  transition: all 0.15s cubic-bezier(0.2, 0, 0, 1);
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.sip-mobile-nav-item__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 26px;
  border-radius: 12px;
  margin-bottom: 2px;
  transition: all 0.2s ease;
}
.sip-mobile-nav-item__icon-wrap .ico, .sip-mobile-nav-item__icon-wrap .icon {
  font-size: 1.15rem;
  transition: transform 0.2s ease;
}
.sip-mobile-nav-item__label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  transition: color 0.15s ease;
  white-space: nowrap;
}
.sip-mobile-nav-item:hover, .sip-mobile-nav-item:focus {
  color: var(--sip-text, #0F172A) !important;
}
.sip-mobile-nav-item.is-active, .sip-mobile-nav-item.router-link-active {
  color: var(--sip-accent) !important;
}
.sip-mobile-nav-item.is-active .sip-mobile-nav-item__icon-wrap, .sip-mobile-nav-item.router-link-active .sip-mobile-nav-item__icon-wrap {
  background: color-mix(in srgb, var(--sip-accent) 12%, transparent);
  color: var(--sip-accent);
}
.sip-mobile-nav-item.is-active .sip-mobile-nav-item__icon-wrap .ico, .sip-mobile-nav-item.is-active .sip-mobile-nav-item__icon-wrap .icon, .sip-mobile-nav-item.router-link-active .sip-mobile-nav-item__icon-wrap .ico, .sip-mobile-nav-item.router-link-active .sip-mobile-nav-item__icon-wrap .icon {
  transform: scale(1.08);
}
.sip-mobile-nav-item.is-active .sip-mobile-nav-item__label, .sip-mobile-nav-item.router-link-active .sip-mobile-nav-item__label {
  font-weight: 700;
  color: var(--sip-accent);
}
.sip-mobile-nav-item:active {
  transform: scale(0.94);
}

/* Mobile Sidebar Backdrop Overlay — body-level frosted scrim
 * Stack (max-width 991.98px, sidebar open):
 *   10110 sidebar
 *   10100 overlay (above header 1080, bottom nav 1040, chat FAB 10060)
 * Closed / desktop: overlay display none; desktop rail stays 1030
 */
.nk-sidebar-overlay,
.nk-sidebar-overlay.sip-sidebar-scrim {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  z-index: 10100 !important;
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(8px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.1) !important;
  pointer-events: auto !important;
  cursor: pointer;
  visibility: hidden;
}

@keyframes sipOverlayFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 991.98px) {
  html body.nav-shown .nk-sidebar-overlay,
  html body.sip-mobile-sidebar-open .nk-sidebar-overlay,
  html body .nk-sidebar-overlay.is-visible,
  html body .nk-sidebar-overlay.sip-sidebar-scrim.is-visible {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    animation: sipOverlayFadeIn 0.25s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
  /* Keep chrome under the blur while the drawer is open */
  html body.nav-shown .sip-mobile-bottom-nav,
  html body.nav-shown .sip-bottom-nav,
  html body.sip-mobile-sidebar-open .sip-mobile-bottom-nav,
  html body.nav-shown .sipinor-ai-widget,
  html body.sip-mobile-sidebar-open .sipinor-ai-widget,
  html body.nav-shown .sip-pwa-install,
  html body.sip-mobile-sidebar-open .sip-pwa-install,
  html body.nav-shown .nk-header.sip-admin-header,
  html body.sip-mobile-sidebar-open .nk-header.sip-admin-header {
    z-index: 10090 !important;
  }
}
.sip-overlay-enter-active,
.sip-overlay-leave-active {
  transition: opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.sip-overlay-enter-from,
.sip-overlay-leave-to {
  opacity: 0 !important;
}

/* Dark mode for Mobile Bottom Nav & Overlay */
html.dark-mode .nk-sidebar-overlay,
body.dark-mode .nk-sidebar-overlay {
  background: rgba(2, 6, 23, 0.65) !important;
  backdrop-filter: blur(10px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2) !important;
}
html.dark-mode .sip-mobile-bottom-nav,
html.dark-mode .sip-bottom-nav,
body.dark-mode .sip-mobile-bottom-nav,
body.dark-mode .sip-bottom-nav {
  background: var(--sip-header-bg, #0F172A) !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 -2px 14px rgba(0, 0, 0, 0.35);
}
html.dark-mode .sip-mobile-nav-item,
body.dark-mode .sip-mobile-nav-item {
  color: #94A3B8 !important;
}
html.dark-mode .sip-mobile-nav-item:hover, html.dark-mode .sip-mobile-nav-item:focus,
body.dark-mode .sip-mobile-nav-item:hover,
body.dark-mode .sip-mobile-nav-item:focus {
  color: #F8FAFC !important;
}
html.dark-mode .sip-mobile-nav-item.is-active, html.dark-mode .sip-mobile-nav-item.router-link-active,
body.dark-mode .sip-mobile-nav-item.is-active,
body.dark-mode .sip-mobile-nav-item.router-link-active {
  color: var(--sip-accent) !important;
}
html.dark-mode .sip-mobile-nav-item.is-active .sip-mobile-nav-item__icon-wrap, html.dark-mode .sip-mobile-nav-item.router-link-active .sip-mobile-nav-item__icon-wrap,
body.dark-mode .sip-mobile-nav-item.is-active .sip-mobile-nav-item__icon-wrap,
body.dark-mode .sip-mobile-nav-item.router-link-active .sip-mobile-nav-item__icon-wrap {
  background: color-mix(in srgb, var(--sip-accent) 22%, transparent);
  color: var(--sip-accent);
}
html.dark-mode .sip-mobile-nav-item.is-active .sip-mobile-nav-item__label, html.dark-mode .sip-mobile-nav-item.router-link-active .sip-mobile-nav-item__label,
body.dark-mode .sip-mobile-nav-item.is-active .sip-mobile-nav-item__label,
body.dark-mode .sip-mobile-nav-item.router-link-active .sip-mobile-nav-item__label {
  color: var(--sip-accent);
}

@media (min-width: 992px) {
  .nk-sidebar-overlay,
  html body .nk-sidebar-overlay,
  html body.nav-shown .nk-sidebar-overlay,
  html body .nk-sidebar-overlay.is-visible {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* AI Assistant & App Spacing on Mobile */
@media (max-width: 767.98px) {
  html, body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .nk-app-root,
  .nk-main {
    margin-bottom: 0 !important;
  }
  html body.fix-sidebar .nk-app-root .nk-wrap,
  html body.fix-sidebar .nk-app-root .nk-wrap:not(.nk-wrap-nosidebar),
  html body.fix-sidebar .nk-wrap,
  html body.fix-sidebar .nk-wrap:not(.nk-wrap-nosidebar),
  html body.fix-sidebar .nk-sidebar + .nk-wrap,
  html body .nk-app-root .nk-wrap,
  html body .nk-sidebar + .nk-wrap {
    margin-bottom: 0 !important;
    padding-bottom: var(--sip-mobile-bottom-inset) !important;
  }
  .nk-app-root .nk-content,
  .nk-app-root .nk-content-fluid,
  html body .nk-app-root .nk-content,
  html body .nk-app-root .nk-content-fluid {
    padding-bottom: var(--sip-mobile-bottom-inset) !important;
    scroll-padding-bottom: var(--sip-mobile-bottom-inset) !important;
  }
  .nk-app-root .nk-footer {
    display: none !important;
  }
  .sipinor-ai-widget {
    bottom: calc(var(--sip-mobile-bottom-inset) + 16px) !important;
    right: 16px !important;
  }
  .sipinor-ai-panel {
    bottom: calc(var(--sip-mobile-bottom-inset) + 72px) !important;
  }
  .sip-pwa-install {
    right: 84px !important;
    bottom: calc(var(--sip-mobile-bottom-inset) + 16px) !important;
  }
  .sip-pwa-install.sip-pwa-install--solo {
    right: 16px !important;
  }
  /* One flush header bar — modern frosted glass header.
     z-index 1080 stacking context so overflowing header dropdowns paint
     above .nk-block-head (1050) and page cards. Desktop stays 1020. */
  html body .nk-header.is-light.sip-admin-header,
  html body .nk-header.has-fixed.sip-admin-header,
  html body .nk-header.nk-header-fixed.sip-admin-header,
  html body .nk-app-root .nk-header.sip-admin-header,
  .nk-app-root .nk-header.sip-admin-header {
    background: rgba(255, 255, 255, 0.85) !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
    z-index: 1080 !important;
    overflow: visible !important;
    isolation: isolate;
  }
  html.dark-mode html body .nk-header.is-light.sip-admin-header,
  html.dark-mode html body .nk-header.has-fixed.sip-admin-header,
  html.dark-mode html body .nk-header.nk-header-fixed.sip-admin-header,
  html.dark-mode html body .nk-app-root .nk-header.sip-admin-header,
  html.dark-mode .nk-app-root .nk-header.sip-admin-header,
  body.dark-mode .nk-header.sip-admin-header {
    background: rgba(15, 23, 42, 0.85) !important;
    background-color: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(51, 65, 85, 0.65) !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  }
  .nk-app-root .sip-admin-header .container-xl,
  .nk-app-root .sip-admin-header .wide-xl {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  html body .has-fixed .nk-header-wrap,
  html body .nk-header.has-fixed .nk-header-wrap,
  html body .ui-rounder .nk-header-wrap,
  html body .nk-body.ui-rounder .has-fixed .nk-header-wrap,
  .nk-app-root .sip-admin-header .nk-header-wrap,
  .nk-app-root .sip-admin-header__wrap {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 10px 0 8px !important;
    min-height: var(--sip-header-h, 64px) !important;
    height: var(--sip-header-h, 64px) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
    position: relative;
    z-index: 1080;
  }
  .nk-app-root .sip-admin-header .nk-header-brand {
    flex: 0 0 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }
  .nk-app-root .sip-admin-header .sip-header-hamburger,
  .nk-app-root .sip-admin-header .nk-menu-trigger {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
  .nk-app-root .sip-admin-header .nk-header-tools,
  .nk-app-root .sip-admin-header .nk-quick-nav {
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    row-gap: 0 !important;
    overflow: visible !important;
  }
  .nk-app-root .sip-admin-header .nk-header-tools {
    padding-right: 0 !important;
  }
  /* Keep theme picker in DOM on mobile (panel opens from profile menu) but take no bar space */
  .nk-app-root .sip-theme-picker-slot {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    pointer-events: none;
  }
  .nk-app-root .sip-theme-picker-slot .sip-icon-btn {
    display: none !important;
  }
  .nk-app-root .sip-theme-picker-slot .sip-theme-panel {
    pointer-events: auto;
    position: fixed !important;
    top: calc(var(--sip-header-h, 64px) + 8px) !important;
    right: 12px !important;
    left: 12px !important;
    width: auto !important;
    max-width: none !important;
    z-index: 2300;
  }
  /* All header dropdowns: opaque card above page intro (1050) and toolbar pills.
     Session switcher, profile, and any other .nk-header .dropdown-menu. */
  html body .nk-app-root .sip-admin-header .dropdown-menu,
  html body .nk-app-root .sip-admin-header .user-dropdown-menu,
  html body .nk-app-root .sip-admin-header .sip-session-dropdown,
  html body .nk-app-root .sip-admin-header .sip-user-menu,
  html body .nk-app-root .nk-header .dropdown-menu,
  html body .nk-app-root .nk-header-tools .dropdown-menu,
  html body .nk-app-root .nk-quick-nav .dropdown-menu {
    z-index: 1090 !important;
    position: absolute !important;
    inset: auto !important;
    top: 100% !important;
    bottom: auto !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 8px !important;
    transform: none !important;
    will-change: auto !important;
    max-width: calc(100vw - 24px) !important;
    isolation: isolate;
    overflow: visible !important;
    border-radius: 12px !important;
    border: 1px solid var(--sip-line, #E2E8F0) !important;
    background: var(--sip-surface, #ffffff) !important;
    background-color: var(--sip-surface, #ffffff) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16), 0 4px 8px rgba(15, 23, 42, 0.06) !important;
  }
  html body .nk-app-root .sip-admin-header .sip-user-menu-header,
  html body .nk-app-root .sip-admin-header .sip-dropdown-header,
  html body .nk-app-root .sip-admin-header .dropdown-inner {
    background: var(--sip-surface, #ffffff) !important;
    background-color: var(--sip-surface, #ffffff) !important;
  }
  html body .nk-app-root .sip-admin-header .sip-user-menu-header {
    isolation: isolate;
  }
  /* Keep overlays above the raised header (1080) — still below the open sidebar */
  html body .nk-sidebar-overlay,
  .nk-sidebar-overlay {
    z-index: 10100 !important;
  }
  html body .nk-sidebar.sip-school-sidebar.nk-sidebar-active {
    z-index: 10110 !important;
  }
  .sip-global-search-overlay {
    z-index: 1120 !important;
  }
  html body .modal-backdrop,
  html body .modal-backdrop.show {
    z-index: 1130 !important;
  }
  html body .sip-drawer-overlay,
  html body .doc-bottom-sheet-overlay,
  html body .sip-filter-sheet-overlay {
    z-index: calc(1140 + var(--sip-drawer-z-offset, 0)) !important;
  }
  html body .modal.show,
  html body .modal.d-block {
    z-index: 1140 !important;
  }
  html body .modal.show ~ .modal.show,
  html.sip-drawer-open .modal.show,
  html.sip-drawer-open body > div:has(> .modal.show),
  html.sip-drawer-open body > div:has(> .modal.d-block) {
    z-index: 1150 !important;
  }
}
/* —— Header notification inbox (bell + right drawer) —— */
.nk-app-root .sip-inbox-slot,
.nk-app-root .sip-inbox {
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
}

.nk-app-root .sip-inbox-btn {
  position: relative;
}

.nk-app-root .sip-inbox-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--sip-accent, #0f766e);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  box-shadow: 0 0 0 2px var(--sip-surface, #fff);
  pointer-events: none;
}

html.dark-mode .nk-app-root .sip-inbox-badge {
  box-shadow: 0 0 0 2px var(--sip-header-bg, #0F172A);
}

html body .sip-drawer-host:has(.sip-inbox-drawer-overlay),
html body .sip-drawer-overlay.sip-inbox-drawer-overlay {
  z-index: 2320 !important;
}

html body .sip-drawer-overlay.sip-inbox-drawer-overlay {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  background: transparent !important;
}

html body .sip-drawer-overlay.sip-inbox-drawer-overlay::before {
  background: rgba(15, 23, 42, 0.42);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

html body .sip-drawer-overlay.sip-inbox-drawer-overlay .sip-inbox-drawer {
  --sip-drawer-width: 400px;
  width: min(100vw, 400px) !important;
  max-width: 100vw !important;
  height: 100% !important;
  max-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--sip-surface, #ffffff) !important;
  background-color: var(--sip-surface, #ffffff) !important;
  position: relative !important;
  z-index: 1;
  overflow: hidden;
}

.sip-inbox-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.sip-inbox-count {
  margin-left: 8px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 14%, transparent);
  color: var(--sip-accent, #0f766e);
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.sip-inbox-mark-all {
  border: 0 !important;
  background: transparent !important;
  color: var(--sip-accent, #0f766e) !important;
  font-weight: 650 !important;
  padding: 0.25rem 0.45rem !important;
  white-space: nowrap;
  box-shadow: none !important;
}

.sip-inbox-mark-all:hover,
.sip-inbox-mark-all:focus {
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 10%, transparent) !important;
  color: var(--sip-accent, #0f766e) !important;
}

.sip-inbox-loading {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 4px;
}

.sip-inbox-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sip-inbox-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 10px;
  margin: 0 -4px 6px;
  border-radius: 12px;
  cursor: pointer;
  background: var(--sip-surface, #fff);
  border: 1px solid transparent;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.sip-inbox-item:hover,
.sip-inbox-item:focus {
  outline: none;
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 6%, var(--sip-surface, #fff));
  border-color: color-mix(in srgb, var(--sip-accent, #0f766e) 18%, var(--sip-line, #E2E8F0));
}

.sip-inbox-item.is-unread {
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 8%, var(--sip-surface, #fff));
  border-color: color-mix(in srgb, var(--sip-accent, #0f766e) 16%, transparent);
}

.sip-inbox-item__icon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 12%, transparent);
  color: var(--sip-accent, #0f766e);
}

.sip-inbox-item__body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sip-inbox-item__title {
  font-size: 13px;
  font-weight: 700;
  color: var(--sip-ink, #0f172a);
  line-height: 1.3;
}

.sip-inbox-item__text {
  font-size: 12px;
  color: var(--sip-muted, #64748b);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sip-inbox-item.is-open .sip-inbox-item__text {
  -webkit-line-clamp: unset;
  display: block;
  white-space: pre-wrap;
  color: var(--sip-ink, #0f172a);
}

.sip-inbox-item__time {
  font-size: 11px;
  color: var(--sip-muted, #94a3b8);
  font-weight: 600;
}

.sip-inbox-item__dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: var(--sip-accent, #0f766e);
}

html.dark-mode .sip-inbox-item__title {
  color: var(--sip-text, #e8f0f1);
}

html body .sip-inbox-drawer .sip-drawer-body {
  display: flex;
  flex-direction: column;
}

html body .sip-inbox-drawer .sip-empty {
  margin: auto;
  padding: 1.5rem 0.5rem;
}

html body .sip-inbox-drawer .sip-drawer-footer {
  display: flex;
  justify-content: stretch;
  gap: 8px;
}

html body .sip-inbox-drawer .sip-inbox-view-all {
  flex: 1 1 auto;
  width: 100%;
  text-align: center;
}

@media (max-width: 767.98px) {
  .nk-app-root .sip-inbox-slot {
    display: flex !important;
    align-items: center;
  }
  html body .sip-drawer-overlay.sip-inbox-drawer-overlay .sip-inbox-drawer {
    --sip-drawer-width: 100vw;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
/* —— Full-page notification inbox —— */
.sip-inbox-page .page-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sip-inbox-page .sip-inbox-mark-all {
  border: 1px solid color-mix(in srgb, var(--sip-accent, #0f766e) 22%, transparent) !important;
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 8%, transparent) !important;
  padding: 0.4rem 0.75rem !important;
  border-radius: 999px !important;
}

.sip-inbox-page__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 1rem;
}

.sip-inbox-chip {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--sip-line, #e2e8f0);
  background: var(--sip-surface, #fff);
  color: var(--sip-muted, #64748b);
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.sip-inbox-chip:hover,
.sip-inbox-chip:focus {
  outline: none;
  color: var(--sip-accent, #0f766e);
  border-color: color-mix(in srgb, var(--sip-accent, #0f766e) 28%, var(--sip-line, #e2e8f0));
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 8%, transparent);
}

.sip-inbox-chip.is-active {
  color: var(--sip-accent, #0f766e);
  border-color: color-mix(in srgb, var(--sip-accent, #0f766e) 35%, transparent);
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 12%, transparent);
}

.sip-inbox-page__card {
  overflow: hidden;
  border: 1px solid var(--sip-line, #e2e8f0) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sip-inbox-page__card > .sip-empty,
.sip-inbox-page__card > .card-inner .sip-empty {
  padding: 2.5rem 1rem;
}

.sip-inbox-page__loading {
  padding: 1.25rem 1.1rem;
}

.sip-inbox-page__list.sip-inbox-list {
  padding: 4px 0;
}

.sip-inbox-page .sip-inbox-item {
  position: relative;
  margin: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--sip-line, #e2e8f0);
  padding: 14px 16px 14px 18px;
  align-items: flex-start;
}

.sip-inbox-page .sip-inbox-item:last-child {
  border-bottom: 0;
}

.sip-inbox-page .sip-inbox-item.is-unread {
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 7%, var(--sip-surface, #fff));
}

.sip-inbox-page .sip-inbox-item.is-unread::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--sip-accent, #0f766e);
}

.sip-inbox-page .sip-inbox-item.is-unread .sip-inbox-item__title {
  font-weight: 750;
}

.sip-inbox-page .sip-inbox-item.is-open .sip-inbox-item__text {
  -webkit-line-clamp: unset;
  display: block;
  white-space: pre-wrap;
  color: var(--sip-ink, #0f172a);
}

.sip-inbox-page .sip-inbox-item__html {
  white-space: normal;
}

.sip-inbox-page .sip-inbox-item__html p:last-child {
  margin-bottom: 0;
}

.sip-inbox-page .sip-inbox-item__dot {
  margin-top: 8px;
}

.sip-inbox-page .sip-inbox-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}

.sip-inbox-page .sip-inbox-item__type {
  font-size: 11px;
  font-weight: 650;
  color: var(--sip-accent, #0f766e);
}

.sip-inbox-page .sip-inbox-item__mark {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  padding: 4px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--sip-accent, #0f766e);
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
  cursor: pointer;
}

.sip-inbox-page .sip-inbox-item__mark:hover,
.sip-inbox-page .sip-inbox-item__mark:focus {
  outline: none;
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 12%, transparent);
}

.sip-inbox-page .sip-pager,
.nk-app-root .sip-inbox-page .sip-pager {
  margin: 0 !important;
  min-height: 0 !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-top: 1px solid var(--sip-line, #e2e8f0) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.nk-app-root .nk-content-body .sip-inbox-page {
  flex: 0 1 auto;
  display: block;
  min-height: 0;
}

@keyframes sip-inbox-pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--sip-accent, #0f766e) 50%, transparent);
  }
  70% {
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--sip-accent, #0f766e) 0%, transparent);
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
.sip-inbox-highlight {
  outline: 2px solid var(--sip-accent, #0f766e) !important;
  outline-offset: 2px;
  animation: sip-inbox-pulse 2s ease-out;
}

.card.sip-inbox-highlight,
.sip-inbox-highlight.card {
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 6%, var(--sip-surface, #fff)) !important;
}

tr.sip-inbox-highlight > td {
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 12%, #fff) !important;
}

tr.sip-inbox-highlight > td:first-child {
  box-shadow: inset 3px 0 0 var(--sip-accent, #0f766e);
}

html.dark-mode .sip-inbox-page .sip-pager,
html body.dark-mode .sip-inbox-page .sip-pager {
  background: transparent !important;
  border-top-color: #334155 !important;
}

html.dark-mode tr.sip-inbox-highlight > td,
html body.dark-mode tr.sip-inbox-highlight > td {
  background: color-mix(in srgb, var(--sip-accent, #0f766e) 22%, #1e293b) !important;
}

html.dark-mode .sip-inbox-page__card,
html body.dark-mode .sip-inbox-page__card {
  background: #1e293b;
  border-color: #334155 !important;
}

html.dark-mode .sip-inbox-chip {
  background: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}

html.dark-mode .sip-inbox-page .sip-inbox-item {
  border-bottom-color: #334155;
}

html.dark-mode .sip-inbox-page .sip-inbox-item.is-open .sip-inbox-item__text {
  color: #e8f0f1;
}

@media (max-width: 767.98px) {
  .sip-inbox-page .sip-inbox-item {
    padding: 12px 12px 12px 14px;
    gap: 8px;
  }
  .sip-inbox-page .sip-inbox-item__icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border-radius: 8px;
  }
  .sip-inbox-page .sip-inbox-item__mark {
    padding: 6px;
  }
}
/* ═══════════════════════════════════════════════════════════════════════════
 * ── Student Profile: Modern Full-Width Profile Hero & Tabs Redesign ───────
 * ═══════════════════════════════════════════════════════════════════════════ */
.nk-app-root .sip-profile-page {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

/* Single-root v-else wrapper (preserves hero→content spacing) */
.nk-app-root .sip-profile-main {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

.nk-app-root .sip-loading-box {
  background: var(--sip-surface);
  border: 1px solid var(--sip-line);
  border-radius: var(--sip-radius);
  box-shadow: var(--sip-shadow);
}

/* ── 1. Top Full-Width Profile Hero Card ── */
.nk-app-root .sip-profile-hero {
  position: relative;
  background: var(--sip-surface);
  border: 1px solid var(--sip-line);
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
  overflow: hidden;
  transition: box-shadow 0.2s var(--sip-ease);
}

/* Hero Top Banner */
.nk-app-root .sip-hero-banner {
  position: relative;
  height: 112px;
  background: linear-gradient(135deg, #4338CA 0%, #0284C7 52%, #0EA5E9 100%);
  overflow: hidden;
}

.nk-app-root .sip-hero-banner-decor {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.22) 0%, transparent 40%), radial-gradient(circle at 85% 80%, rgba(255, 255, 255, 0.14) 0%, transparent 45%), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(0deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 28px 28px, 28px 28px;
  pointer-events: none;
}

.nk-app-root .sip-hero-banner-meta {
  position: absolute;
  top: 14px;
  right: 18px;
  z-index: 2;
}

.nk-app-root .sip-banner-session-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: rgba(15, 23, 42, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 20px;
  color: #FFFFFF;
  font-family: var(--sip-font);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.nk-app-root .sip-banner-session-pill i {
  font-size: 0.85rem;
  color: #38BDF8;
}

/* Hero Main Body */
.nk-app-root .sip-hero-body {
  padding: 0 26px 20px;
}

/* Header row (Avatar + Info + Actions) */
.nk-app-root .sip-hero-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: -48px;
  position: relative;
  z-index: 3;
}

.nk-app-root .sip-hero-profile-group {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  min-width: 0;
  flex: 1 1 500px;
}

/* Avatar Wrap */
.nk-app-root .sip-hero-avatar-wrap {
  position: relative;
  flex: 0 0 96px;
  width: 96px;
  height: 96px;
  flex-shrink: 0;
}

.nk-app-root .sip-hero-avatar {
  width: 96px;
  height: 96px;
  border-radius: 20px;
  border: 4px solid var(--sip-surface);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
  background: var(--sip-surface);
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.nk-app-root .sip-hero-avatar-status {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid var(--sip-surface);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.nk-app-root .sip-hero-avatar-status.is-success {
  background-color: #10B981;
}
.nk-app-root .sip-hero-avatar-status.is-danger {
  background-color: #EF4444;
}
.nk-app-root .sip-hero-avatar-status.is-warning {
  background-color: #F59E0B;
}

.nk-app-root .sip-hero-avatar-wrap.is-editable {
  cursor: pointer;
}
.nk-app-root .sip-hero-avatar-wrap.is-editable:hover .sip-hero-avatar-overlay {
  opacity: 1;
}

.nk-app-root .sip-hero-avatar-overlay {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: rgba(15, 23, 42, 0.65);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  opacity: 0;
  cursor: pointer;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  transition: opacity 0.2s ease;
  z-index: 4;
}
.nk-app-root .sip-hero-avatar-overlay i, .nk-app-root .sip-hero-avatar-overlay em {
  font-size: 1.15rem;
  line-height: 1;
  color: #FFFFFF;
}

.nk-app-root .sip-hero-avatar-edit-btn {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--sip-accent, #6366F1);
  color: #FFFFFF;
  border: 2.5px solid var(--sip-surface, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.25);
  transition: transform 0.15s ease, background 0.15s ease;
  z-index: 5;
  padding: 0;
}
.nk-app-root .sip-hero-avatar-edit-btn:hover {
  transform: scale(1.12);
  background: var(--sip-accent-hover, #4F46E5);
  color: #FFFFFF;
}
.nk-app-root .sip-hero-avatar-edit-btn i, .nk-app-root .sip-hero-avatar-edit-btn em {
  font-size: 0.85rem;
  line-height: 1;
  color: #FFFFFF;
}

/* Identity / Name + Badges */
.nk-app-root .sip-hero-identity {
  padding-top: 54px;
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}

.nk-app-root .sip-hero-title-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0;
  min-width: 0;
}

.nk-app-root .sip-hero-edit-mode-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.2rem 0.625rem;
  background: color-mix(in srgb, var(--sip-accent, #4F46E5) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--sip-accent, #4F46E5) 28%, transparent);
  border-radius: 20px;
  color: var(--sip-accent, #4F46E5);
  font-family: var(--sip-font);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.2;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  vertical-align: middle;
  margin: 0;
}
.nk-app-root .sip-hero-edit-mode-pill i, .nk-app-root .sip-hero-edit-mode-pill em {
  font-size: 0.76rem;
  line-height: 1;
  color: inherit;
}

.nk-app-root .sip-hero-name {
  margin: 0;
  padding: 0;
  color: var(--sip-text);
  font-family: var(--sip-heading-font);
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  word-break: break-word;
}

/* Badges row */
.nk-app-root .sip-hero-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.375rem 0.5rem !important;
  row-gap: 0.375rem !important;
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nk-app-root .sip-badge,
.nk-app-root .sip-hero-badges .sip-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 8px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  transition: all 0.15s ease;
}
.nk-app-root .sip-badge i, .nk-app-root .sip-badge em,
.nk-app-root .sip-hero-badges .sip-badge i,
.nk-app-root .sip-hero-badges .sip-badge em {
  font-size: 0.82rem;
  line-height: 1;
}
.nk-app-root .sip-badge.sip-badge-success, .nk-app-root .sip-badge.sip-badge-studying, .nk-app-root .sip-badge.sip-badge-active,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-success,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-studying,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-active {
  background: #ECFDF5 !important;
  color: #065F46 !important;
  border: 1px solid #A7F3D0 !important;
}
.nk-app-root .sip-badge.sip-badge-primary,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-primary {
  background: color-mix(in srgb, var(--sip-accent) 12%, transparent) !important;
  color: var(--sip-accent) !important;
  border: 1px solid color-mix(in srgb, var(--sip-accent) 25%, transparent) !important;
}
.nk-app-root .sip-badge.sip-badge-info,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-info {
  background: #F0F9FF !important;
  color: #0369A1 !important;
  border: 1px solid #BAE6FD !important;
}
.nk-app-root .sip-badge.sip-badge-warning, .nk-app-root .sip-badge.sip-badge-not-admitted,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-warning,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-not-admitted {
  background: #FFFBEB !important;
  color: #92400E !important;
  border: 1px solid #FDE68A !important;
}
.nk-app-root .sip-badge.sip-badge-danger, .nk-app-root .sip-badge.sip-badge-terminated, .nk-app-root .sip-badge.sip-badge-inactive,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-danger,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-terminated,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-inactive {
  background: #FEF2F2 !important;
  color: #991B1B !important;
  border: 1px solid #FECACA !important;
}
.nk-app-root .sip-badge.sip-badge-neutral,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-neutral {
  background: color-mix(in srgb, var(--sip-bg) 80%, var(--sip-surface)) !important;
  color: var(--sip-sidebar-text) !important;
  border: 1px solid var(--sip-line) !important;
}
.nk-app-root .sip-badge.sip-badge-pill,
.nk-app-root .sip-hero-badges .sip-badge.sip-badge-pill {
  border-radius: 20px !important;
}

/* Actions cluster */
.nk-app-root .sip-hero-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 54px;
  flex-wrap: wrap;
}
.nk-app-root .sip-hero-actions .btn {
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nk-app-root .sip-hero-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.45rem 0.85rem;
  height: 36px;
  border-radius: 10px;
  font-family: var(--sip-font);
  font-size: 0.8125rem;
  font-weight: 500;
  border: 1px solid var(--sip-line);
  background: var(--sip-surface);
  color: var(--sip-sidebar-text);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: all 0.15s var(--sip-ease);
  line-height: 1;
}
.nk-app-root .sip-hero-action-btn em, .nk-app-root .sip-hero-action-btn i {
  font-size: 0.95rem;
  color: var(--sip-muted);
}
.nk-app-root .sip-hero-action-btn:hover {
  background: var(--sip-sidebar-hover);
  color: var(--sip-text);
  border-color: #CBD5E1;
}
.nk-app-root .sip-hero-action-btn:hover em, .nk-app-root .sip-hero-action-btn:hover i {
  color: var(--sip-accent);
}

.nk-app-root .sip-hero-action-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.45rem 1rem;
  height: 36px;
  border-radius: 10px;
  font-family: var(--sip-font);
  font-size: 0.8125rem;
  font-weight: 600;
  background: var(--sip-accent);
  border: 1px solid var(--sip-accent);
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--sip-accent) 35%, transparent);
  transition: all 0.15s var(--sip-ease);
  line-height: 1;
}
.nk-app-root .sip-hero-action-primary em, .nk-app-root .sip-hero-action-primary i {
  font-size: 0.95rem;
  color: #FFFFFF !important;
}
.nk-app-root .sip-hero-action-primary:hover {
  background: var(--sip-accent-hover);
  border-color: var(--sip-accent-hover);
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--sip-accent) 45%, transparent);
  transform: translateY(-1px);
}

/* Quick Details Grid / Meta Strip */
.nk-app-root .sip-hero-meta-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px 16px;
  margin-top: 18px;
  padding: 12px 18px;
  background: color-mix(in srgb, var(--sip-bg) 65%, var(--sip-surface));
  border: 1px solid var(--sip-line);
  border-radius: 12px;
  align-items: center;
}

.nk-app-root .sip-meta-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.nk-app-root .sip-meta-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--sip-muted);
  line-height: 1.2;
}
.nk-app-root .sip-meta-label i {
  font-size: 0.82rem;
  color: var(--sip-accent);
}

.nk-app-root .sip-meta-value {
  font-size: 0.885rem;
  font-weight: 600;
  color: var(--sip-text);
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nk-app-root .sip-meta-value .sip-link-phone,
.nk-app-root .sip-meta-value .sip-link-email,
.nk-app-root .sip-meta-value .sip-link-meta {
  color: var(--sip-accent);
  text-decoration: none;
  transition: color 0.15s ease;
}
.nk-app-root .sip-meta-value .sip-link-phone:hover,
.nk-app-root .sip-meta-value .sip-link-email:hover,
.nk-app-root .sip-meta-value .sip-link-meta:hover {
  color: var(--sip-accent-hover);
  text-decoration: underline;
}

.nk-app-root .sip-meta-sub {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--sip-muted);
  margin-left: 2px;
}

/* Horizontal Hero Navigation Tabs */
.nk-app-root .sip-hero-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 24px;
  border-top: 1px solid var(--sip-line);
  background: var(--sip-surface);
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.nk-app-root .sip-hero-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 1rem 1.15rem;
  margin-bottom: -1px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: var(--sip-muted);
  font-family: var(--sip-font);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s var(--sip-ease), border-color 0.15s var(--sip-ease), background 0.15s var(--sip-ease);
}
.nk-app-root .sip-hero-tab-btn i {
  font-size: 1rem;
  line-height: 1;
  color: inherit;
}
.nk-app-root .sip-hero-tab-btn .sip-tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 10px;
  font-size: 0.72rem;
  font-weight: 600;
  background: color-mix(in srgb, var(--sip-bg) 80%, var(--sip-surface));
  color: var(--sip-muted);
  border: 1px solid var(--sip-line);
}
.nk-app-root .sip-hero-tab-btn:hover {
  color: var(--sip-text);
  border-bottom-color: #CBD5E1;
}
.nk-app-root .sip-hero-tab-btn:hover .sip-tab-count {
  color: var(--sip-text);
}
.nk-app-root .sip-hero-tab-btn.active {
  color: var(--sip-accent);
  font-weight: 600;
  border-bottom-color: var(--sip-accent);
}
.nk-app-root .sip-hero-tab-btn.active i {
  color: var(--sip-accent);
}
.nk-app-root .sip-hero-tab-btn.active .sip-tab-count {
  background: color-mix(in srgb, var(--sip-accent) 12%, transparent);
  color: var(--sip-accent);
  border-color: color-mix(in srgb, var(--sip-accent) 25%, transparent);
}
.nk-app-root .sip-hero-tab-btn:focus-visible {
  outline: none;
  box-shadow: var(--sip-focus-ring);
}

/* ── 2. Content Section Below Hero Card ── */
.nk-app-root .sip-profile-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Sub-Navigation Pills */
.nk-app-root .sip-subnav-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  padding: 2px 2px 6px;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.nk-app-root .sip-subnav-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  padding: 0.5rem 0.95rem;
  border-radius: 24px;
  border: 1px solid var(--sip-line);
  background: var(--sip-surface);
  color: var(--sip-sidebar-text);
  font-family: var(--sip-font);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
  transition: all 0.15s var(--sip-ease);
}
.nk-app-root .sip-subnav-pill i {
  font-size: 0.92rem;
  line-height: 1;
  color: var(--sip-muted);
}
.nk-app-root .sip-subnav-pill:hover {
  background: var(--sip-sidebar-hover);
  color: var(--sip-text);
  border-color: #CBD5E1;
}
.nk-app-root .sip-subnav-pill:hover i {
  color: var(--sip-accent);
}
.nk-app-root .sip-subnav-pill.active {
  background: var(--sip-accent);
  color: #FFFFFF;
  border-color: var(--sip-accent);
  font-weight: 600;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--sip-accent) 30%, transparent);
}
.nk-app-root .sip-subnav-pill.active i {
  color: #FFFFFF;
}
.nk-app-root .sip-subnav-pill:focus-visible {
  outline: none;
  box-shadow: var(--sip-focus-ring);
}

/* Active Section Content Card */
.nk-app-root .sip-content-card {
  background: var(--sip-surface) !important;
  border: 1px solid var(--sip-line) !important;
  border-radius: var(--sip-radius) !important;
  box-shadow: var(--sip-shadow) !important;
  overflow: hidden;
}

.nk-app-root .sip-content-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  border-bottom: 1px solid var(--sip-line);
  background: var(--sip-surface);
}

.nk-app-root .sip-content-head-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nk-app-root .sip-head-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--sip-accent) 12%, transparent);
  color: var(--sip-accent);
}
.nk-app-root .sip-head-icon-circle i {
  font-size: 1.1rem;
  line-height: 1;
}

.nk-app-root .sip-content-title {
  margin: 0;
  color: var(--sip-text);
  font-family: var(--sip-heading-font);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
}

.nk-app-root .sip-content-subtitle {
  font-size: 0.76rem;
  color: var(--sip-muted);
  font-weight: 500;
}

.nk-app-root .sip-content-head-meta {
  display: flex;
  align-items: center;
  gap: 14px;
}

.nk-app-root .sip-meta-timestamp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.76rem;
  color: var(--sip-muted);
  font-weight: 500;
}
.nk-app-root .sip-meta-timestamp i {
  font-size: 0.85rem;
}

.nk-app-root .sip-content-card-body {
  padding: 22px 24px 28px;
}

/* Embedded Tab Tables (Student & Employee Profile Content Cards) */
.nk-app-root .sip-content-card-body .table-responsive,
.nk-app-root .sip-content-card .sip-content-card-body .table-responsive,
.nk-app-root .sip-content-card .table-responsive {
  border: 1px solid var(--sip-line, #E2E8F0) !important;
  border-radius: 8px !important;
  background: var(--sip-surface, #FFFFFF) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  margin-top: 0.875rem !important;
  margin-bottom: 1rem !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  min-height: auto !important;
  scrollbar-width: thin;
  scrollbar-color: var(--sip-scroll-thumb, #CBD5E1) transparent;
}

/* Clear top margin if table is first child inside content card body */
.nk-app-root .sip-content-card-body > .table-responsive:first-child,
.nk-app-root .sip-content-card-body > div > .table-responsive:first-child {
  margin-top: 0 !important;
}

/* Seamless pager connection when table is followed by .sip-pager inside content cards */
.nk-app-root .sip-content-card-body .table-responsive:has(+ .sip-pager),
.nk-app-root .sip-content-card-body .table-responsive:has(+ div > .sip-pager),
.nk-app-root .sip-content-card .table-responsive:has(+ .sip-pager),
.nk-app-root .sip-content-card .table-responsive:has(+ div > .sip-pager) {
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 0 !important;
}

.nk-app-root .sip-content-card-body .table-responsive + .sip-pager,
.nk-app-root .sip-content-card-body .table-responsive + div:has(> .sip-pager) > .sip-pager,
.nk-app-root .sip-content-card .table-responsive + .sip-pager,
.nk-app-root .sip-content-card .table-responsive + div:has(> .sip-pager) > .sip-pager {
  background: var(--sip-surface, #FFFFFF) !important;
  border: 1px solid var(--sip-line, #E2E8F0) !important;
  border-top: 1px solid var(--sip-line, #E2E8F0) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  padding: 0.75rem 1.25rem !important;
  min-height: 48px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  flex: 0 0 auto !important;
}

/* Table element itself inside profile content cards */
.nk-app-root .sip-content-card-body table.table,
.nk-app-root .sip-content-card-body .table,
.nk-app-root .sip-content-card table.table,
.nk-app-root .sip-content-card .table {
  border: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  margin-bottom: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--sip-surface, #FFFFFF) !important;
}

/* Table header inside profile content cards */
.nk-app-root .sip-content-card-body table.table thead,
.nk-app-root .sip-content-card-body .table thead,
.nk-app-root .sip-content-card table.table thead,
.nk-app-root .sip-content-card .table thead,
.nk-app-root .sip-content-card-body table.table thead tr,
.nk-app-root .sip-content-card-body .table thead tr,
.nk-app-root .sip-content-card table.table thead tr,
.nk-app-root .sip-content-card .table thead tr {
  background-color: var(--sip-bg, #F8FAFC) !important;
  background: var(--sip-bg, #F8FAFC) !important;
  border: 0 !important;
}

.nk-app-root .sip-content-card-body table.table thead th,
.nk-app-root .sip-content-card-body .table thead th,
.nk-app-root .sip-content-card table.table thead th,
.nk-app-root .sip-content-card .table thead th {
  background-color: var(--sip-bg, #F8FAFC) !important;
  background: var(--sip-bg, #F8FAFC) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--sip-line, #E2E8F0) !important;
  color: var(--sip-muted, #64748B) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.3 !important;
  padding: 0.75rem 1rem !important;
  text-transform: uppercase !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* Table body cells inside profile content cards */
.nk-app-root .sip-content-card-body table.table tbody,
.nk-app-root .sip-content-card-body .table tbody,
.nk-app-root .sip-content-card table.table tbody,
.nk-app-root .sip-content-card .table tbody {
  background: var(--sip-surface, #FFFFFF) !important;
}

.nk-app-root .sip-content-card-body table.table tbody td,
.nk-app-root .sip-content-card-body .table tbody td,
.nk-app-root .sip-content-card table.table tbody td,
.nk-app-root .sip-content-card .table tbody td {
  background: var(--sip-surface, #FFFFFF) !important;
  color: var(--sip-text, #0F172A) !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  padding: 0.875rem 1rem !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--sip-line, #F1F5F9) !important;
  vertical-align: middle !important;
  line-height: 1.45 !important;
}

/* Striped rows inside profile content cards */
.nk-app-root .sip-content-card-body table.table.table-striped > tbody > tr:nth-of-type(even) > td,
.nk-app-root .sip-content-card table.table.table-striped > tbody > tr:nth-of-type(even) > td {
  background: color-mix(in srgb, var(--sip-bg, #F8FAFC) 40%, var(--sip-surface, #FFFFFF)) !important;
}

/* Hover state on rows inside profile content cards */
.nk-app-root .sip-content-card-body table.table tbody tr:hover td,
.nk-app-root .sip-content-card table.table tbody tr:hover td {
  background: color-mix(in srgb, var(--sip-accent, #0284C7) 5%, var(--sip-surface, #FFFFFF)) !important;
}

/* Last row in table inside profile content cards */
.nk-app-root .sip-content-card-body table.table tbody tr:last-child td,
.nk-app-root .sip-content-card table.table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Action column alignment & spacing in content card tables */
.nk-app-root .sip-content-card-body table.table thead th.table-action,
.nk-app-root .sip-content-card-body table.table thead th.text-end,
.nk-app-root .sip-content-card-body table.table tbody td.table-action,
.nk-app-root .sip-content-card-body table.table tbody td.text-end,
.nk-app-root .sip-content-card table.table thead th.table-action,
.nk-app-root .sip-content-card table.table thead th.text-end,
.nk-app-root .sip-content-card table.table tbody td.table-action,
.nk-app-root .sip-content-card table.table tbody td.text-end {
  text-align: right !important;
  padding-right: 1.25rem !important;
}

.nk-app-root .sip-content-card-body table.table tbody td.table-action .btn-group,
.nk-app-root .sip-content-card-body table.table tbody td.text-end .btn-group,
.nk-app-root .sip-content-card table.table tbody td.table-action .btn-group,
.nk-app-root .sip-content-card table.table tbody td.text-end .btn-group {
  justify-content: flex-end;
}

/* Modal code cards & QR/Barcode Drawer styling */
.nk-app-root .sip-code-drawer-body,
.sip-code-drawer-body {
  padding: 4px 0;
}

.nk-app-root .sip-code-summary-box,
.sip-code-summary-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  background: var(--sip-surface, #ffffff);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 12px;
  margin-bottom: 16px;
}

.nk-app-root .sip-code-avatar,
.sip-code-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--sip-line, #e2e8f0);
  flex-shrink: 0;
  background: var(--sip-bg, #f8fafc);
}

.nk-app-root .sip-code-summary-info,
.sip-code-summary-info {
  flex: 1;
  min-width: 0;
}

.nk-app-root .sip-code-summary-name,
.sip-code-summary-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--sip-text, #1e293b);
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nk-app-root .sip-code-summary-meta,
.sip-code-summary-meta {
  font-size: 0.8rem;
  color: var(--sip-muted, #64748b);
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.nk-app-root .sip-code-card,
.sip-code-card {
  background: var(--sip-surface, #ffffff);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
  transition: all 0.2s ease;
}

.nk-app-root .sip-code-card-header,
.sip-code-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--sip-line, #e2e8f0);
}

.nk-app-root .sip-code-card-title,
.sip-code-card-title {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--sip-text, #334155);
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.nk-app-root .sip-code-card-badge,
.sip-code-card-badge {
  font-size: 0.7rem;
  padding: 2px 8px;
  border-radius: 10px;
  background: var(--sip-bg, #f1f5f9);
  color: var(--sip-muted, #64748b);
  font-weight: 500;
}

.nk-app-root .sip-code-preview-box,
.sip-code-preview-box {
  background: #ffffff !important;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  position: relative;
  margin-bottom: 12px;
}

.nk-app-root .sip-qr-img,
.sip-qr-img {
  width: 190px;
  height: 190px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  border-radius: 4px;
}

.nk-app-root .sip-bar-img,
.sip-bar-img {
  height: 56px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.nk-app-root .sip-code-loading-placeholder,
.sip-code-loading-placeholder,
.nk-app-root .sip-code-error-placeholder,
.sip-code-error-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 120px;
}

.nk-app-root .sip-code-pill-copy,
.sip-code-pill-copy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  background: var(--sip-bg, #f8fafc);
  border: 1px solid var(--sip-line, #e2e8f0);
  border-radius: 20px;
  cursor: pointer;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--sip-text, #1e293b);
  transition: all 0.15s ease;
  margin-bottom: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.nk-app-root .sip-code-pill-copy:hover,
.sip-code-pill-copy:hover {
  background: var(--sip-line, #e2e8f0);
  color: var(--sip-primary, #0284c7);
  border-color: var(--sip-primary, #0284c7);
}

.nk-app-root .sip-code-actions-row,
.sip-code-actions-row {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.nk-app-root .sip-code-actions-row .btn,
.sip-code-actions-row .btn {
  flex: 1;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 8px;
}

.nk-app-root .sip-code-modal-card {
  border: 1px solid var(--sip-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--sip-bg) 40%, var(--sip-surface));
}

/* ── Clean, Modern Structured Key-Value Grid (.profile-ud-list / .sip-kv-grid) ── */
.nk-app-root .profile-ud-list,
.nk-app-root .sip-kv-grid,
.profile-ud-list,
.sip-kv-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  -moz-column-gap: 2rem !important;
       column-gap: 2rem !important;
  row-gap: 1.25rem !important;
  margin: 0 !important;
  padding: 0.25rem 0 0.5rem !important;
  width: 100% !important;
}
.nk-app-root .profile-ud-list > hr,
.nk-app-root .profile-ud-list > .sip-section-divider,
.nk-app-root .sip-kv-grid > hr,
.nk-app-root .sip-kv-grid > .sip-section-divider,
.profile-ud-list > hr,
.profile-ud-list > .sip-section-divider,
.sip-kv-grid > hr,
.sip-kv-grid > .sip-section-divider {
  grid-column: 1/-1 !important;
  width: 100% !important;
  margin: 1.25rem 0 !important;
  border: none !important;
  border-top: 1px solid var(--sip-line, #e2e8f0) !important;
  opacity: 1 !important;
}

@media (max-width: 1199.98px) {
  .nk-app-root .profile-ud-list,
  .nk-app-root .sip-kv-grid,
  .profile-ud-list,
  .sip-kv-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
    row-gap: 1.125rem !important;
  }
}
@media (max-width: 767.98px) {
  .nk-app-root .profile-ud-list,
  .nk-app-root .sip-kv-grid,
  .profile-ud-list,
  .sip-kv-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
    row-gap: 1rem !important;
  }
}
@media (max-width: 479.98px) {
  .nk-app-root .profile-ud-list,
  .nk-app-root .sip-kv-grid,
  .profile-ud-list,
  .sip-kv-grid {
    grid-template-columns: 1fr !important;
    row-gap: 0.875rem !important;
  }
}
.nk-app-root .profile-ud-item,
.nk-app-root .sip-kv-item,
.profile-ud-item,
.sip-kv-item {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 0 0.75rem 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--sip-line, #f1f5f9) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
  min-height: auto !important;
  transition: border-color 0.15s ease;
}
.nk-app-root .profile-ud-item:hover,
.nk-app-root .sip-kv-item:hover,
.profile-ud-item:hover,
.sip-kv-item:hover {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  border-bottom-color: color-mix(in srgb, var(--sip-accent, #0284c7) 30%, var(--sip-line, #e2e8f0)) !important;
  box-shadow: none !important;
}
.nk-app-root .profile-ud-item.sip-col-span-2,
.nk-app-root .sip-kv-item.sip-col-span-2,
.profile-ud-item.sip-col-span-2,
.sip-kv-item.sip-col-span-2 {
  grid-column: span 2 !important;
}
.nk-app-root .profile-ud-item.sip-col-span-3,
.nk-app-root .sip-kv-item.sip-col-span-3,
.profile-ud-item.sip-col-span-3,
.sip-kv-item.sip-col-span-3 {
  grid-column: span 3 !important;
}
.nk-app-root .profile-ud-item.sip-col-span-full,
.nk-app-root .sip-kv-item.sip-col-span-full,
.profile-ud-item.sip-col-span-full,
.sip-kv-item.sip-col-span-full {
  grid-column: 1/-1 !important;
}

@media (max-width: 767.98px) {
  .nk-app-root .profile-ud-item.sip-col-span-3,
  .profile-ud-item.sip-col-span-3 {
    grid-column: span 2 !important;
  }
}
@media (max-width: 479.98px) {
  .nk-app-root .profile-ud-item.sip-col-span-2,
  .nk-app-root .profile-ud-item.sip-col-span-3,
  .profile-ud-item.sip-col-span-2,
  .profile-ud-item.sip-col-span-3 {
    grid-column: 1/-1 !important;
  }
}
.nk-app-root .profile-ud,
.nk-app-root .profile-ud.wider,
.nk-app-root .profile-ud.plain,
.profile-ud,
.profile-ud.wider,
.profile-ud.plain {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  justify-content: flex-start !important;
  width: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.nk-app-root .profile-ud-label,
.nk-app-root .sip-kv-label,
.profile-ud-label,
.sip-kv-label,
.wider .profile-ud-label,
.plain .profile-ud-label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: var(--sip-font, "Plus Jakarta Sans", sans-serif);
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--sip-muted, #64748b) !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
  text-align: left !important;
  flex-shrink: 0 !important;
}

.nk-app-root .profile-ud-value,
.nk-app-root .sip-kv-value,
.profile-ud-value,
.sip-kv-value,
.wider .profile-ud-value,
.plain .profile-ud-value {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: var(--sip-font, "Plus Jakarta Sans", sans-serif);
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: var(--sip-text, #0f172a) !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
  text-align: left !important;
}

.nk-app-root .profile-ud-empty,
.nk-app-root .sip-kv-empty,
.profile-ud-empty,
.sip-kv-empty {
  color: var(--sip-muted, #94a3b8) !important;
  opacity: 0.85 !important;
  font-weight: 400 !important;
}

/* Guardian & Login Section Redesign */
.nk-app-root .sip-guardian-block {
  margin-bottom: 0.5rem;
}

.nk-app-root .sip-guardian-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--sip-line);
}

.nk-app-root .sip-guardian-avatar-wrap {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--sip-line);
  background: var(--sip-surface);
  flex-shrink: 0;
}

.nk-app-root .sip-guardian-avatar {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.nk-app-root .sip-section-title {
  font-family: var(--sip-heading-font);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--sip-text);
  margin: 0;
  display: inline-flex;
  align-items: center;
}

.nk-app-root .sip-section-sub {
  font-size: 0.75rem;
  color: var(--sip-muted);
  font-weight: 500;
  display: block;
  margin-top: 2px;
}

.nk-app-root .sip-section-divider {
  height: 1px;
  background: var(--sip-line);
  margin: 1.5rem 0;
  border: none;
  opacity: 1;
}

.nk-app-root .sip-login-section {
  padding-bottom: 0.5rem;
}
.nk-app-root .sip-login-section:not(:last-child) {
  border-bottom: 1px solid var(--sip-line);
  margin-bottom: 1.5rem;
  padding-bottom: 1.25rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * ── Modern Form Controls & Field Grid Components (Edit & Profile Forms) ──
 * ═══════════════════════════════════════════════════════════════════════════ */
/* Form Section Sub-Headings */
.nk-app-root .sip-form-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 1.6rem 0 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--sip-line, #E2E8F0);
  font-family: var(--sip-heading-font);
  font-size: 0.885rem;
  font-weight: 700;
  color: var(--sip-text, #1E293B);
  letter-spacing: -0.01em;
}
.nk-app-root .sip-form-section-title i, .nk-app-root .sip-form-section-title em {
  font-size: 0.95rem;
  color: var(--sip-accent, #4F46E5);
}
.nk-app-root .sip-form-section-title:first-child {
  margin-top: 0;
}

/* Form field polish */
.nk-app-root .sip-profile-edit-page .form-group > label,
.nk-app-root .sip-content-card-body .form-group > label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--sip-muted, #64748B);
  margin-bottom: 6px;
  display: block;
}

.nk-app-root .sip-profile-edit-page select,
.nk-app-root .sip-content-card-body select,
.nk-app-root .sip-drawer-form select,
.nk-app-root .sip-profile-edit-page .form-control,
.nk-app-root .sip-content-card-body .form-control,
.nk-app-root .sip-drawer-form .form-control,
.nk-app-root .sip-profile-edit-page .custom-select,
.nk-app-root .sip-content-card-body .custom-select,
.nk-app-root .sip-drawer-form .custom-select,
.nk-app-root .sip-profile-edit-page select.form-control,
.nk-app-root .sip-content-card-body select.form-control,
.nk-app-root .sip-drawer-form select.form-control {
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--sip-line, #E2E8F0);
  background-color: var(--sip-surface, #FFFFFF);
  color: var(--sip-text, #1E293B);
  font-size: 0.845rem;
  padding: 0.45rem 0.85rem;
  transition: all 0.15s ease;
}
.nk-app-root .sip-profile-edit-page select:focus,
.nk-app-root .sip-content-card-body select:focus,
.nk-app-root .sip-drawer-form select:focus,
.nk-app-root .sip-profile-edit-page .form-control:focus,
.nk-app-root .sip-content-card-body .form-control:focus,
.nk-app-root .sip-drawer-form .form-control:focus,
.nk-app-root .sip-profile-edit-page .custom-select:focus,
.nk-app-root .sip-content-card-body .custom-select:focus,
.nk-app-root .sip-drawer-form .custom-select:focus,
.nk-app-root .sip-profile-edit-page select.form-control:focus,
.nk-app-root .sip-content-card-body select.form-control:focus,
.nk-app-root .sip-drawer-form select.form-control:focus {
  border-color: var(--sip-accent, #4F46E5);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sip-accent, #4F46E5) 15%, transparent);
}

.nk-app-root .sip-profile-edit-page textarea.form-control,
.nk-app-root .sip-content-card-body textarea.form-control,
.nk-app-root .sip-drawer-form textarea.form-control {
  height: auto !important;
  min-height: 42px;
}

.nk-app-root .sip-profile-edit-page .vdp-datepicker input,
.nk-app-root .sip-content-card-body .vdp-datepicker input,
.nk-app-root .sip-drawer-form .vdp-datepicker input {
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--sip-line, #E2E8F0);
  background-color: var(--sip-surface, #FFFFFF);
  color: var(--sip-text, #1E293B);
  font-size: 0.845rem;
  padding: 0.45rem 0.85rem;
  width: 100%;
}

.nk-app-root .sip-profile-edit-page .multiselect__tags,
.nk-app-root .sip-content-card-body .multiselect__tags,
.nk-app-root .sip-drawer-form .multiselect__tags {
  min-height: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--sip-line, #E2E8F0);
  background: var(--sip-surface, #FFFFFF);
  padding: 8px 40px 0 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.nk-app-root .sip-profile-edit-page .multiselect__single,
.nk-app-root .sip-content-card-body .multiselect__single,
.nk-app-root .sip-drawer-form .multiselect__single {
  font-size: 0.845rem;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  color: var(--sip-text, #1E293B);
}

.nk-app-root .sip-profile-edit-page .multiselect__input,
.nk-app-root .sip-content-card-body .multiselect__input,
.nk-app-root .sip-drawer-form .multiselect__input {
  font-size: 0.845rem;
  padding: 0;
  margin-bottom: 0;
  background: transparent;
}

.nk-app-root .sip-profile-edit-page .multiselect__select,
.nk-app-root .sip-content-card-body .multiselect__select,
.nk-app-root .sip-drawer-form .multiselect__select {
  height: 40px;
  width: 36px;
  top: 1px;
}

/* Segmented Radio Group (Interactive Button Radios) */
.nk-app-root .sip-segmented-group {
  display: inline-flex;
  align-items: center;
  background: color-mix(in srgb, var(--sip-bg, #F8FAFC) 80%, var(--sip-surface, #FFFFFF));
  border: 1px solid var(--sip-line, #E2E8F0);
  border-radius: 10px;
  padding: 3px;
  gap: 3px;
  width: 100%;
  min-height: 42px;
  height: 42px;
  box-sizing: border-box;
}

.nk-app-root .sip-segmented-btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 10px;
  margin: 0;
  border-radius: 7px;
  border: 0;
  background: transparent;
  color: var(--sip-muted, #64748B);
  font-family: var(--sip-font);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.15s var(--sip-ease);
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.nk-app-root .sip-segmented-btn .sip-segmented-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  margin: 0;
}
.nk-app-root .sip-segmented-btn i, .nk-app-root .sip-segmented-btn em {
  font-size: 0.875rem;
  line-height: 1;
  color: var(--sip-muted);
  transition: color 0.15s ease;
}
.nk-app-root .sip-segmented-btn:hover:not(.active) {
  background: rgba(255, 255, 255, 0.7);
  color: var(--sip-text, #1E293B);
}
.nk-app-root .sip-segmented-btn:hover:not(.active) i, .nk-app-root .sip-segmented-btn:hover:not(.active) em {
  color: var(--sip-text, #1E293B);
}
.nk-app-root .sip-segmented-btn.active {
  background: var(--sip-surface, #FFFFFF);
  color: var(--sip-accent, #4F46E5);
  font-weight: 600;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}
.nk-app-root .sip-segmented-btn.active i, .nk-app-root .sip-segmented-btn.active em {
  color: var(--sip-accent, #4F46E5);
}

/* Modern Toggle Cards (BPL, RTE, Account Primary, etc.) */
.nk-app-root .sip-toggle-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  min-height: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid var(--sip-line, #E2E8F0);
  background: var(--sip-surface, #FFFFFF);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 0;
  transition: all 0.15s var(--sip-ease);
  position: relative;
  box-sizing: border-box;
}
.nk-app-root .sip-toggle-card .sip-toggle-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  margin: 0;
}
.nk-app-root .sip-toggle-card .sip-toggle-icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--sip-bg, #F8FAFC) 90%, var(--sip-surface));
  border: 1px solid var(--sip-line, #E2E8F0);
  color: var(--sip-muted, #64748B);
  flex: 0 0 26px;
  transition: all 0.15s ease;
}
.nk-app-root .sip-toggle-card .sip-toggle-icon-box i, .nk-app-root .sip-toggle-card .sip-toggle-icon-box em {
  font-size: 0.82rem;
  line-height: 1;
}
.nk-app-root .sip-toggle-card .sip-toggle-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}
.nk-app-root .sip-toggle-card .sip-toggle-title {
  font-size: 0.785rem;
  font-weight: 600;
  color: var(--sip-text, #1E293B);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nk-app-root .sip-toggle-card .sip-toggle-hint {
  font-size: 0.68rem;
  color: var(--sip-muted, #64748B);
  line-height: 1.1;
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nk-app-root .sip-toggle-card .sip-toggle-switch {
  width: 30px;
  height: 18px;
  border-radius: 18px;
  background: var(--sip-line, #E2E8F0);
  position: relative;
  flex: 0 0 30px;
  transition: background 0.15s ease;
}
.nk-app-root .sip-toggle-card .sip-toggle-switch .sip-switch-indicator {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform 0.15s var(--sip-ease);
}
.nk-app-root .sip-toggle-card:hover {
  border-color: color-mix(in srgb, var(--sip-accent, #4F46E5) 40%, var(--sip-line));
  background: color-mix(in srgb, var(--sip-bg, #F8FAFC) 50%, var(--sip-surface));
}
.nk-app-root .sip-toggle-card.active {
  border-color: var(--sip-accent, #4F46E5);
  background: color-mix(in srgb, var(--sip-accent, #4F46E5) 6%, var(--sip-surface));
}
.nk-app-root .sip-toggle-card.active .sip-toggle-icon-box {
  background: color-mix(in srgb, var(--sip-accent, #4F46E5) 15%, transparent);
  border-color: color-mix(in srgb, var(--sip-accent, #4F46E5) 30%, transparent);
  color: var(--sip-accent, #4F46E5);
}
.nk-app-root .sip-toggle-card.active .sip-toggle-switch {
  background: var(--sip-accent, #4F46E5);
}
.nk-app-root .sip-toggle-card.active .sip-toggle-switch .sip-switch-indicator {
  transform: translateX(12px);
}

/* ==========================================================================
   SIP Standard Button System (.sip-btn-save, .sip-btn-cancel, etc.)
   ========================================================================== */
.sip-btn-save,
.sip-btn-primary,
.nk-app-root .sip-btn-save,
.nk-app-root .sip-btn-primary,
button.sip-btn-save,
button.sip-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0.5rem 1.25rem !important;
  border-radius: 8px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  background: var(--sip-accent, #0284C7) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(2, 132, 199, 0.25) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.sip-btn-save i, .sip-btn-save em, .sip-btn-save .icon, .sip-btn-save [class*=fi-], .sip-btn-save [class*=ni-], .sip-btn-save [class*=fa-],
.sip-btn-primary i,
.sip-btn-primary em,
.sip-btn-primary .icon,
.sip-btn-primary [class*=fi-],
.sip-btn-primary [class*=ni-],
.sip-btn-primary [class*=fa-],
.nk-app-root .sip-btn-save i,
.nk-app-root .sip-btn-save em,
.nk-app-root .sip-btn-save .icon,
.nk-app-root .sip-btn-save [class*=fi-],
.nk-app-root .sip-btn-save [class*=ni-],
.nk-app-root .sip-btn-save [class*=fa-],
.nk-app-root .sip-btn-primary i,
.nk-app-root .sip-btn-primary em,
.nk-app-root .sip-btn-primary .icon,
.nk-app-root .sip-btn-primary [class*=fi-],
.nk-app-root .sip-btn-primary [class*=ni-],
.nk-app-root .sip-btn-primary [class*=fa-],
button.sip-btn-save i,
button.sip-btn-save em,
button.sip-btn-save .icon,
button.sip-btn-save [class*=fi-],
button.sip-btn-save [class*=ni-],
button.sip-btn-save [class*=fa-],
button.sip-btn-primary i,
button.sip-btn-primary em,
button.sip-btn-primary .icon,
button.sip-btn-primary [class*=fi-],
button.sip-btn-primary [class*=ni-],
button.sip-btn-primary [class*=fa-] {
  font-size: 0.95rem !important;
  line-height: 1 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sip-btn-save span,
.sip-btn-primary span,
.nk-app-root .sip-btn-save span,
.nk-app-root .sip-btn-primary span,
button.sip-btn-save span,
button.sip-btn-primary span {
  color: #ffffff !important;
  font-weight: inherit !important;
  line-height: 1 !important;
}
.sip-btn-save:hover:not(:disabled),
.sip-btn-primary:hover:not(:disabled),
.nk-app-root .sip-btn-save:hover:not(:disabled),
.nk-app-root .sip-btn-primary:hover:not(:disabled),
button.sip-btn-save:hover:not(:disabled),
button.sip-btn-primary:hover:not(:disabled) {
  background: var(--sip-accent-hover, #0369A1) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--sip-accent, #0284C7) 40%, transparent) !important;
  transform: translateY(-1px);
  text-decoration: none !important;
}
.sip-btn-save:active:not(:disabled),
.sip-btn-primary:active:not(:disabled),
.nk-app-root .sip-btn-save:active:not(:disabled),
.nk-app-root .sip-btn-primary:active:not(:disabled),
button.sip-btn-save:active:not(:disabled),
button.sip-btn-primary:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 3px color-mix(in srgb, var(--sip-accent, #0284C7) 25%, transparent) !important;
}
.sip-btn-save:focus-visible, .sip-btn-save:focus,
.sip-btn-primary:focus-visible,
.sip-btn-primary:focus,
.nk-app-root .sip-btn-save:focus-visible,
.nk-app-root .sip-btn-save:focus,
.nk-app-root .sip-btn-primary:focus-visible,
.nk-app-root .sip-btn-primary:focus,
button.sip-btn-save:focus-visible,
button.sip-btn-save:focus,
button.sip-btn-primary:focus-visible,
button.sip-btn-primary:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sip-accent, #0284C7) 35%, transparent) !important;
}
.sip-btn-save:disabled, .sip-btn-save[disabled], .sip-btn-save.disabled,
.sip-btn-primary:disabled,
.sip-btn-primary[disabled],
.sip-btn-primary.disabled,
.nk-app-root .sip-btn-save:disabled,
.nk-app-root .sip-btn-save[disabled],
.nk-app-root .sip-btn-save.disabled,
.nk-app-root .sip-btn-primary:disabled,
.nk-app-root .sip-btn-primary[disabled],
.nk-app-root .sip-btn-primary.disabled,
button.sip-btn-save:disabled,
button.sip-btn-save[disabled],
button.sip-btn-save.disabled,
button.sip-btn-primary:disabled,
button.sip-btn-primary[disabled],
button.sip-btn-primary.disabled {
  opacity: 0.65 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.sip-btn-cancel,
.sip-btn-secondary,
.nk-app-root .sip-btn-cancel,
.nk-app-root .sip-btn-secondary,
a.sip-btn-cancel,
a.sip-btn-secondary,
button.sip-btn-cancel,
button.sip-btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0.5rem 1.25rem !important;
  border-radius: 8px !important;
  font-family: var(--sip-font) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  border: 1px solid var(--sip-line, #E2E8F0) !important;
  background: var(--sip-surface, #FFFFFF) !important;
  color: var(--sip-muted, #64748B) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.sip-btn-cancel i, .sip-btn-cancel em, .sip-btn-cancel .icon, .sip-btn-cancel [class*=fi-], .sip-btn-cancel [class*=ni-], .sip-btn-cancel [class*=fa-],
.sip-btn-secondary i,
.sip-btn-secondary em,
.sip-btn-secondary .icon,
.sip-btn-secondary [class*=fi-],
.sip-btn-secondary [class*=ni-],
.sip-btn-secondary [class*=fa-],
.nk-app-root .sip-btn-cancel i,
.nk-app-root .sip-btn-cancel em,
.nk-app-root .sip-btn-cancel .icon,
.nk-app-root .sip-btn-cancel [class*=fi-],
.nk-app-root .sip-btn-cancel [class*=ni-],
.nk-app-root .sip-btn-cancel [class*=fa-],
.nk-app-root .sip-btn-secondary i,
.nk-app-root .sip-btn-secondary em,
.nk-app-root .sip-btn-secondary .icon,
.nk-app-root .sip-btn-secondary [class*=fi-],
.nk-app-root .sip-btn-secondary [class*=ni-],
.nk-app-root .sip-btn-secondary [class*=fa-],
a.sip-btn-cancel i,
a.sip-btn-cancel em,
a.sip-btn-cancel .icon,
a.sip-btn-cancel [class*=fi-],
a.sip-btn-cancel [class*=ni-],
a.sip-btn-cancel [class*=fa-],
a.sip-btn-secondary i,
a.sip-btn-secondary em,
a.sip-btn-secondary .icon,
a.sip-btn-secondary [class*=fi-],
a.sip-btn-secondary [class*=ni-],
a.sip-btn-secondary [class*=fa-],
button.sip-btn-cancel i,
button.sip-btn-cancel em,
button.sip-btn-cancel .icon,
button.sip-btn-cancel [class*=fi-],
button.sip-btn-cancel [class*=ni-],
button.sip-btn-cancel [class*=fa-],
button.sip-btn-secondary i,
button.sip-btn-secondary em,
button.sip-btn-secondary .icon,
button.sip-btn-secondary [class*=fi-],
button.sip-btn-secondary [class*=ni-],
button.sip-btn-secondary [class*=fa-] {
  font-size: 0.95rem !important;
  line-height: 1 !important;
  color: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sip-btn-cancel span,
.sip-btn-secondary span,
.nk-app-root .sip-btn-cancel span,
.nk-app-root .sip-btn-secondary span,
a.sip-btn-cancel span,
a.sip-btn-secondary span,
button.sip-btn-cancel span,
button.sip-btn-secondary span {
  color: inherit !important;
  font-weight: inherit !important;
  line-height: 1 !important;
}
.sip-btn-cancel:hover,
.sip-btn-secondary:hover,
.nk-app-root .sip-btn-cancel:hover,
.nk-app-root .sip-btn-secondary:hover,
a.sip-btn-cancel:hover,
a.sip-btn-secondary:hover,
button.sip-btn-cancel:hover,
button.sip-btn-secondary:hover {
  background: var(--sip-sidebar-hover, #F1F5F9) !important;
  color: var(--sip-text, #0F172A) !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08) !important;
  text-decoration: none !important;
}
.sip-btn-cancel:active,
.sip-btn-secondary:active,
.nk-app-root .sip-btn-cancel:active,
.nk-app-root .sip-btn-secondary:active,
a.sip-btn-cancel:active,
a.sip-btn-secondary:active,
button.sip-btn-cancel:active,
button.sip-btn-secondary:active {
  transform: translateY(0);
}
.sip-btn-cancel:focus-visible, .sip-btn-cancel:focus,
.sip-btn-secondary:focus-visible,
.sip-btn-secondary:focus,
.nk-app-root .sip-btn-cancel:focus-visible,
.nk-app-root .sip-btn-cancel:focus,
.nk-app-root .sip-btn-secondary:focus-visible,
.nk-app-root .sip-btn-secondary:focus,
a.sip-btn-cancel:focus-visible,
a.sip-btn-cancel:focus,
a.sip-btn-secondary:focus-visible,
a.sip-btn-secondary:focus,
button.sip-btn-cancel:focus-visible,
button.sip-btn-cancel:focus,
button.sip-btn-secondary:focus-visible,
button.sip-btn-secondary:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sip-accent, #0284C7) 20%, transparent) !important;
}

/* Unified Form Footer */
.nk-app-root .sip-form-footer,
.sip-form-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 2rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid var(--sip-line, #E2E8F0) !important;
  clear: both !important;
  width: 100% !important;
}
.nk-app-root .sip-form-footer .sip-btn-cancel,
.nk-app-root .sip-form-footer .sip-btn-secondary,
.sip-form-footer .sip-btn-cancel,
.sip-form-footer .sip-btn-secondary {
  margin: 0 !important;
}
.nk-app-root .sip-form-footer .sip-btn-save,
.nk-app-root .sip-form-footer .sip-btn-primary,
.sip-form-footer .sip-btn-save,
.sip-form-footer .sip-btn-primary {
  margin: 0 !important;
}

/* Inline row alignment for quick action buttons */
.row.align-items-end .form-group .sip-btn-save,
.row.align-items-end .form-group .sip-btn-primary,
.row.align-items-end .form-group .sip-btn-cancel,
.row.align-items-end .form-group .sip-btn-secondary,
.row.align-items-end .sip-btn-save,
.row.align-items-end .sip-btn-primary {
  min-height: 42px !important;
  height: 42px !important;
  box-sizing: border-box !important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .nk-app-root .sip-hero-body {
    padding: 0 16px 16px;
  }
  .nk-app-root .sip-hero-tabs {
    padding: 0 16px;
  }
  .nk-app-root .sip-content-card-head {
    padding: 14px 16px;
  }
  .nk-app-root .sip-content-card-body {
    padding: 16px;
  }
}
@media (max-width: 767.98px) {
  .nk-app-root .sip-hero-header-row {
    flex-direction: column;
    align-items: stretch;
    margin-top: -42px;
  }
  .nk-app-root .sip-hero-profile-group {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }
  .nk-app-root .sip-hero-identity {
    padding-top: 0;
    width: 100%;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
  }
  .nk-app-root .sip-hero-title-wrap {
    justify-content: center;
    margin: 0;
  }
  .nk-app-root .sip-hero-badges {
    justify-content: center;
    row-gap: 0.375rem !important;
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .nk-app-root .sip-hero-actions {
    padding-top: 6px;
    justify-content: center;
  }
  .nk-app-root .sip-hero-meta-strip {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .nk-app-root .sip-hero-meta-strip {
    grid-template-columns: 1fr;
  }
}
/* ── Dark Mode Compatibility ── */
html.dark-mode .nk-app-root .sip-profile-hero,
html.dark-mode .nk-app-root .sip-content-card,
body.dark-mode .nk-app-root .sip-profile-hero,
body.dark-mode .nk-app-root .sip-content-card {
  background: var(--sip-surface) !important;
  border-color: var(--sip-line) !important;
}
html.dark-mode .nk-app-root .sip-hero-banner,
body.dark-mode .nk-app-root .sip-hero-banner {
  background: linear-gradient(135deg, #1E1B4B 0%, #0369A1 60%, #0284C7 100%);
}
html.dark-mode .nk-app-root .sip-hero-action-btn,
body.dark-mode .nk-app-root .sip-hero-action-btn {
  background: var(--sip-surface);
  border-color: var(--sip-line);
  color: var(--sip-sidebar-text);
}
html.dark-mode .nk-app-root .sip-hero-action-btn:hover,
body.dark-mode .nk-app-root .sip-hero-action-btn:hover {
  background: var(--sip-sidebar-hover);
  color: var(--sip-text);
  border-color: var(--sip-accent);
}
html.dark-mode .nk-app-root .sip-hero-meta-strip,
body.dark-mode .nk-app-root .sip-hero-meta-strip {
  background: color-mix(in srgb, var(--sip-bg) 80%, var(--sip-surface));
  border-color: var(--sip-line);
}
html.dark-mode .nk-app-root .sip-subnav-pill,
body.dark-mode .nk-app-root .sip-subnav-pill {
  background: var(--sip-surface);
  border-color: var(--sip-line);
  color: var(--sip-sidebar-text);
}
html.dark-mode .nk-app-root .sip-subnav-pill:hover,
body.dark-mode .nk-app-root .sip-subnav-pill:hover {
  background: var(--sip-sidebar-hover);
  color: var(--sip-text);
}
html.dark-mode .nk-app-root .sip-subnav-pill.active,
body.dark-mode .nk-app-root .sip-subnav-pill.active {
  background: var(--sip-accent);
  color: #FFFFFF;
  border-color: var(--sip-accent);
}
html.dark-mode .nk-app-root .sip-badge-neutral,
body.dark-mode .nk-app-root .sip-badge-neutral {
  background: color-mix(in srgb, var(--sip-bg) 80%, var(--sip-surface));
  border-color: var(--sip-line);
  color: var(--sip-sidebar-text);
}
html.dark-mode .nk-app-root .profile-ud-item,
html.dark-mode .nk-app-root .sip-kv-item,
html.dark-mode .profile-ud-item,
html.dark-mode .sip-kv-item,
body.dark-mode .nk-app-root .profile-ud-item,
body.dark-mode .nk-app-root .sip-kv-item,
body.dark-mode .profile-ud-item,
body.dark-mode .sip-kv-item {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--sip-line) !important;
  box-shadow: none !important;
}
html.dark-mode .nk-app-root .profile-ud-item:hover,
html.dark-mode .nk-app-root .sip-kv-item:hover,
html.dark-mode .profile-ud-item:hover,
html.dark-mode .sip-kv-item:hover,
body.dark-mode .nk-app-root .profile-ud-item:hover,
body.dark-mode .nk-app-root .sip-kv-item:hover,
body.dark-mode .profile-ud-item:hover,
body.dark-mode .sip-kv-item:hover {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  border-bottom-color: color-mix(in srgb, var(--sip-accent) 40%, var(--sip-line)) !important;
  box-shadow: none !important;
}
html.dark-mode .nk-app-root .sip-code-modal-card,
body.dark-mode .nk-app-root .sip-code-modal-card {
  background: color-mix(in srgb, var(--sip-bg) 70%, var(--sip-surface));
  border-color: var(--sip-line);
}
html.dark-mode .nk-app-root .sip-content-card-body .table-responsive,
html.dark-mode .nk-app-root .sip-content-card .sip-content-card-body .table-responsive,
html.dark-mode .nk-app-root .sip-content-card .table-responsive,
body.dark-mode .nk-app-root .sip-content-card-body .table-responsive,
body.dark-mode .nk-app-root .sip-content-card .sip-content-card-body .table-responsive,
body.dark-mode .nk-app-root .sip-content-card .table-responsive {
  background: var(--sip-surface, #1E293B) !important;
  border-color: var(--sip-line, #334155) !important;
  box-shadow: none !important;
}
html.dark-mode .nk-app-root .sip-content-card-body .table-responsive + .sip-pager,
html.dark-mode .nk-app-root .sip-content-card-body .table-responsive + div:has(> .sip-pager) > .sip-pager,
html.dark-mode .nk-app-root .sip-content-card .table-responsive + .sip-pager,
html.dark-mode .nk-app-root .sip-content-card .table-responsive + div:has(> .sip-pager) > .sip-pager,
body.dark-mode .nk-app-root .sip-content-card-body .table-responsive + .sip-pager,
body.dark-mode .nk-app-root .sip-content-card-body .table-responsive + div:has(> .sip-pager) > .sip-pager,
body.dark-mode .nk-app-root .sip-content-card .table-responsive + .sip-pager,
body.dark-mode .nk-app-root .sip-content-card .table-responsive + div:has(> .sip-pager) > .sip-pager {
  background: var(--sip-surface, #1E293B) !important;
  border-color: var(--sip-line, #334155) !important;
  border-top-color: var(--sip-line, #334155) !important;
  box-shadow: none !important;
}
html.dark-mode .nk-app-root .sip-content-card-body table.table,
html.dark-mode .nk-app-root .sip-content-card-body .table,
html.dark-mode .nk-app-root .sip-content-card table.table,
html.dark-mode .nk-app-root .sip-content-card .table,
body.dark-mode .nk-app-root .sip-content-card-body table.table,
body.dark-mode .nk-app-root .sip-content-card-body .table,
body.dark-mode .nk-app-root .sip-content-card table.table,
body.dark-mode .nk-app-root .sip-content-card .table {
  background: var(--sip-surface, #1E293B) !important;
}
html.dark-mode .nk-app-root .sip-content-card-body table.table thead,
html.dark-mode .nk-app-root .sip-content-card-body table.table thead tr,
html.dark-mode .nk-app-root .sip-content-card table.table thead,
html.dark-mode .nk-app-root .sip-content-card table.table thead tr,
html.dark-mode .nk-app-root .sip-content-card-body table.table thead th,
html.dark-mode .nk-app-root .sip-content-card-body .table thead th,
html.dark-mode .nk-app-root .sip-content-card table.table thead th,
html.dark-mode .nk-app-root .sip-content-card .table thead th,
body.dark-mode .nk-app-root .sip-content-card-body table.table thead,
body.dark-mode .nk-app-root .sip-content-card-body table.table thead tr,
body.dark-mode .nk-app-root .sip-content-card table.table thead,
body.dark-mode .nk-app-root .sip-content-card table.table thead tr,
body.dark-mode .nk-app-root .sip-content-card-body table.table thead th,
body.dark-mode .nk-app-root .sip-content-card-body .table thead th,
body.dark-mode .nk-app-root .sip-content-card table.table thead th,
body.dark-mode .nk-app-root .sip-content-card .table thead th {
  background: #0F172A !important;
  background-color: #0F172A !important;
  border-bottom-color: var(--sip-line, #334155) !important;
  color: var(--sip-muted, #94A3B8) !important;
}
html.dark-mode .nk-app-root .sip-content-card-body table.table tbody td,
html.dark-mode .nk-app-root .sip-content-card-body .table tbody td,
html.dark-mode .nk-app-root .sip-content-card table.table tbody td,
html.dark-mode .nk-app-root .sip-content-card .table tbody td,
body.dark-mode .nk-app-root .sip-content-card-body table.table tbody td,
body.dark-mode .nk-app-root .sip-content-card-body .table tbody td,
body.dark-mode .nk-app-root .sip-content-card table.table tbody td,
body.dark-mode .nk-app-root .sip-content-card .table tbody td {
  background: var(--sip-surface, #1E293B) !important;
  color: var(--sip-text, #E2E8F0) !important;
  border-bottom-color: var(--sip-line, #334155) !important;
}
html.dark-mode .nk-app-root .sip-content-card-body table.table.table-striped > tbody > tr:nth-of-type(even) > td,
html.dark-mode .nk-app-root .sip-content-card table.table.table-striped > tbody > tr:nth-of-type(even) > td,
body.dark-mode .nk-app-root .sip-content-card-body table.table.table-striped > tbody > tr:nth-of-type(even) > td,
body.dark-mode .nk-app-root .sip-content-card table.table.table-striped > tbody > tr:nth-of-type(even) > td {
  background: #172033 !important;
}
html.dark-mode .nk-app-root .sip-content-card-body table.table tbody tr:hover td,
html.dark-mode .nk-app-root .sip-content-card table.table tbody tr:hover td,
body.dark-mode .nk-app-root .sip-content-card-body table.table tbody tr:hover td,
body.dark-mode .nk-app-root .sip-content-card table.table tbody tr:hover td {
  background: color-mix(in srgb, var(--sip-accent, #0284C7) 14%, #1E293B) !important;
}
html.dark-mode .nk-app-root .sip-hero-edit-mode-pill,
body.dark-mode .nk-app-root .sip-hero-edit-mode-pill {
  background: rgba(99, 102, 241, 0.15);
  border-color: rgba(99, 102, 241, 0.35);
  color: #818CF8;
}
html.dark-mode .nk-app-root .sip-profile-edit-page select,
html.dark-mode .nk-app-root .sip-content-card-body select,
html.dark-mode .nk-app-root .sip-drawer-form select,
html.dark-mode .nk-app-root .sip-profile-edit-page .form-control,
html.dark-mode .nk-app-root .sip-content-card-body .form-control,
html.dark-mode .nk-app-root .sip-drawer-form .form-control,
html.dark-mode .nk-app-root .sip-profile-edit-page .custom-select,
html.dark-mode .nk-app-root .sip-content-card-body .custom-select,
html.dark-mode .nk-app-root .sip-drawer-form .custom-select,
html.dark-mode .nk-app-root .sip-profile-edit-page select.form-control,
html.dark-mode .nk-app-root .sip-content-card-body select.form-control,
html.dark-mode .nk-app-root .sip-drawer-form select.form-control,
html.dark-mode .nk-app-root .sip-profile-edit-page .vdp-datepicker input,
html.dark-mode .nk-app-root .sip-content-card-body .vdp-datepicker input,
html.dark-mode .nk-app-root .sip-drawer-form .vdp-datepicker input,
html.dark-mode .nk-app-root .sip-profile-edit-page .multiselect__tags,
html.dark-mode .nk-app-root .sip-content-card-body .multiselect__tags,
html.dark-mode .nk-app-root .sip-drawer-form .multiselect__tags,
body.dark-mode .nk-app-root .sip-profile-edit-page select,
body.dark-mode .nk-app-root .sip-content-card-body select,
body.dark-mode .nk-app-root .sip-drawer-form select,
body.dark-mode .nk-app-root .sip-profile-edit-page .form-control,
body.dark-mode .nk-app-root .sip-content-card-body .form-control,
body.dark-mode .nk-app-root .sip-drawer-form .form-control,
body.dark-mode .nk-app-root .sip-profile-edit-page .custom-select,
body.dark-mode .nk-app-root .sip-content-card-body .custom-select,
body.dark-mode .nk-app-root .sip-drawer-form .custom-select,
body.dark-mode .nk-app-root .sip-profile-edit-page select.form-control,
body.dark-mode .nk-app-root .sip-content-card-body select.form-control,
body.dark-mode .nk-app-root .sip-drawer-form select.form-control,
body.dark-mode .nk-app-root .sip-profile-edit-page .vdp-datepicker input,
body.dark-mode .nk-app-root .sip-content-card-body .vdp-datepicker input,
body.dark-mode .nk-app-root .sip-drawer-form .vdp-datepicker input,
body.dark-mode .nk-app-root .sip-profile-edit-page .multiselect__tags,
body.dark-mode .nk-app-root .sip-content-card-body .multiselect__tags,
body.dark-mode .nk-app-root .sip-drawer-form .multiselect__tags {
  background-color: var(--sip-surface, #1E293B) !important;
  border-color: var(--sip-line, #334155) !important;
  color: var(--sip-text, #E2E8F0) !important;
}
html.dark-mode .nk-app-root .sip-form-section-title,
body.dark-mode .nk-app-root .sip-form-section-title {
  color: var(--sip-text, #E2E8F0);
  border-bottom-color: var(--sip-line, #334155);
}
html.dark-mode .nk-app-root .sip-form-section-title i, html.dark-mode .nk-app-root .sip-form-section-title em,
body.dark-mode .nk-app-root .sip-form-section-title i,
body.dark-mode .nk-app-root .sip-form-section-title em {
  color: #38BDF8;
}
html.dark-mode .nk-app-root .sip-segmented-group,
body.dark-mode .nk-app-root .sip-segmented-group {
  background: rgba(30, 41, 59, 0.6);
  border-color: var(--sip-line, #334155);
}
html.dark-mode .nk-app-root .sip-segmented-btn,
body.dark-mode .nk-app-root .sip-segmented-btn {
  color: var(--sip-muted, #94A3B8);
}
html.dark-mode .nk-app-root .sip-segmented-btn:hover:not(.active),
body.dark-mode .nk-app-root .sip-segmented-btn:hover:not(.active) {
  background: rgba(255, 255, 255, 0.05);
  color: var(--sip-text, #E2E8F0);
}
html.dark-mode .nk-app-root .sip-segmented-btn.active,
body.dark-mode .nk-app-root .sip-segmented-btn.active {
  background: var(--sip-surface, #1E293B);
  color: #38BDF8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
html.dark-mode .nk-app-root .sip-segmented-btn.active i, html.dark-mode .nk-app-root .sip-segmented-btn.active em,
body.dark-mode .nk-app-root .sip-segmented-btn.active i,
body.dark-mode .nk-app-root .sip-segmented-btn.active em {
  color: #38BDF8;
}
html.dark-mode .nk-app-root .sip-toggle-card,
body.dark-mode .nk-app-root .sip-toggle-card {
  background: var(--sip-surface, #1E293B);
  border-color: var(--sip-line, #334155);
}
html.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-icon-box,
body.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-icon-box {
  background: #0F172A;
  border-color: var(--sip-line, #334155);
  color: var(--sip-muted, #94A3B8);
}
html.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-title,
body.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-title {
  color: var(--sip-text, #E2E8F0);
}
html.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-hint,
body.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-hint {
  color: var(--sip-muted, #94A3B8);
}
html.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-switch,
body.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-switch {
  background: #334155;
}
html.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-switch .sip-switch-indicator,
body.dark-mode .nk-app-root .sip-toggle-card .sip-toggle-switch .sip-switch-indicator {
  background: #E2E8F0;
}
html.dark-mode .nk-app-root .sip-toggle-card:hover,
body.dark-mode .nk-app-root .sip-toggle-card:hover {
  background: #172033;
  border-color: #475569;
}
html.dark-mode .nk-app-root .sip-toggle-card.active,
body.dark-mode .nk-app-root .sip-toggle-card.active {
  background: rgba(2, 132, 199, 0.12);
  border-color: #0284C7;
}
html.dark-mode .nk-app-root .sip-toggle-card.active .sip-toggle-icon-box,
body.dark-mode .nk-app-root .sip-toggle-card.active .sip-toggle-icon-box {
  background: rgba(2, 132, 199, 0.2);
  border-color: rgba(2, 132, 199, 0.4);
  color: #38BDF8;
}
html.dark-mode .nk-app-root .sip-toggle-card.active .sip-toggle-switch,
body.dark-mode .nk-app-root .sip-toggle-card.active .sip-toggle-switch {
  background: #0284C7;
}
html.dark-mode .nk-app-root .sip-form-footer,
html.dark-mode .sip-form-footer,
body.dark-mode .nk-app-root .sip-form-footer,
body.dark-mode .sip-form-footer {
  border-top-color: var(--sip-line, #334155) !important;
}
html.dark-mode .sip-btn-cancel,
html.dark-mode .sip-btn-secondary,
html.dark-mode .nk-app-root .sip-btn-cancel,
html.dark-mode .nk-app-root .sip-btn-secondary,
html.dark-mode a.sip-btn-cancel,
html.dark-mode a.sip-btn-secondary,
html.dark-mode button.sip-btn-cancel,
html.dark-mode button.sip-btn-secondary,
body.dark-mode .sip-btn-cancel,
body.dark-mode .sip-btn-secondary,
body.dark-mode .nk-app-root .sip-btn-cancel,
body.dark-mode .nk-app-root .sip-btn-secondary,
body.dark-mode a.sip-btn-cancel,
body.dark-mode a.sip-btn-secondary,
body.dark-mode button.sip-btn-cancel,
body.dark-mode button.sip-btn-secondary {
  background: var(--sip-surface, #1E293B) !important;
  border-color: var(--sip-line, #334155) !important;
  color: var(--sip-muted, #94A3B8) !important;
  box-shadow: none !important;
}
html.dark-mode .sip-btn-cancel:hover,
html.dark-mode .sip-btn-secondary:hover,
html.dark-mode .nk-app-root .sip-btn-cancel:hover,
html.dark-mode .nk-app-root .sip-btn-secondary:hover,
html.dark-mode a.sip-btn-cancel:hover,
html.dark-mode a.sip-btn-secondary:hover,
html.dark-mode button.sip-btn-cancel:hover,
html.dark-mode button.sip-btn-secondary:hover,
body.dark-mode .sip-btn-cancel:hover,
body.dark-mode .sip-btn-secondary:hover,
body.dark-mode .nk-app-root .sip-btn-cancel:hover,
body.dark-mode .nk-app-root .sip-btn-secondary:hover,
body.dark-mode a.sip-btn-cancel:hover,
body.dark-mode a.sip-btn-secondary:hover,
body.dark-mode button.sip-btn-cancel:hover,
body.dark-mode button.sip-btn-secondary:hover {
  background: #334155 !important;
  color: #FFFFFF !important;
  border-color: #475569 !important;
}
html.dark-mode .sip-btn-save,
html.dark-mode .sip-btn-primary,
html.dark-mode .nk-app-root .sip-btn-save,
html.dark-mode .nk-app-root .sip-btn-primary,
html.dark-mode button.sip-btn-save,
html.dark-mode button.sip-btn-primary,
body.dark-mode .sip-btn-save,
body.dark-mode .sip-btn-primary,
body.dark-mode .nk-app-root .sip-btn-save,
body.dark-mode .nk-app-root .sip-btn-primary,
body.dark-mode button.sip-btn-save,
body.dark-mode button.sip-btn-primary {
  background: var(--sip-accent, #0284C7) !important;
  color: #FFFFFF !important;
  border: none !important;
}
html.dark-mode .sip-btn-save:hover:not(:disabled),
html.dark-mode .sip-btn-primary:hover:not(:disabled),
html.dark-mode .nk-app-root .sip-btn-save:hover:not(:disabled),
html.dark-mode .nk-app-root .sip-btn-primary:hover:not(:disabled),
html.dark-mode button.sip-btn-save:hover:not(:disabled),
html.dark-mode button.sip-btn-primary:hover:not(:disabled),
body.dark-mode .sip-btn-save:hover:not(:disabled),
body.dark-mode .sip-btn-primary:hover:not(:disabled),
body.dark-mode .nk-app-root .sip-btn-save:hover:not(:disabled),
body.dark-mode .nk-app-root .sip-btn-primary:hover:not(:disabled),
body.dark-mode button.sip-btn-save:hover:not(:disabled),
body.dark-mode button.sip-btn-primary:hover:not(:disabled) {
  background: var(--sip-accent-hover, #0369A1) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--sip-accent, #0284C7) 45%, transparent) !important;
}

/* ══════════════════════════════════════════════════════════════════════════ */
/* Modern Profile Photo Upload Drawer (upload-only)                           */
/* ══════════════════════════════════════════════════════════════════════════ */
.sip-photo-drawer-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.sip-photo-drawer-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 100%;
}

.sip-photo-drawer-scroll-body {
  flex: 1 1 auto;
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
}

.sip-photo-hidden-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Header styling */
.sip-photo-drawer-header-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(var(--sip-primary-rgb, 101, 118, 255), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.sip-photo-drawer-header-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--sip-text, #1e293b);
  line-height: 1.2;
}

/* Drag & Drop Upload Zone */
.sip-photo-dropzone-box {
  position: relative;
  border: 2px dashed var(--sip-line, #cbd5e1);
  border-radius: 16px;
  background: var(--sip-bg, #f8fafc);
  padding: 32px 16px;
  text-align: center;
  cursor: pointer;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 180px;
}
.sip-photo-dropzone-box:hover, .sip-photo-dropzone-box.is-dragover {
  border-color: var(--sip-primary, #6576ff);
  background: rgba(var(--sip-primary-rgb, 101, 118, 255), 0.05);
  box-shadow: 0 4px 16px rgba(var(--sip-primary-rgb, 101, 118, 255), 0.1);
  transform: translateY(-1px);
}
.sip-photo-dropzone-box:hover .sip-photo-dropzone-icon-circle, .sip-photo-dropzone-box.is-dragover .sip-photo-dropzone-icon-circle {
  transform: scale(1.08);
  background: var(--sip-primary, #6576ff);
  color: #ffffff;
}

.sip-photo-dropzone-icon-circle {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(var(--sip-primary-rgb, 101, 118, 255), 0.1);
  color: var(--sip-primary, #6576ff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  transition: all 0.25s ease;
}

.sip-photo-dropzone-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sip-photo-dropzone-primary-text {
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--sip-text, #1e293b);
}

.sip-photo-browse-link {
  color: var(--sip-primary, #6576ff);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sip-photo-dropzone-subtext {
  font-size: 0.76rem;
  color: var(--sip-muted, #64748b);
}

/* Selected Preview Card */
.sip-photo-preview-card {
  background: var(--sip-surface, #ffffff);
  border: 1.5px solid rgba(var(--sip-primary-rgb, 101, 118, 255), 0.4);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 4px 16px rgba(var(--sip-primary-rgb, 101, 118, 255), 0.08);
}

.sip-photo-preview-body {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sip-photo-preview-thumb-wrap {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid var(--sip-primary, #6576ff);
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.sip-photo-preview-thumb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.sip-photo-preview-meta {
  flex: 1;
  min-width: 0;
}

.sip-photo-preview-filename {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--sip-text, #1e293b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}

.sip-photo-preview-filesize {
  font-size: 0.76rem;
  color: var(--sip-muted, #64748b);
}

.sip-photo-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* Subtle remove current photo link */
.sip-photo-remove-link-wrap {
  margin-top: 14px;
  text-align: center;
}

.sip-photo-remove-link {
  background: none;
  border: none;
  padding: 0;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--sip-muted, #64748b);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  transition: color 0.15s ease;
}
.sip-photo-remove-link:hover:not(:disabled) {
  color: #e85347;
}
.sip-photo-remove-link:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Dark mode overrides */
html.dark-mode .sip-photo-dropzone-box,
body.dark-mode .sip-photo-dropzone-box {
  background: rgba(15, 23, 42, 0.6);
  border-color: #334155;
}
html.dark-mode .sip-photo-dropzone-box:hover, html.dark-mode .sip-photo-dropzone-box.is-dragover,
body.dark-mode .sip-photo-dropzone-box:hover,
body.dark-mode .sip-photo-dropzone-box.is-dragover {
  background: rgba(var(--sip-primary-rgb, 101, 118, 255), 0.1);
  border-color: var(--sip-primary, #6576ff);
}
html.dark-mode .sip-photo-preview-card,
body.dark-mode .sip-photo-preview-card {
  background: #1e293b;
  border-color: rgba(var(--sip-primary-rgb, 101, 118, 255), 0.5);
}
html.dark-mode .sip-photo-remove-link,
body.dark-mode .sip-photo-remove-link {
  color: #94a3b8;
}
html.dark-mode .sip-photo-remove-link:hover:not(:disabled),
body.dark-mode .sip-photo-remove-link:hover:not(:disabled) {
  color: #e85347;
}