.agent-state-screen{margin-inline:auto;inline-size:100%;max-inline-size:var(--container-cockpit);padding:32px;display:flex;flex-direction:column;gap:20px;font-size:var(--type-read);font-weight:300}.agent-desk{gap:16px}.agent-state-screen :where(h1,h2,h3,p,dl,dd,ul,ol){margin:0;font-weight:300}.agent-state-screen :where(ul,ol){padding:0;list-style:none}.agent-message-body h3,.agent-state-screen h1{font-size:var(--type-xl);line-height:var(--type-xl-lh)}.agent-state-screen header>p{margin-block:6px}.agent-state-label{font-size:var(--type-meta);font-weight:500!important;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-muted)}.agent-state-screen a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.agent-state-screen :where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.agent-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.agent-state-card{position:relative;isolation:isolate;display:grid;grid-template-rows:70px 256px 64px;block-size:404px;padding-block-end:12px;align-self:start;gap:0;min-inline-size:0;border:1px solid var(--edge);border-radius:16px;background:var(--surface-paper);overflow:clip}.agent-state-card>header{background:var(--sumi);color:var(--washi);padding:8px 16px;min-block-size:0}.agent-state-card>header a{max-block-size:100%;overflow:auto;color:inherit;text-decoration:none}.agent-state-card>header a:after{content:"";position:absolute;inset:0}.agent-state-autonomy{position:relative;z-index:1}.agent-state-card h2{font-size:var(--type-header);line-height:1.25;text-align:center;overflow-wrap:anywhere}.agent-state-card>header a{display:flex;align-items:safe center;justify-content:center;block-size:100%}.agent-state-card-sections{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,64px);min-inline-size:0;min-block-size:0}.agent-state-card-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:16px;margin-inline:16px;padding-block:8px;min-block-size:0}.agent-state-card-row>:first-child{color:var(--ink-muted)}.agent-state-autonomy,.agent-state-card-row+.agent-state-card-row{border-block-start:1px solid var(--edge)}.agent-state-card-value{min-inline-size:0;min-block-size:0;overflow:hidden;overflow-wrap:anywhere;position:relative;z-index:1;pointer-events:none}.agent-state-card-value[data-scrollable=true]{pointer-events:auto}.agent-state-card-value:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.agent-state-status-line{display:flex;align-items:center;gap:8px}.agent-state-status p{margin-block-start:6px}.agent-run-next{margin-block-start:4px}.agent-data-pending,.agent-data-ready{display:inline-flex;flex-shrink:0;inline-size:22px;block-size:22px;align-items:center;justify-content:center;border-radius:50%}.agent-data-ready{background:var(--ok-fill);color:var(--ok-ink)}.agent-data-pending{border:1px dashed var(--warn-ink)}.agent-state-reserved>.agent-state-body{grid-row:2/span 2}.agent-state-autonomy{margin-inline:16px;padding-block:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.agent-autonomy-options{display:flex;flex-wrap:wrap;border:1px solid var(--edge);border-radius:999px;padding:3px}.agent-autonomy-options button{border:1px solid transparent;border-radius:999px;padding:5px 12px}.agent-autonomy-options [aria-checked=true]{border-color:var(--ink-strong);background:var(--surface-paper)}.agent-autonomy-options button:disabled{color:var(--ink);opacity:1}.agent-state-body{padding:20px}.agent-state-reserved{color:var(--ink-muted)}.agent-state-tabs{display:flex;flex-wrap:wrap;gap:8px}.agent-state-tabs a{display:inline-block;border:1px solid var(--edge);border-radius:999px;padding:8px 16px;text-decoration:none;color:var(--ink)}.agent-state-tabs [aria-selected=true]{background:var(--sumi);color:var(--washi)}.agent-run-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1.8fr);gap:16px;border:1px solid var(--edge);border-radius:16px;padding:16px;background:var(--surface-paper)}.agent-run-banner h2,.agent-run-banner h3{margin-block-end:8px}.agent-run-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.agent-run-steps li{color:var(--ink-muted)}.agent-run-steps li>:first-child{display:block;block-size:4px;background:var(--edge);margin-block-end:10px}.agent-run-steps [data-state=done]{color:var(--ink)}.agent-run-steps [data-state=done]>:first-child{background:var(--ink-strong)}.agent-run-steps [data-state=stuck]{color:var(--crit-ink)}.agent-run-steps [data-state=stuck]>:first-child{background:var(--crit)}.agent-run-outcome{border-inline-start:1px solid var(--edge);padding-inline-start:20px}.agent-inbox-layout{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:16px}.agent-inbox,.agent-message{min-inline-size:0}.agent-inbox>h2,.agent-message>h2{padding-block:0 12px}.agent-inbox ul,.agent-message-body{border:1px solid var(--edge);border-radius:16px;background:var(--surface-paper);overflow:clip}.agent-inbox-item{display:flex;flex-direction:column;text-align:start;gap:6px;inline-size:100%;padding:18px 20px;border-block-end:1px solid var(--edge);border-inline-start:2px solid transparent}.agent-inbox-item[aria-pressed=true]{background:var(--wash);border-inline-start-color:var(--accent)}.agent-message-body{padding:24px;display:flex;flex-direction:column;gap:20px}.agent-message-body dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:18px;padding-block:12px;border-block-end:1px solid var(--edge)}.agent-state-screen :where(p,dd,span,a,button){overflow-wrap:anywhere}.agent-state-placeholder{min-block-size:180px;display:grid;align-items:center;gap:24px}.agent-state-placeholder span{block-size:1px;background:var(--edge)}@media (max-width:1023px){.agent-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.agent-state-screen:has(.agent-state-grid){padding-block:20px;gap:12px}.agent-state-grid{gap:12px}.agent-state-card-row{padding-block:5px}}@media (max-width:1023px){.agent-run-banner{grid-template-columns:minmax(0,1fr)}.agent-run-outcome{border-inline-start:0;padding-inline-start:0;border-block-start:1px solid var(--edge);padding-block-start:14px}}@media (max-width:767px){.agent-state-screen{padding:20px 14px}.agent-inbox-layout,.agent-run-steps,.agent-state-grid{grid-template-columns:minmax(0,1fr)}.agent-run-steps li{display:grid;grid-template-columns:4px minmax(0,1fr);gap:12px;align-items:center}.agent-run-steps li>:first-child{block-size:24px;margin-block-end:0}.agent-message-body{padding:16px}.agent-message-body dl>div{grid-template-columns:minmax(0,1fr);gap:6px}}.agent-state-screen header>.text-accent-ink{color:var(--accent-ink)}.agent-run-outcome>.text-crit-ink{color:var(--crit-ink)}.agent-run-outcome>.text-ok-ink{color:var(--ok-ink)}.agent-inbox-item[aria-pressed=true] .text-ink-muted{color:var(--ink)}.agent-state-reserved>header{background:var(--wash);color:var(--ink-muted)}.agent-state-card-row>p,.agent-state-card-value>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-state-card-row>.agent-will-do{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.agent-state-card>header{display:flex;align-items:center;justify-content:center}