/*
 * 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,
  .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;
}

/* 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%),
    #0b1120 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !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;
  }

  call-us-selector,
  .tcx-launcher,
  #tcx-launcher,
  [class*="tcx-launcher"],
  [class*="3cx-launcher"] {
    right: 14px !important;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !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;
  }
}