/* Kuartal Satellite pages (agents.kuartalsystems.com), founder 4 Nov 2026 — Kuartal Web Playbook rebuild.
   Loaded after the brand layer and site/playbook/kuartal-playbook.css. Monochrome UI; colour only in the
   pixel art, sprites, the rt mark and prose links. */
:root{--sat-accent:var(--pb-text);--sat-accent-soft:var(--pb-soft)}
:is(.workspace-home,.studio,.taskboard,.workflows-panel,.marketplace-panel){max-width:1180px!important;width:100%;margin-left:auto;margin-right:auto}
:is(.workspace-home,.studio,.taskboard,.workflows-panel,.marketplace-panel)>.pb-hero{margin-bottom:36px}
.pb-hero .eyebrow{margin:0}
.pb-hero h1{max-width:none!important}
.taskboard .pb-hero h1{font-size:clamp(30px,4.2vw,54px)}
.px-empty{display:flex;align-items:center;gap:10px}
.px-empty [data-sprite] .pxs{--pxs:32px}
.emptytasks{margin-top:14px}
.connection-grid>div[aria-disabled=true]{opacity:.7}
.connection-grid>div .pb-soon{margin-top:4px}
.rt-thread-user{background:var(--pb-soft)!important}
/* Light mode is white #fff, dark #111 (playbook section 1). */
:root:not([data-theme=dark]) .sidebar{background:#fff}
@media (max-width:900px){:is(.workspace-home,.studio,.taskboard,.workflows-panel,.marketplace-panel)>.pb-hero{margin-bottom:24px}}
/* Form controls follow the theme (dark mode had white selects with pale text). */
[data-theme=dark] main :is(input:not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea){background:#111!important;color:#f5f5f5!important;border:1px solid #2a2a2a!important}
:root:not([data-theme=dark]) main :is(input:not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea),:root:not([data-theme=dark]) .workspace-home .workspace-compose{background:#fff!important;color:#171717}
:root:not([data-theme=dark]) .workspace-home .workspace-compose{border:1px solid var(--pb-border)!important}
.create-agent svg{width:22px!important;height:22px!important}
@media (max-width:520px){.app>main>header .state{display:none}}