/* Sales replica and team pages consume the same palette as the exam platform. */
html[data-ranzhu-theme]{--bg:var(--exam-bg);--surface:var(--exam-card);--ink:var(--exam-ink);--muted:var(--exam-muted);--line:var(--exam-line);--green:var(--exam-accent);--green-light:var(--exam-soft);--lime:var(--exam-tint);--orange:var(--exam-warning);--shadow:0 12px 36px var(--exam-shadow);background:var(--exam-bg);color:var(--exam-ink)}
html[data-ranzhu-theme] body,html[data-ranzhu-theme] :is(.main,.content,.personal-layout,.team-layout){background:var(--exam-bg);color:var(--exam-ink)}
html[data-ranzhu-theme] :is(.sidebar,.topbar,.site-header,.site-footer,.modal,.modal-head,.modal-footer){background:var(--exam-surface);border-color:var(--exam-line);color:var(--exam-ink)}
html[data-ranzhu-theme] :is(.card,.pricing-card,.benefit-card,.comparison-table,.team-illustration,.example-answer){background:var(--exam-card);border-color:var(--exam-line);color:var(--exam-text)}
html[data-ranzhu-theme] :is(h1,h2,h3,.section-title,.brand-title,.user-name){color:var(--exam-ink)}
html[data-ranzhu-theme] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--exam-surface);color:var(--exam-ink);border-color:var(--exam-line)}
html[data-ranzhu-theme] :is(input,textarea)::placeholder{color:var(--exam-muted);opacity:.85}
html[data-ranzhu-theme] :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--exam-focus)}
html[data-ranzhu-theme] :is(.btn-secondary,.icon-btn){background:var(--exam-card);color:var(--exam-text);border-color:var(--exam-line)}
html[data-ranzhu-theme] :is(.btn-primary,.button-dark,.phone-input button){background:var(--exam-accent);border-color:var(--exam-accent);color:var(--exam-on-accent)}
html[data-ranzhu-theme] :is(.btn-primary,.button-dark,.phone-input button):hover:not(:disabled){background:var(--exam-accent-hover);color:var(--exam-on-accent)}
html[data-ranzhu-theme] :is(.btn-lime,.nav-item.active,.scenario-tab.active,.workspace-switch button[aria-pressed=true]){background:var(--exam-tint);color:var(--exam-accent);border-color:var(--exam-focus)}
html[data-ranzhu-theme] :is(.nav-item,.btn-ghost,.link-btn){color:var(--exam-text)}
html[data-ranzhu-theme] .nav-item:hover{background:var(--exam-soft);color:var(--exam-accent)}
html[data-ranzhu-theme] .nav-item.active:after{background:var(--exam-accent)}
html[data-ranzhu-theme] .btn-danger{background:var(--exam-error-bg);color:var(--exam-error);border-color:var(--exam-error-line)}
html[data-ranzhu-theme] :is(.badge-orange,.badge-warning){background:var(--exam-warning-bg);color:var(--exam-warning);border-color:var(--exam-warning-line)}
html[data-ranzhu-theme] :is(.badge-green,.badge-live){background:var(--exam-tint);color:var(--exam-accent);border-color:var(--exam-line)}
html[data-ranzhu-theme] :is(.test-intent-card,.test-result-hero,.sales-empty-hero,.sales-task-hero,.hub-hero,.training-hero,.team-hero,.floating-mentor,#toast){background:var(--exam-hero-bg);color:var(--exam-hero-text);border-color:var(--exam-line)}
html[data-ranzhu-theme] :is(.test-intent-card,.test-result-hero,.sales-empty-hero,.sales-task-hero,.hub-hero,.training-hero,.team-hero) :is(h1,h2,h3,p,small){color:var(--exam-hero-text)}
html[data-ranzhu-theme] :is(.test-intent-card,.test-result-hero,.sales-empty-hero,.sales-task-hero,.hub-hero,.training-hero,.team-hero) .btn-primary{background:var(--exam-accent);color:var(--exam-on-accent)}
html[data-ranzhu-theme] :is(.test-intent-card,.test-result-hero,.sales-empty-hero,.sales-task-hero,.hub-hero,.training-hero,.team-hero) .btn-secondary{background:var(--exam-card);color:var(--exam-text);border-color:var(--exam-line)}
html[data-ranzhu-theme] .pricing-section{background:var(--exam-surface);color:var(--exam-ink)}
html[data-ranzhu-theme] .pricing-section :is(h1,h2,h3,p){color:var(--exam-text)}
html[data-ranzhu-theme] :is(th,.im-window-bar,.im-contacts,.phone-toolbar){background:var(--exam-soft);color:var(--exam-text);border-color:var(--exam-line)}
html[data-ranzhu-theme] :is(td,.im-chat-scroll,.im-compose,.phone-chat){color:var(--exam-text);border-color:var(--exam-line)}
html[data-ranzhu-theme] .im-bubble{background:var(--exam-card);color:var(--exam-text);border-color:var(--exam-line)}
html[data-ranzhu-theme] .im-message.is-sales .im-bubble{background:var(--exam-tint);color:var(--exam-text);border-color:var(--exam-focus)}
html[data-ranzhu-theme] .phone-input{background:var(--exam-surface);border-color:var(--exam-line)}
html[data-ranzhu-theme] .phone-round.red{background:var(--exam-error);color:var(--exam-on-accent)}
html[data-ranzhu-theme=midnight] :is(.modal-backdrop,.overlay){background:#040913a6}
html[data-ranzhu-theme=midnight] .btn:disabled{opacity:.6}
html[data-ranzhu-theme=ink] :is(.card,.modal,.pricing-card,.benefit-card){border-radius:8px}
html[data-ranzhu-theme=ink] .nav-item.active{box-shadow:inset 3px 0 0 var(--exam-accent);font-weight:700}
@media(prefers-reduced-motion:no-preference){html[data-ranzhu-theme] button{transition:transform .15s}}
