/* Sifox uses the white surfaces and blue accent of the public synthesis page. */
:root[data-theme="sifox"] {
  --sifox-accent: #2d5bff;
  --sifox-accent-hover: #1e47e0;
  --sifox-accent-soft: #ebf0ff;
  --sifox-blue-ink: #173fbd;
  --sifox-muted: #64718b;
  --sifox-border: #d6e0ff;
  --paper: #fafafa;
  --light: #ffffff;
  --ink: #0a0a0a;
  --muted: #525252;
  --olive: var(--sifox-accent);
  --olive-dark: #173fbd;
  --olive-light: #4765ad;
  --rule: #e7e7e7;
  --panel-ink: #172443;
}

/* This domain ends at the dialogue telemetry, without the product offer. */
:root[data-theme="sifox"] .offer-jump,
:root[data-theme="sifox"] .product-offer,
:root[data-theme="sifox"] .page-footer {
  display: none;
}

:root[data-theme="sifox"] button:focus-visible,
:root[data-theme="sifox"] a:focus-visible,
:root[data-theme="sifox"] summary:focus-visible,
:root[data-theme="sifox"] input:focus-visible,
:root[data-theme="sifox"] .setup-controls select:focus-visible,
:root[data-theme="sifox"] .setup-controls textarea:focus-visible {
  outline-color: var(--sifox-accent);
}

