/*
 * Kachitech unified dark surfaces
 * Loaded last across admin, student, instructor, and workspace dashboards.
 */

html[data-theme="dark"] {
  color-scheme: dark;
  --kds-canvas: #0b1120;
  --kds-surface: #131c2b;
  --kds-surface-raised: #182335;
  --kds-control: #101827;
  --kds-hover: #1d2a3f;
  --kds-border: #2a3950;
  --kds-border-strong: #3a4c66;
  --kds-text: #edf3fb;
  --kds-text-soft: #c5d0df;
  --kds-text-muted: #94a3b8;
  --kds-accent: #60a5fa;
  --kds-accent-strong: #2563eb;
  --bs-body-bg: var(--kds-canvas);
  --bs-body-color: var(--kds-text);
  --bs-border-color: var(--kds-border);
  --bs-secondary-color: var(--kds-text-muted);
  --bs-tertiary-bg: var(--kds-surface-raised);
  --kui-page: var(--kds-canvas);
  --kui-bg: var(--kds-canvas);
  --kui-card: var(--kds-surface);
  --kui-border: var(--kds-border);
  --kui-title: var(--kds-text);
  --kui-text: var(--kds-text-soft);
  --kui-muted: var(--kds-text-muted);
  --kui-primary-soft: rgba(37, 99, 235, 0.14);
  --kui-success-soft: rgba(22, 163, 74, 0.14);
  --kui-warn-soft: rgba(217, 119, 6, 0.14);
  --kui-danger-soft: rgba(220, 38, 38, 0.14);
}

html[data-theme="dark"] body {
  background: var(--kds-canvas) !important;
  color: var(--kds-text) !important;
}

