[data-wpsns-theme],
.wpsns-admin[data-wpsns-theme] {
    --wpsns-bg: #f5f7fc;
    --wpsns-surface: #ffffff;
    --wpsns-surface-alt: #f7f8fc;
    --wpsns-surface-soft: #fff7f1;
    --wpsns-text: #182746;
    --wpsns-text-muted: #5f6d8c;
    --wpsns-text-strong: #111a33;
    --wpsns-text-on-primary: #ffffff;
    --wpsns-border: #d8def2;
    --wpsns-border-soft: #eef1f6;
    --wpsns-border-accent: #ffd2b2;
    --wpsns-primary-start: #ff8a1f;
    --wpsns-primary-end: #ff6200;
    --wpsns-primary-soft: #fff3ea;
    --wpsns-accent-dark-start: #10193e;
    --wpsns-accent-dark-end: #16245b;
    --wpsns-bubble-self: linear-gradient(135deg, var(--wpsns-primary-start) 0%, var(--wpsns-primary-end) 100%);
    --wpsns-bubble-other: var(--wpsns-surface);
    --wpsns-bubble-meta: rgba(24, 39, 70, 0.55);
    --wpsns-shadow-card: 0 16px 36px rgba(13, 25, 56, 0.08);
    --wpsns-shadow-panel: 0 24px 60px rgba(8, 18, 51, 0.24);
    --wpsns-shadow-bubble: 0 12px 26px rgba(18, 31, 73, 0.09);
    color-scheme: light;
}

[data-wpsns-theme="light"],
.wpsns-admin[data-wpsns-theme="light"] {
    color-scheme: light;
}

[data-wpsns-theme="dark"],
.wpsns-admin[data-wpsns-theme="dark"] {
    --wpsns-bg: #0b1226;
    --wpsns-surface: #111a33;
    --wpsns-surface-alt: #162142;
    --wpsns-surface-soft: #1f2440;
    --wpsns-text: #edf2ff;
    --wpsns-text-muted: #a5b0ce;
    --wpsns-text-strong: #ffffff;
    --wpsns-text-on-primary: #ffffff;
    --wpsns-border: rgba(185, 202, 255, 0.18);
    --wpsns-border-soft: rgba(185, 202, 255, 0.12);
    --wpsns-border-accent: rgba(255, 174, 117, 0.35);
    --wpsns-primary-soft: rgba(255, 113, 32, 0.12);
    --wpsns-accent-dark-start: #131d3a;
    --wpsns-accent-dark-end: #1b2a55;
    --wpsns-bubble-other: #162142;
    --wpsns-bubble-meta: rgba(237, 242, 255, 0.7);
    --wpsns-shadow-card: 0 16px 36px rgba(0, 0, 0, 0.32);
    --wpsns-shadow-panel: 0 28px 68px rgba(0, 0, 0, 0.42);
    --wpsns-shadow-bubble: 0 14px 30px rgba(0, 0, 0, 0.26);
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    [data-wpsns-theme="auto"],
    .wpsns-admin[data-wpsns-theme="auto"] {
        --wpsns-bg: #0b1226;
        --wpsns-surface: #111a33;
        --wpsns-surface-alt: #162142;
        --wpsns-surface-soft: #1f2440;
        --wpsns-text: #edf2ff;
        --wpsns-text-muted: #a5b0ce;
        --wpsns-text-strong: #ffffff;
        --wpsns-text-on-primary: #ffffff;
        --wpsns-border: rgba(185, 202, 255, 0.18);
        --wpsns-border-soft: rgba(185, 202, 255, 0.12);
        --wpsns-border-accent: rgba(255, 174, 117, 0.35);
        --wpsns-primary-soft: rgba(255, 113, 32, 0.12);
        --wpsns-accent-dark-start: #131d3a;
        --wpsns-accent-dark-end: #1b2a55;
        --wpsns-bubble-other: #162142;
        --wpsns-bubble-meta: rgba(237, 242, 255, 0.7);
        --wpsns-shadow-card: 0 16px 36px rgba(0, 0, 0, 0.32);
        --wpsns-shadow-panel: 0 28px 68px rgba(0, 0, 0, 0.42);
        --wpsns-shadow-bubble: 0 14px 30px rgba(0, 0, 0, 0.26);
        color-scheme: dark;
    }
}

[data-wpsns-direction="rtl"] .wpsns-chat-panel__header-actions,
[data-wpsns-direction="rtl"] .wpsns-chat-panel__actionbar,
[data-wpsns-direction="rtl"] .wpsns-chat-entry-card__actions,
[data-wpsns-direction="rtl"] .wpsns-portal-grid,
[data-wpsns-direction="rtl"] .wpsns-auth-grid,
[data-wpsns-direction="rtl"] .wpsns-detail-header {
    direction: rtl;
}

[data-wpsns-direction="rtl"] .wpsns-chat-panel__message--customer {
    justify-content: flex-start;
}

[data-wpsns-direction="rtl"] .wpsns-chat-panel__message--ai,
[data-wpsns-direction="rtl"] .wpsns-chat-panel__message--agent,
[data-wpsns-direction="rtl"] .wpsns-chat-panel__message--system {
    justify-content: flex-end;
}

[data-wpsns-direction="rtl"] .wpsns-chat-panel__message--customer .wpsns-chat-panel__bubble {
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 6px;
}

[data-wpsns-direction="rtl"] .wpsns-chat-panel__message--ai .wpsns-chat-panel__bubble,
[data-wpsns-direction="rtl"] .wpsns-chat-panel__message--agent .wpsns-chat-panel__bubble,
[data-wpsns-direction="rtl"] .wpsns-chat-panel__message--system .wpsns-chat-panel__bubble {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 6px;
}