@charset "UTF-8";
/* --------------------------------------------------------------------------
 * Sipinor Linear command system
 * Shared contracts: sip-page-shell, sip-command-header, sip-sidebar-nav,
 * sip-surface-card, sip-data-table, sip-badge, sip-toolbar, sip-form-field.
 * -------------------------------------------------------------------------- */
:root {
  --sip-linear-bg: #f5f7fb;
  --sip-linear-bg-top: #f5f7fb;
  --sip-linear-surface: #ffffff;
  --sip-linear-surface-solid: #ffffff;
  --sip-linear-text: #1e293b;
  --sip-linear-text-soft: #334155;
  --sip-linear-muted: #64748b;
  --sip-linear-subtle: #94a3b8;
  --sip-linear-line: #e6e9ef;
  --sip-linear-line-strong: #d7dce5;
  --sip-linear-accent: #206bc4;
  --sip-linear-accent-2: #4299e1;
  --sip-linear-accent-soft: #e8f1fb;
  --sip-linear-good: #2fb344;
  --sip-linear-good-soft: #e9f7ec;
  --sip-linear-warn: #f59f00;
  --sip-linear-warn-soft: #fff5e0;
  --sip-linear-danger: #d63939;
  --sip-linear-danger-soft: #fcebeb;
  --sip-linear-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.04);
  --sip-linear-card-shadow: none;
  --sip-linear-radius: 8px;
  --sip-linear-radius-sm: 6px;
  --sip-linear-radius-xs: 4px;
  --sip-linear-sidebar: 0px;
  --sip-admin-font: Arial, Helvetica, "Segoe UI", sans-serif;
  --sip-rail-bg: #ffffff;
  --sip-rail-bg-2: #ffffff;
  --sip-rail-line: #e6e9ef;
  --sip-rail-text: #1e293b;
  --sip-rail-muted: #475569;
  --sip-rail-soft: #94a3b8;
  --sip-rail-accent: #206bc4;
  --sip-rail-accent-soft: #e8f1fb;
  --sip-content-max: 1320px;
  --sip-page-gutter-x: 1.25rem;
  --sip-page-gutter-y: 1.25rem;
  --sip-table-cell-x: 1rem;
  --sip-table-cell-y: 0.72rem;
  --sip-table-min-width: 720px;
}

body.dark-mode {
  --sip-linear-bg: #0e1117;
  --sip-linear-bg-top: #111520;
  --sip-linear-surface: rgba(20, 23, 31, 0.9);
  --sip-linear-surface-solid: #151922;
  --sip-linear-text: #f7f8fb;
  --sip-linear-text-soft: #d7dce8;
  --sip-linear-muted: #a4adbd;
  --sip-linear-subtle: #7c8496;
  --sip-linear-line: #262b38;
  --sip-linear-line-strong: #353b4d;
  --sip-linear-accent-soft: rgba(98, 92, 246, 0.18);
  --sip-linear-good-soft: rgba(17, 132, 91, 0.18);
  --sip-linear-warn-soft: rgba(154, 91, 0, 0.18);
  --sip-linear-danger-soft: rgba(180, 35, 24, 0.18);
  --sip-linear-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  --sip-linear-card-shadow: 0 16px 48px rgba(0, 0, 0, 0.22), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

html,
body.admin-lms-ui {
  min-width: 320px;
  background: radial-gradient(circle at 48% -10%, rgba(104, 104, 247, 0.12), transparent 34rem), linear-gradient(180deg, var(--sip-linear-bg-top) 0%, var(--sip-linear-bg) 34rem) !important;
}

body.admin-lms-ui {
  color: var(--sip-linear-text);
  font-family: var(--sip-admin-font);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
}

body.admin-lms-ui::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(17, 19, 24, 0.035) 1px, transparent 1px), linear-gradient(rgba(17, 19, 24, 0.025) 1px, transparent 1px);
  background-size: 44px 44px;
  content: "";
}

body.dark-mode.admin-lms-ui::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 44px 44px;
}

body.admin-lms-ui .nk-main,
body.admin-lms-ui .nk-wrap,
body.admin-lms-ui .sip-shell {
  min-height: 100vh;
  background: transparent !important;
}

.sip-workspace {
  min-width: 0;
  margin-left: var(--sip-linear-sidebar);
}

.sip-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0;
  z-index: 1040;
  display: flex;
  flex-direction: column;
  width: var(--sip-linear-sidebar) !important;
  height: 100vh;
  padding: 18px 14px 16px;
  border-right: 1px solid var(--sip-rail-line);
  color: var(--sip-rail-text);
  background: radial-gradient(circle at 20% -10%, rgba(45, 212, 191, 0.16), transparent 28rem), linear-gradient(180deg, var(--sip-rail-bg-2) 0%, var(--sip-rail-bg) 100%) !important;
  box-shadow: 18px 0 48px rgba(8, 12, 18, 0.18) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
  font-family: var(--sip-admin-font);
}

body.dark-mode .sip-sidebar,
.sip-sidebar.sip-sidebar--rail {
  background: radial-gradient(circle at 20% -10%, rgba(45, 212, 191, 0.16), transparent 28rem), linear-gradient(180deg, var(--sip-rail-bg-2) 0%, var(--sip-rail-bg) 100%) !important;
}

.sip-sidebar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  margin-bottom: 18px;
  padding: 4px 4px 16px;
  border-bottom: 1px solid var(--sip-rail-line);
}

.sip-brand {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
  color: var(--sip-rail-text) !important;
  text-decoration: none !important;
}

.sip-brand__mark {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  color: #06251f;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.04em;
  background: linear-gradient(145deg, #5eead4, #2dd4bf);
  box-shadow: 0 12px 28px rgba(45, 212, 191, 0.28);
}

.sip-brand__logo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5px;
  background: #ffffff;
}

.sip-brand__copy,
.sip-brand__copy strong,
.sip-brand__copy small {
  display: block;
  min-width: 0;
}

.sip-brand__copy strong {
  overflow: hidden;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sip-brand__copy small {
  margin-top: 3px;
  color: var(--sip-rail-soft);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.sip-sidebar__close {
  color: #d7deea !important;
}

.sip-sidebar__body {
  flex: 1;
  min-height: 0;
}

.sip-sidebar__body .nk-sidebar-content,
.sip-sidebar-nav {
  height: 100%;
}

.sip-sidebar-nav {
  display: block;
  overflow-y: auto;
  padding: 2px 2px 10px;
}

.sip-sidebar-nav__group + .sip-sidebar-nav__group {
  margin-top: 18px;
}

.sip-sidebar-nav__label {
  margin: 0 10px 8px;
  color: var(--sip-rail-soft);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.3;
  text-transform: uppercase;
}

.sip-sidebar-nav__list {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sip-sidebar-nav__item {
  position: relative;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 10px 0 6px !important;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--sip-rail-muted) !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  text-decoration: none !important;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.sip-sidebar-nav__item:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.sip-sidebar-nav__item.router-link-active,
.sip-sidebar-nav__item.is-active {
  border-color: rgba(45, 212, 191, 0.22);
  color: #ffffff !important;
  background: linear-gradient(90deg, rgba(45, 212, 191, 0.18), rgba(255, 255, 255, 0.04)) !important;
  box-shadow: inset 0 0 0 1px rgba(45, 212, 191, 0.08);
}

.sip-sidebar-nav__item.router-link-active::before,
.sip-sidebar-nav__item.is-active::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 20px;
  border-radius: 999px;
  background: var(--sip-rail-accent);
  content: "";
  transform: translateY(-50%);
}

.sip-sidebar-nav__icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 11px;
  color: #a9b5c9;
  font-size: 15px;
  line-height: 1;
  background: rgba(255, 255, 255, 0.04);
  transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.sip-sidebar-nav__item:hover .sip-sidebar-nav__icon {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

.sip-sidebar-nav__item.router-link-active .sip-sidebar-nav__icon,
.sip-sidebar-nav__item.is-active .sip-sidebar-nav__icon {
  color: #042f2e;
  background: linear-gradient(145deg, #5eead4, #2dd4bf);
  box-shadow: 0 10px 20px rgba(45, 212, 191, 0.28);
}

.sip-sidebar-nav__icon .icon,
.sip-sidebar-nav__icon .icon::before {
  line-height: 1;
  font-family: uicons-regular-rounded !important;
}

.sip-sidebar-nav__dot {
  display: none;
}

.sip-sidebar-nav__title {
  overflow: hidden;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sip-sidebar-nav__meta,
.sip-command-header kbd {
  min-width: 22px;
  padding: 3px 7px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #d7deea;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  background: rgba(255, 255, 255, 0.08);
}

.sip-sidebar-nav__meta--count {
  color: #d7deea;
  background: rgba(255, 255, 255, 0.08);
}

.sip-sidebar-nav__meta--kbd {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10px;
}

.sip-sidebar-nav__item.router-link-active .sip-sidebar-nav__meta--count,
.sip-sidebar-nav__item.is-active .sip-sidebar-nav__meta--count {
  color: #042f2e;
  background: rgba(255, 255, 255, 0.82);
}

.sip-sidebar__foot {
  display: grid;
  gap: 10px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--sip-rail-line);
}

.sip-sidebar-status,
.sip-sidebar-panel,
.sip-sidebar-user {
  padding: 12px;
  border: 1px solid var(--sip-rail-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  box-shadow: none;
}

.sip-sidebar-status__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #d7deea;
  font-size: 12px;
  font-weight: 700;
}

.sip-sidebar-status__row--muted {
  color: var(--sip-rail-soft);
  font-size: 11px;
  font-weight: 600;
}

.sip-sidebar-status__live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #5eead4;
}

.sip-sidebar-status__live i {
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: #2dd4bf;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.16);
}

.sip-sidebar-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.sip-sidebar-panel__label,
.sip-sidebar-panel p,
.sip-sidebar-panel small,
.sip-sidebar-panel__sub {
  margin: 0;
  color: var(--sip-rail-soft);
  font-size: 11px;
  font-weight: 600;
}

.sip-sidebar-panel__pulse {
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: #2dd4bf;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.16);
}

.sip-sidebar-panel__stat,
.sip-sidebar-panel strong {
  display: block;
  margin-top: 8px;
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 700;
}

.sip-mini-meter {
  overflow: hidden;
  height: 5px;
  margin: 10px 0;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.08);
}

.sip-mini-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5eead4, #2dd4bf);
}

.sip-sidebar-user {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.sip-sidebar-user__avatar {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 13px;
  color: #042f2e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  background: linear-gradient(145deg, #5eead4, #2dd4bf);
}

.sip-sidebar-user__copy {
  min-width: 0;
}

.sip-sidebar-user__name,
.sip-sidebar-user__email {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sip-sidebar-user__name {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.sip-sidebar-user__email {
  margin-top: 3px;
  color: var(--sip-rail-soft);
  font-size: 11px;
  font-weight: 500;
}

.sip-command-header {
  position: sticky !important;
  top: 0;
  /* Workspace already clears the fixed sidebar via margin-left. */
  left: 0 !important;
  z-index: 1030;
  min-height: 64px;
  width: 100% !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  background: rgba(247, 248, 251, 0.78) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

body.dark-mode .sip-command-header {
  background: rgba(14, 17, 23, 0.82) !important;
}

.sip-command-header__container,
.sip-page-shell__container,
.sip-footer .container-fluid {
  max-width: 1440px;
}

.sip-command-header__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 0 14px;
}

.sip-command-header__product {
  display: none;
  color: var(--sip-linear-text) !important;
  text-decoration: none !important;
}

.sip-command-header__product-name {
  font-weight: 800;
}

.sip-command-header__product-context {
  margin-left: 5px;
  color: var(--sip-linear-subtle);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.sip-command-header__search {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 10px;
  max-width: 620px;
  height: 38px;
  padding: 0 8px 0 13px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 999px;
  color: var(--sip-linear-subtle);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.sip-command-header__search:hover,
.sip-command-header__search:focus-within {
  border-color: var(--sip-linear-line-strong);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 28px rgba(31, 35, 48, 0.045), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

body.dark-mode .sip-command-header__search {
  background: rgba(255, 255, 255, 0.06);
}

.sip-command-header__dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 99px;
  background: var(--sip-linear-accent);
  box-shadow: 0 0 0 4px rgba(104, 104, 247, 0.1);
}

.sip-command-header__search .admin-global-search {
  position: relative;
  flex: 1;
  min-width: 0;
}

.sip-command-header__search .admin-global-search__field {
  height: 36px;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sip-command-header__search .admin-global-search__icon {
  display: none;
}

.sip-command-header__search .admin-global-search__input {
  width: 100%;
  height: 36px;
  padding: 0 !important;
  border: 0 !important;
  color: var(--sip-linear-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sip-command-header__search .admin-global-search__input::-moz-placeholder {
  color: var(--sip-linear-subtle);
}

.sip-command-header__search .admin-global-search__input::placeholder {
  color: var(--sip-linear-subtle);
}

.sip-command-header__search .admin-global-search__kbd {
  margin-left: auto;
}

.sip-command-header__search .admin-global-search__panel {
  top: calc(100% + 14px);
  left: -31px;
  width: min(620px, 100vw - 32px);
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 18px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-shadow) !important;
}

body.dark-mode .sip-command-header__search .admin-global-search__panel {
  background: var(--sip-linear-surface-solid) !important;
}

.sip-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sip-btn,
.sip-surface-card .sip-btn,
button.sip-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 999px;
  color: var(--sip-linear-muted) !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  transition: border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.sip-btn:hover,
button.sip-btn:hover {
  border-color: var(--sip-linear-line-strong);
  color: var(--sip-linear-text) !important;
}

.sip-btn--primary {
  min-height: 36px;
  padding: 0 15px;
  border-color: rgba(104, 104, 247, 0.45);
  color: #ffffff !important;
  background: linear-gradient(145deg, #5757ec, #7a58f2);
  box-shadow: 0 10px 22px rgba(104, 104, 247, 0.22);
}

.sip-btn--primary:hover {
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(98, 92, 246, 0.26);
}

.sip-avatar-btn,
.sip-avatar {
  display: grid;
  place-items: center;
}

.sip-avatar-btn {
  text-decoration: none !important;
}

.sip-avatar {
  width: 36px;
  height: 36px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 999px;
  color: #363b4b;
  font-size: 12px;
  font-weight: 800;
  background: linear-gradient(180deg, #ffffff, #f4f6fb);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

body.dark-mode .sip-avatar {
  color: var(--sip-linear-text);
  background: rgba(255, 255, 255, 0.06);
}

.sip-dropdown {
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 16px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-shadow) !important;
}

.sip-dropdown__head {
  display: grid;
  gap: 3px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--sip-linear-line);
}

.sip-dropdown__name {
  color: var(--sip-linear-text);
  font-weight: 800;
}

.sip-dropdown__email {
  color: var(--sip-linear-subtle);
  font-size: 12px;
}

.sip-dropdown__menu {
  padding: 6px !important;
}

.sip-dropdown__menu a {
  border-radius: 10px;
  color: var(--sip-linear-text-soft) !important;
}

.sip-dropdown__menu a:hover {
  color: var(--sip-linear-text) !important;
  background: var(--sip-linear-accent-soft) !important;
}

.sip-dropdown__logout a:hover {
  color: var(--sip-linear-danger) !important;
  background: var(--sip-linear-danger-soft) !important;
}

.sip-icon-btn {
  display: grid !important;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--sip-linear-line);
  border-radius: 10px;
  color: var(--sip-linear-text-soft) !important;
  background: rgba(255, 255, 255, 0.82);
}

.sip-mobile-menu span {
  display: block;
  width: 15px;
  height: 1px;
  margin: 4px auto;
  background: currentColor;
}

.sip-page-shell {
  padding: 0 !important;
  background: transparent !important;
}

.sip-page-shell__container {
  padding: 32px 34px 44px;
}

.sip-footer {
  border-top: 1px solid var(--sip-linear-line);
  background: transparent !important;
}

.sip-page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, 0.72fr);
  gap: 30px;
  align-items: end;
  margin-bottom: 24px;
}

.sip-eyebrow,
.sip-section-head span,
.sip-subscriber-card > span {
  color: var(--sip-linear-accent);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sip-page-head h1,
.sip-section-head h2,
.sip-page-head p,
.sip-queue-row p,
.sip-support-card p,
.sip-timeline p,
.sip-subscriber-line p {
  margin: 0;
}

.sip-page-head h1 {
  margin-top: 11px;
  color: var(--sip-linear-text);
  font-size: clamp(32px, 4.4vw, 48px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.055em;
}

.sip-page-head p {
  max-width: 680px;
  margin-top: 14px;
  color: var(--sip-linear-muted);
  font-size: 15px;
  line-height: 1.7;
}

.sip-snapshot {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--sip-linear-line);
  border-radius: var(--sip-linear-radius);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--sip-linear-shadow);
}

body.dark-mode .sip-snapshot {
  background: rgba(255, 255, 255, 0.04);
}

.sip-snapshot div {
  min-height: 98px;
  padding: 17px 18px;
  border-right: 1px solid var(--sip-linear-line);
}

.sip-snapshot div:last-child {
  border-right: 0;
}

.sip-snapshot span,
.sip-signal-row span,
.sip-data-table td span,
.sip-support-card p,
.sip-timeline p,
.sip-todo span,
.sip-empty-inline,
.sip-empty-state {
  color: var(--sip-linear-muted);
}

.sip-snapshot span {
  font-size: 12px;
  font-weight: 700;
}

.sip-snapshot strong {
  display: block;
  margin-top: 15px;
  color: var(--sip-linear-text);
  font-size: 29px;
  font-weight: 800;
  letter-spacing: -0.05em;
}

.sip-ops-grid,
.sip-content-grid,
.sip-bottom-grid {
  display: grid;
  gap: 18px;
}

.sip-ops-grid {
  grid-template-columns: minmax(0, 1fr) 340px;
  margin-bottom: 18px;
}

.sip-content-grid {
  grid-template-columns: minmax(0, 1fr) 360px;
  margin-bottom: 18px;
}

.sip-bottom-grid {
  grid-template-columns: 1fr 1fr;
}

.sip-support-column {
  display: grid;
  align-content: start;
  gap: 18px;
}

.sip-surface-card {
  border: 1px solid var(--sip-linear-line);
  border-radius: var(--sip-linear-radius);
  background: var(--sip-linear-surface);
  box-shadow: var(--sip-linear-card-shadow);
}

.sip-priority-panel,
.sip-table-panel,
.sip-activity-panel,
.sip-todo-panel,
.sip-chart-card,
.sip-empty-state {
  padding: 18px;
}

.sip-signal-panel,
.sip-support-panel,
.sip-subscriber-card {
  padding: 16px;
}

.sip-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 34px;
  margin-bottom: 16px;
}

.sip-section-head--compact {
  margin-bottom: 14px;
}

.sip-section-head h2 {
  margin-top: 5px;
  color: var(--sip-linear-text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.sip-queue-list {
  display: grid;
  gap: 9px;
}

.sip-queue-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 15px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.66);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

body.dark-mode .sip-queue-row {
  background: rgba(255, 255, 255, 0.035);
}

.sip-queue-row:hover {
  border-color: var(--sip-linear-line-strong);
  background: rgba(255, 255, 255, 0.86);
}

body.dark-mode .sip-queue-row:hover {
  background: rgba(255, 255, 255, 0.065);
}

.sip-queue-row--high {
  border-color: rgba(98, 92, 246, 0.24);
  background: linear-gradient(180deg, rgba(246, 247, 255, 0.94), rgba(255, 255, 255, 0.76));
}

body.dark-mode .sip-queue-row--high {
  background: linear-gradient(180deg, rgba(98, 92, 246, 0.15), rgba(255, 255, 255, 0.035));
}

.sip-queue-token {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--sip-linear-line);
  border-radius: 10px;
  color: var(--sip-linear-subtle);
  font-size: 12px;
  font-weight: 800;
  background: var(--sip-linear-surface-solid);
}

.sip-queue-row strong,
.sip-support-card strong,
.sip-timeline strong,
.sip-todo strong {
  display: block;
  color: var(--sip-linear-text);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.sip-queue-row p {
  margin-top: 4px;
  color: var(--sip-linear-muted);
  font-size: 13px;
  line-height: 1.45;
}

.sip-badge,
.sip-resolved {
  display: inline-flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  padding: 5px 8px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 999px;
  color: #50586a;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  background: var(--sip-linear-surface-solid);
}

.sip-badge--urgent {
  border-color: rgba(98, 92, 246, 0.24);
  color: #5147d9;
  background: var(--sip-linear-accent-soft);
}

.sip-badge--stable {
  border-color: rgba(17, 132, 91, 0.18);
  color: var(--sip-linear-good);
  background: var(--sip-linear-good-soft);
}

.sip-badge--watch {
  border-color: rgba(154, 91, 0, 0.18);
  color: var(--sip-linear-warn);
  background: var(--sip-linear-warn-soft);
}

.sip-badge--quiet {
  color: var(--sip-linear-subtle);
  background: rgba(240, 242, 247, 0.8);
}

.sip-signal-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 0;
  border-top: 1px solid var(--sip-linear-line);
}

.sip-signal-row:first-of-type {
  border-top: 0;
}

.sip-signal-row strong {
  color: var(--sip-linear-text);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.sip-signal-row--muted strong {
  color: var(--sip-linear-subtle);
}

.sip-segmented {
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 999px;
  background: rgba(245, 246, 250, 0.82);
}

body.dark-mode .sip-segmented {
  background: rgba(255, 255, 255, 0.04);
}

.sip-segmented button {
  height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  color: var(--sip-linear-muted);
  font-size: 12px;
  font-weight: 700;
  background: transparent;
  box-shadow: none;
}

.sip-segmented .active {
  color: var(--sip-linear-text);
  background: var(--sip-linear-surface-solid);
  box-shadow: 0 1px 2px rgba(32, 35, 48, 0.08);
}

.sip-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--sip-linear-line);
  border-radius: 15px;
  background: var(--sip-linear-surface-solid);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

.sip-data-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

.sip-data-table th,
.sip-data-table td {
  padding: 12px 15px;
  border-bottom: 1px solid var(--sip-linear-line);
  text-align: left;
  vertical-align: middle;
}

.sip-data-table th {
  color: var(--sip-linear-subtle);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #fbfcff, #f7f8fc);
}

body.dark-mode .sip-data-table th {
  background: rgba(255, 255, 255, 0.035);
}

.sip-data-table td {
  color: var(--sip-linear-text-soft);
}

.sip-data-table tbody tr {
  transition: background 150ms ease;
}

.sip-data-table tbody tr:hover {
  background: #fafbff;
}

body.dark-mode .sip-data-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.035);
}

.sip-data-table tr:last-child td {
  border-bottom: 0;
}

.sip-data-table td strong,
.sip-data-table td span {
  display: block;
}

.sip-data-table td span {
  margin-top: 3px;
  font-size: 12px;
}

.sip-pill {
  display: inline-flex !important;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 12px !important;
  font-weight: 800;
  line-height: 1;
}

.sip-pill--good {
  border-color: rgba(17, 132, 91, 0.16);
  color: var(--sip-linear-good) !important;
  background: var(--sip-linear-good-soft);
}

.sip-pill--warn {
  border-color: rgba(154, 91, 0, 0.16);
  color: var(--sip-linear-warn) !important;
  background: var(--sip-linear-warn-soft);
}

.sip-pill--info {
  border-color: rgba(98, 92, 246, 0.18);
  color: #4f46e5 !important;
  background: var(--sip-linear-accent-soft);
}

.sip-pill--quiet {
  border-color: rgba(103, 112, 133, 0.14);
  color: #677085 !important;
  background: #f0f2f7;
}

body.dark-mode .sip-pill--quiet {
  background: rgba(255, 255, 255, 0.08);
}

.sip-action-note {
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  color: #485064;
  font-size: 13px;
  font-weight: 700;
}

body.dark-mode .sip-action-note {
  color: var(--sip-linear-text-soft);
}

.sip-action-note--muted {
  color: var(--sip-linear-subtle);
}

.sip-support-card {
  padding: 14px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.86);
}

body.dark-mode .sip-support-card {
  background: rgba(255, 255, 255, 0.04);
}

.sip-support-card:hover,
.sip-subscriber-card:hover,
.sip-todo:hover {
  border-color: var(--sip-linear-line-strong);
}

.sip-support-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}

.sip-support-meta time {
  color: var(--sip-linear-subtle);
  font-size: 12px;
}

.sip-support-card p {
  margin-top: 7px;
  line-height: 1.55;
}

.sip-subscriber-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px solid var(--sip-linear-line);
}

.sip-subscriber-line:last-child {
  border-bottom: 0;
}

.sip-subscriber-line strong {
  color: var(--sip-linear-text);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.05em;
}

.sip-subscriber-line p {
  color: var(--sip-linear-muted);
}

.sip-subscriber-line--muted strong {
  color: var(--sip-linear-subtle);
}

.sip-chart-wrap {
  position: relative;
  height: 230px;
  max-width: 280px;
  margin: 0 auto;
}

.sip-timeline,
.sip-todo-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sip-timeline li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 12px;
  padding: 0 0 17px;
}

.sip-timeline li:last-child {
  padding-bottom: 0;
}

.sip-timeline li > span {
  position: relative;
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border-radius: 999px;
  background: var(--sip-linear-accent);
  box-shadow: 0 0 0 5px rgba(104, 104, 247, 0.1);
}

.sip-timeline li:not(:last-child) > span::after {
  position: absolute;
  top: 14px;
  left: 4px;
  width: 1px;
  height: 42px;
  background: var(--sip-linear-line);
  content: "";
}

.sip-timeline p {
  margin-top: 4px;
}

.sip-todo-panel {
  display: grid;
  align-content: start;
}

.sip-todo-list {
  gap: 10px;
}

.sip-todo {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 0;
  padding: 12px 13px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
}

body.dark-mode .sip-todo {
  background: rgba(255, 255, 255, 0.04);
}

.sip-todo input {
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
  accent-color: var(--sip-linear-accent);
}

.sip-todo span {
  min-width: 0;
  line-height: 1.45;
}

.sip-todo small {
  display: block;
  margin-top: 3px;
  color: var(--sip-linear-subtle);
  font-size: 12px;
}

.sip-empty-state,
.sip-empty-inline {
  text-align: center;
}

.sip-empty-inline {
  margin: 0;
  padding: 1.25rem 0.75rem;
  font-size: 0.875rem;
}

.sip-form-field {
  display: grid;
  gap: 6px;
}

.sip-form-field label {
  margin: 0;
  color: var(--sip-linear-muted);
  font-size: 12px;
  font-weight: 800;
}

.sip-form-field .form-control,
.sip-form-field input,
.sip-form-field select,
.sip-form-field textarea {
  min-height: 38px;
  border: 1px solid var(--sip-linear-line);
  border-radius: 12px;
  color: var(--sip-linear-text);
  background: var(--sip-linear-surface-solid);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset;
}

.sip-form-field .form-control:focus,
.sip-form-field input:focus,
.sip-form-field select:focus,
.sip-form-field textarea:focus {
  border-color: rgba(98, 92, 246, 0.48);
  box-shadow: 0 0 0 3px rgba(98, 92, 246, 0.12);
}

body.admin-lms-ui .vld-overlay .vld-background {
  background: var(--sip-linear-bg) !important;
  opacity: 0.78 !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.admin-lms-ui .nk-content-body .admin-page-enter-active,
body.admin-lms-ui .nk-content-body .admin-page-leave-active {
  transition: opacity 0.22s ease, transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

body.admin-lms-ui .nk-content-body .admin-page-enter,
body.admin-lms-ui .nk-content-body .admin-page-leave-to {
  opacity: 0;
  transform: translateY(8px);
}

@media (max-width: 1199.98px) {
  .sip-workspace {
    margin-left: 0;
  }
  .sip-command-header {
    left: 0 !important;
  }
  .sip-sidebar {
    transform: translateX(-100%);
    transition: transform 180ms ease;
  }
  .sip-sidebar.nk-sidebar-active {
    transform: translateX(0);
  }
  .sip-command-header__product {
    display: inline-flex;
    align-items: baseline;
  }
  .sip-page-head,
  .sip-ops-grid,
  .sip-content-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .sip-command-header__bar {
    flex-wrap: wrap;
    padding: 14px 0;
  }
  .sip-command-header__search {
    order: 3;
    flex-basis: 100%;
    max-width: none;
  }
  .sip-command-header__search .admin-global-search__panel {
    left: -31px;
    width: calc(100vw - 28px);
  }
  .sip-command-header__actions .sip-btn:not(.sip-btn--primary) {
    display: none;
  }
  .sip-page-shell__container {
    padding: 22px 14px 30px;
  }
  .sip-page-head {
    gap: 18px;
  }
  .sip-snapshot {
    grid-template-columns: repeat(2, 1fr);
  }
  .sip-snapshot div:nth-child(2) {
    border-right: 0;
  }
  .sip-snapshot div:nth-child(-n+2) {
    border-bottom: 1px solid var(--sip-linear-line);
  }
  .sip-bottom-grid {
    grid-template-columns: 1fr;
  }
  .sip-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .sip-queue-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }
  .sip-queue-row > .sip-badge {
    grid-column: 2;
  }
}
@media (max-width: 460px) {
  .sip-page-head h1 {
    font-size: 34px;
  }
  .sip-snapshot {
    grid-template-columns: 1fr;
  }
  .sip-snapshot div,
  .sip-snapshot div:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--sip-linear-line);
  }
  .sip-snapshot div:last-child {
    border-bottom: 0;
  }
  .sip-btn--primary {
    padding: 0 11px;
  }
}
/* Visually hidden label (Dashlite build may omit Bootstrap’s .sr-only) */
.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;
}

/* -------- Route loading overlay — theme backdrop + smooth fade (replaces default white) -------- */
body.admin-lms-ui .vld-overlay .vld-background {
  background: var(--dash-pro-bg) !important;
  opacity: 0.78 !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.dark-mode.admin-lms-ui .vld-overlay .vld-background {
  background: #06070a !important;
  opacity: 0.82 !important;
}

body.admin-lms-ui .vld-overlay.admin-vld-enter-active,
body.admin-lms-ui .vld-overlay.admin-vld-leave-active {
  transition: opacity 0.3s ease !important;
}

body.admin-lms-ui .vld-overlay.admin-vld-enter,
body.admin-lms-ui .vld-overlay.admin-vld-leave-to {
  opacity: 0;
}

/* In-app page swap: soft fade + slight lift (default-page shell) */
body.admin-lms-ui .nk-content-body .admin-page-enter-active,
body.admin-lms-ui .nk-content-body .admin-page-leave-active {
  transition: opacity 0.22s ease, transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

body.admin-lms-ui .nk-content-body .admin-page-enter,
body.admin-lms-ui .nk-content-body .admin-page-leave-to {
  opacity: 0;
  transform: translateY(8px);
}

body.admin-lms-ui .nk-content-body .admin-page-leave-active {
  transition-duration: 0.16s;
}

/* Empty-state / module intro (replaces oversized default h2) */
body.admin-lms-ui .module-info {
  margin-bottom: 1rem;
  padding: 1rem 1.125rem;
  border-radius: 14px;
  border: 1px solid var(--dash-pro-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.94)), var(--dash-pro-surface);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

body.admin-lms-ui .module-info__icon-wrap {
  display: none;
}

body.admin-lms-ui .module-info__title {
  margin: 0 0 0.35rem;
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--dash-pro-text);
}

body.admin-lms-ui .module-info__desc {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--dash-pro-muted);
}

body.dark-mode.admin-lms-ui .module-info {
  border-color: var(--saas-border, var(--dash-pro-border-strong));
  background: var(--saas-surface, rgba(255, 255, 255, 0.02));
  box-shadow: none;
}

body.dark-mode.admin-lms-ui .module-info__desc {
  color: #a1a1aa;
}

:root {
  --sip-bg: #f7f6f3;
  --sip-surface: #ffffff;
  --sip-surface-soft: #fbfaf7;
  --sip-border: #e7e2d8;
  --sip-text: #1f2933;
  --sip-text-secondary: #697386;
  --sip-navy: #263a5b;
  --sip-amber: #c98a2e;
  --sip-blue: #3b82f6;
  --sip-success: #22a06b;
  --sip-warning: #e0a11b;
  --sip-danger: #d64545;
  --lms-primary: var(--sip-navy);
  --lms-primary-dark: #1d2f4d;
  --lms-primary-soft: #f0f3f8;
  --lms-primary-border: #d7deea;
  --lms-primary-hover: #edf1f7;
  --dash-pro-bg: var(--sip-bg);
  --dash-pro-surface: #ffffff;
  --dash-pro-border: var(--sip-border);
  --dash-pro-border-strong: #d8d0c3;
  --dash-pro-text: var(--sip-text);
  --dash-pro-text-secondary: #3a4553;
  --dash-pro-muted: var(--sip-text-secondary);
  --dash-pro-sidebar-bg: #ffffff;
  --dash-pro-sidebar-hover: var(--sip-surface-soft);
  --dash-pro-sidebar-text: var(--sip-text);
  --dash-pro-sidebar-muted: var(--sip-text-secondary);
  --dash-pro-radius: 12px;
  --dash-pro-radius-sm: 8px;
  --dash-pro-shadow: 0 1px 2px rgba(31, 41, 51, 0.04);
  --dash-pro-card-shadow: 0 12px 30px rgba(38, 58, 91, 0.07);
}

body.dark-mode {
  --lms-primary: #a78bfa;
  --lms-primary-dark: #8b5cf6;
  --lms-primary-soft: rgba(139, 92, 246, 0.12);
  --lms-primary-border: rgba(167, 139, 250, 0.35);
  --lms-primary-hover: rgba(139, 92, 246, 0.18);
  --dash-pro-bg: #0c0e12;
  --dash-pro-surface: #14171f;
  --dash-pro-border: #272a34;
  --dash-pro-border-strong: #3f4250;
  --dash-pro-text: #fafafa;
  --dash-pro-text-secondary: #e4e4e7;
  --dash-pro-muted: #a1a1aa;
  --dash-pro-sidebar-bg: #101218;
  --dash-pro-sidebar-hover: #1a1d28;
  --dash-pro-sidebar-text: #e4e4e7;
  --dash-pro-sidebar-muted: #71717a;
  --dash-pro-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  --dash-pro-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

body.admin-lms-ui .nk-app-root,
body.admin-lms-ui #root {
  font-family: var(--sip-admin-font);
  -webkit-font-smoothing: antialiased;
}

.nk-main {
  background: var(--dash-pro-bg) !important;
  min-height: 100vh;
}

.nk-content {
  background: transparent !important;
}

.nk-wrap {
  background: var(--dash-pro-bg) !important;
}

/* -------- Sidebar: simple flat dark rail (reference dashboard screenshot) -------- */
/* Do not set position: relative here — it overrides .nk-sidebar-fixed and breaks layout. */
body.admin-lms-ui .nk-sidebar.admin-pos-sidebar {
  --dash-pro-sidebar-bg: #0b0e14;
  --dash-pro-sidebar-text: #f1f5f9;
  --dash-pro-sidebar-muted: #64748b;
  --dash-pro-sidebar-hover: rgba(255, 255, 255, 0.06);
  --sticky-rail-accent: #22c55e;
  --sticky-rail-accent-bright: #4ade80;
  background: #0b0e14 !important;
  border-right: 1px solid #1e293b !important;
  box-shadow: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar {
  box-shadow: none !important;
}

/* POS-style: head column (logo bar + brand row + close), then scrollable menu */
.nk-sidebar.admin-pos-sidebar .sidebar-pro-head.nk-sidebar-head.admin-pos-sidebar-head {
  flex-direction: column;
  align-items: stretch;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.85rem 0.9rem 0.75rem;
  min-height: auto;
  background: transparent;
}

body:not(.dark-mode).admin-lms-ui .nk-sidebar.admin-pos-sidebar .sidebar-pro-head.nk-sidebar-head.admin-pos-sidebar-head {
  background: transparent;
}

.nk-sidebar.admin-pos-sidebar .admin-pos-head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* Sidebar logo from Configuration → Logo (Vuex sidebar_logo, live after upload) */
.nk-sidebar.admin-pos-sidebar .admin-pos-logo-bar {
  margin: 0 0 0.65rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--dash-pro-border);
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .admin-pos-logo-bar,
body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .admin-pos-logo-bar {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.nk-sidebar.admin-pos-sidebar .admin-pos-logo-img {
  display: block;
  max-width: 100%;
  max-height: 42px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}

.nk-sidebar.admin-pos-sidebar .admin-pos-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.nk-sidebar.admin-pos-sidebar .admin-pos-body .nk-sidebar-content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: auto !important;
}

.nk-sidebar.admin-pos-sidebar .admin-pos-body .nk-sidebar-menu {
  flex: 1;
  min-height: 0;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-trigger .nk-quick-nav-icon {
  color: var(--dash-pro-sidebar-muted);
}

.nk-sidebar.admin-pos-sidebar .sidebar-pro-brand {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  text-decoration: none !important;
  padding: 0;
  min-width: 0;
  flex: 1;
}

.nk-sidebar.admin-pos-sidebar .sidebar-pro-brand:hover .sidebar-pro-name {
  color: #f8fafc;
}

.nk-sidebar.admin-pos-sidebar .sidebar-pro-logo {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  border: none;
  background: #2563eb;
  box-shadow: none;
}

.nk-sidebar.admin-pos-sidebar .sidebar-pro-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.nk-sidebar.admin-pos-sidebar .sidebar-pro-title {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.nk-sidebar.admin-pos-sidebar .sidebar-pro-tagline {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sticky-rail-accent, #22c55e);
  margin-bottom: 0.2rem;
  text-shadow: none;
}

.nk-sidebar.admin-pos-sidebar .sidebar-pro-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dash-pro-sidebar-text);
  line-height: 1.35;
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nk-sidebar.admin-pos-sidebar .nk-sidebar-menu.sidebar-pro-menu {
  padding: 0.65rem 0.65rem 1.15rem;
}

.nk-sidebar.admin-pos-sidebar .admin-pos-menu-label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dash-pro-sidebar-muted);
  margin: 0.35rem 0.5rem 0.5rem;
  opacity: 0.85;
}

.nk-sidebar.admin-pos-sidebar .admin-pos-divider {
  height: 1px;
  margin: 0.65rem 0.5rem 0.5rem;
  background: rgba(255, 255, 255, 0.08);
  opacity: 1;
}

.nk-sidebar.admin-pos-sidebar .nk-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-icon .icon.fi {
  font-size: 1.0625rem;
  line-height: 1;
  display: inline-block;
  vertical-align: -0.08em;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-icon {
  flex-shrink: 0;
  width: 2.375rem;
  height: 2.375rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 0.7rem !important;
  border-radius: 8px;
  color: var(--dash-pro-sidebar-muted);
  background: transparent;
  border: none;
  transition: background 0.15s ease, color 0.15s ease;
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .nk-menu-icon {
  background: transparent;
  border: none;
}

body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu-icon {
  background: transparent;
  border: none;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-link {
  display: flex;
  align-items: center;
  border-radius: 10px;
  margin: 2px 0;
  padding: 0.5rem 0.65rem 0.5rem 0.55rem;
  color: var(--dash-pro-sidebar-text) !important;
  transition: background 0.15s ease, color 0.15s ease;
  font-weight: 500;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-link:hover {
  background: var(--dash-pro-sidebar-hover) !important;
  color: #f8fafc !important;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-link:hover .nk-menu-icon {
  color: #cbd5e1;
  background: transparent;
  border: none;
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .nk-menu-link:hover {
  color: #f8fafc !important;
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .nk-menu-link:hover .nk-menu-icon {
  color: #cbd5e1;
  background: transparent;
  border: none;
}

/* Active route: flat pill (no rail, no glow) */
body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu-item .nk-menu-link {
  position: relative;
}

body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu-link.router-link-active::before,
body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu-link.is-active::before {
  display: none;
  content: none;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-link.router-link-active,
.nk-sidebar.admin-pos-sidebar .nk-menu-link.is-active {
  background: #064e3b !important;
  font-weight: 600;
  color: #ffffff !important;
  box-shadow: none;
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .nk-menu-link.router-link-active,
body.dark-mode .nk-sidebar.admin-pos-sidebar .nk-menu-link.is-active {
  color: #ffffff !important;
  background: #064e3b !important;
  box-shadow: none;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-link.router-link-active .nk-menu-icon,
.nk-sidebar.admin-pos-sidebar .nk-menu-link.is-active .nk-menu-icon {
  color: #ffffff !important;
  background: transparent;
  border: none;
  box-shadow: none;
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .nk-menu-link.router-link-active .nk-menu-icon,
body.dark-mode .nk-sidebar.admin-pos-sidebar .nk-menu-link.is-active .nk-menu-icon {
  background: transparent;
  border: none;
  color: #ffffff !important;
}

.nk-sidebar.admin-pos-sidebar .nk-menu-text {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Logout — muted danger, separated visually */
.nk-sidebar.admin-pos-sidebar .admin-pos-logout {
  margin-top: 0.25rem;
  color: var(--dash-pro-sidebar-muted) !important;
}

.nk-sidebar.admin-pos-sidebar .admin-pos-logout:hover {
  background: rgba(220, 38, 38, 0.08) !important;
  color: #dc2626 !important;
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .admin-pos-logout:hover {
  background: rgba(248, 113, 113, 0.1) !important;
  color: #fca5a5 !important;
}

.nk-sidebar.admin-pos-sidebar .admin-pos-logout .nk-menu-icon {
  background: transparent;
  border: none;
  color: var(--dash-pro-sidebar-muted);
}

.nk-sidebar.admin-pos-sidebar .admin-pos-logout:hover .nk-menu-icon {
  background: transparent;
  border: none;
  color: #dc2626 !important;
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .admin-pos-logout .nk-menu-icon {
  background: transparent;
  border: none;
}

body.dark-mode .nk-sidebar.admin-pos-sidebar .admin-pos-logout:hover .nk-menu-icon {
  color: #fca5a5 !important;
  background: transparent;
  border: none;
}

/* -------- Header — light bar, aligned with LMS dashboards -------- */
.nk-header.admin-header-pro {
  background: var(--dash-pro-surface) !important;
  border-bottom: 1px solid var(--dash-pro-border);
  box-shadow: 0 1px 0 rgba(24, 24, 27, 0.04) !important;
}

body.dark-mode .nk-header.admin-header-pro {
  background: var(--dash-pro-surface) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 28px rgba(0, 0, 0, 0.28) !important;
}

/* Header layout: centered command search + balanced tools */
body.admin-lms-ui .nk-header.admin-header-pro {
  border-bottom: 1px solid var(--dash-pro-border);
  box-shadow: 0 1px 0 rgba(124, 58, 237, 0.06), 0 4px 20px rgba(24, 24, 27, 0.05);
}

body.dark-mode.admin-lms-ui .nk-header.admin-header-pro {
  box-shadow: 0 1px 0 rgba(167, 139, 250, 0.14), 0 10px 40px rgba(0, 0, 0, 0.42);
}

body.admin-lms-ui .nk-header.admin-header-pro .nk-header-wrap.admin-header-pro__bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 3.75rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

body.admin-lms-ui .nk-header.admin-header-pro .nk-header-menu.admin-header-pro__search-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: center;
  order: 0;
}

body.admin-lms-ui .nk-header.admin-header-pro .nk-header-menu-inner.admin-header-pro__search-inner {
  width: 100%;
  max-width: 38rem;
  padding: 0 0.25rem;
}

body.admin-lms-ui .nk-header.admin-header-pro .nk-header-tools {
  flex-shrink: 0;
  margin-left: auto;
}

/* Global search (pages + API directory) */
.admin-global-search {
  position: relative;
  width: 100%;
}

.admin-global-search__field {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.375rem;
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--saas-border, var(--dash-pro-border));
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.admin-global-search__field:hover {
  border-color: var(--dash-pro-border-strong);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 28px rgba(31, 35, 48, 0.045), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

.admin-global-search__field:focus-within {
  border-color: var(--saas-primary, var(--lms-primary));
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12), 0 10px 28px rgba(31, 35, 48, 0.05), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

.admin-global-search__command-dot {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: var(--saas-primary, var(--lms-primary));
  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

body.dark-mode .admin-global-search__field {
  background: rgba(28, 35, 48, 0.92);
  border-color: var(--saas-border, var(--dash-pro-border-strong));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.dark-mode .admin-global-search__field:focus-within {
  border-color: var(--saas-primary, var(--lms-primary));
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

.admin-global-search__icon {
  font-size: 1rem;
  color: var(--dash-pro-muted);
  flex-shrink: 0;
}

.admin-global-search__input {
  flex: 1;
  min-width: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.3rem 0.15rem !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--dash-pro-text) !important;
}

.admin-global-search__input::-moz-placeholder {
  color: var(--dash-pro-muted);
  font-weight: 400;
}

.admin-global-search__input::placeholder {
  color: var(--dash-pro-muted);
  font-weight: 400;
}

.admin-global-search__input:focus {
  outline: none !important;
}

.admin-global-search__kbd {
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  height: 1.45rem;
  padding: 0 0.35rem;
  font-size: 0.6875rem;
  font-weight: 700;
  font-family: inherit;
  color: var(--dash-pro-muted);
  background: rgba(247, 248, 251, 0.86);
  border: 1px solid var(--saas-border, var(--dash-pro-border));
  border-radius: 999px;
  flex-shrink: 0;
}

body.dark-mode .admin-global-search__kbd {
  background: #252a33;
  border-color: var(--dash-pro-border);
  color: #a1a1aa;
}

.admin-global-search__panel {
  position: absolute;
  z-index: 1100;
  left: 0;
  right: 0;
  top: calc(100% + 0.5rem);
  padding: 0.45rem !important;
  max-height: min(72vh, 440px);
  overflow-y: auto;
  border-radius: 14px !important;
}

body.admin-lms-ui .admin-global-search__panel.admin-pro-dropdown-panel {
  background: var(--saas-surface, #ffffff) !important;
  border: 1px solid var(--saas-border, var(--dash-pro-border)) !important;
  box-shadow: 0 18px 48px rgba(17, 24, 39, 0.14), 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
}

body.admin-lms-ui .admin-global-search__section + .admin-global-search__section {
  border-top-color: var(--saas-border, var(--dash-pro-border));
}

body.admin-lms-ui .admin-global-search__section-label {
  color: var(--saas-muted, var(--dash-pro-muted));
}

body.admin-lms-ui .admin-global-search__entity-type {
  color: var(--saas-primary-text, var(--lms-primary-dark));
}

body.admin-lms-ui .admin-global-search__item {
  color: #374151 !important;
}

body.admin-lms-ui .admin-global-search__item:hover,
body.admin-lms-ui .admin-global-search__item:focus {
  background: var(--saas-primary-soft, var(--lms-primary-soft)) !important;
  color: var(--saas-primary-text, var(--dash-pro-text)) !important;
}

.admin-global-search__section {
  padding-bottom: 0.35rem;
}

.admin-global-search__section + .admin-global-search__section {
  margin-top: 0.35rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--dash-pro-border);
}

body.dark-mode .admin-global-search__section + .admin-global-search__section {
  border-top-color: var(--dash-pro-border-strong);
}

.admin-global-search__section-label {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dash-pro-muted);
  padding: 0.35rem 0.5rem 0.5rem;
}

.admin-global-search__entity-type {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--lms-primary-dark);
  padding: 0.35rem 0.5rem 0.25rem;
}

body.dark-mode .admin-global-search__entity-type {
  color: #c4b5fd;
}

.admin-global-search__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-global-search__item {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.55rem 0.6rem;
  border-radius: 10px;
  text-decoration: none !important;
  color: var(--dash-pro-text-secondary) !important;
  transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}

.admin-global-search__item:hover,
.admin-global-search__item:focus {
  background: var(--lms-primary-soft);
  color: var(--dash-pro-text) !important;
  text-decoration: none !important;
}

.admin-global-search__item.is-active {
  background: var(--lms-primary-soft);
  color: var(--dash-pro-text) !important;
  box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.12);
}

body.dark-mode .admin-global-search__item:hover,
body.dark-mode .admin-global-search__item:focus,
body.dark-mode .admin-global-search__item.is-active {
  background: rgba(99, 102, 241, 0.16);
  color: #f3f4f6 !important;
}

.admin-global-search__item-icon {
  flex-shrink: 0;
  width: 1.5rem;
  text-align: center;
  padding-top: 0.1rem;
  color: var(--dash-pro-muted);
}

.admin-global-search__item:hover .admin-global-search__item-icon,
.admin-global-search__item:focus .admin-global-search__item-icon,
.admin-global-search__item.is-active .admin-global-search__item-icon {
  color: var(--lms-primary-dark);
}

body.dark-mode .admin-global-search__item-icon {
  color: #a1a1aa;
}

.admin-global-search__item-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.admin-global-search__item-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  word-break: break-word;
}

.admin-global-search__item-meta {
  font-size: 0.75rem;
  color: var(--dash-pro-muted);
  word-break: break-all;
}

.admin-global-search__state,
.admin-global-search__hint {
  padding: 1rem 0.65rem;
  font-size: 0.8125rem;
  color: var(--dash-pro-muted);
  text-align: center;
}

@media (max-width: 575.98px) {
  body.admin-lms-ui .nk-header.admin-header-pro .nk-header-menu-inner.admin-header-pro__search-inner {
    max-width: none;
    padding: 0;
  }
}
.admin-header-pro .nk-quick-nav-icon .icon.fi {
  font-size: 1.15rem;
  line-height: 1;
  vertical-align: middle;
}

/* Theme toggle: NOT .dark-switch — Dashlite’s .dark-switch uses :before/:after pill UI and clashes with our icon */
.admin-header-pro .admin-theme-toggle.nav-link {
  padding: 0 !important;
  margin: 0;
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid var(--dash-pro-border);
  background: var(--dash-pro-surface);
  color: var(--dash-pro-muted) !important;
  box-sizing: border-box;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.admin-header-pro .admin-theme-toggle .icon.fi {
  color: inherit;
  position: relative;
  z-index: 1;
}

.admin-header-pro .admin-theme-toggle.nk-quick-nav-icon:before {
  width: 100% !important;
  height: 100% !important;
  max-width: 2.25rem;
  max-height: 2.25rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 7px !important;
  opacity: 0;
}

.admin-header-pro .admin-theme-toggle.nk-quick-nav-icon:hover:before,
.admin-header-pro .admin-theme-toggle.nk-quick-nav-icon:focus:before {
  opacity: 1;
  height: 100% !important;
  width: 100% !important;
}

.admin-header-pro .admin-theme-toggle:hover,
.admin-header-pro .admin-theme-toggle:focus {
  background: var(--dash-pro-sidebar-hover);
  border-color: var(--dash-pro-border-strong);
  color: var(--dash-pro-text-secondary) !important;
  text-decoration: none;
}

body.dark-mode .admin-header-pro .admin-theme-toggle {
  background: #252b33;
  border-color: var(--dash-pro-border);
  color: #d1d5db !important;
}

body.dark-mode .admin-header-pro .admin-theme-toggle:hover,
body.dark-mode .admin-header-pro .admin-theme-toggle:focus {
  background: #2d3540;
  color: #f3f4f6 !important;
}

body.dark-mode .admin-header-pro .admin-theme-toggle.nk-quick-nav-icon:before {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

.admin-header-pro .user-dropdown .dropdown-toggle {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.admin-header-pro .user-dropdown .dropdown-toggle::after {
  display: none;
}

.admin-header-pro .user-toggle {
  display: flex;
  align-items: center;
}

.admin-header-pro .user-avatar.sm {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  border-radius: 10px;
  background: linear-gradient(145deg, var(--lms-primary) 0%, var(--lms-primary-dark) 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(124, 58, 237, 0.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  box-shadow: 0 2px 8px rgba(109, 40, 217, 0.25);
}

.admin-header-pro .user-dropdown .dropdown-toggle:hover .user-avatar.sm {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(109, 40, 217, 0.35);
}

.admin-header-pro .user-avatar.sm .icon.fi {
  font-size: 1rem;
  color: #fff !important;
}

body.dark-mode .admin-header-pro .user-avatar.sm {
  background: linear-gradient(145deg, #8b5cf6 0%, #6d28d9 100%) !important;
  border-color: var(--lms-primary-border);
}

body.dark-mode .admin-header-pro .user-dropdown .dropdown-toggle:hover .user-avatar.sm {
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.35);
}

.nk-footer {
  background: var(--dash-pro-bg) !important;
  border-top: 1px solid var(--dash-pro-border);
}

/* Shared dropdown shell — Linear command-style surface (row actions, search, profile) */
body.admin-lms-ui .nk-app-root .admin-pro-dropdown-panel.dropdown-menu,
body.admin-lms-ui #root .admin-pro-dropdown-panel.dropdown-menu {
  padding: 0.375rem !important;
  margin-top: 0.5rem !important;
  min-width: 12.75rem !important;
  border: 1px solid var(--saas-border, var(--dash-pro-border)) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.12), 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
  background: var(--saas-surface, var(--dash-pro-surface)) !important;
  overflow: hidden !important;
  z-index: 1025 !important;
}

body.dark-mode.admin-lms-ui .nk-app-root .admin-pro-dropdown-panel.dropdown-menu,
body.dark-mode.admin-lms-ui #root .admin-pro-dropdown-panel.dropdown-menu {
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.46), 0 1px 0 rgba(255, 255, 255, 0.04) inset !important;
  border-color: var(--saas-border, rgba(148, 163, 184, 0.22)) !important;
  background: var(--saas-surface, #151922) !important;
}

/* Header profile menu — avatar + profile CTA + actions */
.admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel.dropdown-menu {
  min-width: 16.25rem !important;
}

.admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .dropdown-inner {
  padding: 0 !important;
}

.admin-header-pro .admin-user-dropdown__head {
  padding: 0.35rem 0.35rem 0.5rem;
  margin-bottom: 0.35rem;
  border-bottom: 1px solid var(--dash-pro-border);
}

body.dark-mode .admin-header-pro .admin-user-dropdown__head {
  border-bottom-color: var(--dash-pro-border-strong);
}

.admin-header-pro .admin-user-dropdown__profile {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.45rem;
  border-radius: 10px;
  text-decoration: none !important;
  color: var(--dash-pro-text) !important;
  transition: background 0.12s ease, color 0.12s ease;
}

.admin-header-pro .admin-user-dropdown__profile:hover,
.admin-header-pro .admin-user-dropdown__profile:focus {
  background: var(--lms-primary-soft);
  color: var(--dash-pro-text) !important;
  text-decoration: none !important;
}

body.dark-mode .admin-header-pro .admin-user-dropdown__profile:hover,
body.dark-mode .admin-header-pro .admin-user-dropdown__profile:focus {
  background: rgba(139, 92, 246, 0.14);
  color: #fafafa !important;
}

.admin-header-pro .admin-user-dropdown__profile-avatar {
  flex-shrink: 0;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--dash-pro-border-strong);
  background: var(--dash-pro-bg);
  box-shadow: 0 2px 8px rgba(24, 24, 27, 0.06);
}

.admin-header-pro .admin-user-dropdown__profile-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.admin-header-pro .admin-user-dropdown__profile-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.admin-header-pro .admin-user-dropdown__profile-name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-header-pro .admin-user-dropdown__profile-email {
  font-size: 0.75rem;
  color: var(--dash-pro-muted);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.dark-mode .admin-header-pro .admin-user-dropdown__profile-email {
  color: #a1a1aa;
}

.admin-header-pro .admin-user-dropdown__profile-chevron {
  flex-shrink: 0;
  font-size: 0.85rem;
  color: var(--dash-pro-muted);
  margin-left: 0.15rem;
}

.admin-header-pro .admin-user-dropdown__profile:hover .admin-user-dropdown__profile-chevron,
.admin-header-pro .admin-user-dropdown__profile:focus .admin-user-dropdown__profile-chevron {
  color: var(--lms-primary-dark);
}

body.dark-mode .admin-header-pro .admin-user-dropdown__profile:hover .admin-user-dropdown__profile-chevron,
body.dark-mode .admin-header-pro .admin-user-dropdown__profile:focus .admin-user-dropdown__profile-chevron {
  color: #e9d5ff;
}

.admin-header-pro .admin-user-dropdown .link-list-opt {
  padding: 0;
  margin: 0;
}

.admin-header-pro .admin-user-dropdown .link-list-opt li {
  margin: 0 0.25rem;
  list-style: none;
}

.admin-header-pro .admin-user-dropdown .link-list-opt li + li {
  margin-top: 0.375rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--dash-pro-border);
}

body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt li + li {
  border-top-color: var(--dash-pro-border-strong);
}

.admin-header-pro .admin-user-dropdown .link-list-opt a,
.admin-header-pro .admin-user-dropdown .link-list-opt a.router-link-active {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--dash-pro-text-secondary);
  border-radius: 8px;
  transition: background 0.12s ease, color 0.12s ease;
  text-decoration: none;
}

.admin-header-pro .admin-user-dropdown .link-list-opt a:hover,
.admin-header-pro .admin-user-dropdown .link-list-opt a:focus {
  background: var(--lms-primary-soft);
  color: var(--dash-pro-text);
  text-decoration: none;
}

.admin-header-pro .admin-user-dropdown .link-list-opt a .icon.fi {
  font-size: 1rem;
  width: 1.25rem;
  text-align: center;
  color: var(--dash-pro-muted);
  flex-shrink: 0;
}

.admin-header-pro .admin-user-dropdown .link-list-opt a:hover .icon.fi,
.admin-header-pro .admin-user-dropdown .link-list-opt a:focus .icon.fi {
  color: var(--lms-primary-dark);
}

/* Logout row — subtle destructive affordance */
.admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a {
  color: var(--dash-pro-text-secondary);
}

.admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a:hover,
.admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a:focus {
  background: #fef2f2 !important;
  color: #991b1b !important;
}

.admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a:hover .icon.fi,
.admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a:focus .icon.fi {
  color: #dc2626 !important;
}

body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt a {
  color: #e4e4e7;
}

body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt a:hover,
body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt a:focus {
  background: var(--lms-primary-soft);
  color: #fafafa;
}

body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt a:hover .icon.fi,
body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt a:focus .icon.fi {
  color: #e9d5ff;
}

body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a:hover,
body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a:focus {
  background: rgba(248, 113, 113, 0.14) !important;
  color: #fecaca !important;
}

body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a:hover .icon.fi,
body.dark-mode .admin-header-pro .admin-user-dropdown .link-list-opt li:last-child a:focus .icon.fi {
  color: #fca5a5 !important;
}

/* Header user menu — same Linear-style panel as row actions */
body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__head {
  border-bottom-color: var(--saas-border, var(--dash-pro-border));
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__profile {
  color: var(--saas-text, var(--dash-pro-text)) !important;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__profile-email {
  color: var(--saas-muted, var(--dash-pro-muted)) !important;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__profile:hover,
body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__profile:focus {
  background: var(--saas-primary-soft, var(--lms-primary-soft)) !important;
  color: var(--saas-primary-text, var(--dash-pro-text)) !important;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__profile-avatar {
  border-color: var(--saas-border, var(--dash-pro-border));
  background: var(--saas-bg, var(--dash-pro-bg));
  box-shadow: none;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__profile-chevron {
  color: var(--saas-muted, var(--dash-pro-muted));
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__profile:hover .admin-user-dropdown__profile-chevron,
body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .admin-user-dropdown__profile:focus .admin-user-dropdown__profile-chevron {
  color: var(--saas-primary, var(--lms-primary));
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt li + li {
  border-top-color: var(--saas-border, var(--dash-pro-border));
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt a {
  color: var(--saas-text, var(--dash-pro-text-secondary)) !important;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt a .icon.fi {
  color: var(--saas-muted, var(--dash-pro-muted)) !important;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt a:hover,
body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt a:focus {
  background: var(--saas-primary-soft, var(--lms-primary-soft)) !important;
  color: var(--saas-primary-text, var(--dash-pro-text)) !important;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt a:hover .icon.fi,
body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt a:focus .icon.fi {
  color: var(--saas-primary, var(--lms-primary)) !important;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt li:last-child a:hover,
body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt li:last-child a:focus {
  background: rgba(248, 113, 113, 0.14) !important;
  color: #fecaca !important;
}

body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt li:last-child a:hover .icon.fi,
body.admin-lms-ui .admin-header-pro .admin-user-dropdown.admin-pro-dropdown-panel .link-list-opt li:last-child a:focus .icon.fi {
  color: #fca5a5 !important;
}

/* -------- Content: pages, cards, tables -------- */
.nk-content-body .nk-block-head {
  margin-bottom: 1.25rem;
}

.nk-content-body .nk-block-title.page-title {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text);
  margin-bottom: 0;
}

.nk-content-body .nk-block-des,
.nk-content-body .nk-block-des p {
  color: var(--dash-pro-muted);
  font-size: 0.875rem;
}

.nk-content-body .card {
  border: 1px solid var(--dash-pro-border);
  border-radius: var(--dash-pro-radius);
  box-shadow: var(--dash-pro-card-shadow);
  background: var(--dash-pro-surface);
}

.nk-content-body .card .card-title {
  font-weight: 600;
  font-size: 1rem;
  color: var(--dash-pro-text);
}

.nk-content-body .card .card-subtitle {
  color: var(--dash-pro-muted);
  font-size: 0.8125rem;
}

.nk-content-body .card-body {
  padding: 1.25rem 1.35rem;
}

/* Tables — overrides inline header styles on list pages */
.nk-content-body .table-responsive {
  border-radius: 15px;
  border: 1px solid var(--saas-border, #e5e8ef);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--saas-surface, var(--dash-pro-surface));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

body.dark-mode .nk-content-body .table-responsive {
  border-color: var(--saas-border, rgba(148, 163, 184, 0.16));
  box-shadow: none;
}

.nk-content-body .table {
  margin-bottom: 0;
  font-size: 0.875rem;
}

.nk-content-body .table thead th {
  background: linear-gradient(180deg, #fbfcff, #f7f8fc) !important;
  color: var(--saas-muted, #8b93a7) !important;
  font-weight: 700 !important;
  font-size: 0.6875rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border-bottom: 1px solid var(--saas-border, #e5e8ef) !important;
  border-top: none !important;
  padding: 0.75rem 0.95rem !important;
  vertical-align: middle !important;
}

body.dark-mode .nk-content-body .table thead th {
  background: #141820 !important;
  color: #94a3b8 !important;
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

.nk-content-body .table tbody td {
  padding: 0.75rem 0.95rem;
  vertical-align: middle;
  border-color: var(--saas-border, #e5e8ef);
  color: #3b4150;
  font-size: 0.875rem;
}

body.dark-mode .nk-content-body .table tbody td {
  border-color: rgba(255, 255, 255, 0.06);
  color: #cbd5e1;
}

.nk-content-body .table tbody tr:hover td {
  background: #fafbff;
}

body.dark-mode .nk-content-body .table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.04);
}

.nk-content-body .table-striped tbody tr:nth-of-type(odd) {
  background: transparent;
}

.nk-content-body .table tbody tr:last-child td {
  border-bottom: 0;
}

/* Forms */
.nk-content-body .form-control {
  border-radius: 10px;
  border-color: var(--saas-border, var(--dash-pro-border-strong));
  font-size: 0.875rem;
  min-height: 2.375rem;
  color: var(--dash-pro-text);
  background: var(--saas-surface, var(--dash-pro-surface));
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.nk-content-body .form-control:focus {
  border-color: var(--saas-primary, var(--lms-primary));
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.13);
}

/* Dark mode: native selects must match inputs (custom-select / form-control) */
body.dark-mode.admin-lms-ui .nk-content-body select.form-control,
body.dark-mode .nk-content-body select.form-control {
  background-color: #1a1d28 !important;
  color: var(--dash-pro-text) !important;
  border-color: var(--dash-pro-border-strong) !important;
}

body.dark-mode.admin-lms-ui .nk-content-body select.form-control:focus,
body.dark-mode .nk-content-body select.form-control:focus {
  border-color: var(--lms-primary) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

body.dark-mode.admin-lms-ui .nk-content-body select.custom-select,
body.dark-mode .nk-content-body select.custom-select {
  background-color: #1a1d28 !important;
  color: var(--dash-pro-text) !important;
  border-color: var(--dash-pro-border-strong) !important;
}

body.dark-mode.admin-lms-ui .nk-content-body select.custom-select:focus,
body.dark-mode .nk-content-body select.custom-select:focus {
  border-color: var(--lms-primary) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

/* Configuration panel: win over Dashlite/Bootstrap light defaults in dark mode */
body.dark-mode.admin-lms-ui .nk-content-body .admin-config-panel .form-control,
body.dark-mode .nk-content-body .admin-config-panel .form-control {
  background-color: #1a1d28 !important;
  color: #fafafa !important;
  border-color: var(--dash-pro-border-strong) !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-panel .form-control:focus,
body.dark-mode .nk-content-body .admin-config-panel .form-control:focus {
  border-color: var(--lms-primary) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
  color: #fafafa !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-panel select.form-control,
body.dark-mode .nk-content-body .admin-config-panel select.form-control,
body.dark-mode.admin-lms-ui .nk-content-body .admin-config-panel select.custom-select,
body.dark-mode .nk-content-body .admin-config-panel select.custom-select {
  background-color: #1a1d28 !important;
  color: #fafafa !important;
  border-color: var(--dash-pro-border-strong) !important;
}

.nk-content-body label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dash-pro-text-secondary);
}

.nk-content-body .help.has-error,
.nk-content-body .admin-form-error,
.admin-modal-pro__content .help.has-error,
.admin-modal-pro__content .admin-form-error {
  display: block;
  margin-top: 0.35rem;
  color: #dc2626 !important;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.35;
}

body.dark-mode .nk-content-body .help.has-error,
body.dark-mode .nk-content-body .admin-form-error,
body.dark-mode .admin-modal-pro__content .help.has-error,
body.dark-mode .admin-modal-pro__content .admin-form-error {
  color: #fca5a5 !important;
}

/* Buttons — slightly calmer defaults inside content */
.nk-content-body .btn-sm {
  border-radius: var(--dash-pro-radius-sm);
}

.nk-content-body .btn .icon.fi {
  font-size: 1rem;
  line-height: 1;
  vertical-align: -0.12em;
}

/* List page toolbar: outline filter + solid primary CTA */
.nk-content-body .admin-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.25;
  border-radius: var(--dash-pro-radius-sm);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.nk-content-body .admin-toolbar-btn .icon.fi {
  font-size: 0.9375rem;
  opacity: 0.95;
}

.nk-content-body .admin-toolbar-btn.admin-toolbar-btn--outline {
  color: var(--dash-pro-text-secondary) !important;
  background: var(--dash-pro-surface) !important;
  border: 1px solid var(--dash-pro-border-strong) !important;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
}

.nk-content-body .admin-toolbar-btn.admin-toolbar-btn--outline:hover,
.nk-content-body .admin-toolbar-btn.admin-toolbar-btn--outline:focus {
  color: var(--lms-primary-dark) !important;
  background: var(--lms-primary-soft) !important;
  border-color: var(--lms-primary) !important;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);
}

.nk-content-body .admin-toolbar-btn.admin-toolbar-btn--solid {
  color: #fff !important;
  background: var(--lms-primary) !important;
  border: 1px solid var(--lms-primary-dark) !important;
  box-shadow: 0 1px 3px rgba(109, 40, 217, 0.25);
}

.nk-content-body .admin-toolbar-btn.admin-toolbar-btn--solid:hover,
.nk-content-body .admin-toolbar-btn.admin-toolbar-btn--solid:focus {
  background: #8b5cf6 !important;
  border-color: #6d28d9 !important;
  box-shadow: 0 4px 14px rgba(109, 40, 217, 0.28);
}

body.dark-mode .nk-content-body .admin-toolbar-btn.admin-toolbar-btn--outline {
  color: var(--dash-pro-text-secondary) !important;
  background: var(--dash-pro-surface) !important;
  border-color: var(--dash-pro-border-strong) !important;
  box-shadow: none;
}

body.dark-mode .nk-content-body .admin-toolbar-btn.admin-toolbar-btn--outline:hover,
body.dark-mode .nk-content-body .admin-toolbar-btn.admin-toolbar-btn--outline:focus {
  color: #e9d5ff !important;
  background: var(--lms-primary-soft) !important;
  border-color: var(--lms-primary) !important;
}

body.dark-mode .nk-content-body .admin-toolbar-btn.admin-toolbar-btn--solid {
  box-shadow: 0 2px 12px rgba(139, 92, 246, 0.22);
}

body.dark-mode .nk-content-body .admin-toolbar-btn.admin-toolbar-btn--solid:hover,
body.dark-mode .nk-content-body .admin-toolbar-btn.admin-toolbar-btn--solid:focus {
  box-shadow: 0 4px 18px rgba(139, 92, 246, 0.32);
}

/* LMS admin: larger buttons (filter, add new, save, modals) — row ⋮ toggle keeps fixed size */
body.admin-lms-ui .nk-content-body .btn:not(.btn-link):not(.close):not(.page-link) {
  font-size: 0.9375rem;
  padding: 0.5rem 1.125rem;
}

body.admin-lms-ui .nk-content-body .btn-sm:not(.admin-row-actions__toggle) {
  font-size: 0.875rem;
  padding: 0.45rem 1rem;
  min-height: 2.4rem;
}

body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn {
  font-size: 0.9375rem;
  line-height: 1.3;
  padding: 0.5rem 1.25rem;
  min-height: 2.5rem;
  gap: 0.5rem;
}

body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn .icon.fi {
  font-size: 1.0625rem;
}

body.admin-lms-ui .nk-content-body .btn:not(.admin-row-actions__toggle) .icon.fi {
  font-size: 1.0625rem;
  line-height: 1;
  vertical-align: -0.12em;
}

body.admin-lms-ui .admin-modal-pro__content .btn:not(.btn-link):not(.close):not(.page-link) {
  font-size: 0.9375rem;
  padding: 0.5rem 1.125rem;
  min-height: 2.5rem;
}

body.admin-lms-ui .admin-modal-pro__content .btn-sm:not(.admin-row-actions__toggle) {
  font-size: 0.875rem;
  padding: 0.45rem 1rem;
}

/* -------- Configuration: clean rail + panel (icons: Flaticon fi-rr, not Font Awesome) -------- */
.nk-content-body .admin-config-layout {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: min(78vh, 840px);
  background: var(--dash-pro-surface);
  border: 1px solid var(--dash-pro-border-strong);
  border-radius: var(--dash-pro-radius);
  box-shadow: var(--dash-pro-card-shadow);
  overflow: hidden;
  position: relative;
  padding-top: 0;
}

/* Top gradient accent bar removed */
.nk-content-body .admin-config-layout::before {
  display: none;
}

.nk-content-body .admin-config-rail {
  flex: 0 0 248px;
  max-width: 268px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--dash-pro-bg);
  border-right: 1px solid var(--dash-pro-border);
  padding: 1.1rem 0.75rem 1.15rem 0.75rem;
}

/* Configuration inner rail — same StickyDrop-style dark strip as main sidebar */
body.admin-lms-ui .nk-content-body .admin-config-rail {
  background: linear-gradient(188deg, #10161d 0%, #0b0f14 48%, #080b0f 100%);
  border-right: 1px solid rgba(15, 23, 42, 0.85);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.035);
}

.nk-content-body .admin-config-rail__head {
  flex-shrink: 0;
  padding: 0 0.45rem 0.75rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid var(--dash-pro-border);
}

body.admin-lms-ui .nk-content-body .admin-config-rail__head {
  border-bottom-color: rgba(148, 163, 184, 0.18);
}

.nk-content-body .admin-config-rail__head-title {
  display: block;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--dash-pro-muted);
  line-height: 1.35;
}

body.admin-lms-ui .nk-content-body .admin-config-rail__head-title {
  color: #22c55e;
  text-shadow: 0 0 14px rgba(34, 197, 94, 0.28);
}

.nk-content-body .admin-config-rail__scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-right: 0.1rem;
  -webkit-overflow-scrolling: touch;
}

.nk-content-body .admin-config-rail__scroll::-webkit-scrollbar {
  width: 5px;
}

.nk-content-body .admin-config-rail__scroll::-webkit-scrollbar-thumb {
  background: var(--dash-pro-border-strong);
  border-radius: 99px;
}

.nk-content-body .admin-config-rail__link {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.52rem 0.7rem;
  border-radius: 10px;
  color: var(--dash-pro-text-secondary) !important;
  text-decoration: none !important;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  border: 1px solid transparent;
  transition: background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}

body.admin-lms-ui .nk-content-body .admin-config-rail__link {
  color: #cbd5e1 !important;
}

.nk-content-body .admin-config-rail__link:hover {
  background: var(--dash-pro-sidebar-hover);
  color: var(--dash-pro-text) !important;
}

body.admin-lms-ui .nk-content-body .admin-config-rail__link:hover {
  background: rgba(255, 255, 255, 0.065) !important;
  color: #f8fafc !important;
}

.nk-content-body .admin-config-rail__link--active {
  background: rgba(124, 58, 237, 0.07) !important;
  color: var(--dash-pro-text) !important;
  border-color: transparent;
  box-shadow: none;
}

body.admin-lms-ui .nk-content-body .admin-config-rail__link--active {
  position: relative;
  background: rgba(34, 197, 94, 0.12) !important;
  color: #f8fafc !important;
  box-shadow: none;
}

body.admin-lms-ui .nk-content-body .admin-config-rail__link--active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16%;
  bottom: 16%;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.35);
}

body.dark-mode .nk-content-body .admin-config-rail__link--active {
  background: rgba(139, 92, 246, 0.1) !important;
  box-shadow: none;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-rail__link--active {
  background: rgba(34, 197, 94, 0.14) !important;
}

.nk-content-body .admin-config-rail__icon {
  flex-shrink: 0;
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--dash-pro-surface);
  border: 1px solid var(--dash-pro-border);
  color: var(--dash-pro-muted);
  transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}

body.admin-lms-ui .nk-content-body .admin-config-rail__icon {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(148, 163, 184, 0.14);
  color: #94a3b8;
}

.nk-content-body .admin-config-rail__icon .icon.fi {
  font-size: 1.02rem;
  line-height: 1;
  display: block;
  margin: 0;
}

.nk-content-body .admin-config-rail__link:hover .admin-config-rail__icon {
  border-color: var(--dash-pro-border-strong);
  color: var(--dash-pro-text-secondary);
}

body.admin-lms-ui .nk-content-body .admin-config-rail__link:hover .admin-config-rail__icon {
  border-color: rgba(148, 163, 184, 0.22);
  color: #4ade80;
}

.nk-content-body .admin-config-rail__link--active .admin-config-rail__icon {
  background: var(--dash-pro-surface);
  border-color: var(--lms-primary-border);
  color: var(--lms-primary);
}

body.admin-lms-ui .nk-content-body .admin-config-rail__link--active .admin-config-rail__icon {
  background: rgba(34, 197, 94, 0.16);
  border-color: rgba(74, 222, 128, 0.35);
  color: #4ade80;
}

body.dark-mode .nk-content-body .admin-config-rail__link--active .admin-config-rail__icon {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(167, 139, 250, 0.35);
  color: #c4b5fd;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-rail__link--active .admin-config-rail__icon {
  background: rgba(34, 197, 94, 0.18);
  border-color: rgba(74, 222, 128, 0.4);
  color: #4ade80;
}

.nk-content-body .admin-config-rail__label {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  line-height: 1.25;
  padding: 0;
  margin: 0;
}

.nk-content-body .admin-config-panel {
  flex: 1;
  min-width: 0;
  padding: 1.65rem 1.85rem 2rem;
  background: var(--dash-pro-surface);
  overflow-x: auto;
}

.nk-content-body .admin-config-panel__inner {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
}

.nk-content-body .admin-config-panel__inner--wide {
  max-width: 1180px;
}

.nk-content-body .admin-config-panel .form-group {
  margin-bottom: 1.1rem;
}

.nk-content-body .admin-config-panel > .card-title:first-child,
.nk-content-body .admin-config-panel > h4.card-title:first-child,
.nk-content-body .admin-config-panel > form > h4.card-title:first-child {
  margin-top: 0;
}

.nk-content-body .admin-config-panel .card-title,
.nk-content-body .admin-config-panel h4.card-title {
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--dash-pro-text);
  letter-spacing: -0.02em;
}

.nk-content-body .admin-config-panel .card-subtitle {
  color: var(--dash-pro-muted);
  font-size: 0.8125rem;
  margin-top: -0.35rem;
}

.nk-content-body .admin-config-section {
  margin-bottom: 1.85rem;
}

.nk-content-body .admin-config-section:last-of-type {
  margin-bottom: 0;
}

.nk-content-body .admin-config-section__title {
  margin: 0 0 1rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid var(--dash-pro-border);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--dash-pro-muted);
}

.nk-content-body .admin-config-section__description {
  max-width: 46rem;
  margin: -0.45rem 0 1rem;
  color: var(--dash-pro-muted);
  font-size: 0.875rem;
  line-height: 1.55;
}

.nk-content-body .admin-config-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.75rem;
  padding-top: 1.35rem;
  border-top: 1px solid var(--dash-pro-border);
}

body.dark-mode .nk-content-body .admin-config-actions {
  border-top-color: var(--dash-pro-border-strong);
}

/* Inline help tips (replaces Bootstrap alert + FA in configuration) */
.admin-tip--block {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border-radius: 14px;
  border: 1px solid var(--saas-border, var(--lms-primary-border));
  background: linear-gradient(180deg, #fbfcff, var(--dash-pro-surface));
  color: var(--dash-pro-text-secondary);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset;
}

body.dark-mode .admin-tip--block {
  border-color: var(--saas-border, rgba(167, 139, 250, 0.28));
  background: var(--saas-surface, var(--dash-pro-surface));
  color: #d4d4d8;
  box-shadow: none;
}

.admin-tip__icon {
  flex-shrink: 0;
  width: 1.9rem;
  height: 1.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--saas-primary-soft, var(--lms-primary-soft));
  color: var(--saas-primary-text, var(--lms-primary-dark));
}

body.dark-mode .admin-tip__icon {
  background: rgba(139, 92, 246, 0.15);
  color: #e9d5ff;
}

.admin-tip__icon .icon.fi {
  font-size: 0.95rem;
  line-height: 1;
}

.admin-tip__text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  flex: 1;
  min-width: 0;
}

.admin-tip__field-icon {
  font-size: 0.95rem;
  color: var(--dash-pro-muted);
  cursor: help;
  vertical-align: -0.15em;
  margin-left: 0.2rem;
  transition: color 0.12s ease, transform 0.12s ease;
}

.admin-tip__field-icon:hover,
.admin-tip__field-icon:focus {
  color: var(--saas-primary, var(--lms-primary));
  outline: none;
  transform: translateY(-1px);
}

.nk-content-body .admin-config-panel .alert {
  border-radius: var(--dash-pro-radius-sm);
  border: 1px solid var(--dash-pro-border-strong);
}

body.dark-mode .nk-content-body .admin-config-panel .alert-info {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(96, 165, 250, 0.35);
  color: #e0f2fe;
}

/* -------- Configuration: form row(s) + full-width list (Locale, Role, etc.) -------- */
.nk-content-body .admin-config-panel .admin-config-forms-row {
  margin-top: 1.25rem;
}

.nk-content-body .admin-config-form-card {
  height: 100%;
  padding: 1.25rem 1.35rem 1.35rem;
  background: var(--dash-pro-bg);
  border: 1px solid var(--dash-pro-border);
  border-radius: var(--dash-pro-radius-sm);
}

body.dark-mode .nk-content-body .admin-config-form-card {
  background: rgba(0, 0, 0, 0.18);
  border-color: var(--dash-pro-border-strong);
}

.nk-content-body .admin-config-form-card__title {
  margin: 0 0 1.1rem;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--dash-pro-text);
  letter-spacing: -0.02em;
}

body.dark-mode .nk-content-body .admin-config-form-card__title {
  color: #fafafa;
}

.nk-content-body .admin-config-list-section {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--dash-pro-border);
}

body.dark-mode .nk-content-body .admin-config-list-section {
  border-top-color: var(--dash-pro-border-strong);
}

.nk-content-body .admin-config-list-head {
  margin-bottom: 1rem;
}

.nk-content-body .admin-config-list-head__title {
  margin: 0 0 0.35rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--dash-pro-text);
  letter-spacing: -0.02em;
}

body.dark-mode .nk-content-body .admin-config-list-head__title {
  color: #fafafa;
}

.nk-content-body .admin-config-list-head__sub {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--dash-pro-muted);
  font-weight: 500;
  letter-spacing: 0.02em;
}

body.dark-mode .nk-content-body .admin-config-list-head__sub {
  color: #a1a1aa;
}

.nk-content-body .admin-config-list-head__sub--empty {
  color: var(--dash-pro-muted);
}

body.dark-mode .nk-content-body .admin-config-list-head__sub--empty {
  color: #71717a;
}

.nk-content-body .admin-config-list-head--split {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem 1.25rem;
}

.nk-content-body .admin-config-list-head--split .admin-config-list-head__text {
  flex: 1;
  min-width: min(100%, 12rem);
}

.nk-content-body .admin-config-list-head--split .admin-config-list-head__actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (max-width: 575.98px) {
  .nk-content-body .admin-config-list-head--split .admin-config-list-head__actions {
    width: 100%;
  }
  .nk-content-body .admin-config-list-head--split .admin-config-list-head__actions .btn {
    width: 100%;
  }
}
body.admin-lms-ui .nk-content-body .admin-config-list-card.admin-list-table-card {
  border-top: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-list-card.admin-list-table-card {
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
}

body.admin-lms-ui .nk-content-body .admin-data-table--config-list thead th {
  background: #f8fafc !important;
  color: #64748b !important;
  text-transform: none;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.01em !important;
  box-shadow: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table--config-list thead th {
  color: #94a3b8 !important;
  background: #141820 !important;
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: none !important;
}

body.admin-lms-ui .nk-content-body .admin-config-list-card .admin-data-table--config-list tbody td {
  border-bottom: 1px solid #f1f5f9 !important;
  color: #334155;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-list-card .admin-data-table--config-list tbody td {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1;
}

body.admin-lms-ui .nk-content-body .admin-config-list-card .admin-data-table--config-list tbody tr:last-child td {
  border-bottom: none !important;
}

body.admin-lms-ui .nk-content-body .admin-config-list-card .table-responsive {
  background: transparent;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-list-card .table-responsive {
  background: transparent;
}

@media (max-width: 991.98px) {
  .nk-content-body .admin-config-layout {
    flex-direction: column;
    min-height: 0;
  }
  .nk-content-body .admin-config-rail {
    flex: none;
    max-width: none;
    border-right: none;
    border-bottom: 1px solid var(--dash-pro-border);
    padding: 0.75rem 0.65rem 0.85rem;
  }
  .nk-content-body .admin-config-rail__head {
    padding-bottom: 0.55rem;
    margin-bottom: 0.5rem;
  }
  .nk-content-body .admin-config-rail__scroll {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.35rem;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 0.15rem;
  }
  .nk-content-body .admin-config-rail__link {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 140px;
    padding: 0.55rem 0.65rem;
  }
  .nk-content-body .admin-config-rail__icon {
    width: 2rem;
    height: 2rem;
    font-size: 0.8rem;
  }
  .nk-content-body .admin-config-rail__label {
    font-size: 0.8125rem;
  }
}
/* -------- List table card + row action dropdown (DataTables-style reference) -------- */
.nk-content-body .admin-list-table-card {
  background: var(--dash-pro-surface);
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  margin-bottom: 0;
}

body.dark-mode .nk-content-body .admin-list-table-card {
  border-color: rgba(148, 163, 184, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.nk-content-body .admin-list-table-card .table-responsive {
  border: none;
  border-radius: 0;
}

.nk-content-body .admin-table-role-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nk-content-body .admin-data-table {
  border-collapse: collapse;
}

.nk-content-body .admin-data-table thead th {
  white-space: nowrap;
}

.nk-content-body .admin-data-table tbody td {
  border-bottom: 1px solid #f1f5f9;
}

body.dark-mode .nk-content-body .admin-data-table tbody td {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.nk-content-body .admin-data-table tbody tr:nth-child(even) td {
  background: transparent;
}

body.dark-mode .nk-content-body .admin-data-table tbody tr:nth-child(even) td {
  background: transparent;
}

.nk-content-body .admin-data-table tbody tr:hover td {
  background: #f8fafc !important;
}

body.dark-mode .nk-content-body .admin-data-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.035) !important;
}

.nk-content-body .admin-data-table tbody tr:last-child td {
  border-bottom: none;
}

/* -------- List tables: sober POS-style (neutral chrome, no brand tint) -------- */
body.admin-lms-ui .nk-content-body .admin-list-table-card {
  border-color: #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 4px 12px rgba(15, 23, 42, 0.04);
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-list-table-card {
  border-color: rgba(148, 163, 184, 0.14);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

body.admin-lms-ui .nk-content-body .admin-list-table-card .table-responsive {
  background: transparent;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-list-table-card .table-responsive {
  background: transparent;
}

/* Empty list state (replaces generic illustration SVG) */
.nk-content-body .admin-list-table-card.admin-empty-state {
  border-top: 1px solid var(--saas-border, #e2e8f0);
  background: var(--saas-surface, var(--dash-pro-surface));
}

body.dark-mode .nk-content-body .admin-list-table-card.admin-empty-state {
  border-top-color: rgba(148, 163, 184, 0.16);
}

.nk-content-body .admin-empty-state__inner {
  text-align: center;
  padding: 2.1rem 1.5rem 2.35rem;
  max-width: 32rem;
  margin: 0 auto;
}

.nk-content-body .admin-empty-state__icon-wrap {
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 auto 1.1rem;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--saas-primary-soft, rgba(99, 102, 241, 0.1));
  border: 1px solid rgba(99, 102, 241, 0.22);
  box-shadow: none;
}

.nk-content-body .admin-empty-state__icon-wrap .icon.fi {
  font-size: 1.35rem;
  line-height: 1;
  color: var(--saas-primary, var(--lms-primary));
}

.nk-content-body .admin-empty-state__title {
  margin: 0 0 0.45rem;
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text);
}

.nk-content-body .admin-empty-state__text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--dash-pro-muted);
}

body.dark-mode .nk-content-body .admin-empty-state__icon-wrap {
  background: var(--saas-primary-soft, rgba(99, 102, 241, 0.16));
  border-color: rgba(99, 102, 241, 0.28);
  box-shadow: none;
}

body.dark-mode .nk-content-body .admin-empty-state__icon-wrap .icon.fi {
  color: var(--saas-primary-text, #a5b4fc);
}

body.dark-mode .nk-content-body .admin-empty-state__title {
  color: #fafafa;
}

body.dark-mode .nk-content-body .admin-empty-state__text {
  color: #a1a1aa;
}

body.admin-lms-ui .nk-content-body .admin-data-table {
  border-collapse: separate;
  border-spacing: 0;
}

body.admin-lms-ui .nk-content-body .admin-data-table thead th {
  padding: 0.8rem 1.125rem !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.01em !important;
  font-weight: 600 !important;
  text-transform: none !important;
  color: #64748b !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  background: #f8fafc !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table thead th {
  color: #94a3b8 !important;
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: none !important;
  background: #141820 !important;
}

body.admin-lms-ui .nk-content-body .admin-data-table tbody td {
  padding: 0.85rem 1.125rem;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  color: #334155;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
  transition: background 0.12s ease;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody td {
  color: #cbd5e1;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

body.admin-lms-ui .nk-content-body .admin-data-table tbody td:first-child {
  font-weight: 500;
  color: #0f172a;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody td:first-child {
  color: #f1f5f9;
}

body.admin-lms-ui .nk-content-body .admin-data-table tbody td:first-child small {
  font-weight: 400;
  color: #64748b;
  letter-spacing: 0.02em;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody td:first-child small {
  color: #a1a1aa;
}

body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:nth-child(even) td {
  background: transparent;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody tr:nth-child(even) td {
  background: transparent;
}

body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td {
  background: #f8fafc !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.04) !important;
}

body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td:first-child {
  box-shadow: none;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td:first-child {
  box-shadow: none;
}

body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:last-child td {
  border-bottom: none;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody tr:last-child td {
  border-bottom: none;
}

body.admin-lms-ui .nk-content-body .admin-data-table .admin-status-badge {
  padding: 0.28em 0.65em;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  border-radius: 6px;
  box-shadow: none;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table .admin-status-badge {
  box-shadow: none;
}

body.admin-lms-ui .nk-content-body .admin-table-pagination-wrap {
  padding: 0.85rem 1rem;
  border-top: 1px solid var(--saas-border, #f1f5f9);
  background: #fafbff;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-table-pagination-wrap {
  border-top-color: rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.15);
}

.nk-content-body .admin-table-actions-cell {
  width: 1%;
  white-space: nowrap;
  text-align: right !important;
  vertical-align: middle !important;
  overflow: visible;
}

.nk-content-body .admin-table-actions-cell .admin-row-actions {
  display: inline-flex;
  vertical-align: middle;
  justify-content: flex-end;
}

/* BV wraps toggle in .btn-group — keep a single clean square trigger */
.nk-content-body .admin-row-actions--icon-only.btn-group {
  display: inline-flex !important;
  width: auto !important;
  max-width: none;
  vertical-align: middle;
}

.nk-content-body .admin-row-actions--icon-only.btn-group > .btn.dropdown-toggle.admin-row-actions__toggle {
  float: none;
  border-radius: 10px !important;
  margin: 0 !important;
}

/* Status pills (instance list + any table using admin-status-badge--*) */
.nk-content-body .admin-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.32em;
  padding: 0.28em 0.65em;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
}

.nk-content-body .admin-status-badge .icon.fi {
  font-size: 0.72rem;
  line-height: 1;
  flex-shrink: 0;
  opacity: 0.92;
}

.nk-content-body .admin-status-badge--stack {
  margin-left: 0.35rem;
}

.nk-content-body .admin-status-badge--success {
  color: #15803d;
  background: #dcfce7;
  border-color: rgba(34, 197, 94, 0.35);
}

.nk-content-body .admin-status-badge--info {
  color: #0369a1;
  background: #e0f2fe;
  border-color: rgba(14, 165, 233, 0.35);
}

.nk-content-body .admin-status-badge--warning {
  color: #b45309;
  background: #fef3c7;
  border-color: rgba(245, 158, 11, 0.4);
}

.nk-content-body .admin-status-badge--danger {
  color: #b91c1c;
  background: #fee2e2;
  border-color: rgba(239, 68, 68, 0.35);
}

body.dark-mode .nk-content-body .admin-status-badge--success {
  color: #86efac;
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(74, 222, 128, 0.28);
}

body.dark-mode .nk-content-body .admin-status-badge--info {
  color: #7dd3fc;
  background: rgba(14, 165, 233, 0.12);
  border-color: rgba(56, 189, 248, 0.3);
}

body.dark-mode .nk-content-body .admin-status-badge--warning {
  color: #fcd34d;
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(251, 191, 36, 0.28);
}

body.dark-mode .nk-content-body .admin-status-badge--danger {
  color: #fca5a5;
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(248, 113, 113, 0.28);
}

.admin-table-pagination-wrap {
  padding: 0.85rem 1rem;
  border-top: 1px solid var(--dash-pro-border);
  background: var(--dash-pro-surface);
}

.nk-content-body .admin-pagination-record {
  align-items: center;
  row-gap: 0.75rem;
}

.nk-content-body .admin-pagination-record__pages .pagination {
  margin-bottom: 0;
}

.nk-content-body .admin-pagination-record__length-control {
  display: inline-flex;
  align-items: center;
}

.nk-content-body .admin-pagination-record__select {
  min-width: 8.75rem;
  height: 2.25rem;
  min-height: 2.25rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .nk-content-body .admin-pagination-record__length,
  .nk-content-body .admin-pagination-record__length-control {
    width: 100%;
  }
  .nk-content-body .admin-pagination-record__length-control.pull-right {
    float: none !important;
  }
  .nk-content-body .admin-pagination-record__select {
    width: 100%;
  }
}
/* Row actions: vertical ⋮ trigger — fixed square, no stray text, full border-radius */
.nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  max-width: 2.25rem !important;
  padding: 0 !important;
  gap: 0 !important;
  color: var(--dash-pro-muted) !important;
  background: var(--dash-pro-surface) !important;
  border: 1px solid var(--dash-pro-border-strong) !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

.nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle.dropdown-toggle-no-caret::after {
  display: none !important;
  border: 0 !important;
  margin: 0 !important;
  width: 0 !important;
  height: 0 !important;
  content: "" !important;
}

.nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:hover,
.nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:focus,
.nk-content-body .admin-row-actions--icon-only.show > .dropdown-toggle.admin-row-actions__toggle {
  color: var(--saas-text, var(--dash-pro-text)) !important;
  background: #f9fafb !important;
  border-color: var(--dash-pro-border-strong) !important;
}

.nk-content-body .admin-row-actions__dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

body.dark-mode .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle {
  color: #a1a1aa !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--dash-pro-border-strong) !important;
}

body.dark-mode .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:hover,
body.dark-mode .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:focus,
body.dark-mode .nk-content-body .admin-row-actions--icon-only.show > .dropdown-toggle.admin-row-actions__toggle {
  color: #f3f4f6 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--saas-border, var(--dash-pro-border-strong)) !important;
}

/* Data tables: neutral ⋮ control (POS-style, no purple hover on rows) */
body.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle {
  color: #64748b !important;
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  border-radius: 999px !important;
}

body.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:hover,
body.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:focus,
body.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only.show > .dropdown-toggle.admin-row-actions__toggle {
  color: #334155 !important;
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:hover,
body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:focus,
body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only.show > .dropdown-toggle.admin-row-actions__toggle {
  color: #e2e8f0 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* Row menu shell: .admin-pro-dropdown-panel (shared). Below: items only. */
.nk-content-body .admin-row-actions__menu .dropdown-item,
.nk-content-body .admin-row-actions__menu .dropdown-item-button {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0 0.25rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--dash-pro-text-secondary);
  border-radius: 8px;
  border: none;
  transition: background 0.12s ease, color 0.12s ease;
}

body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button {
  color: var(--saas-text, #374151) !important;
}

.nk-content-body .admin-row-actions__menu .dropdown-item .icon.fi,
.nk-content-body .admin-row-actions__menu .dropdown-item-button .icon.fi {
  font-size: 1rem;
  width: 1.25rem;
  color: var(--dash-pro-muted);
  flex-shrink: 0;
}

body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item .icon.fi,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button .icon.fi {
  color: var(--saas-muted, #6b7280) !important;
}

.nk-content-body .admin-row-actions__menu .dropdown-item:hover,
.nk-content-body .admin-row-actions__menu .dropdown-item:focus,
.nk-content-body .admin-row-actions__menu .dropdown-item-button:hover,
.nk-content-body .admin-row-actions__menu .dropdown-item-button:focus {
  background: var(--lms-primary-soft);
  color: var(--dash-pro-text);
}

body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:hover,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:focus,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:hover,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:focus {
  background: var(--saas-primary-soft, var(--lms-primary-soft)) !important;
  color: var(--saas-primary-text, var(--dash-pro-text)) !important;
}

.nk-content-body .admin-row-actions__menu .dropdown-item:hover .icon.fi,
.nk-content-body .admin-row-actions__menu .dropdown-item:focus .icon.fi,
.nk-content-body .admin-row-actions__menu .dropdown-item-button:hover .icon.fi,
.nk-content-body .admin-row-actions__menu .dropdown-item-button:focus .icon.fi {
  color: var(--lms-primary-dark);
}

body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:hover .icon.fi,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:focus .icon.fi,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:hover .icon.fi,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:focus .icon.fi {
  color: var(--saas-primary, var(--lms-primary)) !important;
}

.nk-content-body .admin-row-actions__menu .admin-row-actions__danger,
.nk-content-body .admin-row-actions__menu .admin-row-actions__danger.dropdown-item-button {
  color: #b91c1c !important;
}

body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger.dropdown-item-button {
  color: #fca5a5 !important;
}

.nk-content-body .admin-row-actions__menu .dropdown-item + .admin-row-actions__danger,
.nk-content-body .admin-row-actions__menu .dropdown-item + .admin-row-actions__danger.dropdown-item-button,
.nk-content-body .admin-row-actions__menu .dropdown-item-button:not(.admin-row-actions__danger) + .admin-row-actions__danger,
.nk-content-body .admin-row-actions__menu .dropdown-item-button:not(.admin-row-actions__danger) + .admin-row-actions__danger.dropdown-item-button {
  position: relative;
  margin-top: 0.375rem;
  padding-top: 0.625rem;
}

.nk-content-body .admin-row-actions__menu .dropdown-item + .admin-row-actions__danger::before,
.nk-content-body .admin-row-actions__menu .dropdown-item + .admin-row-actions__danger.dropdown-item-button::before,
.nk-content-body .admin-row-actions__menu .dropdown-item-button:not(.admin-row-actions__danger) + .admin-row-actions__danger::before,
.nk-content-body .admin-row-actions__menu .dropdown-item-button:not(.admin-row-actions__danger) + .admin-row-actions__danger.dropdown-item-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.5rem;
  right: 0.5rem;
  height: 1px;
  background: var(--dash-pro-border);
}

body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger::before,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger.dropdown-item-button::before,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:not(.admin-row-actions__danger) + .admin-row-actions__danger::before,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:not(.admin-row-actions__danger) + .admin-row-actions__danger.dropdown-item-button::before {
  background: var(--saas-border, var(--dash-pro-border));
}

.nk-content-body .admin-row-actions__menu .admin-row-actions__danger .icon.fi {
  color: #dc2626 !important;
}

.nk-content-body .admin-row-actions__menu .admin-row-actions__danger:hover,
.nk-content-body .admin-row-actions__menu .admin-row-actions__danger:focus {
  background: #fef2f2 !important;
  color: #991b1b !important;
}

body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:hover,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:focus {
  background: rgba(248, 113, 113, 0.14) !important;
  color: #fecaca !important;
}

.nk-content-body .admin-row-actions__menu .admin-row-actions__danger:hover .icon.fi,
.nk-content-body .admin-row-actions__menu .admin-row-actions__danger:focus .icon.fi {
  color: #b91c1c !important;
}

body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:hover .icon.fi,
body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:focus .icon.fi {
  color: #fca5a5 !important;
}

body.dark-mode .nk-content-body .admin-row-actions__menu .dropdown-item,
body.dark-mode .nk-content-body .admin-row-actions__menu .dropdown-item-button {
  color: #e4e4e7;
}

body.dark-mode .nk-content-body .admin-row-actions__menu .dropdown-item:hover,
body.dark-mode .nk-content-body .admin-row-actions__menu .dropdown-item-button:hover {
  background: var(--lms-primary-soft);
  color: #fafafa;
}

body.dark-mode .nk-content-body .admin-row-actions__menu .admin-row-actions__danger {
  color: #fca5a5 !important;
}

body.dark-mode .nk-content-body .admin-row-actions__menu .dropdown-item + .admin-row-actions__danger::before,
body.dark-mode .nk-content-body .admin-row-actions__menu .dropdown-item + .admin-row-actions__danger.dropdown-item-button::before,
body.dark-mode .nk-content-body .admin-row-actions__menu .dropdown-item-button:not(.admin-row-actions__danger) + .admin-row-actions__danger::before,
body.dark-mode .nk-content-body .admin-row-actions__menu .dropdown-item-button:not(.admin-row-actions__danger) + .admin-row-actions__danger.dropdown-item-button::before {
  background: var(--dash-pro-border-strong);
}

body.dark-mode .nk-content-body .admin-row-actions__menu .admin-row-actions__danger:hover,
body.dark-mode .nk-content-body .admin-row-actions__menu .admin-row-actions__danger:focus {
  background: rgba(248, 113, 113, 0.14) !important;
  color: #fecaca !important;
}

/* Primary buttons — Heartiest / LMS violet */
.nk-app-root .btn-primary,
#root .btn-primary {
  background: linear-gradient(180deg, var(--lms-primary) 0%, var(--lms-primary-dark) 100%);
  border-color: var(--lms-primary-dark);
  font-weight: 600;
  border-radius: var(--dash-pro-radius-sm);
  box-shadow: 0 2px 10px rgba(109, 40, 217, 0.22);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.nk-app-root .btn-primary:hover,
.nk-app-root .btn-primary:focus,
#root .btn-primary:hover,
#root .btn-primary:focus {
  background: linear-gradient(180deg, #8b5cf6 0%, #7c3aed 100%);
  border-color: #5b21b6;
  box-shadow: 0 4px 16px rgba(109, 40, 217, 0.3);
  filter: brightness(1.02);
}

body.dark-mode .nk-app-root .btn-primary,
body.dark-mode #root .btn-primary {
  background: linear-gradient(180deg, #8b5cf6 0%, #7c3aed 100%);
  border-color: #a78bfa;
  box-shadow: 0 2px 14px rgba(139, 92, 246, 0.28);
}

body.dark-mode .nk-app-root .btn-primary:hover,
body.dark-mode #root .btn-primary:hover {
  border-color: #c4b5fd;
  box-shadow: 0 4px 20px rgba(139, 92, 246, 0.35);
}

/* Content vertical rhythm */
.nk-content-body {
  padding-bottom: 1.5rem;
}

.nk-content .container-xl.wide-xl {
  max-width: 1320px;
}

/* -------- Modals (Bootstrap Vue) — pro shell; overflow for vue-multiselect -------- */
body.admin-lms-ui .admin-modal-pro__content.modal-content {
  border: none !important;
  border-radius: var(--dash-pro-radius) !important;
  box-shadow: 0 0 0 1px rgba(24, 24, 27, 0.04), 0 24px 48px -12px rgba(15, 23, 42, 0.18) !important;
  overflow: visible !important;
}

body.dark-mode.admin-lms-ui .admin-modal-pro__content.modal-content {
  background: var(--dash-pro-surface) !important;
  color: var(--dash-pro-text);
  border: 1px solid var(--dash-pro-border-strong) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 24px 56px rgba(0, 0, 0, 0.55) !important;
}

body.admin-lms-ui .admin-modal-pro__content .modal-header {
  border-bottom: 1px solid var(--dash-pro-border);
  padding: 1rem 1.35rem;
  align-items: center;
}

body.dark-mode.admin-lms-ui .admin-modal-pro__content .modal-header {
  background: transparent !important;
  border-bottom-color: var(--dash-pro-border-strong);
}

body.admin-lms-ui .admin-modal-pro__content .modal-title {
  font-weight: 600;
  font-size: 1.0625rem;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text);
}

body.admin-lms-ui .admin-modal-pro__content .modal-body {
  padding: 1.35rem 1.35rem 1.25rem;
  overflow: visible !important;
}

body.admin-lms-ui .admin-modal-pro__content .close {
  opacity: 0.55;
  text-shadow: none;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
  padding: 0.25rem;
  margin: -0.25rem -0.25rem -0.25rem auto;
}

body.admin-lms-ui .admin-modal-pro__content .close:hover {
  opacity: 1;
}

body.dark-mode.admin-lms-ui .admin-modal-pro__content .close {
  color: #e4e4e7 !important;
}

body.admin-lms-ui .admin-modal-pro__content .form-group label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dash-pro-muted);
  margin-bottom: 0.35rem;
}

body.admin-lms-ui .admin-modal-pro__content .form-control {
  border-radius: var(--dash-pro-radius-sm);
  border-color: var(--dash-pro-border-strong);
  font-size: 0.875rem;
}

body:not(.dark-mode).admin-lms-ui .admin-modal-pro__content .form-control {
  background: var(--dash-pro-surface);
}

body.dark-mode.admin-lms-ui .admin-modal-pro__content .form-control {
  background: #1a1d28 !important;
  border-color: var(--dash-pro-border-strong) !important;
  color: var(--dash-pro-text) !important;
}

body.dark-mode.admin-lms-ui .admin-modal-pro__content .form-control:focus {
  border-color: var(--lms-primary) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

body.dark-mode.admin-lms-ui .admin-modal-pro__content select.form-control {
  background-color: #1a1d28 !important;
  color: var(--dash-pro-text) !important;
}

body.admin-lms-ui .admin-modal-pro__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  margin-top: 0.25rem;
  border-top: 1px solid var(--dash-pro-border);
}

body.dark-mode.admin-lms-ui .admin-modal-pro__content .admin-modal-pro__footer {
  border-top-color: var(--dash-pro-border-strong);
}

body.admin-lms-ui .admin-modal-pro__footer-extra {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

body.admin-lms-ui .admin-modal-pro__switch-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dash-pro-text-secondary);
}

/* Instance create modal — card layout aligned with public sign-up */
body.admin-lms-ui .admin-modal-pro__content--instance-create.modal-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.dark-mode.admin-lms-ui .admin-modal-pro__content--instance-create.modal-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.admin-lms-ui .admin-modal-pro__content--instance-create .modal-body {
  padding: 0 !important;
}

body.admin-lms-ui .admin-instance-create-card {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 2.25rem 2rem 2rem;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  background: #fff;
  color: #18181b;
}

body.dark-mode.admin-lms-ui .admin-instance-create-card {
  background: #fafafa;
  color: #18181b;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}

body.admin-lms-ui .admin-instance-create-card__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: 0 !important;
  padding: 0.35rem 0.5rem !important;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
  color: #71717a !important;
  opacity: 0.75;
  text-shadow: none;
}

body.admin-lms-ui .admin-instance-create-card__close:hover {
  opacity: 1;
  color: #18181b !important;
}

body.admin-lms-ui .admin-instance-create-card__title {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 0.35rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  color: #18181b;
  letter-spacing: -0.02em;
}

body.admin-lms-ui .admin-instance-create-card__sub {
  font-size: 0.875rem;
  text-align: center;
  color: #71717a;
  margin: 0 0 1.75rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.45;
}

body.admin-lms-ui .admin-instance-create-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

body.admin-lms-ui .admin-instance-create-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

@media (max-width: 575.98px) {
  body.admin-lms-ui .admin-instance-create-grid-2 {
    grid-template-columns: 1fr;
  }
}
body.admin-lms-ui .admin-instance-create-field {
  margin: 0;
}

body.admin-lms-ui .admin-instance-create-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #18181b;
  margin-bottom: 0.35rem;
}

body.admin-lms-ui .admin-instance-create-control.form-control {
  width: 100%;
  padding: 0.8rem 1rem;
  font-size: 0.9375rem;
  border-radius: 10px !important;
  border: 2px solid #d4d4d8 !important;
  background: #fff !important;
  color: #18181b !important;
}

body.admin-lms-ui .admin-instance-create-control.form-control:focus {
  border-color: var(--lms-primary) !important;
  box-shadow: none !important;
}

body.admin-lms-ui select.admin-instance-create-control.form-control {
  cursor: pointer;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

body.admin-lms-ui .admin-instance-create-domain-input {
  display: flex;
  align-items: stretch;
  border: 2px solid #d4d4d8;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  transition: border-color 0.15s ease;
}

body.admin-lms-ui .admin-instance-create-domain-input:focus-within {
  border-color: var(--lms-primary);
}

body.admin-lms-ui .admin-instance-create-domain-input__field {
  flex: 1;
  min-width: 0;
  padding: 0.8rem 1rem;
  border: none !important;
  font-size: 0.9375rem;
  font-family: inherit;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #18181b !important;
  border-radius: 0 !important;
}

body.admin-lms-ui .admin-instance-create-domain-input__suffix {
  display: flex;
  align-items: center;
  padding: 0.8rem 1rem;
  background: #f4f4f5;
  color: #71717a;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  border-left: 1px solid #e4e4e7;
}

body.admin-lms-ui .admin-instance-create-domain-input--live-ok {
  border-color: #0d9488 !important;
}

body.admin-lms-ui .admin-instance-create-domain-input--live-bad {
  border-color: #dc2626 !important;
}

body.dark-mode.admin-lms-ui .admin-instance-create-domain-input--live-ok {
  border-color: #2dd4bf !important;
}

body.dark-mode.admin-lms-ui .admin-instance-create-domain-input--live-bad {
  border-color: #f87171 !important;
}

body.admin-lms-ui .admin-domain-result-wrap {
  margin-top: 0.75rem;
}

body.admin-lms-ui .admin-domain-result-banner {
  border-radius: 10px;
  padding: 0.85rem 1rem;
  border: 1px solid #e4e4e7;
  background: #fafafa;
}

body.admin-lms-ui .admin-domain-result-banner__headline {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.3;
}

body.admin-lms-ui .admin-domain-result-banner__detail {
  margin: 0.35rem 0 0;
  font-size: 0.875rem;
  line-height: 1.45;
  color: #3f3f46;
}

body.admin-lms-ui .admin-domain-result-banner--ok {
  border-color: #99f6e4;
  background: #ecfdf5;
}

body.admin-lms-ui .admin-domain-result-banner--ok .admin-domain-result-banner__headline {
  color: #0f766e;
}

body.admin-lms-ui .admin-domain-result-banner--taken,
body.admin-lms-ui .admin-domain-result-banner--invalid,
body.admin-lms-ui .admin-domain-result-banner--error {
  border-color: #fecaca;
  background: #fef2f2;
}

body.admin-lms-ui .admin-domain-result-banner--taken .admin-domain-result-banner__headline,
body.admin-lms-ui .admin-domain-result-banner--invalid .admin-domain-result-banner__headline,
body.admin-lms-ui .admin-domain-result-banner--error .admin-domain-result-banner__headline {
  color: #b91c1c;
}

body.admin-lms-ui .admin-domain-result-banner--taken .admin-domain-result-banner__detail,
body.admin-lms-ui .admin-domain-result-banner--invalid .admin-domain-result-banner__detail,
body.admin-lms-ui .admin-domain-result-banner--error .admin-domain-result-banner__detail {
  color: #7f1d1d;
}

body.dark-mode.admin-lms-ui .admin-domain-result-banner {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode.admin-lms-ui .admin-domain-result-banner__detail {
  color: #d4d4d8;
}

body.dark-mode.admin-lms-ui .admin-domain-result-banner--ok {
  border-color: rgba(45, 212, 191, 0.45);
  background: rgba(6, 78, 59, 0.35);
}

body.dark-mode.admin-lms-ui .admin-domain-result-banner--ok .admin-domain-result-banner__headline {
  color: #5eead4;
}

body.dark-mode.admin-lms-ui .admin-domain-result-banner--taken,
body.dark-mode.admin-lms-ui .admin-domain-result-banner--invalid,
body.dark-mode.admin-lms-ui .admin-domain-result-banner--error {
  border-color: rgba(248, 113, 113, 0.45);
  background: rgba(127, 29, 29, 0.25);
}

body.dark-mode.admin-lms-ui .admin-domain-result-banner--taken .admin-domain-result-banner__headline,
body.dark-mode.admin-lms-ui .admin-domain-result-banner--invalid .admin-domain-result-banner__headline,
body.dark-mode.admin-lms-ui .admin-domain-result-banner--error .admin-domain-result-banner__headline {
  color: #fca5a5;
}

body.admin-lms-ui .admin-domain-live-status {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

body.admin-lms-ui .admin-domain-live-status__text {
  flex: 1;
  min-width: 0;
}

body.admin-lms-ui .admin-domain-live-status--pending {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #71717a;
}

body.admin-lms-ui .admin-domain-live-status__pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lms-primary);
  animation: admin-domain-live-pulse 1s ease-in-out infinite;
}

@keyframes admin-domain-live-pulse {
  0%, 100% {
    opacity: 0.35;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
body.admin-lms-ui .admin-domain-live-status__ok {
  color: #0d9488;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

body.admin-lms-ui .admin-domain-live-status__bad {
  color: #dc2626;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

body.admin-lms-ui .admin-domain-live-errors {
  margin: 0.25rem 0 0;
  padding-left: 1.1rem;
  color: #b91c1c;
  font-size: 0.8125rem;
}

body.admin-lms-ui .admin-domain-preview {
  font-family: ui-monospace, monospace;
}

body.admin-lms-ui .admin-domain-suggestions__label {
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
  color: #52525b;
}

body.admin-lms-ui .admin-domain-suggestions__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

body.admin-lms-ui .admin-domain-suggestion-chip {
  border: 1px solid var(--lms-primary);
  color: var(--lms-primary);
  background: rgba(115, 58, 234, 0.06);
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

body.admin-lms-ui .admin-domain-suggestion-chip:hover {
  background: var(--lms-primary);
  color: #fff;
}

body.admin-lms-ui .admin-instance-create-submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

body.admin-lms-ui .admin-instance-create-locked-domain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: #f4f4f5;
  border: 1px solid #e4e4e7;
  margin-bottom: 1rem;
}

body.admin-lms-ui .admin-instance-create-locked-domain__text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  word-break: break-all;
}

body.dark-mode.admin-lms-ui .admin-instance-create-locked-domain {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

body.admin-lms-ui .admin-instance-create-card .help.has-error,
body.admin-lms-ui .admin-instance-create-card .invalid-feedback,
body.admin-lms-ui .admin-instance-create-card small.text-danger {
  color: #dc2626 !important;
  font-size: 0.8125rem;
  margin-top: 0.25rem;
  display: block;
}

body.admin-lms-ui .admin-instance-create-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.95rem 1.25rem;
  border: none;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff !important;
  cursor: pointer;
  background: linear-gradient(135deg, var(--lms-primary) 0%, var(--lms-primary-dark) 100%);
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.35);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

body.admin-lms-ui .admin-instance-create-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(124, 58, 237, 0.4);
  color: #fff !important;
}

body.admin-lms-ui .admin-instance-create-submit .icon {
  font-size: 0.95rem;
  line-height: 1;
}

/* -------- vuejs-dialog (v-confirm / $dialog) — dark surface + violet actions -------- */
body.admin-lms-ui .dg-backdrop {
  background-color: rgba(6, 7, 10, 0.78) !important;
  backdrop-filter: blur(10px);
}

body.admin-lms-ui .dg-container {
  z-index: 10050 !important;
}

body.admin-lms-ui .dg-main-content {
  width: 100%;
  max-width: 26rem;
  padding: 1.35rem 1.45rem 1.2rem !important;
  margin: auto !important;
  border-radius: var(--dash-pro-radius) !important;
  background: var(--dash-pro-surface) !important;
  border: 1px solid var(--dash-pro-border-strong) !important;
  box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.08), 0 24px 56px -12px rgba(15, 23, 42, 0.28) !important;
}

body.dark-mode.admin-lms-ui .dg-main-content {
  background: #14171f !important;
  border-color: rgba(167, 139, 250, 0.24) !important;
  box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.12), 0 28px 64px rgba(0, 0, 0, 0.55) !important;
}

body.admin-lms-ui .dg-title {
  margin: 0 0 0.5rem !important;
  font-size: 1.0625rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text) !important;
}

body.dark-mode.admin-lms-ui .dg-title {
  color: #fafafa !important;
}

body.admin-lms-ui .dg-content {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
  color: var(--dash-pro-text-secondary) !important;
  text-align: center;
}

body.dark-mode.admin-lms-ui .dg-content {
  color: #d4d4d8 !important;
}

body.admin-lms-ui .dg-content-body {
  border-bottom: 1px solid var(--dash-pro-border) !important;
  padding-bottom: 1.15rem !important;
}

body.dark-mode.admin-lms-ui .dg-content-body {
  border-bottom-color: rgba(255, 255, 255, 0.09) !important;
}

body.admin-lms-ui .dg-content-footer {
  padding: 1.05rem 0 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
}

body.admin-lms-ui .dg-content-footer .dg-clear {
  display: none !important;
}

body.admin-lms-ui .dg-content-footer .dg-pull-right {
  float: none !important;
}

body.admin-lms-ui .dg-btn {
  min-width: 6.5rem;
  padding: 0.5rem 1.15rem !important;
  border-radius: var(--dash-pro-radius-sm) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  border-width: 1px !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

/* Plugin default: --cancel = filled, --ok = outline. We style Cancel as secondary, Continue as primary. */
body.admin-lms-ui .dg-btn--cancel {
  color: var(--dash-pro-text-secondary) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid var(--dash-pro-border-strong) !important;
  box-shadow: none !important;
}

body.admin-lms-ui .dg-btn--cancel:hover,
body.admin-lms-ui .dg-btn--cancel:focus {
  color: var(--dash-pro-text) !important;
  background: var(--dash-pro-bg) !important;
  border-color: var(--dash-pro-muted) !important;
}

body.dark-mode.admin-lms-ui .dg-btn--cancel {
  color: #e4e4e7 !important;
  border-color: var(--dash-pro-border-strong) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode.admin-lms-ui .dg-btn--cancel:hover,
body.dark-mode.admin-lms-ui .dg-btn--cancel:focus {
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

body.admin-lms-ui .dg-btn--ok {
  color: #ffffff !important;
  background: var(--lms-primary-dark) !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 10px rgba(124, 58, 237, 0.32);
}

body.admin-lms-ui .dg-btn--ok:hover,
body.admin-lms-ui .dg-btn--ok:focus {
  filter: brightness(1.06);
  box-shadow: 0 4px 16px rgba(124, 58, 237, 0.4);
}

body.dark-mode.admin-lms-ui .dg-btn--ok {
  background: linear-gradient(180deg, #8b5cf6 0%, #6d28d9 100%) !important;
  box-shadow: 0 2px 14px rgba(109, 40, 217, 0.4);
}

body.dark-mode.admin-lms-ui .dg-btn--ok:hover,
body.dark-mode.admin-lms-ui .dg-btn--ok:focus {
  filter: brightness(1.08);
}

body.admin-lms-ui .dg-container--has-input .dg-form {
  background: var(--dash-pro-bg) !important;
  border-color: var(--dash-pro-border-strong) !important;
}

body.dark-mode.admin-lms-ui .dg-container--has-input .dg-form {
  background: #1a1d28 !important;
}

body.admin-lms-ui .dg-container--has-input .dg-content-footer {
  background: var(--dash-pro-bg) !important;
  border-color: var(--dash-pro-border-strong) !important;
}

body.dark-mode.admin-lms-ui .dg-container--has-input .dg-content-footer {
  background: #1a1d28 !important;
}

body.admin-lms-ui .dg-btn-loader .dg-circle {
  background-color: var(--lms-primary) !important;
}

/* vue-multiselect — match form controls (works in modals on body + in #root) */
body.admin-lms-ui .multiselect {
  color: var(--dash-pro-text-secondary);
}

body.admin-lms-ui .multiselect .multiselect__tags {
  min-height: 2.5rem !important;
  padding: 0.4rem 2.35rem 0.4rem 0.65rem !important;
  border-radius: var(--dash-pro-radius-sm) !important;
  border: 1px solid var(--dash-pro-border-strong) !important;
  background: var(--dash-pro-surface) !important;
}

body.dark-mode.admin-lms-ui .multiselect .multiselect__tags {
  background: #1a1d28 !important;
  border-color: var(--dash-pro-border-strong) !important;
}

body.admin-lms-ui .multiselect .multiselect__input,
body.admin-lms-ui .multiselect .multiselect__single {
  background: transparent !important;
  color: var(--dash-pro-text-secondary) !important;
  font-size: 0.875rem !important;
  margin-bottom: 0 !important;
}

body.admin-lms-ui .multiselect .multiselect__placeholder {
  color: var(--dash-pro-muted) !important;
  margin-bottom: 0 !important;
  padding-top: 0.15rem !important;
}

body.admin-lms-ui .multiselect .multiselect__select {
  height: calc(100% - 2px);
  top: 1px;
  right: 2px;
}

body.admin-lms-ui .multiselect .multiselect__select:before {
  border-color: var(--dash-pro-muted) transparent transparent !important;
}

body.admin-lms-ui .multiselect.multiselect--active .multiselect__tags {
  border-color: var(--lms-primary) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

body.dark-mode.admin-lms-ui .multiselect.multiselect--active .multiselect__tags {
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.18);
}

body.admin-lms-ui .multiselect .multiselect__content-wrapper {
  background: var(--dash-pro-surface) !important;
  border: 1px solid var(--dash-pro-border-strong) !important;
  border-radius: var(--dash-pro-radius-sm) !important;
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 12px 24px -6px rgba(15, 23, 42, 0.12) !important;
  z-index: 1060 !important;
  max-height: 220px !important;
}

body.dark-mode.admin-lms-ui .multiselect .multiselect__content-wrapper {
  background: #1c1f2a !important;
  border-color: var(--dash-pro-border-strong) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

body.admin-lms-ui .multiselect .multiselect__option {
  padding: 0.5rem 0.75rem !important;
  min-height: auto !important;
  line-height: 1.35 !important;
  font-size: 0.875rem;
  color: var(--dash-pro-text-secondary) !important;
  background: transparent !important;
}

body.admin-lms-ui .multiselect .multiselect__option--highlight {
  background: var(--lms-primary-soft) !important;
  color: var(--dash-pro-text) !important;
}

body.admin-lms-ui .multiselect .multiselect__option--highlight::after {
  background: var(--lms-primary-soft) !important;
  color: var(--lms-primary-dark) !important;
}

body.admin-lms-ui .multiselect .multiselect__option--selected {
  background: rgba(124, 58, 237, 0.1) !important;
  color: var(--dash-pro-text) !important;
  font-weight: 600;
}

body.admin-lms-ui .multiselect .multiselect__option--selected::after {
  color: var(--lms-primary) !important;
}

body.admin-lms-ui .multiselect .multiselect__option--selected.multiselect__option--highlight {
  background: rgba(124, 58, 237, 0.18) !important;
  color: var(--dash-pro-text) !important;
}

body.admin-lms-ui .multiselect .multiselect__option--selected.multiselect__option--highlight::after {
  background: transparent !important;
  color: var(--lms-primary-dark) !important;
}

body.admin-lms-ui .multiselect .multiselect__tag {
  background: var(--lms-primary-soft) !important;
  color: var(--lms-primary-dark) !important;
  margin-bottom: 0.25rem !important;
}

body.admin-lms-ui .multiselect .multiselect__tag-icon:after {
  color: var(--lms-primary-dark) !important;
}

body.admin-lms-ui .multiselect .multiselect__tag-icon:hover {
  background: var(--lms-primary-hover) !important;
}

body.admin-lms-ui .multiselect .multiselect__spinner {
  background: transparent !important;
}

body.admin-lms-ui .multiselect .multiselect__spinner:after,
body.admin-lms-ui .multiselect .multiselect__spinner:before {
  border-color: var(--lms-primary) transparent transparent !important;
}

body.admin-lms-ui .admin-modal-pro .multiselect.multiselect--active {
  z-index: 2;
}

/* -------- vue-switches — professional LMS toggle (replaces default green pill) -------- */
body.admin-lms-ui .vue-switcher {
  vertical-align: middle;
}

body.admin-lms-ui .vue-switcher__label {
  font-size: 0.6875rem !important;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--dash-pro-muted) !important;
  margin-bottom: 0.35rem !important;
}

body.dark-mode.admin-lms-ui .vue-switcher__label {
  color: var(--dash-pro-muted) !important;
}

/* Track */
body.admin-lms-ui .vue-switcher div {
  width: 2.75rem !important;
  height: 1.5rem !important;
  min-height: 1.5rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--dash-pro-border-strong) !important;
  background: #e4e4e7 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  transition: background 0.22s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.22s ease, box-shadow 0.22s ease !important;
  align-items: center !important;
}

body.dark-mode.admin-lms-ui .vue-switcher--unchecked div {
  background: #252a35 !important;
  border-color: var(--dash-pro-border-strong) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

/* On state — violet brand */
body.admin-lms-ui .vue-switcher:not(.vue-switcher--unchecked) div {
  background: linear-gradient(180deg, #8b5cf6 0%, var(--lms-primary-dark) 100%) !important;
  border-color: #5b21b6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(124, 58, 237, 0.2) !important;
}

body.dark-mode.admin-lms-ui .vue-switcher:not(.vue-switcher--unchecked) div {
  background: linear-gradient(180deg, #a78bfa 0%, #7c3aed 100%) !important;
  border-color: #6d28d9 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 12px rgba(139, 92, 246, 0.35) !important;
}

/* Thumb */
body.admin-lms-ui .vue-switcher div:after {
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem !important;
  top: 50% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  transform: translateY(-50%) !important;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease !important;
}

body.admin-lms-ui .vue-switcher--unchecked div:after {
  left: 0.1875rem !important;
  right: auto !important;
}

body.admin-lms-ui .vue-switcher:not(.vue-switcher--unchecked) div:after {
  left: calc(100% - 0.1875rem - 1.125rem) !important;
  right: auto !important;
}

body.admin-lms-ui .vue-switcher:hover:not(.vue-switcher--disabled) div:after {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

body.admin-lms-ui .vue-switcher input:focus-visible ~ div {
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(124, 58, 237, 0.35) !important;
}

body.admin-lms-ui .vue-switcher:not(.vue-switcher--unchecked) input:focus-visible ~ div {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(124, 58, 237, 0.2), 0 0 0 4px rgba(124, 58, 237, 0.28) !important;
}

body.admin-lms-ui .vue-switcher--disabled div {
  opacity: 0.45 !important;
}

/* Bold variant (larger hit target) */
body.admin-lms-ui .vue-switcher--bold div {
  top: 0 !important;
  width: 3.25rem !important;
  height: 1.75rem !important;
  min-height: 1.75rem !important;
}

body.admin-lms-ui .vue-switcher--bold div:after {
  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;
  top: 50% !important;
  margin-left: 0 !important;
}

body.admin-lms-ui .vue-switcher--bold.vue-switcher--unchecked div:after {
  left: 0.2rem !important;
}

body.admin-lms-ui .vue-switcher--bold:not(.vue-switcher--unchecked) div:after {
  left: calc(100% - 0.2rem - 1.35rem) !important;
}

/* -------- User profile: segmented tabs + card + summary -------- */
.nk-content-body .admin-user-profile-card {
  border: 1px solid var(--dash-pro-border) !important;
  border-radius: var(--dash-pro-radius) !important;
  box-shadow: var(--dash-pro-card-shadow) !important;
  overflow: hidden;
  background: var(--dash-pro-surface);
}

body.dark-mode .nk-content-body .admin-user-profile-card {
  border-color: var(--dash-pro-border-strong) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28) !important;
}

.nk-content-body .admin-user-profile-card .card-aside-wrap {
  border-radius: inherit;
}

.nk-content-body .admin-user-profile-card .card-aside.card-aside-right {
  border-left: 1px solid var(--saas-border, #e5e7eb);
  background: #f9fafb;
}

body.dark-mode .nk-content-body .admin-user-profile-card .card-aside.card-aside-right {
  border-left-color: var(--dash-pro-border-strong);
  background: rgba(0, 0, 0, 0.2);
}

/* Tab shell — segmented control */
.admin-user-tabs-shell {
  padding: 1rem 1.25rem 0.875rem;
  background: #f9fafb;
  border-bottom: 1px solid var(--saas-border, #e5e7eb);
}

body.dark-mode .admin-user-tabs-shell {
  background: rgba(255, 255, 255, 0.03);
  border-bottom-color: var(--dash-pro-border-strong);
}

.admin-user-tabs {
  width: 100%;
}

.admin-user-tabs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.4rem;
  list-style: none;
  margin: 0;
  padding: 0.35rem;
  background: var(--dash-pro-surface);
  border: 1px solid var(--dash-pro-border);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(24, 24, 27, 0.04);
}

body.dark-mode .admin-user-tabs__list {
  background: #161922;
  border-color: var(--dash-pro-border-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-user-tabs__item-wrap {
  flex: 1 1 auto;
  min-width: 0;
}

@media (min-width: 768px) {
  .admin-user-tabs__item-wrap {
    flex: 1 1 0;
  }
}
@media (max-width: 575.98px) {
  .admin-user-tabs__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: 0.5rem;
  }
  .admin-user-tabs__item-wrap {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}
.admin-user-tabs__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  min-height: 2.75rem;
  padding: 0.45rem 0.65rem;
  border-radius: 10px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--dash-pro-muted) !important;
  text-decoration: none !important;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.15s ease;
}

.admin-user-tabs__link:visited {
  color: var(--dash-pro-muted) !important;
}

.admin-user-tabs__link:hover {
  color: var(--dash-pro-text-secondary) !important;
  background: var(--dash-pro-sidebar-hover);
  transform: translateY(-1px);
}

body.dark-mode .admin-user-tabs__link:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #e4e4e7 !important;
}

.admin-user-tabs__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9px;
  background: rgba(99, 102, 241, 0.08);
  flex-shrink: 0;
  transition: background 0.18s ease, color 0.18s ease;
}

body.dark-mode .admin-user-tabs__icon {
  background: rgba(99, 102, 241, 0.14);
}

.admin-user-tabs__icon .icon.fi {
  font-size: 0.95rem;
  line-height: 1;
  color: var(--dash-pro-muted);
}

.admin-user-tabs__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 8rem;
}

@media (max-width: 767.98px) {
  .admin-user-tabs__link {
    padding: 0.45rem 0.5rem;
    font-size: 0.75rem;
  }
  .admin-user-tabs__text {
    max-width: 5.5rem;
  }
}
.admin-user-tabs__link--active {
  color: var(--saas-primary-text, #4338ca) !important;
  background: var(--saas-primary-soft, #eef2ff) !important;
  box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.22) !important;
}

.admin-user-tabs__link--active:visited {
  color: var(--saas-primary-text, #4338ca) !important;
}

.admin-user-tabs__link--active:hover {
  color: var(--saas-primary-text, #4338ca) !important;
  background: #e0e7ff !important;
  transform: none;
}

.admin-user-tabs__link--active .admin-user-tabs__icon {
  background: rgba(99, 102, 241, 0.16) !important;
}

.admin-user-tabs__link--active .admin-user-tabs__icon .icon.fi {
  color: var(--saas-primary, #6366f1) !important;
}

/* Form column */
.nk-content-body .admin-user-form-inner {
  padding: 1.5rem 1.75rem 2rem !important;
}

.nk-content-body .admin-user-form-head {
  margin-bottom: 1.35rem !important;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--dash-pro-border);
}

body.dark-mode .nk-content-body .admin-user-form-head {
  border-bottom-color: var(--dash-pro-border-strong);
}

.nk-content-body .admin-user-section-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text);
  position: relative;
  padding-left: 0.85rem;
}

.nk-content-body .admin-user-section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  bottom: 0.2em;
  width: 3px;
  border-radius: 2px;
  background: var(--saas-primary, #6366f1);
}

.nk-content-body .admin-user-form-actions {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--dash-pro-border);
}

body.dark-mode .nk-content-body .admin-user-form-actions {
  border-top-color: var(--dash-pro-border-strong);
}

.nk-content-body .admin-user-profile-card .form-group label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dash-pro-muted);
}

.nk-content-body .admin-user-radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
}

.nk-content-body .admin-user-radio-group input[type=radio] {
  accent-color: var(--lms-primary);
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.35rem;
  vertical-align: middle;
}

/* Summary aside */
.admin-user-summary__hero {
  padding-top: 1.35rem !important;
}

.admin-user-summary__card {
  text-align: center;
}

.admin-user-summary__avatar {
  margin-left: auto;
  margin-right: auto;
  border: 3px solid var(--dash-pro-surface) !important;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.25), 0 8px 24px rgba(99, 102, 241, 0.12) !important;
  background: var(--dash-pro-surface) !important;
}

.admin-user-summary__avatar img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

body.dark-mode .admin-user-summary__avatar {
  box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.35), 0 8px 28px rgba(0, 0, 0, 0.45) !important;
}

.admin-user-summary__badge {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0.2rem 0.65rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--saas-primary-text, #4338ca);
  background: var(--saas-primary-soft, #eef2ff);
  border-radius: 999px;
}

body.dark-mode .admin-user-summary__badge {
  color: #e9d5ff;
  background: rgba(139, 92, 246, 0.2);
}

.admin-user-summary__name {
  margin-top: 0.5rem !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text) !important;
}

.admin-user-summary__email {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.8125rem !important;
}

.admin-user-summary__status {
  margin-top: 0.65rem;
}

.admin-user-summary__status-pill {
  display: inline-block;
  margin: 0 0.25rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 6px;
  background: rgba(34, 197, 94, 0.12);
}

.admin-user-summary__meta-title {
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dash-pro-muted) !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--dash-pro-border);
}

body.dark-mode .admin-user-summary__meta-title {
  border-bottom-color: var(--dash-pro-border-strong);
}

.admin-user-summary__meta-grid .sub-text {
  display: block;
  font-size: 0.6875rem !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--dash-pro-muted) !important;
  margin-bottom: 0.2rem;
}

.admin-user-summary__meta-grid span:not(.sub-text) {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dash-pro-text-secondary);
}

/* -------- Image upload: modern dropzone + preview (avatar circle / media frame) -------- */
.nk-content-body .admin-upload-image {
  --admin-upload-ring: var(--dash-pro-border-strong);
  --admin-upload-glow: rgba(124, 58, 237, 0.14);
}

.nk-content-body .admin-upload-image__native-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.nk-content-body .admin-upload-image__drop {
  position: relative;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.nk-content-body .admin-upload-image__drop:focus-visible {
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.35);
}

.nk-content-body .admin-upload-image__preview {
  position: relative;
  overflow: hidden;
  background: var(--dash-pro-bg);
  border: 2px dashed var(--admin-upload-ring);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.nk-content-body .admin-upload-image__drop--drag .admin-upload-image__preview {
  border-color: var(--lms-primary);
  background: var(--lms-primary-soft);
  box-shadow: 0 0 0 4px var(--admin-upload-glow);
}

.nk-content-body .admin-upload-image__drop--filled .admin-upload-image__preview {
  border-style: solid;
  border-color: var(--dash-pro-border-strong);
}

.nk-content-body .admin-upload-image__drop--pending .admin-upload-image__preview {
  border-color: var(--lms-primary);
  border-style: solid;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

.nk-content-body .admin-upload-image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.nk-content-body .admin-upload-image__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  padding: 1.25rem 1rem;
  text-align: center;
}

.nk-content-body .admin-upload-image__empty-ring {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--lms-primary-soft);
  border: 1px solid var(--lms-primary-border);
  color: var(--lms-primary);
  font-size: 1.35rem;
}

.nk-content-body .admin-upload-image__empty-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--dash-pro-text-secondary);
  max-width: 12rem;
  line-height: 1.35;
}

.nk-content-body .admin-upload-image__empty-hint {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dash-pro-text-secondary);
  max-width: 14rem;
  line-height: 1.4;
}

.nk-content-body .admin-upload-image__empty-hint--muted {
  color: var(--dash-pro-muted);
  font-weight: 400;
}

.nk-content-body .admin-upload-image__empty--error .admin-upload-image__empty-ring {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.25);
  color: #ef4444;
}

body.dark-mode .nk-content-body .admin-upload-image__empty--error .admin-upload-image__empty-ring {
  background: rgba(248, 113, 113, 0.1);
  border-color: rgba(248, 113, 113, 0.28);
  color: #fca5a5;
}

.nk-content-body .admin-upload-image__empty-ring .icon.fi {
  font-size: 1.35rem;
  line-height: 1;
  display: block;
}

.nk-content-body .admin-upload-image__overlay-inner .icon.fi {
  font-size: 0.95rem;
  line-height: 1;
}

.nk-content-body .admin-upload-image__btn-remove .icon.fi {
  font-size: 0.9rem;
  line-height: 1;
  margin-right: 0.35rem;
  vertical-align: -0.08em;
}

.nk-content-body .admin-upload-image__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.55) 100%);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  border-radius: inherit;
}

.nk-content-body .admin-upload-image__drop--filled:hover .admin-upload-image__overlay,
.nk-content-body .admin-upload-image__drop--filled:focus-visible .admin-upload-image__overlay {
  opacity: 1;
}

.nk-content-body .admin-upload-image__overlay-inner {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #fafafa;
  background: rgba(124, 58, 237, 0.92);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.nk-content-body .admin-upload-image__actions {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.nk-content-body .admin-upload-image__btn-remove {
  border-radius: var(--dash-pro-radius-sm);
  border: 1px solid var(--dash-pro-border-strong);
  background: transparent;
  color: var(--dash-pro-text-secondary) !important;
  font-weight: 500;
}

.nk-content-body .admin-upload-image__btn-remove:hover,
.nk-content-body .admin-upload-image__btn-remove:focus {
  border-color: #dc2626;
  color: #dc2626 !important;
  background: rgba(220, 38, 38, 0.06);
}

body.dark-mode .nk-content-body .admin-upload-image__btn-remove:hover,
body.dark-mode .nk-content-body .admin-upload-image__btn-remove:focus {
  background: rgba(248, 113, 113, 0.1);
  color: #fca5a5 !important;
}

.nk-content-body .admin-upload-image__pending {
  margin-top: 1.1rem;
  text-align: center;
}

.nk-content-body .admin-upload-image__pending-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.nk-content-body .admin-upload-image__btn-ghost {
  border-radius: var(--dash-pro-radius-sm);
  border: 1px solid var(--dash-pro-border-strong);
  background: var(--dash-pro-surface);
  color: var(--dash-pro-text-secondary) !important;
  font-weight: 500;
}

body.dark-mode .nk-content-body .admin-upload-image__btn-ghost {
  background: #1a1d28;
  border-color: var(--dash-pro-border-strong);
}

/* Avatar: large circle */
.nk-content-body .admin-upload-image--avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.nk-content-body .admin-upload-image--avatar .admin-upload-image__drop {
  width: 100%;
}

.nk-content-body .admin-upload-image--avatar .admin-upload-image__preview {
  width: 220px;
  height: 220px;
  margin: 0 auto;
  border-radius: 50%;
  aspect-ratio: 1;
}

.nk-content-body .admin-upload-image--avatar .admin-upload-image__overlay {
  border-radius: 50%;
}

/* Logos & wide assets */
.nk-content-body .admin-upload-image--media .admin-upload-image__preview {
  width: 100%;
  max-width: 320px;
  min-height: 160px;
  border-radius: var(--dash-pro-radius);
  margin: 0 auto;
}

@media (max-width: 575.98px) {
  .nk-content-body .admin-upload-image--avatar .admin-upload-image__preview {
    width: 200px;
    height: 200px;
  }
}
/* Self-service profile page (pages/profile) */
.nk-content-body .admin-profile-form-card,
.nk-content-body .admin-profile-avatar-card {
  border: 1px solid var(--dash-pro-border);
  border-radius: var(--dash-pro-radius);
  box-shadow: var(--dash-pro-card-shadow);
  background: var(--dash-pro-surface);
  overflow: hidden;
  border-top: 3px solid var(--lms-primary);
}

body.dark-mode .nk-content-body .admin-profile-form-card,
body.dark-mode .nk-content-body .admin-profile-avatar-card {
  border-color: var(--dash-pro-border-strong);
}

.nk-content-body .admin-profile-form-card .card-body,
.nk-content-body .admin-profile-avatar-card .card-body {
  padding: 1.35rem 1.5rem 1.6rem;
}

.nk-content-body .admin-profile-form-card .card-title,
.nk-content-body .admin-profile-avatar-card .card-title {
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text);
  margin-bottom: 1.25rem;
}

.nk-content-body .admin-profile-avatar-card .card-title {
  text-align: center;
}

/* -------- Instance list — title row (title + count inline) -------- */
.nk-content-body .admin-instance-list__intro {
  flex: 1;
  min-width: 0;
}

.nk-content-body .admin-instance-list__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 1rem;
}

.nk-content-body .admin-instance-list__count {
  font-size: 0.8125rem;
  font-weight: 500;
}

/* Instance domain: keep hostname on one line (avoid break-all mid-label) */
.nk-content-body .admin-data-table th.admin-table-cell--instance-domain,
.nk-content-body .admin-data-table td.admin-table-cell--instance-domain {
  white-space: nowrap;
  min-width: 12rem;
  vertical-align: middle;
}

.nk-content-body .admin-data-table .admin-instance-domain-link {
  color: var(--lms-primary);
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}

.nk-content-body .admin-data-table .admin-instance-domain-link:hover {
  text-decoration: underline;
  color: var(--lms-primary-dark);
}

body.dark-mode .nk-content-body .admin-data-table .admin-instance-domain-link:hover {
  color: var(--lms-primary);
}

.nk-content-body .admin-data-table .admin-instance-domain-row {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
}

.nk-content-body .admin-data-table .admin-instance-domain-copy {
  flex-shrink: 0;
  padding: 0.2rem 0.35rem;
  line-height: 1;
  color: var(--bs-secondary-color, #8091a7);
  border: none;
  background: transparent;
  border-radius: 0.25rem;
}

.nk-content-body .admin-data-table .admin-instance-domain-copy:hover,
.nk-content-body .admin-data-table .admin-instance-domain-copy:focus {
  color: var(--lms-primary);
  background: rgba(115, 58, 234, 0.08);
}

body.dark-mode .nk-content-body .admin-data-table .admin-instance-domain-copy:hover,
body.dark-mode .nk-content-body .admin-data-table .admin-instance-domain-copy:focus {
  background: rgba(115, 58, 234, 0.15);
}

/* -------- Instance detail (view) — hero, meta grid, forms, subscriptions -------- */
.nk-content-body .admin-instance-page__intro {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.85rem 1rem;
  flex-wrap: nowrap;
}

.nk-content-body .admin-instance-page__intro-text {
  flex: 1;
  min-width: 0;
}

.nk-content-body .admin-instance-page__intro-text .page-title {
  margin-bottom: 0.2rem;
}

.nk-content-body .admin-instance-page__intro-meta {
  margin-top: 0;
  font-size: 0.875rem;
  line-height: 1.45;
}

.nk-content-body .admin-instance-page__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--dash-pro-muted) !important;
  text-decoration: none !important;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.nk-content-body .admin-instance-page__back--pill {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 0.12rem;
  border-radius: 12px;
  border: 1px solid var(--dash-pro-border);
  background: var(--dash-pro-surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.nk-content-body .admin-instance-page__back--pill:hover {
  color: var(--lms-primary) !important;
  border-color: rgba(124, 58, 237, 0.35);
  background: rgba(124, 58, 237, 0.06);
}

.nk-content-body .admin-instance-page__back .icon.fi {
  font-size: 1.05rem;
  opacity: 0.9;
}

.nk-content-body .admin-instance-page__back:hover {
  color: var(--lms-primary) !important;
}

body.dark-mode .nk-content-body .admin-instance-page__back--pill {
  border-color: var(--dash-pro-border-strong);
  background: rgba(255, 255, 255, 0.04);
}

body.dark-mode .nk-content-body .admin-instance-page__back--pill:hover {
  background: rgba(124, 58, 237, 0.12);
}

.nk-content-body .admin-instance-page__domain {
  font-weight: 600;
  color: var(--dash-pro-text-secondary);
}

.nk-content-body .admin-instance-page__dot {
  margin: 0 0.35rem;
  opacity: 0.45;
}

.nk-content-body .admin-instance-page__grid > [class*=col-] {
  margin-bottom: 1.25rem;
}

.nk-content-body .admin-instance-hero-card,
.nk-content-body .admin-instance-form-card {
  border: 1px solid var(--dash-pro-border);
  border-radius: var(--dash-pro-radius);
  box-shadow: var(--dash-pro-card-shadow);
  background: var(--dash-pro-surface);
  overflow: hidden;
  border-top: 3px solid var(--lms-primary);
}

body.dark-mode .nk-content-body .admin-instance-hero-card,
body.dark-mode .nk-content-body .admin-instance-form-card {
  border-color: var(--dash-pro-border-strong);
}

.nk-content-body .admin-instance-hero-card .card-body,
.nk-content-body .admin-instance-form-card .card-body {
  padding: 1.35rem 1.5rem 1.5rem;
}

.nk-content-body .admin-instance-hero {
  display: flex;
  align-items: flex-start;
  gap: 1.1rem;
  margin-bottom: 1.35rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--dash-pro-border);
}

.nk-content-body .admin-instance-hero__icon {
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  color: #fff;
  background: linear-gradient(145deg, var(--lms-primary) 0%, var(--lms-primary-dark) 100%);
  box-shadow: 0 8px 22px rgba(124, 58, 237, 0.3);
}

/* Uicons (Flaticon) — SPA layout does not load Font Awesome */
.nk-content-body .admin-instance-hero__icon .icon.fi {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  line-height: 1;
}

.nk-content-body .admin-instance-hero__icon--running {
  background: linear-gradient(145deg, #22c55e 0%, #16a34a 100%);
  box-shadow: 0 8px 22px rgba(34, 197, 94, 0.28);
}

.nk-content-body .admin-instance-hero__icon--pending {
  background: linear-gradient(145deg, #38bdf8 0%, #0ea5e9 100%);
  box-shadow: 0 8px 22px rgba(14, 165, 233, 0.28);
}

.nk-content-body .admin-instance-hero__icon--expired,
.nk-content-body .admin-instance-hero__icon--terminated {
  background: linear-gradient(145deg, #f87171 0%, #dc2626 100%);
  box-shadow: 0 8px 22px rgba(220, 38, 38, 0.25);
}

.nk-content-body .admin-instance-hero__icon--suspended {
  background: linear-gradient(145deg, #fbbf24 0%, #d97706 100%);
  box-shadow: 0 8px 22px rgba(217, 119, 6, 0.25);
  color: #1c1917 !important;
}

.nk-content-body .admin-instance-hero__body {
  min-width: 0;
}

.nk-content-body .admin-instance-hero__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.nk-content-body .admin-instance-hero__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--dash-pro-text);
  line-height: 1.2;
}

.nk-content-body .admin-instance-hero__trial {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.12);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.25);
}

body.dark-mode .nk-content-body .admin-instance-hero__trial {
  background: rgba(248, 113, 113, 0.12);
  color: #fca5a5;
  border-color: rgba(248, 113, 113, 0.28);
}

.nk-content-body .admin-instance-hero__sub {
  margin: 0.35rem 0 0;
  font-size: 0.875rem;
  color: var(--dash-pro-muted);
}

.nk-content-body .admin-instance-meta {
  margin: 0;
}

.nk-content-body .admin-instance-meta__row {
  display: grid;
  grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
  gap: 0.65rem 1rem;
  align-items: baseline;
  padding: 0.65rem 0;
  border-bottom: 1px solid var(--dash-pro-border);
}

.nk-content-body .admin-instance-meta__row--last {
  border-bottom: none;
  padding-bottom: 0;
}

.nk-content-body .admin-instance-meta__row dt {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--dash-pro-muted);
}

.nk-content-body .admin-instance-meta__row dd {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--dash-pro-text-secondary);
  text-align: right;
  word-break: break-word;
}

.nk-content-body .admin-instance-meta__code {
  font-size: 0.8125rem;
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
  background: var(--dash-pro-bg);
  border: 1px solid var(--dash-pro-border);
  color: var(--dash-pro-text-secondary);
}

.nk-content-body .admin-instance-meta__price {
  display: inline-block;
  margin-left: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--lms-primary);
}

.nk-content-body .admin-instance-card-head {
  margin-bottom: 1.15rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--dash-pro-border);
}

.nk-content-body .admin-instance-card-head__title {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text);
}

.nk-content-body .admin-instance-card-head__hint {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  color: var(--dash-pro-muted);
}

.nk-content-body .admin-instance-form-card .form-group label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dash-pro-muted);
}

.nk-content-body .admin-instance-toggle-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.85rem;
  border-radius: var(--dash-pro-radius-sm);
  background: var(--dash-pro-bg);
  border: 1px solid var(--dash-pro-border);
}

.nk-content-body .admin-instance-form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid var(--dash-pro-border);
}

.nk-content-body .admin-instance-page__subscriptions {
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--dash-pro-border);
}

.nk-content-body .admin-instance-section-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.nk-content-body .admin-instance-section-bar__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--dash-pro-text);
}

.nk-content-body .admin-instance-section-bar__meta {
  margin: 0.2rem 0 0;
  font-size: 0.8125rem;
  color: var(--dash-pro-muted);
}

.nk-content-body .admin-instance-tip {
  border-radius: var(--dash-pro-radius-sm);
  border: 1px solid var(--dash-pro-border-strong);
  font-size: 0.875rem;
  margin-bottom: 1.15rem;
}

body.dark-mode .nk-content-body .admin-instance-tip.alert-info {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(96, 165, 250, 0.35);
  color: #e0f2fe;
}

.nk-content-body .admin-instance-badge {
  font-weight: 600;
  font-size: 0.6875rem;
  padding: 0.28em 0.55em;
  border-radius: 6px;
}

.nk-content-body .admin-instance-form-card--subscription {
  margin-top: 0.25rem;
}

@media (max-width: 1199.98px) {
  .nk-content-body .admin-instance-meta__row {
    grid-template-columns: 1fr;
  }
  .nk-content-body .admin-instance-meta__row dd {
    text-align: left;
  }
}
/* -------- Plan form (edit + modal) — fresh shell, switches, pricing blocks -------- */
.nk-content-body .admin-plan-form-card {
  border: 1px solid var(--dash-pro-border) !important;
  border-radius: var(--dash-pro-radius) !important;
  box-shadow: var(--dash-pro-card-shadow) !important;
  overflow: hidden;
  background: var(--dash-pro-surface);
}

body.dark-mode .nk-content-body .admin-plan-form-card {
  border-color: var(--dash-pro-border-strong) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28) !important;
}

.nk-content-body .admin-plan-form-card__body {
  padding: 1.5rem 1.75rem 1.75rem !important;
}

.nk-content-body .admin-plan-form .form-group label,
.admin-modal-pro__content .admin-plan-form .form-group label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--dash-pro-muted);
  margin-bottom: 0.35rem;
}

.nk-content-body .admin-plan-form .form-control,
.admin-modal-pro__content .admin-plan-form .form-control,
.nk-content-body .admin-plan-form textarea.form-control,
.admin-modal-pro__content .admin-plan-form textarea.form-control {
  border-radius: var(--dash-pro-radius-sm);
  border-color: var(--dash-pro-border-strong);
  font-size: 0.875rem;
}

body:not(.dark-mode) .nk-content-body .admin-plan-form .form-control,
body:not(.dark-mode) .admin-modal-pro__content .admin-plan-form .form-control,
body:not(.dark-mode) .nk-content-body .admin-plan-form textarea.form-control,
body:not(.dark-mode) .admin-modal-pro__content .admin-plan-form textarea.form-control {
  background: var(--dash-pro-surface);
}

body.dark-mode .nk-content-body .admin-plan-form .form-control,
body.dark-mode .admin-modal-pro__content .admin-plan-form .form-control,
body.dark-mode .nk-content-body .admin-plan-form textarea.form-control,
body.dark-mode .admin-modal-pro__content .admin-plan-form textarea.form-control {
  background: #1a1d28 !important;
  border-color: var(--dash-pro-border-strong) !important;
  color: var(--dash-pro-text) !important;
}

body.dark-mode .nk-content-body .admin-plan-form .form-control:focus,
body.dark-mode .admin-modal-pro__content .admin-plan-form .form-control:focus {
  border-color: var(--lms-primary) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

.admin-plan-form__row {
  margin-bottom: 0.25rem;
}

.admin-plan-form__switches {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  margin: 1.25rem 0 1.5rem;
}

@media (min-width: 768px) {
  .admin-plan-form__switches {
    grid-template-columns: repeat(3, 1fr);
  }
}
.admin-plan-form__switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  background: var(--dash-pro-bg);
  border: 1px solid var(--dash-pro-border);
  border-radius: var(--dash-pro-radius-sm);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.dark-mode .admin-plan-form__switch-row {
  background: rgba(0, 0, 0, 0.2);
  border-color: var(--dash-pro-border-strong);
}

.admin-plan-form__switch-row:hover {
  border-color: var(--lms-primary-border);
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.06);
}

.admin-plan-form__switch-meta {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  min-width: 0;
}

.admin-plan-form__switch-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--dash-pro-text-secondary);
  letter-spacing: 0.01em;
}

.admin-plan-form__desc {
  margin-bottom: 1.25rem;
}

.admin-plan-form__desc textarea.form-control {
  min-height: 6rem;
}

.admin-plan-price-card {
  margin-top: 1.25rem;
  padding: 1.15rem 1.25rem 0.25rem;
  background: var(--dash-pro-surface);
  border: 1px solid var(--dash-pro-border);
  border-radius: var(--dash-pro-radius-sm);
  border-top: 3px solid var(--lms-primary);
  box-shadow: 0 2px 12px rgba(24, 24, 27, 0.04);
}

body.dark-mode .admin-plan-price-card {
  background: rgba(0, 0, 0, 0.15);
  border-color: var(--dash-pro-border-strong);
  box-shadow: none;
}

.admin-plan-price-card__title {
  margin: 0 0 1rem !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: var(--dash-pro-text) !important;
}

.admin-plan-form__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.75rem;
  padding-top: 1.35rem;
  border-top: 1px solid var(--dash-pro-border);
}

body.dark-mode .admin-plan-form__actions {
  border-top-color: var(--dash-pro-border-strong);
}

/* Secondary / cancel — not default Bootstrap red slab */
.nk-content-body .admin-form-btn-cancel,
.admin-modal-pro__content .admin-form-btn-cancel {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  line-height: 1.25;
  border-radius: var(--dash-pro-radius-sm) !important;
  padding: 0.35rem 1rem !important;
  color: #b91c1c !important;
  background: transparent !important;
  border: 1px solid rgba(220, 38, 38, 0.45) !important;
  text-decoration: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.nk-content-body .admin-form-btn-cancel:hover,
.nk-content-body .admin-form-btn-cancel:focus,
.admin-modal-pro__content .admin-form-btn-cancel:hover,
.admin-modal-pro__content .admin-form-btn-cancel:focus {
  color: #991b1b !important;
  background: #fef2f2 !important;
  border-color: #dc2626 !important;
  text-decoration: none !important;
}

body.dark-mode .nk-content-body .admin-form-btn-cancel,
body.dark-mode .admin-modal-pro__content .admin-form-btn-cancel {
  color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.45) !important;
}

body.dark-mode .nk-content-body .admin-form-btn-cancel:hover,
body.dark-mode .nk-content-body .admin-form-btn-cancel:focus,
body.dark-mode .admin-modal-pro__content .admin-form-btn-cancel:hover,
body.dark-mode .admin-modal-pro__content .admin-form-btn-cancel:focus {
  color: #fecaca !important;
  background: rgba(248, 113, 113, 0.12) !important;
  border-color: #f87171 !important;
}

/* -------- Toastr: compact Linear command-style notification cards -------- */
body.admin-lms-ui #toast-container {
  z-index: 100050;
  width: auto !important;
  max-width: min(28rem, 100vw - 2rem);
  padding: 0 !important;
  pointer-events: none;
}

body.admin-lms-ui #toast-container.toast-top-center,
body.admin-lms-ui #toast-container.toast-bottom-center {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

body.admin-lms-ui #toast-container.toast-top-center {
  top: 1rem !important;
}

body.admin-lms-ui #toast-container.toast-bottom-center {
  top: auto !important;
  bottom: 1.15rem !important;
}

body.admin-lms-ui #toast-container.toast-top-left,
body.admin-lms-ui #toast-container.toast-bottom-left {
  left: 1rem !important;
  right: auto !important;
}

body.admin-lms-ui #toast-container.toast-top-right,
body.admin-lms-ui #toast-container.toast-bottom-right {
  left: auto !important;
  right: 1rem !important;
}

body.admin-lms-ui #toast-container.toast-top-left,
body.admin-lms-ui #toast-container.toast-top-right {
  top: 1rem !important;
}

body.admin-lms-ui #toast-container.toast-bottom-left,
body.admin-lms-ui #toast-container.toast-bottom-right {
  bottom: 1rem !important;
}

body.admin-lms-ui #toast-container.toast-top-full-width,
body.admin-lms-ui #toast-container.toast-bottom-full-width {
  left: 1rem !important;
  right: 1rem !important;
  width: auto !important;
  max-width: none;
}

body.admin-lms-ui #toast-container.toast-top-full-width {
  top: 1rem !important;
}

body.admin-lms-ui #toast-container.toast-bottom-full-width {
  bottom: 1rem !important;
}

body.admin-lms-ui #toast-container > div {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.25rem 0.85rem;
  float: none !important;
  clear: both;
  width: min(28rem, 100vw - 2rem) !important;
  min-height: 3.25rem;
  margin: 0 0 0.6rem !important;
  padding: 0.78rem 2.65rem 0.78rem 1rem !important;
  overflow: hidden;
  border: 1px solid var(--sip-linear-line) !important;
  border-left-width: 4px !important;
  border-radius: 14px !important;
  color: var(--sip-linear-text) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  background-image: none !important;
  box-shadow: 0 18px 46px rgba(31, 35, 48, 0.12), 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
  opacity: 1 !important;
  pointer-events: auto;
  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
}

body.admin-lms-ui #toast-container.toast-top-full-width > div,
body.admin-lms-ui #toast-container.toast-bottom-full-width > div {
  width: 100% !important;
}

body.admin-lms-ui #toast-container[class*=-center] > div {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.dark-mode.admin-lms-ui #toast-container > div {
  color: var(--sip-linear-text) !important;
  background: rgba(20, 23, 31, 0.92) !important;
  border-color: var(--sip-linear-line-strong) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.48), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
}

body.admin-lms-ui #toast-container > div:hover {
  box-shadow: 0 22px 56px rgba(31, 35, 48, 0.16), 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
}

body.dark-mode.admin-lms-ui #toast-container > div:hover {
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.58), 0 1px 0 rgba(255, 255, 255, 0.05) inset !important;
}

body.admin-lms-ui #toast-container .toast-title {
  grid-column: 1;
  margin: 0 0 0.12rem;
  color: inherit !important;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.35;
}

body.admin-lms-ui #toast-container .toast-message {
  grid-column: 1;
  color: var(--sip-linear-muted) !important;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.45;
  opacity: 1;
}

body.dark-mode.admin-lms-ui #toast-container .toast-message {
  color: var(--sip-linear-muted) !important;
}

body.admin-lms-ui #toast-container .toast-message a,
body.admin-lms-ui #toast-container .toast-message label {
  color: var(--sip-linear-accent) !important;
  font-weight: 700;
}

body.admin-lms-ui #toast-container .toast-close-button {
  position: absolute;
  top: 50%;
  right: 0.65rem;
  display: inline-grid;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  margin: 0;
  padding: 0 !important;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--sip-linear-subtle) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  opacity: 1;
  text-shadow: none !important;
  transform: translateY(-50%);
}

body.admin-lms-ui #toast-container .toast-close-button::after {
  top: 0;
  left: 0;
  width: 100%;
  color: inherit !important;
  font-size: 0.95rem;
  line-height: 1.75rem;
  text-align: center;
}

body.admin-lms-ui #toast-container .toast-close-button:hover,
body.admin-lms-ui #toast-container .toast-close-button:focus {
  color: var(--sip-linear-text) !important;
  background: rgba(17, 19, 24, 0.055) !important;
  opacity: 1;
}

body.dark-mode.admin-lms-ui #toast-container .toast-close-button:hover,
body.dark-mode.admin-lms-ui #toast-container .toast-close-button:focus {
  background: rgba(255, 255, 255, 0.07) !important;
}

body.admin-lms-ui #toast-container .toast-success {
  border-left-color: var(--sip-linear-good) !important;
}

body.admin-lms-ui #toast-container .toast-error {
  border-left-color: var(--sip-linear-danger) !important;
}

body.admin-lms-ui #toast-container .toast-info {
  border-left-color: var(--sip-linear-accent) !important;
}

body.admin-lms-ui #toast-container .toast-warning {
  border-left-color: var(--sip-linear-warn) !important;
}

body.admin-lms-ui #toast-container .toast-progress {
  left: 0;
  right: 0;
  height: 3px !important;
  border-radius: 0 0 12px 12px;
  background: currentColor !important;
  opacity: 0.18;
}

body.admin-lms-ui #toast-container .toast-success .toast-progress {
  color: var(--sip-linear-good);
}

body.admin-lms-ui #toast-container .toast-error .toast-progress {
  color: var(--sip-linear-danger);
}

body.admin-lms-ui #toast-container .toast-info .toast-progress {
  color: var(--sip-linear-accent);
}

body.admin-lms-ui #toast-container .toast-warning .toast-progress {
  color: var(--sip-linear-warn);
}

@media (max-width: 575px) {
  body.admin-lms-ui #toast-container,
  body.admin-lms-ui #toast-container.toast-top-center,
  body.admin-lms-ui #toast-container.toast-bottom-center {
    left: 0.75rem !important;
    right: 0.75rem !important;
    max-width: none;
    transform: none !important;
  }
  body.admin-lms-ui #toast-container.toast-top-left,
  body.admin-lms-ui #toast-container.toast-top-right,
  body.admin-lms-ui #toast-container.toast-bottom-left,
  body.admin-lms-ui #toast-container.toast-bottom-right {
    left: 0.75rem !important;
    right: 0.75rem !important;
  }
  body.admin-lms-ui #toast-container > div {
    width: 100% !important;
    margin-bottom: 0.5rem !important;
  }
}
/* -------- Sidebar cascade: beat Dashlite `.dark-mode .nk-sidebar .nk-menu>li:hover>a` (purple #27254b) --------
   Use `html body...` + direct `li > a.nk-menu-link` so we win on specificity after stylesheet order. */
html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar {
  background: #0b0e14 !important;
  border-right: 1px solid #1e293b !important;
  box-shadow: none !important;
}

/* Colors for sidebar menu in dark-mode: keep aligned with flat screenshot (see end-of-file overrides). */
html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link {
  color: #e8eef7 !important;
}

html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
}

html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link:hover .nk-menu-icon {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
}

html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.router-link-active,
html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.is-active {
  background: #064e3b !important;
  color: #ffffff !important;
  font-weight: 600;
}

html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.router-link-active .nk-menu-icon,
html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.is-active .nk-menu-icon {
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.router-link-active::before,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.is-active::before {
  display: none;
  content: none;
}

html body.dark-mode.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.admin-pos-logout.nk-menu-link:hover {
  background: rgba(248, 113, 113, 0.1) !important;
  color: #fca5a5 !important;
}

/* Simple sidebar width + typography */
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar {
  width: 252px !important;
  background: #0b0e14 !important;
  border-right: 1px solid #1e293b !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .sidebar-pro-head.nk-sidebar-head.admin-pos-sidebar-head {
  padding: 14px 14px 12px !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .sidebar-pro-tagline {
  color: #22c55e !important;
  font-size: 9px !important;
  letter-spacing: 0.15em !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .sidebar-pro-name {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #f8fafc !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-sidebar-menu.sidebar-pro-menu {
  padding: 0.45rem 0.65rem 1rem !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .admin-pos-menu-label {
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
  color: rgba(148, 163, 184, 0.85) !important;
  margin: 0.2rem 0.5rem 0.55rem !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu-item {
  margin-bottom: 0.1rem !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link {
  border-radius: 10px !important;
  min-height: 40px !important;
  padding: 8px 10px !important;
  color: #e8eef7 !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f1f5f9 !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 10px !important;
  border: none !important;
  background: transparent !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu-text {
  font-size: 12px !important;
  font-weight: 500 !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.router-link-active,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.is-active {
  background: #064e3b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.router-link-active .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > .nk-menu-item > a.nk-menu-link.is-active .nk-menu-icon {
  color: #ffffff !important;
  border: none !important;
  background: transparent !important;
}

/* -------------------------------------------------------------------------
   Sidebar: match screenshot + beat Dashlite (purple hovers #27254b / #F5F0FF,
   wrong wrap offset for 296px vs our 252px sidebar at xl).
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar + .nk-wrap {
    padding-left: 282px !important;
  }
  html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar + .nk-wrap > .nk-header-fixed {
    left: 282px !important;
  }
}
/* Every menu row: flat colors, no theme purple (Dashlite li:hover / li.active) */
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link {
  background-color: transparent !important;
  color: #e8eef7 !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link .nk-menu-icon .icon.fi,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link .nk-menu-icon .icon.fi {
  color: #e8eef7 !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link:hover,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link:hover,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li:hover > a.nk-menu-link {
  background-color: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link:hover .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link:hover .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link:hover .nk-menu-icon .icon.fi {
  color: #ffffff !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link.router-link-active,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link.is-active,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li.active > a.nk-menu-link,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link.router-link-active,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link.is-active {
  background-color: #064e3b !important;
  color: #ffffff !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link.router-link-active .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link.is-active .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li.active > a.nk-menu-link .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link.router-link-active .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu > li > a.nk-menu-link.is-active .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link.router-link-active .nk-menu-icon .icon.fi,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu li.nk-menu-item > a.nk-menu-link.is-active .nk-menu-icon .icon.fi {
  color: #ffffff !important;
}

/* Logout: keep muted until hover */
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu a.admin-pos-logout.nk-menu-link {
  color: #94a3b8 !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu a.admin-pos-logout.nk-menu-link .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu a.admin-pos-logout.nk-menu-link .nk-menu-icon .icon.fi {
  color: #94a3b8 !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu a.admin-pos-logout.nk-menu-link:hover {
  background-color: rgba(248, 113, 113, 0.1) !important;
  color: #fca5a5 !important;
}

html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu a.admin-pos-logout.nk-menu-link:hover .nk-menu-icon,
html body.admin-lms-ui .nk-sidebar.admin-pos-sidebar .nk-menu a.admin-pos-logout.nk-menu-link:hover .nk-menu-icon .icon.fi {
  color: #fca5a5 !important;
}

/* ==========================================================================
   Enterprise SaaS shell — BillDiary / Stripe-inspired light admin
   ========================================================================== */
html body.admin-lms-ui {
  --saas-sidebar-w: 252px;
  --saas-primary: #6366f1;
  --saas-primary-soft: #eef2ff;
  --saas-primary-text: #4338ca;
  --saas-bg: #f5f6f8;
  --saas-surface: #ffffff;
  --saas-border: #e5e7eb;
  --saas-text: #111827;
  --saas-muted: #6b7280;
  --dash-pro-bg: #f5f6f8;
  --dash-pro-surface: #ffffff;
  --dash-pro-border: #e5e7eb;
  --dash-pro-text: #111827;
  --dash-pro-muted: #6b7280;
  --dash-pro-radius: 10px;
  --dash-pro-card-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  /* Align legacy LMS tokens with SaaS indigo so older pages match */
  --lms-primary: #6366f1;
  --lms-primary-dark: #4f46e5;
  --lms-primary-soft: #eef2ff;
  --lms-primary-border: #c7d2fe;
  --lms-primary-hover: #e0e7ff;
}

html body.admin-lms-ui .nk-app-root,
html body.admin-lms-ui #root {
  font-family: var(--sip-admin-font);
}

html body.admin-lms-ui .nk-main,
html body.admin-lms-ui .nk-wrap,
html body.admin-lms-ui .nk-content {
  background: var(--saas-bg) !important;
}

/* Light sidebar — flush edge-to-edge (kill Dashlite floating 30px inset) */
html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: auto !important;
  width: var(--saas-sidebar-w) !important;
  max-height: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: translateX(-100%) !important;
  background: #ffffff !important;
  border-right: 1px solid var(--saas-border) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  z-index: 1021 !important;
}

html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar.nk-sidebar-active {
  transform: translateX(0) !important;
}

html body.admin-lms-ui .admin-saas-sidebar__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  min-height: 64px !important;
  padding: 0.85rem 0.75rem !important;
  border-bottom: 1px solid var(--saas-border) !important;
  background: #ffffff !important;
}

html body.admin-lms-ui .admin-saas-sidebar__brand {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  text-decoration: none !important;
}

html body.admin-lms-ui .admin-saas-sidebar__logo {
  display: block !important;
  max-height: 40px !important;
  max-width: 180px !important;
  width: auto !important;
  height: auto !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

html body.admin-lms-ui .admin-saas-sidebar__brand-text {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--saas-text) !important;
}

html body.admin-lms-ui .admin-saas-sidebar__body {
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

html body.admin-lms-ui .admin-saas-sidebar__menu {
  padding: 0.5rem 0.35rem 0.75rem !important;
}

html body.admin-lms-ui .admin-saas-nav {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.admin-lms-ui .admin-saas-nav > .nk-menu-item,
html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar .nk-menu-item {
  margin: 0 0 0.15rem !important;
  padding: 0 !important;
}

html body.admin-lms-ui .admin-saas-nav__link.nk-menu-link {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  padding: 0.6rem 0.55rem !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: transparent !important;
  color: var(--saas-text) !important;
  border: none !important;
  min-height: auto !important;
}

html body.admin-lms-ui .admin-saas-nav__icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: #f3f4f6 !important;
  color: #4b5563 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

html body.admin-lms-ui .admin-saas-nav__icon .icon.fi,
html body.admin-lms-ui .admin-saas-nav__icon .fi {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: inherit !important;
  vertical-align: middle !important;
  speak: none;
}

html body.admin-lms-ui .admin-saas-nav__icon .icon.fi:before,
html body.admin-lms-ui .admin-saas-nav__icon .fi:before {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
}

html body.admin-lms-ui .admin-saas-nav__copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.1rem !important;
  padding-top: 0 !important;
  justify-content: center !important;
}

html body.admin-lms-ui .admin-saas-nav__title {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #111827 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .admin-saas-nav__sub {
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #6b7280 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .admin-saas-nav__link:hover {
  background: #f9fafb !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active,
html body.admin-lms-ui .admin-saas-nav__link.is-active {
  background: var(--saas-primary-soft) !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active .admin-saas-nav__icon,
html body.admin-lms-ui .admin-saas-nav__link.is-active .admin-saas-nav__icon {
  background: #e0e7ff !important;
  color: var(--saas-primary-text) !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active .admin-saas-nav__title,
html body.admin-lms-ui .admin-saas-nav__link.is-active .admin-saas-nav__title {
  color: var(--saas-primary-text) !important;
}

html body.admin-lms-ui .admin-saas-sidebar__foot {
  border-top: 1px solid var(--saas-border) !important;
  padding: 0.75rem 0.55rem 0.85rem !important;
  background: #ffffff !important;
}

html body.admin-lms-ui .admin-saas-user__name {
  display: block !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #111827 !important;
}

html body.admin-lms-ui .admin-saas-user__email {
  display: block !important;
  font-size: 0.75rem !important;
  color: #6b7280 !important;
  margin-top: 0.1rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .admin-saas-user__actions {
  display: flex !important;
  gap: 0.4rem !important;
  margin-top: 0.7rem !important;
}

html body.admin-lms-ui .admin-saas-user__btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid var(--saas-border) !important;
  background: #fff !important;
  color: #4b5563 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  line-height: 0 !important;
}

html body.admin-lms-ui .admin-saas-user__btn .icon.fi,
html body.admin-lms-ui .admin-saas-user__btn .fi,
html body.admin-lms-ui .admin-saas-icon-btn .icon.fi,
html body.admin-lms-ui .admin-saas-icon-btn .fi {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 1rem !important;
}

html body.admin-lms-ui .admin-saas-user__btn .icon.fi:before,
html body.admin-lms-ui .admin-saas-user__btn .fi:before,
html body.admin-lms-ui .admin-saas-icon-btn .icon.fi:before,
html body.admin-lms-ui .admin-saas-icon-btn .fi:before {
  display: block !important;
  margin: 0 !important;
  line-height: 1 !important;
}

html body.admin-lms-ui .admin-saas-user__btn:hover {
  background: #f9fafb !important;
  color: #111827 !important;
}

html body.admin-lms-ui .admin-saas-user__btn--danger:hover {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border-color: #fecaca !important;
}

/* Desktop: content + header flush against sticky sidebar (no 30px float gap) */
@media (min-width: 1200px) {
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar.nk-sidebar-active {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important;
    transform: translateX(0) !important;
  }
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap.admin-saas-wrap {
    padding-left: var(--saas-sidebar-w) !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap > .nk-header-fixed,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap > .admin-saas-header.nk-header-fixed {
    top: 0 !important;
    left: var(--saas-sidebar-w) !important;
    right: 0 !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}
/* Header — single compact row */
html body.admin-lms-ui .nk-header.admin-saas-header {
  position: sticky !important;
  top: 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--saas-border) !important;
  box-shadow: none !important;
  padding: 0.4rem 0.85rem !important;
  height: auto !important;
  min-height: 52px !important;
  border-radius: 0 !important;
  margin: 0 !important;
  z-index: 1010 !important;
}

html body.admin-lms-ui .nk-header.admin-saas-header .container-fluid {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

html body.admin-lms-ui .admin-saas-header__bar {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-height: 40px !important;
  flex-wrap: nowrap !important;
}

html body.admin-lms-ui .admin-saas-header__search {
  flex: 0 1 260px !important;
  min-width: 140px !important;
  max-width: 260px !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__field {
  border-radius: 999px !important;
  border: 1px solid var(--saas-border, #d1d5db) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset !important;
  padding: 0.25rem 0.5rem 0.25rem 0.75rem !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__field:focus-within {
  border-color: var(--saas-primary) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12), 0 10px 28px rgba(31, 35, 48, 0.05), 0 1px 0 rgba(255, 255, 255, 0.92) inset !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__input {
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  padding: 0.2rem 0.2rem !important;
}

html body.admin-lms-ui .admin-saas-header__actions,
html body.admin-lms-ui .admin-saas-header__meta {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  flex-shrink: 0 !important;
}

html body.admin-lms-ui .admin-saas-header__meta {
  margin-left: auto !important;
}

html body.admin-lms-ui .admin-saas-header__clock {
  font-size: 0.72rem !important;
  color: #6b7280 !important;
  padding: 0 0.25rem !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .admin-saas-icon-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  border: 1px solid var(--saas-border) !important;
  background: #fff !important;
  color: #4b5563 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}

html body.admin-lms-ui .admin-saas-icon-btn:hover {
  background: #f9fafb !important;
  color: #111827 !important;
}

html body.admin-lms-ui .admin-saas-icon-btn .icon.fi {
  font-size: 0.9rem !important;
  line-height: 1 !important;
}

html body.admin-lms-ui .admin-saas-avatar-btn {
  text-decoration: none !important;
}

html body.admin-lms-ui .admin-saas-avatar-btn::after {
  display: none !important;
}

html body.admin-lms-ui .admin-saas-avatar {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: var(--saas-primary-soft) !important;
  color: var(--saas-primary-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  border: 1px solid #c7d2fe !important;
}

/* Compact profile dropdown */
html body.admin-lms-ui .admin-saas-dropdown.dropdown-menu {
  border: 1px solid var(--saas-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.1) !important;
  background: #fff !important;
  padding: 0.25rem !important;
  min-width: 200px !important;
  max-width: 240px !important;
  margin-top: 0.35rem !important;
}

html body.admin-lms-ui .admin-saas-dropdown .dropdown-inner {
  padding: 0 !important;
}

html body.admin-lms-ui .admin-saas-dropdown__head {
  padding: 0.55rem 0.7rem 0.5rem !important;
  border-bottom: 1px solid var(--saas-border) !important;
  margin-bottom: 0.2rem !important;
}

html body.admin-lms-ui .admin-saas-dropdown__name {
  display: block !important;
  font-size: 0.8125rem !important;
  font-weight: 650 !important;
  color: #111827 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .admin-saas-dropdown__email {
  display: block !important;
  font-size: 0.6875rem !important;
  color: #6b7280 !important;
  margin-top: 0.15rem !important;
  line-height: 1.3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .admin-saas-dropdown__menu {
  padding: 0.15rem !important;
  margin: 0 !important;
}

html body.admin-lms-ui .admin-saas-dropdown__menu li a,
html body.admin-lms-ui .admin-saas-dropdown__menu li .router-link-active,
html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.45rem 0.6rem !important;
  border-radius: 7px !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a .icon.fi {
  font-size: 0.9rem !important;
  width: 1rem !important;
  color: #6b7280 !important;
  margin: 0 !important;
}

html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a:hover,
html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a:focus {
  background: #eef2ff !important;
  color: #4338ca !important;
}

html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a:hover .icon.fi,
html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a:focus .icon.fi {
  color: #6366f1 !important;
}

html body.admin-lms-ui .admin-saas-dropdown__logout a:hover,
html body.admin-lms-ui .admin-saas-dropdown__logout a:focus {
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

html body.admin-lms-ui .admin-saas-dropdown__logout a:hover .icon.fi,
html body.admin-lms-ui .admin-saas-dropdown__logout a:focus .icon.fi {
  color: #dc2626 !important;
}

html body.admin-lms-ui .admin-saas-content {
  padding-top: 0.85rem !important;
  padding-bottom: 0.75rem !important;
}

html body.admin-lms-ui .admin-saas-footer {
  background: transparent !important;
  border-top: 1px solid var(--saas-border) !important;
}

/* Dark mode for SaaS shell */
html body.dark-mode.admin-lms-ui {
  --saas-bg: #0f1218;
  --saas-surface: #151922;
  --saas-border: #2a3140;
  --saas-text: #f3f4f6;
  --saas-muted: #9ca3af;
  --saas-primary-soft: rgba(99, 102, 241, 0.16);
  --saas-primary-text: #a5b4fc;
  --dash-pro-bg: #0f1218;
  --dash-pro-surface: #151922;
  --dash-pro-border: #2a3140;
  --dash-pro-text: #f3f4f6;
}

html body.dark-mode.admin-lms-ui .nk-sidebar.admin-saas-sidebar,
html body.dark-mode.admin-lms-ui .admin-saas-sidebar__head,
html body.dark-mode.admin-lms-ui .admin-saas-sidebar__foot,
html body.dark-mode.admin-lms-ui .nk-header.admin-saas-header {
  background: #151922 !important;
  border-color: #2a3140 !important;
}

html body.dark-mode.admin-lms-ui .admin-saas-nav__title,
html body.dark-mode.admin-lms-ui .admin-saas-user__name,
html body.dark-mode.admin-lms-ui .admin-saas-dropdown__name {
  color: #f3f4f6 !important;
}

html body.dark-mode.admin-lms-ui .admin-saas-nav__icon,
html body.dark-mode.admin-lms-ui .admin-saas-chip,
html body.dark-mode.admin-lms-ui .admin-saas-icon-btn,
html body.dark-mode.admin-lms-ui .admin-saas-user__btn {
  background: #1c2330 !important;
  border-color: #2a3140 !important;
  color: #d1d5db !important;
}

html body.dark-mode.admin-lms-ui .admin-saas-header .admin-global-search__field,
html body.dark-mode.admin-lms-ui .admin-saas-dropdown.dropdown-menu {
  background: #1c2330 !important;
  border-color: #2a3140 !important;
}

/* Icon-button tooltips (v-tooltip) — polished SaaS style */
.tooltip.popover {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  background: #111318;
  color: #ffffff;
  border-radius: 9px;
  padding: 0.4rem 0.65rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  box-shadow: 0 12px 30px rgba(17, 19, 24, 0.18);
  max-width: 220px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: #111318;
  z-index: 1;
}

.tooltip[x-placement^=top] {
  margin-bottom: 8px;
}

.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=bottom] {
  margin-top: 8px;
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=right] {
  margin-left: 8px;
}

.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^=left] {
  margin-right: 8px;
}

.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.12s, visibility 0.12s;
}

.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.12s;
}

/* ==========================================================================
   Global content theme — unify all inner pages with SaaS shell
   ========================================================================== */
html body.admin-lms-ui .admin-saas-content {
  padding-top: 0.85rem !important;
  padding-bottom: 0.75rem !important;
}

html body.admin-lms-ui .admin-saas-content .container-fluid {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

html body.admin-lms-ui .admin-saas-footer {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* Clickable sortable table headers */
html body.admin-lms-ui .nk-content-body .admin-th-sort {
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  white-space: nowrap !important;
  transition: color 0.12s ease, background 0.12s ease !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort:focus {
  outline: none !important;
  box-shadow: inset 0 0 0 2px rgba(99, 102, 241, 0.18) !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort__inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort__icons {
  display: inline-flex !important;
  flex-direction: column !important;
  line-height: 0.55 !important;
  opacity: 0.35 !important;
  transition: opacity 0.12s ease, color 0.12s ease !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort__icons .icon.fi {
  font-size: 0.55rem !important;
  line-height: 1 !important;
  display: block !important;
  color: inherit !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort:hover .admin-th-sort__icons,
html body.admin-lms-ui .nk-content-body .admin-th-sort.is-active .admin-th-sort__icons {
  opacity: 1 !important;
  color: var(--saas-primary, #6366f1) !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort.is-asc .admin-th-sort__down,
html body.admin-lms-ui .nk-content-body .admin-th-sort.is-desc .admin-th-sort__up {
  opacity: 0.28 !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort.is-active {
  color: var(--saas-primary-text, #4338ca) !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-head {
  margin-bottom: 1.15rem !important;
  padding: 0 !important;
  border: none !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-title.page-title,
html body.admin-lms-ui .nk-content-body h3.page-title {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: var(--saas-text, #111827) !important;
  margin: 0 !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-des,
html body.admin-lms-ui .nk-content-body .text-soft {
  color: var(--saas-muted, #6b7280) !important;
  font-size: 0.875rem !important;
}

html body.admin-lms-ui .nk-content-body .card {
  background: #ffffff !important;
  border: 1px solid var(--saas-border, #e5e7eb) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04) !important;
  overflow: hidden;
}

html body.admin-lms-ui .nk-content-body .card .card-title,
html body.admin-lms-ui .nk-content-body .card h4.card-title {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--saas-text, #111827) !important;
  margin-bottom: 0.85rem !important;
}

html body.admin-lms-ui .nk-content-body .card-body {
  padding: 1.15rem 1.25rem !important;
}

html body.admin-lms-ui .nk-content-body .table-responsive {
  border: 1px solid var(--saas-border, #e5e7eb) !important;
  border-radius: 15px !important;
  background: var(--saas-surface, #fff) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
}

html body.admin-lms-ui .nk-content-body .table thead th {
  background: linear-gradient(180deg, #fbfcff, #f7f8fc) !important;
  color: var(--saas-muted, #8b93a7) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--saas-border, #e5e7eb) !important;
  border-top: none !important;
  padding: 0.75rem 0.95rem !important;
}

html body.admin-lms-ui .nk-content-body .table tbody td {
  padding: 0.75rem 0.95rem !important;
  font-size: 0.875rem !important;
  border-color: var(--saas-border, #e5e7eb) !important;
  color: #3b4150 !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui .nk-content-body .table tbody tr:hover td {
  background: #fafbff !important;
}

html body.admin-lms-ui .nk-content-body .form-control,
html body.admin-lms-ui .nk-content-body .custom-select,
html body.admin-lms-ui .nk-content-body select.form-control {
  border: 1px solid var(--saas-border, #d1d5db) !important;
  border-radius: 10px !important;
  min-height: 2.375rem !important;
  font-size: 0.875rem !important;
  box-shadow: none;
  background: var(--saas-surface, #fff) !important;
}

html body.admin-lms-ui .nk-content-body .form-control:focus,
html body.admin-lms-ui .nk-content-body .custom-select:focus {
  border-color: var(--saas-primary, #6366f1) !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

html body.admin-lms-ui .nk-content-body label {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  margin-bottom: 0.35rem !important;
}

html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn,
html body.admin-lms-ui .nk-content-body .admin-toolbar-btn {
  border-radius: 10px !important;
  font-weight: 500 !important;
  font-size: 0.8125rem !important;
  padding: 0.45rem 0.8rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn--outline {
  background: #fff !important;
  border: 1px solid var(--saas-border, #e5e7eb) !important;
  color: #374151 !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn--outline:hover {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  color: #111827 !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn--solid,
html body.admin-lms-ui .nk-content-body .btn-primary {
  background: var(--saas-primary, #6366f1) !important;
  border-color: var(--saas-primary, #6366f1) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn--solid:hover,
html body.admin-lms-ui .nk-content-body .btn-primary:hover {
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
}

html body.admin-lms-ui .nk-content-body .badge,
html body.admin-lms-ui .nk-content-body .admin-status-badge {
  border-radius: 999px !important;
  font-weight: 600 !important;
}

html body.admin-lms-ui .nk-content-body .modal-content {
  border: 1px solid var(--saas-border, #e5e7eb) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(17, 24, 39, 0.14) !important;
}

html body.admin-lms-ui .nk-content-body .modal-header {
  border-bottom: 1px solid var(--saas-border, #e5e7eb) !important;
  padding: 1rem 1.25rem !important;
}

html body.admin-lms-ui .nk-content-body .modal-footer {
  border-top: 1px solid var(--saas-border, #e5e7eb) !important;
  padding: 0.85rem 1.25rem !important;
}

html body.admin-lms-ui .nk-content-body .pagination .page-link {
  border-radius: 999px !important;
  border-color: var(--saas-border, #e5e7eb) !important;
  color: #374151 !important;
  margin: 0 0.15rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 0.65rem !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
}

html body.admin-lms-ui .nk-content-body .pagination .page-link:hover,
html body.admin-lms-ui .nk-content-body .pagination .page-link:focus {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  color: #111827 !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
}

html body.admin-lms-ui .nk-content-body .pagination .page-item.active .page-link {
  background: var(--saas-primary, #6366f1) !important;
  border-color: var(--saas-primary, #6366f1) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .pagination .page-link {
  background: #1c2330 !important;
  border-color: var(--saas-border, #2a3140) !important;
  color: #d1d5db !important;
  box-shadow: none !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .pagination .page-link:hover,
html body.dark-mode.admin-lms-ui .nk-content-body .pagination .page-link:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
  color: #f3f4f6 !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .card,
html body.dark-mode.admin-lms-ui .nk-content-body .table-responsive {
  background: #151922 !important;
  border-color: #2a3140 !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .table thead th {
  background: #1a2030 !important;
  border-color: #2a3140 !important;
  color: #9ca3af !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .table tbody td {
  border-color: #2a3140 !important;
  color: #f3f4f6 !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .form-control,
html body.dark-mode.admin-lms-ui .nk-content-body .custom-select {
  background: #1c2330 !important;
  border-color: #2a3140 !important;
  color: #f3f4f6 !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .nk-block-title.page-title {
  color: #f3f4f6 !important;
}

/* -------- SaaS utility pages (profile, about, messages, errors) -------- */
html body.admin-lms-ui .nk-content-body .saas-page {
  padding-bottom: 1.25rem;
}

html body.admin-lms-ui .nk-content-body .card-saas {
  background: var(--saas-surface, #fff);
  border: 1px solid var(--saas-border, #e5e7eb);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
  padding: 1.15rem 1.25rem;
}

html body.admin-lms-ui .nk-content-body .card-saas--flush {
  padding: 0;
  overflow: hidden;
}

html body.admin-lms-ui .nk-content-body .card-saas__head {
  margin-bottom: 1rem;
}

html body.admin-lms-ui .nk-content-body .card-saas__title {
  margin: 0 0 0.35rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--saas-text, #111827);
  letter-spacing: -0.02em;
}

html body.admin-lms-ui .nk-content-body .card-saas__subtitle {
  margin: 0 0 1rem;
  font-size: 0.8125rem;
  color: var(--saas-muted, #6b7280);
}

html body.admin-lms-ui .nk-content-body .saas-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.35rem;
}

html body.admin-lms-ui .nk-content-body .saas-hero__crumb {
  margin: 0 0 0.35rem;
  font-size: 0.75rem;
  color: var(--saas-muted, #6b7280);
}

html body.admin-lms-ui .nk-content-body .saas-hero__crumb a {
  color: var(--saas-primary, #6366f1);
  text-decoration: none;
}

html body.admin-lms-ui .nk-content-body .saas-hero__crumb a:hover {
  text-decoration: underline;
}

html body.admin-lms-ui .nk-content-body .saas-hero__title {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--saas-text, #111827);
  letter-spacing: -0.025em;
  line-height: 1.2;
}

html body.admin-lms-ui .nk-content-body .saas-form-actions {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--saas-border, #e5e7eb);
}

html body.admin-lms-ui .nk-content-body .saas-table-wrap {
  border: 1px solid var(--saas-border, #e5e7eb);
  border-radius: 12px;
  overflow: hidden;
}

html body.admin-lms-ui .nk-content-body .saas-table-wrap .table {
  margin-bottom: 0;
}

html body.admin-lms-ui .nk-content-body .saas-table-wrap .table thead th {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: var(--saas-muted, #6b7280);
  background: #f9fafb;
  border-top: none;
  border-bottom: 1px solid var(--saas-border, #e5e7eb);
  padding: 0.7rem 1rem;
}

html body.admin-lms-ui .nk-content-body .saas-table-wrap .table tbody td {
  padding: 0.7rem 1rem;
  font-size: 0.875rem;
  border-color: var(--saas-border, #e5e7eb);
  vertical-align: middle;
  background: #fff;
}

html body.admin-lms-ui .nk-content-body .saas-table-wrap .table tbody tr:hover td {
  background: #f9fafb;
}

/* Message layout */
html body.admin-lms-ui .nk-content-body .saas-message-layout .saas-message-sidebar {
  border-right: 1px solid var(--saas-border, #e5e7eb);
  background: #f9fafb;
  padding: 0.85rem;
}

html body.admin-lms-ui .nk-content-body .saas-message-main {
  padding: 1.15rem 1.25rem 1.35rem;
  min-width: 0;
}

.admin-message-tabs__list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-message-tabs__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--saas-muted, #6b7280) !important;
  text-decoration: none !important;
  transition: background 0.15s ease, color 0.15s ease;
}

.admin-message-tabs__link:hover {
  background: #fff;
  color: var(--saas-text, #111827) !important;
}

.admin-message-tabs__link--active {
  background: var(--saas-primary-soft, #eef2ff) !important;
  color: var(--saas-primary-text, #4338ca) !important;
  box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.2);
  font-weight: 600;
}

.admin-message-tabs__count {
  margin-left: auto;
  font-size: 0.75rem;
  color: inherit;
  opacity: 0.85;
}

/* Error pages */
html body.admin-lms-ui .saas-error-page {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

html body.admin-lms-ui .saas-error-page__box {
  max-width: 28rem;
  width: 100%;
  text-align: center;
  background: var(--saas-surface, #fff);
  border: 1px solid var(--saas-border, #e5e7eb);
  border-radius: 14px;
  padding: 2.5rem 2rem;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}

html body.admin-lms-ui .saas-error-page__code {
  margin: 0 0 0.5rem;
  font-size: 3.5rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--saas-primary, #6366f1);
  line-height: 1;
}

html body.admin-lms-ui .saas-error-page__title {
  margin: 0 0 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--saas-text, #111827);
  text-transform: none;
}

html body.admin-lms-ui .saas-error-page__text {
  margin: 0 0 1.5rem;
  font-size: 0.875rem;
  color: var(--saas-muted, #6b7280);
}

body.dark-mode.admin-lms-ui .nk-content-body .card-saas,
body.dark-mode.admin-lms-ui .nk-content-body .saas-error-page__box {
  background: #151922;
  border-color: #2a3140;
}

body.dark-mode.admin-lms-ui .nk-content-body .saas-hero__title,
body.dark-mode.admin-lms-ui .nk-content-body .card-saas__title,
body.dark-mode.admin-lms-ui .nk-content-body .saas-error-page__title {
  color: #f3f4f6;
}

body.dark-mode.admin-lms-ui .nk-content-body .saas-message-layout .saas-message-sidebar {
  background: #1a2030;
  border-color: #2a3140;
}

body.dark-mode.admin-lms-ui .admin-message-tabs__link:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #f3f4f6 !important;
}

/* ==========================================================================
   Density pass v3 — BillDiary / Stripe enterprise scale (~12–15% tighter)
   High-specificity overrides win over earlier shell rules.
   ========================================================================== */
/* Config settings — Linear command-style rail and calm form surface */
html body.admin-lms-ui .nk-content-body .admin-config-rail {
  flex-basis: 268px !important;
  background: rgba(248, 249, 252, 0.86) !important;
  border-right: 1px solid #e5e8ef !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.68) !important;
  padding: 1rem 0.8rem 1.1rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__head {
  border-bottom: 0 !important;
  margin-bottom: 0.55rem !important;
  padding: 0.15rem 0.55rem 0.45rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__head-title {
  color: #8b93a7 !important;
  text-shadow: none !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__link {
  min-height: 36px !important;
  color: #5c6475 !important;
  font-size: 0.8125rem !important;
  padding: 0.38rem 0.55rem !important;
  border-radius: 9px !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  gap: 0.62rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__link .admin-config-rail__label {
  color: inherit !important;
  font-weight: 500 !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__link:hover {
  background: rgba(255, 255, 255, 0.72) !important;
  color: #343a48 !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__link--active {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(98, 92, 246, 0.16) !important;
  color: #111318 !important;
  box-shadow: 0 8px 24px rgba(32, 35, 48, 0.055), 0 1px 0 rgba(255, 255, 255, 0.92) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__link--active::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  left: -6px !important;
  top: 50% !important;
  width: 3px !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #625cf6, #7c5cff) !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__icon {
  width: 1.55rem !important;
  height: 1.55rem !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 0 !important;
  color: currentColor !important;
  opacity: 0.58 !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__icon .icon.fi {
  font-size: 0.84rem !important;
  color: inherit !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__link:hover .admin-config-rail__icon {
  color: inherit !important;
  background: transparent !important;
  opacity: 0.75 !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__link--active .admin-config-rail__icon {
  background: transparent !important;
  border-color: transparent !important;
  color: #625cf6 !important;
  opacity: 1 !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__group {
  display: block !important;
  margin: 0.95rem 0.55rem 0.35rem !important;
  color: #9aa2b3 !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.11em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-rail__group:first-child {
  margin-top: 0.1rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-layout {
  min-height: min(76vh, 860px) !important;
  border-color: #e5e8ef !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), #f7f8fb) !important;
  box-shadow: 0 24px 70px rgba(31, 35, 48, 0.075) !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-panel {
  padding: 2rem 2.1rem 2.25rem !important;
  background: radial-gradient(circle at 50% -28rem, rgba(104, 104, 247, 0.11), transparent 34rem), #f7f8fb !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-panel__inner {
  max-width: 900px !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-panel__inner--wide {
  max-width: 1160px !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-section {
  margin-bottom: 1rem !important;
  padding: 1.1rem 1.15rem 1.2rem !important;
  border: 1px solid #e5e8ef !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 16px 48px rgba(31, 35, 48, 0.04), 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-section__title {
  margin: 0 0 0.38rem !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  color: #111318 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-section__description {
  max-width: 42rem !important;
  margin: 0 0 1.05rem !important;
  color: #687083 !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-panel .form-group {
  margin-bottom: 0.95rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-panel label {
  margin-bottom: 0.38rem !important;
  color: #3b4150 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-panel .form-control,
html body.admin-lms-ui .nk-content-body .admin-config-panel .custom-select {
  min-height: 38px !important;
  border-color: #dfe4ee !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  color: #111318 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-panel .form-control:focus,
html body.admin-lms-ui .nk-content-body .admin-config-panel .custom-select:focus {
  border-color: rgba(98, 92, 246, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(98, 92, 246, 0.12) !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-actions {
  justify-content: flex-end !important;
  margin-top: 1.05rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid #e5e8ef !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-actions .admin-toolbar-btn--solid {
  min-height: 34px !important;
  padding: 0.45rem 1rem !important;
  border-color: rgba(104, 104, 247, 0.45) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, #5757ec, #7a58f2) !important;
  box-shadow: 0 10px 22px rgba(104, 104, 247, 0.22) !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-panel .alert {
  border-color: #e5e8ef !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-page > .nk-block-head {
  margin-bottom: 1.05rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-page .nk-block-title.page-title {
  margin: 0 !important;
  color: #111318 !important;
  font-size: clamp(1.65rem, 2.4vw, 2.25rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.055em !important;
  line-height: 1.05 !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-page .nk-block-des {
  margin-top: 0.55rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-config-page .nk-block-des p {
  max-width: 42rem !important;
  margin: 0 !important;
  color: #687083 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-layout {
  border-color: #272a34 !important;
  background: #101218 !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-rail {
  background: #101218 !important;
  border-right-color: #272a34 !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.035) !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-rail__link {
  color: #a1a1aa !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-rail__link:hover,
body.dark-mode.admin-lms-ui .nk-content-body .admin-config-rail__link--active {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fafafa !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-panel {
  background: #0c0e12 !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-section,
body.dark-mode.admin-lms-ui .nk-content-body .admin-config-panel .alert {
  border-color: #272a34 !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-section__title,
body.dark-mode.admin-lms-ui .nk-content-body .admin-config-page .nk-block-title.page-title {
  color: #fafafa !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-section__description,
body.dark-mode.admin-lms-ui .nk-content-body .admin-config-page .nk-block-des p {
  color: #a1a1aa !important;
}

body.dark-mode.admin-lms-ui .nk-content-body .admin-config-panel label {
  color: #e4e4e7 !important;
}

@media (max-width: 991.98px) {
  html body.admin-lms-ui .nk-content-body .admin-config-rail {
    border-right: 0 !important;
    border-bottom: 1px solid #e5e8ef !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-config-panel {
    padding: 1.15rem !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-config-panel__inner {
    max-width: none !important;
  }
}
@media (max-width: 575.98px) {
  html body.admin-lms-ui .nk-content-body .admin-config-layout {
    border-radius: 14px !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-config-section {
    padding: 0.95rem !important;
  }
}
/* Base type scale */
html body.admin-lms-ui {
  font-size: 13.5px !important;
}

html body.admin-lms-ui .nk-app-root,
html body.admin-lms-ui #root {
  font-size: 13.5px !important;
}

/* Sidebar — denser items; titles lead; subs readable not faint */
html body.admin-lms-ui .admin-saas-sidebar__head {
  min-height: 48px !important;
  padding: 0.5rem 0.55rem !important;
}

html body.admin-lms-ui .admin-saas-sidebar__logo {
  max-height: 32px !important;
  max-width: 150px !important;
}

html body.admin-lms-ui .admin-saas-sidebar__menu {
  padding: 0.35rem 0.3rem 0.55rem !important;
}

html body.admin-lms-ui .admin-saas-nav > .nk-menu-item,
html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar .nk-menu-item {
  margin: 0 0 0.08rem !important;
}

html body.admin-lms-ui .admin-saas-nav__link.nk-menu-link {
  padding: 0.38rem 0.42rem !important;
  gap: 0.45rem !important;
  border-radius: 8px !important;
}

html body.admin-lms-ui .admin-saas-nav__icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
}

html body.admin-lms-ui .admin-saas-nav__icon .icon.fi,
html body.admin-lms-ui .admin-saas-nav__icon .fi {
  font-size: 0.82rem !important;
}

html body.admin-lms-ui .admin-saas-nav__copy {
  gap: 0.05rem !important;
}

html body.admin-lms-ui .admin-saas-nav__title {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #111827 !important;
  line-height: 1.2 !important;
}

html body.admin-lms-ui .admin-saas-nav__sub {
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #6b7280 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .admin-saas-sidebar__foot {
  padding: 0.55rem 0.45rem 0.65rem !important;
}

html body.admin-lms-ui .admin-saas-user__name {
  font-size: 0.78rem !important;
}

html body.admin-lms-ui .admin-saas-user__email {
  font-size: 0.65rem !important;
}

html body.admin-lms-ui .admin-saas-user__actions {
  margin-top: 0.5rem !important;
  gap: 0.3rem !important;
}

html body.admin-lms-ui .admin-saas-user__btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
}

/* Header — compact single line; search does not dominate */
html body.admin-lms-ui .nk-header.admin-saas-header {
  padding: 0.3rem 0.65rem !important;
  min-height: 46px !important;
}

html body.admin-lms-ui .admin-saas-header__bar {
  gap: 0.45rem !important;
  min-height: 34px !important;
}

html body.admin-lms-ui .admin-saas-header__search {
  flex: 0 1 260px !important;
  max-width: 260px !important;
  min-width: 140px !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__field {
  padding: 0.2rem 0.55rem !important;
  border-radius: 7px !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__input {
  font-size: 0.78rem !important;
  padding: 0.15rem 0.15rem !important;
}

html body.admin-lms-ui .admin-saas-header__clock {
  font-size: 0.65rem !important;
}

html body.admin-lms-ui .admin-saas-icon-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
}

html body.admin-lms-ui .admin-saas-icon-btn .icon.fi {
  font-size: 0.82rem !important;
}

html body.admin-lms-ui .admin-saas-avatar {
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
  font-size: 0.7rem !important;
}

/* Keep profile dropdown compact (already good — reinforce) */
html body.admin-lms-ui .admin-saas-dropdown.dropdown-menu {
  min-width: 190px !important;
  max-width: 220px !important;
  padding: 0.2rem !important;
  border-radius: 9px !important;
}

html body.admin-lms-ui .admin-saas-dropdown__head {
  padding: 0.45rem 0.6rem 0.4rem !important;
}

html body.admin-lms-ui .admin-saas-dropdown__name {
  font-size: 0.78rem !important;
}

html body.admin-lms-ui .admin-saas-dropdown__email {
  font-size: 0.65rem !important;
}

html body.admin-lms-ui .admin-saas-dropdown__menu li a,
html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a {
  padding: 0.38rem 0.5rem !important;
  font-size: 0.78rem !important;
  border-radius: 6px !important;
}

/* Content chrome */
html body.admin-lms-ui .admin-saas-content {
  padding-top: 0.65rem !important;
  padding-bottom: 0.55rem !important;
}

html body.admin-lms-ui .admin-saas-content .container-fluid {
  padding-left: 0.65rem !important;
  padding-right: 0.65rem !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-head {
  margin-bottom: 0.85rem !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-title.page-title,
html body.admin-lms-ui .nk-content-body h3.page-title {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-des,
html body.admin-lms-ui .nk-content-body .text-soft {
  font-size: 0.78rem !important;
  color: #6b7280 !important;
}

html body.admin-lms-ui .nk-content-body .card {
  border-radius: 10px !important;
}

html body.admin-lms-ui .nk-content-body .card-body {
  padding: 0.85rem 0.95rem !important;
}

html body.admin-lms-ui .nk-content-body .card .card-title,
html body.admin-lms-ui .nk-content-body .card h4.card-title {
  font-size: 0.8125rem !important;
  margin-bottom: 0.6rem !important;
}

html body.admin-lms-ui .nk-content-body .card-saas {
  border-radius: 10px !important;
  padding: 0.85rem 0.95rem !important;
}

html body.admin-lms-ui .nk-content-body .card-saas__title {
  font-size: 0.8125rem !important;
}

html body.admin-lms-ui .nk-content-body .saas-hero {
  margin-bottom: 0.85rem !important;
  padding: 0.85rem 1rem !important;
}

html body.admin-lms-ui .nk-content-body .saas-hero__title {
  font-size: 1.15rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn,
html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn {
  font-size: 0.72rem !important;
  padding: 0.3rem 0.55rem !important;
  border-radius: 7px !important;
}

html body.admin-lms-ui .nk-content-body .table-responsive {
  border-radius: 8px !important;
}

html body.admin-lms-ui .nk-content-body .table thead th {
  font-size: 0.6rem !important;
  padding: 0.45rem 0.7rem !important;
  letter-spacing: 0.04em !important;
}

html body.admin-lms-ui .nk-content-body .table tbody td {
  font-size: 0.78rem !important;
  padding: 0.45rem 0.7rem !important;
}

html body.admin-lms-ui .nk-content-body .form-control,
html body.admin-lms-ui .nk-content-body .custom-select,
html body.admin-lms-ui .nk-content-body select.form-control {
  min-height: 34px !important;
  font-size: 0.78rem !important;
  border-radius: 7px !important;
}

html body.admin-lms-ui .nk-content-body label {
  font-size: 0.75rem !important;
  margin-bottom: 0.25rem !important;
}

/* Status / pill badges — comfortable padding, not cramped */
html body.admin-lms-ui .nk-content-body .badge,
html body.admin-lms-ui .nk-content-body .admin-status-badge,
html body.admin-lms-ui .nk-content-body .admin-data-table .admin-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.28em !important;
  padding: 0.3em 0.65em !important;
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .nk-content-body .dash-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.28rem 0.55rem !important;
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
}

/* Dashboard home density (scoped styles + global reinforce) */
html body.admin-lms-ui .nk-content-body .dash-hero {
  margin-bottom: 0.85rem !important;
  padding: 0.85rem 1rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-hero__title {
  font-size: 1.2rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi {
  padding: 0.7rem 0.75rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi__value {
  font-size: 1.15rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi__label {
  font-size: 0.72rem !important;
  margin-top: 0.2rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell {
  padding: 0.6rem 0.7rem !important;
  border-radius: 8px !important;
}

html body.admin-lms-ui .nk-content-body .dash-misc-val {
  font-size: 1rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-chart-wrap {
  height: 220px !important;
  max-width: 260px !important;
}

html body.admin-lms-ui .nk-content-body .dash-table thead th,
html body.admin-lms-ui .nk-content-body .dash-table tbody td {
  padding: 0.5rem 0.7rem !important;
}

html body.admin-lms-ui .nk-content-body .modal-content {
  border-radius: 10px !important;
}

html body.admin-lms-ui .nk-content-body .modal-header {
  padding: 0.75rem 1rem !important;
}

html body.admin-lms-ui .nk-content-body .modal-footer {
  padding: 0.65rem 1rem !important;
}

html body.dark-mode.admin-lms-ui .admin-saas-nav__sub {
  color: #9ca3af !important;
}

/* ==========================================================================
   Admin core shell — calm, desktop-first navigation and command bar
   ========================================================================== */
html body.admin-lms-ui {
  --saas-sidebar-w: 232px;
  --saas-bg: #f7f8fa;
  --saas-border: #e7e9ee;
  --saas-text: #182230;
  --saas-muted: #667085;
  font-size: 14px !important;
}

html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar {
  width: var(--saas-sidebar-w) !important;
  background: #fff !important;
}

html body.admin-lms-ui .admin-saas-sidebar__head {
  min-height: 64px !important;
  padding: 0.9rem 1.25rem !important;
}

html body.admin-lms-ui .admin-saas-sidebar__logo {
  max-height: 34px !important;
  max-width: 160px !important;
}

html body.admin-lms-ui .admin-saas-sidebar__menu {
  padding: 1rem 0.7rem !important;
}

html body.admin-lms-ui .admin-saas-nav > .nk-menu-item,
html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar .nk-menu-item {
  margin: 0 0 0.2rem !important;
}

html body.admin-lms-ui .admin-saas-nav__link.nk-menu-link {
  gap: 0.75rem !important;
  min-height: 42px !important;
  padding: 0.65rem 0.75rem !important;
  border-radius: 7px !important;
}

html body.admin-lms-ui .admin-saas-nav__icon {
  width: 20px !important;
  height: 20px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #667085 !important;
}

html body.admin-lms-ui .admin-saas-nav__icon .icon.fi,
html body.admin-lms-ui .admin-saas-nav__icon .fi {
  font-size: 1rem !important;
}

html body.admin-lms-ui .admin-saas-nav__title {
  color: #344054 !important;
  font-size: 0.875rem !important;
  font-weight: 550 !important;
  line-height: 1.2 !important;
}

html body.admin-lms-ui .admin-saas-nav__link:hover {
  background: #f8fafc !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active,
html body.admin-lms-ui .admin-saas-nav__link.is-active {
  background: #eef4ff !important;
  box-shadow: inset 3px 0 0 #3b82f6 !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active .admin-saas-nav__icon,
html body.admin-lms-ui .admin-saas-nav__link.is-active .admin-saas-nav__icon {
  background: transparent !important;
  color: #2563eb !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active .admin-saas-nav__title,
html body.admin-lms-ui .admin-saas-nav__link.is-active .admin-saas-nav__title {
  color: #1d4ed8 !important;
  font-weight: 650 !important;
}

html body.admin-lms-ui .admin-saas-sidebar__foot {
  padding: 1rem 1.25rem !important;
  background: #fbfcfe !important;
}

html body.admin-lms-ui .admin-saas-user__name {
  font-size: 0.8125rem !important;
  color: #344054 !important;
}

html body.admin-lms-ui .admin-saas-user__email {
  font-size: 0.75rem !important;
  color: #667085 !important;
}

html body.admin-lms-ui .nk-header.admin-saas-header {
  min-height: 60px !important;
  padding: 0.65rem 1.5rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

html body.admin-lms-ui .admin-saas-header__bar {
  min-height: 38px !important;
  gap: 0.8rem !important;
}

html body.admin-lms-ui .admin-saas-header__search {
  flex: 0 1 360px !important;
  max-width: 360px !important;
  min-width: 220px !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__field {
  min-height: 38px !important;
  padding: 0.35rem 0.75rem !important;
  border-color: #dfe3ea !important;
  border-radius: 7px !important;
  background: #f9fafb !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__input {
  font-size: 0.8125rem !important;
}

html body.admin-lms-ui .admin-saas-header__actions {
  gap: 0.45rem !important;
  padding-left: 0.8rem !important;
  border-left: 1px solid #e7e9ee !important;
}

html body.admin-lms-ui .admin-saas-icon-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 7px !important;
  border-color: transparent !important;
  background: transparent !important;
}

html body.admin-lms-ui .admin-saas-icon-btn:hover {
  background: #f2f4f7 !important;
  color: #344054 !important;
}

html body.admin-lms-ui .admin-saas-header__clock {
  color: #667085 !important;
  font-size: 0.75rem !important;
}

html body.admin-lms-ui .admin-saas-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #eaf1ff !important;
  border: 0 !important;
  color: #2563eb !important;
  font-size: 0.8125rem !important;
}

html body.admin-lms-ui .admin-saas-content {
  padding: 1.75rem 0 1rem !important;
}

html body.admin-lms-ui .admin-saas-content .container-fluid {
  max-width: 1500px !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

@media (min-width: 992px) {
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar.nk-sidebar-active {
    transform: translateX(0) !important;
  }
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap.admin-saas-wrap {
    padding-left: var(--saas-sidebar-w) !important;
  }
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap > .nk-header-fixed,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap > .admin-saas-header.nk-header-fixed {
    left: var(--saas-sidebar-w) !important;
  }
}
@media (max-width: 1199.98px) {
  html body.admin-lms-ui .admin-saas-header__clock {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  html body.admin-lms-ui .admin-saas-header__search {
    flex: 1 1 auto !important;
    max-width: none !important;
  }
  html body.admin-lms-ui .admin-saas-content {
    padding-top: 1.25rem !important;
  }
}
html body.admin-lms-ui .nk-content-body .dash-page-head {
  margin: 0 0 1.5rem !important;
  padding: 0.35rem 0 !important;
}

html body.admin-lms-ui .nk-content-body .dash-hero__title {
  font-size: 1.625rem !important;
  color: #182230 !important;
}

html body.admin-lms-ui .nk-content-body .dash-hero__sub {
  font-size: 0.875rem !important;
  color: #667085 !important;
}

html body.admin-lms-ui .nk-content-body .dash-section-label {
  margin-bottom: 0.65rem !important;
  font-size: 0.75rem !important;
  color: #667085 !important;
}

html body.admin-lms-ui .nk-content-body .dash-card {
  background: #fff !important;
  border: 1px solid #e6e8ec !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.03) !important;
  padding: 1.1rem 1.15rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi {
  min-height: 104px !important;
  padding: 1rem 1.1rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi__label {
  margin: 0 !important;
  font-size: 0.8125rem !important;
  color: #667085 !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi__value {
  margin-top: 0.65rem !important;
  font-size: 1.625rem !important;
  color: #101828 !important;
}

html body.admin-lms-ui .nk-content-body .dash-card__head {
  margin-bottom: 1rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-card__title {
  color: #1d2939 !important;
  font-size: 0.9375rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell {
  border-radius: 0 !important;
  padding: 0.9rem 1rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-misc-label {
  font-size: 0.75rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-misc-val {
  font-size: 1.25rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-chart-wrap {
  height: 230px !important;
  max-width: 280px !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .dash-card {
  background: #151922 !important;
  border-color: #2a3140 !important;
}

/* ==========================================================================
   Sipinor admin core — deliberate shell grid and calm product surfaces
   This is the definitive shell layer; older density rules above remain for
   legacy feature views only.
   ========================================================================== */
html body.admin-lms-ui {
  --saas-sidebar-w: 248px;
  --saas-bg: #f6f7f9;
  --saas-border: #e4e7ec;
  --saas-text: #182230;
  --saas-muted: #667085;
  --saas-primary: #2563eb;
  --saas-primary-soft: #eff6ff;
  --saas-primary-text: #1d4ed8;
  font-size: 14px !important;
}

html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar {
  width: var(--saas-sidebar-w) !important;
  background: #ffffff !important;
  border-right-color: var(--saas-border) !important;
}

html body.admin-lms-ui .admin-saas-sidebar__head {
  min-height: 72px !important;
  padding: 1rem 1.5rem !important;
}

html body.admin-lms-ui .admin-saas-sidebar__logo {
  max-width: 168px !important;
  max-height: 36px !important;
}

html body.admin-lms-ui .admin-saas-sidebar__menu {
  padding: 1.25rem 0.75rem 1.5rem !important;
}

html body.admin-lms-ui .admin-saas-nav-group + .admin-saas-nav-group {
  margin-top: 1.5rem !important;
}

html body.admin-lms-ui .admin-saas-nav-group__label {
  margin: 0 0 0.5rem !important;
  padding: 0 0.75rem !important;
  color: #98a2b3 !important;
  font-size: 0.6875rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .admin-saas-nav > .nk-menu-item,
html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar .nk-menu-item {
  margin: 0 0 0.2rem !important;
}

html body.admin-lms-ui .admin-saas-nav__link.nk-menu-link {
  min-height: 44px !important;
  gap: 0.75rem !important;
  padding: 0.625rem 0.75rem !important;
  border-radius: 6px !important;
}

html body.admin-lms-ui .admin-saas-nav__icon {
  width: 20px !important;
  height: 20px !important;
  background: transparent !important;
  color: #667085 !important;
}

html body.admin-lms-ui .admin-saas-nav__icon .icon.fi,
html body.admin-lms-ui .admin-saas-nav__icon .fi {
  font-size: 1rem !important;
}

html body.admin-lms-ui .admin-saas-nav__title {
  color: #344054 !important;
  font-size: 0.875rem !important;
  font-weight: 550 !important;
}

html body.admin-lms-ui .admin-saas-nav__link:hover {
  background: #f8fafc !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active,
html body.admin-lms-ui .admin-saas-nav__link.is-active {
  background: var(--saas-primary-soft) !important;
  box-shadow: inset 3px 0 0 var(--saas-primary) !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active .admin-saas-nav__icon,
html body.admin-lms-ui .admin-saas-nav__link.is-active .admin-saas-nav__icon {
  color: var(--saas-primary) !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active .admin-saas-nav__title,
html body.admin-lms-ui .admin-saas-nav__link.is-active .admin-saas-nav__title {
  color: var(--saas-primary-text) !important;
  font-weight: 650 !important;
}

html body.admin-lms-ui .admin-saas-sidebar__foot {
  padding: 1.125rem 1.5rem !important;
  background: #fbfcfe !important;
}

html body.admin-lms-ui .admin-saas-user__name {
  color: #344054 !important;
  font-size: 0.875rem !important;
}

html body.admin-lms-ui .admin-saas-user__email {
  color: #667085 !important;
  font-size: 0.75rem !important;
}

html body.admin-lms-ui .nk-header.admin-saas-header {
  min-height: 72px !important;
  padding: 0.875rem 2rem !important;
  background: #ffffff !important;
  border-bottom-color: var(--saas-border) !important;
}

html body.admin-lms-ui .admin-saas-header__bar {
  min-height: 40px !important;
  gap: 1rem !important;
}

html body.admin-lms-ui .admin-saas-header__product {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.4rem !important;
  flex: 0 0 auto !important;
  color: var(--saas-text) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .admin-saas-header__product-name {
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

html body.admin-lms-ui .admin-saas-header__product-context {
  color: #98a2b3 !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
}

html body.admin-lms-ui .admin-saas-header__search {
  flex: 1 1 360px !important;
  max-width: 520px !important;
  min-width: 180px !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__field {
  min-height: 40px !important;
  padding: 0.4rem 0.75rem !important;
  border-color: #dfe3ea !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
}

html body.admin-lms-ui .admin-saas-header__actions {
  gap: 0.5rem !important;
  padding-left: 1rem !important;
  border-left: 1px solid var(--saas-border) !important;
}

html body.admin-lms-ui .admin-saas-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  min-height: 36px !important;
  padding: 0.5rem 0.625rem !important;
  border-radius: 6px !important;
  color: #475467 !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

html body.admin-lms-ui .admin-saas-action:hover {
  background: #f2f4f7 !important;
  color: #182230 !important;
}

html body.admin-lms-ui .admin-saas-header__meta {
  gap: 0.625rem !important;
}

html body.admin-lms-ui .admin-saas-header__user {
  flex-direction: column !important;
  align-items: flex-start !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .admin-saas-header__user-name {
  color: #344054 !important;
  font-size: 0.8125rem !important;
  font-weight: 650 !important;
}

html body.admin-lms-ui .admin-saas-header__user-role {
  color: #98a2b3 !important;
  font-size: 0.6875rem !important;
}

html body.admin-lms-ui .admin-saas-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #eaf1ff !important;
  color: var(--saas-primary) !important;
}

html body.admin-lms-ui .admin-saas-content {
  padding: 2rem 0 1.5rem !important;
}

html body.admin-lms-ui .admin-saas-content .container-fluid {
  max-width: 1440px !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

html body.admin-lms-ui .admin-saas-footer {
  border-top-color: var(--saas-border) !important;
}

@media (max-width: 1199.98px) {
  html body.admin-lms-ui .nk-header.admin-saas-header {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  html body.admin-lms-ui .admin-saas-header__product {
    display: none !important;
  }
  html body.admin-lms-ui .admin-saas-content .container-fluid {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media (max-width: 991.98px) {
  html body.admin-lms-ui .nk-header.admin-saas-header {
    min-height: 64px !important;
    padding: 0.75rem 1rem !important;
  }
  html body.admin-lms-ui .admin-saas-header__actions {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
  html body.admin-lms-ui .admin-saas-content {
    padding-top: 1.5rem !important;
  }
  html body.admin-lms-ui .admin-saas-content .container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
/* ==========================================================================
   Structured Warmth foundation — Sipinor admin
   Shared contract for shell, dashboard cards, metric bands and quiet tables.
   ========================================================================== */
html body.admin-lms-ui {
  --saas-sidebar-w: 244px;
  --saas-bg: var(--sip-bg);
  --saas-surface: var(--sip-surface);
  --saas-surface-soft: var(--sip-surface-soft);
  --saas-border: var(--sip-border);
  --saas-text: var(--sip-text);
  --saas-muted: var(--sip-text-secondary);
  --saas-primary: var(--sip-navy);
  --saas-primary-soft: #eef2f7;
  --saas-primary-text: var(--sip-navy);
  --saas-accent: var(--sip-amber);
  --saas-accent-soft: #fbf2e7;
  --saas-blue: var(--sip-blue);
  --saas-success: var(--sip-success);
  --saas-warning: var(--sip-warning);
  --saas-danger: var(--sip-danger);
  --saas-radius: 14px;
  --saas-radius-sm: 10px;
  --saas-shadow: 0 10px 28px rgba(38, 58, 91, 0.07);
  --saas-shadow-soft: 0 1px 2px rgba(31, 41, 51, 0.04);
  background: var(--saas-bg) !important;
  color: var(--saas-text) !important;
}

html body.admin-lms-ui .nk-main,
html body.admin-lms-ui .nk-wrap {
  background: var(--saas-bg) !important;
}

html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar {
  width: var(--saas-sidebar-w) !important;
  background: var(--saas-surface) !important;
  border-right: 1px solid var(--saas-border) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .admin-saas-sidebar__head {
  min-height: 68px !important;
  padding: 1rem 1.35rem !important;
  border-bottom: 1px solid var(--saas-border) !important;
  background: var(--saas-surface) !important;
}

html body.admin-lms-ui .admin-saas-sidebar__brand {
  min-width: 0 !important;
}

html body.admin-lms-ui .admin-saas-sidebar__logo {
  max-width: 158px !important;
  max-height: 34px !important;
}

html body.admin-lms-ui .admin-saas-sidebar__brand-text {
  color: var(--saas-primary) !important;
  font-size: 1.15rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.03em !important;
}

html body.admin-lms-ui .admin-saas-sidebar__menu {
  padding: 1rem 0.7rem 1.25rem !important;
}

html body.admin-lms-ui .admin-saas-nav-group + .admin-saas-nav-group {
  margin-top: 1.25rem !important;
}

html body.admin-lms-ui .admin-saas-nav-group__label {
  margin: 0 0 0.45rem !important;
  padding: 0 0.75rem !important;
  color: var(--saas-muted) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .admin-saas-nav > .nk-menu-item,
html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar .nk-menu-item {
  margin: 0 0 0.18rem !important;
}

html body.admin-lms-ui .admin-saas-nav__link.nk-menu-link {
  min-height: 42px !important;
  gap: 0.7rem !important;
  padding: 0.58rem 0.7rem !important;
  border-radius: var(--saas-radius-sm) !important;
  color: var(--saas-text) !important;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}

html body.admin-lms-ui .admin-saas-nav__icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--saas-muted) !important;
}

html body.admin-lms-ui .admin-saas-nav__title {
  color: #384454 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .admin-saas-nav__link:hover {
  background: var(--saas-surface-soft) !important;
}

html body.admin-lms-ui .admin-saas-nav__link:hover .admin-saas-nav__icon,
html body.admin-lms-ui .admin-saas-nav__link:hover .admin-saas-nav__title {
  color: var(--saas-primary) !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active,
html body.admin-lms-ui .admin-saas-nav__link.is-active {
  background: linear-gradient(90deg, #f4eadc 0%, #f8f4ee 100%) !important;
  box-shadow: inset 3px 0 0 var(--saas-accent) !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active .admin-saas-nav__icon,
html body.admin-lms-ui .admin-saas-nav__link.is-active .admin-saas-nav__icon {
  color: var(--saas-accent) !important;
}

html body.admin-lms-ui .admin-saas-nav__link.router-link-active .admin-saas-nav__title,
html body.admin-lms-ui .admin-saas-nav__link.is-active .admin-saas-nav__title {
  color: var(--saas-primary) !important;
  font-weight: 700 !important;
}

html body.admin-lms-ui .admin-saas-sidebar__foot {
  padding: 1rem 1.25rem !important;
  background: var(--saas-surface-soft) !important;
  border-top: 1px solid var(--saas-border) !important;
}

html body.admin-lms-ui .admin-saas-user__name {
  color: var(--saas-text) !important;
  font-size: 0.8375rem !important;
  font-weight: 700 !important;
}

html body.admin-lms-ui .admin-saas-user__email {
  color: var(--saas-muted) !important;
  font-size: 0.75rem !important;
}

html body.admin-lms-ui .nk-header.admin-saas-header {
  min-height: 66px !important;
  padding: 0.8rem 1.75rem !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid var(--saas-border) !important;
  box-shadow: 0 1px 0 rgba(38, 58, 91, 0.03) !important;
  backdrop-filter: blur(14px);
}

html body.admin-lms-ui .admin-saas-header__bar {
  min-height: 38px !important;
  gap: 0.9rem !important;
}

html body.admin-lms-ui .admin-saas-header__product {
  color: var(--saas-primary) !important;
}

html body.admin-lms-ui .admin-saas-header__product-name {
  font-size: 1rem !important;
  font-weight: 750 !important;
}

html body.admin-lms-ui .admin-saas-header__product-context {
  color: var(--saas-muted) !important;
  font-size: 0.8rem !important;
}

html body.admin-lms-ui .admin-saas-header__search {
  flex: 1 1 360px !important;
  max-width: 500px !important;
  min-width: 180px !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__field {
  min-height: 38px !important;
  padding: 0.35rem 0.72rem !important;
  border-color: var(--saas-border) !important;
  border-radius: 999px !important;
  background: var(--saas-surface-soft) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .admin-saas-header .admin-global-search__field:focus-within {
  border-color: rgba(201, 138, 46, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(201, 138, 46, 0.13) !important;
}

html body.admin-lms-ui .admin-saas-header__actions {
  gap: 0.5rem !important;
  padding-left: 0.85rem !important;
  border-left: 1px solid var(--saas-border) !important;
}

html body.admin-lms-ui .admin-saas-action {
  min-height: 36px !important;
  padding: 0.48rem 0.68rem !important;
  border-radius: 999px !important;
  color: var(--saas-primary) !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
}

html body.admin-lms-ui .admin-saas-action:hover {
  background: var(--saas-accent-soft) !important;
  color: var(--saas-primary) !important;
}

html body.admin-lms-ui .admin-saas-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: var(--saas-primary) !important;
  color: #fff !important;
  font-size: 0.8125rem !important;
  font-weight: 750 !important;
}

html body.admin-lms-ui .admin-saas-header__user-name {
  color: var(--saas-text) !important;
}

html body.admin-lms-ui .admin-saas-header__user-role,
html body.admin-lms-ui .admin-saas-dropdown__email {
  color: var(--saas-muted) !important;
}

html body.admin-lms-ui .admin-saas-dropdown.dropdown-menu {
  border: 1px solid var(--saas-border) !important;
  border-radius: 14px !important;
  background: var(--saas-surface) !important;
  box-shadow: var(--saas-shadow) !important;
}

html body.admin-lms-ui .admin-saas-dropdown__name {
  color: var(--saas-text) !important;
}

html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a:hover,
html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a:focus {
  background: var(--saas-surface-soft) !important;
  color: var(--saas-primary) !important;
}

html body.admin-lms-ui .admin-saas-content {
  padding: 1.75rem 0 1.25rem !important;
}

html body.admin-lms-ui .admin-saas-content .container-fluid {
  max-width: 1408px !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

html body.admin-lms-ui .admin-saas-footer {
  background: var(--saas-bg) !important;
  border-top-color: var(--saas-border) !important;
}

html body.admin-lms-ui .nk-content-body .dash-home {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-bottom: 1rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-page-head {
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
}

html body.admin-lms-ui .nk-content-body .dash-hero__title {
  margin: 0 !important;
  color: var(--saas-primary) !important;
  font-size: 1.85rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.15 !important;
}

html body.admin-lms-ui .nk-content-body .dash-hero__sub {
  margin: 0.45rem 0 0 !important;
  color: var(--saas-muted) !important;
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
}

html body.admin-lms-ui .nk-content-body .dash-section {
  margin: 0 0 1.75rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-eyebrow {
  margin: 0 0 0.25rem !important;
  color: var(--saas-accent) !important;
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .nk-content-body .dash-section__title,
html body.admin-lms-ui .nk-content-body .dash-card__title {
  margin: 0 !important;
  color: var(--saas-text) !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.35 !important;
}

html body.admin-lms-ui .nk-content-body .dash-stat-band,
html body.admin-lms-ui .nk-content-body .dash-panel {
  overflow: hidden !important;
  background: var(--saas-surface) !important;
  border: 1px solid var(--saas-border) !important;
  border-radius: var(--saas-radius) !important;
  box-shadow: var(--saas-shadow-soft) !important;
}

html body.admin-lms-ui .nk-content-body .dash-stat-band {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi {
  position: relative !important;
  min-height: 112px !important;
  padding: 1.15rem 1.05rem 1.1rem !important;
  border-right: 1px solid var(--saas-border) !important;
  background: linear-gradient(180deg, #fff 0%, var(--saas-surface-soft) 100%) !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi:last-child {
  border-right: 0 !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi::before {
  content: "" !important;
  position: absolute !important;
  left: 1.05rem !important;
  right: 1.05rem !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 0 0 999px 999px !important;
  background: var(--metric-tone, var(--saas-accent)) !important;
  opacity: 0.9 !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi--navy {
  --metric-tone: var(--saas-primary);
}

html body.admin-lms-ui .nk-content-body .dash-kpi--amber {
  --metric-tone: var(--saas-accent);
}

html body.admin-lms-ui .nk-content-body .dash-kpi--blue {
  --metric-tone: var(--saas-blue);
}

html body.admin-lms-ui .nk-content-body .dash-kpi--success {
  --metric-tone: var(--saas-success);
}

html body.admin-lms-ui .nk-content-body .dash-kpi--warning {
  --metric-tone: var(--saas-warning);
}

html body.admin-lms-ui .nk-content-body .dash-kpi--danger {
  --metric-tone: var(--saas-danger);
}

html body.admin-lms-ui .nk-content-body .dash-kpi__label,
html body.admin-lms-ui .nk-content-body .dash-misc-label {
  margin: 0 !important;
  color: var(--saas-muted) !important;
  font-size: 0.795rem !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

html body.admin-lms-ui .nk-content-body .dash-kpi__value {
  margin-top: 0.7rem !important;
  color: var(--metric-tone, var(--saas-primary)) !important;
  font-size: 1.7rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
}

html body.admin-lms-ui .nk-content-body .dash-panel {
  padding: 1.35rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-panel__head {
  margin-bottom: 1.1rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-chart-wrap {
  height: 242px !important;
  max-width: 300px !important;
}

html body.admin-lms-ui .nk-content-body .dash-misc-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  border: 0 !important;
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell {
  min-height: 88px !important;
  padding: 0.95rem 1rem !important;
  border: 1px solid var(--saas-border) !important;
  border-radius: 12px !important;
  background: var(--saas-surface-soft) !important;
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell--navy {
  --metric-tone: var(--saas-primary);
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell--amber {
  --metric-tone: var(--saas-accent);
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell--blue {
  --metric-tone: var(--saas-blue);
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell--success {
  --metric-tone: var(--saas-success);
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell--warning {
  --metric-tone: var(--saas-warning);
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell--danger {
  --metric-tone: var(--saas-danger);
}

html body.admin-lms-ui .nk-content-body .dash-misc-cell--muted {
  --metric-tone: var(--saas-muted);
}

html body.admin-lms-ui .nk-content-body .dash-misc-val {
  margin-top: 0.5rem !important;
  color: var(--metric-tone, var(--saas-primary)) !important;
  font-size: 1.32rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
}

html body.admin-lms-ui .nk-content-body .dash-table-wrap {
  margin: 0 -1.35rem -1.35rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow-x: auto !important;
}

html body.admin-lms-ui .nk-content-body .dash-table thead th {
  padding: 0.75rem 1.35rem !important;
  color: var(--saas-muted) !important;
  background: var(--saas-surface-soft) !important;
  border-top: 1px solid var(--saas-border) !important;
  border-bottom: 1px solid var(--saas-border) !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .nk-content-body .dash-table tbody td {
  padding: 0.82rem 1.35rem !important;
  color: #3a4553 !important;
  background: var(--saas-surface) !important;
  border-color: var(--saas-border) !important;
  font-size: 0.8375rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-table tbody tr:hover td {
  background: var(--saas-surface-soft) !important;
}

html body.admin-lms-ui .nk-content-body .dash-badge {
  border-radius: 999px !important;
  padding: 0.28rem 0.58rem !important;
  font-size: 0.6875rem !important;
  font-weight: 750 !important;
}

html body.admin-lms-ui .nk-content-body .dash-badge--ok {
  background: rgba(34, 160, 107, 0.12) !important;
  color: var(--saas-success) !important;
}

html body.admin-lms-ui .nk-content-body .dash-badge--no {
  background: rgba(224, 161, 27, 0.13) !important;
  color: #94650d !important;
}

html body.admin-lms-ui .nk-content-body .dash-empty,
html body.admin-lms-ui .nk-content-body .dash-empty-inline {
  color: var(--saas-muted) !important;
  font-size: 0.875rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-empty {
  padding: 1.35rem !important;
}

html body.admin-lms-ui .nk-content-body .dash-empty-inline {
  margin: 0 !important;
  padding: 2rem 1rem !important;
}

@media (min-width: 992px) {
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap.admin-saas-wrap {
    padding-left: var(--saas-sidebar-w) !important;
  }
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap > .nk-header-fixed,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap > .admin-saas-header.nk-header-fixed {
    left: var(--saas-sidebar-w) !important;
  }
}
@media (max-width: 1199.98px) {
  html body.admin-lms-ui .admin-saas-header__product {
    display: none !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-stat-band {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-kpi:nth-child(3n) {
    border-right: 0 !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-kpi:nth-child(-n+3) {
    border-bottom: 1px solid var(--saas-border) !important;
  }
}
@media (max-width: 991.98px) {
  html body.admin-lms-ui .nk-header.admin-saas-header {
    min-height: 62px !important;
    padding: 0.7rem 1rem !important;
  }
  html body.admin-lms-ui .admin-saas-header__actions {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
  html body.admin-lms-ui .admin-saas-content {
    padding-top: 1.25rem !important;
  }
  html body.admin-lms-ui .admin-saas-content .container-fluid {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (max-width: 767.98px) {
  html body.admin-lms-ui .admin-saas-header__search {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  html body.admin-lms-ui .admin-saas-action span,
  html body.admin-lms-ui .admin-saas-header__user {
    display: none !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-hero__title {
    font-size: 1.45rem !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-stat-band,
  html body.admin-lms-ui .nk-content-body .dash-misc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-kpi {
    min-height: 96px !important;
    padding: 1rem !important;
    border-bottom: 1px solid var(--saas-border) !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-kpi:nth-child(3n) {
    border-right: 1px solid var(--saas-border) !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-kpi:nth-child(2n) {
    border-right: 0 !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-kpi:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-panel {
    padding: 1rem !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-table-wrap {
    margin: 0 -1rem -1rem !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-table thead th,
  html body.admin-lms-ui .nk-content-body .dash-table tbody td {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
/* Responsive/accessibility sweep — final shell safeguards */
html body.admin-lms-ui,
html body.admin-lms-ui .nk-app-root,
html body.admin-lms-ui .nk-main,
html body.admin-lms-ui .nk-wrap,
html body.admin-lms-ui .admin-saas-content,
html body.admin-lms-ui .admin-saas-content .container-fluid,
html body.admin-lms-ui .sip-shell,
html body.admin-lms-ui .sip-shell__grid,
html body.admin-lms-ui .sip-workspace,
html body.admin-lms-ui .sip-page-shell,
html body.admin-lms-ui .sip-page-shell__container,
html body.admin-lms-ui .nk-content-body,
html body.admin-lms-ui .saas-page,
html body.admin-lms-ui .card-saas,
html body.admin-lms-ui .dash-home,
html body.admin-lms-ui .dash-panel {
  min-width: 0 !important;
}

html body.admin-lms-ui .nk-app-root,
html body.admin-lms-ui .nk-main {
  overflow-x: clip;
}

html body.admin-lms-ui .table-responsive,
html body.admin-lms-ui .saas-table-wrap,
html body.admin-lms-ui .nk-content-body .dash-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

html body.admin-lms-ui .nk-content-body table {
  max-width: 100%;
}

html body.admin-lms-ui .admin-saas-header__bar,
html body.admin-lms-ui .admin-saas-header__search,
html body.admin-lms-ui .admin-saas-header__meta,
html body.admin-lms-ui .admin-saas-header__user,
html body.admin-lms-ui .sip-command-header__bar,
html body.admin-lms-ui .sip-command-header__search,
html body.admin-lms-ui .sip-command-header__meta,
html body.admin-lms-ui .sip-toolbar,
html body.admin-lms-ui .admin-global-search,
html body.admin-lms-ui .admin-global-search__field,
html body.admin-lms-ui .admin-global-search__input,
html body.admin-lms-ui .admin-saas-dropdown,
html body.admin-lms-ui .admin-saas-dropdown__head,
html body.admin-lms-ui .admin-saas-dropdown__menu li a,
html body.admin-lms-ui .sip-dropdown,
html body.admin-lms-ui .sip-dropdown__head,
html body.admin-lms-ui .sip-dropdown__menu li a,
html body.admin-lms-ui .admin-saas-user__meta,
html body.admin-lms-ui .admin-saas-nav__title,
html body.admin-lms-ui .admin-saas-nav-group__label,
html body.admin-lms-ui .sip-sidebar-user,
html body.admin-lms-ui .sip-sidebar-nav__title,
html body.admin-lms-ui .sip-sidebar-nav__label {
  min-width: 0 !important;
}

html body.admin-lms-ui .admin-saas-nav__title,
html body.admin-lms-ui .admin-saas-user__name,
html body.admin-lms-ui .admin-saas-header__user-name,
html body.admin-lms-ui .admin-saas-dropdown__name,
html body.admin-lms-ui .sip-sidebar-nav__title,
html body.admin-lms-ui .sip-sidebar-user__name,
html body.admin-lms-ui .sip-sidebar-user__email,
html body.admin-lms-ui .sip-dropdown__name,
html body.admin-lms-ui .sip-dropdown__email {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui a:focus-visible,
html body.admin-lms-ui button:focus-visible,
html body.admin-lms-ui [role=button]:focus-visible,
html body.admin-lms-ui [role=option]:focus-visible,
html body.admin-lms-ui .nk-menu-link:focus-visible,
html body.admin-lms-ui .dropdown-toggle:focus-visible,
html body.admin-lms-ui .admin-th-sort:focus-visible,
html body.admin-lms-ui .custom-button:focus-visible,
html body.admin-lms-ui .sip-icon-btn:focus-visible,
html body.admin-lms-ui .sip-btn:focus-visible,
html body.admin-lms-ui .sip-avatar-btn:focus-visible {
  outline: 3px solid rgba(201, 138, 46, 0.42) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px rgba(201, 138, 46, 0.16) !important;
}

html body.admin-lms-ui .admin-saas-nav__link:focus-visible,
html body.admin-lms-ui .admin-saas-dropdown .link-list-opt a:focus-visible,
html body.admin-lms-ui .admin-global-search__item:focus-visible,
html body.admin-lms-ui .sip-sidebar-nav__item:focus-visible,
html body.admin-lms-ui .sip-dropdown .link-list-opt a:focus-visible {
  background: var(--saas-surface-soft) !important;
  color: var(--saas-primary) !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort:focus-visible {
  color: var(--saas-primary) !important;
}

html body.admin-lms-ui .custom-button[role=button] {
  border-radius: 6px;
  cursor: pointer;
}

html body.admin-lms-ui .admin-saas-header__product-context,
html body.admin-lms-ui .admin-saas-header__user-role,
html body.admin-lms-ui .admin-saas-dropdown__email,
html body.admin-lms-ui .admin-saas-user__email,
html body.admin-lms-ui .sip-command-header__product-context,
html body.admin-lms-ui .sip-dropdown__email,
html body.admin-lms-ui .sip-sidebar-user__email,
html body.admin-lms-ui .sip-sidebar-panel p,
html body.admin-lms-ui .sip-sidebar-panel small,
html body.admin-lms-ui .sip-sidebar-panel__label,
html body.admin-lms-ui .sip-sidebar-panel__sub,
html body.admin-lms-ui .nk-content-body .dash-kpi__label,
html body.admin-lms-ui .nk-content-body .dash-misc-label,
html body.admin-lms-ui .nk-content-body .dash-empty,
html body.admin-lms-ui .nk-content-body .dash-empty-inline,
html body.admin-lms-ui .nk-content-body .dash-table thead th,
html body.admin-lms-ui .nk-content-body .text-muted,
html body.admin-lms-ui .nk-content-body .text-soft {
  color: #5f6b7a !important;
}

html body.dark-mode.admin-lms-ui .admin-saas-header__product-context,
html body.dark-mode.admin-lms-ui .admin-saas-header__user-role,
html body.dark-mode.admin-lms-ui .admin-saas-dropdown__email,
html body.dark-mode.admin-lms-ui .admin-saas-user__email,
html body.dark-mode.admin-lms-ui .sip-command-header__product-context,
html body.dark-mode.admin-lms-ui .sip-dropdown__email,
html body.dark-mode.admin-lms-ui .sip-sidebar-user__email,
html body.dark-mode.admin-lms-ui .sip-sidebar-panel p,
html body.dark-mode.admin-lms-ui .sip-sidebar-panel small,
html body.dark-mode.admin-lms-ui .sip-sidebar-panel__label,
html body.dark-mode.admin-lms-ui .sip-sidebar-panel__sub,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-kpi__label,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-misc-label,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-empty,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-empty-inline,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-table thead th,
html body.dark-mode.admin-lms-ui .nk-content-body .text-muted,
html body.dark-mode.admin-lms-ui .nk-content-body .text-soft {
  color: #b8c0cc !important;
}

html body.admin-lms-ui .nk-content-body .dash-badge--no {
  color: #80540a !important;
}

html body.admin-lms-ui .admin-saas-action:focus-visible,
html body.admin-lms-ui .admin-saas-avatar-btn:focus-visible,
html body.admin-lms-ui .admin-saas-icon-btn:focus-visible {
  border-radius: 999px !important;
}

@media (min-width: 992px) {
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar {
    transform: translateX(0) !important;
  }
}
@media (min-width: 1200px) {
  html body.admin-lms-ui .nk-sidebar.sip-sidebar {
    transform: translateX(0) !important;
  }
  /* Sip shell offsets with .sip-workspace margin-left only — never also pad. */
  html body.admin-lms-ui .nk-sidebar.sip-sidebar + .nk-wrap,
  html body.admin-lms-ui .nk-sidebar.sip-sidebar + .nk-wrap.sip-workspace {
    padding-left: 0 !important;
  }
  html body.admin-lms-ui .nk-sidebar.sip-sidebar + .nk-wrap > .nk-header-fixed,
  html body.admin-lms-ui .nk-sidebar.sip-sidebar + .nk-wrap > .sip-command-header.nk-header-fixed {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
}
@media (max-width: 991.98px) {
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar {
    max-width: min(var(--saas-sidebar-w), 100vw - 2rem) !important;
  }
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap.admin-saas-wrap {
    padding-left: 0 !important;
  }
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap > .nk-header-fixed,
  html body.admin-lms-ui .nk-sidebar.admin-saas-sidebar + .nk-wrap > .admin-saas-header.nk-header-fixed {
    left: 0 !important;
    width: 100% !important;
  }
  html body.admin-lms-ui .admin-saas-header__bar,
  html body.admin-lms-ui .sip-command-header__bar {
    gap: 0.65rem !important;
  }
}
@media (max-width: 1199.98px) {
  html body.admin-lms-ui .nk-sidebar.sip-sidebar {
    max-width: min(var(--saas-sidebar-w), 100vw - 2rem) !important;
    transform: translateX(-100%) !important;
  }
  html body.admin-lms-ui .nk-sidebar.sip-sidebar.nk-sidebar-active {
    transform: translateX(0) !important;
  }
  html body.admin-lms-ui .nk-sidebar.sip-sidebar + .nk-wrap,
  html body.admin-lms-ui .nk-sidebar.sip-sidebar + .nk-wrap.sip-workspace {
    padding-left: 0 !important;
  }
  html body.admin-lms-ui .nk-sidebar.sip-sidebar + .nk-wrap > .nk-header-fixed,
  html body.admin-lms-ui .nk-sidebar.sip-sidebar + .nk-wrap > .sip-command-header.nk-header-fixed {
    left: 0 !important;
    width: 100% !important;
  }
}
@media (max-width: 575.98px) {
  html body.admin-lms-ui .nk-header.admin-saas-header,
  html body.admin-lms-ui .nk-header.sip-command-header {
    padding: 0.55rem 0.75rem !important;
  }
  html body.admin-lms-ui .admin-saas-header__bar,
  html body.admin-lms-ui .sip-command-header__bar {
    gap: 0.45rem !important;
  }
  html body.admin-lms-ui .admin-saas-header__actions,
  html body.admin-lms-ui .sip-command-header__actions {
    display: none !important;
  }
  html body.admin-lms-ui .admin-saas-header .admin-global-search__kbd,
  html body.admin-lms-ui .sip-command-header .admin-global-search__kbd {
    display: none !important;
  }
  html body.admin-lms-ui .admin-saas-avatar,
  html body.admin-lms-ui .sip-avatar {
    width: 32px !important;
    height: 32px !important;
  }
  html body.admin-lms-ui .admin-saas-content,
  html body.admin-lms-ui .sip-page-shell {
    padding-top: 1rem !important;
  }
  html body.admin-lms-ui .admin-saas-content .container-fluid,
  html body.admin-lms-ui .sip-page-shell__container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-stat-band,
  html body.admin-lms-ui .nk-content-body .dash-misc-grid {
    grid-template-columns: 1fr !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-kpi,
  html body.admin-lms-ui .nk-content-body .dash-kpi:nth-child(2n),
  html body.admin-lms-ui .nk-content-body .dash-kpi:nth-child(3n) {
    border-right: 0 !important;
  }
  html body.admin-lms-ui .nk-content-body .dash-kpi:not(:last-child) {
    border-bottom: 1px solid var(--saas-border) !important;
  }
}
/* Final Linear reconciliation: keep the new sip-* contracts above legacy SaaS rules. */
html body.admin-lms-ui .sip-shell,
html body.admin-lms-ui .sip-shell .nk-main,
html body.admin-lms-ui .sip-workspace {
  background: transparent !important;
  font-family: var(--sip-admin-font) !important;
}

@media (min-width: 1200px) {
  html body.admin-lms-ui .sip-workspace {
    margin-left: var(--sip-linear-sidebar) !important;
    padding-left: 0 !important;
  }
  html body.admin-lms-ui .sip-command-header {
    left: 0 !important;
    width: 100% !important;
  }
}
html body.admin-lms-ui .nk-sidebar.sip-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: var(--sip-linear-sidebar) !important;
  min-width: var(--sip-linear-sidebar) !important;
  height: 100vh !important;
  padding: 18px 14px 16px !important;
  border-right: 1px solid var(--sip-rail-line) !important;
  color: var(--sip-rail-text) !important;
  background: radial-gradient(circle at 20% -10%, rgba(45, 212, 191, 0.16), transparent 28rem), linear-gradient(180deg, var(--sip-rail-bg-2) 0%, var(--sip-rail-bg) 100%) !important;
  box-shadow: 18px 0 48px rgba(8, 12, 18, 0.18) !important;
}

html body.dark-mode.admin-lms-ui .nk-sidebar.sip-sidebar {
  background: radial-gradient(circle at 20% -10%, rgba(45, 212, 191, 0.16), transparent 28rem), linear-gradient(180deg, var(--sip-rail-bg-2) 0%, var(--sip-rail-bg) 100%) !important;
}

html body.admin-lms-ui .sip-command-header.nk-header {
  min-height: 64px !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  background: rgba(247, 248, 251, 0.78) !important;
  box-shadow: none !important;
}

html body.dark-mode.admin-lms-ui .sip-command-header.nk-header {
  background: rgba(14, 17, 23, 0.82) !important;
}

html body.admin-lms-ui .sip-command-header__bar {
  min-height: 64px !important;
  padding: 0 14px !important;
}

html body.admin-lms-ui .sip-command-header__search .admin-global-search__field {
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-command-header__search .admin-global-search__input {
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-page-shell.nk-content {
  padding: 0 !important;
  background: transparent !important;
}

html body.admin-lms-ui .sip-page-shell__container.container-fluid {
  max-width: 1440px !important;
  padding: 32px 34px 44px !important;
}

html body.admin-lms-ui .sip-surface-card {
  border-color: var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius) !important;
  background: var(--sip-linear-surface) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
}

html body.admin-lms-ui .sip-data-table th {
  border-color: var(--sip-linear-line) !important;
  color: var(--sip-linear-subtle) !important;
}

html body.admin-lms-ui .sip-data-table td {
  border-color: var(--sip-linear-line) !important;
  color: var(--sip-linear-text-soft) !important;
}

@media (max-width: 1199.98px) {
  html body.admin-lms-ui .sip-workspace {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  html body.admin-lms-ui .sip-command-header {
    left: 0 !important;
    width: 100% !important;
  }
  html body.admin-lms-ui .nk-sidebar.sip-sidebar {
    transform: translateX(-100%) !important;
  }
  html body.admin-lms-ui .nk-sidebar.sip-sidebar.nk-sidebar-active {
    transform: translateX(0) !important;
  }
}
@media (max-width: 767.98px) {
  html body.admin-lms-ui .sip-command-header__bar {
    padding: 14px 0 !important;
  }
  html body.admin-lms-ui .sip-page-shell__container.container-fluid {
    padding: 22px 14px 30px !important;
  }
}
/* Final Linear primitive sweep: legacy aliases, plugin widgets, native Bootstrap modals. */
html body.admin-lms-ui .nk-content-body .btn:not(.admin-toolbar-btn):not(.admin-row-actions__toggle):not(.btn-link):not(.close):not(.page-link),
html body.admin-lms-ui .admin-modal-pro__content .btn:not(.admin-toolbar-btn):not(.admin-row-actions__toggle):not(.btn-link):not(.close):not(.page-link) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  min-height: 2.35rem !important;
  border-radius: 10px !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .btn-info,
html body.admin-lms-ui .nk-content-body .btn-secondary,
html body.admin-lms-ui .nk-content-body .btn-outline-secondary,
html body.admin-lms-ui .admin-modal-pro__content .btn-info,
html body.admin-lms-ui .admin-modal-pro__content .btn-secondary,
html body.admin-lms-ui .admin-modal-pro__content .btn-outline-secondary {
  color: #374151 !important;
  background: var(--sip-linear-surface-solid) !important;
  border: 1px solid var(--sip-linear-line-strong) !important;
}

html body.admin-lms-ui .nk-content-body .btn-info:hover,
html body.admin-lms-ui .nk-content-body .btn-secondary:hover,
html body.admin-lms-ui .nk-content-body .btn-outline-secondary:hover,
html body.admin-lms-ui .admin-modal-pro__content .btn-info:hover,
html body.admin-lms-ui .admin-modal-pro__content .btn-secondary:hover,
html body.admin-lms-ui .admin-modal-pro__content .btn-outline-secondary:hover {
  color: var(--sip-linear-text) !important;
  background: #f7f8fb !important;
  border-color: #cfd5e2 !important;
}

html body.admin-lms-ui .nk-content-body .btn-danger,
html body.admin-lms-ui .admin-modal-pro__content .btn-danger,
html body.admin-lms-ui .nk-content-body .admin-file-upload__cancel,
html body.admin-lms-ui .nk-content-body .admin-file-upload__delete {
  color: var(--sip-linear-danger) !important;
  background: var(--sip-linear-danger-soft) !important;
  border: 1px solid rgba(180, 35, 24, 0.22) !important;
}

html body.admin-lms-ui .nk-content-body .btn-danger:hover,
html body.admin-lms-ui .admin-modal-pro__content .btn-danger:hover,
html body.admin-lms-ui .nk-content-body .admin-file-upload__cancel:hover,
html body.admin-lms-ui .nk-content-body .admin-file-upload__delete:hover {
  color: #991b1b !important;
  background: #ffe5e1 !important;
  border-color: rgba(180, 35, 24, 0.36) !important;
}

html body.admin-lms-ui .nk-content-body .badge,
html body.admin-lms-ui .nk-content-body .label,
html body.admin-lms-ui .admin-modal-pro__content .badge,
html body.admin-lms-ui .admin-modal-pro__content .label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.32em !important;
  padding: 0.28em 0.65em !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .nk-content-body .badge-success,
html body.admin-lms-ui .nk-content-body .label-success,
html body.admin-lms-ui .admin-modal-pro__content .badge-success,
html body.admin-lms-ui .admin-modal-pro__content .label-success {
  color: #15803d !important;
  background: #dcfce7 !important;
  border-color: rgba(34, 197, 94, 0.35) !important;
}

html body.admin-lms-ui .nk-content-body .badge-info,
html body.admin-lms-ui .nk-content-body .label-info,
html body.admin-lms-ui .admin-modal-pro__content .badge-info,
html body.admin-lms-ui .admin-modal-pro__content .label-info {
  color: #0369a1 !important;
  background: #e0f2fe !important;
  border-color: rgba(14, 165, 233, 0.35) !important;
}

html body.admin-lms-ui .nk-content-body .badge-warning,
html body.admin-lms-ui .nk-content-body .label-warning,
html body.admin-lms-ui .admin-modal-pro__content .badge-warning,
html body.admin-lms-ui .admin-modal-pro__content .label-warning {
  color: #b45309 !important;
  background: #fef3c7 !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
}

html body.admin-lms-ui .nk-content-body .badge-danger,
html body.admin-lms-ui .nk-content-body .label-danger,
html body.admin-lms-ui .admin-modal-pro__content .badge-danger,
html body.admin-lms-ui .admin-modal-pro__content .label-danger {
  color: #b91c1c !important;
  background: #fee2e2 !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .badge-success,
html body.dark-mode.admin-lms-ui .nk-content-body .label-success,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .badge-success,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .label-success {
  color: #86efac !important;
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(74, 222, 128, 0.28) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .badge-info,
html body.dark-mode.admin-lms-ui .nk-content-body .label-info,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .badge-info,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .label-info {
  color: #7dd3fc !important;
  background: rgba(14, 165, 233, 0.12) !important;
  border-color: rgba(56, 189, 248, 0.3) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .badge-warning,
html body.dark-mode.admin-lms-ui .nk-content-body .label-warning,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .badge-warning,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .label-warning {
  color: #fcd34d !important;
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(251, 191, 36, 0.28) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .badge-danger,
html body.dark-mode.admin-lms-ui .nk-content-body .label-danger,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .badge-danger,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .label-danger {
  color: #fca5a5 !important;
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(248, 113, 113, 0.28) !important;
}

html body.admin-lms-ui .nk-content-body .custom-select,
html body.admin-lms-ui .nk-content-body .input-group .form-control,
html body.admin-lms-ui .nk-content-body .vdp-datepicker input,
html body.admin-lms-ui .admin-modal-pro__content .custom-select,
html body.admin-lms-ui .admin-modal-pro__content .vdp-datepicker input {
  min-height: 2.375rem !important;
  border-color: var(--sip-linear-line-strong) !important;
  border-radius: 10px !important;
  color: var(--sip-linear-text) !important;
  background-color: var(--sip-linear-surface-solid) !important;
  font-size: 0.875rem !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .input-group {
  gap: 0.625rem !important;
  align-items: center !important;
}

html body.admin-lms-ui .nk-content-body .vdp-datepicker__calendar,
html body.admin-lms-ui .admin-modal-pro__content .vdp-datepicker__calendar {
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 14px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-shadow) !important;
  overflow: hidden !important;
}

html body.admin-lms-ui .nk-content-body .vdp-datepicker__calendar .cell.selected,
html body.admin-lms-ui .admin-modal-pro__content .vdp-datepicker__calendar .cell.selected {
  color: #fff !important;
  background: var(--sip-linear-accent) !important;
}

html body.admin-lms-ui .nk-content-body .radio,
html body.admin-lms-ui .nk-content-body .checkbox,
html body.admin-lms-ui .nk-content-body .admin-radio,
html body.admin-lms-ui .admin-modal-pro__content .radio,
html body.admin-lms-ui .admin-modal-pro__content .checkbox,
html body.admin-lms-ui .admin-modal-pro__content .admin-radio {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  margin: 0.45rem 0 !important;
  color: var(--sip-linear-text-soft) !important;
}

html body.admin-lms-ui .nk-content-body .radio input[type=radio],
html body.admin-lms-ui .nk-content-body .checkbox input[type=checkbox],
html body.admin-lms-ui .nk-content-body .admin-radio input[type=radio],
html body.admin-lms-ui .admin-modal-pro__content .radio input[type=radio],
html body.admin-lms-ui .admin-modal-pro__content .checkbox input[type=checkbox],
html body.admin-lms-ui .admin-modal-pro__content .admin-radio input[type=radio] {
  width: 1rem !important;
  height: 1rem !important;
  accent-color: var(--sip-linear-accent) !important;
}

html body.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content,
html body.admin-lms-ui .admin-modal-pro .modal-content.admin-modal-pro__content {
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius) !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-shadow) !important;
  overflow: hidden !important;
}

html body.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content .modal-header,
html body.admin-lms-ui .admin-modal-pro .modal-content.admin-modal-pro__content .modal-header {
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  background: linear-gradient(180deg, rgba(248, 249, 252, 0.92), rgba(255, 255, 255, 0.92)) !important;
}

html body.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content .modal-title,
html body.admin-lms-ui .admin-modal-pro .modal-content.admin-modal-pro__content .modal-title {
  color: var(--sip-linear-text) !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  letter-spacing: -0.03em !important;
}

html body.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content .modal-body,
html body.admin-lms-ui .admin-modal-pro .modal-content.admin-modal-pro__content .modal-body {
  padding: 1.25rem !important;
}

html body.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content .modal-footer,
html body.admin-lms-ui .admin-modal-pro .modal-content.admin-modal-pro__content .modal-footer {
  padding: 0.9rem 1.25rem !important;
  border-top: 1px solid var(--sip-linear-line) !important;
  background: #fafbff !important;
}

html body.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content .table:not(.admin-data-table) th,
html body.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content .table:not(.admin-data-table) td {
  padding: 0.55rem 0 !important;
  border-color: var(--sip-linear-line) !important;
  color: var(--sip-linear-text-soft) !important;
}

html body.admin-lms-ui .nk-content-body .admin-file-upload {
  display: grid !important;
  gap: 0.75rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-file-upload__native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-file-upload-progress.progress {
  height: 0.55rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: var(--sip-linear-accent-soft) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.admin-lms-ui .nk-content-body .admin-file-upload-progress__bar {
  background: linear-gradient(90deg, var(--sip-linear-accent), var(--sip-linear-accent-2)) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-file-upload__list {
  display: grid !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-file-upload__item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0.65rem 0.75rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 12px !important;
  background: #fbfcff !important;
}

html body.admin-lms-ui .nk-content-body .admin-file-upload__name {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 0 !important;
  color: var(--sip-linear-text-soft) !important;
  font-weight: 600 !important;
}

html body.admin-lms-ui .nk-content-body .admin-file-upload__delete,
html body.admin-lms-ui .nk-content-body .admin-file-upload__cancel {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.1rem !important;
  height: 2.1rem !important;
  min-width: 2.1rem !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .custom-select,
html body.dark-mode.admin-lms-ui .nk-content-body .input-group .form-control,
html body.dark-mode.admin-lms-ui .nk-content-body .vdp-datepicker input,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .custom-select,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .vdp-datepicker input,
html body.dark-mode.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content,
html body.dark-mode.admin-lms-ui .admin-modal-pro .modal-content.admin-modal-pro__content,
html body.dark-mode.admin-lms-ui .nk-content-body .vdp-datepicker__calendar,
html body.dark-mode.admin-lms-ui .admin-modal-pro__content .vdp-datepicker__calendar {
  color: var(--sip-linear-text) !important;
  background-color: var(--sip-linear-surface-solid) !important;
  border-color: var(--sip-linear-line-strong) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content .modal-header,
html body.dark-mode.admin-lms-ui .admin-modal-pro .modal-content.admin-modal-pro__content .modal-header,
html body.dark-mode.admin-lms-ui .nk-content-body .modal-content.admin-modal-pro__content .modal-footer,
html body.dark-mode.admin-lms-ui .admin-modal-pro .modal-content.admin-modal-pro__content .modal-footer,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-file-upload__item {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: var(--sip-linear-line) !important;
}

html body.admin-lms-ui .auth-saas__title--fallback {
  font-size: 1.25rem !important;
}

html body.admin-lms-ui .admin-legacy-header {
  border-bottom: 1px solid var(--sip-linear-line) !important;
  background: rgba(247, 248, 251, 0.78) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: none !important;
}

html body.admin-lms-ui .admin-legacy-header__nav {
  min-height: 64px !important;
  padding: 0 1rem !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .admin-legacy-header__brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

html body.admin-lms-ui .admin-legacy-header__sidebar-logo {
  max-height: 43px !important;
}

html body.admin-lms-ui .admin-legacy-header__main-logo {
  max-height: 37px !important;
}

html body.admin-lms-ui .admin-legacy-header__icon,
html body.admin-lms-ui .admin-legacy-header__avatar-toggle {
  display: inline-grid !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  place-items: center !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 999px !important;
  color: var(--sip-linear-text-soft) !important;
  background: var(--sip-linear-surface-solid) !important;
}

html body.admin-lms-ui .admin-legacy-header__avatar {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 999px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

html body.admin-lms-ui .admin-legacy-header__menu {
  min-width: 15rem !important;
  padding: 0.45rem !important;
}

html body.admin-lms-ui .admin-legacy-header__menu .link-list-opt a {
  display: flex !important;
  align-items: center !important;
  gap: 0.625rem !important;
  padding: 0.55rem 0.7rem !important;
  border-radius: 9px !important;
  color: var(--sip-linear-text-soft) !important;
  font-weight: 600 !important;
}

html body.admin-lms-ui .admin-legacy-header__menu .link-list-opt a:hover {
  color: var(--sip-linear-text) !important;
  background: var(--sip-linear-accent-soft) !important;
}

html body.admin-lms-ui .admin-legacy-header__profile {
  display: flex !important;
  gap: 0.75rem !important;
  padding: 0.75rem !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui .admin-legacy-header__profile-avatar {
  width: 2.6rem !important;
  height: 2.6rem !important;
  border-radius: 14px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

html body.admin-lms-ui .admin-legacy-header__profile h4,
html body.admin-lms-ui .admin-legacy-header__profile p {
  margin: 0 !important;
}

html body.admin-lms-ui .admin-legacy-header__profile h4 {
  color: var(--sip-linear-text) !important;
  font-size: 0.95rem !important;
  font-weight: 750 !important;
}

html body.admin-lms-ui .admin-legacy-header__profile p {
  margin-bottom: 0.6rem !important;
  color: var(--sip-linear-muted) !important;
  font-size: 0.78rem !important;
}

html body.admin-lms-ui .install-linear {
  min-height: 100vh !important;
  background: radial-gradient(circle at 48% -10%, rgba(104, 104, 247, 0.16), transparent 34rem), linear-gradient(180deg, var(--sip-linear-bg-top) 0%, var(--sip-linear-bg) 100%) !important;
}

html body.admin-lms-ui .install-linear .install-box.card {
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius) !important;
  background: var(--sip-linear-surface) !important;
  box-shadow: var(--sip-linear-shadow) !important;
  overflow: hidden !important;
}

html body.admin-lms-ui .install-linear__check.alert {
  padding: 0.45rem 0.55rem !important;
  border-radius: 10px !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
}

/* Final list/table polish - Linear reference alignment for admin index pages. */
html body.admin-lms-ui .nk-content-body .saas-page,
html body.admin-lms-ui .nk-content-body .admin-instance-page,
html body.admin-lms-ui .nk-content-body .admin-config-page {
  padding-bottom: 1.5rem !important;
}

html body.admin-lms-ui .nk-content-body .saas-hero.card-saas,
html body.admin-lms-ui .nk-content-body .admin-instance-page > .nk-block-head,
html body.admin-lms-ui .nk-content-body .admin-config-page > .nk-block-head,
html body.admin-lms-ui .nk-content-body .admin-linear-head {
  margin-bottom: 1rem !important;
  padding: 1rem 1.1rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius-sm) !important;
  background: radial-gradient(circle at top right, rgba(98, 92, 246, 0.09), transparent 24rem), var(--sip-linear-surface) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-page > .nk-block-head .nk-block-between,
html body.admin-lms-ui .nk-content-body .admin-config-page > .nk-block-head .nk-block-between,
html body.admin-lms-ui .nk-content-body .admin-linear-head {
  align-items: center !important;
  gap: 1rem !important;
}

html body.admin-lms-ui .nk-content-body .saas-hero__crumb,
html body.admin-lms-ui .nk-content-body .linear-eyebrow,
html body.admin-lms-ui .nk-content-body .admin-linear-head__eyebrow,
html body.admin-lms-ui .nk-content-body .admin-instance-card-head__hint,
html body.admin-lms-ui .nk-content-body .linear-section-head span,
html body.admin-lms-ui .nk-content-body .engagement-command-card span,
html body.admin-lms-ui .nk-content-body .people-command-card__label {
  color: var(--sip-linear-accent) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .nk-content-body .saas-hero__title,
html body.admin-lms-ui .nk-content-body .nk-block-title.page-title,
html body.admin-lms-ui .nk-content-body .admin-linear-head__title {
  margin: 0 !important;
  color: var(--sip-linear-text) !important;
  font-size: 1.32rem !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;
  text-transform: none !important;
}

html body.admin-lms-ui .nk-content-body .linear-page-copy,
html body.admin-lms-ui .nk-content-body .engagement-page__subtitle,
html body.admin-lms-ui .nk-content-body .people-page__subtitle,
html body.admin-lms-ui .nk-content-body .nk-block-des,
html body.admin-lms-ui .nk-content-body .admin-linear-head__description,
html body.admin-lms-ui .nk-content-body .admin-config-list-head__sub {
  margin-top: 0.35rem !important;
  color: var(--sip-linear-muted) !important;
  font-size: 0.8125rem !important;
  line-height: 1.55 !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-tools,
html body.admin-lms-ui .nk-content-body .linear-command-actions,
html body.admin-lms-ui .nk-content-body .engagement-page__actions,
html body.admin-lms-ui .nk-content-body .people-page__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
  margin: 0 !important;
}

html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn,
html body.admin-lms-ui .nk-content-body .admin-toolbar-btn {
  min-height: 2.15rem !important;
  padding: 0.42rem 0.78rem !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn--outline {
  color: var(--sip-linear-text-soft) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: var(--sip-linear-line) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn--outline:hover {
  color: var(--sip-linear-text) !important;
  background: var(--sip-linear-surface-solid) !important;
  border-color: var(--sip-linear-line-strong) !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn--solid {
  border-color: rgba(104, 104, 247, 0.45) !important;
  background: linear-gradient(145deg, var(--sip-linear-accent), var(--sip-linear-accent-2)) !important;
  box-shadow: 0 10px 22px rgba(104, 104, 247, 0.2) !important;
}

html body.admin-lms-ui .nk-content-body .engagement-command-grid,
html body.admin-lms-ui .nk-content-body .people-command-grid {
  gap: 0.75rem !important;
  margin: 0 0 1rem !important;
}

html body.admin-lms-ui .nk-content-body .engagement-command-card,
html body.admin-lms-ui .nk-content-body .people-command-card,
html body.admin-lms-ui .nk-content-body .admin-linear-stat {
  min-height: 5.9rem !important;
  padding: 0.9rem 1rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius-sm) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
}

html body.admin-lms-ui .nk-content-body .engagement-command-card strong,
html body.admin-lms-ui .nk-content-body .people-command-card strong,
html body.admin-lms-ui .nk-content-body .admin-linear-stat strong {
  color: var(--sip-linear-text) !important;
  font-size: 1.28rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card,
html body.admin-lms-ui .nk-content-body .linear-filter-card,
html body.admin-lms-ui .nk-content-body .engagement-filter-card,
html body.admin-lms-ui .nk-content-body .people-filter-card {
  margin-bottom: 1rem !important;
  padding: 0 !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-top: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius-sm) !important;
  background: var(--sip-linear-surface) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
  overflow: visible !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card .card-body,
html body.admin-lms-ui .nk-content-body .engagement-filter-card .card-body,
html body.admin-lms-ui .nk-content-body .people-filter-card .card-body {
  padding: 1rem 1.05rem 0.8rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-card-head,
html body.admin-lms-ui .nk-content-body .linear-section-head,
html body.admin-lms-ui .nk-content-body .card-saas__title {
  margin-bottom: 0.85rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-card-head__title,
html body.admin-lms-ui .nk-content-body .linear-section-head h4,
html body.admin-lms-ui .nk-content-body .card-saas__title,
html body.admin-lms-ui .nk-content-body .admin-config-list-head__title {
  margin: 0 !important;
  color: var(--sip-linear-text) !important;
  font-size: 0.94rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card .row,
html body.admin-lms-ui .nk-content-body .linear-filter-card .row,
html body.admin-lms-ui .nk-content-body .engagement-filter-card .row,
html body.admin-lms-ui .nk-content-body .people-filter-card .row {
  margin-right: -0.45rem !important;
  margin-left: -0.45rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card .row > [class*=col-],
html body.admin-lms-ui .nk-content-body .linear-filter-card .row > [class*=col-],
html body.admin-lms-ui .nk-content-body .engagement-filter-card .row > [class*=col-],
html body.admin-lms-ui .nk-content-body .people-filter-card .row > [class*=col-] {
  padding-right: 0.45rem !important;
  padding-left: 0.45rem !important;
}

html body.admin-lms-ui .nk-content-body .form-group {
  margin-bottom: 0.75rem !important;
}

html body.admin-lms-ui .nk-content-body label {
  color: var(--sip-linear-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .nk-content-body .form-control,
html body.admin-lms-ui .nk-content-body .custom-select,
html body.admin-lms-ui .nk-content-body select.form-control {
  min-height: 2.2rem !important;
  border-color: var(--sip-linear-line) !important;
  border-radius: 10px !important;
  color: var(--sip-linear-text-soft) !important;
  background-color: var(--sip-linear-surface-solid) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-list-table-card {
  margin-top: 1rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 15px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
  overflow: visible !important;
}

html body.admin-lms-ui .nk-content-body .admin-list-table-card .linear-section-head--table {
  margin: 0 !important;
  padding: 0.9rem 1rem !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui .nk-content-body .admin-list-table-card .table-responsive {
  border: 0 !important;
  border-radius: 15px !important;
  background: var(--sip-linear-surface-solid) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html body.admin-lms-ui .nk-content-body .admin-list-table-card .linear-section-head--table + .table-responsive {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table {
  min-width: 720px;
  border-collapse: collapse !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table--config-list thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table thead th .admin-th-sort {
  padding: 0.72rem 0.95rem !important;
  color: var(--sip-linear-subtle) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  background: linear-gradient(180deg, #fbfcff, #f7f8fc) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table tbody td,
html body.admin-lms-ui .nk-content-body .admin-config-list-card .admin-data-table--config-list tbody td {
  padding: 0.72rem 0.95rem !important;
  color: var(--sip-linear-text-soft) !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  background: var(--sip-linear-surface-solid) !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td {
  background: #fafbff !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

html body.admin-lms-ui .nk-content-body .people-table__primary,
html body.admin-lms-ui .nk-content-body .engagement-table__primary,
html body.admin-lms-ui .nk-content-body .linear-table-primary,
html body.admin-lms-ui .nk-content-body .admin-linear-primary,
html body.admin-lms-ui .nk-content-body .admin-data-table tbody td:first-child > span:first-child {
  color: var(--sip-linear-text) !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
}

html body.admin-lms-ui .nk-content-body .people-table__meta,
html body.admin-lms-ui .nk-content-body .engagement-table__meta,
html body.admin-lms-ui .nk-content-body .people-table__email,
html body.admin-lms-ui .nk-content-body .people-table__date,
html body.admin-lms-ui .nk-content-body .engagement-table__muted,
html body.admin-lms-ui .nk-content-body .linear-table-muted,
html body.admin-lms-ui .nk-content-body .linear-table-truncate,
html body.admin-lms-ui .nk-content-body .admin-data-table small,
html body.admin-lms-ui .nk-content-body .admin-data-table .text-soft {
  color: var(--sip-linear-muted) !important;
  font-size: 0.76rem !important;
}

html body.admin-lms-ui .nk-content-body .linear-table-truncate,
html body.admin-lms-ui .nk-content-body .engagement-table__subject,
html body.admin-lms-ui .nk-content-body .linear-table-description {
  display: block !important;
  max-width: 28rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .nk-content-body .admin-status-badge,
html body.admin-lms-ui .nk-content-body .admin-data-table .admin-status-badge,
html body.admin-lms-ui .nk-content-body .linear-pill,
html body.admin-lms-ui .nk-content-body .admin-instance-meta__code,
html body.admin-lms-ui .nk-content-body .linear-mono {
  display: inline-flex !important;
  align-items: center !important;
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 1.45rem !important;
  padding: 0.22rem 0.58rem !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .nk-content-body .admin-status-badge--success {
  color: var(--sip-linear-good) !important;
  background: var(--sip-linear-good-soft) !important;
  border-color: rgba(17, 132, 91, 0.18) !important;
}

html body.admin-lms-ui .nk-content-body .admin-status-badge--info {
  color: #4f46e5 !important;
  background: var(--sip-linear-accent-soft) !important;
  border-color: rgba(98, 92, 246, 0.18) !important;
}

html body.admin-lms-ui .nk-content-body .admin-status-badge--warning {
  color: var(--sip-linear-warn) !important;
  background: var(--sip-linear-warn-soft) !important;
  border-color: rgba(154, 91, 0, 0.18) !important;
}

html body.admin-lms-ui .nk-content-body .admin-status-badge--danger {
  color: var(--sip-linear-danger) !important;
  background: var(--sip-linear-danger-soft) !important;
  border-color: rgba(180, 35, 24, 0.18) !important;
}

html body.admin-lms-ui .nk-content-body .admin-status-badge--stack {
  margin-left: 0.3rem !important;
}

html body.admin-lms-ui .nk-content-body .linear-pill,
html body.admin-lms-ui .nk-content-body .admin-instance-meta__code,
html body.admin-lms-ui .nk-content-body .linear-mono {
  color: var(--sip-linear-muted) !important;
  background: #f0f2f7 !important;
  border-color: rgba(103, 112, 133, 0.14) !important;
  font-family: inherit !important;
  text-transform: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-table-actions-cell {
  width: 1% !important;
  min-width: 3.75rem !important;
  padding-right: 0.8rem !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html body.admin-lms-ui .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle,
html body.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle {
  display: inline-grid !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 999px !important;
  color: var(--sip-linear-muted) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:hover,
html body.admin-lms-ui .nk-content-body .admin-row-actions--icon-only.show > .dropdown-toggle.admin-row-actions__toggle {
  color: var(--sip-linear-text) !important;
  border-color: var(--sip-linear-line-strong) !important;
  background: var(--sip-linear-surface-solid) !important;
}

html body.admin-lms-ui .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu,
html body.admin-lms-ui #root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu {
  z-index: 1080 !important;
  min-width: 13.25rem !important;
  border-radius: 13px !important;
}

html body.admin-lms-ui .nk-content-body .admin-table-pagination-wrap {
  padding: 0.72rem 0.95rem !important;
  border-top: 1px solid var(--sip-linear-line) !important;
  border-bottom-right-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  background: #fbfcff !important;
}

html body.admin-lms-ui .nk-content-body .admin-empty-state.admin-list-table-card {
  margin-top: 1rem !important;
  border-style: dashed !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

html body.admin-lms-ui .nk-content-body .admin-empty-state__inner {
  padding: 2rem 1.5rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-empty-state__icon-wrap {
  border-radius: var(--sip-linear-radius-sm) !important;
  background: var(--sip-linear-accent-soft) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .saas-hero.card-saas,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-instance-page > .nk-block-head,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-config-page > .nk-block-head,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-linear-head,
html body.dark-mode.admin-lms-ui .nk-content-body .engagement-command-card,
html body.dark-mode.admin-lms-ui .nk-content-body .people-command-card,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-linear-stat,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-instance-form-card,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-filter-card,
html body.dark-mode.admin-lms-ui .nk-content-body .engagement-filter-card,
html body.dark-mode.admin-lms-ui .nk-content-body .people-filter-card,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-list-table-card {
  background: var(--sip-linear-surface) !important;
  border-color: var(--sip-linear-line) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .admin-list-table-card .table-responsive,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody td {
  background: var(--sip-linear-surface-solid) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table thead th,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table--config-list thead th,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table thead th .admin-th-sort {
  background: #171b25 !important;
  border-color: var(--sip-linear-line) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.035) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .admin-table-pagination-wrap {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: var(--sip-linear-line) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .linear-pill,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-instance-meta__code,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-mono {
  color: var(--sip-linear-muted) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--sip-linear-line-strong) !important;
}

@media (max-width: 767.98px) {
  html body.admin-lms-ui .nk-content-body .saas-hero.card-saas,
  html body.admin-lms-ui .nk-content-body .admin-instance-page > .nk-block-head,
  html body.admin-lms-ui .nk-content-body .admin-config-page > .nk-block-head,
  html body.admin-lms-ui .nk-content-body .admin-linear-head {
    padding: 0.9rem !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-instance-page > .nk-block-head .nk-block-between,
  html body.admin-lms-ui .nk-content-body .admin-config-page > .nk-block-head .nk-block-between,
  html body.admin-lms-ui .nk-content-body .saas-hero.card-saas,
  html body.admin-lms-ui .nk-content-body .admin-linear-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  html body.admin-lms-ui .nk-content-body .nk-block-tools,
  html body.admin-lms-ui .nk-content-body .linear-command-actions,
  html body.admin-lms-ui .nk-content-body .engagement-page__actions,
  html body.admin-lms-ui .nk-content-body .people-page__actions {
    justify-content: flex-start !important;
    width: 100% !important;
  }
  html body.admin-lms-ui .nk-content-body .engagement-command-grid,
  html body.admin-lms-ui .nk-content-body .people-command-grid {
    grid-template-columns: 1fr !important;
  }
}
/* Global Linear admin primitives: final typography, gutters and table polish. */
html body.admin-lms-ui,
html body.admin-lms-ui .nk-app-root,
html body.admin-lms-ui #root,
html body.admin-lms-ui .nk-main,
html body.admin-lms-ui .nk-wrap,
html body.admin-lms-ui .nk-content,
html body.admin-lms-ui .nk-content-body,
html body.admin-lms-ui button,
html body.admin-lms-ui input,
html body.admin-lms-ui select,
html body.admin-lms-ui textarea,
html body.admin-lms-ui .btn,
html body.admin-lms-ui .form-control,
html body.admin-lms-ui .custom-select,
html body.admin-lms-ui .dropdown-menu,
html body.admin-lms-ui .table {
  font-family: var(--sip-admin-font) !important;
}

html body.admin-lms-ui .sip-page-shell__container.container-fluid,
html body.admin-lms-ui .admin-saas-content .container-fluid {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: var(--sip-page-gutter-y) var(--sip-page-gutter-x) calc(var(--sip-page-gutter-y) + 0.75rem) !important;
}

html body.admin-lms-ui .sip-command-header__container.container-fluid,
html body.admin-lms-ui .admin-saas-header .container-fluid,
html body.admin-lms-ui .sip-footer .container-fluid,
html body.admin-lms-ui .admin-saas-footer .container-fluid {
  max-width: var(--sip-content-max) !important;
  padding-left: var(--sip-page-gutter-x) !important;
  padding-right: var(--sip-page-gutter-x) !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-head {
  margin-bottom: 1rem !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-title.page-title,
html body.admin-lms-ui .nk-content-body h1,
html body.admin-lms-ui .nk-content-body h2,
html body.admin-lms-ui .nk-content-body h3.page-title,
html body.admin-lms-ui .nk-content-body .card-title {
  letter-spacing: normal !important;
}

html body.admin-lms-ui .nk-content-body .table-responsive,
html body.admin-lms-ui .nk-content-body .saas-table-wrap,
html body.admin-lms-ui .nk-content-body .dash-table-wrap,
html body.admin-lms-ui .sip-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 14px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
}

html body.admin-lms-ui .nk-content-body .table,
html body.admin-lms-ui .nk-content-body .admin-data-table,
html body.admin-lms-ui .nk-content-body .dash-table,
html body.admin-lms-ui .sip-data-table {
  width: 100% !important;
  min-width: var(--sip-table-min-width) !important;
  margin-bottom: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--sip-linear-text-soft) !important;
  font-size: 0.875rem !important;
}

html body.admin-lms-ui .nk-content-body .table thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table thead th,
html body.admin-lms-ui .nk-content-body .dash-table thead th,
html body.admin-lms-ui .sip-data-table th {
  padding: var(--sip-table-cell-y) var(--sip-table-cell-x) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  color: var(--sip-linear-muted) !important;
  background: linear-gradient(180deg, #fbfcff, #f6f8fb) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui .nk-content-body .table tbody td,
html body.admin-lms-ui .nk-content-body .admin-data-table tbody td,
html body.admin-lms-ui .nk-content-body .dash-table tbody td,
html body.admin-lms-ui .sip-data-table td {
  padding: var(--sip-table-cell-y) var(--sip-table-cell-x) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  color: var(--sip-linear-text-soft) !important;
  background: var(--sip-linear-surface-solid) !important;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui .nk-content-body .table tbody tr:hover td,
html body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td,
html body.admin-lms-ui .nk-content-body .dash-table tbody tr:hover td,
html body.admin-lms-ui .sip-data-table tbody tr:hover {
  background: #fafbff !important;
}

html body.admin-lms-ui .nk-content-body .table tbody tr:last-child td,
html body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:last-child td,
html body.admin-lms-ui .nk-content-body .dash-table tbody tr:last-child td,
html body.admin-lms-ui .sip-data-table tr:last-child td {
  border-bottom: 0 !important;
}

html body.admin-lms-ui .nk-content-body .admin-table-actions-cell {
  width: 1% !important;
  padding-left: 0.75rem !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort {
  color: var(--sip-linear-muted) !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort__inner {
  gap: 0.35rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort__icons {
  opacity: 0.42 !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort:hover,
html body.admin-lms-ui .nk-content-body .admin-th-sort.is-active {
  color: var(--sip-linear-text) !important;
}

html body.admin-lms-ui .nk-content-body .admin-th-sort:hover .admin-th-sort__icons,
html body.admin-lms-ui .nk-content-body .admin-th-sort.is-active .admin-th-sort__icons {
  color: var(--sip-linear-accent) !important;
}

html body.admin-lms-ui .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle,
html body.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
  color: var(--sip-linear-muted) !important;
  background: #f8fafc !important;
  border-color: var(--sip-linear-line) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:hover,
html body.admin-lms-ui .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:focus,
html body.admin-lms-ui .nk-content-body .admin-row-actions--icon-only.show > .dropdown-toggle.admin-row-actions__toggle {
  color: var(--sip-linear-text) !important;
  background: var(--sip-linear-accent-soft) !important;
  border-color: rgba(98, 92, 246, 0.24) !important;
}

html body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel {
  min-width: 10.5rem !important;
  padding: 0.35rem !important;
  border-color: var(--sip-linear-line) !important;
  border-radius: 12px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-shadow) !important;
}

html body.admin-lms-ui .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu,
html body.admin-lms-ui #root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu {
  min-width: 10.5rem !important;
  padding: 0.35rem !important;
  border-color: var(--sip-linear-line) !important;
  border-radius: 12px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-shadow) !important;
}

/* Real admin dashboard reset: ink rail sidebar + Manrope type. */
html body.admin-lms-ui {
  --sip-linear-sidebar: 268px;
  --sip-content-max: none;
  --sip-page-gutter-x: 1.5rem;
  --sip-page-gutter-y: 1.25rem;
  --sip-admin-font: Arial, Helvetica, "Segoe UI", sans-serif;
  background: var(--sip-linear-bg) !important;
  font-family: var(--sip-admin-font) !important;
}

html body.admin-lms-ui::before {
  display: none !important;
}

html body.admin-lms-ui,
html body.admin-lms-ui #root,
html body.admin-lms-ui .sip-shell,
html body.admin-lms-ui .sip-workspace,
html body.admin-lms-ui .nk-wrap,
html body.admin-lms-ui .nk-content-body,
html body.admin-lms-ui .sip-command-header,
html body.admin-lms-ui button,
html body.admin-lms-ui input,
html body.admin-lms-ui select,
html body.admin-lms-ui textarea {
  font-family: var(--sip-admin-font) !important;
}

html body.admin-lms-ui .sip-workspace {
  margin-left: var(--sip-linear-sidebar) !important;
}

html body.admin-lms-ui .sip-sidebar {
  width: var(--sip-linear-sidebar) !important;
  padding: 18px 14px 16px !important;
  color: var(--sip-rail-text) !important;
  background: radial-gradient(circle at 20% -10%, rgba(45, 212, 191, 0.16), transparent 28rem), linear-gradient(180deg, var(--sip-rail-bg-2) 0%, var(--sip-rail-bg) 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 18px 0 48px rgba(8, 12, 18, 0.18) !important;
}

html body.admin-lms-ui .sip-sidebar__head {
  min-height: 56px !important;
  margin-bottom: 16px !important;
  padding: 4px 4px 16px !important;
  border-bottom: 1px solid var(--sip-rail-line) !important;
}

html body.admin-lms-ui .sip-brand,
html body.admin-lms-ui .sip-brand__copy strong {
  color: #ffffff !important;
}

html body.admin-lms-ui .sip-brand__copy small {
  color: var(--sip-rail-soft) !important;
}

html body.admin-lms-ui .sip-brand__mark {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  color: #06251f !important;
  background: linear-gradient(145deg, #5eead4, #2dd4bf) !important;
  box-shadow: 0 12px 28px rgba(45, 212, 191, 0.28) !important;
}

html body.admin-lms-ui .sip-sidebar-nav__group + .sip-sidebar-nav__group {
  margin-top: 18px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html body.admin-lms-ui .sip-sidebar-nav__label {
  margin: 0 10px 8px !important;
  color: var(--sip-rail-soft) !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.14em !important;
}

html body.admin-lms-ui .sip-sidebar-nav__item {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 44px !important;
  gap: 10px !important;
  padding: 0 10px 0 6px !important;
  border-radius: 14px !important;
  color: var(--sip-rail-muted) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

html body.admin-lms-ui .sip-sidebar-nav__item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
}

html body.admin-lms-ui .sip-sidebar-nav__item.router-link-active,
html body.admin-lms-ui .sip-sidebar-nav__item.is-active {
  border-color: rgba(45, 212, 191, 0.22) !important;
  color: #ffffff !important;
  background: linear-gradient(90deg, rgba(45, 212, 191, 0.18), rgba(255, 255, 255, 0.04)) !important;
  box-shadow: inset 0 0 0 1px rgba(45, 212, 191, 0.08) !important;
}

html body.admin-lms-ui .sip-sidebar-nav__item.router-link-active::before,
html body.admin-lms-ui .sip-sidebar-nav__item.is-active::before {
  top: 50% !important;
  left: 0 !important;
  height: 20px !important;
  background: var(--sip-rail-accent) !important;
  transform: translateY(-50%) !important;
}

html body.admin-lms-ui .sip-sidebar-nav__icon {
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  border-radius: 11px !important;
  color: #a9b5c9 !important;
  font-size: 15px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

html body.admin-lms-ui .sip-sidebar-nav__item:hover .sip-sidebar-nav__icon {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

html body.admin-lms-ui .sip-sidebar-nav__item.router-link-active .sip-sidebar-nav__icon,
html body.admin-lms-ui .sip-sidebar-nav__item.is-active .sip-sidebar-nav__icon {
  color: #042f2e !important;
  background: linear-gradient(145deg, #5eead4, #2dd4bf) !important;
  box-shadow: 0 10px 20px rgba(45, 212, 191, 0.28) !important;
}

html body.admin-lms-ui .sip-sidebar-nav__icon .icon,
html body.admin-lms-ui .sip-sidebar-nav__icon .icon::before {
  font-family: uicons-regular-rounded !important;
  line-height: 1 !important;
}

html body.admin-lms-ui .sip-sidebar-nav__dot,
html body.admin-lms-ui .sip-command-header__dot {
  display: none !important;
}

html body.admin-lms-ui .sip-sidebar-nav__meta,
html body.admin-lms-ui .sip-sidebar-nav__meta--count,
html body.admin-lms-ui .sip-sidebar-nav__meta--kbd {
  margin-left: 0 !important;
  border: 0 !important;
  color: #d7deea !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

html body.admin-lms-ui .sip-sidebar-nav__item.router-link-active .sip-sidebar-nav__meta--count,
html body.admin-lms-ui .sip-sidebar-nav__item.is-active .sip-sidebar-nav__meta--count {
  color: #042f2e !important;
  background: rgba(255, 255, 255, 0.82) !important;
}

html body.admin-lms-ui .sip-sidebar__foot {
  gap: 10px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--sip-rail-line) !important;
}

html body.admin-lms-ui .sip-sidebar-status,
html body.admin-lms-ui .sip-sidebar-panel,
html body.admin-lms-ui .sip-sidebar-user {
  border: 1px solid var(--sip-rail-line) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-sidebar-user {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
}

html body.admin-lms-ui .sip-sidebar-user__avatar {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border-radius: 13px !important;
  color: #042f2e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  background: linear-gradient(145deg, #5eead4, #2dd4bf) !important;
}

html body.admin-lms-ui .sip-sidebar-user__name {
  color: #ffffff !important;
}

html body.admin-lms-ui .sip-sidebar-user__email,
html body.admin-lms-ui .sip-sidebar-status__row--muted {
  color: var(--sip-rail-soft) !important;
}

html body.admin-lms-ui .sip-command-header {
  left: 0 !important;
  width: 100% !important;
  min-height: 60px !important;
  background: var(--sip-linear-surface-solid) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin-lms-ui .sip-command-header__container.container-fluid {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: var(--sip-page-gutter-x) !important;
  padding-left: var(--sip-page-gutter-x) !important;
}

html body.admin-lms-ui .sip-command-header__bar {
  min-height: 60px !important;
  padding: 0 !important;
}

html body.admin-lms-ui .sip-command-header__search {
  max-width: 520px !important;
  height: 38px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-command-header__search:hover,
html body.admin-lms-ui .sip-command-header__search:focus-within {
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-page-shell__container.container-fluid {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: var(--sip-page-gutter-y) var(--sip-page-gutter-x) 2rem !important;
}

html body.admin-lms-ui .sip-page-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}

html body.admin-lms-ui .sip-page-head h1 {
  margin-top: 0.35rem !important;
  font-size: clamp(1.5rem, 2vw, 1.75rem) !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}

html body.admin-lms-ui .sip-page-head p {
  max-width: 640px !important;
  margin-top: 0.35rem !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

html body.admin-lms-ui .sip-page-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.15rem;
}

html body.admin-lms-ui .sip-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

html body.admin-lms-ui .sip-metric-card {
  padding: 1rem !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-metric-card span,
html body.admin-lms-ui .sip-metric-card small {
  display: block;
  color: var(--sip-linear-muted);
}

html body.admin-lms-ui .sip-metric-card span {
  font-size: 0.75rem;
  font-weight: 700;
}

html body.admin-lms-ui .sip-metric-card strong {
  display: block;
  margin-top: 0.35rem;
  color: var(--sip-linear-text);
  font-size: 1.65rem;
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

html body.admin-lms-ui .sip-metric-card small {
  margin-top: 0.4rem;
  font-size: 0.75rem;
}

html body.admin-lms-ui .sip-metric-card--good {
  border-color: rgba(17, 132, 91, 0.22) !important;
}

html body.admin-lms-ui .sip-metric-card--warn {
  border-color: rgba(154, 91, 0, 0.24) !important;
}

html body.admin-lms-ui .sip-metric-card--info {
  border-color: rgba(98, 92, 246, 0.22) !important;
}

html body.admin-lms-ui .sip-content-grid {
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}

html body.admin-lms-ui .sip-bottom-grid {
  gap: 1rem !important;
}

html body.admin-lms-ui .sip-support-column {
  gap: 1rem !important;
}

html body.admin-lms-ui .sip-surface-card {
  border-radius: 14px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-table-panel,
html body.admin-lms-ui .sip-activity-panel,
html body.admin-lms-ui .sip-todo-panel,
html body.admin-lms-ui .sip-chart-card,
html body.admin-lms-ui .sip-empty-state {
  padding: 1rem !important;
}

html body.admin-lms-ui .sip-support-panel,
html body.admin-lms-ui .sip-subscriber-card {
  padding: 1rem !important;
}

html body.admin-lms-ui .sip-section-head {
  min-height: 0 !important;
  margin-bottom: 0.875rem !important;
}

html body.admin-lms-ui .sip-section-head--with-actions {
  align-items: center !important;
}

html body.admin-lms-ui .sip-section-head h2 {
  margin-top: 0.25rem !important;
  font-size: 1rem !important;
  letter-spacing: normal !important;
}

html body.admin-lms-ui .sip-support-card--summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.75rem;
}

html body.admin-lms-ui .sip-support-card--summary .sip-pill {
  margin-bottom: 0.65rem;
}

html body.admin-lms-ui .sip-chart-wrap {
  height: 210px !important;
}

@media (max-width: 1199.98px) {
  html body.admin-lms-ui .sip-workspace {
    margin-left: 0 !important;
  }
  html body.admin-lms-ui .sip-command-header {
    left: 0 !important;
  }
  html body.admin-lms-ui .sip-content-grid,
  html body.admin-lms-ui .sip-bottom-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 991.98px) {
  html body.admin-lms-ui .sip-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  html body.admin-lms-ui {
    --sip-page-gutter-x: 1rem;
    --sip-page-gutter-y: 1rem;
  }
  html body.admin-lms-ui .sip-command-header__bar {
    flex-wrap: nowrap !important;
    padding: 0 !important;
  }
  html body.admin-lms-ui .sip-command-header__search {
    order: initial !important;
    flex-basis: auto !important;
    min-width: 0 !important;
  }
  html body.admin-lms-ui .sip-page-head {
    flex-direction: column !important;
  }
  html body.admin-lms-ui .sip-page-actions {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 520px) {
  html body.admin-lms-ui .sip-metric-grid {
    grid-template-columns: 1fr;
  }
  html body.admin-lms-ui .sip-page-actions {
    flex-wrap: wrap;
  }
  html body.admin-lms-ui .sip-command-header__actions {
    display: none !important;
  }
}
html body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item,
html body.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button {
  margin: 0 !important;
  padding: 0.5rem 0.65rem !important;
  border-radius: 9px !important;
  color: var(--sip-linear-text-soft) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
}

html body.admin-lms-ui .nk-content-body .admin-list-table-card .table-responsive {
  border: 0 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record {
  align-items: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0.9rem 0 0 !important;
  row-gap: 0.75rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages,
html body.admin-lms-ui .nk-content-body .admin-pagination-record__length {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.admin-lms-ui .nk-content-body .pagination {
  flex-wrap: wrap !important;
  gap: 0.25rem !important;
  margin-bottom: 0 !important;
}

html body.admin-lms-ui .nk-content-body .pagination .page-link {
  min-width: 2rem !important;
  height: 2rem !important;
  margin: 0 !important;
  border-color: var(--sip-linear-line) !important;
  color: var(--sip-linear-text-soft) !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .pagination .page-item.active .page-link {
  border-color: var(--sip-linear-accent) !important;
  background: var(--sip-linear-accent) !important;
  color: #ffffff !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__select {
  min-width: 8.25rem !important;
  height: 2.125rem !important;
  min-height: 2.125rem !important;
  border-radius: 999px !important;
  font-size: 0.8125rem !important;
}

html body.admin-lms-ui .nk-content-body .form-control,
html body.admin-lms-ui .nk-content-body .custom-select,
html body.admin-lms-ui .admin-modal-pro__content .form-control,
html body.admin-lms-ui .admin-modal-pro__content .custom-select {
  border-color: var(--sip-linear-line-strong) !important;
  color: var(--sip-linear-text) !important;
  font-size: 0.875rem !important;
  letter-spacing: normal !important;
}

html body.admin-lms-ui .nk-content-body .badge,
html body.admin-lms-ui .nk-content-body .label,
html body.admin-lms-ui .nk-content-body .admin-status-badge {
  letter-spacing: 0.03em !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .table-responsive,
html body.dark-mode.admin-lms-ui .nk-content-body .saas-table-wrap,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-table-wrap,
html body.dark-mode.admin-lms-ui .sip-table-wrap,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel {
  border-color: var(--sip-linear-line) !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: none !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .table thead th,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table thead th,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-table thead th,
html body.dark-mode.admin-lms-ui .sip-data-table th {
  border-color: var(--sip-linear-line) !important;
  color: var(--sip-linear-muted) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .table tbody td,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody td,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-table tbody td,
html body.dark-mode.admin-lms-ui .sip-data-table td {
  border-color: var(--sip-linear-line) !important;
  color: var(--sip-linear-text-soft) !important;
  background: var(--sip-linear-surface-solid) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .table tbody tr:hover td,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td,
html body.dark-mode.admin-lms-ui .nk-content-body .dash-table tbody tr:hover td,
html body.dark-mode.admin-lms-ui .sip-data-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

@media (min-width: 1200px) {
  html body.admin-lms-ui {
    --sip-page-gutter-x: 1.5rem;
    --sip-page-gutter-y: 1.65rem;
  }
}
@media (max-width: 991.98px) {
  html body.admin-lms-ui {
    --sip-page-gutter-x: 1rem;
    --sip-page-gutter-y: 1.15rem;
  }
}
@media (max-width: 575.98px) {
  html body.admin-lms-ui {
    --sip-page-gutter-x: 0.75rem;
    --sip-page-gutter-y: 0.95rem;
    --sip-table-cell-x: 0.8rem;
    --sip-table-cell-y: 0.65rem;
  }
  html body.admin-lms-ui .sip-page-shell__container.container-fluid,
  html body.admin-lms-ui .admin-saas-content .container-fluid {
    padding-top: var(--sip-page-gutter-y) !important;
    padding-bottom: 1.25rem !important;
  }
}
/* Internal detail/edit/form pages: Linear surface polish. */
html body.admin-lms-ui .nk-content-body .admin-instance-page,
html body.admin-lms-ui .nk-content-body .linear-admin-workflow,
html body.admin-lms-ui .nk-content-body .message-command-page,
html body.admin-lms-ui .nk-content-body .profile-command-page,
html body.admin-lms-ui .nk-content-body .linear-page {
  color: var(--sip-linear-text) !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-page .nk-block-head,
html body.admin-lms-ui .nk-content-body .linear-admin-workflow .saas-hero,
html body.admin-lms-ui .nk-content-body .message-command-page .saas-hero,
html body.admin-lms-ui .nk-content-body .profile-command-page .saas-hero,
html body.admin-lms-ui .nk-content-body .linear-page .linear-hero {
  margin-bottom: 1.25rem !important;
  padding: 1.2rem 1.3rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius) !important;
  background: radial-gradient(circle at top right, rgba(98, 92, 246, 0.12), transparent 26rem), var(--sip-linear-surface) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-page .page-title,
html body.admin-lms-ui .nk-content-body .linear-admin-workflow .saas-hero__title,
html body.admin-lms-ui .nk-content-body .message-command-page .saas-hero__title,
html body.admin-lms-ui .nk-content-body .profile-command-page .saas-hero__title,
html body.admin-lms-ui .nk-content-body .linear-page .linear-hero h1 {
  color: var(--sip-linear-text) !important;
  font-size: clamp(1.65rem, 3.4vw, 2.65rem) !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-page .nk-block-des,
html body.admin-lms-ui .nk-content-body .admin-instance-page__intro-meta,
html body.admin-lms-ui .nk-content-body .linear-page-copy,
html body.admin-lms-ui .nk-content-body .message-command-hero__subtitle,
html body.admin-lms-ui .nk-content-body .profile-command-hero__subtitle,
html body.admin-lms-ui .nk-content-body .linear-copy {
  color: var(--sip-linear-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
}

html body.admin-lms-ui .nk-content-body .saas-hero__crumb,
html body.admin-lms-ui .nk-content-body .linear-kicker,
html body.admin-lms-ui .nk-content-body .linear-eyebrow,
html body.admin-lms-ui .nk-content-body .linear-label,
html body.admin-lms-ui .nk-content-body .linear-section-head span,
html body.admin-lms-ui .nk-content-body .linear-fields-note span {
  color: var(--sip-linear-accent) !important;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-hero-card,
html body.admin-lms-ui .nk-content-body .admin-instance-form-card,
html body.admin-lms-ui .nk-content-body .admin-plan-form-card,
html body.admin-lms-ui .nk-content-body .admin-plan-price-card,
html body.admin-lms-ui .nk-content-body .linear-admin-panel,
html body.admin-lms-ui .nk-content-body .message-command-layout,
html body.admin-lms-ui .nk-content-body .message-detail-card,
html body.admin-lms-ui .nk-content-body .message-reply-card,
html body.admin-lms-ui .nk-content-body .admin-user-profile-card,
html body.admin-lms-ui .nk-content-body .linear-card,
html body.admin-lms-ui .nk-content-body .linear-command-card,
html body.admin-lms-ui .nk-content-body .linear-avatar-shell,
html body.admin-lms-ui .nk-content-body .linear-fields-note {
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius) !important;
  background: var(--sip-linear-surface) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-hero-card,
html body.admin-lms-ui .nk-content-body .admin-instance-form-card,
html body.admin-lms-ui .nk-content-body .admin-plan-price-card {
  border-top: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui .nk-content-body .admin-plan-form-card__body,
html body.admin-lms-ui .nk-content-body .admin-instance-hero-card .card-body,
html body.admin-lms-ui .nk-content-body .admin-instance-form-card .card-body,
html body.admin-lms-ui .nk-content-body .linear-admin-panel,
html body.admin-lms-ui .nk-content-body .admin-user-form-inner,
html body.admin-lms-ui .nk-content-body .linear-card {
  padding: 1.15rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-card-head,
html body.admin-lms-ui .nk-content-body .linear-section-head,
html body.admin-lms-ui .nk-content-body .linear-card__head,
html body.admin-lms-ui .nk-content-body .admin-user-form-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  min-height: 2.125rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-card-head__title,
html body.admin-lms-ui .nk-content-body .admin-plan-price-card__title,
html body.admin-lms-ui .nk-content-body .linear-section-head h4,
html body.admin-lms-ui .nk-content-body .linear-card__head h2,
html body.admin-lms-ui .nk-content-body .admin-user-section-title,
html body.admin-lms-ui .nk-content-body .card-saas__title {
  margin: 0.22rem 0 0 !important;
  color: var(--sip-linear-text) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
}

html body.admin-lms-ui .nk-content-body .admin-user-section-title {
  padding-left: 0 !important;
}

html body.admin-lms-ui .nk-content-body .admin-user-section-title::before {
  display: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-card-head__hint {
  margin-top: 0.35rem !important;
  color: var(--sip-linear-muted) !important;
  font-size: 0.8125rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card .form-group,
html body.admin-lms-ui .nk-content-body .admin-plan-form .form-group,
html body.admin-lms-ui .nk-content-body .linear-admin-form .form-group,
html body.admin-lms-ui .nk-content-body .linear-todo-form .form-group,
html body.admin-lms-ui .nk-content-body .message-compose-form .form-group,
html body.admin-lms-ui .nk-content-body .message-detail-main form .form-group,
html body.admin-lms-ui .nk-content-body .profile-command-page form .form-group,
html body.admin-lms-ui .nk-content-body .linear-page form .form-group {
  display: grid !important;
  gap: 0.42rem !important;
  margin-bottom: 0.95rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card label,
html body.admin-lms-ui .nk-content-body .admin-plan-form .form-group label,
html body.admin-lms-ui .nk-content-body .linear-admin-form label,
html body.admin-lms-ui .nk-content-body .linear-todo-form label,
html body.admin-lms-ui .nk-content-body .message-compose-form label,
html body.admin-lms-ui .nk-content-body .message-detail-main form label,
html body.admin-lms-ui .nk-content-body .profile-command-page form label,
html body.admin-lms-ui .nk-content-body .linear-page form label {
  margin: 0 !important;
  color: var(--sip-linear-muted) !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card .form-control,
html body.admin-lms-ui .nk-content-body .admin-instance-form-card select,
html body.admin-lms-ui .nk-content-body .admin-instance-form-card textarea,
html body.admin-lms-ui .nk-content-body .admin-plan-form .form-control,
html body.admin-lms-ui .nk-content-body .linear-admin-form .form-control,
html body.admin-lms-ui .nk-content-body .linear-todo-form .form-control,
html body.admin-lms-ui .nk-content-body .message-compose-form .form-control,
html body.admin-lms-ui .nk-content-body .message-detail-main form .form-control,
html body.admin-lms-ui .nk-content-body .profile-command-page form .form-control,
html body.admin-lms-ui .nk-content-body .linear-page form .form-control,
html body.admin-lms-ui .nk-content-body .profile-command-page form .multiselect__tags,
html body.admin-lms-ui .nk-content-body .message-compose-form .multiselect__tags {
  min-height: 2.625rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 12px !important;
  color: var(--sip-linear-text) !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card .form-control:focus,
html body.admin-lms-ui .nk-content-body .admin-plan-form .form-control:focus,
html body.admin-lms-ui .nk-content-body .linear-admin-form .form-control:focus,
html body.admin-lms-ui .nk-content-body .linear-todo-form .form-control:focus,
html body.admin-lms-ui .nk-content-body .message-compose-form .form-control:focus,
html body.admin-lms-ui .nk-content-body .message-detail-main form .form-control:focus,
html body.admin-lms-ui .nk-content-body .profile-command-page form .form-control:focus,
html body.admin-lms-ui .nk-content-body .linear-page form .form-control:focus,
html body.admin-lms-ui .nk-content-body .profile-command-page form .multiselect--active .multiselect__tags,
html body.admin-lms-ui .nk-content-body .message-compose-form .multiselect--active .multiselect__tags {
  border-color: rgba(98, 92, 246, 0.48) !important;
  box-shadow: 0 0 0 3px rgba(98, 92, 246, 0.12) !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-actions,
html body.admin-lms-ui .nk-content-body .admin-plan-form__actions,
html body.admin-lms-ui .nk-content-body .admin-user-form-actions,
html body.admin-lms-ui .nk-content-body .linear-actions,
html body.admin-lms-ui .nk-content-body .saas-form-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.6rem !important;
  margin-top: 1.1rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui .nk-content-body .message-compose-form .saas-form-actions {
  padding-top: 0 !important;
  border-top: 0 !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-toggle-row,
html body.admin-lms-ui .nk-content-body .admin-plan-form__switch-row,
html body.admin-lms-ui .nk-content-body .linear-section,
html body.admin-lms-ui .nk-content-body .linear-radio,
html body.admin-lms-ui .nk-content-body .admin-radio {
  border-color: var(--sip-linear-line) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-meta__row {
  border-bottom-color: var(--sip-linear-line) !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-meta__row dt,
html body.admin-lms-ui .nk-content-body .message-detail-card__route,
html body.admin-lms-ui .nk-content-body .message-detail-card__time,
html body.admin-lms-ui .nk-content-body .admin-user-summary__meta-grid .sub-text {
  color: var(--sip-linear-muted) !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-meta__row dd,
html body.admin-lms-ui .nk-content-body .message-detail-card__body,
html body.admin-lms-ui .nk-content-body .admin-user-summary__meta-grid span:last-child {
  color: var(--sip-linear-text-soft) !important;
}

html body.admin-lms-ui .nk-content-body .message-detail-main,
html body.admin-lms-ui .nk-content-body .saas-message-main,
html body.admin-lms-ui .nk-content-body .admin-user-summary,
html body.admin-lms-ui .nk-content-body .admin-user-form-inner {
  background: transparent !important;
}

html body.admin-lms-ui .nk-content-body .message-detail-card__body,
html body.admin-lms-ui .nk-content-body .message-attachments a,
html body.admin-lms-ui .nk-content-body .message-attachments__list a,
html body.admin-lms-ui .nk-content-body .admin-user-summary__hero,
html body.admin-lms-ui .nk-content-body .admin-user-summary__social,
html body.admin-lms-ui .nk-content-body .admin-user-summary__meta {
  border-color: var(--sip-linear-line) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.78) !important;
}

html body.dark-mode.admin-lms-ui .nk-content-body .admin-instance-page .nk-block-head,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-admin-workflow .saas-hero,
html body.dark-mode.admin-lms-ui .nk-content-body .message-command-page .saas-hero,
html body.dark-mode.admin-lms-ui .nk-content-body .profile-command-page .saas-hero,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-page .linear-hero,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-instance-hero-card,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-instance-form-card,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-plan-form-card,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-plan-price-card,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-admin-panel,
html body.dark-mode.admin-lms-ui .nk-content-body .message-command-layout,
html body.dark-mode.admin-lms-ui .nk-content-body .message-detail-card,
html body.dark-mode.admin-lms-ui .nk-content-body .message-reply-card,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-user-profile-card,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-card,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-command-card,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-avatar-shell,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-fields-note,
html body.dark-mode.admin-lms-ui .nk-content-body .message-detail-card__body,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-instance-toggle-row,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-plan-form__switch-row,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-section,
html body.dark-mode.admin-lms-ui .nk-content-body .linear-radio,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-radio,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-user-summary__hero,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-user-summary__social,
html body.dark-mode.admin-lms-ui .nk-content-body .admin-user-summary__meta {
  border-color: var(--sip-linear-line-strong) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

@media (max-width: 767.98px) {
  html body.admin-lms-ui .nk-content-body .admin-instance-page .nk-block-head,
  html body.admin-lms-ui .nk-content-body .linear-admin-workflow .saas-hero,
  html body.admin-lms-ui .nk-content-body .message-command-page .saas-hero,
  html body.admin-lms-ui .nk-content-body .profile-command-page .saas-hero,
  html body.admin-lms-ui .nk-content-body .linear-page .linear-hero {
    padding: 1rem !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-instance-page .page-title,
  html body.admin-lms-ui .nk-content-body .linear-admin-workflow .saas-hero__title,
  html body.admin-lms-ui .nk-content-body .message-command-page .saas-hero__title,
  html body.admin-lms-ui .nk-content-body .profile-command-page .saas-hero__title,
  html body.admin-lms-ui .nk-content-body .linear-page .linear-hero h1 {
    font-size: 1.8rem !important;
  }
}
/* Final admin list/table override: wins after legacy global primitives above. */
html body.admin-lms-ui .nk-content-body .admin-instance-page > .nk-block-head,
html body.admin-lms-ui .nk-content-body .admin-config-page > .nk-block-head,
html body.admin-lms-ui .nk-content-body .saas-hero.card-saas,
html body.admin-lms-ui .nk-content-body .admin-linear-head {
  padding: 1rem 1.1rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius-sm) !important;
  background: radial-gradient(circle at top right, rgba(98, 92, 246, 0.09), transparent 24rem), var(--sip-linear-surface) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
}

html body.admin-lms-ui .nk-content-body .saas-hero__title,
html body.admin-lms-ui .nk-content-body .nk-block-title.page-title,
html body.admin-lms-ui .nk-content-body .admin-linear-head__title {
  color: var(--sip-linear-text) !important;
  font-size: 1.32rem !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;
}

html body.admin-lms-ui .nk-content-body .admin-instance-form-card,
html body.admin-lms-ui .nk-content-body .linear-filter-card,
html body.admin-lms-ui .nk-content-body .engagement-filter-card,
html body.admin-lms-ui .nk-content-body .people-filter-card {
  margin-bottom: 1rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: var(--sip-linear-radius-sm) !important;
  background: var(--sip-linear-surface) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
}

html body.admin-lms-ui .nk-content-body .admin-list-table-card {
  margin-top: 1rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 15px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-card-shadow) !important;
  overflow: visible !important;
}

html body.admin-lms-ui .nk-content-body .admin-list-table-card .table-responsive {
  border: 0 !important;
  border-radius: 15px !important;
  background: var(--sip-linear-surface-solid) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table,
html body.admin-lms-ui .nk-content-body .linear-dense-table {
  min-width: 720px !important;
  border-collapse: collapse !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table--config-list thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table thead th .admin-th-sort {
  padding: 0.72rem 0.95rem !important;
  color: var(--sip-linear-subtle) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  background: linear-gradient(180deg, #fbfcff, #f7f8fc) !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table tbody td,
html body.admin-lms-ui .nk-content-body .admin-config-list-card .admin-data-table--config-list tbody td {
  padding: 0.72rem 0.95rem !important;
  color: var(--sip-linear-text-soft) !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  background: var(--sip-linear-surface-solid) !important;
}

html body.admin-lms-ui .nk-content-body .admin-data-table tbody tr:hover td {
  background: #fafbff !important;
}

html body.admin-lms-ui .nk-content-body .admin-status-badge,
html body.admin-lms-ui .nk-content-body .admin-data-table .admin-status-badge,
html body.admin-lms-ui .nk-content-body .linear-pill,
html body.admin-lms-ui .nk-content-body .admin-instance-meta__code,
html body.admin-lms-ui .nk-content-body .linear-mono {
  min-height: 1.45rem !important;
  padding: 0.22rem 0.58rem !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .nk-content-body .linear-pill,
html body.admin-lms-ui .nk-content-body .admin-instance-meta__code,
html body.admin-lms-ui .nk-content-body .linear-mono {
  color: var(--sip-linear-muted) !important;
  background: #f0f2f7 !important;
  border-color: rgba(103, 112, 133, 0.14) !important;
  font-family: inherit !important;
  text-transform: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle,
html body.admin-lms-ui .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle {
  display: inline-grid !important;
  place-items: center !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 999px !important;
  color: var(--sip-linear-muted) !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

html body.admin-lms-ui .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu,
html body.admin-lms-ui #root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu {
  z-index: 1080 !important;
  min-width: 13.25rem !important;
  border-radius: 13px !important;
}

html body.admin-lms-ui .nk-content-body .admin-table-pagination-wrap {
  padding: 0.72rem 0.95rem !important;
  border-top: 1px solid var(--sip-linear-line) !important;
  background: #fbfcff !important;
}

/* Terminal global primitive guard: keep shared typography/gutters/tables above older final page blocks. */
html body.admin-lms-ui,
html body.admin-lms-ui .nk-app-root,
html body.admin-lms-ui #root,
html body.admin-lms-ui .nk-content-body,
html body.admin-lms-ui button,
html body.admin-lms-ui input,
html body.admin-lms-ui select,
html body.admin-lms-ui textarea,
html body.admin-lms-ui .btn,
html body.admin-lms-ui .form-control,
html body.admin-lms-ui .custom-select,
html body.admin-lms-ui .dropdown-menu,
html body.admin-lms-ui .table {
  font-family: var(--sip-admin-font) !important;
}

html body.admin-lms-ui .sip-page-shell__container.container-fluid,
html body.admin-lms-ui .admin-saas-content .container-fluid {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: var(--sip-page-gutter-y) var(--sip-page-gutter-x) calc(var(--sip-page-gutter-y) + 0.75rem) !important;
}

html body.admin-lms-ui .nk-content-body .nk-block-title.page-title,
html body.admin-lms-ui .nk-content-body h1,
html body.admin-lms-ui .nk-content-body h2,
html body.admin-lms-ui .nk-content-body h3.page-title,
html body.admin-lms-ui .nk-content-body .card-title,
html body.admin-lms-ui .nk-content-body .saas-hero__title,
html body.admin-lms-ui .nk-content-body .admin-linear-head__title {
  letter-spacing: normal !important;
}

html body.admin-lms-ui .nk-content-body .table-responsive,
html body.admin-lms-ui .nk-content-body .saas-table-wrap,
html body.admin-lms-ui .nk-content-body .dash-table-wrap,
html body.admin-lms-ui .sip-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 14px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
}

html body.admin-lms-ui .nk-content-body .admin-list-table-card .table-responsive {
  border: 0 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .table,
html body.admin-lms-ui .nk-content-body .admin-data-table,
html body.admin-lms-ui .nk-content-body .linear-dense-table,
html body.admin-lms-ui .nk-content-body .dash-table,
html body.admin-lms-ui .sip-data-table {
  width: 100% !important;
  min-width: var(--sip-table-min-width) !important;
  margin-bottom: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--sip-linear-text-soft) !important;
  font-size: 0.875rem !important;
}

html body.admin-lms-ui .nk-content-body .table thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table--config-list thead th,
html body.admin-lms-ui .nk-content-body .linear-dense-table thead th,
html body.admin-lms-ui .nk-content-body .dash-table thead th,
html body.admin-lms-ui .sip-data-table th {
  padding: var(--sip-table-cell-y) var(--sip-table-cell-x) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  color: var(--sip-linear-muted) !important;
  background: linear-gradient(180deg, #fbfcff, #f6f8fb) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui .nk-content-body .table tbody td,
html body.admin-lms-ui .nk-content-body .admin-data-table tbody td,
html body.admin-lms-ui .nk-content-body .admin-data-table--config-list tbody td,
html body.admin-lms-ui .nk-content-body .linear-dense-table tbody td,
html body.admin-lms-ui .nk-content-body .dash-table tbody td,
html body.admin-lms-ui .sip-data-table td {
  padding: var(--sip-table-cell-y) var(--sip-table-cell-x) !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
  color: var(--sip-linear-text-soft) !important;
  background: var(--sip-linear-surface-solid) !important;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu,
html body.admin-lms-ui #root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu {
  min-width: 10.5rem !important;
  padding: 0.35rem !important;
  border-color: var(--sip-linear-line) !important;
  border-radius: 12px !important;
  background: var(--sip-linear-surface-solid) !important;
  box-shadow: var(--sip-linear-shadow) !important;
}

/* ==========================================================================
 * Tabler-inspired clean shell (horizontal nav)
 * ========================================================================== */
html body.admin-lms-ui.sip-clean-shell,
html body.admin-lms-ui:has(.sip-shell--clean) {
  --sip-linear-sidebar: 0px;
  --sip-linear-accent: #206bc4;
  --sip-linear-accent-2: #4299e1;
  --sip-linear-accent-soft: #e8f1fb;
  --sip-linear-bg: #f5f7fb;
  --sip-linear-line: #e6e9ef;
  --sip-linear-radius: 8px;
  --sip-linear-radius-sm: 6px;
  --sip-content-max: 1320px;
  background: #f5f7fb !important;
  font-family: var(--sip-admin-font) !important;
}

html body.admin-lms-ui .sip-shell--clean,
html body.admin-lms-ui .sip-shell--clean .nk-main,
html body.admin-lms-ui .sip-shell--clean .sip-workspace {
  min-height: 100vh;
  background: #f5f7fb !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-workspace {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

html body.admin-lms-ui .sip-shell--clean .nk-sidebar.sip-sidebar,
html body.admin-lms-ui .sip-shell--clean .sip-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  z-index: 1100 !important;
  width: 280px !important;
  min-width: 280px !important;
  height: 100vh !important;
  padding: 1rem !important;
  border-right: 1px solid var(--sip-linear-line) !important;
  color: var(--sip-linear-text) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12) !important;
  transform: translateX(-105%) !important;
  transition: transform 180ms ease !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar.nk-sidebar-active {
  transform: translateX(0) !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 1090;
  display: none;
  background: rgba(15, 23, 42, 0.35);
}

html body.admin-lms-ui .sip-shell--clean .sip-nav-overlay.is-open {
  display: block;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: auto !important;
  margin-bottom: 1rem !important;
  padding: 0 0 1rem !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-brand,
html body.admin-lms-ui .sip-shell--clean .sip-brand__copy strong {
  color: var(--sip-linear-text) !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-brand__copy small {
  color: var(--sip-linear-muted) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-brand__mark {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 0.35rem !important;
  color: #ffffff !important;
  background: var(--sip-linear-accent) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar-nav__item {
  grid-template-columns: 1.5rem minmax(0, 1fr) auto !important;
  min-height: 2.4rem !important;
  border-radius: 0.35rem !important;
  color: var(--sip-linear-text-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar-nav__item:hover,
html body.admin-lms-ui .sip-shell--clean .sip-sidebar-nav__item.is-active,
html body.admin-lms-ui .sip-shell--clean .sip-sidebar-nav__item.router-link-active {
  color: var(--sip-linear-accent) !important;
  background: var(--sip-linear-accent-soft) !important;
  border-color: transparent !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar-nav__item::before {
  display: none !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar-nav__icon {
  width: 1.5rem !important;
  height: 1.5rem !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar-status,
html body.admin-lms-ui .sip-shell--clean .sip-sidebar-user {
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 0.5rem !important;
  background: #f8fafc !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar-user__avatar {
  color: #ffffff !important;
  background: var(--sip-linear-accent) !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar-user__name,
html body.admin-lms-ui .sip-shell--clean .sip-sidebar-status__row {
  color: var(--sip-linear-text) !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar-user__email,
html body.admin-lms-ui .sip-shell--clean .sip-sidebar-status__row--muted {
  color: var(--sip-linear-muted) !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-sidebar__foot {
  border-top: 1px solid var(--sip-linear-line) !important;
}

/* Topbar */
html body.admin-lms-ui .sip-topbar {
  position: sticky;
  top: 0;
  z-index: 1030;
  border-bottom: 1px solid var(--sip-linear-line);
  background: #ffffff !important;
}

html body.admin-lms-ui .sip-topbar__container {
  max-width: none !important;
  padding: 0 !important;
}

html body.admin-lms-ui .sip-topbar__row {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 1.25rem;
}

html body.admin-lms-ui .sip-topbar__row--primary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 3.5rem;
  justify-content: unset;
}

html body.admin-lms-ui .sip-topbar__search {
  justify-self: center;
  flex: 0 1 auto;
  width: 100%;
  max-width: 22rem;
  min-width: 0;
}

html body.admin-lms-ui .sip-topbar__row--nav {
  min-height: 3rem;
  overflow-x: auto;
  border-top: 1px solid var(--sip-linear-line);
}

html body.admin-lms-ui .sip-topbar__brand-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

html body.admin-lms-ui .sip-topbar__menu-btn {
  display: inline-grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid var(--sip-linear-line);
  border-radius: 0.35rem;
  color: var(--sip-linear-text-soft);
  background: #ffffff;
}

html body.admin-lms-ui .sip-topbar__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: var(--sip-linear-text) !important;
  text-decoration: none !important;
}

html body.admin-lms-ui .sip-topbar__mark {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  overflow: hidden;
  border-radius: 0.35rem;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 800;
  background: var(--sip-linear-accent);
}

html body.admin-lms-ui .sip-topbar__mark img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #ffffff;
}

html body.admin-lms-ui .sip-topbar__brand-copy strong {
  color: var(--sip-linear-text);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.03em;
}

html body.admin-lms-ui .sip-topbar__search {
  flex: 1;
  max-width: 28rem;
  min-width: 0;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__field,
html body.admin-lms-ui .sip-topbar__search .admin-global-search__input {
  height: 2.25rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 0.35rem !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__input {
  padding: 0 0.85rem !important;
}

html body.admin-lms-ui .sip-topbar__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

html body.admin-lms-ui .sip-topbar__icon-btn {
  position: relative;
  display: inline-grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 0.35rem;
  color: var(--sip-linear-muted) !important;
  background: transparent;
  text-decoration: none !important;
}

html body.admin-lms-ui .sip-topbar__icon-btn:hover {
  color: var(--sip-linear-text) !important;
  background: #f1f5f9;
}

html body.admin-lms-ui .sip-topbar__badge {
  position: absolute;
  top: 0.15rem;
  right: 0.1rem;
  min-width: 1rem;
  padding: 0 0.25rem;
  border-radius: 999px;
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1rem;
  background: var(--sip-linear-accent);
}

html body.admin-lms-ui .sip-topbar__user-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.2rem 0.35rem 0.2rem 0.2rem;
  border-radius: 0.5rem;
  color: var(--sip-linear-text) !important;
  text-decoration: none !important;
}

html body.admin-lms-ui .sip-topbar__user-btn:hover {
  background: #f8fafc;
}

html body.admin-lms-ui .sip-topbar__avatar {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  background: #626976;
}

html body.admin-lms-ui .sip-topbar__user-meta {
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  line-height: 1.15;
}

html body.admin-lms-ui .sip-topbar__user-meta strong {
  max-width: 10rem;
  overflow: hidden;
  color: var(--sip-linear-text);
  font-size: 0.8125rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.admin-lms-ui .sip-topbar__user-meta small {
  max-width: 10rem;
  overflow: hidden;
  color: var(--sip-linear-muted);
  font-size: 0.72rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body.admin-lms-ui .sip-topnav {
  display: flex;
  align-items: stretch;
  gap: 0.15rem;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0.35rem 0;
}

html body.admin-lms-ui .sip-topnav__link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.25rem;
  padding: 0 0.75rem;
  border-radius: 0.35rem;
  color: var(--sip-linear-text-soft) !important;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
}

html body.admin-lms-ui .sip-topnav__link:hover {
  color: var(--sip-linear-text) !important;
  background: #f1f5f9;
}

html body.admin-lms-ui .sip-topnav__link.is-active {
  color: var(--sip-linear-accent) !important;
  background: var(--sip-linear-accent-soft);
}

html body.admin-lms-ui .sip-topnav__icon {
  color: inherit;
  font-size: 0.95rem;
  line-height: 1;
}

html body.admin-lms-ui .sip-topnav__icon::before {
  font-family: uicons-regular-rounded !important;
}

html body.admin-lms-ui .sip-topnav__meta {
  min-width: 1.15rem;
  padding: 0.05rem 0.35rem;
  border-radius: 999px;
  color: var(--sip-linear-muted);
  font-size: 0.7rem;
  font-weight: 700;
  background: #eef2f7;
}

html body.admin-lms-ui .sip-topnav__link.is-active .sip-topnav__meta {
  color: var(--sip-linear-accent);
  background: rgba(255, 255, 255, 0.8);
}

html body.admin-lms-ui .sip-shell--clean .sip-page-shell {
  padding: 0 !important;
  background: transparent !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-page-shell__container {
  max-width: var(--sip-content-max) !important;
  margin: 0 auto !important;
  padding: 1.25rem 1.25rem 2rem !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-command-header {
  display: none !important;
}

html body.admin-lms-ui .sip-shell--clean .card,
html body.admin-lms-ui .sip-shell--clean .sip-surface-card,
html body.admin-lms-ui .sip-shell--clean .admin-list-table-card,
html body.admin-lms-ui .sip-shell--clean .dash-kpi,
html body.admin-lms-ui .sip-shell--clean .admin-linear-stat,
html body.admin-lms-ui .sip-shell--clean .engagement-command-card,
html body.admin-lms-ui .sip-shell--clean .people-command-card {
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 0.5rem !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-shell--clean .btn-primary,
html body.admin-lms-ui .sip-shell--clean .sip-btn--primary,
html body.admin-lms-ui .sip-shell--clean .admin-toolbar-btn--solid {
  border-color: var(--sip-linear-accent) !important;
  background: var(--sip-linear-accent) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-footer {
  border-top: 1px solid var(--sip-linear-line);
  background: transparent;
}

@media (max-width: 1199.98px) {
  html body.admin-lms-ui .sip-topbar__search {
    display: none;
  }
}
/* ==========================================================================
 * Clean shell: Arial type, even sizes, no leftover top gap
 * ========================================================================== */
html body.admin-lms-ui,
html body.admin-lms-ui.sip-clean-shell,
html body.admin-lms-ui:has(.sip-shell--clean) {
  --sip-admin-font: Arial, Helvetica, "Segoe UI", sans-serif;
  --sip-page-gutter-x: 1.25rem;
  --sip-page-gutter-y: 1rem;
  font-family: Arial, Helvetica, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  letter-spacing: normal !important;
}

html body.admin-lms-ui,
html body.admin-lms-ui #root,
html body.admin-lms-ui .nk-app-root,
html body.admin-lms-ui .sip-shell,
html body.admin-lms-ui .sip-workspace,
html body.admin-lms-ui .nk-wrap,
html body.admin-lms-ui .nk-content-body,
html body.admin-lms-ui .sip-topbar,
html body.admin-lms-ui .sip-page-shell,
html body.admin-lms-ui button,
html body.admin-lms-ui input,
html body.admin-lms-ui select,
html body.admin-lms-ui textarea,
html body.admin-lms-ui .btn,
html body.admin-lms-ui .form-control,
html body.admin-lms-ui .custom-select,
html body.admin-lms-ui .dropdown-menu,
html body.admin-lms-ui .table,
html body.admin-lms-ui h1,
html body.admin-lms-ui h2,
html body.admin-lms-ui h3,
html body.admin-lms-ui h4,
html body.admin-lms-ui h5,
html body.admin-lms-ui h6,
html body.admin-lms-ui p,
html body.admin-lms-ui a,
html body.admin-lms-ui span,
html body.admin-lms-ui label,
html body.admin-lms-ui small,
html body.admin-lms-ui strong {
  font-family: Arial, Helvetica, "Segoe UI", sans-serif !important;
  letter-spacing: normal !important;
}

html body.admin-lms-ui .sip-shell--clean .nk-wrap,
html body.admin-lms-ui .sip-shell--clean .nk-wrap.sip-workspace,
html body.admin-lms-ui .sip-shell--clean .nk-wrap:not(.nk-wrap-nosidebar) {
  padding: 0 !important;
  margin: 0 !important;
}

html body.admin-lms-ui .sip-shell--clean .nk-content,
html body.admin-lms-ui .sip-shell--clean .nk-content-fluid,
html body.admin-lms-ui .sip-shell--clean .sip-page-shell {
  padding: 0 !important;
  margin: 0 !important;
}

html body.admin-lms-ui .sip-shell--clean .sip-page-shell__container,
html body.admin-lms-ui .sip-shell--clean .sip-page-shell__container.container-fluid {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 1rem 1.25rem 1.5rem !important;
}

html body.admin-lms-ui .sip-topbar {
  margin: 0 !important;
}

html body.admin-lms-ui .sip-topbar__row--primary {
  min-height: 3.25rem !important;
  padding: 0 1.25rem !important;
}

html body.admin-lms-ui .sip-topbar__row--nav {
  min-height: 2.75rem !important;
  padding: 0 1.25rem !important;
}

html body.admin-lms-ui .sip-topbar__brand-copy strong,
html body.admin-lms-ui .sip-topnav__link,
html body.admin-lms-ui .sip-topbar__user-meta strong {
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body.admin-lms-ui .sip-topbar__user-meta small,
html body.admin-lms-ui .sip-topnav__meta {
  font-size: 12px !important;
  font-weight: 400 !important;
}

html body.admin-lms-ui .sip-page-head {
  margin-bottom: 1.25rem !important;
  align-items: center !important;
}

html body.admin-lms-ui .sip-page-head h1,
html body.admin-lms-ui .nk-content-body h1,
html body.admin-lms-ui .nk-content-body .saas-hero__title,
html body.admin-lms-ui .nk-content-body .admin-linear-head__title {
  margin-top: 0.25rem !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
}

html body.admin-lms-ui .sip-page-head p,
html body.admin-lms-ui .nk-content-body p {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body.admin-lms-ui .sip-eyebrow,
html body.admin-lms-ui .sip-section-head span,
html body.admin-lms-ui .nk-content-body label,
html body.admin-lms-ui .nk-content-body .dash-kpi__label,
html body.admin-lms-ui .nk-content-body .dash-misc-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

html body.admin-lms-ui .sip-section-head h2,
html body.admin-lms-ui .nk-content-body h2,
html body.admin-lms-ui .nk-content-body h3,
html body.admin-lms-ui .nk-content-body h3.page-title,
html body.admin-lms-ui .nk-content-body .nk-block-title.page-title,
html body.admin-lms-ui .nk-content-body .card-title,
html body.admin-lms-ui .nk-content-body .admin-instance-card-head__title,
html body.admin-lms-ui .nk-content-body .linear-section-head h4,
html body.admin-lms-ui .nk-content-body .card-saas__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

html body.admin-lms-ui .sip-metric-card strong,
html body.admin-lms-ui .nk-content-body .dash-kpi strong,
html body.admin-lms-ui .nk-content-body .admin-linear-stat strong,
html body.admin-lms-ui .nk-content-body .engagement-command-card strong,
html body.admin-lms-ui .nk-content-body .people-command-card strong {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
}

html body.admin-lms-ui .sip-metric-card span,
html body.admin-lms-ui .sip-metric-card small,
html body.admin-lms-ui .sip-sidebar-nav__label,
html body.admin-lms-ui .sip-sidebar-user__email {
  font-size: 12px !important;
}

html body.admin-lms-ui .nk-content-body,
html body.admin-lms-ui .nk-content-body .table,
html body.admin-lms-ui .nk-content-body .admin-data-table,
html body.admin-lms-ui .nk-content-body .form-control,
html body.admin-lms-ui .nk-content-body .btn,
html body.admin-lms-ui .nk-content-body .admin-toolbar-btn {
  font-size: 14px !important;
}

html body.admin-lms-ui .nk-content-body .table thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table thead th,
html body.admin-lms-ui .nk-content-body .admin-data-table--config-list thead th,
html body.admin-lms-ui .nk-content-body .linear-dense-table thead th,
html body.admin-lms-ui .nk-content-body .dash-table thead th,
html body.admin-lms-ui .sip-data-table th {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

html body.admin-lms-ui .nk-content-body .table tbody td,
html body.admin-lms-ui .nk-content-body .admin-data-table tbody td,
html body.admin-lms-ui .sip-data-table td {
  font-size: 14px !important;
}

html body.admin-lms-ui .nk-content-body .admin-status-badge,
html body.admin-lms-ui .nk-content-body .linear-pill {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
}

html body.admin-lms-ui .sip-btn,
html body.admin-lms-ui .btn {
  font-size: 14px !important;
  font-weight: 600 !important;
}

html body.admin-lms-ui .icon,
html body.admin-lms-ui .fi,
html body.admin-lms-ui i[class^=fi-],
html body.admin-lms-ui i[class*=" fi-"],
html body.admin-lms-ui .icon::before,
html body.admin-lms-ui .fi::before,
html body.admin-lms-ui i[class^=fi-]::before,
html body.admin-lms-ui i[class*=" fi-"]::before {
  font-family: uicons-regular-rounded !important;
  letter-spacing: normal !important;
}

/* Compact, cleaner header chrome */
html body.admin-lms-ui .sip-topbar__row--primary {
  display: grid !important;
  grid-template-columns: auto minmax(12rem, 22rem) auto !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 0.75rem !important;
  min-height: 3.25rem !important;
  padding: 0 1.25rem !important;
}

html body.admin-lms-ui .sip-topbar__search {
  justify-self: center !important;
  width: 100% !important;
  max-width: 22rem !important;
  flex: none !important;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__command-dot,
html body.admin-lms-ui .sip-topbar__search .admin-global-search__kbd {
  display: none !important;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__field {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-height: 2rem !important;
  height: 2rem !important;
  padding: 0 0.75rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 999px !important;
  background: #f4f6f9 !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__field:hover,
html body.admin-lms-ui .sip-topbar__search .admin-global-search__field:focus-within {
  border-color: #c9d4e3 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(32, 107, 196, 0.08) !important;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__icon {
  display: inline-flex !important;
  color: #8b97a8 !important;
  font-size: 13px !important;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__input {
  height: 2rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  color: var(--sip-linear-text) !important;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__input::-moz-placeholder {
  color: #94a3b8 !important;
}

html body.admin-lms-ui .sip-topbar__search .admin-global-search__input::placeholder {
  color: #94a3b8 !important;
}

html body.admin-lms-ui .sip-topbar__actions {
  justify-self: end !important;
  gap: 0.35rem !important;
}

html body.admin-lms-ui .sip-topbar__icon-btn {
  width: 2rem !important;
  height: 2rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 999px !important;
  color: #5b6777 !important;
  background: #ffffff !important;
}

html body.admin-lms-ui .sip-topbar__icon-btn:hover {
  color: var(--sip-linear-accent) !important;
  border-color: #c5d7ef !important;
  background: var(--sip-linear-accent-soft) !important;
}

html body.admin-lms-ui .sip-topbar__icon-btn .icon {
  font-size: 14px !important;
  line-height: 1 !important;
}

html body.admin-lms-ui .sip-topbar__badge {
  top: -0.2rem !important;
  right: -0.2rem !important;
  min-width: 0.95rem !important;
  height: 0.95rem !important;
  padding: 0 0.22rem !important;
  font-size: 10px !important;
  line-height: 0.95rem !important;
  background: #d63939 !important;
}

html body.admin-lms-ui .sip-topbar__user {
  margin-left: 0.35rem !important;
  padding-left: 0.65rem !important;
  border-left: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui .sip-topbar__user-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-height: 2rem !important;
  padding: 0.15rem 0.45rem 0.15rem 0.15rem !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
}

html body.admin-lms-ui .sip-topbar__user-btn:hover,
html body.admin-lms-ui .sip-topbar__user.show .sip-topbar__user-btn {
  border-color: var(--sip-linear-line) !important;
  background: #f4f6f9 !important;
}

html body.admin-lms-ui .sip-topbar__user-btn.dropdown-toggle::after {
  display: none !important;
}

html body.admin-lms-ui .sip-topbar__avatar {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: var(--sip-linear-accent) !important;
}

html body.admin-lms-ui .sip-topbar__user-meta {
  max-width: 7.5rem !important;
  overflow: hidden !important;
  color: var(--sip-linear-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .sip-topbar__caret {
  color: #8b97a8 !important;
  font-size: 12px !important;
}

@media (max-width: 1199.98px) {
  html body.admin-lms-ui .sip-topbar__row--primary {
    grid-template-columns: auto auto !important;
  }
  html body.admin-lms-ui .sip-topbar__search {
    display: none !important;
  }
}
/* Clean secondary nav */
html body.admin-lms-ui .sip-topbar__row--nav {
  min-height: 2.75rem !important;
  padding: 0 1.25rem !important;
  overflow-x: auto !important;
  border-top: 1px solid var(--sip-linear-line) !important;
  background: #f8fafc !important;
}

html body.admin-lms-ui .sip-topnav {
  display: flex !important;
  align-items: stretch !important;
  gap: 0.15rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.admin-lms-ui .sip-topnav__link,
html body.admin-lms-ui .sip-topnav__link.router-link-active,
html body.admin-lms-ui .sip-topnav__link.is-active {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  min-height: 2.75rem !important;
  padding: 0 0.7rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #526071 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .sip-topnav__link:hover {
  color: var(--sip-linear-text) !important;
  background: transparent !important;
}

html body.admin-lms-ui .sip-topnav__link.is-active,
html body.admin-lms-ui .sip-topnav__link.router-link-active {
  color: var(--sip-linear-accent) !important;
  background: transparent !important;
}

html body.admin-lms-ui .sip-topnav__link::after {
  position: absolute;
  right: 0.55rem;
  bottom: 0;
  left: 0.55rem;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: transparent;
  content: "";
}

html body.admin-lms-ui .sip-topnav__link.is-active::after,
html body.admin-lms-ui .sip-topnav__link.router-link-active::after {
  background: var(--sip-linear-accent);
}

html body.admin-lms-ui .sip-topnav__icon {
  display: inline-flex !important;
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body.admin-lms-ui .sip-topnav__label {
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body.admin-lms-ui .sip-topnav__meta {
  min-width: 1.15rem !important;
  height: 1.15rem !important;
  padding: 0 0.35rem !important;
  border-radius: 999px !important;
  color: #5b6777 !important;
  background: #e8edf3 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.15rem !important;
  text-align: center !important;
}

html body.admin-lms-ui .sip-topnav__link.is-active .sip-topnav__meta,
html body.admin-lms-ui .sip-topnav__link.router-link-active .sip-topnav__meta {
  color: var(--sip-linear-accent) !important;
  background: #dceaf8 !important;
}

/* Profile dropdown */
html body.admin-lms-ui .sip-topbar .sip-dropdown,
html body.admin-lms-ui .sip-topbar .dropdown-menu.sip-dropdown {
  min-width: 16.5rem !important;
  max-width: 20rem !important;
  width: 16.5rem !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12) !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown .dropdown-inner {
  padding: 0 !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__head {
  display: grid !important;
  grid-template-columns: 2.25rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.7rem !important;
  min-width: 0 !important;
  padding: 0.85rem 0.9rem !important;
  border-bottom: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__avatar {
  display: grid !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: var(--sip-linear-accent) !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__copy {
  min-width: 0 !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__name,
html body.admin-lms-ui .sip-topbar .sip-dropdown__email {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__name {
  color: var(--sip-linear-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__email {
  margin-top: 0.15rem !important;
  color: var(--sip-linear-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__menu {
  margin: 0 !important;
  padding: 0.35rem !important;
  list-style: none !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__menu li {
  margin: 0 !important;
  padding: 0 !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__menu li + li {
  margin-top: 0.1rem !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__menu a,
html body.admin-lms-ui .sip-topbar .sip-dropdown .link-list-opt a {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-height: 2.15rem !important;
  padding: 0 0.65rem !important;
  border-radius: 6px !important;
  color: var(--sip-linear-text-soft) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__menu a .icon,
html body.admin-lms-ui .sip-topbar .sip-dropdown .link-list-opt a .icon {
  width: 1.1rem !important;
  font-size: 14px !important;
  opacity: 1 !important;
  color: #64748b !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__menu a span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__menu a:hover {
  color: var(--sip-linear-text) !important;
  background: #f4f6f9 !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__logout {
  margin-top: 0.25rem !important;
  padding-top: 0.25rem !important;
  border-top: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__logout a,
html body.admin-lms-ui .sip-topbar .sip-dropdown__logout a:hover {
  color: #d63939 !important;
}

html body.admin-lms-ui .sip-topbar .sip-dropdown__logout a:hover {
  background: #fcebeb !important;
}

/* ==========================================================================
 * Tabler list pages: intro, KPI strip, data table
 * Appended last so these win over earlier Linear/SaaS !important blocks.
 * Does not touch sip-topbar / sip-sidebar.
 * ========================================================================== */
html body.admin-lms-ui.sip-clean-shell .nk-content-body .saas-hero.card-saas,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-instance-page > .nk-block-head,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-config-page > .nk-block-head,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-linear-head,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-list-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin: 0 0 0.85rem !important;
  padding: 0.15rem 0 0.35rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-instance-page > .nk-block-head .nk-block-between,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-config-page > .nk-block-head .nk-block-between {
  width: 100% !important;
  align-items: center !important;
  gap: 1rem !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .saas-hero__crumb,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-eyebrow,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-linear-head__eyebrow {
  margin: 0 0 0.2rem !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .saas-hero__crumb a {
  color: #64748b !important;
  text-decoration: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .saas-hero__crumb a:hover {
  color: var(--sip-linear-accent) !important;
  text-decoration: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .saas-hero__title,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .nk-block-title.page-title,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-linear-head__title,
html body.admin-lms-ui.sip-clean-shell .nk-content-body h1.saas-hero__title {
  margin: 0 !important;
  color: var(--sip-linear-text) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-page__subtitle,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-page__subtitle,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-page-copy,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .nk-block-des,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-instance-list__count {
  margin: 0.2rem 0 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-page__actions,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-page__actions,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-command-actions,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .nk-block-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
  margin: 0 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .btn.admin-toolbar-btn,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn {
  min-height: 2rem !important;
  padding: 0.35rem 0.75rem !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn--outline {
  color: var(--sip-linear-text-soft) !important;
  background: #ffffff !important;
  border: 1px solid var(--sip-linear-line) !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn--outline:hover {
  color: var(--sip-linear-accent) !important;
  background: #ffffff !important;
  border-color: #c5d7ef !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn--solid {
  color: #ffffff !important;
  border: 1px solid var(--sip-linear-accent) !important;
  background: var(--sip-linear-accent) !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn--solid:hover {
  background: #1a5faf !important;
  border-color: #1a5faf !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin: 0 0 0.85rem !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-linear-stat,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi {
  min-height: 0 !important;
  padding: 0.7rem 0.9rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card--muted,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card--action,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-card--muted {
  background: #ffffff !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card__label,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-card span,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-linear-stat span,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi .people-command-card__label {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card strong,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-card strong,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-linear-stat strong,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi strong {
  margin-top: 0.15rem !important;
  color: var(--sip-linear-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-card p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-linear-stat p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi p {
  margin: 0.15rem 0 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-filter-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-filter-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-filter-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-instance-form-card {
  margin-bottom: 0.85rem !important;
  padding: 0 !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-filter-card .card-body,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-filter-card .card-body,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-instance-form-card .card-body {
  padding: 0.9rem 1rem 0.65rem !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .card-saas__title,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-instance-card-head__title {
  margin: 0 0 0.75rem !important;
  color: var(--sip-linear-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body label {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .form-control,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .custom-select,
html body.admin-lms-ui.sip-clean-shell .nk-content-body select.form-control {
  min-height: 2rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 8px !important;
  color: var(--sip-linear-text-soft) !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

/* -------- Tabler-like list data tables (shared across User / Currency / Plan / etc.) -------- */
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-list-table-card {
  margin-top: 0 !important;
  border: 1px solid #e6e9ef !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-list-table-card .table-responsive,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-list-table-card .linear-section-head--table + .table-responsive {
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table--config-list,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table {
  width: 100% !important;
  min-width: 720px !important;
  margin-bottom: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-family: Arial, Helvetica, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  color: #334155 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table thead th,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table--config-list thead th,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table thead th,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table thead th.admin-th-sort,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table thead th .admin-th-sort {
  height: auto !important;
  padding: 0.625rem 1rem !important;
  color: #64748b !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  border-top: 0 !important;
  border-bottom: 1px solid #e6e9ef !important;
  background: #f8fafc !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table thead th:first-child,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table thead th:first-child {
  border-top-left-radius: 8px !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table thead th:last-child,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table thead th:last-child {
  border-top-right-radius: 8px !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort {
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort:hover,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort.is-active {
  color: #206bc4 !important;
  background: #f1f5f9 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort:focus,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 2px rgba(32, 107, 196, 0.18) !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort__inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort__label {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort__icons {
  opacity: 0.32 !important;
  color: #94a3b8 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort:hover .admin-th-sort__icons,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-th-sort.is-active .admin-th-sort__icons {
  opacity: 0.9 !important;
  color: #206bc4 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table tbody td,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-config-list-card .admin-data-table--config-list tbody td,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table tbody td {
  height: 46px !important;
  padding: 0.625rem 1rem !important;
  color: #334155 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #eef1f6 !important;
  background: #ffffff !important;
  vertical-align: middle !important;
  transition: background 0.12s ease !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table tbody td:first-child,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table tbody td:first-child {
  font-weight: 500 !important;
  color: #0f172a !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table tbody tr:nth-child(even) td,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table tbody tr:nth-child(even) td {
  background: #ffffff !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table tbody tr:last-child td,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table tbody tr:hover td,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table tbody tr:hover td {
  background: #f8fafc !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-table__identity {
  display: flex !important;
  align-items: center !important;
  gap: 0.625rem !important;
  min-width: 0 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-table__copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.05rem !important;
  min-width: 0 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-table__primary,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-table__primary {
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-table__meta,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-table__email,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-table__date {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-table__avatar {
  width: 30px !important;
  height: 30px !important;
  flex-shrink: 0 !important;
  border: 1px solid #e6e9ef !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  background: #f1f5f9 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-table-role-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: #334155 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-table-role-list li + li {
  margin-top: 0.1rem !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-status-badge,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table .admin-status-badge,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table .admin-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0.15rem 0.5rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-status-badge--success {
  color: #2fb344 !important;
  background: #e9f7ec !important;
  border-color: transparent !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-status-badge--info {
  color: #206bc4 !important;
  background: #e8f1fb !important;
  border-color: transparent !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-status-badge--warning {
  color: #b58100 !important;
  background: #fff5e0 !important;
  border-color: transparent !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-status-badge--danger {
  color: #d63939 !important;
  background: #fcebeb !important;
  border-color: transparent !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-table-actions-cell {
  width: 1% !important;
  min-width: 3.25rem !important;
  padding-right: 0.85rem !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions--icon-only.btn-group {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .linear-dense-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
  padding: 0 !important;
  color: #64748b !important;
  background: #ffffff !important;
  border: 1px solid #e6e9ef !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  line-height: 1 !important;
  transition: color 0.12s ease, background 0.12s ease, border-color 0.12s ease !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:hover,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:focus,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions--icon-only.show > .dropdown-toggle.admin-row-actions__toggle,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:hover,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table .admin-row-actions--icon-only .dropdown-toggle.admin-row-actions__toggle:focus,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-data-table .admin-row-actions--icon-only.show > .dropdown-toggle.admin-row-actions__toggle {
  color: #206bc4 !important;
  background: #e8f1fb !important;
  border-color: rgba(32, 107, 196, 0.35) !important;
  box-shadow: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__dots {
  width: auto !important;
  height: auto !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: inherit !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-table-pagination-wrap {
  padding: 0.65rem 1rem !important;
  border-top: 1px solid #e6e9ef !important;
  background: #ffffff !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-empty-state.admin-list-table-card {
  margin-top: 0 !important;
  border-style: dashed !important;
  background: #ffffff !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-empty-state__inner {
  padding: 1.5rem 1.25rem !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-empty-state__icon-wrap {
  width: 2.5rem !important;
  height: 2.5rem !important;
  margin: 0 auto 0.75rem !important;
  border: 1px solid var(--sip-linear-line) !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-empty-state__icon-wrap .icon.fi {
  color: var(--sip-linear-accent) !important;
  font-size: 1.1rem !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-empty-state__title {
  margin: 0 0 0.35rem !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-empty-state__text {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
}

@media (max-width: 991.98px) {
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .saas-hero.card-saas,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-list-head,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-instance-page > .nk-block-head,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-config-page > .nk-block-head {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip {
    grid-template-columns: 1fr !important;
  }
}
/* List-table pagination footer: record summary + page nav + per-page (wins over earlier rules) */
html body.admin-lms-ui .nk-content-body .admin-table-pagination-wrap {
  padding: 0.55rem 0.95rem !important;
  border-top: 1px solid #e6e7e9 !important;
  background: #ffffff !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.65rem 1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  row-gap: 0.65rem !important;
  min-height: 2.25rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__summary {
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: #626976 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__controls {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.65rem 0.85rem !important;
  margin-left: auto !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages,
html body.admin-lms-ui .nk-content-body .admin-pagination-record__length,
html body.admin-lms-ui .nk-content-body .admin-pagination-record__length-control {
  padding: 0 !important;
  width: auto !important;
  float: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .pagination {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-item {
  margin: 0 !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.85rem !important;
  height: 1.85rem !important;
  margin: 0 !important;
  padding: 0 0.45rem !important;
  border: 1px solid #e6e7e9 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #626976 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-link:hover,
html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-link:focus {
  border-color: #206bc4 !important;
  background: #f0f6fc !important;
  color: #206bc4 !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-item.active .page-link {
  border-color: #206bc4 !important;
  background: #206bc4 !important;
  color: #ffffff !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-item.disabled .page-link {
  border-color: #e6e7e9 !important;
  background: #f8f9fa !important;
  color: #adb5bd !important;
  pointer-events: none !important;
  cursor: default !important;
  opacity: 1 !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__select {
  min-width: 7.5rem !important;
  width: auto !important;
  height: 1.85rem !important;
  min-height: 1.85rem !important;
  padding: 0.15rem 1.75rem 0.15rem 0.55rem !important;
  border: 1px solid #e6e7e9 !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  color: #1e293b !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__select:focus {
  border-color: #206bc4 !important;
  box-shadow: 0 0 0 0.15rem rgba(32, 107, 196, 0.18) !important;
}

@media (max-width: 767.98px) {
  html body.admin-lms-ui .nk-content-body .admin-pagination-record {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-pagination-record__summary {
    white-space: normal !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-pagination-record__controls {
    justify-content: space-between !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-pagination-record__select {
    width: auto !important;
  }
}
/* Toolbar Filter / Create: tight icon+label (beat Dashlite .btn .icon+span padding + gap stacking) */
html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn,
html body.admin-lms-ui .nk-content-body .admin-toolbar-btn,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .btn.admin-toolbar-btn,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn,
html body.admin-lms-ui .nk-content-body .sip-list-head .admin-toolbar-btn,
html body.admin-lms-ui .nk-content-body .people-page__actions .admin-toolbar-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important; /* ~6.4px — icon sits close to label */
  width: auto !important;
  min-width: 0 !important;
  font-size: 13px !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn .icon,
html body.admin-lms-ui .nk-content-body .admin-toolbar-btn .icon.fi,
html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn .icon,
html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn .icon,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn .icon.fi {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important; /* balanced with 13px label */
  line-height: 1 !important;
  vertical-align: middle !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn .icon + span,
html body.admin-lms-ui .nk-content-body .admin-toolbar-btn span + .icon,
html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn .icon + span,
html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn span + .icon,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn .icon + span,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-toolbar-btn span + .icon {
  padding-left: 0 !important; /* kill Dashlite 8px that stacked with flex gap */
  margin: 0 !important;
  flex: 0 0 auto !important;
  width: auto !important;
}

html body.admin-lms-ui .nk-content-body .admin-toolbar-btn > span,
html body.admin-lms-ui .nk-content-body .btn.admin-toolbar-btn > span {
  flex: 0 0 auto !important;
  width: auto !important;
  white-space: nowrap !important;
}

/* -------------------------------------------------------------------------- */
/* Compact list-page KPI meta strip (not card KPIs)                           */
/* people-command-grid / engagement-command-grid / sip-kpi-strip              */
/* Target height ~36–44px; one-line label + value segments                    */
/* -------------------------------------------------------------------------- */
html body.admin-lms-ui .nk-content-body .people-command-grid,
html body.admin-lms-ui .nk-content-body .engagement-command-grid,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  grid-template-columns: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 0.65rem !important;
  padding: 0.3rem 0.15rem !important;
  border: 1px solid var(--sip-linear-line, #e6e9ef) !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.25 !important;
}

html body.admin-lms-ui .nk-content-body .people-command-grid > .people-command-card,
html body.admin-lms-ui .nk-content-body .people-command-grid > .sip-kpi,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip > .people-command-card,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip > .sip-kpi,
html body.admin-lms-ui .nk-content-body .engagement-command-grid > .engagement-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid > .people-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid > .sip-kpi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip > .people-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip > .sip-kpi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid > .engagement-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card.sip-kpi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.35rem !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.2rem 0.75rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .people-command-grid > .people-command-card + .people-command-card,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip > .people-command-card + .people-command-card,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip > .sip-kpi + .sip-kpi,
html body.admin-lms-ui .nk-content-body .engagement-command-grid > .engagement-command-card + .engagement-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid > .people-command-card + .people-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip > .people-command-card + .people-command-card,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip > .sip-kpi + .sip-kpi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid > .engagement-command-card + .engagement-command-card {
  border-left: 1px solid var(--sip-linear-line, #e6e9ef) !important;
  background: transparent !important;
}

html body.admin-lms-ui .nk-content-body .people-command-grid .people-command-card__label,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip .people-command-card__label,
html body.admin-lms-ui .nk-content-body .engagement-command-grid .engagement-command-card > span,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid .people-command-card__label,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip .people-command-card__label,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi .people-command-card__label,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid .engagement-command-card > span {
  display: inline !important;
  margin: 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .nk-content-body .people-command-grid .people-command-card strong,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip .people-command-card strong,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip .sip-kpi strong,
html body.admin-lms-ui .nk-content-body .engagement-command-grid .engagement-command-card strong,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid .people-command-card strong,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip .people-command-card strong,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi strong,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid .engagement-command-card strong {
  display: inline !important;
  margin: 0 !important;
  color: var(--sip-linear-text, #1e293b) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

/* Secondary hint: hide long copy; keep sort/per-page style meta inline when short */
html body.admin-lms-ui .nk-content-body .people-command-grid .people-command-card > p,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip .people-command-card > p,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip .sip-kpi > p,
html body.admin-lms-ui .nk-content-body .engagement-command-grid .engagement-command-card > p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid .people-command-card > p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip .people-command-card > p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi > p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid .engagement-command-card > p {
  display: inline !important;
  margin: 0 0 0 0.15rem !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 28ch !important;
}

html body.admin-lms-ui .nk-content-body .people-command-grid .people-command-card > p::before,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip .people-command-card > p::before,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip .sip-kpi > p::before,
html body.admin-lms-ui .nk-content-body .engagement-command-grid .engagement-command-card > p::before,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid .people-command-card > p::before,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip .people-command-card > p::before,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi > p::before,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid .engagement-command-card > p::before {
  content: "·" !important;
  margin-right: 0.35rem !important;
  color: #94a3b8 !important;
}

/* Hide count/filter blurbs; keep last segment meta (order · per-page) */
html body.admin-lms-ui .nk-content-body .people-command-grid > .people-command-card:not(:last-child) > p,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip > .people-command-card:not(:last-child) > p,
html body.admin-lms-ui .nk-content-body .sip-kpi-strip > .sip-kpi:not(:last-child) > p,
html body.admin-lms-ui .nk-content-body .engagement-command-grid > .engagement-command-card:not(:last-child) > p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid > .people-command-card:not(:last-child) > p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip > .people-command-card:not(:last-child) > p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip > .sip-kpi:not(:last-child) > p,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid > .engagement-command-card:not(:last-child) > p {
  display: none !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card--muted,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-card--action,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-card--muted {
  background: transparent !important;
}

@media (max-width: 991.98px) {
  html body.admin-lms-ui .nk-content-body .people-command-grid,
  html body.admin-lms-ui .nk-content-body .engagement-command-grid,
  html body.admin-lms-ui .nk-content-body .sip-kpi-strip,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    grid-template-columns: none !important;
  }
  html body.admin-lms-ui .nk-content-body .people-command-grid > .people-command-card + .people-command-card,
  html body.admin-lms-ui .nk-content-body .sip-kpi-strip > .people-command-card + .people-command-card,
  html body.admin-lms-ui .nk-content-body .engagement-command-grid > .engagement-command-card + .engagement-command-card,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .people-command-grid > .people-command-card + .people-command-card,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .sip-kpi-strip > .people-command-card + .people-command-card,
  html body.admin-lms-ui.sip-clean-shell .nk-content-body .engagement-command-grid > .engagement-command-card + .engagement-command-card {
    border-left: 1px solid var(--sip-linear-line, #e6e9ef) !important;
  }
}
/* Pagination footer final override (must stay last) */
html body.admin-lms-ui .nk-content-body .admin-table-pagination-wrap {
  padding: 0.55rem 0.95rem !important;
  border-top: 1px solid #e6e7e9 !important;
  background: #ffffff !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.65rem 1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 2.25rem !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__summary {
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: #626976 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__controls {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.65rem 0.85rem !important;
  margin-left: auto !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .pagination {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.85rem !important;
  height: 1.85rem !important;
  margin: 0 !important;
  padding: 0 0.45rem !important;
  border: 1px solid #e6e7e9 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #626976 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-link:hover,
html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-link:focus {
  border-color: #206bc4 !important;
  background: #f0f6fc !important;
  color: #206bc4 !important;
  box-shadow: none !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-item.active .page-link {
  border-color: #206bc4 !important;
  background: #206bc4 !important;
  color: #ffffff !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__pages .page-item.disabled .page-link {
  border-color: #e6e7e9 !important;
  background: #f8f9fa !important;
  color: #adb5bd !important;
  pointer-events: none !important;
  cursor: default !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__select {
  min-width: 7.5rem !important;
  height: 1.85rem !important;
  min-height: 1.85rem !important;
  padding: 0.15rem 1.75rem 0.15rem 0.55rem !important;
  border: 1px solid #e6e7e9 !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  color: #1e293b !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html body.admin-lms-ui .nk-content-body .admin-pagination-record__select:focus {
  border-color: #206bc4 !important;
  box-shadow: 0 0 0 0.15rem rgba(32, 107, 196, 0.18) !important;
}

@media (max-width: 767.98px) {
  html body.admin-lms-ui .nk-content-body .admin-pagination-record {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-pagination-record__summary {
    white-space: normal !important;
  }
  html body.admin-lms-ui .nk-content-body .admin-pagination-record__controls {
    justify-content: space-between !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
}
/* -------- Row action kebab + menu (Tabler clean; beat teleported dropdown rules) -------- */
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel.dropdown-menu,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel {
  z-index: 1080 !important;
  min-width: 11.5rem !important;
  max-width: 16rem !important;
  padding: 0.35rem !important;
  margin: 0.25rem 0 0 !important;
  border: 1px solid #e6e9ef !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 10px 24px -8px rgba(15, 23, 42, 0.12) !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0.45rem 0.6rem !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: #334155 !important;
  background: transparent !important;
  font-family: Arial, Helvetica, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button .icon.fi {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.1rem !important;
  min-width: 1.1rem !important;
  margin: 0 !important;
  color: #64748b !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:hover,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:focus,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:hover,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:focus,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:hover,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:focus,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:hover,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:focus,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:hover,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:focus,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:hover,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:focus {
  color: #206bc4 !important;
  background: #e8f1fb !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:focus .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:focus .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:focus .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:focus .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item:focus .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item-button:focus .icon.fi {
  color: #206bc4 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger.dropdown-item-button,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger.dropdown-item-button,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger.dropdown-item-button {
  color: #d63939 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger .icon.fi {
  color: #d63939 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger.dropdown-item-button,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger.dropdown-item-button,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger.dropdown-item-button {
  position: relative !important;
  margin-top: 0.3rem !important;
  padding-top: 0.55rem !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger::before,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger.dropdown-item-button::before,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger::before,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger.dropdown-item-button::before,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger::before,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .dropdown-item + .admin-row-actions__danger.dropdown-item-button::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0.4rem !important;
  right: 0.4rem !important;
  height: 1px !important;
  background: #eef1f6 !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:hover,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:focus,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:hover,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:focus,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:hover,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:focus {
  color: #b42318 !important;
  background: #fcebeb !important;
}

html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-app-root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:focus .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell #root .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:focus .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:hover .icon.fi,
html body.admin-lms-ui.sip-clean-shell .nk-content-body .admin-row-actions__menu.admin-pro-dropdown-panel .admin-row-actions__danger:focus .icon.fi {
  color: #b42318 !important;
}