/* Final breadth-player bindings. This file intentionally loads after the
   shared terminal and Play-card components. The workbench reads as white
   software in light mode and retains the dark execution surface in dark mode. */

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-window,
html[data-design-system="halde"] .breadth-stage[data-surface="workspace"] .breadth-theater .lt-window,
html[data-design-system="halde"] .breadth-stage[data-surface="terminal"] .breadth-theater .lt-window{
  --lt-ink:#0e0e0e;
  --lt-dim:rgba(14,14,14,.6);
  --lt-faint:rgba(14,14,14,.4);
  --lt-line:rgba(14,14,14,.14);
  --lt-accent:#2f6f24;
  --lt-ok:#2f6f24;
  --lt-bad:#9e3328;
  --breadth-terminal-bg:#ffffff;
  --breadth-terminal-bar:#fafaf7;
  color:var(--lt-ink);
  min-height:100%;
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  border-color:var(--lt-line);
  border-radius:14px;
  background:var(--breadth-terminal-bg);
  box-shadow:0 22px 54px rgba(14,14,14,.09);
}

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-titlebar{
  height:54px;
  padding-inline:18px;
  color:var(--lt-dim);
  border-bottom:1px solid var(--lt-line);
  background:var(--breadth-terminal-bar);
}

html[data-design-system="halde"] .breadth-stage .breadth-theater :is(.lt-title,.lt-badge){
  color:var(--lt-dim);
}

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-body{
  height:auto;
  min-height:330px;
  padding:28px 24px;
  color:var(--lt-ink);
  background:var(--breadth-terminal-bg);
  font-size:clamp(12px,.9vw,14px);
  line-height:1.65;
}

html[data-design-system="halde"] .breadth-stage .breadth-theater :is(.lt-line,.lt-gate,.lt-gate em,.lt-promptrow,.lt-typed,.lt-time){color:var(--lt-ink)}
html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-line.ok{color:var(--lt-ok)}
html[data-design-system="halde"] .breadth-stage .breadth-theater :is(.lt-line.uri,.lt-caret){color:var(--lt-accent)}

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-line.ask{
  color:var(--lt-ink);
  border:0;
  background:transparent;
}

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-line.say{
  color:var(--lt-ink);
  background:transparent;
}

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-promptrow{
  color:var(--lt-ink);
  border:0;
  border-top:1px solid var(--lt-line);
  background:var(--breadth-terminal-bg);
}

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-controls{
  min-height:48px;
  padding:10px 14px;
  color:var(--lt-dim);
  border-top:1px solid var(--lt-line);
  background:var(--breadth-terminal-bar);
}

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-progress{
  background:color-mix(in srgb,var(--lt-ink) 14%,transparent);
}

html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-controls button,
html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-time{
  color:var(--lt-dim);
}

html[data-theme="dark"][data-design-system="halde"] .breadth-stage .breadth-theater .lt-window{
  --lt-ink:#ffffff;
  --lt-dim:rgba(255,255,255,.64);
  --lt-faint:rgba(255,255,255,.4);
  --lt-line:rgba(255,255,255,.14);
  --lt-accent:#b6ff3c;
  --lt-ok:#78e772;
  --lt-bad:#ff7466;
  --breadth-terminal-bg:#101010;
  --breadth-terminal-bar:#111111;
  box-shadow:0 22px 54px color-mix(in srgb,var(--text-primary) 18%,transparent);
}

@media (prefers-color-scheme:dark){
  html[data-theme="system"][data-design-system="halde"] .breadth-stage .breadth-theater .lt-window{
    --lt-ink:#ffffff;
    --lt-dim:rgba(255,255,255,.64);
    --lt-faint:rgba(255,255,255,.4);
    --lt-line:rgba(255,255,255,.14);
    --lt-accent:#b6ff3c;
    --lt-ok:#78e772;
    --lt-bad:#ff7466;
    --breadth-terminal-bg:#101010;
    --breadth-terminal-bar:#111111;
    box-shadow:0 22px 54px color-mix(in srgb,var(--text-primary) 18%,transparent);
  }
}

@media (min-width:961px) and (max-height:800px){
  html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-body{
    height:auto;
    min-height:270px;
    padding-block:20px;
  }
}

@media (max-width:620px){
  html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-window{border-radius:11px}
  html[data-design-system="halde"] .breadth-stage .breadth-theater .lt-body{
    height:auto;
    min-height:300px;
    padding:22px 16px;
    font-size:11px;
  }
}