:root[data-theme="sifox"] .brand-mark { color: #ffffff; }
:root[data-theme="sifox"] .brand-dot,
:root[data-theme="sifox"] .eyebrow,
:root[data-theme="sifox"] .note-label { color: var(--sifox-blue-ink); }
:root[data-theme="sifox"] .lead { color: var(--muted); }
:root[data-theme="sifox"] .privacy-note { border-color: #b7c9ff; }
:root[data-theme="sifox"] .privacy-note p { color: var(--muted); }
:root[data-theme="sifox"] .privacy-note strong { color: #172443; }

:root[data-theme="sifox"] .station {
  background: #f4f7ff;
  border-color: var(--sifox-border);
  box-shadow: 0 3px 0 #d6e0ff, 0 14px 30px #16203a0f, inset 0 1px 0 #ffffff;
}
:root[data-theme="sifox"] .station-model { color: var(--sifox-blue-ink); }
:root[data-theme="sifox"] .station-status { color: var(--sifox-muted); }
:root[data-theme="sifox"] .led {
  background: #b4c1df;
  box-shadow: inset 0 1px 2px #64718b33;
}
:root[data-theme="sifox"] .led.is-on {
  background: var(--sifox-accent);
  box-shadow: 0 0 9px #2d5bff63;
}
:root[data-theme="sifox"] .led.is-error {
  background: #e5484d;
  box-shadow: 0 0 6px #e5484d63;
}
:root[data-theme="sifox"] .screw {
  background: #d3dcef;
  box-shadow: 0 1px 0 #ffffff;
}
:root[data-theme="sifox"] .screw:after { background: #8294ba; }
:root[data-theme="sifox"] .instrument {
  background: #ffffff;
  color: #172443;
  border-color: #d6e0ff;
  box-shadow: inset 0 2px 5px #2d5bff0a, 0 1px 0 #ffffff;
}
:root[data-theme="sifox"] .instrument-label { color: var(--sifox-blue-ink); }
:root[data-theme="sifox"] .meter-scale { color: var(--sifox-muted); }
:root[data-theme="sifox"] .meter {
  background: repeating-linear-gradient(90deg, #d6e0ff 0px, #d6e0ff 5px, transparent 5px, transparent 8px);
}
:root[data-theme="sifox"] .meter-fill {
  background: repeating-linear-gradient(90deg, #2d5bff 0px, #2d5bff 5px, transparent 5px, transparent 8px);
}
:root[data-theme="sifox"] .signal-bars { color: var(--sifox-accent); }
:root[data-theme="sifox"] .talk-button-inner {
  border-color: #dce5ff;
  outline-color: #b7c9ff;
  background: linear-gradient(150deg, #4670ff, #2d5bff);
  box-shadow: 0 5px 0 #b7c9ff, 0 8px 14px #2d5bff26, inset 0 1px 1px #ffffff44;
}
:root[data-theme="sifox"] .talk-button:hover .talk-button-inner {
  background: linear-gradient(150deg, #2d5bff, #1e47e0);
}
:root[data-theme="sifox"] .talk-button:active .talk-button-inner {
  box-shadow: 0 2px 0 #b7c9ff;
}
:root[data-theme="sifox"] .talk-button[aria-pressed=true] .talk-button-inner {
  outline-color: var(--sifox-accent);
  box-shadow: 0 4px 0 #b7c9ff, 0 0 22px #2d5bff33;
}
:root[data-theme="sifox"] .talk-button svg { stroke: #ffffff; }
:root[data-theme="sifox"] .talk-hint { color: var(--sifox-muted); }
:root[data-theme="sifox"] .panel-button {
  color: var(--sifox-blue-ink);
  border-color: #b7c9ff;
  background: #ffffff;
  box-shadow: 0 2px 0 #d6e0ff;
}
:root[data-theme="sifox"] .panel-button:not(:disabled):hover {
  background: var(--sifox-accent-soft);
}
:root[data-theme="sifox"] .stop-button {
  background: var(--sifox-accent-soft);
  color: var(--sifox-blue-ink);
}
:root[data-theme="sifox"] .headphone-note { color: var(--sifox-muted); }
:root[data-theme="sifox"] .audio-file-controls { border-color: var(--sifox-border); }
:root[data-theme="sifox"] .audio-file-title { color: #172443; }
:root[data-theme="sifox"] .audio-file-controls label,
:root[data-theme="sifox"] .audio-file-help,
:root[data-theme="sifox"] .audio-file-status { color: var(--sifox-muted); }
:root[data-theme="sifox"] .audio-file-controls input {
  border-color: #b7c9ff;
  background: #ffffff;
  color: #172443;
}
:root[data-theme="sifox"] .audio-file-controls input::file-selector-button {
  background: var(--sifox-accent-soft);
  color: var(--sifox-blue-ink);
}
:root[data-theme="sifox"] .audio-file-status.is-error { color: #9f2227; }
:root[data-theme="sifox"] .connection-settings { border-color: var(--sifox-border); }
:root[data-theme="sifox"] .connection-settings summary,
:root[data-theme="sifox"] .settings-body label { color: #172443; }
:root[data-theme="sifox"] .settings-body label span,
:root[data-theme="sifox"] .settings-body p { color: var(--sifox-muted); }
:root[data-theme="sifox"] .settings-body input {
  background: #ffffff;
  border-color: #b7c9ff;
  color: var(--ink);
}
:root[data-theme="sifox"] .settings-body input::placeholder { color: var(--sifox-muted); }
:root[data-theme="sifox"] .settings-body p a { color: var(--sifox-blue-ink); }

:root[data-theme="sifox"] .conversation-panel {
  border-color: var(--sifox-border);
  box-shadow: 0 1px 0 #d6e0ff;
}
:root[data-theme="sifox"] .conversation-heading { border-color: #e7ecf8; }
:root[data-theme="sifox"] .live-tag { color: var(--sifox-muted); }
:root[data-theme="sifox"] .live-tag.is-live { color: var(--sifox-blue-ink); }
:root[data-theme="sifox"] .conversation { scrollbar-color: #b7c9ff transparent; }
:root[data-theme="sifox"] .empty-conversation { color: var(--sifox-muted); }
:root[data-theme="sifox"] .wave-symbol { color: #8ca6ff; }
:root[data-theme="sifox"] .empty-conversation h3 { color: #4765ad; }
:root[data-theme="sifox"] .empty-conversation p,
:root[data-theme="sifox"] .message-role { color: var(--sifox-muted); }
:root[data-theme="sifox"] .message-text {
  background: #ebf0ff;
  border-color: #d6e0ff;
}
:root[data-theme="sifox"] .message-user .message-text {
  background: #f5f7fb;
  border-color: #e2e7f0;
}
:root[data-theme="sifox"] .message-interrupted { color: var(--sifox-muted); }
:root[data-theme="sifox"] .partial-message {
  color: var(--sifox-muted);
  border-color: #b7c9ff;
}
:root[data-theme="sifox"] .station-footer { color: var(--sifox-muted); }
:root[data-theme="sifox"] .footer-dot { background: var(--sifox-accent); }

:root[data-theme="sifox"] .notice { color: var(--sifox-muted); }
:root[data-theme="sifox"] .error-note {
  background: #fdecec;
  border-color: #f4bdc0;
  color: #9f2227;
}
:root[data-theme="sifox"] .telemetry h2 { color: #172443; }
:root[data-theme="sifox"] .telemetry p,
:root[data-theme="sifox"] .telemetry dt { color: var(--sifox-muted); }
:root[data-theme="sifox"] .telemetry dd { color: var(--sifox-blue-ink); }
:root[data-theme="sifox"] .page-footer { color: var(--sifox-muted); }
:root[data-theme="sifox"] .collected-field.is-missing dd { color: var(--sifox-muted); }
:root[data-theme="sifox"] .setup-controls label { color: #172443; }
:root[data-theme="sifox"][data-fixed-second-language="uz"] #second-language-setting { display: none; }
:root[data-theme="sifox"] .fixed-language-setting {
  margin: 0;
  color: #172443;
  font-size: 12px;
  line-height: 1.6;
}
:root[data-theme="sifox"] .fixed-language-setting strong {
  display: block;
  margin-top: 7px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--sifox-blue-ink);
}
:root[data-theme="sifox"] .setup-controls select,
:root[data-theme="sifox"] .setup-controls textarea {
  background: #ffffff;
  border-color: #d3d5db;
}
:root[data-theme="sifox"] .setup-controls textarea::placeholder { color: var(--sifox-muted); }
:root[data-theme="sifox"] .scenario-fields .scenario-guide,
:root[data-theme="sifox"] .scenario-fields > .setup-help { color: var(--muted); }

:root[data-fixed-consultant="sifox"] .conversation-setup { display: none; }
:root[data-theme="sifox"] .offer-jump { border-color: #b7c9ff; }
:root[data-theme="sifox"] .offer-jump:hover {
  color: var(--sifox-accent-hover);
  border-color: currentColor;
}
:root[data-theme="sifox"] .offer-heading h2 { color: #172443; }
:root[data-theme="sifox"] .offer-lead { color: var(--muted); }
:root[data-theme="sifox"] .offer-capabilities li { color: #4765ad; }
:root[data-theme="sifox"] .offer-capabilities li:before { background: var(--sifox-accent); }
:root[data-theme="sifox"] .offer-number { color: var(--sifox-blue-ink); }
:root[data-theme="sifox"] .offer-scenarios h3,
:root[data-theme="sifox"] .offer-process > h3,
:root[data-theme="sifox"] .offer-process h4 { color: #172443; }
:root[data-theme="sifox"] .offer-scenarios p,
:root[data-theme="sifox"] .offer-process li p { color: var(--muted); }
:root[data-theme="sifox"] .offer-process li::marker { color: var(--sifox-blue-ink); }
:root[data-theme="sifox"] .offer-contact {
  background: var(--sifox-accent-soft);
  border-color: var(--sifox-border);
  border-top-color: var(--sifox-accent);
}
:root[data-theme="sifox"] .offer-contact .note-label { color: var(--sifox-blue-ink); }
:root[data-theme="sifox"] .offer-contact h3 { color: #172443; }
:root[data-theme="sifox"] .offer-contact > p { color: var(--muted); }
:root[data-theme="sifox"] .offer-primary {
  border-color: var(--sifox-accent-hover);
  color: #ffffff;
  box-shadow: 0 2px 0 #b7c9ff;
}
:root[data-theme="sifox"] .offer-primary:hover { background: var(--sifox-accent-hover); }
:root[data-theme="sifox"] .offer-contact .offer-terms { color: var(--sifox-muted); }
:root[data-theme="sifox"] .offer-options h3 { color: #172443; }
:root[data-theme="sifox"] .offer-options p { color: var(--muted); }
:root[data-theme="sifox"] .offer-options a {
  color: var(--sifox-blue-ink);
  text-decoration-color: #b7c9ff;
}
:root[data-theme="sifox"] .offer-options a:hover { text-decoration-color: currentColor; }