/* Phase 16A: customer-only theme layer. Admin styles are intentionally untouched. */
html[data-theme="dark"] body.customer-account-page,
html[data-theme="dark"] body.portal-account-page,
html[data-theme="dark"] body.customer-overview-page,
html[data-theme="dark"] body.customer-project-page,
html[data-theme="dark"] body.customer-correction-page {
    --customer-bg: #1a1a1a;
    --customer-bg-elevated: #202020;
    --customer-bg-panel: #242424;
    --customer-bg-subtle: #1f1f1f;
    --customer-text: #e0e0e0;
    --customer-text-muted: #999999;
    --customer-text-soft: #b8b8b8;
    --customer-border: #333333;
    --customer-border-strong: #4a4a4a;
    --customer-accent: #c9a66b;
    --customer-accent-hover: #ddbd81;
    --customer-accent-text: #17130d;
    --customer-link: #76b7e8;
    --customer-input-bg: #2a2a2a;
    --customer-input-border: #4a4a4a;
    --customer-button-secondary-bg: #292929;
    --customer-button-secondary-border: #4a4a4a;
    --customer-shadow: 0 12px 30px rgba(0, 0, 0, .22);
    --customer-overlay: rgba(0, 0, 0, .86);
    --customer-pdf-bg: #101214;
    --customer-chat-customer-bg: #252525;
    --customer-chat-ae-bg: #202b38;
    --customer-success: #1c9650;
    --customer-warning: #b97a18;
    --customer-correction: #8b5bd6;
    --customer-danger: #c9473b;
    --customer-neutral: #6f777d;
}

