/* ============================================================
   XSELLER — CANONICAL WHITE + RED THEME
   Goal:
   - White / very-light-red surfaces everywhere.
   - Clear black/dark text everywhere.
   - No dark/black UI surface left behind.
   - Preserve images/video/canvas/SVG and all business logic.
   ============================================================ */

:root{
  color-scheme: light !important;
  --xs-bg:#fffafa;
  --xs-bg-soft:#fff2f5;
  --xs-bg-soft-2:#fff8fa;
  --xs-surface:#ffffff;
  --xs-red:#d94a63;
  --xs-red-hover:#c73d56;
  --xs-red-2:#c73d56;
  --xs-red-dark:#b8324b;
  --xs-red-soft:#fff2f5;
  --xs-red-soft-2:#fde8ed;
  --xs-text:#111827;
  --xs-text-secondary:#4b5563;
  --xs-text-2:#4b5563;
  --xs-muted:#7b8493;
  --xs-border:#e6d8de;
  --xs-line:#e6d8de;
  --xs-border-red:#efc3cc;
  --xs-line-strong:#efc3cc;
  --xs-shadow:0 10px 28px rgba(217,74,99,.08);
}

/* ===== ROOT ===== */
html,
body{
  background:linear-gradient(180deg,#fff2f5 0%,#fff9fa 22%,#ffffff 62%,#fff8fa 100%) !important;
  color:var(--xs-text) !important;
}

/* ===== GLOBAL TEXT ===== */
body { color:var(--xs-text); }
body h1, body h2, body h3, body h4, body h5, body h6,
body b, body strong, body th { color:var(--xs-text); }
body p, body li, body td, body label { color:#1f2937; }
body small, body .muted, body .subtitle, body .description, body .desc,
body .hint, body .help, body .caption, body .eyebrow, body .subtext {
  color:var(--xs-text-secondary) !important;
}
body input::placeholder, body textarea::placeholder {
  color:#8792a3 !important;
  opacity:1 !important;
}

/* ===== MAIN LAYOUT ===== */
body main,
body .workspace,
body .workspaceShell,
body .workspaceContent,
body .pageShell,
body .contentArea,
body .appShell,
body .mainShell,
body .page,
body .view,
body .screen,
body .layout,
body .container,
body .content{
  color:var(--xs-text) !important;
}

/* ===== HEADER / NAV ===== */
body .topbar,
body .topBar,
body .appHeader,
body .workspaceHeader,
body .workspaceTop,
body .workspaceTopbar,
body .pageHeader,
body .headerShell,
body .navbar,
body .navBar,
body main.workspace>header,
body .workspace>header,
body header.sticky,
body nav.sticky{
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:var(--xs-text) !important;
  border:1px solid var(--xs-line) !important;
  box-shadow:var(--xs-shadow) !important;
}

body .topbar *,
body .topBar *,
body .appHeader *,
body .workspaceHeader *,
body .workspaceTop *,
body .workspaceTopbar *,
body .pageHeader *,
body .headerShell *,
body main.workspace>header *,
body .workspace>header *{
  color:var(--xs-text) !important;
}

/* ===== SIDEBAR ===== */
body aside#sidebar,
body .sidebar,
body .sideNav,
body .leftRail,
body .leftSidebar,
body .workspaceSidebar{
  background:linear-gradient(180deg,#fff3f6 0%,#ffffff 26%,#fff8fa 100%) !important;
  color:var(--xs-text) !important;
  border-right:1px solid var(--xs-line) !important;
  box-shadow:8px 0 26px rgba(17,24,39,.04) !important;
}

body aside#sidebar::before,
body aside#sidebar::after,
body .sidebar::before,
body .sidebar::after{
  background:none !important;
  opacity:0 !important;
}

body aside#sidebar .tool,
body aside#sidebar .sideLink,
body aside#sidebar .adminlink,
body aside#sidebar .configlink,
body aside#sidebar .logout,
body aside#sidebar button,
body .sidebar .tool,
body .sidebar .sideLink,
body .sidebar .adminlink,
body .sidebar .configlink,
body .sidebar .logout,
body .sidebar button{
  background:transparent !important;
  color:var(--xs-text) !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

body aside#sidebar .tool:hover,
body aside#sidebar .sideLink:hover,
body aside#sidebar .adminlink:hover,
body aside#sidebar .configlink:hover,
body aside#sidebar button:hover,
body .sidebar .tool:hover,
body .sidebar .sideLink:hover,
body .sidebar .adminlink:hover,
body .sidebar .configlink:hover,
body .sidebar button:hover{
  background:#fff2f5 !important;
  color:#111827 !important;
  border-color:#f2bfcb !important;
}

body aside#sidebar .tool.active,
body aside#sidebar .sideLink.active,
body aside#sidebar .activeLink,
body aside#sidebar [aria-current="page"],
body .sidebar .tool.active,
body .sidebar .sideLink.active,
body .sidebar .activeLink,
body .sidebar [aria-current="page"]{
  background:linear-gradient(90deg,#ffeef2 0%,#ffffff 100%) !important;
  color:#991b3a !important;
  border:1px solid #f0b6c4 !important;
  box-shadow:inset 4px 0 0 var(--xs-red) !important;
}

body aside#sidebar .adminlink,
body aside#sidebar .configlink,
body aside#sidebar .footerBtn,
body .sidebar .adminlink,
body .sidebar .configlink,
body .sidebar .footerBtn{
  background:linear-gradient(180deg,#fff2f5 0%,#ffffff 100%) !important;
  color:var(--xs-text) !important;
  border:1px solid #efc3ce !important;
  box-shadow:none !important;
}

/* ===== CARDS / PANELS / APP SURFACES ===== */
body .panel,
body .card,
body [class$="Card"],
body [class*=" card"],
body [class*="Panel"],
body .toolCard,
body .voiceCard,
body .videoCard,
body .photoCard,
body .statCard,
body .accountCard,
body .historyCard,
body .payCard,
body .result,
body .history,
body .historyRow,
body .historyExplorer,
body .historyExplorerList,
body .historyExplorerDetail,
body #aiPanel,
body #imagePanel,
body .salesAgentCard,
body .crmCard,
body .queueCard,
body .segmentCard,
body .followupCard,
body .customerCard,
body .leadCard,
body .memoryCard,
body .workspaceHero,
body .workspaceBanner,
body .workspaceIntro,
body .workspaceSection,
body .workspacePanel,
body .studioPanel,
body .studioShell,
body .editorShell,
body .editorHeader,
body .generatorCard,
body .generatorShell,
body .toolLayout,
body .toolSection{
  background:linear-gradient(180deg,#fff4f7 0%,#ffffff 54%) !important;
  color:var(--xs-text) !important;
  border:1px solid var(--xs-line) !important;
  box-shadow:var(--xs-shadow) !important;
}

body #aiPanel::before,
body #aiPanel::after,
body .panel::before,
body .panel::after,
body .card::before,
body .card::after{
  background:none !important;
  opacity:0 !important;
}

/* ===== INPUTS ===== */
body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body textarea,
body select,
body option,
body .form-control,
body .input,
body .textarea,
body .select,
body #productInput,
body #audienceInput,
body #toneInput{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #cfd8e3 !important;
  box-shadow:inset 0 1px 2px rgba(17,24,39,.03) !important;
}

body input:focus,
body textarea:focus,
body select:focus,
body .form-control:focus,
body #productInput:focus,
body #audienceInput:focus,
body #toneInput:focus{
  border-color:var(--xs-red) !important;
  box-shadow:0 0 0 3px rgba(217,74,99,.12) !important;
  outline:none !important;
}

/* ===== RESULT / OUTPUT — REMOVE BLACK ===== */
body .result,
body .resultWrap,
body .outputCard,
body .outputWrap{
  background:#ffffff !important;
  color:var(--xs-text) !important;
  border:1px solid #d8e0e8 !important;
}

body .result>div:first-child,
body .resultHeader,
body .outputHeader{
  background:linear-gradient(180deg,#fff3f6 0%,#ffffff 100%) !important;
  color:var(--xs-text) !important;
  border-bottom:1px solid #dfe6ee !important;
}

body #output,
body #output.structuredOutput,
body .structuredOutput,
body .result #output,
body .result .structuredOutput,
body .result textarea,
body .result .editor,
body .result pre,
body .result code,
body .outputBody,
body .outputBox,
body .generatedOutput,
body .historyPreview,
body .historyBody,
body .resultContent{
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d0dae5 !important;
}

body #output *,
body .structuredOutput *,
body .outputBody *,
body .historyPreview *,
body .resultContent *{
  color:#111827 !important;
}

/* ===== BUTTONS ===== */
body .btn,
body button.btn,
body a.btn,
body button[type="submit"],
body input[type="submit"],
body .primary,
body .button.primary,
body .cta,
body .ctaPrimary{
  background:linear-gradient(90deg,#d94a63 0%,#d94a63 100%) !important;
  color:#ffffff !important;
  border:1px solid #c73d56 !important;
  box-shadow:0 8px 18px rgba(217,74,99,.16) !important;
}

body .btn.secondary,
body .secondary,
body .ghost,
body .outline,
body .ctaSecondary{
  background:#ffffff !important;
  color:#c73d56 !important;
  border:1px solid #efb5c3 !important;
  box-shadow:none !important;
}

/* ===== CHIPS / BADGES / CREDIT ===== */
body .credit,
body #creditBadge,
body .model,
body .cost,
body .notice,
body .status,
body .chip,
body .pill,
body .token,
body .badge,
body .tag,
body .countChip{
  background:#fff5f7 !important;
  color:#1f2937 !important;
  border:1px solid #efbdc9 !important;
}

/* ===== TABLES ===== */
body table,
body .tablewrap,
body .table-wrap,
body .listCard,
body .listRow{
  background:#ffffff !important;
  color:var(--xs-text) !important;
}

body thead,
body th{
  background:#fff4f7 !important;
  color:#374151 !important;
}

body td,
body th{
  border-color:#e2e8f0 !important;
}

/* ===== MODALS / DROPDOWNS ===== */
body .modal,
body .dialog,
body .dropdown,
body .popover,
body .menu,
body [role="dialog"],
body [role="menu"],
body .historyModalBox,
body .mobileMenu{
  background:#ffffff !important;
  color:var(--xs-text) !important;
  border:1px solid var(--xs-line) !important;
  box-shadow:0 22px 46px rgba(17,24,39,.14) !important;
}

body .modalBackdrop,
body .modal-backdrop,
body .historyModalBackdrop{
  background:rgba(255,239,244,.78) !important;
}

/* ===== PUBLIC / LANDING / AUTH ===== */
body:not(.dash) .hero,
body:not(.dash) .heroSection,
body:not(.dash) .landingHero,
body:not(.dash) .mainHero,
body:not(.dash) .featureSection,
body:not(.dash) .pricingSection,
body:not(.dash) .faqSection,
body:not(.dash) .sectionShell{
  background:linear-gradient(180deg,#fff3f6 0%,#ffffff 72%) !important;
  color:var(--xs-text) !important;
}

/* ===== SUPPORT / CHAT ===== */
body [class*="support"][class*="panel"],
body [class*="support"][class*="box"],
body [class*="chat"][class*="panel"],
body [class*="chat"][class*="box"],
body [class*="assistant"][class*="panel"],
body [class*="assistant"][class*="box"],
body .supportPanel,
body .assistantPanel,
body .chatPanel{
  background:#ffffff !important;
  color:var(--xs-text) !important;
  border:1px solid var(--xs-line) !important;
}

/* Preserve media / illustrations exactly. */
body img,
body video,
body canvas,
body svg,
body picture{
  filter:none !important;
}


/* ===== TARGETED LEGACY SURFACES ===== */
body .authbox, body .navWrap, body .mobilePanel,
body .appMockup, body .mockResult, body .floatChip, body .featureCard,
body .step, body .metricPanel, body .ctaSection, body .mascotStatus,
body .xsContactSection, body .xsContactCard, body .xsCopyrightBar,
body .xsDailyCreditToast, body .packageCard, body .paymentHelp>div,
body .accountCard, body .statCard, body .miniStats, body .transferBox,
body .historyFilters, body .historyExplorer, body .historyExplorerList,
body .historyExplorerDetail, body .historyDetailPlaceholder,
body .videoHero, body .videoComposer, body .videoStatusCard,
body .videoInfoCard, body .videoHistory, body .voiceHero,
body .voiceCard, body .voiceHistorySection, body .photoWorkspace,
body .avsTopbar, body .avsHero, body .avsPanel, body .avsScene,
body .avsHistoryItem, body .avsSubPreview, body .legalShell,
body .segment-card, body .repeat-card, body .automation-note,
body .repeat-message, body .order-card, body .customer-card,
body .conversation-card, body .memory-card, body .queue-card,
body .followup-card, body .crm-card, body .lead-card,
body .xs-r17-pill, body .xs-r17-panel, body .xs-r17-bubble,
body .xs-r17-mode, body .xs-r17-chip, body .xs-r17-admin-launch,
body .xs-r17-admin-drawer, body .xs-r17-admin-list,
body .xs-r17-admin-chat, body .xs-r17-thread-row,
body .xs-r17-admin-messages, body .xs-r17-admin-compose,
body .xs-r17-toast {
  background:linear-gradient(180deg,var(--xs-bg-soft) 0%,var(--xs-surface) 70%) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

body #output.structuredOutput,
body #aiPanel #genForm #productInput,
body #aiPanel #genForm #audienceInput,
body #aiPanel #genForm #toneInput,
body .profileCard, body .passwordCard, body .planCard,
body .statisticsCard, body .recentCredit, body .transactionCard {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

body.adminbody, body .adminShell, body .admPanel, body .adminCard,
body .adminPanel, body .adminTable, body .adminModal,
body .adminDropdown, body dialog, body dialog section,
body .mcpCard, body .mcpPanel, body .mcpTable,
body .metaCard, body .metaPanel {
  background:linear-gradient(180deg,var(--xs-bg-soft) 0%,var(--xs-surface) 70%) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body dialog::backdrop { background:rgba(75,85,99,.28) !important; }

body .xs-r17-msg.user .xs-r17-bubble,
body .xs-r17-msg.human .xs-r17-bubble {
  background:var(--xs-red-soft) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border-red) !important;
}
body .xs-r17-msg.ai .xs-r17-bubble,
body .xs-r17-msg.system .xs-r17-bubble {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

body .marbNextCreative, body .mcdNextPreflight {
  background:var(--xs-red-soft) !important;
  color:var(--xs-red-hover) !important;
  border-color:var(--xs-border-red) !important;
}

body .btn, body .btn *, body button[type="submit"], body button[type="submit"] *,
body input[type="submit"], body .primary, body .primary *,
body .cta, body .cta *, body .ctaPrimary, body .ctaPrimary * {
  color:#ffffff !important;
}
body .secondary, body .secondary *, body .ghost, body .ghost *,
body .outline, body .outline *, body .ctaSecondary, body .ctaSecondary * {
  color:var(--xs-red-hover) !important;
}

body .jobVideo, body .avsRenderDone video, body .xs-v365-home-video video {
  background:#000 !important;
}

/* Sales Agent / CRM / AJAX-generated cards */
body.sa-shell, body .sa-shell, body .sa-shell main, body .sa-shell header,
body .sa-shell aside, body .sa-shell .panel,
body .sa-shell input, body .sa-shell textarea, body .sa-shell select,
body .sa-shell .check, body .sa-shell .item, body .sa-shell .conv,
body .sa-shell pre, body .sa-shell #toast, body .phone-card,
body .diagnostic-card, body .diag-grid>div, body .normalized,
body .quality-summary>div, body .rule, body .match-result,
body .product-card, body .variant-chip, body .order-kpis>div,
body .order-card, body .draft-card, body .crm-kpis>div,
body .customer-card, body .customer-stats span, body .crm-contact>div,
body .memory-row, body .followup-card, body .followup-message,
body .segment-card, body .repeat-card, body .segment-customer,
body .omni-kpis>div, body .channel-filter button, body .channel-tag,
body .channel-card, body .state-pill, body .webhook-box,
body .omni-warning, body .timing {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

/* Sales Agent toast + live CSKH notification */
body .sa-shell #toast,
body #toast,
body .xs-r17-toast,
body .xsDailyCreditToast {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border:1px solid #f2c7d3 !important;
  border-radius:14px !important;
  box-shadow:0 10px 30px rgba(217,74,99,.10) !important;
}
body .sa-shell #toast small,
body .sa-shell #toast span,
body .sa-shell #toast p,
body .xs-r17-toast small,
body .xs-r17-toast span,
body .xs-r17-toast p,
body .xsDailyCreditToast,
body .xsDailyCreditToast span,
body .xsDailyCreditToast p {
  color:#374151 !important;
}
body .xsDailyCreditToast b,
body .xsDailyCreditToast strong {
  color:#111827 !important;
}
body .xsDailyCreditToast.ok {
  border-color:#b7e4c7 !important;
}
body .xsDailyCreditToast.err {
  border-color:#f2c7d3 !important;
}
body .sa-shell #toast:hover,
body .sa-shell #toast:focus-visible,
body .xs-r17-toast:hover,
body .xs-r17-toast:focus-visible,
body .xsDailyCreditToast:hover,
body .xsDailyCreditToast:focus-visible {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#e99aae !important;
  outline:3px solid rgba(217,74,99,.12) !important;
}
body .sa-shell aside {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
}
body .sa-shell .nav.active, body .channel-filter button.active,
body .order-status, body .lead-badge, body .state-pill.on,
body .timing.DUE, body .seg-badge {
  background:var(--xs-red-soft) !important;
  color:var(--xs-red-hover) !important;
  border-color:var(--xs-border-red) !important;
}

/* AI CSKH */
body .xs-r17-input, body .xs-r17-admin-compose textarea,
body .xs-r18-phone-row input, body .xs-r17-admin-empty,
body .xs-r17-admin-list-head, body .xs-r17-admin-chat-head {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

/* Video AI */
body .videoField input, body .videoField textarea, body .videoField select,
body .uploadZone, body .videoQuote>div, body .jobProgress,
body .videoJob, body .videoFilters button {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

/* Voice Studio */
body.voiceStudioPage, body .voiceProviderBadge, body .voiceHeroStats div,
body .voiceSelected, body .voiceGhost, body .voiceHistoryItem,
body .voiceHistoryTitle span, body .voiceHistoryPlay {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

/* Auto Video Studio: media preview itself is intentionally untouched. */
body.avsBody, body .avsDirectorGrid div, body .avsScene, body .avsChip,
body .avsIconBtn, body .avsDrop, body .avsPick, body .avsScenePlan div,
body .avsPreflight, body .avsSettings input, body .avsSettings select,
body .avsAiApply, body .avsMusicBox, body .avsUploadCompact>span,
body .avsBtn, body .avsStageRail span, body .avsRenderDone,
body .avsHistoryItem, body .avsToggleRow, body .avsSubPreview,
body .avsDirectorState {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

/* Platform admin */
body .topbar, body .topbar nav a, body .tabs, body .assetCard,
body .formGrid input, body .formGrid textarea, body .formGrid select,
body .toolSummary span, body .toolCard, body .dialogHead button,
body .videoApiState, body .videoAdminStats article, body .profitFormula,
body .videoModelCard, body .videoMarginPreview span,
body .videoMarginPreview b, body .videoMarginPreview strong,
body .videoSecurityNote, body .videoPresetCard, body .videoLedger,
body #tab-video input, body #tab-video textarea, body #tab-video select,
body #tab-video .reconcileBar, body #tab-video .videoLedger {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

/* Social/Meta workspaces */
body.smPage, body .smNotice, body .smBadge, body .smForm input,
body .smForm select, body .smBudgetPreview div, body .smProvider,
body .smProviderLogo, body .smState, body .smMetricRow div,
body .smIconBtn, body .smBindingBox, body .smDraftLink,
body .smPreflightLink, body .smGateReady, body .smLivePaused,
body .smLiveLink {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}

/* ===== SCREENSHOT QA: AUTHENTICATED WORKSPACE ===== */
body.dash,
body.dash.xs-global-workspace,
body.historyPage {
  background:linear-gradient(180deg,var(--xs-bg-soft) 0%,var(--xs-bg) 24%,var(--xs-surface) 100%) !important;
  color:var(--xs-text) !important;
}
body.dash::before,
body.dash::after {
  background:none !important;
  content:none !important;
  animation:none !important;
  filter:none !important;
}
body.dash #sidebar {
  background:linear-gradient(180deg,var(--xs-bg-soft) 0%,var(--xs-surface) 30%,#fffafa 100%) !important;
  color:var(--xs-text) !important;
  border-right:1px solid var(--xs-border) !important;
  box-shadow:8px 0 26px rgba(17,24,39,.04) !important;
}
body.dash #sidebar .tool,
body.dash #sidebar .sideLink,
body.dash #sidebar .adminlink,
body.dash #sidebar .logout {
  background:transparent !important;
  color:var(--xs-text) !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
body.dash #sidebar .tool:hover,
body.dash #sidebar .sideLink:hover,
body.dash #sidebar .adminlink:hover,
body.dash #sidebar .logout:hover,
body.dash #sidebar .tool.active,
body.dash #sidebar .activeLink {
  background:var(--xs-red-soft) !important;
  color:var(--xs-red-hover) !important;
  border-color:var(--xs-border-red) !important;
}
body.dash .workspace,
body.dash main.workspace {
  background:transparent !important;
  color:var(--xs-text) !important;
}
body.dash .workspace>header {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
  color:var(--xs-text) !important;
  border:1px solid var(--xs-border) !important;
  box-shadow:var(--xs-shadow) !important;
}
body.dash .workspace>header b,
body.dash .workspace>header span,
body.dash .workspace>header .muted {
  color:var(--xs-text-secondary) !important;
}
body.dash .workspace>header b { color:var(--xs-text) !important; }
body.dash .credit,
body.dash a.credit {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border-red) !important;
}
body.dash .credit *,
body.dash a.credit * { color:var(--xs-text) !important; }

body.dash .panel,
body.dash .result,
body.dash .history,
body.dash .historyCard,
body.dash .accountCard,
body.dash .statCard,
body.dash .miniStats,
body.dash .transactionCard,
body.dash .upgradeHero,
body.dash .packageCard,
body.dash .packageCard.featured,
body.dash .paymentHelp,
body.dash .paymentHelp>div {
  background:linear-gradient(180deg,var(--xs-bg-soft) 0%,var(--xs-surface) 70%) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
  box-shadow:var(--xs-shadow) !important;
}
body.dash .panel::before,
body.dash .panel::after,
body.dash .upgradeHero::before,
body.dash .statCard::after {
  background:none !important;
  content:none !important;
  filter:none !important;
}
body.dash .panel h1,
body.dash .panel h2,
body.dash .panel h3,
body.dash .result h1,
body.dash .result h2,
body.dash .accountCard h2,
body.dash .statCard>b,
body.dash .upgradeHero h1,
body.dash .packageCard h2,
body.dash .packageCard>strong {
  color:var(--xs-text) !important;
}
body.dash .panel p,
body.dash .accountCard p,
body.dash .statCard span,
body.dash .statCard small,
body.dash .miniStats span,
body.dash .upgradeHero>p,
body.dash .packageCard p {
  color:var(--xs-text-secondary) !important;
}
body.dash textarea,
body.dash input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.dash select,
body.dash textarea:focus,
body.dash input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body.dash select:focus {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body.dash .result>div:first-child,
body.dash .result #output,
body.dash .result #output.structuredOutput,
body.dash #output.structuredOutput,
body.dash .historyInputBox,
body.dash .historyOutput,
body.dash .historyModalBox,
body.dash .historyDetailMeta span {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body.dash #output *,
body.dash .historyOutput *,
body.dash .historyInputBox * { color:var(--xs-text) !important; }
body.dash .result button,
body.dash .historyModalActions button,
body.dash .historyModalActions a {
  background:var(--xs-red-soft) !important;
  color:var(--xs-red-hover) !important;
  border-color:var(--xs-border-red) !important;
}

body.dash.historyPage .historyFilters,
body.dash.historyPage .historyExplorer,
body.dash.historyPage .historyExplorerList,
body.dash.historyPage .historyExplorerDetail,
body.dash.historyPage .historyRow,
body.dash.historyPage .historyRow:hover,
body.dash.historyPage .historyRow.selected,
body.dash.historyPage .historyDetail,
body.dash.historyPage .historyOutput {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body.dash.historyPage .historyRow b { color:var(--xs-red-hover) !important; }
body.dash.historyPage .historyRow span,
body.dash.historyPage .historyRow small { color:var(--xs-text-secondary) !important; }

/* ===== SCREENSHOT QA: LANDING ===== */
body.xsLanding,
body.xs-global-landing {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
  color:var(--xs-text) !important;
}
body.xsLanding .navWrap,
body.xs-global-landing .navWrap {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body.xsLanding .navLinks a,
body.xsLanding .navLinks a:hover {
  color:var(--xs-text) !important;
}
body.xsLanding .heroDesc,
body.xsLanding .sectionHead>p,
body.xsLanding .featureCard>p,
body.xsLanding .featureCard>div>p,
body.xsLanding .step p,
body.xsLanding .whyLead,
body.xsLanding .whyContent li span,
body.xsLanding .trustRow span,
body.xsLanding footer p,
body.xsLanding footer a,
body.xsLanding footer>small {
  color:var(--xs-text-secondary) !important;
}
body.xsLanding .marquee,
body.xsLanding footer,
body.xsLanding .xsContactSection,
body.xsLanding .xsContactCard,
body.xsLanding>.xsCopyrightBar {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body.xsLanding .marqueeTrack,
body.xsLanding .marqueeTrack *,
body.xsLanding .xsContactCard b {
  color:var(--xs-text) !important;
}
body.xsLanding .xsContactCopy p,
body.xsLanding .xsContactCard small,
body.xsLanding>.xsCopyrightBar {
  color:var(--xs-text-secondary) !important;
}

/* ===== SCREENSHOT QA: AI CSKH ===== */
body .xs-r17-online,
body .xs-r17-head,
body .xs-r17-form,
body .xs-r17-admin-tools button,
body .xs-r17-admin-chat-actions button {
  background:var(--xs-red-soft) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border-red) !important;
}
body .xs-r17-pill strong,
body .xs-r17-pill span,
body .xs-r17-online,
body .xs-r17-title strong,
body .xs-r17-title span,
body .xs-r17-x,
body .xs-r17-chip,
body .xs-r17-help,
body .xs-r17-admin-drawer,
body .xs-r17-admin-drawer * {
  color:var(--xs-text) !important;
}
body .xs-r17-send,
body .xs-r17-admin-compose button {
  background:var(--xs-red) !important;
  color:#fff !important;
}

/* Sales Agent text and interactive states from screenshot. */
body .sa-shell .nav,
body .sa-shell .back,
body .sa-shell header p,
body .sa-shell .panel>p,
body .sa-shell .section-head p,
body .sa-shell .meta,
body .sa-shell label,
body .sa-shell small {
  color:var(--xs-text-secondary) !important;
}
body .sa-shell .nav:hover,
body .sa-shell .nav.active {
  background:var(--xs-red-soft) !important;
  color:var(--xs-red-hover) !important;
  border-color:var(--xs-border-red) !important;
}
body .sa-shell .conv:hover,
body .sa-shell .conv:focus-within,
body .sa-shell .conv.selected,
body .sa-shell .item:hover,
body .sa-shell .channel-filter button:hover,
body .sa-shell select:hover {
  background:#fff5f7 !important;
  color:#111827 !important;
  border-color:#efc3cc !important;
}
body .sa-shell .inbox-live-state,
body .sa-shell .inbox-live-state.warn,
body .sa-shell .unread-dot,
body .sa-shell .state-pill,
body .sa-shell .state-pill.on,
body .sa-shell .state-pill.fail {
  background:#fff2f5 !important;
  color:#c73d56 !important;
  border:1px solid #efc3cc !important;
}
body .sa-shell .spinner,
body .sa-shell .loading,
body .sa-shell .error,
body .sa-shell .alert,
body .sa-shell .notice,
body .sa-shell .omni-warning {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#374151 !important;
  border-color:#f2c7d3 !important;
}
body .sa-shell input:focus,
body .sa-shell textarea:focus,
body .sa-shell select:focus,
body.dash #aiPanel input:focus,
body.dash #aiPanel textarea:focus,
body.dash #aiPanel select:focus,
body.dash .accountCard input:focus {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d94a63 !important;
  box-shadow:0 0 0 3px rgba(217,74,99,.12) !important;
  outline:none !important;
}
body .sa-shell .panel h1,
body .sa-shell .panel h2,
body .sa-shell .panel h3,
body .sa-shell .item,
body .sa-shell .conv,
body .sa-shell .item *,
body .sa-shell .conv * {
  color:var(--xs-text) !important;
}
body .sa-shell .msg.customer,
body .sa-shell .msg.assistant,
body .sa-shell .bubble,
body .sa-shell .phone-top,
body .sa-shell .play-messages,
body .sa-shell .quick-tests button,
body .sa-shell .qtag,
body .sa-shell .danger,
body .sa-shell .ghost {
  background:var(--xs-red-soft) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border-red) !important;
}

/* Admin and platform-admin surfaces/buttons. */
body.adminbody,
body.xs-global-platform {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
  color:var(--xs-text) !important;
}
body.adminbody .admTop,
body.adminbody .admPanel,
body.adminbody .admCard,
body.adminbody .tablewrap,
body.xs-global-platform .topbar,
body.xs-global-platform .shell,
body.xs-global-platform .tabs,
body.xs-global-platform .tabpane,
body.xs-global-platform .assetCard,
body.xs-global-platform .dailyCreditAdmin,
body.xs-global-platform .videoConfigBox,
body.xs-global-platform .archGrid article {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body.adminbody button:not([type="submit"]),
body.adminbody .ghost,
body.xs-global-platform .ghost,
body.xs-global-platform .tabs button,
body.xs-global-platform .filePick,
body.xs-global-platform .dialogHead button {
  background:var(--xs-surface) !important;
  color:var(--xs-text) !important;
  border:1px solid var(--xs-border) !important;
}
body.xs-global-platform .tabs button.active,
body.xs-global-platform .primary {
  background:var(--xs-red) !important;
  color:#fff !important;
  border-color:var(--xs-red-hover) !important;
}
body.xs-global-platform .hero span,
body.xs-global-platform .sectionHead span,
body.xs-global-platform .assetInfo p,
body.xs-global-platform .formGrid label>span,
body.xs-global-platform .formGrid small,
body.xs-global-platform .toolName span,
body.xs-global-platform .archGrid p {
  color:var(--xs-text-secondary) !important;
}

/* Video AI non-media status surfaces. */
body.videoDash .videoHero,
body.videoDash .videoComposer,
body.videoDash .videoStatusCard,
body.videoDash .videoInfoCard,
body.videoDash .videoHistory,
body.videoDash .uploadZone,
body.videoDash .uploadPreview,
body.videoDash .videoQuote>div,
body.videoDash .jobVisual,
body.videoDash .jobProgress,
body.videoDash .videoJob,
body.videoDash .videoJob:hover,
body.videoDash .videoFilters button {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body.videoDash .videoField>span,
body.videoDash .uploadZone p,
body.videoDash .videoQuote span,
body.videoDash .videoStatusCard>p,
body.videoDash .videoInfoCard p,
body.videoDash .jobMain span,
body.videoDash .jobMain small {
  color:var(--xs-text-secondary) !important;
}
body.videoDash .jobResultActions a,
body.videoDash .jobRight a,
body.videoDash .jobRight button {
  background:var(--xs-red-soft) !important;
  color:var(--xs-red-hover) !important;
  border-color:var(--xs-border-red) !important;
}

/* Voice AI controls/results/history. */
body.voiceStudioPage .voiceHero,
body.voiceStudioPage .voiceCard,
body.voiceStudioPage .voiceHistorySection,
body.voiceStudioPage .voiceProviderBadge,
body.voiceStudioPage .voiceHeroStats div,
body.voiceStudioPage .voiceSelected,
body.voiceStudioPage .voiceGhost,
body.voiceStudioPage .voiceGhost:hover,
body.voiceStudioPage .voiceHistoryItem,
body.voiceStudioPage .voiceHistoryTitle span,
body.voiceStudioPage .voiceHistoryPlay,
body.voiceStudioPage .voiceDisc {
  background:linear-gradient(180deg,var(--xs-bg-soft),var(--xs-surface)) !important;
  color:var(--xs-text) !important;
  border-color:var(--xs-border) !important;
}
body.voiceStudioPage .voiceHeroStats span,
body.voiceStudioPage .voiceSelected span,
body.voiceStudioPage .voiceNowPlaying span,
body.voiceStudioPage .voiceHistoryItem p,
body.voiceStudioPage .voiceHistoryMeta small {
  color:var(--xs-text-secondary) !important;
}

/* ===== FINAL SCREENSHOT QA 1.0.2: LANDING ===== */
body.xsLanding header.navWrap,
body.xsLanding header.navWrap nav.nav,
body.xs-global-landing header.navWrap,
body.xs-global-landing header.navWrap nav.nav {
  background:linear-gradient(180deg,#fff3f6 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:var(--xs-border) !important;
}
body.xsLanding header.navWrap .navLinks a,
body.xsLanding header.navWrap .navGhost {
  color:#111827 !important;
}
body.xsLanding header.navWrap .navPrimary,
body.xsLanding header.navWrap .navPrimary * {
  color:#ffffff !important;
}
body.xsLanding .hero h1 {
  color:#111827 !important;
}
body.xsLanding .hero h1>span {
  color:var(--xs-red) !important;
}
body.xsLanding section.marquee {
  background:linear-gradient(90deg,#fff2f5 0%,#ffffff 50%,#fff2f5 100%) !important;
  border-color:var(--xs-border) !important;
}
body.xsLanding section.marquee .marqueeTrack,
body.xsLanding section.marquee .marqueeTrack span {
  color:#374151 !important;
}
body.xsLanding section.marquee .marqueeTrack i {
  color:#d94a63 !important;
}

/* Landing mockup is DOM, not an image: render its UI surfaces light. */
body.xsLanding .appMockup,
body.xsLanding .mockTop,
body.xsLanding .mockSidebar,
body.xsLanding .mockWorkspace,
body.xsLanding .mockTextarea,
body.xsLanding .mockOptions>div,
body.xsLanding .mockResult {
  background:linear-gradient(180deg,#fff3f6 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:var(--xs-border) !important;
}
body.xsLanding .mockMenu,
body.xsLanding .mockMenu.dim,
body.xsLanding .mockTitle,
body.xsLanding .mockInput label,
body.xsLanding .mockTextarea,
body.xsLanding .mockOptions small,
body.xsLanding .mockOptions b,
body.xsLanding .mockResult p,
body.xsLanding .resultHead {
  color:#4b5563 !important;
}
body.xsLanding .mockLogo,
body.xsLanding .mockHead h3,
body.xsLanding .mockResult h4 {
  color:#111827 !important;
}
body.xsLanding .mockMenu.active {
  background:var(--xs-red-soft) !important;
  color:var(--xs-red-hover) !important;
  box-shadow:inset 3px 0 0 var(--xs-red) !important;
}
body.xsLanding .mockDivider {
  background:var(--xs-border) !important;
}

/* ===== FINAL SCREENSHOT QA 1.0.2: APP CONTRAST ===== */
body.dash #aiPanel #genForm label,
body.dash #imagePanel label {
  color:#374151 !important;
  opacity:1 !important;
}
body.dash #aiPanel #genForm .muted,
body.dash #aiPanel #genForm small,
body.dash #aiPanel #genForm .hint,
body.dash #aiPanel #genForm .help,
body.dash #aiPanel #genForm div::after {
  color:#6b7280 !important;
  opacity:1 !important;
}
body.dash #aiPanel h1,
body.dash #aiPanel h2,
body.dash #aiPanel h3 {
  color:#111827 !important;
}
body.dash #aiPanel #genForm textarea,
body.dash #aiPanel #genForm input:not([type="hidden"]),
body.dash #aiPanel #genForm select,
body.dash .accountCard input:not([type="hidden"]) {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #d1d9e3 !important;
}
body.dash #aiPanel #genForm textarea::placeholder,
body.dash #aiPanel #genForm input::placeholder,
body.dash .accountCard input::placeholder {
  color:#8792a3 !important;
  opacity:1 !important;
}

/* ===== FINAL SCREENSHOT QA 1.0.2: ACCOUNT TRANSACTIONS ===== */
body.dash .transactionCard,
body.dash .transactionCard .tablewrap,
body.dash .transactionCard table,
body.dash .transactionCard tbody,
body.dash .transactionCard tbody tr,
body.dash .transactionCard tbody td {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#e5e7eb !important;
}
body.dash .transactionCard thead,
body.dash .transactionCard thead tr,
body.dash .transactionCard thead th {
  background:#fff3f6 !important;
  color:#111827 !important;
  border-color:#e5e7eb !important;
}
body.dash .transactionCard tbody tr:hover {
  background:#fffafa !important;
}
body.dash .transactionCard h2,
body.dash .transactionCard .historyTitle h2 {
  color:#111827 !important;
}

/* AI CSKH closed/open states. */
body .xs-r17-hud[data-open="0"] .xs-r17-pill,
body .xs-r17-hud[data-open="1"] .xs-r17-panel,
body .xs-r17-hud[data-open="1"] .xs-r17-thread,
body .xs-r17-hud[data-open="1"] .xs-r17-form {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:var(--xs-border) !important;
}
body .xs-r17-hud .xs-r17-title strong,
body .xs-r17-hud .xs-r17-pill strong {
  color:#111827 !important;
}
body .xs-r17-hud .xs-r17-mode,
body .xs-r17-hud .xs-r17-bubble,
body .xs-r17-hud .xs-r17-pill span,
body .xs-r17-hud .xs-r17-help {
  color:#374151 !important;
}

html{ --XSELLER_CANONICAL_WHITE_RED_THEME:1; }

/* Four-studio runtime state refinements. */
body.videoDash .jobRight a,
body.videoDash .jobRight button,
body.videoDash .jobResultActions a,
body.videoDash .jobResultActions button {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d6dde6 !important;
}
body.videoDash .jobRight a:hover,
body.videoDash .jobRight button:hover,
body.videoDash .jobResultActions a:hover,
body.videoDash .jobResultActions button:hover {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.voiceStudioPage .voiceFreeSafeNote {
  background:#f0fbf5 !important;
  color:#31735a !important;
  border-color:#cbe8da !important;
}
body.voiceStudioPage .voiceFreeSafeNote b {
  color:#31735a !important;
}
body.avsBody .avsDirectorState.ready,
body.avsBody .avsBadge.avs-done,
body.avsBody .avsSubDone {
  background:#f0fbf5 !important;
  color:#31735a !important;
  border-color:#cbe8da !important;
}
body.avsBody .avsBadge.avs-rendering,
body.avsBody .avsBadge.avs-queued,
body.avsBody .avsBadge.avs-uploading {
  background:#fffbeb !important;
  color:#92400e !important;
  border-color:#fde68a !important;
}
body.avsBody .avsBadge.avs-failed {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.avsBody .avsPlaceholder {
  color:#6b7280 !important;
}

/* ===== FOUR-STUDIO FINAL POLISH 1.0.9 ===== */
body.upgradePage .credit,
body.videoDash .credit,
body.voiceStudioPage .credit,
body.avsBody .credit {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #efc3cc !important;
}

/* Upgrade: presentation only. */
body.upgradePage .upgradeHero,
body.upgradePage .packageCard,
body.upgradePage .paymentHelp > div,
body.upgradePage .accountCard,
body.upgradePage .tablewrap,
body.upgradePage table,
body.upgradePage tbody,
body.upgradePage tbody tr,
body.upgradePage tbody td {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:#e6d8de !important;
}
body.upgradePage .upgradeHero h1,
body.upgradePage .packageCard h2,
body.upgradePage .packageCard > strong,
body.upgradePage .paymentHelp h2 {
  color:#111827 !important;
}
body.upgradePage .upgradeHero > p,
body.upgradePage .packageCard p,
body.upgradePage .paymentHelp p {
  color:#4b5563 !important;
}
body.upgradePage .packageType,
body.upgradePage .autoPayBadge,
body.upgradePage .manualPayBadge {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border:1px solid #efc3cc !important;
}
body.upgradePage .packageCard .btn {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  border:1px solid #c73d56 !important;
}
body.upgradePage .packageCard .btn:hover {
  background:linear-gradient(90deg,#c73d56 0%,#b8324b 100%) !important;
}

/* Video AI: every UI surface is light; actual video elements remain untouched. */
body.videoDash .videoHero {
  background:linear-gradient(135deg,#fff2f5 0%,#ffffff 72%) !important;
  color:#111827 !important;
  border:1px solid #efc3cc !important;
  box-shadow:0 18px 48px rgba(217,74,99,.08) !important;
}
body.videoDash .videoHero h1 {
  color:#111827 !important;
}
body.videoDash .videoHero h1 span {
  color:#c94b63 !important;
}
body.videoDash .videoHero > div > p:last-child {
  color:#374151 !important;
}
body.videoDash .videoHero .eyebrow {
  color:#d94a63 !important;
}
body.videoDash .videoHeroBadge,
body.videoDash .profitSafe {
  background:#ffffff !important;
  color:#374151 !important;
  border-color:#efc3cc !important;
}
body.videoDash .profitSafe span {
  color:#a92f47 !important;
}
body.videoDash .profitSafe b {
  color:#4b5563 !important;
}
body.videoDash .videoComposer,
body.videoDash .videoStatusCard,
body.videoDash .videoInfoCard,
body.videoDash .videoHistory,
body.videoDash .videoJob,
body.videoDash .videoQuote > div,
body.videoDash .uploadZone,
body.videoDash .uploadPreview,
body.videoDash .jobVisual,
body.videoDash .jobThumb,
body.videoDash #jobResult > div:not(.jobVideo) {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:#e6d8de !important;
  box-shadow:none !important;
}
body.videoDash .videoHead h2,
body.videoDash .videoStatusCard h3,
body.videoDash .videoInfoCard h3,
body.videoDash .videoHistory h2,
body.videoDash .videoJob b {
  color:#111827 !important;
}
body.videoDash .videoField > span,
body.videoDash .uploadZone b {
  color:#374151 !important;
}
body.videoDash .videoFine,
body.videoDash .uploadZone p,
body.videoDash .videoStatusCard > p:not(.eyebrow),
body.videoDash .videoInfoCard p,
body.videoDash .videoJob span,
body.videoDash .videoJob small {
  color:#6b7280 !important;
}
body.videoDash .videoField input,
body.videoDash .videoField textarea,
body.videoDash .videoField select,
body.videoDash .videoGrid select,
body.videoDash .videoGrid input,
body.videoDash .videoGrid textarea {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #d1d9e3 !important;
}
body.videoDash .videoField input:focus,
body.videoDash .videoField textarea:focus,
body.videoDash .videoField select:focus {
  border-color:#d94a63 !important;
  box-shadow:0 0 0 3px rgba(217,74,99,.10) !important;
}
body.videoDash .videoField input::placeholder,
body.videoDash .videoField textarea::placeholder {
  color:#8792a3 !important;
}
body.videoDash .videoCreate {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  border-color:#c73d56 !important;
}
body.videoDash .videoCreate:hover {
  background:linear-gradient(90deg,#c73d56 0%,#b8324b 100%) !important;
}
body.videoDash .jobVisual > span,
body.videoDash .videoPulse {
  color:#d94a63 !important;
  border-color:#d94a63 !important;
}
body.videoDash .jobProgress {
  background:#f2dbe1 !important;
}
body.videoDash .jobProgress i {
  background:#d94a63 !important;
}
body.videoDash .videoNotice,
body.videoDash .videoError,
body.videoDash .videoLoading,
body.videoDash .videoEmpty {
  background:#fff7f9 !important;
  color:#4b5563 !important;
  border-color:#efc3cc !important;
}

/* Voice Studio contrast. */
body.voiceStudioPage .voiceHero,
body.voiceStudioPage .voiceCard,
body.voiceStudioPage .voiceHistorySection {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:#e6d8de !important;
}
body.voiceStudioPage .voiceHero h1,
body.voiceStudioPage .voiceCard h2,
body.voiceStudioPage .voiceHistorySection h2,
body.voiceStudioPage .voiceNowPlaying b {
  color:#111827 !important;
}
body.voiceStudioPage .voiceHero h1 span {
  color:#c94b63 !important;
}
body.voiceStudioPage .voiceHero .eyebrow,
body.voiceStudioPage .voiceCard .eyebrow,
body.voiceStudioPage .voiceHistorySection .eyebrow {
  color:#a92f47 !important;
}
body.voiceStudioPage .voiceHero > div > p:last-child,
body.voiceStudioPage .voiceCard p,
body.voiceStudioPage .voiceHistorySection p {
  color:#4b5563 !important;
}
body.voiceStudioPage .voiceHeroStats > div {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #efc3cc !important;
}
body.voiceStudioPage .voiceHeroStats b {
  color:#111827 !important;
}
body.voiceStudioPage .voiceHeroStats span {
  color:#4b5563 !important;
}
body.voiceStudioPage .voiceNotice {
  background:#fff7f9 !important;
  color:#4b5563 !important;
  border-color:#efc3cc !important;
}
body.voiceStudioPage .voiceNotice.voiceFreeSafe,
body.voiceStudioPage .voiceNotice.freeSafe,
body.voiceStudioPage .voiceNotice.success {
  background:#f0fbf5 !important;
  color:#31735a !important;
  border-color:#cbe8da !important;
}
body.voiceStudioPage label,
body.voiceStudioPage .voiceLabel,
body.voiceStudioPage .voiceCard label {
  color:#374151 !important;
  opacity:1 !important;
}
body.voiceStudioPage .voiceTextMeta,
body.voiceStudioPage .voiceTextMeta *,
body.voiceStudioPage .voiceSelected span,
body.voiceStudioPage .voiceEmpty,
body.voiceStudioPage .voiceEmpty p,
body.voiceStudioPage .voiceNowPlaying span {
  color:#6b7280 !important;
  opacity:1 !important;
}
body.voiceStudioPage textarea,
body.voiceStudioPage select,
body.voiceStudioPage input:not([type="hidden"]) {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #d1d9e3 !important;
}
body.voiceStudioPage textarea::placeholder,
body.voiceStudioPage input::placeholder {
  color:#8792a3 !important;
  opacity:1 !important;
}
body.voiceStudioPage .voiceSelected,
body.voiceStudioPage .voiceEmpty,
body.voiceStudioPage .voiceNowPlaying,
body.voiceStudioPage .voiceCostBox {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#e6d8de !important;
}
body.voiceStudioPage .voiceGenerateBtn,
body.voiceStudioPage .voiceDownloadBtn {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  border-color:#c73d56 !important;
}
body.voiceStudioPage .voiceGhost,
body.voiceStudioPage .voiceDeleteBtn {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d6dde6 !important;
}
body.voiceStudioPage .voiceGhost:hover,
body.voiceStudioPage .voiceDeleteBtn:hover {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}

/* Auto Video Studio runtime DOM classes. Media elements are deliberately excluded. */
body.avsBody .avsTopbar,
body.avsBody .avsHero,
body.avsBody .avsPanel,
body.avsBody .avsScene,
body.avsBody .avsDirectorGrid > div,
body.avsBody .avsDirectorNote,
body.avsBody .avsScenePlan > div,
body.avsBody .avsPreflight,
body.avsBody .avsAiApply,
body.avsBody .avsMusicBox,
body.avsBody .avsInfoBox,
body.avsBody .avsHistoryItem,
body.avsBody .avsToggleRow,
body.avsBody .avsSubPreview,
body.avsBody .avsStageRail span,
body.avsBody .avsEmpty {
  background:linear-gradient(180deg,#fff7f9 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:#e6d8de !important;
  text-shadow:none !important;
}
body.avsBody .avsHero h1,
body.avsBody .avsPanel h2,
body.avsBody .avsHeroStats b,
body.avsBody .avsDirectorGrid b,
body.avsBody .avsScenePlan b,
body.avsBody .avsFileMeta b,
body.avsBody .avsSettingTitle b,
body.avsBody .avsHistoryItem b {
  color:#111827 !important;
  opacity:1 !important;
}
body.avsBody .avsKicker,
body.avsBody .avsStep,
body.avsBody .avsDirectorState,
body.avsBody .avsChip {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.avsBody .avsHero p,
body.avsBody .avsDirectorHead p,
body.avsBody .avsPanelHead p,
body.avsBody .avsInfoBox span {
  color:#4b5563 !important;
  opacity:1 !important;
}
body.avsBody .avsHeroActions span,
body.avsBody .avsDirectorGrid span,
body.avsBody .avsDirectorNote,
body.avsBody .avsScenePlan span,
body.avsBody .avsDrop small,
body.avsBody .avsFileMeta span,
body.avsBody .avsSettingTitle span,
body.avsBody .avsUploadCompact small,
body.avsBody .avsCostNote,
body.avsBody .avsEmpty,
body.avsBody .avsFoot {
  color:#6b7280 !important;
  opacity:1 !important;
}
body.avsBody .avsHeroStats > div {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #d9dfe7 !important;
}
body.avsBody .avsHeroStats span {
  color:#374151 !important;
}
body.avsBody .avsDrop,
body.avsBody .avsPreview,
body.avsBody .avsUploadCompact > span {
  background:linear-gradient(180deg,#fff7f9 0%,#ffffff 100%) !important;
  color:#4b5563 !important;
  border-color:#d9bfc7 !important;
}
body.avsBody .avsDrop.drag,
body.avsBody .avsDrop:hover {
  background:#fff2f5 !important;
  border-color:#d94a63 !important;
}
body.avsBody .avsPick,
body.avsBody .avsBtnGhost,
body.avsBody .avsIconBtn,
body.avsBody .avsBtnSmall {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#d6dde6 !important;
}
body.avsBody .avsPick:hover,
body.avsBody .avsBtnGhost:hover,
body.avsBody .avsIconBtn:hover,
body.avsBody .avsBtnSmall:hover {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.avsBody .avsSettings label,
body.avsBody .avsDrop strong {
  color:#374151 !important;
  opacity:1 !important;
}
body.avsBody .avsSettings input,
body.avsBody .avsSettings select {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #d1d9e3 !important;
}
body.avsBody .avsSettings input::placeholder {
  color:#8792a3 !important;
}
body.avsBody .avsSettings input:focus,
body.avsBody .avsSettings select:focus {
  border-color:#d94a63 !important;
  box-shadow:0 0 0 3px rgba(217,74,99,.10) !important;
}
body.avsBody .avsBtnPrimary {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  border-color:#c73d56 !important;
}
body.avsBody .avsBtnPrimary:hover {
  background:linear-gradient(90deg,#c73d56 0%,#b8324b 100%) !important;
}
body.avsBody .avsProgress {
  background:#f2dbe1 !important;
}
body.avsBody .avsProgress i {
  background:#d94a63 !important;
}
body.avsBody .avsStageRail span.active {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.avsBody .avsError,
body.avsBody .avsSubWarn {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}

body.upgradePage .modal,
body.videoDash .modal,
body.voiceStudioPage .modal,
body.avsBody .modal,
body.upgradePage .dropdown,
body.videoDash .dropdown,
body.voiceStudioPage .dropdown,
body.avsBody .dropdown,
body.upgradePage .xs-r17-toast,
body.videoDash .xs-r17-toast,
body.voiceStudioPage .xs-r17-toast,
body.avsBody .xs-r17-toast {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:#efc3cc !important;
}

/* ===== VIDEO PRODUCT AI MICRO FIX 1.0.10 =====
   Scoped to /video-ai. Functional video and provider logic remain untouched. */
body.videoDash {
  background:linear-gradient(180deg,#fff7f9 0%,#ffffff 100%) !important;
  color:#111827 !important;
}
body.videoDash .videoWorkspace {
  background:transparent !important;
  color:#111827 !important;
}
body.videoDash .videoHero {
  background:linear-gradient(135deg,#fff0f4 0%,#ffffff 72%) !important;
  border:1px solid #efc3cc !important;
  box-shadow:0 12px 30px rgba(185,50,75,.06) !important;
}
body.videoDash .videoHero h1,
body.videoDash .videoHero h1 > span:not(:last-child) {
  color:#111827 !important;
}
body.videoDash .videoHero h1 span,
body.videoDash .jobVisual > span {
  color:#c94b63 !important;
}
body.videoDash .videoHero .eyebrow,
body.videoDash .videoHead .eyebrow,
body.videoDash .videoInfoCard .eyebrow {
  color:#b8324b !important;
}
body.videoDash .videoHero > div > p:last-child {
  color:#4b5563 !important;
}
body.videoDash .videoHeroBadge {
  background:#ffffff !important;
  color:#374151 !important;
  border:1px solid #d8e6dd !important;
  box-shadow:none !important;
}
body.videoDash .videoHeroBadge i {
  background:#43e37c !important;
}
body.videoDash .videoComposer,
body.videoDash .videoStatusCard,
body.videoDash .videoInfoCard {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border:1px solid #e6d8de !important;
  box-shadow:0 10px 26px rgba(185,50,75,.05) !important;
}
body.videoDash .videoHead h2,
body.videoDash .videoStatusCard h3,
body.videoDash .videoInfoCard h3 {
  color:#111827 !important;
}
body.videoDash .videoStatusCard > p:not(.eyebrow),
body.videoDash .videoInfoCard > p:not(.eyebrow) {
  color:#4b5563 !important;
}
body.videoDash .profitSafe {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border:1px solid #efc3cc !important;
}
body.videoDash .profitSafe span {
  color:#a92f47 !important;
}
body.videoDash .profitSafe b {
  color:#4b5563 !important;
}
body.videoDash .videoField > span {
  color:#374151 !important;
}
body.videoDash .videoField small,
body.videoDash .presetField small,
body.videoDash .videoFine {
  color:#6b7280 !important;
}
body.videoDash .videoField input,
body.videoDash .videoField select,
body.videoDash .videoField textarea {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #d1d9e3 !important;
}
body.videoDash .videoField input:hover,
body.videoDash .videoField select:hover,
body.videoDash .videoField textarea:hover {
  background:#ffffff !important;
  border-color:#b8c3d1 !important;
}
body.videoDash .videoField input:focus,
body.videoDash .videoField select:focus,
body.videoDash .videoField textarea:focus {
  background:#ffffff !important;
  border-color:#d94a63 !important;
  box-shadow:0 0 0 3px rgba(217,74,99,.10) !important;
}
body.videoDash .videoField input::placeholder,
body.videoDash .videoField textarea::placeholder {
  color:#8792a3 !important;
}
body.videoDash .videoField input:disabled,
body.videoDash .videoField select:disabled,
body.videoDash .videoField textarea:disabled {
  color:#9ca3af !important;
}
body.videoDash .uploadZone,
body.videoDash .uploadZone:hover,
body.videoDash .uploadZone.drag,
body.videoDash .uploadZone.isDrag {
  color:#4b5563 !important;
  box-shadow:none !important;
}
body.videoDash .uploadZone {
  background:#fffafa !important;
  border:1px dashed #d9bfc7 !important;
}
body.videoDash .uploadZone:hover,
body.videoDash .uploadZone.drag,
body.videoDash .uploadZone.isDrag {
  background:#fff0f4 !important;
  border-color:#d94a63 !important;
}
body.videoDash .uploadPreview {
  background:#ffffff !important;
  color:#c94b63 !important;
  border:1px solid #efdce1 !important;
}
body.videoDash .uploadZone b { color:#374151 !important; }
body.videoDash .uploadZone p { color:#6b7280 !important; }
body.videoDash .videoQuote > div {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #efdce1 !important;
}
body.videoDash .videoQuote span { color:#6b7280 !important; }
body.videoDash .videoQuote strong { color:#111827 !important; }
body.videoDash .videoQuote > div:first-child strong { color:#a92f47 !important; }
body.videoDash .videoCreate {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  box-shadow:0 12px 30px rgba(185,50,75,.14) !important;
}
body.videoDash .videoCreate:hover:not(:disabled) {
  background:linear-gradient(90deg,#c73d56 0%,#b8324b 100%) !important;
  filter:none !important;
}
body.videoDash .jobVisual {
  background:radial-gradient(circle,rgba(217,74,99,.10),transparent 44%),#ffffff !important;
  border:1px solid #efdce1 !important;
  box-shadow:none !important;
}
body.videoDash .videoPulse {
  border-color:#d94a63 !important;
  box-shadow:0 0 32px rgba(217,74,99,.10) !important;
}
body.videoDash .jobProgress { background:#f1dce2 !important; }
body.videoDash .jobProgress i { background:#d94a63 !important; }
body.videoDash .videoHistory,
body.videoDash .videoJob,
body.videoDash .videoJob:hover,
body.videoDash #jobResult > div:not(.jobResultActions) {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:#e6d8de !important;
  box-shadow:none !important;
}
body.videoDash .videoHistory h2,
body.videoDash .videoJob b { color:#111827 !important; }
body.videoDash .historyTitle .muted,
body.videoDash .jobMain span { color:#4b5563 !important; }
body.videoDash .jobMain small { color:#6b7280 !important; }
body.videoDash .jobThumb {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border:1px solid #efc3cc !important;
}
body.videoDash .jobRight > span { color:#374151 !important; }
body.videoDash .jobRight a,
body.videoDash .jobRight button,
body.videoDash .jobResultActions a,
body.videoDash .jobResultActions button,
body.videoDash .historyAll {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.videoDash .jobRight a:hover,
body.videoDash .jobRight button:hover,
body.videoDash .jobResultActions a:hover,
body.videoDash .jobResultActions button:hover,
body.videoDash .historyAll:hover {
  background:#fde8ed !important;
  color:#8f263d !important;
}
body.videoDash .videoNotice,
body.videoDash .videoError,
body.videoDash .videoLoading,
body.videoDash .videoEmpty,
body.videoDash .modal,
body.videoDash .dropdown,
body.videoDash .toast,
body.videoDash .notification,
body.videoDash .xs-r17-toast {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#374151 !important;
  border:1px solid #efc3cc !important;
  box-shadow:0 10px 30px rgba(217,74,99,.10) !important;
}
body.videoDash .videoHero::before,
body.videoDash .videoHero::after,
body.videoDash .videoComposer::before,
body.videoDash .videoComposer::after,
body.videoDash .videoStatusCard::before,
body.videoDash .videoStatusCard::after,
body.videoDash .videoInfoCard::before,
body.videoDash .videoInfoCard::after {
  background:transparent !important;
}

/* ===== FINAL SOFT-RED CONSISTENCY 1.0.8 ===== */
body .navPrimary,
body .heroPrimary,
body .ctaButton,
body #generateBtn,
body #imageGenerateBtn,
body .accountCard button[type="submit"],
body .passwordCard button[type="submit"],
body .admSearch button,
body .admQuickForm button,
body .smCreate,
body .avsBtnPrimary,
body .xs-r17-send,
body .xs-r17-admin-compose button,
body button.primary,
body a.primary,
body .btn.primary {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  border-color:#d94a63 !important;
  box-shadow:0 10px 26px rgba(217,74,99,.16) !important;
}
body .navPrimary:hover,
body .heroPrimary:hover,
body .ctaButton:hover,
body #generateBtn:hover,
body #imageGenerateBtn:hover,
body .accountCard button[type="submit"]:hover,
body .passwordCard button[type="submit"]:hover,
body .admSearch button:hover,
body .admQuickForm button:hover,
body .smCreate:hover,
body .avsBtnPrimary:hover,
body .xs-r17-send:hover,
body .xs-r17-admin-compose button:hover,
body button.primary:hover,
body a.primary:hover,
body .btn.primary:hover {
  background:linear-gradient(90deg,#c73d56 0%,#b8324b 100%) !important;
  color:#ffffff !important;
  border-color:#b8324b !important;
}

body.dash #sidebar .tool.active,
body.dash #sidebar .activeLink,
body .sa-shell .nav.active,
body .channel-filter button.active,
body .tabs .active,
body [role="tab"][aria-selected="true"] {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border:1px solid #efc3cc !important;
  box-shadow:inset 3px 0 0 #d94a63 !important;
}

body .heroBadge,
body .ctaBadge,
body .admPlan,
body .admBadge.danger,
body .lead-badge,
body .seg-badge,
body .pro-pill,
body .xsToolBadge {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}

body.xsLanding .hero h1 > span,
body.xsLanding .sectionHead h2 > span,
body.xsLanding .whyContent h2 > span,
body.xsLanding .ctaInner h2 > span,
body.xsLanding .sectionEyebrow,
body.xsLanding .xs-v365r14-assistant-eyebrow {
  color:#c94b63 !important;
}
body.xsLanding .miniPreview > button,
body.xsLanding .mockGenerate {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  border-color:#d94a63 !important;
}

body.adminbody.adminV314 .admEyebrow,
body.adminbody.adminV314 .admStatIcon,
body.adminbody.adminV314 .orderCode {
  color:#c94b63 !important;
}
body.adminbody.adminV314 .admBack:hover,
body.adminbody.adminV314 .admBtn:hover {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}

body .sa-shell button:not(.ghost):not(.nav):not([data-channel-filter]),
body .sa-shell .unread-dot {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  border-color:#d94a63 !important;
}

/* ===== FINAL TICKER + ADMIN CENTER QA 1.0.6 ===== */
body.xsLanding section.marquee,
body.xsLanding section.marquee > .marqueeTrack {
  background:linear-gradient(90deg,#fff2f5 0%,#ffffff 50%,#fff2f5 100%) !important;
  color:#374151 !important;
  border-color:#f0ccd5 !important;
}
body.xsLanding section.marquee > .marqueeTrack span {
  color:#374151 !important;
}
body.xsLanding section.marquee > .marqueeTrack span:hover {
  color:#c73d56 !important;
}
body.xsLanding section.marquee > .marqueeTrack i {
  color:#d94a63 !important;
}

body.adminbody.adminV314,
body.adminbody.adminV314 .admMain {
  background:linear-gradient(180deg,#fff2f5 0%,#ffffff 70%) !important;
  color:#111827 !important;
}
body.adminbody.adminV314 .admTop {
  background:rgba(255,255,255,.96) !important;
  color:#111827 !important;
  border-bottom-color:#eadde2 !important;
  box-shadow:0 8px 28px rgba(217,74,99,.06) !important;
}
body.adminbody.adminV314 .admBrand,
body.adminbody.adminV314 .admTopLeft b {
  color:#111827 !important;
}
body.adminbody.adminV314 .admTopLeft small,
body.adminbody.adminV314 .admModel {
  color:#4b5563 !important;
}
body.adminbody.adminV314 .admDivider {
  background:#eadde2 !important;
}
body.adminbody.adminV314 .admModel,
body.adminbody.adminV314 .admBack {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#efc3cc !important;
}
body.adminbody.adminV314 .admBack:hover {
  background:#fff2f5 !important;
  color:#c73d56 !important;
  border-color:#d94a63 !important;
}

body.adminbody.adminV314 .admHero {
  background:linear-gradient(135deg,#fff2f5 0%,#ffffff 72%) !important;
  color:#111827 !important;
  border:1px solid #edc7d0 !important;
  box-shadow:0 14px 34px rgba(217,74,99,.07) !important;
}
body.adminbody.adminV314 .admHero h1 {
  color:#111827 !important;
}
body.adminbody.adminV314 .admHero > div > p:last-child {
  color:#4b5563 !important;
}
body.adminbody.adminV314 .admEyebrow {
  color:#d94a63 !important;
}
body.adminbody.adminV314 .admLive {
  background:#ffffff !important;
  color:#374151 !important;
  border-color:#b7e4c7 !important;
}

body.adminbody.adminV314 .admStat,
body.adminbody.adminV314 .admStat.highlight {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:#eadde2 !important;
  box-shadow:0 10px 26px rgba(217,74,99,.06) !important;
}
body.adminbody.adminV314 .admStatIcon {
  background:#fff2f5 !important;
  color:#d94a63 !important;
  border:1px solid #efc3cc !important;
}
body.adminbody.adminV314 .admStat > span,
body.adminbody.adminV314 .admStat small {
  color:#4b5563 !important;
}
body.adminbody.adminV314 .admStat strong {
  color:#111827 !important;
}

body.adminbody.adminV314 .admPanel,
body.adminbody.adminV314 .admPanelHead,
body.adminbody.adminV314 .admTableWrap,
body.adminbody.adminV314 .admTable,
body.adminbody.adminV314 .admTable tbody,
body.adminbody.adminV314 .admTable tbody tr,
body.adminbody.adminV314 .admTable td {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#e5d9de !important;
}
body.adminbody.adminV314 .admPanel {
  box-shadow:0 14px 36px rgba(217,74,99,.06) !important;
}
body.adminbody.adminV314 .admPanelHead h2 {
  color:#111827 !important;
}
body.adminbody.adminV314 .admPanelHead p:last-child,
body.adminbody.adminV314 .admTable td.muted,
body.adminbody.adminV314 .admTable .muted,
body.adminbody.adminV314 .adminV314 .muted {
  color:#4b5563 !important;
}
body.adminbody.adminV314 .admTable thead,
body.adminbody.adminV314 .admTable thead tr,
body.adminbody.adminV314 .admTable th {
  background:#fff2f5 !important;
  color:#374151 !important;
  border-color:#e5d9de !important;
}
body.adminbody.adminV314 .admTable tbody tr:nth-child(even),
body.adminbody.adminV314 .admTable tbody tr:nth-child(even) td {
  background:#fff9fa !important;
}
body.adminbody.adminV314 .admTable tbody tr:hover,
body.adminbody.adminV314 .admTable tbody tr:hover td {
  background:#fff2f5 !important;
}
body.adminbody.adminV314 .admTable td strong,
body.adminbody.adminV314 .creditNumber {
  color:#111827 !important;
}
body.adminbody.adminV314 .admTable .mono {
  color:#6b7280 !important;
}
body.adminbody.adminV314 .admTable td:nth-child(2) {
  color:#374151 !important;
}

body.adminbody.adminV314 input:not([type="hidden"]),
body.adminbody.adminV314 textarea,
body.adminbody.adminV314 select,
body.adminbody.adminV314 .dropdown,
body.adminbody.adminV314 [role="menu"] {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #d6dde6 !important;
}
body.adminbody.adminV314 input:focus,
body.adminbody.adminV314 textarea:focus,
body.adminbody.adminV314 select:focus {
  border-color:#d94a63 !important;
  box-shadow:0 0 0 3px rgba(217,74,99,.12) !important;
  outline:none !important;
}
body.adminbody.adminV314 option,
body.adminbody.adminV314 [role="menuitem"] {
  background:#ffffff !important;
  color:#111827 !important;
}
body.adminbody.adminV314 [role="menuitem"]:hover {
  background:#fff2f5 !important;
  color:#c73d56 !important;
}

body.adminbody.adminV314 .admPlan,
body.adminbody.adminV314 .admBadge,
body.adminbody.adminV314 .admBadge.mutedBadge {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.adminbody.adminV314 .admBadge.success,
body.adminbody.adminV314 .admSystem.ok,
body.adminbody.adminV314 .admInfoBadge,
body.adminbody.adminV314 .admSecure {
  background:#f0fdf4 !important;
  color:#166534 !important;
  border-color:#b7e4c7 !important;
}
body.adminbody.adminV314 .admBadge.warning,
body.adminbody.adminV314 .admSystem.warn,
body.adminbody.adminV314 .admNotice {
  background:#fffbeb !important;
  color:#92400e !important;
  border-color:#fde68a !important;
}
body.adminbody.adminV314 .admBadge.danger {
  background:#fff2f5 !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.adminbody.adminV314 .admSearch button,
body.adminbody.adminV314 .admQuickForm button {
  background:#d94a63 !important;
  color:#ffffff !important;
}
body.adminbody.adminV314 .admSearch button:hover,
body.adminbody.adminV314 .admQuickForm button:hover {
  background:#c73d56 !important;
}
body.adminbody.adminV314 .admBtn,
body.adminbody.adminV314 .admBtn.ghost,
body.adminbody.adminV314 .admBtn.success,
body.adminbody.adminV314 .admBtn.danger {
  background:#ffffff !important;
  color:#a92f47 !important;
  border-color:#efc3cc !important;
}
body.adminbody.adminV314 .admBtn:hover {
  background:#fff2f5 !important;
  color:#c73d56 !important;
}
body.adminbody.adminV314 .contentCell,
body.adminbody.adminV314 .resultOriginal,
body.adminbody.adminV314 .admLegend,
body.adminbody.adminV314 .admEmpty,
body.adminbody.adminV314 .admFooter,
body.adminbody.adminV314 .admFooter strong {
  color:#4b5563 !important;
}

body.adminbody.adminV314 .modal,
body.adminbody.adminV314 [role="dialog"],
body.adminbody.adminV314 .xs-r17-admin-drawer,
body.adminbody.adminV314 .xs-r17-admin-list,
body.adminbody.adminV314 .xs-r17-admin-chat,
body.adminbody.adminV314 .xs-r17-admin-messages,
body.adminbody.adminV314 .xs-r17-admin-compose,
body.adminbody.adminV314 .xs-r17-toast {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-color:#eadde2 !important;
}
body.adminbody.adminV314 .xs-r17-toast {
  border:1px solid #efc3cc !important;
  box-shadow:0 10px 30px rgba(217,74,99,.10) !important;
}

/* ===== HOMEPAGE ROOT-CAUSE QA 1.0.5 ===== */
body.xsLanding header.navWrap,
body.xsLanding header.navWrap > nav.nav {
  background:linear-gradient(180deg,#fff4f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border-bottom:1px solid #eadde2 !important;
  box-shadow:0 8px 28px rgba(217,74,99,.06) !important;
}
body.xsLanding header.navWrap .navLinks a {
  color:#111827 !important;
}
body.xsLanding header.navWrap .navLinks a:hover {
  color:#d94a63 !important;
}
body.xsLanding header.navWrap .navGhost {
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #efc3cc !important;
}
body.xsLanding header.navWrap .navGhost:hover {
  background:#fff2f5 !important;
  color:#d94a63 !important;
}
body.xsLanding header.navWrap .navPrimary {
  background:#d94a63 !important;
  color:#ffffff !important;
  border-color:#d94a63 !important;
}

body.xsLanding .featureCard,
body.xsLanding .miniPreview,
body.xsLanding .timeline,
body.xsLanding .socialStats,
body.xsLanding .resizePreview,
body.xsLanding .metricPanel,
body.xsLanding .ctaSection {
  background:linear-gradient(180deg,#fff2f5 0%,#ffffff 70%) !important;
  color:#111827 !important;
  border-color:#eadde2 !important;
}
body.xsLanding .featureCard h3,
body.xsLanding .featureCard h2,
body.xsLanding .featureCard b,
body.xsLanding .metricPanel b,
body.xsLanding .metricPanel strong {
  color:#111827 !important;
}
body.xsLanding .featureCard > p,
body.xsLanding .featureCard > div > p,
body.xsLanding .metricPanel small {
  color:#4b5563 !important;
}

body.xsLanding .hookPreview {
  background:linear-gradient(135deg,#fff2f5 0%,#ffffff 100%) !important;
  color:#374151 !important;
  border:1px solid #efc4cf !important;
}
body.xsLanding .hookPreview i {
  color:#d94a63 !important;
}

body.xsLanding .miniPreview,
body.xsLanding .miniPreview > div {
  background:#ffffff !important;
  color:#374151 !important;
  border-color:#d6dde6 !important;
}
body.xsLanding .miniPreview > span {
  color:#6b7280 !important;
}
body.xsLanding .miniPreview > button {
  background:#d94a63 !important;
  color:#ffffff !important;
  border-color:#d94a63 !important;
}

body.xsLanding .historyPreview,
body.xsLanding .historyPreview > div {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#eadde2 !important;
}
body.xsLanding .historyPreview > div:nth-child(even) {
  background:#fff7f9 !important;
}
body.xsLanding .historyPreview span,
body.xsLanding .historyPreview span b {
  color:#111827 !important;
}
body.xsLanding .historyPreview small {
  color:#6b7280 !important;
}
body.xsLanding .historyPreview i {
  background:#d94a63 !important;
}

body.xsLanding.xs-v365r14-home .xs-v365r14-assistant-card {
  background:linear-gradient(135deg,#fff2f5 0%,#ffffff 72%) !important;
  color:#111827 !important;
  border:1px solid #efc3cc !important;
  box-shadow:0 16px 38px rgba(217,74,99,.08) !important;
}
body.xsLanding.xs-v365r14-home .xs-v365r14-assistant-card::before {
  background:radial-gradient(circle,rgba(217,74,99,.12),rgba(217,74,99,0) 70%) !important;
}
body.xsLanding.xs-v365r14-home .xs-v365r14-assistant-icon,
body.xsLanding.xs-v365r14-home .xs-v365r14-assistant-badge {
  background:#ffffff !important;
  color:#111827 !important;
  border-color:#efc3cc !important;
}
body.xsLanding.xs-v365r14-home .xs-v365r14-assistant-eyebrow {
  color:#d94a63 !important;
}
body.xsLanding.xs-v365r14-home .xs-v365r14-assistant-copy h2 {
  color:#111827 !important;
}
body.xsLanding.xs-v365r14-home .xs-v365r14-assistant-copy p {
  color:#374151 !important;
}

body.xsLanding section.marquee {
  background:linear-gradient(90deg,#fff2f5 0%,#ffffff 50%,#fff2f5 100%) !important;
  border-color:#eadde2 !important;
}
body.xsLanding section.marquee .marqueeTrack,
body.xsLanding section.marquee .marqueeTrack span {
  color:#374151 !important;
}
body.xsLanding section.marquee .marqueeTrack i {
  color:#d94a63 !important;
}

body.xsLanding .xsContactSection,
body.xsLanding .xsContactCard,
body.xsLanding > .xsCopyrightBar {
  background:linear-gradient(180deg,#fff2f5 0%,#ffffff 70%) !important;
  color:#111827 !important;
  border-color:#eadde2 !important;
}

/* Video AI specificity lock: overrides premium-ui-v363's body.dash.videoDash dark rules. */
body.dash.videoDash {
  background:linear-gradient(180deg,#fff7f9 0%,#ffffff 100%) !important;
  color:#111827 !important;
}
body.dash.videoDash .videoHero {
  background:linear-gradient(135deg,#fff0f4 0%,#ffffff 72%) !important;
  border:1px solid #efc3cc !important;
  box-shadow:0 12px 30px rgba(185,50,75,.06) !important;
}
body.dash.videoDash .videoComposer,
body.dash.videoDash .videoStatusCard,
body.dash.videoDash .videoInfoCard {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border:1px solid #e6d8de !important;
  box-shadow:0 10px 26px rgba(185,50,75,.05) !important;
}
body.dash.videoDash .videoHistory {
  background:linear-gradient(180deg,#fff5f7 0%,#ffffff 100%) !important;
  color:#111827 !important;
  border:1px solid #e6d8de !important;
  box-shadow:none !important;
}
body.dash.videoDash .videoHero h1,
body.dash.videoDash .videoHead h2,
body.dash.videoDash .videoStatusCard h3,
body.dash.videoDash .videoInfoCard h3,
body.dash.videoDash .videoHistory h2 {
  color:#111827 !important;
}
body.dash.videoDash .videoHero h1 span {
  color:#c94b63 !important;
}
body.dash.videoDash .videoCreate {
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%) !important;
  color:#ffffff !important;
  box-shadow:0 12px 30px rgba(185,50,75,.14) !important;
}
body.dash.videoDash .videoCreate:hover:not(:disabled) {
  background:linear-gradient(90deg,#c73d56 0%,#b8324b 100%) !important;
}

/* === XSELLER R23.4.4 AUTH WHITE RED FIX BEGIN === */
body.xs-auth-page{
  --xs-auth-red:#d94a63;
  --xs-auth-red-hover:#c73d56;
  --xs-auth-red-dark:#b8324b;
  --xs-auth-text:#111827;
  --xs-auth-body:#374151;
  --xs-auth-secondary:#6b7280;
  --xs-auth-placeholder:#8792a3;
  --xs-auth-border:#e6d8de;
  --xs-auth-border-red:#efc3cc;
  background:
    radial-gradient(circle at 12% 12%,rgba(217,74,99,.07),transparent 34%),
    radial-gradient(circle at 88% 84%,rgba(217,74,99,.06),transparent 32%),
    linear-gradient(135deg,#fff5f7 0%,#fff 55%,#fff0f4 100%)!important;
  color:var(--xs-auth-text)!important;
}

body.xs-auth-page :where(.auth-card,.login-card,.register-card,.signin-card,.signup-card,.auth-panel,.login-panel,.register-panel,.auth-box,.login-box,.register-box,.form-card,.auth-form-card),
body.xs-auth-page main :where(form),
body.xs-auth-page :where(main,section,article)>:where(div,section,article):has(>form){
  background:linear-gradient(180deg,#fff7f9 0%,#fff 100%)!important;
  color:var(--xs-auth-text)!important;
  border-color:var(--xs-auth-border-red)!important;
  box-shadow:0 24px 60px rgba(88,43,56,.12)!important;
}

body.xs-auth-page :where(h1,h2,h3,h4,.title,.auth-title,.login-title,.register-title){
  color:var(--xs-auth-text)!important;
}
body.xs-auth-page :where(p,.subtitle,.description,.auth-description,.auth-subtitle,.helper,.help-text,small){
  color:var(--xs-auth-secondary)!important;
}
body.xs-auth-page form :where(label,.label,.field-label){
  color:var(--xs-auth-body)!important;
  opacity:1!important;
}

body.xs-auth-page :where(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
  background:#fff!important;
  color:var(--xs-auth-text)!important;
  border:1px solid #d1d9e3!important;
  caret-color:var(--xs-auth-red)!important;
  box-shadow:none!important;
}
body.xs-auth-page :where(input,textarea)::placeholder{
  color:var(--xs-auth-placeholder)!important;
  opacity:1!important;
}
body.xs-auth-page :where(input,textarea,select):focus{
  border-color:var(--xs-auth-red)!important;
  box-shadow:0 0 0 3px rgba(217,74,99,.10)!important;
  outline:none!important;
}

body.xs-auth-page input:-webkit-autofill,
body.xs-auth-page input:-webkit-autofill:hover,
body.xs-auth-page input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--xs-auth-text)!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
}

body.xs-auth-page :where(button[type="submit"],input[type="submit"],.btn-primary,.auth-submit,.login-submit,.register-submit){
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%)!important;
  color:#fff!important;
  border-color:#c73d56!important;
  box-shadow:0 10px 24px rgba(217,74,99,.16)!important;
}
body.xs-auth-page :where(button[type="submit"],input[type="submit"],.btn-primary,.auth-submit,.login-submit,.register-submit):hover{
  background:linear-gradient(90deg,#c73d56 0%,#b8324b 100%)!important;
}

body.xs-auth-page :where(a,.auth-link,.forgot-password,.forgot-link,.register-link,.login-link,.resend-link){
  color:var(--xs-auth-red-dark)!important;
}
body.xs-auth-page :where(a,.auth-link,.forgot-password,.forgot-link,.register-link,.login-link,.resend-link):hover{
  color:#8f263c!important;
}

body.xs-auth-page :where(.error,.error-message,.alert-error,.alert-danger,.form-error){
  background:#fff1f2!important;color:#9f1239!important;border-color:#fecdd3!important;
}
body.xs-auth-page :where(.success,.success-message,.alert-success,.form-success){
  background:#f0fdf4!important;color:#166534!important;border-color:#bbf7d0!important;
}
body.xs-auth-page :where(.info,.alert-info,.auth-notice){
  background:#fff7f9!important;color:var(--xs-auth-body)!important;border-color:var(--xs-auth-border-red)!important;
}

body.xs-auth-page :where(footer,.footer,.auth-footer){
  color:var(--xs-auth-secondary)!important;
  background:transparent!important;
}
body.xs-auth-page :where(img,video,canvas,picture){
  filter:none!important;
}

body.xs-auth-page :where(.auth-card,.login-card,.register-card,.auth-panel,.login-panel,.register-panel,.auth-box,.login-box,.register-box,.form-card,.auth-form-card)::before,
body.xs-auth-page :where(.auth-card,.login-card,.register-card,.auth-panel,.login-panel,.register-panel,.auth-box,.login-box,.register-box,.form-card,.auth-form-card)::after{
  background-color:transparent!important;
}
/* === XSELLER R23.4.4 AUTH WHITE RED FIX END === */

/* === XSELLER R23.4.4.1 AUTHBOX EXACT SELECTOR FIX BEGIN === */
body.xs-auth-page .authbox{
  background:linear-gradient(180deg,#fff7f9 0%,#fff 100%)!important;
  color:#111827!important;
  border:1px solid #efc3cc!important;
  box-shadow:0 24px 60px rgba(88,43,56,.12)!important;
}
body.xs-auth-page .authbox::before,
body.xs-auth-page .authbox::after{
  background:transparent!important;
  background-color:transparent!important;
}
body.xs-auth-page .authbox :where(h1,h2,h3,h4,.title){
  color:#111827!important;
  opacity:1!important;
}
body.xs-auth-page .authbox :where(p,.subtitle,.description,small){
  color:#6b7280!important;
  opacity:1!important;
}
body.xs-auth-page .authbox :where(label,.label,.field-label){
  color:#374151!important;
  opacity:1!important;
}
body.xs-auth-page .authbox :where(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
  background:#fff!important;
  color:#111827!important;
  border:1px solid #d1d9e3!important;
  box-shadow:none!important;
  opacity:1!important;
  caret-color:#d94a63!important;
}
body.xs-auth-page .authbox :where(input,textarea)::placeholder{
  color:#8792a3!important;
  opacity:1!important;
}
body.xs-auth-page .authbox :where(input,textarea,select):focus{
  border-color:#d94a63!important;
  box-shadow:0 0 0 3px rgba(217,74,99,.10)!important;
  outline:none!important;
}
body.xs-auth-page .authbox input:-webkit-autofill,
body.xs-auth-page .authbox input:-webkit-autofill:hover,
body.xs-auth-page .authbox input:-webkit-autofill:focus{
  -webkit-text-fill-color:#111827!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
}
body.xs-auth-page .authbox :where(button[type="submit"],input[type="submit"],.btn-primary){
  background:linear-gradient(90deg,#d94a63 0%,#c73d56 100%)!important;
  color:#fff!important;
  border-color:#c73d56!important;
  box-shadow:0 10px 24px rgba(217,74,99,.16)!important;
}
body.xs-auth-page .authbox :where(button[type="submit"],input[type="submit"],.btn-primary):hover{
  background:linear-gradient(90deg,#c73d56 0%,#b8324b 100%)!important;
}
body.xs-auth-page .authbox a{color:#b8324b!important}
body.xs-auth-page .authbox a:hover{color:#8f263c!important}
body.xs-auth-page .authbox :where(img,picture,svg,video,canvas){filter:none!important}
body.xs-auth-page .authbox :where(.alert,.error,.error-message,.form-error){
  background:#fff1f2!important;color:#9f1239!important;border-color:#fecdd3!important;
}
body.xs-auth-page .authbox :where(.success,.success-message,.form-success){
  background:#f0fdf4!important;color:#166534!important;border-color:#bbf7d0!important;
}
/* === XSELLER R23.4.4.1 AUTHBOX EXACT SELECTOR FIX END === */

/* === XSELLER R23.4.4.2 ICON + LOGO UNIFY FIX BEGIN === */
:root{
  --xs-sidebar-icon:#111827;
  --xs-sidebar-icon-active:#d94a63;
  --xs-sidebar-icon-muted:#6b7280;
}

/* ---- Sidebar icons: remove blur / low opacity / washed out effect ---- */
body :where(aside,.sidebar,.leftbar,.left-sidebar,.workspace-sidebar,.app-sidebar,.drawer-nav)
  :where(.icon,.menu-icon,.nav-icon,.sidebar-icon,.item-icon,i,svg,img[class*="icon"],img[src*="icon"]){
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
  image-rendering:auto !important;
}

body :where(aside,.sidebar,.leftbar,.left-sidebar,.workspace-sidebar,.app-sidebar,.drawer-nav)
  :where(a,button,.nav-link,.menu-link,.sidebar-link,.item-link,.tool-link,.workspace-link)
  :where(.icon,.menu-icon,.nav-icon,.sidebar-icon,.item-icon,i,svg){
  color:var(--xs-sidebar-icon) !important;
  stroke:currentColor !important;
}

body :where(aside,.sidebar,.leftbar,.left-sidebar,.workspace-sidebar,.app-sidebar,.drawer-nav)
  :where(a.active,a[aria-current="page"],.active,.is-active,.selected,.current)
  :where(.icon,.menu-icon,.nav-icon,.sidebar-icon,.item-icon,i,svg){
  color:var(--xs-sidebar-icon-active) !important;
  stroke:currentColor !important;
}

body :where(aside,.sidebar,.leftbar,.left-sidebar,.workspace-sidebar,.app-sidebar,.drawer-nav)
  :where(.muted,.dim,.soft,.secondary,.subtle,.disabled,.is-disabled)
  :where(.icon,.menu-icon,.nav-icon,.sidebar-icon,.item-icon,i,svg){
  opacity:1 !important;
  color:var(--xs-sidebar-icon-muted) !important;
  stroke:currentColor !important;
}

body :where(aside,.sidebar,.leftbar,.left-sidebar,.workspace-sidebar,.app-sidebar,.drawer-nav)
  :where(.icon svg,.menu-icon svg,.nav-icon svg,.sidebar-icon svg,.item-icon svg),
body :where(aside,.sidebar,.leftbar,.left-sidebar,.workspace-sidebar,.app-sidebar,.drawer-nav)
  :where(.icon img,.menu-icon img,.nav-icon img,.sidebar-icon img,.item-icon img){
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
}

/* ---- Logo consistency across sidebar / workspace / auth / tools ---- */
body :where(.brand,.brand-wrap,.brand-logo,.logo,.site-logo,.navbar-brand,.app-logo,.sidebar-logo,.workspace-logo,.auth-logo){
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  background:transparent !important;
  overflow:visible !important;
}

body :where(.brand img,.brand-wrap img,.brand-logo img,.logo img,.site-logo img,.navbar-brand img,.app-logo img,.sidebar-logo img,.workspace-logo img,.auth-logo img,img.xs-brand-logo,img.xsRealLogo,img.xsVideoLogo){
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
  object-fit:contain !important;
  object-position:left center !important;
  max-width:180px !important;
  max-height:48px !important;
  width:auto !important;
  height:auto !important;
  image-rendering:auto !important;
}

body :where(aside,.sidebar,.leftbar,.left-sidebar,.workspace-sidebar,.app-sidebar,.drawer-nav)
  :where(.brand img,.brand-wrap img,.brand-logo img,.logo img,.site-logo img,.navbar-brand img,.app-logo img,.sidebar-logo img,.workspace-logo img){
  max-width:170px !important;
  max-height:44px !important;
}

body.xs-auth-page :where(.brand img,.brand-wrap img,.brand-logo img,.logo img,.site-logo img,.navbar-brand img,.app-logo img,.sidebar-logo img,.workspace-logo img,.auth-logo img,img.xs-brand-logo,img.xsRealLogo,img.xsVideoLogo),
body.auth-page :where(.brand img,.brand-wrap img,.brand-logo img,.logo img,.site-logo img,.navbar-brand img,.app-logo img,.sidebar-logo img,.workspace-logo img,.auth-logo img,img.xs-brand-logo,img.xsRealLogo,img.xsVideoLogo){
  max-width:168px !important;
  max-height:42px !important;
}

/* Safety: if old dark panel class leaks into auth or tool pages, neutralize just the logo wrapper */
body :where(.brand,.brand-wrap,.brand-logo,.logo,.site-logo,.navbar-brand,.app-logo,.sidebar-logo,.workspace-logo,.auth-logo).dark,
body :where(.brand,.brand-wrap,.brand-logo,.logo,.site-logo,.navbar-brand,.app-logo,.sidebar-logo,.workspace-logo,.auth-logo).is-dark{
  background:transparent !important;
  box-shadow:none !important;
}
/* === XSELLER R23.4.4.2 ICON + LOGO UNIFY FIX END === */















/* === XSELLER R23.4.4.4 CLEAN COLOR BASELINE BEGIN === */
:root{
  --xs-bg:#fff9fa;
  --xs-surface:#ffffff;
  --xs-surface-soft:#fff4f6;
  --xs-text:#111827;
  --xs-muted:#64748b;
  --xs-border:#f1cbd3;
  --xs-accent:#d74762;
  --xs-accent-hover:#bf3650;
}

html,body{
  background:var(--xs-bg);
  color:var(--xs-text);
}

/* Light surfaces: readable dark copy. These rules intentionally do not touch layout geometry. */
body :where(
  main,section,article,aside,nav,header,footer,
  .card,.panel,.box,.sheet,.workspace,.content,.container,
  form,fieldset,.modal,.dropdown-menu,.toast
){
  color:var(--xs-text);
}

body :where(h1,h2,h3,h4,h5,h6,label,legend,dt,th,strong,b){
  color:var(--xs-text);
}

body :where(p,small,.muted,.text-muted,.subtitle,.description,.meta,.hint,.help){
  color:var(--xs-muted);
}

body :where(input,textarea,select,option){
  background:#fff;
  color:var(--xs-text);
  border-color:#d9e0e8;
}

body :where(input::placeholder,textarea::placeholder){
  color:#94a3b8;
  opacity:1;
}

/* Buttons/active accents only. */
body :where(.btn-primary,.button-primary,.cta-primary,[data-variant="primary"]){
  background:var(--xs-accent);
  border-color:var(--xs-accent);
  color:#fff;
}
body :where(.btn-primary,.button-primary,.cta-primary,[data-variant="primary"]):hover{
  background:var(--xs-accent-hover);
  border-color:var(--xs-accent-hover);
  color:#fff;
}

/* Explicit dark components may stay dark, but must remain readable. */
body :where(.dark,.dark-card,.dark-panel,[data-theme="dark"],[data-surface="dark"]){
  color:#fff;
}
body :where(.dark,.dark-card,.dark-panel,[data-theme="dark"],[data-surface="dark"])
:where(h1,h2,h3,h4,h5,h6,p,span,small,label,strong,b,a){
  color:inherit;
}

/* Never recolor media and never impose size/position/display/grid. */
body img,body svg,body video,body canvas{
  color:initial;
}

/* === XSELLER R23.4.4.4 CLEAN COLOR BASELINE END === */