/* Accent restraint ---------------------------------------------------------
   Color is a registration mark, not a panel fill. Persistent controls stay
   neutral in both themes; selection is shown with a precise accent rule. */

html[data-design-system="halde"] .landing-page :is(
  .breadth-chip.is-active,
  .poster-chip[aria-pressed="true"]
){
  color:var(--text-primary)!important;
  border-color:var(--border-strong)!important;
  background:var(--bg-surface)!important;
  box-shadow:inset 0 -3px 0 var(--accent)!important;
  transform:none!important;
}

html[data-design-system="halde"] #app .landing-page #s-domains .breadth-action .breadth-browse[href="/feed"]{
  color:var(--text-primary)!important;
  border-color:var(--border-strong)!important;
  background-color:var(--bg-surface)!important;
  background-image:none!important;
  box-shadow:inset 0 -3px 0 var(--accent)!important;
}

html[data-design-system="halde"] #app .landing-page #s-domains .breadth-action .breadth-browse[href="/feed"]:is(:hover,:focus-visible){
  color:var(--text-primary)!important;
  background-color:var(--control-bg)!important;
  background-image:none!important;
}

html[data-design-system="halde"] .landing-page .closing-cmd-note{
  padding-block:13px 18px;
}

html[data-design-system="halde"] .landing-page .closing-links a,
html[data-design-system="halde"] .landing-page .closing-links .ta{
  min-height:50px;
  padding:10px clamp(10px,1.25vw,16px);
  font-size:clamp(11px,.9vw,13px);
}

html[data-design-system="halde"] .landing-page .closing-links a:is(:hover,:focus-visible),
html[data-design-system="halde"] .landing-page .closing-links .ta:is(:hover,:focus-visible){
  color:var(--text-primary)!important;
  background:var(--bg-surface)!important;
  box-shadow:inset 0 -3px 0 var(--accent)!important;
}

html[data-design-system="halde"] .theme-switch button[aria-pressed="true"]{
  color:var(--text-primary)!important;
  background:var(--bg-surface)!important;
  box-shadow:inset 0 -3px 0 var(--accent)!important;
}

/* Public identity actions remain discoverable without becoming color slabs. */
html[data-design-system="halde"] .profiles-page .maker-atlas .maker-tile:is(:hover,.is-selected){
  --tile-ink:var(--text-primary);
  color:var(--text-primary)!important;
  border-color:var(--border-strong)!important;
  background:var(--bg-surface)!important;
  box-shadow:inset 0 -3px 0 var(--accent)!important;
}

html[data-design-system="halde"] .profiles-page .maker-atlas .maker-tile:is(:hover,.is-selected) :is(.lab,b,small){
  color:inherit!important;
}

html[data-design-system="halde"] .profiles-page .masters-stage .specimen-open{
  padding:10px 0 8px!important;
  color:var(--text-primary)!important;
  border:0!important;
  border-bottom:1px solid var(--border-strong)!important;
  background:transparent!important;
  box-shadow:inset 0 -2px 0 var(--accent)!important;
}

html[data-design-system="halde"] .profiles-page .signature-cover .cover-play{
  color:var(--artifact-text)!important;
  border-color:var(--artifact-rule)!important;
  background:var(--artifact-bg-raised)!important;
  box-shadow:inset 0 -2px 0 var(--accent)!important;
}

/* A play URI is a compact credential, not another command bar. */
html[data-design-system="halde"] .profiles-page .signature-uri{
  width:min(100%,420px);
  min-height:0!important;
  grid-template-columns:96px minmax(0,1fr);
  gap:14px;
  margin-top:18px;
  padding:11px 0!important;
  color:var(--text-secondary)!important;
  border:0!important;
  border-top:1px solid var(--border-default)!important;
  border-bottom:1px solid var(--border-default)!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-design-system="halde"] .profiles-page .signature-uri .barcode{
  width:96px!important;
  height:20px!important;
  color:var(--text-primary)!important;
}

html[data-design-system="halde"] .profiles-page .signature-uri .mono{
  color:var(--text-primary)!important;
  font-size:9px!important;
}

@media (max-width:620px){
  html[data-design-system="halde"] .profiles-page .signature-uri{
    width:100%;
    grid-template-columns:72px minmax(0,1fr);
    gap:10px;
  }

  html[data-design-system="halde"] .profiles-page .signature-uri .barcode{
    width:72px!important;
    height:18px!important;
  }
}

@media (max-width:900px){
  html[data-design-system="halde"] .landing-page :is(.hero-next-cue button,.trace-replay,.trace-rebuild,.trace-chip),
  html[data-design-system="halde"] .catalog-page .catalog-filters .chip{
    min-height:40px!important;
  }

  html[data-design-system="halde"] :is(.catalog-page .row-preview,.profiles-page .cover-play){
    width:40px!important;
    height:40px!important;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-terminal-integrated .lt-controls button{
    flex-basis:40px;
    width:40px;
    height:40px;
    min-height:40px;
  }
}