/**
 * AkuAjae Community Core — Native Dark Mode Stylesheet
 *
 * Dedicated stylesheet providing native Dark Mode styling across all plugin
 * surfaces and components using `@media (prefers-color-scheme: dark)`.
 *
 * @package AkuAjae_Community_Core
 * @since   1.5.2
 */

@media (prefers-color-scheme: dark) {
  /* ─── Base Scopes & Page Backgrounds ────────────────────── */

  body.acc-community,
  body.acc-app-active {
    color-scheme: dark;
    background-color: #0f172a !important;
    color: #f8fafc !important;
  }

  .acc-root,
  .acc-app-shell,
  .acc-modal,
  .acc-font-scope {
    color-scheme: dark;
    color: #f8fafc;
  }

  .acc-app-shell,
  .acc-feed-column {
    background-color: #0f172a;
  }

  /* ─── Typography & Links ────────────────────────────────── */

  .acc-root a {
    color: #f8fafc;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-root a:hover {
      color: #a78bfa;
    }
  }

  .acc-root a:focus-visible {
    color: #a78bfa;
  }

  /* ─── App Shell & Sidebar ───────────────────────────────── */

  .acc-sidebar-left {
    background-color: #0f172a;
    border-right-color: #1e293b;
  }

  .acc-sidebar-brand {
    color: #f8fafc;
  }

  .acc-sidebar-brand .acc-icon {
    color: #8c7eff;
  }

  .acc-sidebar-title {
    color: #64748b;
  }

  .acc-sidebar-scrim {
    background: rgba(0, 0, 0, 0.7);
  }

  .acc-sidebar-edge-toggle {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-sidebar-edge-toggle:hover {
      color: #a78bfa;
      background: #334155;
      border-color: #475569;
    }
  }

  /* ─── Navigation Links & Badges ──────────────────────────── */

  .acc-nav-link {
    color: #94a3b8;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-nav-link:hover {
      background: rgba(255, 255, 255, 0.06);
      color: #f8fafc;
    }
  }

  .acc-nav-link.is-active {
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-nav-badge {
    background: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
  }

  .acc-nav-badge[data-acc-cat-unread="1"],
  .acc-nav-badge.is-unread {
    background: #8c7eff;
    color: #ffffff;
  }

  /* ─── Header, Subnav & Breadcrumbs ───────────────────────── */

  .acc-chrome {
    border-bottom-color: #334155;
  }

  .acc-chrome__title,
  .acc-page-header__title {
    color: #f8fafc;
  }

  .acc-chrome__context,
  .acc-page-header__subtitle {
    color: #94a3b8;
  }

  .acc-subnav {
    border-bottom-color: #334155;
  }

  .acc-subnav__item {
    color: #94a3b8;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-subnav__item:hover {
      color: #f8fafc;
    }
  }

  .acc-subnav__item.is-active,
  .acc-subnav__item[aria-current="page"] {
    color: #a78bfa;
    border-bottom-color: #a78bfa;
  }

  .acc-breadcrumb {
    color: #94a3b8;
  }

  .acc-breadcrumb a {
    color: #94a3b8;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-breadcrumb a:hover {
      color: #a78bfa;
    }
  }

  .acc-breadcrumb__sep {
    color: #64748b;
  }

  /* ─── Cards & Main Surfaces ─────────────────────────────── */

  .acc-card,
  .acc-thread-card,
  .acc-single-thread,
  .acc-comment-item,
  .acc-composer-page,
  .acc-listing-card,
  .acc-preset-card,
  .acc-pose-card,
  .acc-bongkar-card,
  .acc-freelance-card,
  .acc-category-card,
  .acc-profile-card {
    background-color: #1e293b;
    border-color: #334155;
    color: #f8fafc;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  }

  .acc-card__header,
  .acc-card__footer,
  .acc-thread-card__footer,
  .acc-thread-card__header {
    border-color: #334155;
  }

  .acc-thread-card__title,
  .acc-thread-card__title a {
    color: #f8fafc;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-thread-card__title a:hover {
      color: #a78bfa;
    }
  }

  .acc-thread-card__excerpt,
  .acc-thread-card__meta,
  .acc-card__excerpt {
    color: #94a3b8;
  }

  .acc-comment-item {
    background-color: #1e293b;
    border-color: #334155;
  }

  .acc-comment-item--reply,
  .acc-comment-item__children {
    background-color: #0f172a;
    border-left-color: #334155;
  }

  .acc-comment-item__author {
    color: #f8fafc;
  }

  .acc-comment-item__time {
    color: #64748b;
  }

  /* ─── Prose & Code Formatting ───────────────────────────── */

  .acc-prose {
    color: #e2e8f0;
  }

  .acc-prose h1,
  .acc-prose h2,
  .acc-prose h3,
  .acc-prose h4 {
    color: #f8fafc;
  }

  .acc-prose p,
  .acc-prose li {
    color: #cbd5e1;
  }

  .acc-prose pre {
    background: #0f172a;
    border: 1px solid #334155;
    color: #f1f5f9;
  }

  .acc-prose code {
    background: #0f172a;
    color: #a78bfa;
    border: 1px solid #334155;
  }

  .acc-prose table {
    border-color: #334155;
  }

  .acc-prose th {
    background: #0f172a;
    color: #f8fafc;
    border-color: #334155;
  }

  .acc-prose td {
    border-color: #334155;
    color: #cbd5e1;
  }

  .acc-prose blockquote {
    border-left-color: #8c7eff;
    background: rgba(140, 126, 255, 0.08);
    color: #94a3b8;
  }

  /* ─── Buttons & Action Links ────────────────────────────── */

  .acc-btn--primary {
    background: #8c7eff;
    color: #ffffff;
    border-color: transparent;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-btn--primary:hover:not(:disabled) {
      background: #9d8df6;
      color: #ffffff;
    }
  }

  .acc-btn--secondary {
    background: #1e293b;
    color: #f8fafc;
    border-color: #475569;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-btn--secondary:hover:not(:disabled) {
      background: rgba(140, 126, 255, 0.18);
      border-color: #a78bfa;
      color: #a78bfa;
    }
  }

  .acc-btn--ghost {
    background: transparent;
    color: #94a3b8;
    border-color: transparent;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-btn--ghost:hover:not(:disabled) {
      background: #334155;
      color: #f8fafc;
    }
  }

  .acc-btn--danger {
    background: rgba(248, 113, 113, 0.18);
    color: #f87171;
    border-color: transparent;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-btn--danger:hover:not(:disabled) {
      background: rgba(248, 113, 113, 0.28);
    }
  }

  .acc-btn--icon {
    background: transparent;
    color: #94a3b8;
    border-color: transparent;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-btn--icon:hover:not(:disabled) {
      background: #334155;
      color: #f8fafc;
    }
  }

  .acc-text-btn {
    color: #94a3b8;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-text-btn:hover {
      color: #a78bfa;
      background: rgba(140, 126, 255, 0.15);
    }
  }

  .acc-text-btn--danger {
    color: #f87171;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-text-btn--danger:hover {
      background: rgba(248, 113, 113, 0.15);
      color: #f87171;
    }
  }

  /* ─── Chips, Badges & Pills ──────────────────────────────── */

  .acc-chip {
    background: #1e293b;
    color: #e2e8f0;
    border-color: #334155;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-chip:hover {
      background: #334155;
      border-color: #475569;
      color: #f8fafc;
    }
  }

  .acc-chip--selected,
  .acc-chip.is-selected {
    background: rgba(140, 126, 255, 0.2);
    border-color: rgba(140, 126, 255, 0.4);
    color: #a78bfa;
  }

  .acc-chips-wrap::after {
    background: linear-gradient(to right, transparent, #0f172a);
  }

  .acc-page-landing .acc-chips-wrap::after,
  .acc-page-category .acc-chips-wrap::after {
    background: linear-gradient(to right, transparent, #0f172a);
  }

  .acc-pill {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
  }

  .acc-badge {
    background: #334155;
    color: #94a3b8;
  }

  .acc-badge--pin {
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-badge--solved {
    background: rgba(74, 222, 128, 0.15);
    color: #4ade80;
  }

  .acc-badge--locked {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
  }

  .acc-badge--announce {
    border-color: #a78bfa;
    color: #a78bfa;
  }

  .acc-badge--identity {
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-badge--identity-tips-trik-fotografi {
    background: rgba(251, 191, 36, 0.18);
    color: #fbbf24;
  }

  .acc-badge--identity-tips-trik-editing {
    background: rgba(167, 139, 250, 0.18);
    color: #c4b5fd;
  }

  .acc-badge--lut {
    background: rgba(56, 189, 248, 0.18);
    color: #38bdf8;
  }

  .acc-avatar-fallback {
    background: rgba(140, 126, 255, 0.25);
    color: #b8abff;
  }

  /* ─── Forms, Inputs & Fieldsets ─────────────────────────── */

  .acc-input,
  .acc-textarea,
  .acc-select,
  .acc-search-input {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
  }

  .acc-input:focus,
  .acc-textarea:focus,
  .acc-select:focus,
  .acc-search-input:focus,
  .acc-input:focus-visible,
  .acc-textarea:focus-visible,
  .acc-select:focus-visible,
  .acc-search-input:focus-visible {
    border-color: #8c7eff !important;
    box-shadow: 0 0 0 3px rgba(140, 126, 255, 0.25) !important;
  }

  .acc-input::placeholder,
  .acc-textarea::placeholder,
  .acc-search-input::placeholder {
    color: #64748b !important;
  }

  .acc-form-label {
    color: #f8fafc;
  }

  .acc-form-hint {
    color: #94a3b8;
  }

  .acc-form-error {
    color: #f87171;
  }

  .acc-composer-create__title {
    color: #f8fafc;
    border-bottom: 1px solid #334155 !important;
  }

  .acc-composer-create__body {
    color: #f8fafc;
  }

  .acc-composer-create__title::placeholder,
  .acc-composer-create__body::placeholder {
    color: #64748b;
  }

  .acc-composer-create__counter {
    color: #94a3b8;
  }

  .acc-upload-dropzone {
    background: rgba(15, 23, 42, 0.6);
    border-color: #334155;
    color: #94a3b8;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-upload-dropzone:hover {
      border-color: #a78bfa;
      background: rgba(140, 126, 255, 0.12);
      color: #a78bfa;
    }
  }

  .acc-upload-item {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
  }

  /* ─── Sticky Bottom Composer & Chat Room ────────────────── */

  .acc-composer__form {
    background: rgba(30, 41, 59, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.5) !important;
  }

  @supports not ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
    .acc-composer__form {
      background: #1e293b !important;
    }
  }

  .acc-composer__input {
    color: #f8fafc !important;
  }

  .acc-composer__input::placeholder {
    color: #64748b !important;
  }

  .acc-composer__attach-btn,
  .acc-composer__tool {
    color: #94a3b8;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-composer__attach-btn:hover,
    .acc-composer__tool:hover {
      background: rgba(140, 126, 255, 0.2);
      color: #a78bfa;
    }
  }

  .acc-composer__toolbar {
    border-bottom-color: #334155;
  }

  .acc-chat-header {
    border-bottom-color: #334155;
  }

  .acc-chat-header__title {
    color: #f8fafc;
  }

  .acc-chat-header__sub,
  .acc-chat-status,
  .acc-chat-loading,
  .acc-chat-empty {
    color: #94a3b8;
  }

  .acc-chat-msg--other .acc-chat-msg__bubble,
  .acc-chat-bubble--other .acc-chat-bubble__content,
  .acc-chat-bubble--other .acc-chat-bubble__body {
    background: var(--acc-color-bg-elevated, #1e293b);
    color: var(--acc-color-text, #f8fafc);
    border-color: var(--acc-color-border, #334155);
  }

  .acc-chat-msg--own .acc-chat-msg__bubble,
  .acc-chat-bubble--self .acc-chat-bubble__content,
  .acc-chat-bubble--self.acc-chat-bubble--type-text .acc-chat-bubble__body {
    background: linear-gradient(135deg, var(--acc-color-accent, #7c3aed), var(--acc-color-accent-hover, #6366f1));
    color: #ffffff;
  }

  .acc-chat-msg__reply-preview,
  .acc-chat-bubble__reply-preview,
  .acc-chat-bubble--other .acc-chat-bubble__quote {
    background: rgba(255, 255, 255, 0.07);
    border-left: 3px solid var(--acc-color-accent-text, #a78bfa);
    color: #e2e8f0;
  }

  .acc-chat-bubble--other .acc-chat-bubble__quote-author {
    color: #a78bfa;
  }

  .acc-chat-bubble--other .acc-chat-bubble__quote-text {
    color: #cbd5e1;
  }

  .acc-chat-msg__time,
  .acc-chat-bubble__time {
    color: var(--acc-color-text-subtle, #94a3b8);
  }

  .acc-chat-new-msg-chip {
    background: #1e293b;
    border-color: #334155;
    color: #a78bfa;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
  }

  .acc-chat-action-btn {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-chat-action-btn:hover {
      background: #334155;
      color: #a78bfa;
      border-color: #475569;
    }
  }

  .acc-chat-action-menu {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
  }

  .acc-chat-action-item {
    color: #f8fafc;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-chat-action-item:hover {
      background: #334155;
      color: #a78bfa;
    }

    .acc-chat-action-item.acc-dropdown__item--danger:hover {
      background: rgba(248, 113, 113, 0.18);
    }
  }

  .acc-emoji-popover {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
  }

  .acc-emoji-popover__header,
  .acc-emoji-popover__tabs {
    border-bottom-color: #334155;
    background: #0f172a;
  }

  .acc-emoji-popover__search {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
  }

  /* ─── Modals, Share Sheet, Popovers & Dropdowns ─────────── */

  .acc-modal {
    color-scheme: dark;
  }

  .acc-modal__backdrop {
    background: rgba(0, 0, 0, 0.75) !important;
  }

  .acc-modal__dialog,
  .acc-modal--share-obrolan .acc-modal__dialog,
  .acc-modal--new-thread .acc-modal__dialog,
  .acc-report-modal .acc-modal__dialog {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
  }

  .acc-modal__dialog h2,
  .acc-modal__dialog h3,
  .acc-modal__dialog h4,
  #acc-share-obrolan-title,
  .acc-modal__title {
    color: #f8fafc !important;
  }

  .acc-share-obrolan__preview,
  .acc-modal__body,
  .acc-modal__dialog p {
    color: #94a3b8 !important;
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    border-radius: var(--acc-radius-md, 12px) !important;
    padding: 10px 14px !important;
  }

  .acc-modal__header,
  .acc-modal__footer {
    border-color: #334155 !important;
  }

  .acc-modal__close {
    color: #94a3b8 !important;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-modal__close:hover {
      background: #334155 !important;
      color: #f8fafc !important;
    }
  }

  .acc-dropdown__menu {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5) !important;
  }

  .acc-dropdown__item {
    color: #f8fafc;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-dropdown__item:hover {
      background: #334155;
      color: #f8fafc;
    }
  }

  .acc-dropdown__item:focus-visible {
    background: #334155;
    color: #f8fafc;
  }

  .acc-dropdown__sep {
    background: #334155;
  }

  .acc-dropdown__label {
    color: #94a3b8;
  }

  .acc-share-sheet,
  .acc-report-modal {
    background: #1e293b;
    border-color: #334155;
  }

  /* ─── Feature Specific Components ────────────────────────── */

  /* Listing / Jual-Beli */
  .acc-listing-card,
  .acc-listing-fact-strip {
    background: #1e293b;
    border-color: #334155;
  }

  .acc-listing-price {
    color: #34d399;
  }

  .acc-listing-condition {
    background: rgba(56, 189, 248, 0.15);
    color: #38bdf8;
  }

  .acc-listing-form__seg-opt span {
    background: #0f172a;
    border-color: #334155;
    color: #94a3b8;
  }

  .acc-listing-form__seg-opt input:checked + span {
    border-color: #8c7eff;
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-listing-form__price-wrap {
    border-color: #334155;
    background: #0f172a;
  }

  /* Presets & LUTs */
  .acc-preset-card,
  .acc-preset-fact-strip {
    background: #1e293b;
    border-color: #334155;
  }

  .acc-preset-badge {
    background: rgba(14, 165, 233, 0.2);
    color: #38bdf8;
  }

  .acc-preset-upload {
    border-color: #475569;
    background: #0f172a;
  }

  .acc-preset-upload__btn {
    color: #94a3b8;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-preset-upload__btn:hover {
      color: #a78bfa;
      background: rgba(140, 126, 255, 0.15);
    }
  }

  .acc-preset-upload__actions {
    background: #1e293b;
    border-top-color: #334155;
  }

  /* Pose Directory */
  .acc-pose-card {
    background: #1e293b;
    border-color: #334155;
  }

  .acc-pose-card__thumb {
    background: #0f172a;
  }

  /* Bongkar Preset */
  .acc-bongkar-card {
    background-color: #1e293b !important;
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
  }

  .acc-bongkar-card__body {
    background-color: #1e293b !important;
    background: #1e293b !important;
    color: #f8fafc !important;
  }

  .acc-bongkar-card__title {
    color: #f8fafc !important;
  }

  .acc-bongkar-card__excerpt {
    color: #94a3b8 !important;
  }

  .acc-bongkar-card__description {
    color: #e2e8f0 !important;
    border-top-color: #334155 !important;
  }

  .acc-bongkar-cta-bar {
    background: rgba(15, 23, 42, 0.6) !important;
    border-color: #334155 !important;
  }

  .acc-bongkar-cta-bar__label {
    color: #94a3b8 !important;
  }

  .acc-bongkar-card__video-wrap {
    background: #0f172a !important;
    border-color: #334155 !important;
  }

  .acc-bongkar-card__video-header {
    background: rgba(15, 23, 42, 0.8) !important;
    border-bottom-color: #334155 !important;
    color: #94a3b8 !important;
  }

  .acc-bongkar-hero,
  .acc-bongkar-hero__compare,
  .acc-bongkar-card__compare {
    background: #0f172a !important;
  }

  .acc-bongkar-card__shot {
    background: #0f172a !important;
  }

  .acc-bongkar-card__actions .acc-btn:disabled,
  .acc-bongkar-card__actions .acc-btn[aria-disabled='true'] {
    opacity: 0.60;
    background: #0f172a;
    border-color: #334155;
    color: #64748b;
  }

  .acc-bongkar-apply__guide {
    background: rgba(30, 41, 59, 0.60);
    border-color: #334155;
  }

  .acc-bongkar-apply__guide-title {
    color: #f8fafc;
  }

  .acc-bongkar-apply__guide-list {
    color: #94a3b8;
  }

  /* Freelance Cards */
  .acc-freelance-card,
  .acc-freelance-fact-strip {
    background: #1e293b;
    border-color: #334155;
  }

  /* ─── Notifications & FAB ───────────────────────────────── */

  .acc-bell {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-bell:hover {
      border-color: #a78bfa;
      color: #a78bfa;
      background: rgba(140, 126, 255, 0.15);
    }
  }

  .acc-bell-panel {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  }

  .acc-bell-panel__head,
  .acc-bell-panel__foot {
    border-color: #334155;
    color: #f8fafc;
  }

  .acc-notif-item {
    border-bottom-color: #334155;
    color: #f8fafc;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-notif-item:hover {
      background: #334155;
    }
  }

  .acc-notif-item--unread {
    background: rgba(140, 126, 255, 0.12);
  }

  .acc-notif-time {
    color: #64748b;
  }

  .acc-fab-scrim {
    background: rgba(0, 0, 0, 0.6);
  }

  .acc-fab-panel {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
  }

  .acc-fab-item {
    color: #f8fafc;
  }

  @media (hover: hover) and (pointer: fine) {
    .acc-fab-item:hover {
      background: #334155;
    }
  }

  /* ─── Empty States & Skeletons ───────────────────────────── */

  .acc-empty {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  }

  .acc-empty--soft {
    background: #0f172a;
    border-color: #334155;
  }

  .acc-empty__title {
    color: #f8fafc;
  }

  .acc-empty__text {
    color: #94a3b8;
  }

  .acc-empty__icon {
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-skeleton {
    background: linear-gradient(90deg, #1e293b 25%, #334155 50%, #1e293b 75%);
  }

  /* ─── Media Embeds ───────────────────────────────────────── */

  .acc-video-embed,
  .acc-native-video-wrap {
    background: #000000;
    border-color: #334155;
  }

  .acc-video-url-field__preview-card {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
  }

  /* ─── WordPress Admin Dashboard ──────────────────────────── */

  .acc-admin-card {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
  }

  .acc-admin-card span {
    color: #94a3b8;
  }

  .acc-row-new {
    background: rgba(251, 191, 36, 0.15) !important;
  }

  .acc-cron-unscheduled td {
    background: rgba(248, 113, 113, 0.15);
  }
}

:is(:root[data-theme="dark"], body.acc-dark-mode, .acc-dark-mode) {
  /* ─── Base Scopes & Page Backgrounds ────────────────────── */

  body.acc-community,
  body.acc-app-active {
    color-scheme: dark;
    background-color: #0f172a !important;
    color: #f8fafc !important;
  }

  .acc-root,
  .acc-app-shell,
  .acc-modal,
  .acc-font-scope {
    color-scheme: dark;
    color: #f8fafc;
  }

  .acc-app-shell,
  .acc-feed-column {
    background-color: #0f172a;
  }

  /* ─── Typography & Links ────────────────────────────────── */

  .acc-root a {
    color: #f8fafc;
  }

  .acc-root a:focus-visible {
    color: #a78bfa;
  }

  /* ─── App Shell & Sidebar ───────────────────────────────── */

  .acc-sidebar-left {
    background-color: #0f172a;
    border-right-color: #1e293b;
  }

  .acc-sidebar-brand {
    color: #f8fafc;
  }

  .acc-sidebar-brand .acc-icon {
    color: #8c7eff;
  }

  .acc-sidebar-title {
    color: #64748b;
  }

  .acc-sidebar-scrim {
    background: rgba(0, 0, 0, 0.7);
  }

  .acc-sidebar-edge-toggle {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  }

  /* ─── Navigation Links & Badges ──────────────────────────── */

  .acc-nav-link {
    color: #94a3b8;
  }

  .acc-nav-link.is-active {
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-nav-badge {
    background: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
  }

  .acc-nav-badge[data-acc-cat-unread="1"],
  .acc-nav-badge.is-unread {
    background: #8c7eff;
    color: #ffffff;
  }

  /* ─── Header, Subnav & Breadcrumbs ───────────────────────── */

  .acc-chrome {
    border-bottom-color: #334155;
  }

  .acc-chrome__title,
  .acc-page-header__title {
    color: #f8fafc;
  }

  .acc-chrome__context,
  .acc-page-header__subtitle {
    color: #94a3b8;
  }

  .acc-subnav {
    border-bottom-color: #334155;
  }

  .acc-subnav__item {
    color: #94a3b8;
  }

  .acc-subnav__item.is-active,
  .acc-subnav__item[aria-current="page"] {
    color: #a78bfa;
    border-bottom-color: #a78bfa;
  }

  .acc-breadcrumb {
    color: #94a3b8;
  }

  .acc-breadcrumb a {
    color: #94a3b8;
  }

  .acc-breadcrumb__sep {
    color: #64748b;
  }

  /* ─── Cards & Main Surfaces ─────────────────────────────── */

  .acc-card,
  .acc-thread-card,
  .acc-single-thread,
  .acc-comment-item,
  .acc-composer-page,
  .acc-listing-card,
  .acc-preset-card,
  .acc-pose-card,
  .acc-bongkar-card,
  .acc-freelance-card,
  .acc-category-card,
  .acc-profile-card {
    background-color: #1e293b;
    border-color: #334155;
    color: #f8fafc;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  }

  .acc-card__header,
  .acc-card__footer,
  .acc-thread-card__footer,
  .acc-thread-card__header {
    border-color: #334155;
  }

  .acc-thread-card__title,
  .acc-thread-card__title a {
    color: #f8fafc;
  }

  .acc-thread-card__excerpt,
  .acc-thread-card__meta,
  .acc-card__excerpt {
    color: #94a3b8;
  }

  .acc-comment-item {
    background-color: #1e293b;
    border-color: #334155;
  }

  .acc-comment-item--reply,
  .acc-comment-item__children {
    background-color: #0f172a;
    border-left-color: #334155;
  }

  .acc-comment-item__author {
    color: #f8fafc;
  }

  .acc-comment-item__time {
    color: #64748b;
  }

  /* ─── Prose & Code Formatting ───────────────────────────── */

  .acc-prose {
    color: #e2e8f0;
  }

  .acc-prose h1,
  .acc-prose h2,
  .acc-prose h3,
  .acc-prose h4 {
    color: #f8fafc;
  }

  .acc-prose p,
  .acc-prose li {
    color: #cbd5e1;
  }

  .acc-prose pre {
    background: #0f172a;
    border: 1px solid #334155;
    color: #f1f5f9;
  }

  .acc-prose code {
    background: #0f172a;
    color: #a78bfa;
    border: 1px solid #334155;
  }

  .acc-prose table {
    border-color: #334155;
  }

  .acc-prose th {
    background: #0f172a;
    color: #f8fafc;
    border-color: #334155;
  }

  .acc-prose td {
    border-color: #334155;
    color: #cbd5e1;
  }

  .acc-prose blockquote {
    border-left-color: #8c7eff;
    background: rgba(140, 126, 255, 0.08);
    color: #94a3b8;
  }

  /* ─── Buttons & Action Links ────────────────────────────── */

  .acc-btn--primary {
    background: #8c7eff;
    color: #ffffff;
    border-color: transparent;
  }

  .acc-btn--secondary {
    background: #1e293b;
    color: #f8fafc;
    border-color: #475569;
  }

  .acc-btn--ghost {
    background: transparent;
    color: #94a3b8;
    border-color: transparent;
  }

  .acc-btn--danger {
    background: rgba(248, 113, 113, 0.18);
    color: #f87171;
    border-color: transparent;
  }

  .acc-btn--icon {
    background: transparent;
    color: #94a3b8;
    border-color: transparent;
  }

  .acc-text-btn {
    color: #94a3b8;
  }

  .acc-text-btn--danger {
    color: #f87171;
  }

  /* ─── Chips, Badges & Pills ──────────────────────────────── */

  .acc-chip {
    background: #1e293b;
    color: #e2e8f0;
    border-color: #334155;
  }

  .acc-chip--selected,
  .acc-chip.is-selected {
    background: rgba(140, 126, 255, 0.2);
    border-color: rgba(140, 126, 255, 0.4);
    color: #a78bfa;
  }

  .acc-chips-wrap::after {
    background: linear-gradient(to right, transparent, #0f172a);
  }

  .acc-page-landing .acc-chips-wrap::after,
  .acc-page-category .acc-chips-wrap::after {
    background: linear-gradient(to right, transparent, #0f172a);
  }

  .acc-pill {
    background: #1e293b;
    color: #94a3b8;
    border-color: #334155;
  }

  .acc-badge {
    background: #334155;
    color: #94a3b8;
  }

  .acc-badge--pin {
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-badge--solved {
    background: rgba(74, 222, 128, 0.15);
    color: #4ade80;
  }

  .acc-badge--locked {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
  }

  .acc-badge--announce {
    border-color: #a78bfa;
    color: #a78bfa;
  }

  .acc-badge--identity {
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-badge--identity-tips-trik-fotografi {
    background: rgba(251, 191, 36, 0.18);
    color: #fbbf24;
  }

  .acc-badge--identity-tips-trik-editing {
    background: rgba(167, 139, 250, 0.18);
    color: #c4b5fd;
  }

  .acc-badge--lut {
    background: rgba(56, 189, 248, 0.18);
    color: #38bdf8;
  }

  .acc-avatar-fallback {
    background: rgba(140, 126, 255, 0.25);
    color: #b8abff;
  }

  /* ─── Forms, Inputs & Fieldsets ─────────────────────────── */

  .acc-input,
  .acc-textarea,
  .acc-select,
  .acc-search-input {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
  }

  .acc-input:focus,
  .acc-textarea:focus,
  .acc-select:focus,
  .acc-search-input:focus,
  .acc-input:focus-visible,
  .acc-textarea:focus-visible,
  .acc-select:focus-visible,
  .acc-search-input:focus-visible {
    border-color: #8c7eff !important;
    box-shadow: 0 0 0 3px rgba(140, 126, 255, 0.25) !important;
  }

  .acc-input::placeholder,
  .acc-textarea::placeholder,
  .acc-search-input::placeholder {
    color: #64748b !important;
  }

  .acc-form-label {
    color: #f8fafc;
  }

  .acc-form-hint {
    color: #94a3b8;
  }

  .acc-form-error {
    color: #f87171;
  }

  .acc-composer-create__title {
    color: #f8fafc;
    border-bottom: 1px solid #334155 !important;
  }

  .acc-composer-create__body {
    color: #f8fafc;
  }

  .acc-composer-create__title::placeholder,
  .acc-composer-create__body::placeholder {
    color: #64748b;
  }

  .acc-composer-create__counter {
    color: #94a3b8;
  }

  .acc-upload-dropzone {
    background: rgba(15, 23, 42, 0.6);
    border-color: #334155;
    color: #94a3b8;
  }

  .acc-upload-item {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
  }

  /* ─── Sticky Bottom Composer & Chat Room ────────────────── */

  .acc-composer__form {
    background: rgba(30, 41, 59, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.5) !important;
  }

  .acc-composer__input {
    color: #f8fafc !important;
  }

  .acc-composer__input::placeholder {
    color: #64748b !important;
  }

  .acc-composer__attach-btn,
  .acc-composer__tool {
    color: #94a3b8;
  }

  .acc-composer__toolbar {
    border-bottom-color: #334155;
  }

  .acc-chat-header {
    border-bottom-color: #334155;
  }

  .acc-chat-header__title {
    color: #f8fafc;
  }

  .acc-chat-header__sub,
  .acc-chat-status,
  .acc-chat-loading,
  .acc-chat-empty {
    color: #94a3b8;
  }

  .acc-chat-msg--other .acc-chat-msg__bubble,
  .acc-chat-bubble--other .acc-chat-bubble__content,
  .acc-chat-bubble--other .acc-chat-bubble__body {
    background: var(--acc-color-bg-elevated, #1e293b);
    color: var(--acc-color-text, #f8fafc);
    border-color: var(--acc-color-border, #334155);
  }

  .acc-chat-msg--own .acc-chat-msg__bubble,
  .acc-chat-bubble--self .acc-chat-bubble__content,
  .acc-chat-bubble--self.acc-chat-bubble--type-text .acc-chat-bubble__body {
    background: linear-gradient(135deg, var(--acc-color-accent, #7c3aed), var(--acc-color-accent-hover, #6366f1));
    color: #ffffff;
  }

  .acc-chat-msg__reply-preview,
  .acc-chat-bubble__reply-preview,
  .acc-chat-bubble--other .acc-chat-bubble__quote {
    background: rgba(255, 255, 255, 0.07);
    border-left: 3px solid var(--acc-color-accent-text, #a78bfa);
    color: #e2e8f0;
  }

  .acc-chat-bubble--other .acc-chat-bubble__quote-author {
    color: #a78bfa;
  }

  .acc-chat-bubble--other .acc-chat-bubble__quote-text {
    color: #cbd5e1;
  }

  .acc-chat-msg__time,
  .acc-chat-bubble__time {
    color: var(--acc-color-text-subtle, #94a3b8);
  }

  .acc-chat-new-msg-chip {
    background: #1e293b;
    border-color: #334155;
    color: #a78bfa;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
  }

  .acc-chat-action-btn {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  }

  .acc-chat-action-menu {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
  }

  .acc-chat-action-item {
    color: #f8fafc;
  }

  .acc-emoji-popover {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
  }

  .acc-emoji-popover__header,
  .acc-emoji-popover__tabs {
    border-bottom-color: #334155;
    background: #0f172a;
  }

  .acc-emoji-popover__search {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
  }

  /* ─── Modals, Share Sheet, Popovers & Dropdowns ─────────── */

  .acc-modal {
    color-scheme: dark;
  }

  .acc-modal__backdrop {
    background: rgba(0, 0, 0, 0.75) !important;
  }

  .acc-modal__dialog,
  .acc-modal--share-obrolan .acc-modal__dialog,
  .acc-modal--new-thread .acc-modal__dialog,
  .acc-report-modal .acc-modal__dialog {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
  }

  .acc-modal__dialog h2,
  .acc-modal__dialog h3,
  .acc-modal__dialog h4,
  #acc-share-obrolan-title,
  .acc-modal__title {
    color: #f8fafc !important;
  }

  .acc-share-obrolan__preview,
  .acc-modal__body,
  .acc-modal__dialog p {
    color: #94a3b8 !important;
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    border-radius: var(--acc-radius-md, 12px) !important;
    padding: 10px 14px !important;
  }

  .acc-modal__header,
  .acc-modal__footer {
    border-color: #334155 !important;
  }

  .acc-modal__close {
    color: #94a3b8 !important;
  }

  .acc-dropdown__menu {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5) !important;
  }

  .acc-dropdown__item {
    color: #f8fafc;
  }

  .acc-dropdown__sep {
    background: #334155;
  }

  .acc-dropdown__label {
    color: #94a3b8;
  }

  .acc-share-sheet,
  .acc-report-modal {
    background: #1e293b;
    border-color: #334155;
  }

  /* ─── Feature Specific Components ────────────────────────── */

  .acc-listing-card,
  .acc-listing-fact-strip {
    background: #1e293b;
    border-color: #334155;
  }

  .acc-listing-price {
    color: #34d399;
  }

  .acc-listing-condition {
    background: rgba(56, 189, 248, 0.15);
    color: #38bdf8;
  }

  .acc-listing-form__seg-opt span {
    background: #0f172a;
    border-color: #334155;
    color: #94a3b8;
  }

  .acc-listing-form__seg-opt input:checked + span {
    border-color: #8c7eff;
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-listing-form__price-wrap {
    border-color: #334155;
    background: #0f172a;
  }

  .acc-preset-card,
  .acc-preset-fact-strip {
    background: #1e293b;
    border-color: #334155;
  }

  .acc-preset-badge {
    background: rgba(14, 165, 233, 0.2);
    color: #38bdf8;
  }

  .acc-preset-upload {
    border-color: #475569;
    background: #0f172a;
  }

  .acc-preset-upload__btn {
    color: #94a3b8;
  }

  .acc-preset-upload__actions {
    background: #1e293b;
    border-top-color: #334155;
  }

  .acc-pose-card {
    background: #1e293b;
    border-color: #334155;
  }

  .acc-pose-card__thumb {
    background: #0f172a;
  }

  .acc-bongkar-card {
    background-color: #1e293b !important;
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
  }

  .acc-bongkar-card__body {
    background-color: #1e293b !important;
    background: #1e293b !important;
    color: #f8fafc !important;
  }

  .acc-bongkar-card__title {
    color: #f8fafc !important;
  }

  .acc-bongkar-card__excerpt {
    color: #94a3b8 !important;
  }

  .acc-bongkar-card__description {
    color: #e2e8f0 !important;
    border-top-color: #334155 !important;
  }

  .acc-bongkar-cta-bar {
    background: rgba(15, 23, 42, 0.6) !important;
    border-color: #334155 !important;
  }

  .acc-bongkar-cta-bar__label {
    color: #94a3b8 !important;
  }

  .acc-bongkar-card__video-wrap {
    background: #0f172a !important;
    border-color: #334155 !important;
  }

  .acc-bongkar-card__video-header {
    background: rgba(15, 23, 42, 0.8) !important;
    border-bottom-color: #334155 !important;
    color: #94a3b8 !important;
  }

  .acc-bongkar-hero,
  .acc-bongkar-hero__compare,
  .acc-bongkar-card__compare {
    background: #0f172a !important;
  }

  .acc-bongkar-card__shot {
    background: #0f172a !important;
  }

  .acc-bongkar-card__actions .acc-btn:disabled,
  .acc-bongkar-card__actions .acc-btn[aria-disabled='true'] {
    opacity: 0.60;
    background: #0f172a;
    border-color: #334155;
    color: #64748b;
  }

  .acc-bongkar-apply__guide {
    background: rgba(30, 41, 59, 0.60);
    border-color: #334155;
  }

  .acc-bongkar-apply__guide-title {
    color: #f8fafc;
  }

  .acc-bongkar-apply__guide-list {
    color: #94a3b8;
  }

  .acc-freelance-card,
  .acc-freelance-fact-strip {
    background: #1e293b;
    border-color: #334155;
  }

  /* ─── Notifications & FAB ───────────────────────────────── */

  .acc-bell {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
  }

  .acc-bell-panel {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  }

  .acc-bell-panel__head,
  .acc-bell-panel__foot {
    border-color: #334155;
    color: #f8fafc;
  }

  .acc-notif-item {
    border-bottom-color: #334155;
    color: #f8fafc;
  }

  .acc-notif-item--unread {
    background: rgba(140, 126, 255, 0.12);
  }

  .acc-notif-time {
    color: #64748b;
  }

  .acc-fab-scrim {
    background: rgba(0, 0, 0, 0.6);
  }

  .acc-fab-panel {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
  }

  .acc-fab-item {
    color: #f8fafc;
  }

  /* ─── Empty States & Skeletons ───────────────────────────── */

  .acc-empty {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  }

  .acc-empty--soft {
    background: #0f172a;
    border-color: #334155;
  }

  .acc-empty__title {
    color: #f8fafc;
  }

  .acc-empty__text {
    color: #94a3b8;
  }

  .acc-empty__icon {
    background: rgba(140, 126, 255, 0.2);
    color: #a78bfa;
  }

  .acc-skeleton {
    background: linear-gradient(90deg, #1e293b 25%, #334155 50%, #1e293b 75%);
  }

  /* ─── Media Embeds ───────────────────────────────────────── */

  .acc-video-embed,
  .acc-native-video-wrap {
    background: #000000;
    border-color: #334155;
  }

  .acc-video-url-field__preview-card {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
  }

  /* ─── WordPress Admin Dashboard ──────────────────────────── */

  .acc-admin-card {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
  }

  .acc-admin-card span {
    color: #94a3b8;
  }

  .acc-row-new {
    background: rgba(251, 191, 36, 0.15) !important;
  }

  .acc-cron-unscheduled td {
    background: rgba(248, 113, 113, 0.15);
  }
}