/* Remove inherited light patches from dashboard containers. */
html[data-theme="dark"] body :is(
  .body-wrapper,
  .bodywrapper__inner,
  .dashboard-body,
  .kachi-dashboard-main,
  .kachi-dashboard-content,
  .kachi-workspace-main,
  .workspace-content,
  .course-home
) {
  background-color: var(--kds-canvas) !important;
  background-image: none !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body :is(
  .card,
  .card-body,
  .card-footer,
  .custom--card,
  .base--card,
  .base-card,
  .tbl-wrap,
  .table-area,
  .table-content,
  .kui-table-shell,
  .filter-wrap,
  .profile-wrap .row,
  .base-card .content-wrap,
  .base-card .carn-btm,
  .dashboard-card,
  .dashboard-widget,
  .dash-box,
  .chart-bg,
  .discover-box,
  .profile-wrap,
  .dashboard_profile_wrap,
  .workspace-card,
  .plan-card,
  .pricing-card,
  .table-responsive,
  .list-group-item,
  .accordion-item,
  .accordion-body,
  .modal-content,
  .modal-body,
  .offcanvas,
  .dropdown-menu
) {
  background-color: var(--kds-surface) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body :is(
  .bg-white,
  .bg-light,
  .bg--white,
  .bg--light,
  .table-light,
  [class*="bg--light"]
) {
  background-color: var(--kds-surface-raised) !important;
  background-image: none !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body :is(.bg-primary, .bg--primary) {
  background-color: #1d4ed8 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.bg-success, .bg--success) {
  background-color: #166534 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.bg-danger, .bg--danger) {
  background-color: #991b1b !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.bg-info, .bg--info) {
  background-color: #155e75 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.bg-warning, .bg--warning) {
  background-color: #d97706 !important;
  color: #111827 !important;
}

html[data-theme="dark"] body :is(
  .bg-primary,
  .bg--primary,
  .bg-success,
  .bg--success,
  .bg-danger,
  .bg--danger,
  .bg-info,
  .bg--info,
  .bg-warning,
  .bg--warning
) > :is(.card-header, .card-body, .card-footer) {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

html[data-theme="dark"] body :is(
  .card-header,
  .modal-header,
  .modal-footer,
  .offcanvas-header,
  .accordion-header,
  .toast-header,
  .dropdown-header
) {
  background-color: var(--kds-surface-raised) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

/* Labels must sit naturally on the dark surface, never on white rectangles. */
html[data-theme="dark"] body label,
html[data-theme="dark"] body :is(.form-label, .form--label, .control-label) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--kds-text-soft) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .form-group > :is(label, .form-label, .form--label) {
  font-weight: 600;
}

html[data-theme="dark"] body :is(
  h1, h2, h3, h4, h5, h6,
  .card-title,
  .modal-title,
  .page-title,
  strong,
  b
) {
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body :is(
  p,
  td,
  dd,
  li,
  .text-body,
  .text-dark,
  .text-black
) {
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body :is(
  .text-muted,
  .text-secondary,
  small,
  .small,
  .form-text,
  .help-block
) {
  color: var(--kds-text-muted) !important;
}

html[data-theme="dark"] body .text-white,
html[data-theme="dark"] body :is(.bg-primary, .bg--primary, .bg-success, .bg--success, .bg-danger, .bg--danger, .bg-info, .bg--info) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, a, i) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body :is(.bg-warning, .bg--warning) :is(h1, h2, h3, h4, h5, h6, p, span, small, strong, a, i) {
  color: #111827 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body a:not(.btn):not([class*="btn-"]) {
  color: #8ec5ff;
}

html[data-theme="dark"] body a:not(.btn):not([class*="btn-"]):hover {
  color: #bfdbfe;
}

/* Form controls use a slightly inset surface and readable native states. */
html[data-theme="dark"] body :is(
  .form-control,
  .form--control,
  .form-select,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea
) {
  background-color: var(--kds-control) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body :is(
  .form-control,
  .form--control,
  .form-select,
  input,
  textarea
)::placeholder {
  color: #718198 !important;
  opacity: 1;
}

html[data-theme="dark"] body :is(
  .form-control,
  .form--control,
  .form-select,
  input,
  select,
  textarea
):focus {
  background-color: #111c2d !important;
  border-color: var(--kds-accent) !important;
  color: var(--kds-text) !important;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.16) !important;
}

html[data-theme="dark"] body :is(
  .form-control,
  .form--control,
  .form-select,
  input,
  select,
  textarea
):is(:disabled, [readonly]) {
  background-color: #172133 !important;
  border-color: #29384d !important;
  color: #b8c4d4 !important;
  opacity: 1;
}

html[data-theme="dark"] body select option {
  background: var(--kds-control);
  color: var(--kds-text);
}

html[data-theme="dark"] body input:-webkit-autofill,
html[data-theme="dark"] body input:-webkit-autofill:hover,
html[data-theme="dark"] body input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--kds-control) inset !important;
  -webkit-text-fill-color: var(--kds-text) !important;
  caret-color: var(--kds-text);
}

html[data-theme="dark"] body :is(.input-group-text, .form-control-file-label) {
  background: var(--kds-surface-raised) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body input[type="file"]::file-selector-button {
  background: var(--kds-surface-raised);
  border: 0;
  border-right: 1px solid var(--kds-border);
  color: var(--kds-text);
}

html[data-theme="dark"] body :is(.form-check-input, input[type="checkbox"], input[type="radio"]) {
  background-color: var(--kds-control) !important;
  border-color: var(--kds-border-strong) !important;
}

html[data-theme="dark"] body :is(.form-check-input, input[type="checkbox"], input[type="radio"]):checked {
  background-color: var(--kds-accent-strong) !important;
  border-color: var(--kds-accent) !important;
}

/* Tables share the same surface hierarchy as cards. */
html[data-theme="dark"] body .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--kds-text-soft);
  --bs-table-border-color: var(--kds-border);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.025);
  --bs-table-striped-color: var(--kds-text-soft);
  --bs-table-hover-bg: var(--kds-hover);
  --bs-table-hover-color: var(--kds-text);
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body .table > :not(caption) > * > * {
  background-color: transparent !important;
  border-color: var(--kds-border) !important;
  color: inherit !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body .table thead th {
  background: var(--kds-surface-raised) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body .table tbody tr:hover > * {
  background: var(--kds-hover) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body :is(
  .tbl-wrap,
  .table-area,
  .table-content,
  .kui-table-shell,
  .profile-wrap,
  .base--card,
  .coustome-tabs,
  .nav-tabs.coustome-tabs,
  .kachi-reflection-list,
  .kachi-logbook-list
) {
  background: linear-gradient(145deg, var(--kds-surface), #0f172a) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body :is(.tbl-wrap, .table-area, .kui-table-shell, .base--card) {
  border-radius: 18px !important;
}

html[data-theme="dark"] body.kachi-dashboard-body :is(.table-area, .kui-table-shell) {
  overflow: hidden;
}

html[data-theme="dark"] body.kachi-dashboard-body .table tbody td,
html[data-theme="dark"] body.kachi-dashboard-body .table tbody th {
  color: var(--kds-text-soft) !important;
  background: transparent !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .table tbody td :is(span, p, small, strong, h6) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .table tbody td .text-muted,
html[data-theme="dark"] body.kachi-dashboard-body .table tbody td small {
  color: var(--kds-text-muted) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .search-box,
html[data-theme="dark"] body.kachi-dashboard-body .search-box .form--control {
  background: var(--kds-control) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .coustome-tabs .btn--base.outline-2.active {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: #60a5fa !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-course-card {
  background: linear-gradient(180deg, #141f30, #0f172a) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-course-card :is(h3, strong) {
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-course-card :is(.kachi-course-card__meta, .kachi-course-card__meta li, .kachi-course-card__comment span) {
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-course-card__enroll {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: #60a5fa !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-course-card__enroll :is(i, span) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Buttons have explicit fill/text pairings to prevent blue-on-blue labels. */
html[data-theme="dark"] body :is(
  .btn-primary,
  .btn--primary,
  .btn--base,
  .btn--base-2,
  .btn-global,
  .cmn--btn
):not([class*="outline"]):not(.outline):not(.outline-2) {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body :is(.btn-success, .btn--success) {
  background: #15803d !important;
  border-color: #22c55e !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.btn-danger, .btn--danger) {
  background: #b91c1c !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.btn-warning, .btn--warning) {
  background: #f59e0b !important;
  border-color: #fbbf24 !important;
  color: #111827 !important;
}

html[data-theme="dark"] body :is(.btn-info, .btn--info) {
  background: #0e7490 !important;
  border-color: #22d3ee !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.btn-light, .btn-secondary, .btn--secondary, .btn--dark) {
  background: var(--kds-surface-raised) !important;
  border-color: var(--kds-border-strong) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body :is(
  .btn-outline-primary,
  .btn-outline--primary,
  .btn-outline--base,
  .btn--base.outline,
  .btn--base.outline-2
) {
  background: transparent !important;
  border-color: var(--kds-accent) !important;
  color: #93c5fd !important;
}

html[data-theme="dark"] body :is(
  .btn-outline-primary,
  .btn-outline--primary,
  .btn-outline--base,
  .btn--base.outline,
  .btn--base.outline-2
):hover {
  background: var(--kds-accent-strong) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body .btn :is(i, span),
html[data-theme="dark"] body [class*="btn-"] :is(i, span) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .btn:disabled,
html[data-theme="dark"] body .btn.disabled {
  opacity: 0.6;
}

/* Common third-party widgets. */
html[data-theme="dark"] body :is(
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-dropdown,
  .select2-search__field
) {
  background: var(--kds-control) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body .select2-container--default .select2-results__option {
  background: var(--kds-surface) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body .select2-container--default .select2-results__option--highlighted {
  background: var(--kds-accent-strong) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(
  .note-editor.note-frame,
  .note-toolbar,
  .note-editing-area,
  .note-editable,
  .note-statusbar
) {
  background: var(--kds-control) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body .note-btn {
  background: var(--kds-surface-raised) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body :is(.nav-tabs, .pagination, hr) {
  border-color: var(--kds-border) !important;
}

html[data-theme="dark"] body .nav-tabs .nav-link {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--kds-text-muted) !important;
}

html[data-theme="dark"] body .nav-tabs .nav-link.active {
  background: var(--kds-surface-raised) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body .page-link {
  background: var(--kds-surface) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body .page-item.active .page-link {
  background: var(--kds-accent-strong) !important;
  border-color: var(--kds-accent) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.alert, .toast, .popover) {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body .border,
html[data-theme="dark"] body [class*="border-"] {
  border-color: var(--kds-border) !important;
}

/* Authentication pages: one calm dark surface across every account type. */
html[data-theme="dark"] body :is(
  .site-boxed-layout,
  .kachi-frontend-inner-canvas,
  .kachi-auth-shell,
  .workspace-auth-shell,
  .kachi-admin-login-page,
  .login_area
) {
  background-color: var(--kds-canvas) !important;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(37, 99, 235, 0.13), transparent 32%),
    radial-gradient(circle at 88% 92%, rgba(14, 165, 233, 0.08), transparent 30%) !important;
  color: var(--kds-text) !important;
}

.kachi-auth-logo--dark {
  display: none;
}

html[data-theme="dark"] body .kachi-auth-logo--light {
  display: none !important;
}

html[data-theme="dark"] body .kachi-auth-logo--dark {
  display: inline-block !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-card,
  .workspace-auth-card,
  .kachi-admin-login-card,
  .login,
  .account-form
) {
  background: rgba(19, 28, 43, 0.97) !important;
  border: 1px solid var(--kds-border) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.42) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body :is(
  .kachi-admin-login-body,
  .login__body,
  .account-form
) {
  background-color: transparent !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-header h4,
  .workspace-auth-header h4,
  .login__header h2,
  .login__body h4,
  .account-form h2,
  .account-form h3,
  .account-form h4,
  .account-form h5,
  .account-form h6
) {
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body :is(
  .workspace-auth-header p,
  .login__header p,
  .kachi-auth-footer p,
  .workspace-auth-footer p,
  .kachi-admin-login-footer p,
  .kachi-admin-login-app-hint,
  .kachi-auth-app-hint,
  .workspace-auth-app-hint
) {
  color: var(--kds-text-muted) !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-form .form-label,
  .workspace-auth-form .form-label,
  .kachi-login-label,
  .kachi-login-remember-label,
  .account-form label,
  .login label
) {
  background: transparent !important;
  color: var(--kds-text-soft) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-form .form-control,
  .kachi-auth-form .form-select,
  .workspace-auth-form .form-control,
  .workspace-auth-form .form-select,
  .kachi-login-input,
  .login__body .field input,
  .account-form .form-control,
  .account-form .form-select,
  .verification-code input
) {
  background: var(--kds-control) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-form .form-control,
  .kachi-auth-form .form-select,
  .workspace-auth-form .form-control,
  .workspace-auth-form .form-select,
  .kachi-login-input,
  .login__body .field input,
  .account-form .form-control,
  .account-form .form-select
):focus {
  background: var(--kds-control) !important;
  border-color: var(--kds-accent) !important;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.14) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-form .input-group-text,
  .workspace-auth-form .input-group-text
) {
  background: var(--kds-surface-raised) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-muted) !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-close,
  .workspace-auth-close,
  .kachi-auth-social
) {
  background: var(--kds-surface-raised) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-close,
  .workspace-auth-close,
  .kachi-auth-social
):hover {
  background: var(--kds-hover) !important;
  color: var(--kds-accent) !important;
}

html[data-theme="dark"] body .kachi-auth-tab {
  background: var(--kds-control) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-muted) !important;
}

html[data-theme="dark"] body .kachi-auth-tab.active {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body .kachi-auth-divider::before {
  background: var(--kds-border) !important;
}

html[data-theme="dark"] body .kachi-auth-divider span {
  background: var(--kds-surface) !important;
  color: var(--kds-text-muted) !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-footer,
  .workspace-auth-footer,
  .kachi-admin-login-footer,
  .kachi-admin-login-app
) {
  background: transparent !important;
  border-color: var(--kds-border) !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-footer a,
  .workspace-auth-footer a,
  .kachi-login-forgot,
  .login__footer a,
  .forget-text,
  .account-form a
) {
  color: #7dd3fc !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-footer a,
  .workspace-auth-footer a,
  .kachi-login-forgot,
  .login__footer a,
  .forget-text,
  .account-form a
):hover {
  color: #bae6fd !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-form .btn--base,
  .workspace-auth-form .btn--base,
  .kachi-login-submit,
  .sign-in,
  .btn-login
) {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body :is(
  .kachi-auth-form .btn--base,
  .workspace-auth-form .btn--base,
  .kachi-login-submit,
  .sign-in,
  .btn-login
) :is(span, i) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body :is(
  .kachi-login-input-icon,
  .login__body .show-pass,
  .password-show-hide
) {
  color: var(--kds-text-muted) !important;
}

html[data-theme="dark"] body .kachi-login-checkbox {
  background: var(--kds-control) !important;
  border-color: var(--kds-border-strong) !important;
}

html[data-theme="dark"] body :is(.input-popup, .verification-code .boxes span) {
  background: var(--kds-surface-raised) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
}

@media (max-width: 575.98px) {
  html[data-theme="dark"] body :is(.kachi-auth-shell, .workspace-auth-shell, .kachi-admin-login-page) {
    padding: 14px !important;
  }
}

/*
 * Final dashboard guardrail.
 * Several legacy dashboard files declare light surfaces with body-qualified
 * selectors and !important, so these rules intentionally carry more context.
 */
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-main,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-main .dashboard-body,
html[data-theme="dark"] body.kachi-admin-body .body-wrapper,
html[data-theme="dark"] body.kachi-admin-body .bodywrapper__inner {
  background: var(--kds-canvas) !important;
  background-color: var(--kds-canvas) !important;
  background-image: none !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kachi-dashboard-header,
  .dashboard-header,
  .discover-box,
  .dash-box,
  .dashboard-card,
  .chart-bg,
  .category-card,
  .base-card,
  .custom--card,
  .card,
  .card-body,
  .card-footer,
  .table-responsive,
  .form-area,
  .profile-info-card,
  .profile-card,
  .profile-wrap,
  .dashboard-profile,
  .dashboard_profile,
  .dashboard_profile_wrap,
  .activity-center,
  .widget,
  .well,
  .content-box,
  .panel,
  .kachi-course-slider-section
),
html[data-theme="dark"] body.kachi-admin-body :is(
  .card,
  .card-body,
  .card-footer,
  .custom--card,
  .base--card,
  .dashboard-widget,
  .table-responsive,
  .form-area,
  .profile-info-card,
  .content-box,
  .panel,
  .well,
  .bg-white,
  .bg-light,
  .bg--white,
  .bg--light
) {
  background: var(--kds-surface) !important;
  background-color: var(--kds-surface) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  box-shadow: 0 8px 24px rgba(2, 6, 23, 0.22) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .card-header,
  .modal-header,
  .modal-footer,
  .list-group-item,
  .accordion-item,
  .accordion-body,
  .bg-white,
  .bg-light,
  .bg--white,
  .bg--light,
  .kachi-slider-btn
),
html[data-theme="dark"] body.kachi-admin-body :is(
  .card-header,
  .modal-header,
  .modal-footer,
  .list-group-item,
  .accordion-item,
  .accordion-body
) {
  background: var(--kds-surface-raised) !important;
  background-color: var(--kds-surface-raised) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu {
  background: var(--kds-surface) !important;
  background-color: var(--kds-surface) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  box-shadow: 4px 0 24px rgba(2, 6, 23, 0.28) !important;
}

body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu .logo-wrapper,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu .logo-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px;
  margin: 12px 8px 10px !important;
  padding: 12px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  opacity: 1 !important;
  filter: none !important;
}

body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu .logo-wrapper .normal-logo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
}

body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu .logo-wrapper img,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu .logo-wrapper img {
  display: block !important;
  max-width: 160px;
  max-height: 42px;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 1 !important;
  visibility: visible !important;
  filter: brightness(0.85) saturate(1.1) !important;
  mix-blend-mode: normal !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link .text,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-submenu-list__link {
  color: var(--kds-text-soft) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link:hover,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link.active,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__item.has-dropdown.active > a,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-submenu-list__link:hover {
  background: var(--kds-hover) !important;
  border-color: var(--kds-border-strong) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kachi-dashboard-header,
  .dashboard-header,
  .dash-box,
  .dashboard-card,
  .chart-bg,
  .category-card,
  .form-area,
  .profile-info-card,
  .kachi-course-slider-section
) :is(h1, h2, h3, h4, h5, h6, p, span, small, label, strong),
html[data-theme="dark"] body.kachi-admin-body :is(
  .card,
  .custom--card,
  .base--card,
  .form-area,
  .profile-info-card,
  .table-responsive
) :is(h1, h2, h3, h4, h5, h6, p, span, small, label, strong) {
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .text-muted,
  .text-secondary,
  .dashboard-card__title,
  .kachi-dashboard-kicker,
  .form-text
),
html[data-theme="dark"] body.kachi-admin-body :is(
  .text-muted,
  .text-secondary,
  .form-text
) {
  color: var(--kds-text-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body :is(
  .mb-3.p-2.rounded-2.small.border,
  #installment_breakdown,
  .input-popup,
  .note-editor,
  .note-toolbar,
  .note-editable,
  .ck-editor__main > .ck-editor__editable,
  .select2-dropdown,
  .select2-results__option
) {
  background: var(--kds-surface-raised) !important;
  background-color: var(--kds-surface-raised) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body :is(.table, .table-striped) > :not(caption) > * > * {
  background-color: transparent !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
  box-shadow: none !important;
}

/*
 * Compact dashboard components.
 * These selectors intentionally outrank the legacy light-only component file.
 */
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kui-action-bar,
  .kui-stat-card,
  .kui-table-shell,
  .tbl-wrap,
  .table-area,
  .kachi-delivery-tabs,
  .kachi-delivery-tabs__intro
),
html[data-theme="dark"] body.kachi-admin-body :is(
  .kui-action-bar,
  .kui-stat-card,
  .kui-table-shell,
  .tbl-wrap,
  .table-area,
  .kachi-delivery-tabs,
  .kachi-delivery-tabs__intro
) {
  background: var(--kds-surface) !important;
  background-color: var(--kds-surface) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kui-stat-card.kui-primary,
html[data-theme="dark"] body.kachi-admin-body .kui-stat-card.kui-primary {
  background: rgba(37, 99, 235, 0.14) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kui-stat-card.kui-success,
html[data-theme="dark"] body.kachi-admin-body .kui-stat-card.kui-success {
  background: rgba(22, 163, 74, 0.14) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kui-stat-card.kui-warning,
html[data-theme="dark"] body.kachi-admin-body .kui-stat-card.kui-warning {
  background: rgba(217, 119, 6, 0.14) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kui-stat-card.kui-danger,
html[data-theme="dark"] body.kachi-admin-body .kui-stat-card.kui-danger {
  background: rgba(220, 38, 38, 0.14) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kui-action-bar,
  .kui-stat-card,
  .kachi-delivery-tabs
) :is(h1, h2, h3, h4, h5, h6, strong),
html[data-theme="dark"] body.kachi-admin-body :is(
  .kui-action-bar,
  .kui-stat-card,
  .kachi-delivery-tabs
) :is(h1, h2, h3, h4, h5, h6, strong) {
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kui-action-bar p,
  .kui-stat-card h6,
  .kui-stat-card p,
  .kachi-delivery-tabs__intro
),
html[data-theme="dark"] body.kachi-admin-body :is(
  .kui-action-bar p,
  .kui-stat-card h6,
  .kui-stat-card p,
  .kachi-delivery-tabs__intro
) {
  color: var(--kds-text-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kachi-delivery-tabs__nav .nav-link,
html[data-theme="dark"] body.kachi-admin-body .kachi-delivery-tabs__nav .nav-link {
  background: var(--kds-control) !important;
  border: 1px solid var(--kds-border) !important;
  color: #7dd3fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kachi-delivery-tabs__nav .nav-link.active,
html[data-theme="dark"] body.kachi-admin-body .kachi-delivery-tabs__nav .nav-link.active {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .coustome-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  overflow: visible !important;
  padding: 12px !important;
  background: var(--kds-surface) !important;
  border: 1px solid var(--kds-border) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .coustome-tabs .nav-item {
  flex: 0 1 auto !important;
  margin: 0 !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .coustome-tabs .btn--base.outline-2 {
  min-width: 0 !important;
  white-space: normal !important;
  background: var(--kds-control) !important;
  border-color: #3b82f6 !important;
  color: #7dd3fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .coustome-tabs .btn--base.outline-2.active {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: #60a5fa !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell.kachi-dashboard-shell :is(
  .form-control,
  .form--control,
  .form-select,
  input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="file"]),
  select,
  textarea,
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-selection__rendered
),
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell :is(
  .form-control,
  .form--control,
  .form-select,
  input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="file"]),
  select,
  textarea,
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-selection__rendered
) {
  background: var(--kds-control) !important;
  background-color: var(--kds-control) !important;
  background-image: none !important;
  border-color: var(--kds-border-strong) !important;
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .search-box .form--control,
html[data-theme="dark"] body.kachi-admin-body .search-box :is(.form--control, .form-control) {
  background: var(--kds-control) !important;
  background-color: var(--kds-control) !important;
  background-image: none !important;
  border-color: var(--kds-border-strong) !important;
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .search-box .form--control::placeholder,
html[data-theme="dark"] body.kachi-admin-body .search-box :is(.form--control, .form-control)::placeholder {
  color: var(--kds-text-muted) !important;
  opacity: 1;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .search-box__button,
html[data-theme="dark"] body.kachi-admin-body .search-box__button {
  background: transparent !important;
  border: 0 !important;
  color: #fbbf24 !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .search-box__button i,
html[data-theme="dark"] body.kachi-admin-body .search-box__button i {
  color: inherit !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(.alert-warning, .alert-info),
html[data-theme="dark"] body.kachi-admin-body :is(.alert-warning, .alert-info) {
  border-color: var(--kds-border-strong) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .alert-warning,
html[data-theme="dark"] body.kachi-admin-body .alert-warning {
  background: rgba(217, 119, 6, 0.15) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .alert-info,
html[data-theme="dark"] body.kachi-admin-body .alert-info {
  background: rgba(14, 165, 233, 0.14) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(.kui-table-shell, .tbl-wrap, .table-area) .table thead th,
html[data-theme="dark"] body.kachi-admin-body :is(.kui-table-shell, .tbl-wrap, .table-area) .table thead th {
  background: var(--kds-surface-raised) !important;
  color: var(--kds-text-soft) !important;
  border-color: var(--kds-border) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(.kui-table-shell, .tbl-wrap, .table-area) .table tbody td,
html[data-theme="dark"] body.kachi-admin-body :is(.kui-table-shell, .tbl-wrap, .table-area) .table tbody td {
  background: transparent !important;
  color: var(--kds-text-soft) !important;
  border-color: var(--kds-border) !important;
}

/*
 * Dashboard header guardrail.
 * Branding styles intentionally use body-qualified selectors, so this final
 * block keeps navigation and page toolbars dark with enough specificity.
 */
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell .navbar-wrapper,
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell .breadcrumb-wrapper,
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell .kachi-admin-page-summary,
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell .kachi-admin-hero {
  background: linear-gradient(135deg, var(--kds-surface) 0%, var(--kds-surface-raised) 100%) !important;
  background-color: var(--kds-surface) !important;
  background-image: linear-gradient(135deg, var(--kds-surface) 0%, var(--kds-surface-raised) 100%) !important;
  border-color: var(--kds-border) !important;
  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.28) !important;
  color: var(--kds-text) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell .navbar-wrapper :is(
  .navbar-search-field,
  .navbar__right button
),
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell .breadcrumb-wrapper :is(
  .form-control,
  .form-select,
  .input-group-text:not(button):not(.btn)
) {
  background: var(--kds-control) !important;
  background-color: var(--kds-control) !important;
  background-image: none !important;
  border-color: var(--kds-border-strong) !important;
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell :is(
  .navbar-wrapper,
  .breadcrumb-wrapper,
  .kachi-admin-page-summary,
  .kachi-admin-hero
) :is(.page-title, .navbar-user__name, h1, h2, h3, h4, h5, h6, strong) {
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell.kachi-admin-shell :is(
  .navbar-wrapper,
  .breadcrumb-wrapper,
  .kachi-admin-page-summary,
  .kachi-admin-hero
) :is(p, small, .text-muted) {
  color: var(--kds-text-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell.kachi-dashboard-shell :is(
  .kachi-dashboard-header,
  .dashboard-header,
  .kachi-dashboard-summary
) {
  background: linear-gradient(135deg, var(--kds-surface) 0%, var(--kds-surface-raised) 100%) !important;
  background-color: var(--kds-surface) !important;
  background-image: linear-gradient(135deg, var(--kds-surface) 0%, var(--kds-surface-raised) 100%) !important;
  border-color: var(--kds-border) !important;
  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.26) !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell.kachi-dashboard-shell :is(
  .kachi-dashboard-header,
  .dashboard-header,
  .kachi-dashboard-summary
) :is(h1, h2, h3, h4, h5, h6, strong, span:not(.badge)) {
  color: var(--kds-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell.kachi-dashboard-shell :is(
  .kachi-dashboard-header,
  .dashboard-header,
  .kachi-dashboard-summary
) :is(p, small, .text-muted) {
  color: var(--kds-text-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

/*
 * Frontend mobile navigation.
 * The drawer stays fully opaque so links remain sharp and reliably clickable.
 */
@media (max-width: 991.98px) {
  html[data-theme="dark"] body .workspace-mobile-toggle,
  body.kachi-dark-mode .workspace-mobile-toggle {
    border-color: #33445c !important;
    color: #e8f0fa !important;
    background: #151f2e !important;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.3) !important;
  }

  html[data-theme="dark"] body .workspace-mobile-toggle:hover,
  body.kachi-dark-mode .workspace-mobile-toggle:hover {
    border-color: #5f91b8 !important;
    color: #ffffff !important;
    background: #1a2739 !important;
  }

  html[data-theme="dark"] body .workspace-mobile-drawer,
  body.kachi-dark-mode .workspace-mobile-drawer {
    border-right-color: #2b3b51 !important;
    color: #edf3fb !important;
    background: #0f1724 !important;
    box-shadow: 20px 0 55px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme="dark"] body .workspace-mobile-drawer .offcanvas-header,
  body.kachi-dark-mode .workspace-mobile-drawer .offcanvas-header {
    border-bottom-color: #2b3b51 !important;
    background: #151f2e !important;
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.24) !important;
  }

  html[data-theme="dark"] body .workspace-mobile-drawer .offcanvas-body,
  body.kachi-dark-mode .workspace-mobile-drawer .offcanvas-body {
    background:
      radial-gradient(circle at 0 0, rgba(96, 165, 250, 0.12), transparent 27%),
      #0f1724 !important;
  }

  html[data-theme="dark"] body .workspace-mobile-close,
  body.kachi-dark-mode .workspace-mobile-close {
    border-color: #34465f !important;
    color: #dce7f4 !important;
    background: #1b293b !important;
  }

  html[data-theme="dark"] body .workspace-mobile-close:hover,
  body.kachi-dark-mode .workspace-mobile-close:hover {
    border-color: #66bce5 !important;
    color: #ffffff !important;
    background: #245878 !important;
  }

  html[data-theme="dark"] body .workspace-mobile-profile,
  html[data-theme="dark"] body .workspace-mobile-section,
  html[data-theme="dark"] body .workspace-mobile-auth-group,
  body.kachi-dark-mode .workspace-mobile-profile,
  body.kachi-dark-mode .workspace-mobile-section,
  body.kachi-dark-mode .workspace-mobile-auth-group {
    border-color: #2b3b51 !important;
    color: #edf3fb !important;
    background: #151f2e !important;
    box-shadow: 0 10px 27px rgba(0, 0, 0, 0.2) !important;
  }

  html[data-theme="dark"] body .workspace-mobile-profile span,
  body.kachi-dark-mode .workspace-mobile-profile span {
    color: #edf3fb !important;
  }

  html[data-theme="dark"] body .workspace-mobile-section__title,
  body.kachi-dark-mode .workspace-mobile-section__title {
    color: #91a5bd !important;
  }

  html[data-theme="dark"] body .workspace-mobile-menu a,
  body.kachi-dark-mode .workspace-mobile-menu a {
    border-color: #2d3e55 !important;
    color: #d5e0ed !important;
    background: #101a29 !important;
  }

  html[data-theme="dark"] body .workspace-mobile-menu a i,
  body.kachi-dark-mode .workspace-mobile-menu a i {
    color: #8fc9e7 !important;
    background: #1b2c40 !important;
  }

  html[data-theme="dark"] body .workspace-mobile-menu a:hover,
  body.kachi-dark-mode .workspace-mobile-menu a:hover {
    border-color: #466885 !important;
    color: #ffffff !important;
    background: #18273a !important;
  }

  html[data-theme="dark"] body .workspace-mobile-menu a.active,
  body.kachi-dark-mode .workspace-mobile-menu a.active {
    border-color: #5f9bc1 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #1b334b, #172436) !important;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.25) !important;
  }

  html[data-theme="dark"] body .workspace-mobile-drawer-footer,
  body.kachi-dark-mode .workspace-mobile-drawer-footer {
    color: #8497ae !important;
  }
}

/* Complete dark presentation for the public Kachitech Space landing page. */
html[data-theme="dark"] body main.kachi-workspace-landing,
body.kachi-dark-mode main.kachi-workspace-landing {
  background:
    radial-gradient(circle at 8% 8%, rgba(91, 163, 200, 0.13), transparent 27%),
    radial-gradient(circle at 90% 40%, rgba(72, 201, 176, 0.08), transparent 25%),
    #0b1320 !important;
  color: #edf3fb !important;
}

html[data-theme="dark"] body .kachi-workspace-landing :is(
  .ws-landing-features,
  .ws-landing-plans,
  .ws-landing-classroom,
  .ws-landing-gallery
),
body.kachi-dark-mode .kachi-workspace-landing :is(
  .ws-landing-features,
  .ws-landing-plans,
  .ws-landing-classroom,
  .ws-landing-gallery
) {
  background: transparent !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-section-header h2,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-section-header h2 {
  color: #f5f8fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-section-header p,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-section-header p {
  color: #aebdd0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-section-label,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-section-label {
  border: 1px solid rgba(112, 192, 230, 0.22) !important;
  color: #8fd3f1 !important;
  background: rgba(79, 159, 200, 0.12) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .kachi-workspace-landing :is(
  .ws-landing-feature-card,
  .ws-landing-plan-group__header,
  .ws-landing-plan-card,
  .ws-landing-classroom__card
),
body.kachi-dark-mode .kachi-workspace-landing :is(
  .ws-landing-feature-card,
  .ws-landing-plan-group__header,
  .ws-landing-plan-card,
  .ws-landing-classroom__card
) {
  border-color: #2a3a50 !important;
  color: #edf3fb !important;
  background: linear-gradient(155deg, #151f2e, #111a28) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] body .kachi-workspace-landing :is(
  .ws-landing-feature-card,
  .ws-landing-plan-card
):hover,
body.kachi-dark-mode .kachi-workspace-landing :is(
  .ws-landing-feature-card,
  .ws-landing-plan-card
):hover {
  border-color: #45627f !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] body .kachi-workspace-landing :is(
  .ws-landing-feature-card h3,
  .ws-landing-plan-group__header h3,
  .ws-landing-plan-card h4,
  .ws-landing-classroom__info h4
),
body.kachi-dark-mode .kachi-workspace-landing :is(
  .ws-landing-feature-card h3,
  .ws-landing-plan-group__header h3,
  .ws-landing-plan-card h4,
  .ws-landing-classroom__info h4
) {
  color: #f4f7fb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .kachi-workspace-landing :is(
  .ws-landing-feature-card p,
  .ws-landing-plan-group__header p,
  .ws-landing-plan-card__period,
  .ws-landing-plan-card__features li,
  .ws-landing-classroom__info > p
),
body.kachi-dark-mode .kachi-workspace-landing :is(
  .ws-landing-feature-card p,
  .ws-landing-plan-group__header p,
  .ws-landing-plan-card__period,
  .ws-landing-plan-card__features li,
  .ws-landing-classroom__info > p
) {
  color: #b5c2d3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-plan-card__body,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-plan-card__body {
  background: transparent !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-plan-card__image,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-plan-card__image {
  border-bottom: 1px solid #2a3a50 !important;
  background: #101927 !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-plan-card--popular,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-plan-card--popular {
  border-color: #63b5dc !important;
  box-shadow: 0 0 0 1px rgba(99, 181, 220, 0.18), 0 20px 48px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-plan-card__duration,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-plan-card__duration {
  border: 1px solid rgba(112, 192, 230, 0.22) !important;
  color: #9ddcf6 !important;
  background: rgba(79, 159, 200, 0.12) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-plan-card__amount,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-plan-card__amount {
  color: #82ceed !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-plan-card__features li i,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-plan-card__features li i {
  color: #69d89c !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-classroom__form,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-classroom__form {
  border: 1px solid #2a3a50 !important;
  background: #101927 !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-classroom__rate,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-classroom__rate {
  border: 1px solid #2b3c53 !important;
  background: #172234 !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-classroom__rate span,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-classroom__rate span {
  color: #aebdd0 !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-classroom__rate strong,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-classroom__rate strong {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-classroom__photo,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-classroom__photo,
html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-gallery__item,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-gallery__item {
  border-color: #33465f !important;
  background: #101927 !important;
  box-shadow: 0 15px 38px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] body .kachi-workspace-landing .ws-landing-cta,
body.kachi-dark-mode .kachi-workspace-landing .ws-landing-cta {
  border-top: 1px solid #29415a !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(107, 182, 219, 0.2), transparent 30%),
    linear-gradient(135deg, #10263f, #173c5b) !important;
}

/*
 * Student payment and transaction pages.
 * Keep legacy cards, installment slots, table rows, and responsive labels on
 * the same dark surface so no light patches obscure payment information.
 */
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kachi-student-transactions,
  .kachi-student-payments,
  .kachi-student-certificates
) :is(
  .base--card,
  .kachi-installment-card,
  .kachi-payment-slot,
  .tbl-wrap,
  .table-area,
  .modal-content,
  .list-group-item
) {
  background: var(--kds-surface) !important;
  background-color: var(--kds-surface) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kachi-student-transactions .kachi-payment-slot.is-paid {
  background: rgba(22, 163, 74, 0.12) !important;
  border-color: rgba(74, 222, 128, 0.42) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kachi-student-transactions,
  .kachi-student-payments,
  .kachi-student-certificates
) :is(.table td, .table td span, .table td strong, .list-group-item, .modal-body, label) {
  color: var(--kds-text-soft) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kachi-student-transactions,
  .kachi-student-payments
) .table td .text-success {
  color: #86efac !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kachi-student-transactions,
  .kachi-student-payments
) .table td .text-danger {
  color: #fca5a5 !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .kachi-student-transactions,
  .kachi-student-payments,
  .kachi-student-certificates
) :is(.btn--base, .btn--success) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 991px) {
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
    .kachi-student-transactions,
    .kachi-student-payments,
    .kachi-student-certificates
  ) .table--responsive--lg tbody tr {
    margin-bottom: 12px;
    overflow: hidden;
    background: var(--kds-surface-raised) !important;
    border: 1px solid var(--kds-border) !important;
    border-radius: 12px;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
    .kachi-student-transactions,
    .kachi-student-payments,
    .kachi-student-certificates
  ) .table--responsive--lg tbody tr td {
    background: transparent !important;
    border-bottom: 1px solid var(--kds-border) !important;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
    .kachi-student-transactions,
    .kachi-student-payments,
    .kachi-student-certificates
  ) .table--responsive--lg tbody tr td::before {
    color: var(--kds-text-muted) !important;
    -webkit-text-fill-color: currentColor !important;
  }
}

/*
 * Mobile dashboard drawer guardrail.
 * This file is loaded after the branding styles that add glass blur, so keep
 * the actual navigation opaque, sharp, and above its click-blocking overlay.
 */
@media (max-width: 1199px) {
  body.kachi-dashboard-body .kachi-dashboard-shell .dashboard-body__bar {
    margin: 0;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .kachi-dashboard-menu-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: auto !important;
    min-width: 92px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 5px 12px 5px 6px !important;
    color: #172033 !important;
    background: #ffffff !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12) !important;
    font: inherit;
    font-size: 13px !important;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .kachi-dashboard-menu-trigger__icon {
    display: inline-flex;
    flex: 0 0 30px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 30px;
    height: 30px;
    background: linear-gradient(145deg, #2d67e8, #58b9df);
    border-radius: 10px;
    box-shadow: 0 5px 12px rgba(45, 103, 232, 0.26);
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .kachi-dashboard-menu-trigger__icon > span {
    display: block;
    width: 14px;
    height: 2px;
    background: #ffffff;
    border-radius: 999px;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .kachi-dashboard-menu-trigger__label {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kachi-dashboard-menu-trigger,
  body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-shell .kachi-dashboard-menu-trigger {
    color: #f8fafc !important;
    background: #172033 !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.34) !important;
  }

  body.kachi-dashboard-body.dashboard-sidebar-open .kachi-dashboard-shell .dashboard_profile {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: min(300px, 86vw) !important;
    height: 100vh !important;
    height: 100dvh !important;
    margin: 0 !important;
    z-index: 13020 !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu,
  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    isolation: isolate;
    z-index: 13021 !important;
    border-right: 1px solid #dce5f0 !important;
    box-shadow: 18px 0 42px rgba(15, 23, 42, 0.24) !important;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar,
  body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-shell .sidebar-menu,
  body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-shell .sidebar-menu.show-sidebar {
    background: #181b24 !important;
    background-color: #181b24 !important;
    background-image: none !important;
    border-right-color: #31394a !important;
    box-shadow: 18px 0 46px rgba(0, 0, 0, 0.48) !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu:not(.show-sidebar) {
    pointer-events: none !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar,
  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar .sidebar-menu-list,
  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar .sidebar-menu-list__item,
  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar .sidebar-menu-list__link,
  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar .sidebar-submenu,
  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar .sidebar-submenu-list__link,
  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu.show-sidebar .sidebar-menu__close {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu__close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #172033 !important;
    background: #edf2f8 !important;
    border: 1px solid #d8e2ee !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu__close i {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 22px;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list {
    padding: 4px 5px 28px !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__item {
    margin: 4px 0 !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link {
    display: flex !important;
    align-items: center;
    min-height: 48px;
    margin: 0 !important;
    padding: 7px 10px !important;
    color: #334155 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    line-height: 1.25;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link:hover,
  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link.active {
    color: #172033 !important;
    background: #eaf2ff !important;
    border-color: #cdddf6 !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link > :is(.icon, i:first-child) {
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    color: #2563eb !important;
    background: #dbeafe !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link > .icon i {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu__close,
  body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-shell .sidebar-menu__close {
    color: #e8eef8 !important;
    background: #252b38 !important;
    border-color: #3b4558 !important;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link,
  body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-shell .sidebar-menu-list__link {
    color: #cbd5e1 !important;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link:hover,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link.active,
  body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-shell .sidebar-menu-list__link:hover,
  body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-shell .sidebar-menu-list__link.active {
    color: #f8fafc !important;
    background: #242e3f !important;
    border-color: #3d506b !important;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-menu-list__link > :is(.icon, i:first-child),
  body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-shell .sidebar-menu-list__link > :is(.icon, i:first-child) {
    color: #7dd3fc !important;
    background: #20374c !important;
  }

  body.kachi-dashboard-body .kachi-dashboard-shell .sidebar-overlay {
    z-index: 13010 !important;
    background: rgba(8, 15, 28, 0.7) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }
}

/*
 * Frontpage dark mode.
 * Keep the image-led hero vivid while giving every section below it a
 * deliberate dark surface with readable text and consistent accents.
 */
html[data-theme="dark"] body.kachi-frontend--home .site-boxed-layout {
  background:
    radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.12), transparent 30%),
    radial-gradient(circle at 88% 68%, rgba(14, 165, 233, 0.08), transparent 28%),
    rgba(11, 17, 32, 0.88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .course-home {
  background: transparent !important;
  color: var(--kds-text) !important;
}

html[data-theme="dark"] body.kachi-frontend--home :is(
  .kachi-home-pillars,
  .course-slider-section,
  .kachi-home-operate
) {
  position: relative;
  background: transparent !important;
}

html[data-theme="dark"] body.kachi-frontend--home .course-section-head > span {
  color: #93c5fd !important;
  background: rgba(37, 99, 235, 0.14) !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body.kachi-frontend--home .course-section-head h2 {
  color: #f8fafc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .course-section-head h2::after {
  background: linear-gradient(90deg, #3b82f6, #38bdf8) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .course-section-head p {
  color: #aebed2 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-home-pillar,
html[data-theme="dark"] body.kachi-frontend--home .kachi-home-operate__steps li {
  background: linear-gradient(145deg, #151f30, #111a29) !important;
  border-color: #2a3950 !important;
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.26) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-home-pillar:hover,
html[data-theme="dark"] body.kachi-frontend--home .kachi-home-operate__steps li:hover {
  border-color: #3f5572 !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.36) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-home-pillar h3,
html[data-theme="dark"] body.kachi-frontend--home .kachi-home-operate__steps strong {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-home-pillar p,
html[data-theme="dark"] body.kachi-frontend--home .kachi-home-operate__steps span {
  color: #b2c0d3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card {
  background: linear-gradient(160deg, #172235, #111a29) !important;
  border-color: #2b3b52 !important;
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.3) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card:hover {
  border-color: #405875 !important;
  box-shadow: 0 20px 45px rgba(2, 6, 23, 0.42) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__image {
  background: #101827 !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__body h3,
html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__comment span {
  color: #edf3fb !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__meta li {
  color: #a9b8cc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__comment {
  background: rgba(56, 189, 248, 0.08) !important;
  border: 1px solid rgba(56, 189, 248, 0.16) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__footer {
  background: rgba(9, 16, 29, 0.34) !important;
  border-color: #2a3950 !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__price strong {
  color: #7dd3fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__price > span,
html[data-theme="dark"] body.kachi-frontend--home .kachi-installment-item span {
  color: #94a3b8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-installment-toggle {
  color: #facc15 !important;
  background: rgba(202, 138, 4, 0.12) !important;
  border-color: rgba(250, 204, 21, 0.38) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-installment-toggle:hover,
html[data-theme="dark"] body.kachi-frontend--home .kachi-installment-toggle.active {
  color: #111827 !important;
  background: #facc15 !important;
  border-color: #facc15 !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-installment-plan {
  border-color: #3b4d67 !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-installment-item strong {
  color: #7dd3fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .course-home__primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #0284c7) !important;
  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.32) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .course-home__secondary {
  color: #ffffff !important;
  background: rgba(15, 23, 42, 0.48) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .course-home__metrics > div {
  background: rgba(9, 16, 29, 0.52) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-slider :is(.slick-prev, .slick-next) {
  color: #eaf2ff !important;
  background: #172235 !important;
  border-color: #3a4c66 !important;
  box-shadow: 0 8px 22px rgba(2, 6, 23, 0.38) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-slider :is(.slick-prev, .slick-next):hover {
  color: #ffffff !important;
  background: #2563eb !important;
  border-color: #60a5fa !important;
}

/*
 * Workspace payment flow.
 * These base rules also normalize the gateway-specific confirmation templates,
 * whose original inline styles use fixed white surfaces.
 */
body.kachi-workspace-dashboard-body .kachi-workspace-payment-page {
  width: min(100%, 1120px);
  margin: 0 auto;
  color: #1e293b;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-hero {
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 16px 36px rgba(30, 64, 175, 0.16);
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-hero__badge {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page > .row.justify-content-center .card,
body.kachi-workspace-dashboard-body .kachi-workspace-payment-page > .card,
body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-card {
  color: #1e293b !important;
  background: #ffffff !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08) !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-card {
  width: min(100%, 780px);
  margin: 0 auto;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .ws-payment-card__header,
  .ws-payment-card__breakdown,
  .ws-payment-card__instructions,
  .ws-payment-card__action
) {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-card__footer {
  color: #64748b !important;
  background: #f6f8fb !important;
  border-color: #e2e8f0 !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  h5, h6,
  .form-label,
  .ws-payment-card__total,
  .ws-payment-breakdown__row--total
) {
  color: #172033 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .text-muted,
  .ws-payment-card__currency,
  .ws-payment-breakdown__row,
  .ws-payment-card__footer
) {
  color: #64748b !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-breakdown__row strong {
  color: #263449 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-breakdown__row--total {
  border-color: #cbd5e1 !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-instructions__box {
  color: #334155 !important;
  background: #f7f9fc !important;
  border-color: #dce5f0 !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-instructions__box :is(
  p, span, strong, b, li, a
) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .form-control,
  .form-select,
  .input-group-text
) {
  min-height: 48px;
  color: #172033 !important;
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .form-control,
  .form-select
):focus {
  color: #172033 !important;
  background: #ffffff !important;
  border-color: #4f6ef7 !important;
  box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.14) !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card {
  overflow: visible;
  border: 1px solid #dce5f0;
  border-top: 4px solid #6366f1;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--1 {
  border-top-color: #d97706;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--2 {
  border-top-color: #059669;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--3 {
  border-top-color: #db2777;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card__body,
body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--0 .ws-gateway-card__body,
body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--1 .ws-gateway-card__body,
body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--2 .ws-gateway-card__body,
body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--3 .ws-gateway-card__body {
  color: #1e293b !important;
  background: #ffffff !important;
  border-radius: 12px;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card__logo {
  align-self: center;
  width: min(170px, 80%);
  min-height: 58px;
  max-height: 58px;
  padding: 10px 14px;
  object-fit: contain;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card__limits {
  color: #5b6b80 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .ws-gateway-card__btn,
  .ws-pay-btn,
  .btn--base
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body {
  --ws-bg: #0b1120;
  --ws-card: #131c2b;
  --ws-text: #edf3fb;
  --ws-text-muted: #9caec3;
  --ws-border: #2a3950;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-main,
html[data-theme="dark"] body.kachi-workspace-dashboard-body .workspace-content {
  background:
    radial-gradient(circle at 88% 10%, rgba(37, 99, 235, 0.09), transparent 27%),
    #0b1120 !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page {
  color: #edf3fb !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-hero {
  border-color: rgba(147, 197, 253, 0.2) !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.38) !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page > .row.justify-content-center .card,
html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page > .card,
html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-card {
  color: #edf3fb !important;
  background: linear-gradient(155deg, #172235, #111a29) !important;
  border-color: #2c3d55 !important;
  box-shadow: 0 18px 44px rgba(2, 6, 23, 0.4) !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .ws-payment-card__header,
  .ws-payment-card__breakdown,
  .ws-payment-card__instructions,
  .ws-payment-card__action
) {
  background: transparent !important;
  border-color: #2a3950 !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-card__footer {
  color: #9caec3 !important;
  background: #101827 !important;
  border-color: #2a3950 !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  h5, h6,
  .form-label,
  .ws-payment-card__total,
  .ws-payment-breakdown__row--total
) {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .text-muted,
  .ws-payment-card__currency,
  .ws-payment-breakdown__row,
  .ws-payment-card__footer
) {
  color: #9caec3 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-breakdown__row strong {
  color: #dce7f5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-breakdown__row--total {
  border-color: #3a4c66 !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-instructions__box {
  color: #c5d0df !important;
  background: #101827 !important;
  border-color: #2a3950 !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .form-control,
  .form-select,
  .input-group-text
) {
  color: #edf3fb !important;
  background: #101827 !important;
  border-color: #34455e !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
  .form-control,
  .form-select
):focus {
  color: #ffffff !important;
  background: #131c2b !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.16) !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .form-control::placeholder {
  color: #73849a !important;
  opacity: 1;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card {
  background: #151f30 !important;
  border-right-color: #2c3d55 !important;
  border-bottom-color: #2c3d55 !important;
  border-left-color: #2c3d55 !important;
  box-shadow: 0 16px 38px rgba(2, 6, 23, 0.34) !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card__body,
html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--0 .ws-gateway-card__body,
html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--1 .ws-gateway-card__body,
html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--2 .ws-gateway-card__body,
html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card--3 .ws-gateway-card__body {
  color: #edf3fb !important;
  background: #151f30 !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card__logo {
  background: #ffffff !important;
  border-color: #dce5f0 !important;
}

html[data-theme="dark"] body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-gateway-card__limits {
  color: #aebed2 !important;
  -webkit-text-fill-color: currentColor !important;
}

@media (max-width: 575.98px) {
  body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-hero {
    align-items: flex-start;
    padding: 20px 17px;
    border-radius: 14px;
  }

  body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-hero__content {
    align-items: flex-start;
  }

  body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-hero__badge {
    margin-left: 62px;
  }

  body.kachi-workspace-dashboard-body .kachi-workspace-payment-page :is(
    .ws-payment-card__header,
    .ws-payment-card__breakdown,
    .ws-payment-card__instructions,
    .ws-payment-card__action,
    .ws-payment-card__footer
  ) {
    padding-right: 17px !important;
    padding-left: 17px !important;
  }

  body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-payment-card__amount {
    width: 100%;
    padding-top: 12px;
    text-align: left;
    border-top: 1px solid currentColor;
    border-top-color: rgba(100, 116, 139, 0.22);
  }

  body.kachi-workspace-dashboard-body .kachi-workspace-payment-page .ws-pay-btn {
    flex-wrap: wrap;
    padding: 13px 15px;
  }
}

/*
 * Homepage card system.
 * Keep service, course, and operating cards visually consistent in both themes.
 */
body.kachi-frontend--home .kachi-home-pillars__grid {
  align-items: stretch;
}

body.kachi-frontend--home .kachi-home-pillar,
body.kachi-frontend--home .kachi-home-operate__steps > li {
  color: #263449 !important;
  background: linear-gradient(145deg, #ffffff, #f5f8fc) !important;
  border: 1px solid #dbe4ef !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
}

body.kachi-frontend--home .kachi-home-pillar {
  display: flex;
  min-height: 188px;
  flex-direction: column;
  align-items: flex-start;
}

body.kachi-frontend--home .kachi-home-pillar:hover,
body.kachi-frontend--home .kachi-home-operate__steps > li:hover {
  border-color: #b9c9dc !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12) !important;
  transform: translateY(-3px);
}

body.kachi-frontend--home .kachi-home-pillar h3,
body.kachi-frontend--home .kachi-home-operate__steps strong {
  color: #172033 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-frontend--home .kachi-home-pillar p,
body.kachi-frontend--home .kachi-home-operate__steps > li > span {
  color: #596a80 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-frontend--home .kachi-course-slider .slick-track {
  align-items: stretch;
}

body.kachi-frontend--home .kachi-course-slider .slick-slide > div,
body.kachi-frontend--home .kachi-course-slide {
  height: 100%;
}

body.kachi-frontend--home .kachi-course-card {
  min-height: 455px !important;
  color: #263449 !important;
  background: #ffffff !important;
  border: 1px solid #dbe4ef !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.09) !important;
}

body.kachi-frontend--home .kachi-course-card:hover {
  border-color: #b9c9dc !important;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.14) !important;
}

body.kachi-frontend--home .kachi-course-card__image {
  height: 190px;
  background: #e8eef6 !important;
}

body.kachi-frontend--home .kachi-course-card__body {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 18px 18px 14px;
}

.kachi-course-card .kachi-course-card__badges {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}

.kachi-course-card .kachi-course-card__badges :is(
  .kachi-course-card__category,
  .kachi-class-type-badge
) {
  display: inline-flex !important;
  min-width: 0;
  min-height: 25px;
  margin: 0 !important;
  padding: 4px 9px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase;
  white-space: nowrap;
}

.kachi-course-card .kachi-course-card__badges .kachi-course-card__category {
  max-width: calc(100% - 106px);
  overflow: hidden;
  justify-content: flex-start;
  text-overflow: ellipsis;
}

.kachi-course-card .kachi-course-card__badges .kachi-class-type-badge {
  flex: 0 0 auto;
  max-width: none;
  text-transform: none;
}

.kachi-course-card .kachi-course-card__badges .kachi-class-type-badge::before {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  flex: 0 0 6px;
  background: currentColor;
  border-radius: 50%;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 16%, transparent);
  content: "";
}

body.kachi-frontend--home .kachi-course-card__body h3 {
  min-height: 46px !important;
  color: #172033 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-frontend--home .kachi-course-card__meta {
  gap: 7px;
  margin-top: 10px;
}

body.kachi-frontend--home .kachi-course-card__meta li {
  color: #63748a !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-frontend--home .kachi-course-card__comment {
  max-height: 72px !important;
  overflow: hidden !important;
  background: #f2f7fc !important;
  border: 1px solid #dbe8f5 !important;
}

body.kachi-frontend--home .kachi-course-card__comment span {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #405168 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-frontend--home .kachi-course-card__footer {
  flex: 0 0 auto;
  padding: 15px 18px 18px;
  background: #f8fafc !important;
  border-color: #dbe4ef !important;
}

body.kachi-frontend--home .kachi-course-card__price {
  min-width: 105px;
  text-align: left;
}

body.kachi-frontend--home .kachi-course-card__price strong {
  color: #176a9c !important;
  -webkit-text-fill-color: currentColor !important;
}

body.kachi-frontend--home .kachi-course-card__enroll {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #0284c7) !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-home-pillar,
html[data-theme="dark"] body.kachi-frontend--home .kachi-home-operate__steps > li,
body.kachi-frontend--home.kachi-dark-mode .kachi-home-pillar,
body.kachi-frontend--home.kachi-dark-mode .kachi-home-operate__steps > li {
  color: #d9e4f2 !important;
  background: linear-gradient(145deg, #172235, #111a29) !important;
  border-color: #2d3e56 !important;
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.34) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-home-pillar:hover,
html[data-theme="dark"] body.kachi-frontend--home .kachi-home-operate__steps > li:hover,
body.kachi-frontend--home.kachi-dark-mode .kachi-home-pillar:hover,
body.kachi-frontend--home.kachi-dark-mode .kachi-home-operate__steps > li:hover {
  border-color: #46617f !important;
  box-shadow: 0 20px 44px rgba(2, 6, 23, 0.44) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-home-pillar h3,
html[data-theme="dark"] body.kachi-frontend--home .kachi-home-operate__steps strong,
body.kachi-frontend--home.kachi-dark-mode .kachi-home-pillar h3,
body.kachi-frontend--home.kachi-dark-mode .kachi-home-operate__steps strong {
  color: #f4f8fd !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-home-pillar p,
html[data-theme="dark"] body.kachi-frontend--home .kachi-home-operate__steps > li > span,
body.kachi-frontend--home.kachi-dark-mode .kachi-home-pillar p,
body.kachi-frontend--home.kachi-dark-mode .kachi-home-operate__steps > li > span {
  color: #b7c5d8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card,
body.kachi-frontend--home.kachi-dark-mode .kachi-course-card {
  color: #d9e4f2 !important;
  background: linear-gradient(160deg, #172235, #111a29) !important;
  border-color: #2d3e56 !important;
  box-shadow: 0 16px 38px rgba(2, 6, 23, 0.38) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card:hover,
body.kachi-frontend--home.kachi-dark-mode .kachi-course-card:hover {
  border-color: #46617f !important;
  box-shadow: 0 22px 48px rgba(2, 6, 23, 0.5) !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-course-card__body > a > h3,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-course-card__body > a > h3 {
  color: #f4f8fd !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-course-card__meta > li,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-course-card__meta > li {
  color: #b8c7da !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-course-card__meta > li > i,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-course-card__meta > li > i {
  color: #67d3f5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-course-card__category,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-course-card__category {
  color: #86efac !important;
  background: rgba(34, 197, 94, 0.14) !important;
  border: 1px solid rgba(134, 239, 172, 0.22) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-class-type-badge--physical,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-class-type-badge--physical {
  color: #6ee7b7 !important;
  background: rgba(16, 185, 129, 0.14) !important;
  border-color: rgba(110, 231, 183, 0.3) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-class-type-badge--online,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-class-type-badge--online {
  color: #7dd3fc !important;
  background: rgba(14, 165, 233, 0.14) !important;
  border-color: rgba(125, 211, 252, 0.3) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__comment,
body.kachi-frontend--home.kachi-dark-mode .kachi-course-card__comment {
  background: rgba(56, 189, 248, 0.08) !important;
  border-color: rgba(125, 211, 252, 0.2) !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__comment span,
body.kachi-frontend--home.kachi-dark-mode .kachi-course-card__comment span {
  color: #c8d6e7 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend--home .kachi-course-card__footer,
body.kachi-frontend--home.kachi-dark-mode .kachi-course-card__footer {
  background: rgba(8, 15, 27, 0.46) !important;
  border-color: #2d3e56 !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-course-card__footer .kachi-course-card__price > strong,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-course-card__footer .kachi-course-card__price > strong {
  color: #7dd3fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-installment-plan .kachi-installment-item > span,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-installment-plan .kachi-installment-item > span {
  color: #b8c7da !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .kachi-course-card .kachi-installment-plan .kachi-installment-item > strong,
body.kachi-frontend-body.kachi-frontend--home.kachi-dark-mode .course-home .kachi-course-card .kachi-installment-plan .kachi-installment-item > strong {
  color: #7dd3fc !important;
  -webkit-text-fill-color: currentColor !important;
}

@media (max-width: 767.98px) {
  body.kachi-frontend--home .kachi-home-pillar {
    min-height: 0;
  }

  body.kachi-frontend--home .kachi-course-card {
    min-height: 430px !important;
  }

  body.kachi-frontend--home .kachi-course-card__image {
    height: 184px;
  }

  .kachi-course-card .kachi-course-card__badges {
    gap: 6px;
  }

  .kachi-course-card .kachi-course-card__badges :is(
    .kachi-course-card__category,
    .kachi-class-type-badge
  ) {
    min-height: 24px;
    padding: 4px 8px !important;
    font-size: 9px !important;
  }

  .kachi-course-card .kachi-course-card__badges .kachi-course-card__category {
    max-width: calc(100% - 98px);
  }
}

/* Homepage and workspace hero text area: no opacity/glass title box */
body.kachi-frontend--home .course-home__copy,
.kachi-workspace-landing .course-home__copy {
  max-width: 760px;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-home__eyebrow,
html body.kachi-frontend-body .kachi-workspace-landing.course-home .course-home__eyebrow {
  color: #ffffff !important;
  background: rgba(7, 15, 28, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-home__primary,
html body.kachi-frontend-body .kachi-workspace-landing.course-home .course-home__primary {
  color: #ffffff !important;
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.72),
    rgba(2, 132, 199, 0.64)
  ) !important;
  border: 1px solid rgba(191, 219, 254, 0.38) !important;
  box-shadow: 0 8px 22px rgba(2, 6, 23, 0.22) !important;
  -webkit-backdrop-filter: blur(5px) saturate(120%);
  backdrop-filter: blur(5px) saturate(120%);
  -webkit-text-fill-color: currentColor !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-home__secondary,
html body.kachi-frontend-body .kachi-workspace-landing.course-home .course-home__secondary,
html body.kachi-frontend-body .kachi-workspace-landing.course-home .course-home__login {
  color: #ffffff !important;
  background: rgba(7, 15, 28, 0.32) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  box-shadow: 0 8px 22px rgba(2, 6, 23, 0.16) !important;
  -webkit-backdrop-filter: blur(5px) saturate(115%);
  backdrop-filter: blur(5px) saturate(115%);
  -webkit-text-fill-color: currentColor !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-home__primary:hover,
html body.kachi-frontend-body .kachi-workspace-landing.course-home .course-home__primary:hover {
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.84),
    rgba(2, 132, 199, 0.76)
  ) !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-home__secondary:hover,
html body.kachi-frontend-body .kachi-workspace-landing.course-home .course-home__secondary:hover,
html body.kachi-frontend-body .kachi-workspace-landing.course-home .course-home__login:hover {
  color: #ffffff !important;
  background: rgba(7, 15, 28, 0.46) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-home__metrics > div {
  background: rgba(7, 15, 28, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 10px 28px rgba(2, 6, 23, 0.14);
  -webkit-backdrop-filter: blur(5px) saturate(115%);
  backdrop-filter: blur(5px) saturate(115%);
}

@media (max-width: 767.98px) {
  body.kachi-frontend--home .course-home__copy,
  .kachi-workspace-landing .course-home__copy {
    width: 100%;
    padding: 0 !important;
    border-radius: 0 !important;
  }

}

/* Homepage course slider arrow visibility override (2026-06-13)
   The course carousel arrows should remain usable but stay very faint so card text below remains readable. */
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.12 !important;
  background: rgba(2, 6, 23, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: rgba(255, 255, 255, 0.52) !important;
  box-shadow: none !important;
  z-index: 4 !important;
  overflow: hidden !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:hover,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:hover,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:focus-visible,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:focus-visible,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:hover,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:hover,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:focus-visible,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:focus-visible {
  opacity: 0.32 !important;
  background: rgba(2, 6, 23, 0.28) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  transform: translateY(-50%) scale(1.02) !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow::before,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow::before,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow::before,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow::before {
  display: none !important;
  content: none !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow i,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow i,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow i,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow i {
  font-size: 10px !important;
  line-height: 1 !important;
  opacity: 0.6 !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow {
  left: 0 !important;
}

html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow {
  right: 0 !important;
}

@media (max-width: 767.98px) {
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    opacity: 0.10 !important;
  }

  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:hover,
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:hover,
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:focus-visible,
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:focus-visible,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:hover,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:hover,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:focus-visible,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:focus-visible {
    opacity: 0.25 !important;
  }
}

/* Homepage course slider arrow balanced visibility update (2026-06-13)
   The arrows are now visible enough to notice, but still light and positioned away from the course text. */
html body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow {
  opacity: 0.34 !important;
  background: rgba(2, 6, 23, 0.24) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

html body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:hover,
html body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:hover,
html body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:focus-visible,
html body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:focus-visible,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:hover,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:hover,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:focus-visible,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:focus-visible,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:hover,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:hover,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:focus-visible,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:focus-visible,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:hover,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:hover,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow:focus-visible,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow:focus-visible {
  opacity: 0.68 !important;
  background: rgba(2, 6, 23, 0.36) !important;
  color: rgba(255, 255, 255, 1) !important;
}

html body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow i,
html body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow i,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow i,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow i,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow i,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow i,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow i,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow i {
  opacity: 0.95 !important;
}

@media (max-width: 767.98px) {
  html body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
  html body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
  html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
  html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow {
    opacity: 0.30 !important;
  }
}


/* Homepage course slider arrow visibility correction (2026-06-13)
   Make the arrows clearly visible again, while keeping the button background semi-transparent
   so the course text/image behind it is not fully covered. */
html body .course-home .course-slider-section .kachi-course-slider .slick-prev,
html body .course-home .course-slider-section .kachi-course-slider .slick-next,
html body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev.kachi-course-slick-arrow,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next.kachi-course-slick-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 82px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 999px !important;
  opacity: 0.82 !important;
  background: rgba(2, 6, 23, 0.38) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.18) !important;
  text-shadow: 0 1px 3px rgba(2, 6, 23, 0.55) !important;
  z-index: 9 !important;
  overflow: hidden !important;
  transform: translateY(-50%) !important;
}

html body .course-home .course-slider-section .kachi-course-slider .slick-prev:hover,
html body .course-home .course-slider-section .kachi-course-slider .slick-next:hover,
html body .course-home .course-slider-section .kachi-course-slider .slick-prev:focus-visible,
html body .course-home .course-slider-section .kachi-course-slider .slick-next:focus-visible,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev:hover,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next:hover,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev:focus-visible,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next:focus-visible,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev:hover,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next:hover,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev:focus-visible,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next:focus-visible,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev:hover,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next:hover,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev:focus-visible,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next:focus-visible {
  opacity: 1 !important;
  background: rgba(2, 6, 23, 0.50) !important;
  color: #ffffff !important;
  transform: translateY(-50%) scale(1.04) !important;
}

html body .course-home .course-slider-section .kachi-course-slider .slick-prev::before,
html body .course-home .course-slider-section .kachi-course-slider .slick-next::before,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev::before,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next::before,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev::before,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next::before,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev::before,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next::before {
  display: none !important;
  content: none !important;
}

html body .course-home .course-slider-section .kachi-course-slider .slick-prev i,
html body .course-home .course-slider-section .kachi-course-slider .slick-next i,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev i,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next i,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev i,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next i,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev i,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next i {
  font-size: 13px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  color: #ffffff !important;
}

html body .course-home .course-slider-section .kachi-course-slider .slick-prev,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev {
  left: 6px !important;
}

html body .course-home .course-slider-section .kachi-course-slider .slick-next,
html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next,
html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next,
html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next {
  right: 6px !important;
}

@media (max-width: 767.98px) {
  html body .course-home .course-slider-section .kachi-course-slider .slick-prev,
  html body .course-home .course-slider-section .kachi-course-slider .slick-next,
  html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-prev,
  html[data-theme="dark"] body .course-home .course-slider-section .kachi-course-slider .slick-next,
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev,
  html body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-prev,
  html[data-theme="dark"] body.kachi-frontend-body.kachi-frontend--home .course-home .course-slider-section .kachi-course-slider .slick-next {
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    opacity: 0.78 !important;
  }
}

/* Course catalogue dark theme mirrors the homepage course-card treatment. */
html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog {
  color: #d9e4f2 !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(56, 189, 248, 0.1), transparent 30%),
    linear-gradient(180deg, #0f1724, #0b1220) !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__top,
html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__results,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__top,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__results {
  color: #d9e4f2 !important;
  background: linear-gradient(145deg, #172235, #111a29) !important;
  border-color: #2d3e56 !important;
  box-shadow: 0 18px 46px rgba(2, 6, 23, 0.4) !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__top .course-section-head > span,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__top .course-section-head > span {
  color: #7dd3fc !important;
  background: rgba(14, 165, 233, 0.12) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__top .course-section-head h2,
html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__results-head h3,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__top .course-section-head h2,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__results-head h3 {
  color: #f4f8fd !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__top .course-section-head p,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__top .course-section-head p {
  color: #b7c5d8 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-type-filter,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-type-filter {
  background: rgba(17, 26, 41, 0.92) !important;
  border-color: #2d3e56 !important;
  box-shadow: 0 14px 34px rgba(2, 6, 23, 0.34) !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-type-filter a,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-type-filter a {
  color: #b8c7da !important;
  background: transparent !important;
  border-color: transparent !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-type-filter a:hover,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-type-filter a:hover {
  color: #7dd3fc !important;
  background: rgba(14, 165, 233, 0.1) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-type-filter a.active,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-type-filter a.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #0284c7) !important;
  border-color: #38bdf8 !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__results-head span,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__results-head span {
  color: #7dd3fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__results-head > strong,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__results-head > strong {
  color: #c8d6e7 !important;
  background: #18283b !important;
  border-color: #30445f !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card {
  color: #d9e4f2 !important;
  background: linear-gradient(160deg, #172235, #111a29) !important;
  border-color: #2d3e56 !important;
  box-shadow: 0 16px 38px rgba(2, 6, 23, 0.38) !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card:hover,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card:hover {
  border-color: #46617f !important;
  box-shadow: 0 22px 48px rgba(2, 6, 23, 0.5) !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__image,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__image {
  background: #0e1725 !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__body > a > h3,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__body > a > h3 {
  color: #f4f8fd !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__meta > li,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__meta > li {
  color: #b8c7da !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__meta > li > i,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__meta > li > i {
  color: #67d3f5 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__category,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__category {
  color: #86efac !important;
  background: rgba(34, 197, 94, 0.14) !important;
  border: 1px solid rgba(134, 239, 172, 0.22) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-class-type-badge--physical,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-class-type-badge--physical {
  color: #6ee7b7 !important;
  background: rgba(16, 185, 129, 0.14) !important;
  border-color: rgba(110, 231, 183, 0.3) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-class-type-badge--online,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-class-type-badge--online {
  color: #7dd3fc !important;
  background: rgba(14, 165, 233, 0.14) !important;
  border-color: rgba(125, 211, 252, 0.3) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__comment,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__comment {
  background: rgba(56, 189, 248, 0.08) !important;
  border-color: rgba(125, 211, 252, 0.2) !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__comment span,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__comment span {
  color: #c8d6e7 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__footer,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__footer {
  background: rgba(8, 15, 27, 0.46) !important;
  border-color: #2d3e56 !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-course-card__price > strong,
html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-installment-item > strong,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-course-card__price > strong,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-installment-item > strong {
  color: #7dd3fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog .kachi-installment-item > span,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog .kachi-installment-item > span {
  color: #b8c7da !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__empty,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__empty {
  color: #b8c7da !important;
  background: #111a29 !important;
  border-color: #30445f !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__empty h4,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__empty h4 {
  color: #f4f8fd !important;
}

html[data-theme="dark"] body.kachi-frontend-body .kachi-course-catalog__empty p,
body.kachi-frontend-body.kachi-dark-mode .kachi-course-catalog__empty p {
  color: #b8c7da !important;
}

/*
 * Admin and instructor dashboard hero sliders.
 * Dark mode uses a composed dashboard panel instead of dimming the bright
 * light-mode gradients. Each slide keeps a restrained identifying accent.
 */
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider {
  isolation: isolate;
  background: #0d1522 !important;
  border: 1px solid #2b3b52 !important;
  box-shadow:
    0 24px 60px rgba(2, 6, 23, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-wrapper,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-wrapper {
  background: #0d1522 !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide {
  --kachi-hero-accent: #60a5fa;
  --kachi-hero-accent-rgb: 96, 165, 250;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide[data-slide="1"] {
  --kachi-hero-accent: #34d399;
  --kachi-hero-accent-rgb: 52, 211, 153;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide[data-slide="2"] {
  --kachi-hero-accent: #38bdf8;
  --kachi-hero-accent-rgb: 56, 189, 248;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide[data-slide="3"] {
  --kachi-hero-accent: #c084fc;
  --kachi-hero-accent-rgb: 192, 132, 252;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide[data-slide="4"] {
  --kachi-hero-accent: #fbbf24;
  --kachi-hero-accent-rgb: 251, 191, 36;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide[data-slide="5"] {
  --kachi-hero-accent: #f472b6;
  --kachi-hero-accent-rgb: 244, 114, 182;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide[data-slide="0"] {
  --kachi-hero-accent: #a78bfa;
  --kachi-hero-accent-rgb: 167, 139, 250;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide[data-slide="1"] {
  --kachi-hero-accent: #fbbf24;
  --kachi-hero-accent-rgb: 251, 191, 36;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide[data-slide="2"] {
  --kachi-hero-accent: #38bdf8;
  --kachi-hero-accent-rgb: 56, 189, 248;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide[data-slide="3"] {
  --kachi-hero-accent: #fb7185;
  --kachi-hero-accent-rgb: 251, 113, 133;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-bg,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-bg {
  background:
    radial-gradient(circle at 82% 28%, rgba(var(--kachi-hero-accent-rgb), 0.2), transparent 25%),
    radial-gradient(circle at 15% 115%, rgba(var(--kachi-hero-accent-rgb), 0.1), transparent 36%),
    linear-gradient(115deg, #101a2a 0%, #0d1624 55%, #101827 100%) !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-bg::before,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-bg::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.45), transparent 72%);
  content: "";
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-bg::after,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-bg::after {
  background:
    linear-gradient(90deg, rgba(5, 10, 19, 0.12) 0%, rgba(5, 10, 19, 0.03) 58%, rgba(5, 10, 19, 0.26) 100%) !important;
  border-top: 3px solid rgba(var(--kachi-hero-accent-rgb), 0.82);
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-content,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-content {
  padding: 25px 285px 25px 64px;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-icon,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-icon {
  color: var(--kachi-hero-accent) !important;
  background: rgba(var(--kachi-hero-accent-rgb), 0.11) !important;
  border-color: rgba(var(--kachi-hero-accent-rgb), 0.34) !important;
  box-shadow:
    0 10px 24px rgba(2, 6, 23, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-icon i,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-icon i {
  color: var(--kachi-hero-accent) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-title,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-title {
  color: #f7faff !important;
  letter-spacing: -0.025em;
  text-shadow: 0 2px 16px rgba(2, 6, 23, 0.42);
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-desc,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-desc {
  color: #b8c7da !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-actions,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-actions {
  gap: 9px;
  margin-bottom: 0;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-action-btn,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-action-btn {
  min-height: 40px;
  padding: 9px 14px;
  color: #dce7f5 !important;
  background: rgba(14, 25, 40, 0.9) !important;
  border-color: #344760 !important;
  box-shadow:
    0 8px 18px rgba(2, 6, 23, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-action-btn :is(i, span),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-action-btn :is(i, span) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-action-btn i,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-action-btn i {
  color: var(--kachi-hero-accent) !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-action-btn:hover,
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-action-btn:focus-visible,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-action-btn:hover,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-action-btn:focus-visible {
  color: #ffffff !important;
  background: rgba(var(--kachi-hero-accent-rgb), 0.14) !important;
  border-color: rgba(var(--kachi-hero-accent-rgb), 0.58) !important;
  box-shadow:
    0 12px 26px rgba(2, 6, 23, 0.3),
    0 0 0 1px rgba(var(--kachi-hero-accent-rgb), 0.08) !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-stat,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-stat {
  position: absolute;
  top: 50%;
  right: 66px;
  width: 188px;
  min-height: 126px;
  padding: 22px;
  justify-content: center;
  transform: translateY(-50%);
  background:
    linear-gradient(145deg, rgba(24, 36, 54, 0.94), rgba(13, 23, 37, 0.94)) !important;
  border: 1px solid rgba(var(--kachi-hero-accent-rgb), 0.3);
  border-radius: 18px;
  box-shadow:
    0 18px 38px rgba(2, 6, 23, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-stat::before,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-stat::before {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 8px;
  height: 8px;
  background: var(--kachi-hero-accent);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(var(--kachi-hero-accent-rgb), 0.1);
  content: "";
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-stat-number,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-stat-number {
  color: #f8fbff !important;
  font-size: clamp(1.7rem, 2.5vw, 2.35rem);
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-stat-label,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-stat-label {
  color: #9fb0c6 !important;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-nav,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-nav {
  width: 38px;
  height: 38px;
  color: #cbd8e8 !important;
  background: #121e2f !important;
  border-color: #344760 !important;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.32) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-nav i,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-nav i {
  color: inherit !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-nav:hover,
html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-nav:focus-visible,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-nav:hover,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-nav:focus-visible {
  color: #ffffff !important;
  background: #1b2b41 !important;
  border-color: #5b7392 !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-dots,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-dots {
  bottom: 14px;
  padding: 6px 9px;
  gap: 6px;
  background: rgba(7, 13, 23, 0.72);
  border: 1px solid rgba(83, 105, 135, 0.42);
  border-radius: 999px;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-dot,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-dot {
  width: 7px;
  height: 7px;
  background: #536780 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-dot.active,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-dot.active {
  width: 23px;
  background: #8bcff0 !important;
  border-radius: 999px;
  transform: none;
}

@media (max-width: 1199.98px) {
  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-content,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-content {
    padding-right: 245px;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-stat,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-stat {
    right: 54px;
    width: 165px;
  }
}

@media (max-width: 991.98px) {
  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-wrapper,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-wrapper {
    height: 320px;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-content,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-content {
    padding: 24px 54px 52px;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-stat,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-stat {
    position: static;
    width: fit-content;
    min-width: 150px;
    min-height: 0;
    margin-top: 14px;
    padding: 11px 15px;
    transform: none;
    border-radius: 12px;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-stat::before,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-stat::before {
    display: none;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-stat-number,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-stat-number {
    font-size: 1.45rem;
  }
}

@media (max-width: 767.98px) {
  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider {
    border-radius: 17px;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-wrapper,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-wrapper {
    height: 410px;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-content,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-content {
    padding: 22px 20px 48px;
    justify-content: flex-start;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-icon,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
    border-radius: 12px;
    font-size: 22px;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-actions,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-actions {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-action-btn,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-action-btn {
    min-width: 0;
    padding: 9px 10px;
    justify-content: flex-start;
    font-size: 0.78rem;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-stat,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-stat {
    width: 100%;
    margin-top: 12px;
    padding: 10px 13px;
  }
}

@media (max-width: 479.98px) {
  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slider-wrapper {
    height: 525px;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slider-wrapper {
    height: 470px;
  }

  html[data-theme="dark"] body.kachi-admin-body .kachi-admin-hero-slider .kachi-hero-slide-actions,
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-instructor-hero-slider .kachi-hero-slide-actions {
    grid-template-columns: 1fr;
  }
}

/* Final dashboard hero override: do not allow light artwork or inline theme styles into dark mode. */
html[data-theme="dark"] .kachi-admin-hero-slider,
html[data-theme="dark"] .kachi-instructor-hero-slider,
body.kachi-dark-mode .kachi-admin-hero-slider,
body.kachi-dark-mode .kachi-instructor-hero-slider {
  background: #0a111d !important;
  border-color: #26374c !important;
}

html[data-theme="dark"] .kachi-admin-hero-slider .kachi-hero-slide-bg,
html[data-theme="dark"] .kachi-instructor-hero-slider .kachi-hero-slide-bg,
body.kachi-dark-mode .kachi-admin-hero-slider .kachi-hero-slide-bg,
body.kachi-dark-mode .kachi-instructor-hero-slider .kachi-hero-slide-bg {
  background-color: #0d1624 !important;
  background-image:
    radial-gradient(circle at 82% 20%, rgba(83, 167, 216, 0.15), transparent 31%),
    linear-gradient(135deg, #121e2e 0%, #0b1421 58%, #0f1928 100%) !important;
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-overlay,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-overlay {
  background:
    linear-gradient(90deg, rgba(7, 13, 23, 0.22), rgba(7, 13, 23, 0.06)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 50%) !important;
}

html[data-theme="dark"] :is(.time-slot-row, .timetable-slot, .kachi-timetable-form) :is(input, select, textarea, .form-control, .form--control),
body.kachi-dark-mode :is(.time-slot-row, .timetable-slot, .kachi-timetable-form) :is(input, select, textarea, .form-control, .form--control) {
  color: #eef5ff !important;
  background: #101b2a !important;
  border-color: #34465e !important;
  color-scheme: dark;
}

html[data-theme="dark"] :is(.time-slot-row, .timetable-slot, .kachi-timetable-form) :is(input, select, textarea)::placeholder,
body.kachi-dark-mode :is(.time-slot-row, .timetable-slot, .kachi-timetable-form) :is(input, select, textarea)::placeholder {
  color: #8798ae !important;
  opacity: 1;
}

html[data-theme="dark"] :is(.time-slot-row, .timetable-slot, .kachi-timetable-form) select option,
body.kachi-dark-mode :is(.time-slot-row, .timetable-slot, .kachi-timetable-form) select option {
  color: #eef5ff !important;
  background: #101b2a !important;
}

html[data-theme="dark"] :is(.time-slot-row, .timetable-slot, .kachi-timetable-form) input::-webkit-calendar-picker-indicator,
body.kachi-dark-mode :is(.time-slot-row, .timetable-slot, .kachi-timetable-form) input::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.35);
  opacity: 0.85;
}

/*
 * Dark glass system refresh.
 * This intentionally comes after the legacy hard fallback so dashboard
 * surfaces keep depth, restrained color, and readable contrast.
 */
html[data-theme="dark"] body.kachi-admin-body,
html[data-theme="dark"] body.kachi-dashboard-body,
body.kachi-admin-body.kachi-dark-mode,
body.kachi-dashboard-body.kachi-dark-mode {
  background-color: #070d17 !important;
  background-image:
    radial-gradient(circle at 12% 5%, rgba(63, 121, 170, 0.11), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(106, 82, 153, 0.08), transparent 28%),
    linear-gradient(145deg, #070d17 0%, #0a1220 48%, #080f1b 100%) !important;
  background-attachment: fixed !important;
}

html[data-theme="dark"] body.kachi-admin-body :is(.navbar-wrapper, .sidebar),
html[data-theme="dark"] body.kachi-dashboard-body :is(.navbar-wrapper, .sidebar-menu),
body.kachi-admin-body.kachi-dark-mode :is(.navbar-wrapper, .sidebar),
body.kachi-dashboard-body.kachi-dark-mode :is(.navbar-wrapper, .sidebar-menu) {
  background:
    linear-gradient(145deg, rgba(19, 31, 48, 0.92), rgba(10, 18, 30, 0.9)) !important;
  border-color: rgba(116, 151, 188, 0.2) !important;
  box-shadow:
    0 18px 42px rgba(2, 6, 18, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  -webkit-backdrop-filter: blur(18px) saturate(118%);
  backdrop-filter: blur(18px) saturate(118%);
}

html[data-theme="dark"] body.kachi-admin-body .kachi-admin-shell :is(.card, .custom--card, .base--card, .dashboard-widget, .kachi-admin-login-chart-card),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-content :is(.card, .custom--card, .base--card, .dashboard-widget),
body.kachi-admin-body.kachi-dark-mode .kachi-admin-shell :is(.card, .custom--card, .base--card, .dashboard-widget, .kachi-admin-login-chart-card),
body.kachi-dashboard-body.kachi-dark-mode .kachi-dashboard-content :is(.card, .custom--card, .base--card, .dashboard-widget) {
  background:
    linear-gradient(145deg, rgba(24, 36, 53, 0.91), rgba(13, 22, 36, 0.93)) !important;
  border-color: rgba(111, 145, 181, 0.2) !important;
  box-shadow:
    0 16px 36px rgba(2, 7, 18, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  -webkit-backdrop-filter: blur(14px) saturate(112%);
  backdrop-filter: blur(14px) saturate(112%);
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider),
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) {
  isolation: isolate;
  background:
    linear-gradient(145deg, rgba(14, 26, 42, 0.78), rgba(7, 14, 26, 0.86)) !important;
  border: 1px solid rgba(118, 158, 199, 0.24) !important;
  box-shadow:
    0 26px 65px rgba(1, 5, 16, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.075),
    0 0 0 1px rgba(81, 133, 176, 0.035) !important;
  -webkit-backdrop-filter: blur(24px) saturate(125%);
  backdrop-filter: blur(24px) saturate(125%);
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-wrapper,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-wrapper {
  background:
    linear-gradient(145deg, rgba(14, 26, 42, 0.38), rgba(7, 14, 26, 0.5)) !important;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-wrapper::before,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-wrapper::before {
  position: absolute;
  z-index: 0;
  inset: -45%;
  background:
    radial-gradient(circle at 24% 38%, rgba(73, 151, 190, 0.13), transparent 23%),
    radial-gradient(circle at 72% 62%, rgba(124, 93, 164, 0.1), transparent 25%);
  animation: kachi-dark-glass-ambient 16s ease-in-out infinite alternate;
  pointer-events: none;
  content: "";
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-track,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-track {
  z-index: 1;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg {
  background-color: rgba(9, 17, 29, 0.72) !important;
  background-image:
    radial-gradient(circle at 82% 26%, rgba(var(--kachi-hero-accent-rgb), 0.18), transparent 27%),
    radial-gradient(circle at 14% 118%, rgba(var(--kachi-hero-accent-rgb), 0.08), transparent 38%),
    linear-gradient(118deg, rgba(21, 36, 55, 0.84) 0%, rgba(10, 19, 32, 0.88) 56%, rgba(13, 24, 39, 0.82) 100%) !important;
  background-size: 118% 118%;
  animation: kachi-dark-glass-drift 12s ease-in-out infinite alternate;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg::before,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(110deg, transparent 34%, rgba(255, 255, 255, 0.045) 48%, transparent 62%) !important;
  background-size: 34px 34px, 34px 34px, 220% 100% !important;
  animation: kachi-dark-glass-sheen 11s linear infinite;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg::after,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg::after {
  background:
    linear-gradient(90deg, rgba(3, 8, 17, 0.2) 0%, rgba(6, 13, 24, 0.04) 58%, rgba(3, 8, 17, 0.25) 100%) !important;
  border-top-color: rgba(var(--kachi-hero-accent-rgb), 0.65) !important;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-icon,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-icon {
  background:
    linear-gradient(145deg, rgba(var(--kachi-hero-accent-rgb), 0.2), rgba(11, 23, 38, 0.42)) !important;
  border-color: rgba(var(--kachi-hero-accent-rgb), 0.42) !important;
  box-shadow:
    0 14px 28px rgba(2, 7, 19, 0.3),
    0 0 24px rgba(var(--kachi-hero-accent-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
  -webkit-backdrop-filter: blur(14px) saturate(122%) !important;
  backdrop-filter: blur(14px) saturate(122%) !important;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide.active .kachi-hero-slide-icon,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide.active .kachi-hero-slide-icon {
  animation: kachi-dark-icon-float 5s ease-in-out infinite;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn {
  --kachi-action-rgb: var(--kachi-hero-accent-rgb);
  color: #dce8f5 !important;
  background:
    linear-gradient(145deg, rgba(var(--kachi-action-rgb), 0.105), rgba(8, 18, 31, 0.5)) !important;
  border-color: rgba(var(--kachi-action-rgb), 0.27) !important;
  box-shadow:
    0 10px 24px rgba(2, 7, 19, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  -webkit-backdrop-filter: blur(13px) saturate(118%) !important;
  backdrop-filter: blur(13px) saturate(118%) !important;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn:nth-child(2),
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn:nth-child(2) {
  --kachi-action-rgb: 202, 158, 84;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn:nth-child(3),
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn:nth-child(3) {
  --kachi-action-rgb: 83, 170, 144;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn:nth-child(4),
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn:nth-child(4) {
  --kachi-action-rgb: 139, 116, 183;
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn i,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn i {
  color: rgb(var(--kachi-action-rgb)) !important;
  filter: saturate(0.82);
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn:is(:hover, :focus-visible),
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-action-btn:is(:hover, :focus-visible) {
  color: #f8fbff !important;
  background:
    linear-gradient(145deg, rgba(var(--kachi-action-rgb), 0.18), rgba(11, 24, 40, 0.62)) !important;
  border-color: rgba(var(--kachi-action-rgb), 0.48) !important;
  transform: translateY(-2px);
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-stat,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-stat {
  background:
    linear-gradient(145deg, rgba(27, 42, 62, 0.7), rgba(9, 19, 32, 0.72)) !important;
  border-color: rgba(var(--kachi-hero-accent-rgb), 0.28) !important;
  box-shadow:
    0 18px 38px rgba(1, 6, 17, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.075) !important;
  -webkit-backdrop-filter: blur(17px) saturate(118%);
  backdrop-filter: blur(17px) saturate(118%);
}

html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-nav,
body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-nav {
  background: rgba(15, 28, 45, 0.66) !important;
  border-color: rgba(120, 155, 194, 0.28) !important;
  -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
  backdrop-filter: blur(14px) saturate(118%) !important;
}

@keyframes kachi-dark-glass-ambient {
  0% {
    transform: translate3d(-2%, -1%, 0) rotate(-2deg);
  }
  100% {
    transform: translate3d(4%, 3%, 0) rotate(3deg);
  }
}

@keyframes kachi-dark-glass-drift {
  0% {
    background-position: 0% 45%;
  }
  100% {
    background-position: 100% 55%;
  }
}

@keyframes kachi-dark-glass-sheen {
  0% {
    background-position: 0 0, 0 0, 160% 0;
  }
  100% {
    background-position: 0 0, 0 0, -120% 0;
  }
}

@keyframes kachi-dark-icon-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-wrapper::before,
  html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg,
  html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg::before,
  html[data-theme="dark"] :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-icon,
  body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slider-wrapper::before,
  body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg,
  body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-bg::before,
  body.kachi-dark-mode :is(.kachi-admin-hero-slider, .kachi-instructor-hero-slider) .kachi-hero-slide-icon {
    animation: none !important;
  }
}

/*
 * Final dashboard table guardrail.
 * Older student/instructor pages still use .table--light and Bootstrap table
 * variables, so force the complete table stack onto dark surfaces.
 */
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .table-responsive,
  .table-area,
  .tbl-wrap,
  .kui-table-shell,
  .card-body
) table.table,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--light,
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--responsive--lg {
  --bs-table-bg: var(--kds-surface) !important;
  --bs-table-color: var(--kds-text-soft) !important;
  --bs-table-striped-bg: var(--kds-surface-raised) !important;
  --bs-table-striped-color: var(--kds-text-soft) !important;
  --bs-table-hover-bg: var(--kds-hover) !important;
  --bs-table-hover-color: var(--kds-text) !important;
  --bs-table-border-color: var(--kds-border) !important;
  background: var(--kds-surface) !important;
  border-color: var(--kds-border) !important;
  color: var(--kds-text-soft) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .table-responsive,
  .table-area,
  .tbl-wrap,
  .kui-table-shell,
  .card-body
) table.table :is(thead, tbody, tfoot, tr, th, td),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--light :is(thead, tbody, tfoot, tr, th, td),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--responsive--lg :is(thead, tbody, tfoot, tr, th, td) {
  background-color: var(--kds-surface) !important;
  background-image: none !important;
  border-color: var(--kds-border) !important;
  box-shadow: none !important;
  color: var(--kds-text-soft) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .table-responsive,
  .table-area,
  .tbl-wrap,
  .kui-table-shell,
  .card-body
) table.table thead :is(th, td),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--light thead :is(th, td),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--responsive--lg thead :is(th, td) {
  background: #1e293b !important;
  color: #dbeafe !important;
  font-weight: 800;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell :is(
  .table-responsive,
  .table-area,
  .tbl-wrap,
  .kui-table-shell,
  .card-body
) table.table tbody tr:nth-child(even) :is(th, td),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--light tbody tr:nth-child(even) :is(th, td),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--responsive--lg tbody tr:nth-child(even) :is(th, td) {
  background-color: var(--kds-surface-raised) !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table :is(td, th) :is(span, small, p, div, strong, b):not(.badge):not(.btn),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--light :is(td, th) :is(span, small, p, div, strong, b):not(.badge):not(.btn),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--responsive--lg :is(td, th) :is(span, small, p, div, strong, b):not(.badge):not(.btn) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table :is(td, th) :is(a:not(.btn):not([class*="btn-"]), strong, b),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--light :is(td, th) :is(a:not(.btn):not([class*="btn-"]), strong, b),
html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--responsive--lg :is(td, th) :is(a:not(.btn):not([class*="btn-"]), strong, b) {
  color: #dbeafe !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell .kachi-dm-student-context {
  color: var(--kds-text-muted) !important;
}

@media (max-width: 991px) {
  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--responsive--lg tbody tr {
    background: var(--kds-surface) !important;
    border: 1px solid var(--kds-border) !important;
    border-radius: 14px !important;
    overflow: hidden;
  }

  html[data-theme="dark"] body.kachi-dashboard-body .kachi-dashboard-shell table.table--responsive--lg tbody td::before {
    color: var(--kds-text-muted) !important;
    -webkit-text-fill-color: currentColor !important;
  }
}