html[data-theme="light"] body.customer-account-page,
html[data-theme="light"] body.portal-account-page,
html[data-theme="light"] body.customer-overview-page,
html[data-theme="light"] body.customer-project-page,
html[data-theme="light"] body.customer-correction-page {
    --customer-bg: #ede7dc;
    --customer-bg-elevated: rgba(255, 252, 245, .86);
    --customer-bg-panel: rgba(255, 252, 245, .72);
    --customer-bg-subtle: rgba(255, 252, 245, .48);
    --customer-text: #232321;
    --customer-text-muted: #625e56;
    --customer-text-soft: rgba(35, 35, 33, .74);
    --customer-border: rgba(45, 42, 37, .18);
    --customer-border-strong: rgba(45, 42, 37, .3);
    --customer-accent: #4f7e42;
    --customer-accent-hover: #2f7136;
    --customer-accent-text: #f4eee4;
    --customer-link: #3f719b;
    --customer-input-bg: rgba(255, 252, 245, .82);
    --customer-input-border: rgba(45, 42, 37, .3);
    --customer-button-secondary-bg: rgba(255, 252, 245, .28);
    --customer-button-secondary-border: rgba(35, 35, 33, .24);
    --customer-shadow: 0 12px 30px rgba(78, 66, 48, .12);
    --customer-overlay: rgba(28, 28, 25, .82);
    --customer-pdf-bg: rgba(255, 252, 245, .58);
    --customer-chat-customer-bg: rgba(255, 252, 245, .62);
    --customer-chat-ae-bg: rgba(74, 133, 187, .12);
    --customer-success: #2f7136;
    --customer-warning: #9a5c00;
    --customer-correction: #7042aa;
    --customer-danger: #8b483b;
    --customer-neutral: #625e56;
    --customer-page-gradient: radial-gradient(circle at 18% 8%, rgba(106, 154, 87, .14), transparent 24rem), radial-gradient(circle at 82% 20%, rgba(74, 133, 187, .11), transparent 26rem), linear-gradient(145deg, #f1ece2 0%, #e5ddcf 54%, #d9d0c0 100%);
    --customer-grid-line: rgba(45, 42, 37, .065);
}

body.customer-account-page,
body.customer-overview-page,
body.customer-project-page,
body.customer-correction-page {
    position: relative;
    isolation: isolate;
    background: var(--customer-page-gradient, var(--customer-bg));
    color: var(--customer-text);
    transition: background-color .18s ease, color .18s ease;
}
body.portal-account-page { background: var(--customer-page-gradient, var(--customer-bg)); color: var(--customer-text); }
body.customer-account-page::before,
body.customer-overview-page::before,
body.customer-project-page::before,
body.customer-correction-page::before,
body.portal-account-page::before {
    position: fixed;
    z-index: -1;
    inset: 0;
    content: "";
    pointer-events: none;
    background-image: linear-gradient(var(--customer-grid-line, rgba(255,255,255,.05)) 1px, transparent 1px), linear-gradient(90deg, var(--customer-grid-line, rgba(255,255,255,.05)) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, black, transparent 82%);
    opacity: .82;
}

body.customer-account-page a,
body.customer-overview-page a,
body.customer-project-page a,
body.customer-correction-page a { color: var(--customer-link); }

.customer-portal-nav {
    background: var(--customer-bg-elevated) !important;
    border-color: var(--customer-border) !important;
    color: var(--customer-text);
    box-shadow: var(--customer-shadow);
}
.customer-portal-nav-brand,
.customer-portal-nav-greeting { color: var(--customer-text) !important; }
.customer-portal-nav-greeting { opacity: .78; }
.customer-portal-nav-actions { align-items: center; }
.customer-overview-page .customer-shell,
.customer-overview-page .customer-shell h1,
.customer-overview-page .customer-shell h2,
.customer-overview-page .customer-shell p,
.customer-overview-page .customer-shell button,
.customer-overview-page .customer-shell input,
.customer-overview-page .customer-shell textarea,
.customer-overview-page .customer-shell label,
.customer-overview-page .customer-shell a { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.customer-overview-page .customer-page-eyebrow,
.customer-overview-page .customer-section-heading span,
.customer-overview-page .customer-project-last-modified { font-family: var(--font-ae-mono, ui-monospace, SFMono-Regular, monospace); }
.customer-portal-nav-projects,
.customer-portal-nav-logout,
.customer-theme-toggle,
.customer-theme-switch {
    border: 1px solid var(--customer-button-secondary-border) !important;
    background: var(--customer-button-secondary-bg) !important;
    color: var(--customer-text) !important;
}
.customer-portal-nav-projects:hover,
.customer-portal-nav-logout:hover,
.customer-theme-toggle:hover,
.customer-theme-switch:hover { border-color: var(--customer-accent) !important; color: var(--customer-text) !important; }
.customer-theme-switch { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; padding: 4px; color: var(--customer-text-muted); border: 1px solid var(--customer-border); border-radius: 999px; background: color-mix(in srgb, var(--customer-bg-panel), transparent 18%); font-size: .72rem; line-height: 1; letter-spacing: .04em; }
.customer-theme-switch button { min-height: 24px; padding: 0 8px; color: inherit; border: 0; border-radius: 999px; background: transparent; font: inherit; cursor: pointer; }
.customer-theme-switch button:hover,
.customer-theme-switch button.is-active { color: var(--customer-text); background: color-mix(in srgb, var(--customer-text), transparent 90%); }
.customer-theme-switch span { color: var(--customer-accent); font-size: .58rem; opacity: .82; }
.customer-theme-switch button:focus-visible,
.customer-portal-nav a:focus-visible,
.customer-portal-nav button:focus-visible { outline: 2px solid var(--customer-accent); outline-offset: 2px; }

.customer-page-header,
.customer-detail-header,
.customer-detail-section-heading,
.customer-section-heading { color: var(--customer-text); border-color: var(--customer-border) !important; }
.customer-page-eyebrow,
.customer-detail-kicker,
.customer-section-heading span { color: var(--customer-accent) !important; }
.customer-page-description,
.customer-detail-subline,
.customer-detail-muted,
.customer-action-summary,
.customer-project-last-modified { color: var(--customer-text-muted) !important; }
.customer-projects-section,
.customer-project-request,
.customer-empty-state,
.customer-detail-current,
.customer-detail-next-action,
.customer-detail-final-hero,
.customer-detail-communication,
.customer-detail-approved-version,
.customer-detail-archive,
.customer-detail-duplicate,
.customer-detail-final-composer,
.customer-correction-page .correction-card,
.customer-correction-page .correction-comment-wrap,
.customer-correction-page .correction-batch-detail-grid article {
    background: var(--customer-bg-panel) !important;
    border-color: var(--customer-border) !important;
    color: var(--customer-text);
    box-shadow: var(--customer-shadow);
}
.customer-project-card,
.customer-project-card .project-info { color: var(--customer-text); border-color: var(--customer-border) !important; }
.customer-project-card .project-name { color: var(--customer-text) !important; }
.customer-project-card .project-last-modified,
.customer-project-card .project-pdf-date { color: var(--customer-text-muted) !important; }
.customer-project-request-button,
.customer-project-new-submit,
.customer-detail-button-primary,
.customer-detail-button.customer-detail-button-primary,
.customer-correction-page .correction-actions .correction-send {
    background: var(--customer-accent) !important;
    border-color: var(--customer-accent) !important;
    color: var(--customer-accent-text) !important;
}
.customer-new-project-intro { margin: 6px 0 18px; color: var(--customer-text-muted); line-height: 1.55; }
.customer-new-project-field span { color: var(--customer-text-muted); font-size: .85em; font-weight: 400; }
.customer-project-card .project-status-inline { color: #fff !important; }
.customer-detail-status { color: var(--summary-status-color, var(--customer-text)) !important; }
.customer-detail-pdf,
.customer-detail-pdf-trigger,
.customer-correction-page .correction-canvas-wrap { background: var(--customer-pdf-bg) !important; border-color: var(--customer-border-strong) !important; }
.customer-detail-pdf-info,
.customer-detail-final-file,
.customer-detail-approved-content,
.customer-detail-archive-row { border-color: var(--customer-border) !important; background: var(--customer-bg-subtle) !important; }
.customer-detail-chat .chat-bubble-row.customer .chat-bubble { background: var(--customer-chat-customer-bg) !important; border-color: var(--customer-border) !important; color: var(--customer-text) !important; }
.customer-detail-chat .chat-bubble-row.ae .chat-bubble { background: var(--customer-chat-ae-bg) !important; border-color: var(--customer-border-strong) !important; color: var(--customer-text) !important; }
.customer-detail-chat .chat-meta,
.customer-detail-chat small { color: var(--customer-text-muted) !important; }

body.customer-account-page .portal-public-card,
body.customer-account-page .account-box { background: var(--customer-bg-panel) !important; border-color: var(--customer-border) !important; color: var(--customer-text); box-shadow: var(--customer-shadow); }
body.customer-account-page .portal-public-shell { background: transparent !important; }
body.customer-account-page .portal-login-frame { position: relative; }
body.customer-account-page .portal-login-frame > .customer-theme-toggle { position: absolute; top: 0; right: 0; }
body.customer-account-page .portal-login-tagline,
body.customer-account-page .account-form-note { color: var(--customer-text-muted) !important; }
body.customer-account-page .portal-login-form label { color: var(--customer-text) !important; }
body.customer-account-page .portal-login-form input,
body.customer-account-page input,
body.customer-account-page textarea,
body.customer-overview-page input,
body.customer-overview-page textarea,
body.customer-project-page input,
body.customer-project-page textarea,
body.customer-correction-page textarea {
    background: var(--customer-input-bg) !important;
    border-color: var(--customer-input-border) !important;
    color: var(--customer-text) !important;
}
body.customer-account-page .portal-login-form button,
body.customer-account-page button[type="submit"] { background: var(--customer-accent) !important; color: var(--customer-accent-text) !important; }
.account-success,
.customer-detail-notice.is-success { background: color-mix(in srgb, var(--customer-success) 12%, var(--customer-bg-panel)) !important; border-color: var(--customer-success) !important; color: var(--customer-text) !important; }
.account-error,
.customer-detail-notice.is-error { background: color-mix(in srgb, var(--customer-danger) 12%, var(--customer-bg-panel)) !important; border-color: var(--customer-danger) !important; color: var(--customer-text) !important; }
.customer-portal-footer { color: var(--customer-text-muted) !important; border-color: var(--customer-border) !important; }

.customer-correction-page .correction-page-nav button,
.customer-correction-page .correction-brush,
.customer-correction-page .correction-reset,
.customer-correction-page .correction-cancel,
.customer-correction-page .correction-action-option button,
.customer-correction-page .correction-actions a { background: var(--customer-button-secondary-bg) !important; border-color: var(--customer-button-secondary-border) !important; color: var(--customer-text) !important; }
.customer-correction-page .correction-progress,
.customer-correction-page .correction-page-label,
.customer-correction-page .correction-progress strong,
.customer-correction-page .correction-action-option small,
.customer-correction-page .correction-batch-detail-status { color: var(--customer-text-muted) !important; }

@media (max-width: 700px) {
    body.customer-account-page .portal-login-frame > .customer-theme-switch,
    body.portal-account-page .portal-login-frame > .customer-theme-switch { position: static; display: flex; margin: 0 0 10px auto; }
    .customer-portal-nav-actions { flex-wrap: wrap; justify-content: flex-end; }
    .customer-theme-switch { order: 2; }
}
@media (prefers-reduced-motion: reduce) {
    body.customer-account-page,
    body.customer-overview-page,
    body.customer-project-page,
    body.customer-correction-page { transition: none; }
}

/* Homepage language pass: light mode keeps the portal readable but removes
   the large opaque dark surfaces inherited from the legacy portal CSS. */
html[data-theme="light"] body.customer-overview-page .customer-projects-section,
html[data-theme="light"] body.customer-overview-page .customer-project-request,
html[data-theme="light"] body.customer-overview-page .customer-empty-state,
html[data-theme="light"] body.customer-project-page .customer-detail-current,
html[data-theme="light"] body.customer-project-page .customer-detail-next-action,
html[data-theme="light"] body.customer-project-page .customer-detail-final-hero,
html[data-theme="light"] body.customer-project-page .customer-detail-communication,
html[data-theme="light"] body.customer-project-page .customer-detail-final,
html[data-theme="light"] body.customer-project-page .customer-detail-archive,
html[data-theme="light"] body.customer-project-page .customer-detail-duplicate,
html[data-theme="light"] body.customer-project-page .customer-detail-final-composer,
html[data-theme="light"] body.customer-project-page .customer-detail-approved-version,
html[data-theme="light"] body.customer-project-page .customer-detail-notice,
html[data-theme="light"] body.customer-project-page .chat-container,
html[data-theme="light"] body.customer-correction-page .correction-card,
html[data-theme="light"] body.customer-correction-page .correction-comment-wrap,
html[data-theme="light"] body.customer-correction-page .correction-batch-detail-grid article,
html[data-theme="light"] body.portal-account-page .portal-public-card,
html[data-theme="light"] body.portal-account-page .account-box {
    background: var(--customer-bg-panel) !important;
    color: var(--customer-text) !important;
    border-color: var(--customer-border) !important;
    box-shadow: var(--customer-shadow);
}
html[data-theme="light"] body.customer-overview-page .customer-new-project-form { background: var(--customer-bg-panel) !important; color: var(--customer-text) !important; border-color: var(--customer-border) !important; box-shadow: var(--customer-shadow) !important; }
html[data-theme="light"] body.customer-overview-page .customer-new-project-form input,
html[data-theme="light"] body.customer-overview-page .customer-new-project-form textarea { background: var(--customer-input-bg) !important; color: var(--customer-text) !important; border-color: var(--customer-input-border) !important; }
html[data-theme="light"] body.customer-overview-page .customer-new-project-cancel { background: var(--customer-button-secondary-bg) !important; color: var(--customer-text) !important; border-color: var(--customer-button-secondary-border) !important; }
html[data-theme="light"] body.customer-project-page h1,
html[data-theme="light"] body.customer-project-page h2,
html[data-theme="light"] body.customer-project-page h3,
html[data-theme="light"] body.customer-project-page strong,
html[data-theme="light"] body.customer-overview-page h1,
html[data-theme="light"] body.customer-overview-page h2,
html[data-theme="light"] body.portal-account-page h1,
html[data-theme="light"] body.portal-account-page h2 { color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-pdf,
html[data-theme="light"] body.customer-project-page .customer-detail-pdf-info,
html[data-theme="light"] body.customer-project-page .customer-detail-approved-content,
html[data-theme="light"] body.customer-project-page .customer-detail-archive-row,
html[data-theme="light"] body.customer-project-page .customer-detail-final-file { background: var(--customer-pdf-bg) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-final-share-copy input { background: var(--customer-surface) !important; color: var(--customer-text) !important; border-color: var(--customer-border) !important; }
html[data-theme="light"] body.customer-project-page .customer-final-share-copy small { color: var(--customer-muted) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-pdf img { background: rgba(255,255,255,.5); }
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-bubble-row.customer .chat-bubble { background: var(--customer-chat-customer-bg) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-bubble-row.ae .chat-bubble { background: var(--customer-chat-ae-bg) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-composer textarea,
html[data-theme="light"] body.customer-project-page .customer-detail-composer input,
html[data-theme="light"] body.customer-overview-page input,
html[data-theme="light"] body.customer-overview-page textarea,
html[data-theme="light"] body.portal-account-page input,
html[data-theme="light"] body.portal-account-page textarea { background: var(--customer-input-bg) !important; color: var(--customer-text) !important; }

/* Phase 16A.2: neutralize remaining legacy dark surfaces in customer light mode. */
html[data-theme="light"] body.customer-overview-page .project-card,
html[data-theme="light"] body.customer-overview-page .project-card.completed {
    background: var(--customer-bg-panel) !important;
    border-color: var(--customer-border) !important;
    box-shadow: var(--customer-shadow) !important;
    opacity: 1;
}
html[data-theme="light"] body.customer-overview-page .project-card-gradient {
    background: linear-gradient(90deg, rgba(255,252,245,.94) 0%, rgba(255,252,245,.84) 46%, rgba(255,252,245,.25) 100%) !important;
}
html[data-theme="light"] body.customer-overview-page .project-name,
html[data-theme="light"] body.customer-overview-page .project-meta,
html[data-theme="light"] body.customer-overview-page .project-last-modified,
html[data-theme="light"] body.customer-overview-page .project-version-badge,
html[data-theme="light"] body.customer-overview-page .project-pdf-date,
html[data-theme="light"] body.customer-overview-page .project-pdf-empty,
html[data-theme="light"] body.customer-overview-page .customer-empty-state h2,
html[data-theme="light"] body.customer-overview-page .customer-empty-state p,
html[data-theme="light"] body.customer-overview-page .customer-project-attention { color: var(--customer-text) !important; text-shadow: none !important; }
html[data-theme="light"] body.customer-overview-page .project-meta,
html[data-theme="light"] body.customer-overview-page .project-last-modified,
html[data-theme="light"] body.customer-overview-page .project-pdf-date,
html[data-theme="light"] body.customer-overview-page .project-pdf-empty,
html[data-theme="light"] body.customer-overview-page .customer-empty-state p { color: var(--customer-text-muted) !important; }
html[data-theme="light"] body.customer-overview-page .project-pdf-info {
    background: rgba(255,252,245,.76) !important;
    border: 1px solid var(--customer-border) !important;
    color: var(--customer-text) !important;
    box-shadow: none !important;
}
html[data-theme="light"] body.customer-overview-page .project-status-inline { color: var(--customer-text) !important; box-shadow: none !important; }
html[data-theme="light"] body.customer-overview-page .project-status-neutral { border-color: rgba(98,94,86,.46) !important; background: rgba(98,94,86,.12) !important; color: #403d38 !important; }
html[data-theme="light"] body.customer-overview-page .project-status-amber { border-color: rgba(154,92,0,.5) !important; background: rgba(154,92,0,.14) !important; color: #704500 !important; }
html[data-theme="light"] body.customer-overview-page .project-status-purple { border-color: rgba(112,66,170,.45) !important; background: rgba(112,66,170,.13) !important; color: #59318d !important; }
html[data-theme="light"] body.customer-overview-page .project-status-red { border-color: rgba(139,72,59,.5) !important; background: rgba(139,72,59,.14) !important; color: #74372e !important; }
html[data-theme="light"] body.customer-overview-page .project-status-green { border-color: rgba(47,113,54,.5) !important; background: rgba(47,113,54,.14) !important; color: #285d2e !important; }

html[data-theme="light"] body.customer-project-page .customer-detail-next-action,
html[data-theme="light"] body.customer-project-page .customer-detail-current,
html[data-theme="light"] body.customer-project-page .customer-detail-communication,
html[data-theme="light"] body.customer-project-page .customer-detail-final,
html[data-theme="light"] body.customer-project-page .customer-detail-archive,
html[data-theme="light"] body.customer-project-page .customer-detail-approved-version,
html[data-theme="light"] body.customer-project-page .customer-detail-duplicate,
html[data-theme="light"] body.customer-project-page .customer-detail-approval-confirmation,
html[data-theme="light"] body.customer-project-page .customer-detail-notice,
html[data-theme="light"] body.customer-project-page .customer-detail-final-file,
html[data-theme="light"] body.customer-project-page .customer-detail-composer,
html[data-theme="light"] body.customer-project-page .chat-container {
    background: var(--customer-bg-panel) !important;
    color: var(--customer-text) !important;
    border-color: var(--customer-border) !important;
}
html[data-theme="light"] body.customer-project-page .customer-detail-header,
html[data-theme="light"] body.customer-project-page .customer-detail-section-heading,
html[data-theme="light"] body.customer-project-page .customer-detail-approved-content,
html[data-theme="light"] body.customer-project-page .customer-detail-communication-body,
html[data-theme="light"] body.customer-project-page .customer-detail-final-row,
html[data-theme="light"] body.customer-project-page .customer-detail-archive-row { border-color: var(--customer-border) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-header h1,
html[data-theme="light"] body.customer-project-page h2,
html[data-theme="light"] body.customer-project-page .customer-detail-composer label,
html[data-theme="light"] body.customer-project-page .customer-detail-confirmation-title,
html[data-theme="light"] body.customer-project-page .customer-detail-approved-meta strong { color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-subline,
html[data-theme="light"] body.customer-project-page .customer-detail-muted,
html[data-theme="light"] body.customer-project-page .customer-detail-action-state,
html[data-theme="light"] body.customer-project-page .customer-detail-composer-help,
html[data-theme="light"] body.customer-project-page .customer-detail-final-file span,
html[data-theme="light"] body.customer-project-page .customer-detail-approved-meta span,
html[data-theme="light"] body.customer-project-page .customer-detail-approval-confirmation p { color: var(--customer-text-muted) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-pdf,
html[data-theme="light"] body.customer-project-page .customer-detail-pdf-info,
html[data-theme="light"] body.customer-project-page .customer-detail-approved-content,
html[data-theme="light"] body.customer-project-page .customer-detail-final-row,
html[data-theme="light"] body.customer-project-page .customer-detail-archive-row { background: var(--customer-pdf-bg) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-pdf-info a,
html[data-theme="light"] body.customer-project-page .customer-detail-text-button,
html[data-theme="light"] body.customer-project-page .customer-detail-archive-row button,
html[data-theme="light"] body.customer-project-page a { color: var(--customer-link) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-composer textarea,
html[data-theme="light"] body.customer-project-page .customer-detail-composer input,
html[data-theme="light"] body.customer-project-page .customer-detail-duplicate-form input,
html[data-theme="light"] body.customer-project-page .customer-detail-duplicate-form textarea { background: var(--customer-input-bg) !important; border-color: var(--customer-input-border) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-button,
html[data-theme="light"] body.customer-project-page .customer-detail-button-secondary,
html[data-theme="light"] body.customer-project-page .customer-detail-approval-confirmation button { background: var(--customer-button-secondary-bg) !important; border-color: var(--customer-button-secondary-border) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-button-primary { background: var(--customer-accent) !important; border-color: var(--customer-accent) !important; color: var(--customer-accent-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-approval-confirmation { border-left-color: var(--customer-accent) !important; background: color-mix(in srgb, var(--customer-accent) 10%, var(--customer-bg-panel)) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-bubble-row.customer .chat-bubble { background: var(--customer-chat-customer-bg) !important; border-color: var(--customer-border) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-bubble-row.ae .chat-bubble { background: var(--customer-chat-ae-bg) !important; border-color: rgba(74,133,187,.3) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-message,
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-bubble-row,
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-bubble-row.ae,
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-bubble-row.customer {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-message { width: 100%; min-height: 0; }
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-file { background: transparent !important; border-color: var(--customer-border) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-file::before { border-color: var(--customer-border) !important; }
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-file-name,
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-file-meta,
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-author,
html[data-theme="light"] body.customer-project-page .customer-detail-chat .chat-date { color: var(--customer-text-muted) !important; }

html[data-theme="light"] body.customer-correction-page .correction-card,
html[data-theme="light"] body.customer-correction-page .correction-tool-group,
html[data-theme="light"] body.customer-correction-page .correction-brush-group,
html[data-theme="light"] body.customer-correction-page .correction-comment-wrap,
html[data-theme="light"] body.customer-correction-page .correction-batch-detail-grid article {
    background: var(--customer-bg-panel) !important;
    border-color: var(--customer-border) !important;
    color: var(--customer-text) !important;
}
html[data-theme="light"] body.customer-correction-page .correction-header,
html[data-theme="light"] body.customer-correction-page .correction-page-nav,
html[data-theme="light"] body.customer-correction-page .correction-tools,
html[data-theme="light"] body.customer-correction-page .correction-actions { border-color: var(--customer-border) !important; }
html[data-theme="light"] body.customer-correction-page .correction-header h1,
html[data-theme="light"] body.customer-correction-page .correction-version-label,
html[data-theme="light"] body.customer-correction-page .correction-comment-label,
html[data-theme="light"] body.customer-correction-page .correction-progress strong { color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-correction-page .correction-header p,
html[data-theme="light"] body.customer-correction-page .correction-page-label,
html[data-theme="light"] body.customer-correction-page .correction-progress,
html[data-theme="light"] body.customer-correction-page .correction-page-status-list,
html[data-theme="light"] body.customer-correction-page .correction-action-option small,
html[data-theme="light"] body.customer-correction-page .correction-batch-summary,
html[data-theme="light"] body.customer-correction-page .correction-batch-detail-status,
html[data-theme="light"] body.customer-correction-page .correction-batch-detail-grid .correction-empty { color: var(--customer-text-muted) !important; }
html[data-theme="light"] body.customer-correction-page .correction-page-nav button,
html[data-theme="light"] body.customer-correction-page .correction-brush,
html[data-theme="light"] body.customer-correction-page .correction-reset,
html[data-theme="light"] body.customer-correction-page .correction-cancel,
html[data-theme="light"] body.customer-correction-page .correction-action-option button,
html[data-theme="light"] body.customer-correction-page .correction-actions a { background: var(--customer-button-secondary-bg) !important; border-color: var(--customer-button-secondary-border) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-correction-page .correction-actions .correction-send { background: var(--customer-accent) !important; border-color: var(--customer-accent) !important; color: var(--customer-accent-text) !important; }
html[data-theme="light"] body.customer-correction-page .correction-brush.is-active { background: color-mix(in srgb, var(--customer-link) 12%, transparent) !important; border-color: var(--customer-link) !important; color: var(--customer-text) !important; }
html[data-theme="light"] body.customer-correction-page .correction-preview-missing { color: var(--customer-text-muted) !important; }
html[data-theme="light"] body.portal-account-page .portal-login-tagline,
html[data-theme="light"] body.portal-account-page .account-form-note,
html[data-theme="light"] body.portal-account-page .account-links,
html[data-theme="light"] body.portal-account-page .portal-login-admin-link,
html[data-theme="light"] body.portal-account-page .portal-login-form label,
html[data-theme="light"] body.portal-account-page .customer-portal-footer { color: var(--customer-text-muted) !important; }
html[data-theme="light"] body.portal-account-page .portal-login-form button,
html[data-theme="light"] body.portal-account-page button[type="submit"] { background: var(--customer-accent) !important; border-color: var(--customer-accent) !important; color: var(--customer-accent-text) !important; }
html[data-theme="light"] .customer-portal-footer { background: transparent !important; color: var(--customer-text-muted) !important; border-color: var(--customer-border) !important; }