/**
 * SooperKanoon – site-wide dark mode overrides for page-specific CSS,
 * Tailwind utilities, search filters, and shared components.
 * Load after sk-interactive.css and page stylesheets.
 */

/* ── Tailwind utilities (home, features, pricing) ─────────────── */
html[data-sk-theme="dark"] main .text-slate-900,
html[data-sk-theme="dark"] #content .text-slate-900,
html[data-sk-theme="dark"] .sk-container .text-slate-900 {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .text-slate-800,
html[data-sk-theme="dark"] #content .text-slate-800,
html[data-sk-theme="dark"] .sk-container .text-slate-800 {
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] main .text-slate-700,
html[data-sk-theme="dark"] #content .text-slate-700,
html[data-sk-theme="dark"] .sk-container .text-slate-700 {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .text-slate-600,
html[data-sk-theme="dark"] #content .text-slate-600,
html[data-sk-theme="dark"] .sk-container .text-slate-600 {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] main .text-slate-500,
html[data-sk-theme="dark"] #content .text-slate-500 {
  color: #64748b !important;
}

html[data-sk-theme="dark"] main .border-slate-200,
html[data-sk-theme="dark"] #content .border-slate-200 {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] body.bg-white {
  background: #0b1120 !important;
}

/* ── Shared components ────────────────────────────────────────── */
html[data-sk-theme="dark"] .sk-card,
html[data-sk-theme="dark"] .sk-pricing-card,
html[data-sk-theme="dark"] .sk-pricing-card-featured {
  background: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

html[data-sk-theme="dark"] .sk-pricing-card-featured {
  border-color: #4338ca !important;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.25) !important;
}

html[data-sk-theme="dark"] .sk-upsell-band {
  background: #1e293b !important;
  border-top-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-upsell-band-inner {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-upsell-band .font-semibold,
html[data-sk-theme="dark"] .sk-upsell-band .text-slate-800 {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-upsell-band a.text-indigo-600 {
  color: #a5b4fc !important;
}

html[data-sk-theme="dark"] .sk-upsell-band a.text-indigo-600:hover {
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] .sk-upsell-band .de-em {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] main .bg-slate-50,
html[data-sk-theme="dark"] #content .bg-slate-50,
html[data-sk-theme="dark"] .sk-container .bg-slate-50 {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-section {
  background: #0f172a !important;
}

html[data-sk-theme="dark"] .sk-input,
html[data-sk-theme="dark"] .form-control {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-input::placeholder,
html[data-sk-theme="dark"] .form-control::placeholder {
  color: #64748b !important;
}

html[data-sk-theme="dark"] .sk-btn-outline {
  border-color: #475569 !important;
  background: #1e293b !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-btn-outline:hover {
  border-color: #6366f1 !important;
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-page-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-page-meta {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-prose-page {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .de-em,
html[data-sk-theme="dark"] .text-muted {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .well {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0;
}

html[data-sk-theme="dark"] .browse-item {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .browse-item:hover {
  background: #312e81 !important;
  border-color: #6366f1 !important;
  color: #e0e7ff !important;
}

/* ── Page shells ──────────────────────────────────────────────── */
html[data-sk-theme="dark"] .sk-about-page,
html[data-sk-theme="dark"] .sk-team-page,
html[data-sk-theme="dark"] .sk-contact-page,
html[data-sk-theme="dark"] .sk-join-page,
html[data-sk-theme="dark"] .sk-faq-page,
html[data-sk-theme="dark"] .sk-legal-page,
html[data-sk-theme="dark"] .sk-cite-page,
html[data-sk-theme="dark"] .sk-org-page,
html[data-sk-theme="dark"] .checkout-page,
html[data-sk-theme="dark"] .sk-infographic-page,
html[data-sk-theme="dark"] .sk-wordrow-page,
html[data-sk-theme="dark"] .sk-wordbubble-page {
  background: #0b1120 !important;
  color: #e2e8f0;
}

html[data-sk-theme="dark"] .sk-faq-page,
html[data-sk-theme="dark"] .sk-legal-page {
  background: linear-gradient(180deg, #0b1120 0%, #0f172a 38%, #0b1120 100%) !important;
}

html[data-sk-theme="dark"] .sk-about-section-alt,
html[data-sk-theme="dark"] .sk-team-section-alt,
html[data-sk-theme="dark"] .sk-join-section-alt {
  background: #0f172a !important;
}

/* ── Marketing typography ─────────────────────────────────────── */
html[data-sk-theme="dark"] .sk-about-page h1,
html[data-sk-theme="dark"] .sk-about-page h2,
html[data-sk-theme="dark"] .sk-about-page h3,
html[data-sk-theme="dark"] .sk-about-page h4,
html[data-sk-theme="dark"] .sk-team-page h1,
html[data-sk-theme="dark"] .sk-team-page h2,
html[data-sk-theme="dark"] .sk-team-page h3,
html[data-sk-theme="dark"] .sk-team-page h4,
html[data-sk-theme="dark"] .sk-contact-page h1,
html[data-sk-theme="dark"] .sk-contact-page h2,
html[data-sk-theme="dark"] .sk-contact-page h3,
html[data-sk-theme="dark"] .sk-join-page h1,
html[data-sk-theme="dark"] .sk-join-page h2,
html[data-sk-theme="dark"] .sk-join-page h3,
html[data-sk-theme="dark"] .sk-faq-section__title,
html[data-sk-theme="dark"] .sk-legal-item__title,
html[data-sk-theme="dark"] .sk-legal-intro h2,
html[data-sk-theme="dark"] .sk-contact-topic-card h3,
html[data-sk-theme="dark"] .sk-contact-form-panel h2,
html[data-sk-theme="dark"] .sk-cite-card__title,
html[data-sk-theme="dark"] .sk-cite-preview__value {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-about-page p,
html[data-sk-theme="dark"] .sk-about-page li,
html[data-sk-theme="dark"] .sk-team-page p,
html[data-sk-theme="dark"] .sk-team-page li,
html[data-sk-theme="dark"] .sk-contact-page p,
html[data-sk-theme="dark"] .sk-join-page p,
html[data-sk-theme="dark"] .sk-join-page li,
html[data-sk-theme="dark"] .sk-faq-item__answer,
html[data-sk-theme="dark"] .sk-legal-item__body,
html[data-sk-theme="dark"] .sk-legal-item__body p,
html[data-sk-theme="dark"] .sk-legal-item__body li,
html[data-sk-theme="dark"] .sk-legal-intro,
html[data-sk-theme="dark"] .sk-cite-preview__note,
html[data-sk-theme="dark"] .sk-cite-card__hint {
  color: #94a3b8 !important;
}

/* ── Marketing cards & panels ─────────────────────────────────── */
html[data-sk-theme="dark"] .sk-about-preview,
html[data-sk-theme="dark"] .sk-about-preview-card,
html[data-sk-theme="dark"] .sk-about-bento-card,
html[data-sk-theme="dark"] .sk-about-timeline-item,
html[data-sk-theme="dark"] .sk-about-cap-card,
html[data-sk-theme="dark"] .sk-about-compare-col.traditional,
html[data-sk-theme="dark"] .sk-about-compare-col.modern,
html[data-sk-theme="dark"] .sk-about-stats-band,
html[data-sk-theme="dark"] .sk-about-audience-card,
html[data-sk-theme="dark"] .sk-about-trust-point,
html[data-sk-theme="dark"] .sk-about-testimonial,
html[data-sk-theme="dark"] .sk-team-principle-card,
html[data-sk-theme="dark"] .sk-team-focus-card,
html[data-sk-theme="dark"] .sk-team-build-card,
html[data-sk-theme="dark"] .sk-team-stats-band,
html[data-sk-theme="dark"] .sk-team-focus-panel,
html[data-sk-theme="dark"] .sk-contact-info-panel,
html[data-sk-theme="dark"] .sk-contact-form-panel,
html[data-sk-theme="dark"] .sk-contact-topic-card,
html[data-sk-theme="dark"] .sk-contact-response-box,
html[data-sk-theme="dark"] .sk-contact-quick-link,
html[data-sk-theme="dark"] .sk-join-reason-card,
html[data-sk-theme="dark"] .sk-join-role-card,
html[data-sk-theme="dark"] .sk-join-form-panel,
html[data-sk-theme="dark"] .sk-faq-sidebar-card,
html[data-sk-theme="dark"] .sk-faq-item,
html[data-sk-theme="dark"] .sk-faq-section,
html[data-sk-theme="dark"] .sk-legal-sidebar-card,
html[data-sk-theme="dark"] .sk-legal-item,
html[data-sk-theme="dark"] .sk-legal-intro,
html[data-sk-theme="dark"] .sk-legal-note,
html[data-sk-theme="dark"] .sk-cite-card,
html[data-sk-theme="dark"] .sk-cite-field,
html[data-sk-theme="dark"] .sk-infographic-panel,
html[data-sk-theme="dark"] .sk-infographic-stat {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0;
}

html[data-sk-theme="dark"] .sk-about-compare-col.modern {
  background: linear-gradient(160deg, #1e1b4b 0%, #1e293b 100%) !important;
  border-color: #4338ca !important;
}

html[data-sk-theme="dark"] .sk-about-preview-card strong,
html[data-sk-theme="dark"] .sk-about-bento-card h3,
html[data-sk-theme="dark"] .sk-about-timeline-item h3,
html[data-sk-theme="dark"] .sk-about-cap-card h3,
html[data-sk-theme="dark"] .sk-about-audience-card h3,
html[data-sk-theme="dark"] .sk-about-trust-point strong,
html[data-sk-theme="dark"] .sk-team-principle-card h3,
html[data-sk-theme="dark"] .sk-team-build-card h3,
html[data-sk-theme="dark"] .sk-team-focus-card strong,
html[data-sk-theme="dark"] .sk-join-reason-card h3,
html[data-sk-theme="dark"] .sk-join-role-card h3,
html[data-sk-theme="dark"] .sk-faq-item__question,
html[data-sk-theme="dark"] .sk-faq-nav a.is-active {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-about-preview-header,
html[data-sk-theme="dark"] .sk-about-logos,
html[data-sk-theme="dark"] .sk-faq-item__question,
html[data-sk-theme="dark"] .sk-faq-search,
html[data-sk-theme="dark"] .sk-legal-card__head {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-about-preview,
html[data-sk-theme="dark"] .sk-about-stats-band {
  background: linear-gradient(145deg, #0f172a 0%, #1e293b 45%, #1e1b4b 100%) !important;
}

html[data-sk-theme="dark"] .sk-faq-search {
  background: #1e293b !important;
}

html[data-sk-theme="dark"] .sk-faq-search__input {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-faq-nav a {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-faq-nav a:hover,
html[data-sk-theme="dark"] .sk-faq-nav a.is-active {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-faq-item[open] .sk-faq-item__question {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-legal-nav a {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-legal-nav a:hover,
html[data-sk-theme="dark"] .sk-legal-nav a.is-active {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-cite-preview {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-cite-preview__label {
  color: #64748b !important;
}

/* ── Browse hubs (cases, acts, forms, dict, lawyers) ──────────── */
html[data-sk-theme="dark"] .sk-cases-search,
html[data-sk-theme="dark"] .sk-acts-search,
html[data-sk-theme="dark"] .sk-dict-search,
html[data-sk-theme="dark"] .sk-forms-search,
html[data-sk-theme="dark"] .sk-lawyer-browse-search {
  background: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

html[data-sk-theme="dark"] .sk-cases-search input,
html[data-sk-theme="dark"] .sk-acts-search input,
html[data-sk-theme="dark"] .sk-dict-search input,
html[data-sk-theme="dark"] .sk-forms-search input,
html[data-sk-theme="dark"] .sk-lawyer-browse-search input {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-cases-toolbar__meta,
html[data-sk-theme="dark"] .sk-acts-toolbar__meta,
html[data-sk-theme="dark"] .sk-dict-toolbar__meta,
html[data-sk-theme="dark"] .sk-forms-toolbar__meta,
html[data-sk-theme="dark"] .sk-lawyer-browse-toolbar__meta {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-cases-court,
html[data-sk-theme="dark"] .sk-cases-tribunal,
html[data-sk-theme="dark"] .sk-cases-intl,
html[data-sk-theme="dark"] .sk-cases-featured,
html[data-sk-theme="dark"] .sk-acts-state,
html[data-sk-theme="dark"] .sk-acts-featured,
html[data-sk-theme="dark"] .sk-dict-alpha,
html[data-sk-theme="dark"] .sk-forms-category,
html[data-sk-theme="dark"] .sk-forms-filter-tab,
html[data-sk-theme="dark"] .sk-lawyer-browse-loc {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] .sk-cases-court__name,
html[data-sk-theme="dark"] .sk-cases-featured__title,
html[data-sk-theme="dark"] .sk-acts-state__name,
html[data-sk-theme="dark"] .sk-acts-featured__title,
html[data-sk-theme="dark"] .sk-dict-alpha__letter,
html[data-sk-theme="dark"] .sk-forms-category__title,
html[data-sk-theme="dark"] .sk-lawyer-browse-loc__name {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-cases-court__label,
html[data-sk-theme="dark"] .sk-cases-featured__desc,
html[data-sk-theme="dark"] .sk-acts-state__label,
html[data-sk-theme="dark"] .sk-acts-region__count,
html[data-sk-theme="dark"] .sk-cases-region__count {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-acts-state__icon {
  background: #064e3b !important;
  color: #6ee7b7 !important;
}

html[data-sk-theme="dark"] .sk-acts-state:hover .sk-acts-state__icon {
  background: #065f46 !important;
  color: #a7f3d0 !important;
}

html[data-sk-theme="dark"] .sk-cases-tab,
html[data-sk-theme="dark"] .sk-cases-tribunal-tab {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-cases-tab:hover,
html[data-sk-theme="dark"] .sk-cases-tribunal-tab:hover {
  background: #334155 !important;
  border-color: #6366f1 !important;
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] .sk-cases-tab.is-active,
html[data-sk-theme="dark"] .sk-cases-tribunal-tab.is-active {
  background: #312e81 !important;
  border-color: #6366f1 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-cases-region__title,
html[data-sk-theme="dark"] .sk-acts-region__title,
html[data-sk-theme="dark"] .sk-dict-alpha-group__title,
html[data-sk-theme="dark"] .sk-cases-drill__title,
html[data-sk-theme="dark"] .sk-acts-drill__title,
html[data-sk-theme="dark"] .sk-lawyer-drill__title {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-cases-drill__back,
html[data-sk-theme="dark"] .sk-acts-drill__back,
html[data-sk-theme="dark"] .sk-lawyer-drill__back {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-cases-empty,
html[data-sk-theme="dark"] .sk-acts-empty,
html[data-sk-theme="dark"] .sk-dict-empty,
html[data-sk-theme="dark"] .sk-forms-empty,
html[data-sk-theme="dark"] .sk-lawyer-browse-empty {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-cases-intl-link,
html[data-sk-theme="dark"] .sk-cases-tribunal-list a {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-forms-filter-tab.is-active,
html[data-sk-theme="dark"] .sk-forms-filter-tab:hover {
  background: #312e81 !important;
  border-color: #6366f1 !important;
  color: #e0e7ff !important;
}

/* ── Search results ───────────────────────────────────────────── */
html[data-sk-theme="dark"] .sk-result-row {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-result-body h2,
html[data-sk-theme="dark"] .sk-result-body h3,
html[data-sk-theme="dark"] .sk-result-body h4,
html[data-sk-theme="dark"] .media-heading {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-result-body p {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-result-date {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-result-date .date-d {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-result-tags {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-tag-cloud a {
  background: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-tag-cloud a:hover {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-tag-cloud .sk-tag-count {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-spell-note {
  color: #94a3b8 !important;
}

/* SERP excerpt collapse - panel must go dark with the page (not light box + light text) */
html[data-sk-theme="dark"] .sk-collapse-panel,
html[data-sk-theme="dark"] .sk-result-body .sk-collapse-panel,
html[data-sk-theme="dark"] .sk-excerpt-collapse .sk-collapse-panel {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-collapse-panel p,
html[data-sk-theme="dark"] .sk-collapse-panel li,
html[data-sk-theme="dark"] .sk-collapse-panel span,
html[data-sk-theme="dark"] .sk-collapse-panel div,
html[data-sk-theme="dark"] .sk-collapse-panel font,
html[data-sk-theme="dark"] .sk-result-body .sk-collapse-panel p {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-collapse-panel b,
html[data-sk-theme="dark"] .sk-collapse-panel strong {
  color: #fbbf24 !important;
}

html[data-sk-theme="dark"] .sk-collapse-panel mark,
html[data-sk-theme="dark"] .sk-collapse-panel .highlight {
  background: #854d0e !important;
  color: #fef3c8 !important;
}

html[data-sk-theme="dark"] .sk-panel {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-panel p,
html[data-sk-theme="dark"] .sk-panel b,
html[data-sk-theme="dark"] .sk-panel strong {
  color: inherit;
}

html[data-sk-theme="dark"] .sk-panel b,
html[data-sk-theme="dark"] .sk-panel strong {
  color: #fbbf24 !important;
}

html[data-sk-theme="dark"] .sk-pagination li a,
html[data-sk-theme="dark"] .sk-pagination li span {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-pagination li a:hover {
  background: #312e81 !important;
  border-color: #6366f1 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-pagination li.disabled a,
html[data-sk-theme="dark"] .sk-pagination li.disabled span,
html[data-sk-theme="dark"] .sk-pagination-disabled {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #64748b !important;
}

/* ── Search filters & offcanvas ───────────────────────────────── */
html[data-sk-theme="dark"] .sk-filters-nav.is-stuck .sk-filters-toolbar {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: rgba(99, 102, 241, 0.35) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

html[data-sk-theme="dark"] .sk-filters-toolbar__count {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-filters-divider {
  background: rgba(148, 163, 184, 0.25) !important;
}

html[data-sk-theme="dark"] .sk-filters-btn {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #a5b4fc !important;
}

html[data-sk-theme="dark"] .sk-filters-btn:hover,
html[data-sk-theme="dark"] .sk-filters-btn:focus {
  background: #312e81 !important;
  border-color: #6366f1 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-filters-clear-all {
  color: #a5b4fc !important;
}

html[data-sk-theme="dark"] .sk-filter-chip {
  background: rgba(99, 102, 241, 0.15) !important;
  border-color: rgba(99, 102, 241, 0.35) !important;
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] .sk-offcanvas-panel,
html[data-sk-theme="dark"] .sk-offcanvas-panel__footer {
  background: #1e293b !important;
}

html[data-sk-theme="dark"] .sk-offcanvas-panel__header,
html[data-sk-theme="dark"] .sk-offcanvas-panel__footer,
html[data-sk-theme="dark"] .sk-filter-group {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-offcanvas-panel__title {
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-offcanvas-panel__close {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-offcanvas-panel__close:hover {
  background: #334155 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-filter-group__title {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-filter-group__link,
html[data-sk-theme="dark"] .sk-filter-group__multi,
html[data-sk-theme="dark"] .sk-filter-group__radio {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-filter-group__link:hover,
html[data-sk-theme="dark"] .sk-filter-group__multi:hover,
html[data-sk-theme="dark"] .sk-filter-group__radio:hover {
  background: #334155 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-filter-group__link--active,
html[data-sk-theme="dark"] .sk-filter-group__item--active .sk-filter-group__link,
html[data-sk-theme="dark"] .sk-filter-group__multi--active,
html[data-sk-theme="dark"] .sk-filter-group__radio--active {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-filter-group__search,
html[data-sk-theme="dark"] .sk-year-range__select {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-filter-group__checkbox,
html[data-sk-theme="dark"] .sk-filter-group__radio-dot {
  background: #0f172a !important;
  border-color: #6366f1 !important;
}

html[data-sk-theme="dark"] .sk-filter-group__multi--active .sk-filter-group__checkbox {
  background: #6366f1 !important;
  color: #fff !important;
}

/* ── Action bar (search / dict / form detail) ─────────────────── */
html[data-sk-theme="dark"] .sk-action-bar:not(.sk-detail-toolbar) {
  background: transparent;
}

html[data-sk-theme="dark"] .sk-action-bar.is-stuck:not(.sk-detail-toolbar) {
  background: rgba(15, 23, 42, 0.95) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

html[data-sk-theme="dark"] .sk-action-bar-label {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-action-bar .nav.navbar-nav a,
html[data-sk-theme="dark"] .sk-action-bar-inner #filternavbar a,
html[data-sk-theme="dark"] .sk-action-bar-inner a:not(.sk-detail-toolbar-print) {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-action-bar .nav.navbar-nav a:hover,
html[data-sk-theme="dark"] .sk-action-bar-inner #filternavbar a:hover {
  background: #334155 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-action-bar .navbar-toggle {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html[data-sk-theme="dark"] .sk-action-bar .icon-bar {
  background: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-filter-logo a {
  color: #f1f5f9 !important;
}

/* ── Dictionary / form draft detail ───────────────────────────── */
html[data-sk-theme="dark"] .sk-dict-badge {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-dict-badge--alpha {
  background: #312e81 !important;
  border-color: #6366f1 !important;
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] .sk-dict-subtitle {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-form-draft-sheet,
html[data-sk-theme="dark"] .sk-form-draft-notice {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] .sk-form-draft-section-title,
html[data-sk-theme="dark"] .sk-form-draft-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-form-draft-subtitle {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-form-draft-meta.sk-meta-table td {
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-form-draft-meta.sk-meta-table td:first-child {
  background: #0f172a !important;
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-form-draft-fields th {
  background: #0f172a !important;
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-form-draft-fields td {
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

/* ── Organizer ────────────────────────────────────────────────── */
html[data-sk-theme="dark"] .sk-organizer-nav,
html[data-sk-theme="dark"] .sk-organizer-search {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-organizer-nav a {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-organizer-nav a:hover {
  background: #334155 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-organizer-nav a.is-active {
  background: #422006 !important;
  color: #fde68a !important;
  box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.25) !important;
}

html[data-sk-theme="dark"] .sk-organizer-search__icon {
  background: #0f172a !important;
  color: #64748b !important;
}

html[data-sk-theme="dark"] .sk-organizer-search input {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-org-panel,
html[data-sk-theme="dark"] .sk-org-client,
html[data-sk-theme="dark"] .sk-org-form__section,
html[data-sk-theme="dark"] .sk-org-file-item,
html[data-sk-theme="dark"] .sk-org-upload-progress,
html[data-sk-theme="dark"] .sk-org-form__notice {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0;
}

html[data-sk-theme="dark"] .sk-org-panel__head {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-org-panel__title,
html[data-sk-theme="dark"] .sk-org-client__name,
html[data-sk-theme="dark"] .sk-org-form__section-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-org-panel__count,
html[data-sk-theme="dark"] .sk-org-client__stage,
html[data-sk-theme="dark"] .sk-org-court,
html[data-sk-theme="dark"] .sk-org-parties,
html[data-sk-theme="dark"] .sk-org-field__hint {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-org-input,
html[data-sk-theme="dark"] .sk-org-textarea,
html[data-sk-theme="dark"] .sk-org-file-drop {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-org-field__label {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-org-filter {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-org-hearing--today {
  background: #422006 !important;
  border-color: #b45309 !important;
}

html[data-sk-theme="dark"] .sk-org-hearing--upcoming {
  background: #1e1b4b !important;
  border-color: #4338ca !important;
}

html[data-sk-theme="dark"] .sk-org-hearing--past {
  background: #1e293b !important;
  border-color: #334155 !important;
  opacity: 0.85;
}

html[data-sk-theme="dark"] .sk-organizer-table th {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-organizer-table td {
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-organizer-table tbody tr:hover {
  background: #334155 !important;
}

html[data-sk-theme="dark"] .sk-organizer-table tbody tr:hover .sk-org-client {
  background: transparent !important;
}

html[data-sk-theme="dark"] .sk-organizer-table a:not(.sk-org-view-link) {
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] .sk-organizer-table a:not(.sk-org-view-link):hover {
  color: #e0e7ff !important;
  text-decoration: none !important;
}

html[data-sk-theme="dark"] .sk-org-client__name:hover {
  color: #e0e7ff !important;
  text-decoration: none !important;
}

html[data-sk-theme="dark"] .sk-org-view-link {
  background: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-org-view-link:hover {
  background: #64748b !important;
  color: #fff !important;
}

html[data-sk-theme="dark"] .sk-organizer-table tbody tr:hover .sk-org-view-link {
  background: #1e293b !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-organizer-table tbody tr:hover .sk-org-view-link:hover {
  background: #0f172a !important;
  color: #fff !important;
}

html[data-sk-theme="dark"] .sk-organizer-card {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-organizer-card:hover {
  background: #334155 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

html[data-sk-theme="dark"] .sk-organizer-card__title a {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-organizer-card__title a:hover {
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] .sk-organizer-card dt {
  color: #64748b !important;
}

html[data-sk-theme="dark"] .sk-organizer-card dd {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-organizer-card__link {
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] .sk-organizer-card__link:hover {
  color: #e0e7ff !important;
}

/* ── Bonus / dashboard ────────────────────────────────────────── */
html[data-sk-theme="dark"] .sk-bonus-card,
html[data-sk-theme="dark"] .sk-bonus-list-item,
html[data-sk-theme="dark"] .sk-bonus-empty,
html[data-sk-theme="dark"] .sk-dashboard-panel,
html[data-sk-theme="dark"] .sk-dashboard-chart-box,
html[data-sk-theme="dark"] .sk-dashboard-nav {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0;
}

html[data-sk-theme="dark"] .sk-dashboard-stat {
  background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

html[data-sk-theme="dark"] .sk-bonus-list-body h2,
html[data-sk-theme="dark"] .sk-bonus-list-body h3,
html[data-sk-theme="dark"] .sk-bonus-list-body h4,
html[data-sk-theme="dark"] .sk-dashboard-stat-value {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-stat-label {
  color: #e0e7ff !important;
  opacity: 1 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-nav a {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-nav a.is-active,
html[data-sk-theme="dark"] .sk-dashboard-nav a:hover {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-dashboard-section-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-section-title small {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-summary {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-summary b {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-year-select select {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-usage-log {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-usage-log b {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-usage-log + .sk-dashboard-usage-log {
  border-top-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-user-tabs {
  border-bottom-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-user-tabs li a {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-user-tabs li.active a,
html[data-sk-theme="dark"] .sk-dashboard-user-tabs li a.active,
html[data-sk-theme="dark"] .sk-dashboard-user-tabs li a.sk-tab-active {
  color: #c7d2fe !important;
  background: #312e81 !important;
  box-shadow: inset 0 -2px 0 #6366f1 !important;
}

html[data-sk-theme="dark"] .sk-dashboard-user-tabs li a:hover {
  color: #c7d2fe !important;
  background: #334155 !important;
}

html[data-sk-theme="dark"] .sk-bonus-form .form-control,
html[data-sk-theme="dark"] .sk-bonus-form select,
html[data-sk-theme="dark"] .sk-bonus-form textarea,
html[data-sk-theme="dark"] .sk-bonus-form input[type="text"],
html[data-sk-theme="dark"] .sk-bonus-form input[type="email"] {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-bonus-table th {
  background: #0f172a !important;
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-bonus-table td {
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-bonus-meta,
html[data-sk-theme="dark"] .sk-bonus-list-body p {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-bonus-page .sk-result-date {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html[data-sk-theme="dark"] .sk-bonus-page .sk-result-date .date-d {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-bonus-page .sk-annotation-block {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-bonus-feature-tabs .sk-bonus-tab-nav li a {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-bonus-feature-tabs .sk-bonus-tab-nav li.active a,
html[data-sk-theme="dark"] .sk-bonus-feature-tabs .sk-bonus-tab-nav li a.active {
  background: #4f46e5 !important;
  border-color: #6366f1 !important;
  color: #fff !important;
}

html[data-sk-theme="dark"] .sk-bonus-feature-tabs .sk-bonus-tab-panel {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-bonus-feature-tabs .sk-bonus-tab-heading {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-bonus-feature-tabs .sk-bonus-tab-subheading {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-bonus-feature-tabs .feature.tab-pane.active p {
  color: #cbd5e1 !important;
  background: linear-gradient(145deg, #1e293b 0%, #1e1b4b 100%) !important;
  border-color: #4338ca !important;
}

/* ── Checkout / signup / renew ────────────────────────────────── */
html[data-sk-theme="dark"] .checkout-page {
  background: linear-gradient(180deg, #0b1120 0%, #0f172a 40%, #0b1120 100%) !important;
}

html[data-sk-theme="dark"] .signup-card,
html[data-sk-theme="dark"] .signup-summary-card {
  background: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 0 16px 40px rgba(0, 0, 0, 0.25) !important;
}

html[data-sk-theme="dark"] .signup-card__header,
html[data-sk-theme="dark"] .signup-card__footer,
html[data-sk-theme="dark"] .signup-card__footer--terms-first {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .signup-card__eyebrow,
html[data-sk-theme="dark"] .signup-card__subtitle,
html[data-sk-theme="dark"] .signup-card__hint,
html[data-sk-theme="dark"] .signup-trust {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .signup-card__title,
html[data-sk-theme="dark"] .signup-card__section-title,
html[data-sk-theme="dark"] .signup-summary-card__title,
html[data-sk-theme="dark"] .signup-summary-card__features-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .signup-card__section--payment {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .checkout-trust-strip,
html[data-sk-theme="dark"] .checkout-instant-access {
  background: linear-gradient(135deg, #0f172a 0%, #064e3b 100%) !important;
  border-color: #047857 !important;
}

html[data-sk-theme="dark"] .checkout-trust-strip__item,
html[data-sk-theme="dark"] .checkout-instant-access p,
html[data-sk-theme="dark"] main .checkout-trust-strip__item,
html[data-sk-theme="dark"] #content .checkout-trust-strip__item {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .checkout-trust-strip__item .fa,
html[data-sk-theme="dark"] .checkout-instant-access .fa {
  color: #6ee7b7 !important;
}

html[data-sk-theme="dark"] .checkout-instant-access strong {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .checkout-payment-intro,
html[data-sk-theme="dark"] .signup-summary-card__features-note,
html[data-sk-theme="dark"] .signup-summary-features,
html[data-sk-theme="dark"] .signup-card__terms {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .signup-card label,
html[data-sk-theme="dark"] .signup-card .sk-form-group > label {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .signup-card .form-control,
html[data-sk-theme="dark"] .signup-card input[type="email"],
html[data-sk-theme="dark"] .signup-card input[type="password"],
html[data-sk-theme="dark"] .signup-card input[type="text"],
html[data-sk-theme="dark"] .signup-card select.form-control {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .signup-card .form-control:focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

html[data-sk-theme="dark"] .signup-card .input-group-addon {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .checkout-billing-option,
html[data-sk-theme="dark"] .checkout-payment-methods li,
html[data-sk-theme="dark"] .checkout-recharge-card,
html[data-sk-theme="dark"] .gateway-tile:not(.gateway-tile--primary) {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] .checkout-billing-option.is-active {
  background: #312e81 !important;
  border-color: #6366f1 !important;
}

html[data-sk-theme="dark"] .checkout-billing-option__label,
html[data-sk-theme="dark"] .gateway-tile__name {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .checkout-billing-option__price,
html[data-sk-theme="dark"] .gateway-tile__action {
  color: #a5b4fc !important;
}

html[data-sk-theme="dark"] .checkout-billing-option__save {
  background: #064e3b !important;
  color: #6ee7b7 !important;
}

html[data-sk-theme="dark"] .signup-feature-list {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .signup-feature-item {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .signup-summary-details__toggle {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] .signup-summary-features strong {
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] .signup-summary-features .fa-check {
  color: #6ee7b7 !important;
}

html[data-sk-theme="dark"] .btn-default {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}

/* ── Infographic / word tools ─────────────────────────────────── */
html[data-sk-theme="dark"] .sk-infographic-panel,
html[data-sk-theme="dark"] .sk-infographic-stat,
html[data-sk-theme="dark"] .sk-infographic-toggle__group,
html[data-sk-theme="dark"] .sk-infographic-table-wrap,
html[data-sk-theme="dark"] .sk-wordrow-controls,
html[data-sk-theme="dark"] .sk-wordbubble-controls {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0;
}

html[data-sk-theme="dark"] .sk-infographic-panel__title,
html[data-sk-theme="dark"] .sk-infographic-stat__value,
html[data-sk-theme="dark"] .sk-infographic-bar-label {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-infographic-panel__hint,
html[data-sk-theme="dark"] .sk-infographic-stat__label,
html[data-sk-theme="dark"] .sk-infographic-hero__desc {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-infographic-toggle__option span {
  background: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-infographic-toggle__option.is-active span,
html[data-sk-theme="dark"] .sk-infographic-toggle__option input:checked + span {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-infographic-table tbody tr:hover {
  background: #334155 !important;
}

html[data-sk-theme="dark"] .sk-cite-input {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-cite-field__label,
html[data-sk-theme="dark"] .sk-cite-field__help {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-contact-section-alt {
  background: #0f172a !important;
}

html[data-sk-theme="dark"] .sk-contact-form-panel label,
html[data-sk-theme="dark"] .sk-contact-form-panel .sk-form-group > label {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-contact-quick-link strong {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-contact-quick-link span {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-contact-quick-link:hover,
html[data-sk-theme="dark"] .sk-contact-quick-link:focus-visible {
  background: #334155 !important;
  background-image: none !important;
  border-color: #6366f1 !important;
  box-shadow: 0 8px 20px -12px rgba(99, 102, 241, 0.35) !important;
}

html[data-sk-theme="dark"] .sk-faq-filter {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-faq-filter.is-active {
  background: #312e81 !important;
  border-color: #6366f1 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-legal-search {
  background: #1e293b !important;
}

html[data-sk-theme="dark"] .sk-legal-search__input {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-legal-item[open] .sk-legal-item__header {
  background: #312e81 !important;
}

html[data-sk-theme="dark"] .sk-legal-related-link {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-legal-related-link.is-current {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

/* ── Autocomplete, modals, popovers ─────────────────────────── */
html[data-sk-theme="dark"] .sk-ac__list {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-ac__item {
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] .sk-ac__item[aria-selected="true"],
html[data-sk-theme="dark"] .sk-ac__item:hover {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .sk-ac__group-label,
html[data-sk-theme="dark"] .sk-ac__status {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .modal-content {
  background: #1e293b !important;
  color: #e2e8f0;
}

html[data-sk-theme="dark"] .modal-header {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .modal .close {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .note-editor-toolbar button {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .js-note-editor-surface {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-popover {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-popover__title {
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-popover__body {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-tabs .nav-tabs,
html[data-sk-theme="dark"] ul.sk-tabs.nav-tabs {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-tabs .nav-tabs li a,
html[data-sk-theme="dark"] ul.sk-tabs.nav-tabs li a {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] ul.sk-tabs.nav-tabs[data-sk-category-filter] li a {
  background: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] .sk-tabs .nav-tabs li.active a,
html[data-sk-theme="dark"] ul.sk-tabs.nav-tabs li.active a,
html[data-sk-theme="dark"] ul.sk-tabs.nav-tabs li a.sk-filter-active {
  color: #a5b4fc !important;
}

html[data-sk-theme="dark"] ul.sk-tabs.nav-tabs[data-sk-category-filter] li.active a,
html[data-sk-theme="dark"] ul.sk-tabs.nav-tabs[data-sk-category-filter] li a.sk-filter-active {
  background: #312e81 !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] .customers .customer {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .customers .customer .title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .customers .customer .description {
  color: #94a3b8 !important;
}

/* ── About / Team hero preview bento (focus cards) ───────────── */
html[data-sk-theme="dark"] .sk-about-preview,
html[data-sk-theme="dark"] .sk-team-focus-panel {
  background: linear-gradient(145deg, #0f172a 0%, #1e293b 45%, #1e1b4b 100%) !important;
  border-color: #334155 !important;
  box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.35) !important;
}

html[data-sk-theme="dark"] .sk-about-preview-header,
html[data-sk-theme="dark"] .sk-about-preview-label,
html[data-sk-theme="dark"] .sk-team-focus-header {
  color: #94a3b8 !important;
  border-bottom-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-about-preview-card,
html[data-sk-theme="dark"] .sk-about-preview-card:nth-child(1),
html[data-sk-theme="dark"] .sk-team-focus-card,
html[data-sk-theme="dark"] .sk-team-focus-card:first-child {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-about-preview-card strong,
html[data-sk-theme="dark"] .sk-team-focus-card strong {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-about-preview-card .sk-about-preview-desc,
html[data-sk-theme="dark"] .sk-team-focus-card .sk-team-focus-desc {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-team-focus-card:hover,
html[data-sk-theme="dark"] .sk-about-preview-card:hover {
  border-color: #6366f1 !important;
  box-shadow: 0 8px 20px -12px rgba(99, 102, 241, 0.35) !important;
}

/* Team: build grid, partner band, stats (white panels in light mode) */
html[data-sk-theme="dark"] .sk-team-build-card {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-team-build-card h3 {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-team-build-card p {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-team-build-card:hover {
  border-color: #6366f1 !important;
  box-shadow: 0 10px 24px -14px rgba(99, 102, 241, 0.35) !important;
}

html[data-sk-theme="dark"] .sk-team-partner-band {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 55%, #1e1b4b 100%) !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-team-partner-band h2 {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-team-partner-band p {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-team-partner-band a.text-indigo-600,
html[data-sk-theme="dark"] .sk-team-partner-band a.font-semibold {
  color: #a5b4fc !important;
}

html[data-sk-theme="dark"] .sk-team-partner-band a.text-indigo-600:hover {
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] .sk-team-stats-band {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-team-stats-band .sk-stat-card {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] .sk-team-stats-band .sk-stat-card strong {
  color: #a5b4fc !important;
}

html[data-sk-theme="dark"] .sk-team-stats-band .sk-stat-card small {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] .sk-team-principle-card h3 {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] .sk-team-principle-card p {
  color: #94a3b8 !important;
}

/* ── API section (index, docs, pricing, signup, recharge) ─────── */
html[data-sk-theme="dark"] main .sk-section-title,
html[data-sk-theme="dark"] #content .sk-section-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .sk-api-nav,
html[data-sk-theme="dark"] #content .sk-api-nav {
  border-bottom-color: #334155 !important;
}

html[data-sk-theme="dark"] main .sk-api-nav a,
html[data-sk-theme="dark"] #content .sk-api-nav a {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] main .sk-api-nav a:hover,
html[data-sk-theme="dark"] #content .sk-api-nav a:hover {
  background: #1e293b !important;
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] main .sk-api-nav a.sk-api-nav-active,
html[data-sk-theme="dark"] #content .sk-api-nav a.sk-api-nav-active {
  background: #312e81 !important;
  color: #c7d2fe !important;
}

/* API doc prose - high specificity to beat sk.min.css / app.css */
html[data-sk-theme="dark"] main .sk-api-doc,
html[data-sk-theme="dark"] #content .sk-api-doc {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc h2,
html[data-sk-theme="dark"] #content .sk-api-doc h2,
html[data-sk-theme="dark"] main .sk-api-doc h2.sk-section-title,
html[data-sk-theme="dark"] #content .sk-api-doc h2.sk-section-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc h3,
html[data-sk-theme="dark"] #content .sk-api-doc h3 {
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc h4,
html[data-sk-theme="dark"] #content .sk-api-doc h4 {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc p,
html[data-sk-theme="dark"] #content .sk-api-doc p {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc ul,
html[data-sk-theme="dark"] #content .sk-api-doc ul,
html[data-sk-theme="dark"] main .sk-api-doc ol,
html[data-sk-theme="dark"] #content .sk-api-doc ol,
html[data-sk-theme="dark"] main .sk-api-doc li,
html[data-sk-theme="dark"] #content .sk-api-doc li {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc strong,
html[data-sk-theme="dark"] #content .sk-api-doc strong,
html[data-sk-theme="dark"] main .sk-api-doc b,
html[data-sk-theme="dark"] #content .sk-api-doc b {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc a,
html[data-sk-theme="dark"] #content .sk-api-doc a {
  color: #c7d2fe !important;
}

html[data-sk-theme="dark"] main .sk-api-doc a:hover,
html[data-sk-theme="dark"] #content .sk-api-doc a:hover {
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] main .sk-api-doc code,
html[data-sk-theme="dark"] #content .sk-api-doc code {
  background: #334155 !important;
  color: #e2e8f0 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc pre,
html[data-sk-theme="dark"] #content .sk-api-doc pre {
  background: #0f172a !important;
  color: #e2e8f0 !important;
  border: 1px solid #334155 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc pre code,
html[data-sk-theme="dark"] #content .sk-api-doc pre code {
  background: transparent !important;
  color: inherit !important;
}

html[data-sk-theme="dark"] main .sk-api-doc hr,
html[data-sk-theme="dark"] #content .sk-api-doc hr {
  border-top-color: #334155 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc table th,
html[data-sk-theme="dark"] #content .sk-api-doc table th,
html[data-sk-theme="dark"] main .sk-api-doc table td,
html[data-sk-theme="dark"] #content .sk-api-doc table td {
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .sk-api-doc table th,
html[data-sk-theme="dark"] #content .sk-api-doc table th {
  background: #1e293b !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .sk-card .table.table-bordered,
html[data-sk-theme="dark"] #content .sk-card .table.table-bordered,
html[data-sk-theme="dark"] main .sk-card .table.table-bordered td,
html[data-sk-theme="dark"] #content .sk-card .table.table-bordered td,
html[data-sk-theme="dark"] main .sk-card .table.table-bordered th,
html[data-sk-theme="dark"] #content .sk-card .table.table-bordered th {
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .sk-card .table.table-bordered td,
html[data-sk-theme="dark"] #content .sk-card .table.table-bordered td {
  background: transparent !important;
}

html[data-sk-theme="dark"] main .sk-card mark,
html[data-sk-theme="dark"] #content .sk-card mark {
  background: #4338ca !important;
  color: #e0e7ff !important;
}

html[data-sk-theme="dark"] main .plan-badge,
html[data-sk-theme="dark"] #content .plan-badge {
  background: #312e81 !important;
  color: #c7d2fe !important;
}

/* API signup - beat inline <style> in signup.ctp (loads in body) */
html[data-sk-theme="dark"] main .signup-checkout .signup-card,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card {
  background: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 0 16px 40px rgba(0, 0, 0, 0.25) !important;
}

html[data-sk-theme="dark"] main .signup-checkout .signup-card__header,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card__header,
html[data-sk-theme="dark"] main .signup-checkout .signup-card__footer,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card__footer {
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] main .signup-checkout .signup-card__eyebrow,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card__eyebrow,
html[data-sk-theme="dark"] main .signup-checkout .signup-card__subtitle,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card__subtitle,
html[data-sk-theme="dark"] main .signup-checkout .signup-trust,
html[data-sk-theme="dark"] #content .signup-checkout .signup-trust,
html[data-sk-theme="dark"] main .signup-checkout .signup-card .text-muted,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card .text-muted,
html[data-sk-theme="dark"] main .signup-checkout .signup-card small,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card small {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] main .signup-checkout .signup-card__title,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card__title,
html[data-sk-theme="dark"] main .signup-checkout .signup-card__section-title,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card__section-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .signup-checkout .signup-card label,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card label,
html[data-sk-theme="dark"] main .signup-checkout .signup-card__terms,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card__terms,
html[data-sk-theme="dark"] main .signup-checkout .signup-card__terms label,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card__terms label {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .signup-checkout .signup-card .form-control,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card .form-control,
html[data-sk-theme="dark"] main .signup-checkout .signup-card input[type="email"],
html[data-sk-theme="dark"] #content .signup-checkout .signup-card input[type="email"],
html[data-sk-theme="dark"] main .signup-checkout .signup-card input[type="tel"],
html[data-sk-theme="dark"] #content .signup-checkout .signup-card input[type="tel"],
html[data-sk-theme="dark"] main .signup-checkout .signup-card input[type="text"],
html[data-sk-theme="dark"] #content .signup-checkout .signup-card input[type="text"] {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .signup-checkout .signup-card .form-control::placeholder,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card .form-control::placeholder,
html[data-sk-theme="dark"] main .signup-checkout .signup-card input::placeholder,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card input::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

html[data-sk-theme="dark"] main .signup-checkout .signup-card .form-control:focus,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card .form-control:focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

html[data-sk-theme="dark"] main .signup-checkout .signup-card .input-group-addon,
html[data-sk-theme="dark"] #content .signup-checkout .signup-card .input-group-addon {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .signup-checkout .plan-badge,
html[data-sk-theme="dark"] #content .signup-checkout .plan-badge {
  background: #312e81 !important;
  color: #c7d2fe !important;
}

/* API recharge - trust strip, form, payment block inside sk-card */
html[data-sk-theme="dark"] main .checkout-recharge-card,
html[data-sk-theme="dark"] #content .checkout-recharge-card {
  background: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card label,
html[data-sk-theme="dark"] #content .checkout-recharge-card label {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card .help-block,
html[data-sk-theme="dark"] #content .checkout-recharge-card .help-block {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card .checkout-trust-strip,
html[data-sk-theme="dark"] #content .checkout-recharge-card .checkout-trust-strip {
  background: linear-gradient(135deg, #0f172a 0%, #064e3b 100%) !important;
  border-color: #047857 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card .checkout-trust-strip__item,
html[data-sk-theme="dark"] #content .checkout-recharge-card .checkout-trust-strip__item {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card .checkout-trust-strip__item .fa,
html[data-sk-theme="dark"] #content .checkout-recharge-card .checkout-trust-strip__item .fa {
  color: #6ee7b7 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card .checkbox label,
html[data-sk-theme="dark"] #content .checkout-recharge-card .checkbox label {
  color: #cbd5e1 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card input[type="checkbox"],
html[data-sk-theme="dark"] #content .checkout-recharge-card input[type="checkbox"] {
  background-color: #334155 !important;
  border: 1px solid #64748b !important;
  accent-color: #6366f1;
}

html[data-sk-theme="dark"] main .checkout-recharge-card .signup-card__section--payment,
html[data-sk-theme="dark"] #content .checkout-recharge-card .signup-card__section--payment {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card .signup-card__section-title,
html[data-sk-theme="dark"] #content .checkout-recharge-card .signup-card__section-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .checkout-recharge-card .checkout-payment-intro,
html[data-sk-theme="dark"] #content .checkout-recharge-card .checkout-payment-intro {
  color: #94a3b8 !important;
}

/* ── Features page (core feature cards) ───────────────────────── */
html[data-sk-theme="dark"] main .sk-card.sk-feature-card,
html[data-sk-theme="dark"] #content .sk-card.sk-feature-card {
  background: #1e293b !important;
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

html[data-sk-theme="dark"] main .sk-feature-card-title,
html[data-sk-theme="dark"] #content .sk-feature-card-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .sk-feature-card p,
html[data-sk-theme="dark"] #content .sk-feature-card p {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] main .sk-feature-card-link,
html[data-sk-theme="dark"] #content .sk-feature-card-link {
  color: #a5b4fc !important;
}

html[data-sk-theme="dark"] main .sk-feature-card-link:hover,
html[data-sk-theme="dark"] #content .sk-feature-card-link:hover {
  color: #c7d2fe !important;
}

/* Beat sk.min.css .sk-feature-card-hover:hover (shadow/translate only in light mode) */
html[data-sk-theme="dark"] main .sk-feature-card-hover:hover,
html[data-sk-theme="dark"] #content .sk-feature-card-hover:hover,
html[data-sk-theme="dark"] main .sk-card.sk-feature-card.sk-feature-card-hover:hover,
html[data-sk-theme="dark"] #content .sk-card.sk-feature-card.sk-feature-card-hover:hover {
  background: #334155 !important;
  background-color: #334155 !important;
  border-color: #6366f1 !important;
  box-shadow: 0 10px 24px -14px rgba(99, 102, 241, 0.35) !important;
}

html[data-sk-theme="dark"] main .sk-feature-card-hover:hover .sk-feature-card-title,
html[data-sk-theme="dark"] #content .sk-feature-card-hover:hover .sk-feature-card-title {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .sk-feature-card-hover:hover p,
html[data-sk-theme="dark"] #content .sk-feature-card-hover:hover p {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] main .sk-features-spotlight-copy h3,
html[data-sk-theme="dark"] #content .sk-features-spotlight-copy h3 {
  color: #f1f5f9 !important;
}

html[data-sk-theme="dark"] main .sk-features-spotlight-copy p,
html[data-sk-theme="dark"] #content .sk-features-spotlight-copy p {
  color: #94a3b8 !important;
}

html[data-sk-theme="dark"] main .sk-features-spotlight-img,
html[data-sk-theme="dark"] #content .sk-features-spotlight-img {
  border-color: #334155 !important;
}

/* Paid bonus tabs on /features (sk-features-bonus-dark - not sk-feature-card) */
html[data-sk-theme="dark"] .sk-features-bonus-dark .sk-bonus-feature-tabs .feature.tab-pane.active p {
  color: #cbd5e1 !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(99, 102, 241, 0.12) 100%) !important;
  border-color: rgba(129, 140, 248, 0.25) !important;
}