/* v2.24.35 — canonical Home + Theme controls across participant and Witness areas */
.spc-icon-button[href="/"],
.spc-theme-switch,
.witness-top-actions .spc-ui-home,
.witness-top-actions [data-theme-switch],
.witness-top-actions [data-theme-toggle] {
  appearance:none;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:.48rem;
  min-width:42px;
  min-height:42px;
  padding:.56rem .72rem;
  border:1px solid var(--spc-border, rgba(16,35,30,.18));
  border-radius:12px;
  background:var(--spc-surface, #fff);
  color:var(--spc-text, #10231e);
  text-decoration:none;
  font:inherit;
  font-weight:760;
  line-height:1;
  cursor:pointer;
  box-shadow:0 1px 0 color-mix(in srgb, var(--spc-text,#10231e) 4%, transparent);
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.spc-icon-button[href="/"]:hover,
.spc-theme-switch:hover,
.witness-top-actions .spc-ui-home:hover,
.witness-top-actions [data-theme-switch]:hover,
.witness-top-actions [data-theme-toggle]:hover,
.spc-icon-button[href="/"]:focus-visible,
.spc-theme-switch:focus-visible,
.witness-top-actions .spc-ui-home:focus-visible,
.witness-top-actions [data-theme-switch]:focus-visible,
.witness-top-actions [data-theme-toggle]:focus-visible {
  background:var(--spc-surface-2, #edf3f0);
  border-color:color-mix(in srgb,var(--spc-text,#10231e) 38%,var(--spc-border,rgba(16,35,30,.18)));
  color:var(--spc-text,#10231e);
  outline:3px solid color-mix(in srgb,var(--spc-accent,#b38a25) 24%,transparent);
  outline-offset:2px;
}
.spc-icon-button[href="/"]:active,
.spc-theme-switch:active,
.witness-top-actions .spc-ui-home:active,
.witness-top-actions [data-theme-switch]:active,
.witness-top-actions [data-theme-toggle]:active { transform:translateY(1px); }

.spc-icon-button[href="/"] svg,
.spc-theme-switch svg,
.witness-top-actions .spc-ui-home svg,
.witness-top-actions [data-theme-switch] svg,
.witness-top-actions [data-theme-toggle] svg {
  display:block!important;
  width:19px!important;
  height:19px!important;
  min-width:19px;
  min-height:19px;
  flex:0 0 19px;
  fill:currentColor!important;
  stroke:none!important;
  color:currentColor!important;
  opacity:1!important;
  visibility:visible!important;
}
.spc-theme-switch .spc-theme-icon,
.witness-top-actions [data-theme-switch] .spc-theme-icon,
.witness-top-actions [data-theme-toggle] .spc-theme-icon { display:none!important; }
html[data-theme="auto"] .spc-theme-icon-auto,
html[data-theme="auto"] .witness-top-actions .spc-theme-icon-auto,
html[data-theme="light"] .spc-theme-icon-light,
html[data-theme="light"] .witness-top-actions .spc-theme-icon-light,
html[data-theme="dark"] .spc-theme-icon-dark,
html[data-theme="dark"] .witness-top-actions .spc-theme-icon-dark { display:block!important; }

.spc-theme-switch [data-theme-label],
.witness-top-actions [data-theme-switch] [data-theme-label],
.witness-top-actions [data-theme-toggle] [data-theme-label] {
  display:inline-block!important;
  min-width:3.1em;
  color:inherit!important;
  opacity:1!important;
}

/* Do not allow scheme-specific rules to make the controls transparent/invisible. */
html[data-theme="dark"] .spc-icon-button[href="/"],
html[data-theme="dark"] .spc-theme-switch,
html[data-theme="dark"] .witness-top-actions .spc-ui-home,
html[data-theme="dark"] .witness-top-actions [data-theme-switch],
html[data-theme="dark"] .witness-top-actions [data-theme-toggle] {
  background:var(--spc-surface,#1a1d1b);
  color:var(--spc-text,#f3f5f4);
  border-color:var(--spc-border,rgba(255,255,255,.18));
}
@media (prefers-color-scheme: dark) {
  html[data-theme="auto"] .spc-icon-button[href="/"],
  html[data-theme="auto"] .spc-theme-switch,
  html[data-theme="auto"] .witness-top-actions .spc-ui-home,
  html[data-theme="auto"] .witness-top-actions [data-theme-switch],
  html[data-theme="auto"] .witness-top-actions [data-theme-toggle] {
    background:var(--spc-surface,#1a1d1b);
    color:var(--spc-text,#f3f5f4);
    border-color:var(--spc-border,rgba(255,255,255,.18));
  }
}

@media (max-width:720px) {
  .spc-icon-button[href="/"],.spc-theme-switch,
  .witness-top-actions .spc-ui-home,
  .witness-top-actions [data-theme-switch],
  .witness-top-actions [data-theme-toggle] { min-height:40px; padding:.52rem .62rem; }
  .witness-top-actions .spc-ui-home .spc-ui-home-label { display:none; }
}