/* Global appearance. Layout, spacing and component sizes stay in interface.css. */
:root {
    color-scheme: dark;
    --canvas: #09090b;
    --panel: #121215;
    --raised: #1b1b20;
    --hover: #232329;
    --ink: #f4f4f5;
    --body-text: #d4d4dc;
    --muted: #a1a1ad;
    --dim: #90909e;
    --line: #2b2b32;
    --surface: #19191e;
    --green: #8addb4;
    --ui-border: var(--line);
    --ui-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
html, body, .entry-site, .workspace { background: var(--canvas); color: var(--ink); }
body { accent-color: var(--ink); scrollbar-color: #44444f var(--panel); }
::selection { background: #454552; color: #fff; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline-color: #b4b4c5; outline-offset: 3px; }
.logo, .flow-logo { color: var(--ink); }
.logo-dot, .heading-dot { color: var(--dim); }
.button, .workspace .button, .flow-form .flow-next, .mock-button {
    background: var(--ink); border-color: var(--ink); color: var(--canvas);
}
.button:hover, .workspace .button:hover, .flow-form .flow-next:hover { background: #dcdce2; border-color: #dcdce2; color: var(--canvas); }
.button.secondary, .workspace .button.secondary, .button.white,
.mini-button, .flow-card .mini-button, .balance-small>a {
    background: var(--panel); border-color: var(--line); color: var(--body-text);
}
.button.secondary:hover, .workspace .button.secondary:hover, .button.white:hover,
.mini-button:hover, .flow-card .mini-button:hover, .workspace .balance-small>a:hover {
    background: var(--hover); border-color: #454550; color: var(--ink);
}
.button.large { box-shadow: 0 6px 16px rgb(0 0 0 / 20%); }
.button:disabled, .button[aria-disabled=true] { opacity: .4; }
.icon-button, .password-field button, .flow-password button { color: var(--muted); }
.icon-button:hover, .password-field button:hover, .flow-password button:hover { color: var(--ink); }
.tiny-tag, .beta-tag { border-color: var(--line); color: var(--muted); }
.live-dot { background: #8addb4; box-shadow: 0 0 0 4px rgb(138 221 180 / 7%); }

/* Entry, login, keyword import and signup. */
.entry-site { background: radial-gradient(ellipse at 50% 0, #1b1b22 0, var(--canvas) 65%); }
.flow-card { background: var(--panel); color: var(--ink); border-color: var(--line); box-shadow: 0 16px 64px rgb(0 0 0 / 25%); }
.flow-heading p, .flow-field>small, .flow-footer, .flow-recovery, .flow-consent,
.flow-draft small, .flow-draft>a, .flow-field-caption, .flow-card .file-message, .flow-hint { color: var(--muted); }
.flow-progress li, .flow-bottom, .flow-bottom-dot { color: var(--dim); }
.flow-progress li>span { background: var(--line); }
.flow-progress li.is-active, .flow-field>label, .flow-label-row>label, .flow-draft strong { color: var(--ink); }
.flow-progress li.is-active>span { background: var(--ink); }
.flow-field input:not([type=checkbox]), .flow-field textarea, .flow-field select {
    background: var(--canvas); border-color: #35353e; color: var(--ink);
}
.flow-field input::placeholder, .flow-field textarea::placeholder { color: var(--dim); }
.flow-note, .flow-draft { background: var(--raised); border-color: var(--line); color: var(--muted); }
.flow-note a, .flow-footer a, .flow-recovery a, .flow-consent a { color: var(--body-text); }
.flow-note a:hover, .flow-footer a:hover, .flow-recovery a:hover, .flow-bottom a:hover { color: var(--ink); }
.flow-card .keyword-chip { background: var(--raised); color: var(--body-text); border-color: var(--line); }
.flow-card .keyword-chip:hover { background: var(--hover); }
.flow-consent input { accent-color: var(--ink); }

/* Member and administrator shell. */
.sidebar, .workspace .sidebar { background: #101013; border-color: var(--line); }
.workspace .workspace-header { background: rgb(16 16 19 / 96%); border-color: var(--line); }
.workspace .workspace-brand, .workspace .balance-small { border-color: var(--line); }
.workspace .workspace-brand { background: var(--panel); }
.workspace .workspace-brand strong, .workspace .sidebar-user>span:nth-child(2) { color: var(--ink); }
.workspace-brand small, .workspace .nav-heading, .sidebar-user small { color: var(--dim); }
.workspace .nav-item, .workspace .nav-item>svg { color: var(--muted); }
.workspace .nav-item.active, .workspace .nav-item:hover { background: var(--hover); color: var(--ink); }
.workspace .nav-item.active>svg, .workspace .nav-item:hover>svg { color: var(--ink); }
.nav-indicator { background: var(--ink); }
.workspace .nav-divider { background: var(--line); }
.workspace .avatar, .ad-preview-avatar { background: #e4e4e9; color: var(--canvas); }
.workspace .avatar.muted { background: var(--raised); color: var(--muted); }
.workspace .balance-small { background: var(--panel); }
.balance-small>small, .balance-small>strong>span, .workspace .balance-small>a { color: var(--muted); }
.workspace .breadcrumb, .workspace .top-help, .workspace-footer { color: var(--muted); }
.breadcrumb>span { color: #60606e; }
.workspace .breadcrumb strong, .workspace .page-heading h1 { color: var(--ink); }
.workspace .page-heading p, .workspace .page-heading .eyebrow { color: var(--muted); }

/* Cards, controls and details. */
.workspace .panel, .workspace .stat-card, .price-card { background: var(--panel); border-color: var(--line); }
.workspace .panel-heading { border-color: var(--line); }
.workspace .panel-heading h2, .workspace .stat-card>strong { color: var(--ink); }
.workspace .panel-heading .text-link, .panel-heading>svg,
.workspace .stat-card>div, .workspace .stat-card>div>svg,
.workspace .stat-card>strong>small, .workspace .stat-foot { color: var(--muted); }
.workspace .stat-card.dark { background: #1f1f26; border-color: #40404c; }
.workspace .stat-card.dark>strong { color: var(--ink); }
.workspace .stat-card.dark>div, .workspace .stat-card.dark>strong>small, .workspace .stat-card.dark>a { color: var(--body-text); }
.stat-card.dark>a { border-color: var(--line); }
label, .workspace label, .workspace .ad-field>strong, .workspace .guide-panel>h2,
.workspace .admin-record>summary, .workspace .admin-record>summary strong,
.workspace .ticket summary strong, .workspace .request-summary>strong { color: var(--ink); }
input:not([type=checkbox]):not([type=file]), textarea, select,
.workspace input:not([type=checkbox]):not([type=file]), .workspace textarea, .workspace select {
    background: var(--canvas); border-color: #35353e; color: var(--ink);
}
input::placeholder, textarea::placeholder, .workspace input::placeholder, .workspace textarea::placeholder { color: var(--dim); }
input:focus, textarea:focus, select:focus,
.flow-field input:focus, .flow-field textarea:focus, .flow-field select:focus,
.workspace input:focus, .workspace textarea:focus, .workspace select:focus {
    border-color: #b4b4c5; box-shadow: 0 0 0 2px var(--panel), 0 0 0 4px #78788c; outline: none;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--ink); -webkit-box-shadow: 0 0 0 1000px var(--canvas) inset; caret-color: var(--ink);
}
label small, .workspace label small, .workspace .ad-field>small,
.workspace .subtle, .workspace .form-help, .field-caption, .file-message,
.keyword-chips>span, .required, .count, .form-intro, .back-link, .auth-links,
.form-help, .workspace .job-detail small { color: var(--muted); }
.keyword-chip, .workspace .saved-keywords>span { background: var(--raised); color: var(--body-text); }
.keyword-chip:hover { background: var(--hover); }
.workspace .ad-field>p, .workspace .job-detail p, .workspace .request-summary>p,
.workspace .ticket-body, .workspace .message-text, .workspace .record-meta,
.workspace .side-note h3 { color: var(--body-text); }
.workspace .guide-panel>a, .guide-panel>a>svg, .workspace .guide-panel .eyebrow,
.workspace .side-note p, .workspace .side-note ol, .workspace .side-note .text-link,
.workspace .workspace-note strong, .workspace .workspace-note span, .workspace .workspace-note>a,
.workspace .empty>p, .workspace .request-summary>small, .workspace .record-meta dt,
.input-with-unit>span { color: var(--muted); }
.workspace .guide-number { background: var(--raised); color: var(--muted); border-color: var(--line); }
.workspace .guide-number.done { background: #18271f; color: var(--green); border-color: #2b4939; }
.workspace .empty { color: #686879; }
.workspace .empty>.text-link { color: var(--ink); }
.workspace .request-summary, .workspace .record-meta, .job-detail, .wallet-info,
.notice, .reply, .draft-summary { background: var(--raised); border-color: var(--line); }
.workspace .record-meta code, .cost-line strong, .wallet-info>strong, .copy-row code { color: var(--body-text); }
.cost-line, .ticket, .admin-record, .admin-check { border-color: var(--line); color: var(--muted); }
.wallet-info>small, .notice p, .reply small, .ticket summary small,
.admin-check p, .admin-label, .admin-check>a { color: var(--muted); }
.notice strong, .admin-check strong, .form-subheading { color: var(--body-text); }
.balance-banner { background: #202027; border: 1px solid #3c3c48; color: var(--ink); }
.balance-banner>div:first-child>span, .balance-banner strong small, .usdt-badge { color: var(--body-text); }
.usdt-badge>span { border-color: #555564; }
.workspace .checkbox, .checkbox { color: var(--muted); }
.checkbox input { accent-color: var(--ink); }

/* Data tables and administration. */
.workspace .job-list-header, .workspace th { background: #1a1a1f; color: var(--muted); border-color: var(--line); }
.workspace td, .workspace .job-row>summary { color: var(--body-text); border-color: var(--line); }
.workspace .job-row { border-color: var(--line); }
.job-row>summary:hover, tbody tr:hover { background: #1b1b21; }
.workspace .job-row strong { color: var(--ink); }
.workspace .job-row small, .workspace .job-date, .job-date b, .table-caption { color: var(--muted); }
.table-caption { background: var(--panel); border-color: var(--line); }
.result-link, .workspace #work-results .result-link, .collector-links a { color: #c5cbf1; }
.workspace .badge { background: #282830; color: #c6c6d1; }
.workspace .badge-processing { background: #1c2a43; color: #a8c8ff; }
.workspace .badge-completed, .workspace .badge-approved, .workspace .badge-answered { background: #182f25; color: #98dfb8; }
.workspace .badge-cancelled, .workspace .badge-rejected { background: #36211f; color: #f0b3a5; }
.workspace .badge-pending, .workspace .badge-open { background: #302a18; color: #ead28b; }
.workspace td.positive, .positive { color: var(--green); }
.workspace .admin-tabs { border-color: var(--line); }
.workspace .admin-tabs a { color: var(--muted); }
.workspace .admin-tabs a:hover { color: var(--ink); }
.workspace .admin-tabs a.active { color: var(--ink); border-color: var(--ink); }
.workspace .admin-tabs a>span { background: var(--raised); color: var(--body-text); }
.workspace .collector-shortcut { color: var(--ink); }
.collector-shortcut small, .collector-filters label, .collector-meta, .collector-pagination, .collector-url { color: var(--muted); }
.collector-meta { border-color: var(--line); }
.flash { background: #172b20; color: #a6e5bf; border-color: #2f503c; }
.flash.error { background: #321f20; color: #f4bab5; border-color: #5b3236; }

/* Editor chrome and live preview use the same dark surfaces. Content colors
   explicitly chosen by the author are preserved. */
.ad-editor { background: var(--canvas); border-color: #35353e; }
.ad-editor:focus-within { border-color: #b4b4c5; box-shadow: 0 0 0 2px #78788c; }
.ad-editor-toolbar { background: var(--raised); border-color: var(--line); }
.ad-editor-toolbar button, .workspace .ad-editor-toolbar select { color: var(--body-text); }
.ad-editor-toolbar button:hover, .ad-editor-toolbar button:focus-visible { background: var(--hover); border-color: #454550; color: var(--ink); }
.workspace .ad-editor-toolbar select { background: var(--panel); border-color: #3a3a44; }
.workspace .ad-color-button { color: var(--ink); }
.ad-toolbar-divider { background: #44444f; }
.ad-rich-content { color: var(--body-text); }
.ad-rich-content blockquote { color: var(--muted); border-color: #555565; }
.ad-rich-content a { color: #b2bfff; }
.ad-editor-body:empty:before { color: var(--dim); }
.ad-editor-body img.ad-selected-image { outline-color: #c5cbf1; }
.ad-preview-panel { background: var(--panel); border-color: var(--line); }
.ad-preview-heading .eyebrow, .ad-preview-caption, .ad-preview-note, .ad-preview-empty { color: var(--muted); }
.ad-preview-heading h2, .ad-preview-card>h3 { color: var(--ink); }
.ad-live-badge { background: #192b21; color: #a6e5bf; border-color: #35543f; }
.ad-live-badge i { background: #98dfb8; }
.ad-preview-card { background: var(--canvas); border-color: var(--line); }
.ad-preview-brand, .ad-preview-copy { color: var(--body-text); }
.ad-preview-label { color: var(--muted); border-color: #454550; }
.ad-preview-copy { border-color: var(--line); }
.ad-preview-keywords>span { background: var(--raised); color: var(--muted); }

/* Public information and legacy landing page components. */
.site-header { background: rgb(16 16 19 / 96%); border-color: var(--line); }
.site-header nav, .login-link, .hero-kicker, .serif-em, .hero-description,
.quiet-link, .hero-caption, .section-heading p, .feature-layout>div>p,
.steps-grid article>p, .feature-list p, .price-top>span, .price>span,
.plan-quantity, .price-card>p, .price-card ul, .pricing-note,
.footer-top>p, .footer-top>a:last-child, .footer-bottom, .document p { color: var(--muted); }
.quiet-link span { color: var(--ink); }
.footer-bottom, .steps-grid article, .feature-list article { border-color: var(--line); }
.intro-strip, .feature-section, .step-illustration, .preview-dashboard, .auth-story { background: var(--panel); border-color: var(--line); }
.intro-strip>.container>span:first-child, .intro-strip p, .strip-arrow,
.step-number>span, .feature-list article>svg, .feature-list article>span,
.price-card li svg, .auth-story>p, .auth-story-foot, .art-cross { color: var(--muted); }
.intro-strip p strong, .keywords-illustration b { color: var(--ink); }
.price-card.featured, .compact .price-card.featured { border-color: #7d7d90; }
.compact .price-card>p { color: var(--muted); }
.product-preview, .preview-stats>div, .preview-config, .preview-process,
.keywords-illustration>span, .usdt-mark, .art-center, .art-chip { background: var(--panel); border-color: var(--line); color: var(--body-text); }
.product-preview { box-shadow: 0 10px 60px rgb(0 0 0 / 30%); }
.preview-toolbar { background: var(--raised); color: var(--muted); }
.window-dots i, .mock-progress { background: #3b3b46; }
.preview-nav>span:not(.logo), .preview-nav-bottom, .preview-title small,
.preview-stats small, .preview-stats em, .preview-stats span,
.preview-config>div>span, .preview-process>div, .preview-process>div>b,
.preview-process i, .preview-process>div>span, .wallet-illustration small,
.wallet-illustration>svg, .manage-illustration>small { color: var(--muted); }
.preview-nav-active, .preview-tags span, .preview-process .current>span { background: var(--raised); color: var(--body-text); }
.preview-process .current { color: var(--ink); }
.mock-progress>i { background: #a1a1b4; }
.orbital, .orbital-two { border-color: var(--line); }
.auth-links a, .form-help a, .draft-summary>a { color: var(--body-text); }
.step-indicator { color: var(--dim); }
.step-indicator i { background: var(--line); }
.step-indicator .active { color: var(--ink); }
.draft-summary small { color: var(--muted); }
.closing-section { background: #131318; border-block: 1px solid var(--line); }
.closing-section .eyebrow { color: var(--muted); }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}