/* Office is scenery. HTML owns every name, action and role. */
.pixel-workshop #panel-agents{color:var(--pw-ink);min-width:0}
.sa-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px 10px;margin:0;background:linear-gradient(90deg,rgba(12,19,36,0.96) 0%,rgba(15,23,42,0.93) 100%);border:1px solid rgba(148,163,184,0.22);border-bottom:0;border-radius:14px 14px 0 0;backdrop-filter:blur(10px)}
.sa-heading h1{font:800 2.3rem/1.25 var(--font-head);margin:6px 0;color:#ffffff;letter-spacing:-0.01em}.sa-heading p,.sa-honesty{margin:4px 0;color:#cbd5e1;font:500 1rem/1.6 var(--font-body)}
.sa-honesty{margin:0;padding:0 22px 12px;background:linear-gradient(90deg,rgba(12,19,36,0.96) 0%,rgba(15,23,42,0.93) 100%);border-inline:1px solid rgba(148,163,184,0.22);color:#cbd5e1;font-size:14.5px;backdrop-filter:blur(10px)}
.sa-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(390px,0.98fr);gap:24px;margin:16px 0 30px;align-items:start}
.sa-room{position:relative;min-width:0;border:3px solid #aa7f4e;border-radius:14px;overflow:hidden;isolation:isolate;box-shadow:0 6px 0 #59422e,0 16px 34px rgba(0,0,0,0.38);background:#34251c}
.sa-room picture,.sa-room-art{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.sa-characters{position:absolute;inset:0}
.sa-character{position:absolute;translate:-50% -50%;width:clamp(44px,5.3vw,75px);height:clamp(44px,5.3vw,75px);padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;cursor:grab;z-index:2;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity 180ms ease}
.sa-character:active,.sa-character.is-dragging,.sa-character[data-activity=drag]{cursor:grabbing!important;z-index:30!important;filter:drop-shadow(0 8px 14px #000a)}
.sa-character[data-zone=workstation]{z-index:8}
.sa-character[data-door-phase=entering],.sa-character[data-door-phase=exiting]{z-index:18}
.sa-character .ak-avatar-motion,.sa-character svg{width:100%!important;height:100%!important;overflow:visible;pointer-events:none}
.sa-character[hidden],.sa-roster button[hidden]{display:none!important}
.sa-character::after{content:'';position:absolute;inset:68% 18% 10%;border-radius:50%;border:2px solid transparent;z-index:-1;background:#0003}
.sa-character[aria-pressed=true],.sa-character:focus-visible{z-index:26!important;outline:none!important}.sa-character[aria-pressed=true]::after,.sa-character:focus-visible::after{border-color:#fff1a5;box-shadow:0 0 12px #f5cf7a}
.sa-character:hover{filter:drop-shadow(0 0 6px #f5cf7a)}
.sa-room-label{position:absolute;left:12px;top:12px;right:auto!important;bottom:auto!important;max-width:calc(62% - 16px);padding:6px 12px;border-radius:9px;border:1px solid #e2bc7188;color:#fff9eb;background:#131b2ee8;font:700 13.5px/1.4 var(--font-body);z-index:28;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 0 #090e1a}
.sa-room-drag-hint{position:absolute;right:12px;top:12px;left:auto!important;bottom:auto!important;padding:5px 11px;border-radius:9px;border:1px solid #e2bc7166;color:#fde68a;background:#131b2ee0;font:600 12px/1.4 var(--font-body);z-index:28;pointer-events:none;box-shadow:0 3px 0 #090e1a}

/* 16-Bit Pixel Workshop Guild Dossier (#sa-detail — 60-30-10 Color Restraint & Typographic Scale) */
.sa-detail{--sa-accent:#38bdf8;--sa-glow:rgba(56,189,248,0.14);padding:24px 26px;border:1.5px solid rgba(148,163,184,0.24);border-top:4px solid var(--sa-accent);border-radius:16px;background:radial-gradient(120% 55% at 12% 0%,var(--sa-glow),transparent 62%),linear-gradient(165deg,#131d33 0%,#0d1526 65%,#090f1d 100%);color:#f8fafc;min-width:0;box-shadow:0 18px 40px rgba(0,0,0,0.45)}
.sa-detail[data-color=gold]{--sa-accent:#f5cf7a;--sa-glow:rgba(245,207,122,0.16)}
.sa-detail[data-color=rose]{--sa-accent:#fb7185;--sa-glow:rgba(251,113,133,0.16)}
.sa-detail[data-color=mint]{--sa-accent:#34d399;--sa-glow:rgba(52,211,153,0.15)}
.sa-detail[data-color=sky]{--sa-accent:#38bdf8;--sa-glow:rgba(56,189,248,0.16)}
.sa-detail[data-color=peach]{--sa-accent:#fb923c;--sa-glow:rgba(251,146,60,0.15)}
.sa-detail[data-color=lilac]{--sa-accent:#c084fc;--sa-glow:rgba(192,132,252,0.16)}
html[data-theme=light] .sa-detail{background:linear-gradient(165deg,#ffffff 0%,#f8fafc 100%);border-color:#cbd5e1;color:#0f172a;box-shadow:0 12px 28px rgba(15,23,42,0.08)}

.sa-detail-hero{display:flex;align-items:center;gap:18px;padding:0 0 18px;border-bottom:1px solid rgba(148,163,184,0.18);background:transparent}
html[data-theme=light] .sa-detail-hero{border-bottom-color:#e2e8f0}
.sa-detail-portrait{position:relative;width:78px;height:78px;flex-shrink:0;border-radius:15px;border:2px solid var(--sa-accent);background:radial-gradient(circle at 50% 35%,#263554,#0f172a 78%);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 2px 0 rgba(255,255,255,0.18),0 6px 16px rgba(0,0,0,0.35)}
.sa-detail-portrait::after{content:'';position:absolute;inset:auto 14% 7px;height:8px;border-radius:50%;background:rgba(0,0,0,0.45);z-index:0}
.sa-detail-portrait svg,.sa-detail-portrait .ak-avatar-motion{position:relative;z-index:1;width:64px!important;height:64px!important}
.sa-detail-head-text{min-width:0;flex:1}
.sa-detail-badges{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.sa-group-label{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:7px;background:rgba(148,163,184,0.12);border:1px solid rgba(148,163,184,0.24);color:#cbd5e1;font:600 12px/1.3 var(--font-body)!important;margin:0!important}
html[data-theme=light] .sa-group-label{background:#f1f5f9;border-color:#cbd5e1;color:#334155}
.sa-group-label svg{width:15px!important;height:15px!important;flex-shrink:0}
.sa-detail-state-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:7px;background:rgba(15,23,42,0.75);border:1px solid rgba(148,163,184,0.20);color:var(--sa-state-ink)!important;font:600 12px/1.3 var(--font-body)}
html[data-theme=light] .sa-detail-state-pill{background:#f8fafc;border-color:#cbd5e1}
.sa-detail h2{font:800 clamp(1.68rem,2.2vw,1.98rem)/1.18 var(--font-head);color:#ffffff;overflow-wrap:anywhere;margin:4px 0 10px;letter-spacing:-0.02em}
html[data-theme=light] .sa-detail h2{color:#0f172a}
.sa-detail-chips{display:flex;flex-wrap:wrap;gap:6px}
.sa-meta-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;background:rgba(15,23,42,0.55);border:1px solid rgba(148,163,184,0.16);font:500 12px/1.35 var(--font-body);color:#94a3b8}
html[data-theme=light] .sa-meta-chip{background:#f1f5f9;border-color:#cbd5e1;color:#475569}

/* 2-Column Tactile Role Spec Grid (.sa-role-core — Clear Weight Contrast Between Duty & Output) */
.sa-role-core{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.sa-role-box{position:relative;padding:14px 16px;border-radius:12px;background:rgba(15,23,42,0.62);border:1px solid rgba(148,163,184,0.18);border-top:3px solid var(--sa-accent)}
.sa-role-box.is-output{border-top-color:#64748b}
html[data-theme=light] .sa-role-box{background:#f8fafc;border-color:#cbd5e1;border-top:3px solid var(--sa-accent)}
.sa-role-kicker-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.sa-role-px{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent!important;border:0!important;box-shadow:none!important}
.sa-role-kicker{font:700 11.5px/1.3 var(--font-body);color:#94a3b8;text-transform:uppercase;letter-spacing:0.04em}
.sa-role-box.is-output .sa-role-kicker{color:#94a3b8}
html[data-theme=light] .sa-role-kicker{color:#475569}
html[data-theme=light] .sa-role-box.is-output .sa-role-kicker{color:#475569}
.sa-role-box .sa-duty{margin:0!important;font:600 16px/1.52 var(--font-body)!important;color:#ffffff!important}
.sa-role-box .sa-output{margin:0!important;font:400 14.5px/1.55 var(--font-body)!important;color:#cbd5e1!important}
html[data-theme=light] .sa-role-box .sa-duty{color:#0f172a!important}
html[data-theme=light] .sa-role-box .sa-output{color:#334155!important}

/* 16-Bit Skill Cartridge Arsenal (.sa-skills-showcase — Hairline Divider, Zero Box-in-Box) */
.sa-skills-showcase{margin:16px 0 14px;padding:16px 0 0;border-top:1px solid rgba(148,163,184,0.18);background:transparent}
html[data-theme=light] .sa-skills-showcase{border-top-color:#e2e8f0}
.sa-skills-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.sa-skills-head h3{display:inline-flex;align-items:center;gap:7px;font:800 1.15rem/1.3 var(--font-head)!important;color:#f8fafc;margin:0!important;padding:0!important;border:0!important}
html[data-theme=light] .sa-skills-head h3{color:#0f172a}
.sa-head-px{display:inline-flex;align-items:center;justify-content:center}
.sa-skills-hint{font:500 11.5px/1.35 var(--font-body);color:#94a3b8;padding:2px 8px;border-radius:999px;background:rgba(148,163,184,0.10);border:1px solid rgba(148,163,184,0.18)}
html[data-theme=light] .sa-skills-hint{background:#f1f5f9;border-color:#cbd5e1;color:#475569}

.sa-detail h3{font:700 1.12rem/1.4 var(--font-head);border-top:1px solid rgba(148,163,184,0.18);padding-top:14px;margin:14px 0 8px}
.sa-detail p{line-height:1.65;font-size:15px}.sa-detail small,.sa-procedure{font:400 13px/1.55 var(--font-body);color:#94a3b8}.sa-detail small{display:block;margin-top:12px}
.sa-skills{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px;margin:0}
.sa-skills.sa-skills-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:330px;overflow-y:auto;padding-right:4px}
.sa-skills.sa-skills-cards::-webkit-scrollbar{width:6px}
.sa-skills.sa-skills-cards::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.32);border-radius:999px}

.sa-skill-card-item{--sk-edge:rgba(148,163,184,0.22);--sk-ink:#f8fafc;border-radius:11px;background:rgba(15,23,42,0.68);border:1px solid var(--sk-edge);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
.sa-skill-card-item[data-tone=mint]{--sk-ink:#6ee7b7}
.sa-skill-card-item[data-tone=sky]{--sk-ink:#7dd3fc}
.sa-skill-card-item[data-tone=rose]{--sk-ink:#fda4af}
.sa-skill-card-item[data-tone=violet]{--sk-ink:#d8b4fe}
.sa-skill-card-item[data-tone=amber]{--sk-ink:#fcd34d}
html[data-theme=light] .sa-skill-card-item{background:#f8fafc;border-color:#cbd5e1;--sk-ink:#0f172a}
.sa-skill-card-item:hover{transform:translateY(-2px);border-color:#38bdf8;box-shadow:0 6px 16px rgba(0,0,0,0.32)}
.sa-skill-card-item:hover .sa-skill-px-svg{transform:scale(1.14) rotate(-5deg)}
.sa-skill-card-item:hover .sa-skill-open{color:#ffffff;transform:translate(2px,-1px)}
html[data-theme=light] .sa-skill-card-item:hover .sa-skill-open{color:#0284c7}

.sa-skill-card-link{display:flex!important;align-items:flex-start!important;gap:10px;padding:11px 13px;min-height:44px!important;text-decoration:none!important;color:#f8fafc;box-sizing:border-box;width:100%}
.sa-skill-icon-box{position:relative;width:34px;height:34px;flex-shrink:0;background:transparent!important;border:0!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center}
.sa-skill-icon-box.is-large{width:46px;height:46px}
.sa-skill-px-svg{image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.45));transition:transform 180ms cubic-bezier(0.16,1,0.3,1)}
.sa-skill-emoji-badge{position:absolute;right:-3px;bottom:-3px;font-size:12px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.65))}

.sa-skill-card-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.sa-skill-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.sa-skill-code{font:700 13.5px/1.3 var(--font-mono,monospace);color:var(--sk-ink);background:transparent;border:0;padding:0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
html[data-theme=light] .sa-skill-code{color:#0f172a}
.sa-skill-open{font:600 11px/1.2 var(--font-body);color:#94a3b8;white-space:nowrap;transition:transform 160ms ease,color 160ms ease}
.sa-skill-purpose{font:400 12.5px/1.45 var(--font-body);color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme=light] .sa-skill-purpose{color:#475569}

.sa-source{display:inline-flex;align-items:center;gap:4px;color:#7dd3fc;font:700 13px/1.4 var(--font-body);text-decoration:none;transition:color 160ms ease,transform 160ms ease}
html[data-theme=light] .sa-source{color:#0284c7}
.sa-source:hover,.sa-source:focus-visible{color:#fff!important;transform:translateX(2px)}
html[data-theme=light] .sa-source:hover,html[data-theme=light] .sa-source:focus-visible{color:#0f172a!important}

/* Royal-Navy & Champagne-Gold Route Bar (.sa-workflow) — Zero Muddy Brown */
.sa-workflow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;min-height:44px;margin:10px 0 4px;padding:10px 16px;border-radius:11px;border:1.5px solid rgba(242,210,139,0.58);border-bottom:3px solid #09101f;background:linear-gradient(135deg,#1b2c47 0%,#101b2d 100%);color:#f8fafc!important;font:700 14px/1.4 var(--font-body);text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.12);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,color 180ms ease}
.sa-wf-main{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;color:#f8fafc!important}
.sa-wf-code{font:700 12px/1.3 var(--font-mono,monospace);color:#fde68a!important;background:rgba(242,210,139,0.16);border:1px solid rgba(242,210,139,0.44);padding:2px 8px;border-radius:6px}
.sa-wf-arrow{font:700 13px/1.3 var(--font-body);color:#fde68a!important;white-space:nowrap;transition:transform 180ms ease,color 180ms ease}
.sa-workflow:hover,.sa-workflow:focus-visible{background:linear-gradient(135deg,#243b5e 0%,#15243b 100%);border-color:#fde68a;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,0.46),0 0 14px rgba(242,210,139,0.24)}
.sa-workflow:hover .sa-wf-arrow,.sa-workflow:focus-visible .sa-wf-arrow{color:#ffffff!important;transform:translate(3px,-2px)}
html[data-theme=light] .sa-workflow{background:linear-gradient(135deg,#16263f 0%,#0e192b 100%);border-color:#c59738;color:#f8fafc!important}
html[data-theme=light] .sa-workflow:hover,html[data-theme=light] .sa-workflow:focus-visible{background:linear-gradient(135deg,#1f3454 0%,#132238 100%);border-color:#eab308;color:#ffffff!important}

/* Search & Filter Command Bar (.sa-tools) + 5-Stage Dispatch Team Directory (#sa-roster — True Typographic Hierarchy & Solid Reading Backing) */
.sa-tools{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:0 0 18px;padding:10px 22px 18px;background:linear-gradient(90deg,rgba(12,19,36,0.96) 0%,rgba(15,23,42,0.93) 100%);border:1px solid rgba(148,163,184,0.22);border-top:0;border-radius:0 0 14px 14px;box-shadow:0 10px 26px rgba(0,0,0,0.34);backdrop-filter:blur(10px)}.sa-tools label{display:grid;gap:7px;font:600 13.5px/1.4 var(--font-body);color:#e2e8f0}.sa-tools label:first-child{flex:1 1 240px}
.sa-tools :is(input,select){min-height:44px;border:1px solid rgba(148,163,184,0.34);border-radius:10px;padding:8px 13px;color:#ffffff;background:#090f1d;font:500 15px/1.5 var(--font-body);width:100%;box-sizing:border-box;transition:border-color 160ms ease,box-shadow 160ms ease}
.sa-tools :is(input,select):hover{border-color:rgba(148,163,184,0.65)}
.sa-tools select{color-scheme:dark}
html[data-theme=light] .sa-tools :is(input,select){background:#ffffff;border-color:#cbd5e1;color:#0f172a;color-scheme:light}
#sa-count{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;background:#090f1d;border:1px solid rgba(148,163,184,0.28);font:600 13.5px/1.4 var(--font-body);color:#e2e8f0}
html[data-theme=light] #sa-count{background:#f1f5f9;border-color:#cbd5e1;color:#334155}

.sa-meta-chip.is-rank{background:rgba(56,189,248,0.14);border-color:rgba(56,189,248,0.34);color:#7dd3fc;font-weight:700}
html[data-theme=light] .sa-meta-chip.is-rank{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}
.sa-detail-dispatch-flow{margin:12px 0 2px!important;padding:0 0 0 12px;border-left:3px solid var(--sa-accent);background:transparent;font:400 13.5px/1.5 var(--font-body)!important;color:#cbd5e1}
.sa-detail-dispatch-flow strong{color:#ffffff;font-weight:600}
html[data-theme=light] .sa-detail-dispatch-flow{border-left-color:#0284c7;color:#334155}
html[data-theme=light] .sa-detail-dispatch-flow strong{color:#0f172a}

/* Directory: one reading plane, adjacent named teams, neutral selectable member notes. */
#studio-agents .sa-detail{scroll-margin-top:160px}
#studio-agents .sa-roster{display:flex;flex-direction:column;gap:40px}
#studio-agents .sa-roster-tier{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;background:none;border:0;padding:0}
#studio-agents .sa-roster-tier[hidden],#studio-agents .sa-roster button[hidden]{display:none!important}
#studio-agents .sa-tier-head{display:flex;align-items:flex-start;gap:12px;padding:8px 0;background:none;border:0;box-shadow:none}
#studio-agents .sa-tier-icon{display:block;flex:0 0 32px;width:32px;height:32px}
#studio-agents .sa-tier-head h3{margin:0 0 8px;font:700 24px/1.45 var(--aku-font-head);color:var(--aku-text)}
#studio-agents .sa-tier-sub{margin:0;font:400 14px/1.65 var(--aku-font-body);color:var(--aku-copy);text-wrap:pretty}
#studio-agents .sa-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
#studio-agents .sa-roster-tier[data-tier="1"] .sa-tier-grid{grid-template-columns:minmax(0,1fr)}
#studio-agents .sa-roster button{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start;text-align:left;min-width:0;min-height:128px;padding:16px;border:1px solid color-mix(in srgb,var(--aku-copy) 65%,var(--aku-sky-1));border-radius:10px;background:var(--aku-sky-2);color:var(--aku-text);font-family:var(--aku-font-body);cursor:pointer;box-shadow:none;transition:background 180ms,border-color 180ms}
#studio-agents .sa-roster button:is(:hover,:focus-visible){border-color:var(--aku-accent);background:color-mix(in srgb,var(--aku-accent) 8%,var(--aku-sky-2));transform:none;box-shadow:none}
#studio-agents .sa-roster button[aria-pressed=true]{border-color:var(--aku-accent);box-shadow:inset 3px 0 var(--aku-accent);background:color-mix(in srgb,var(--aku-accent) 8%,var(--aku-sky-2))}
#studio-agents .sa-roster-avatar{display:grid;place-items:center;width:56px;height:56px;border:0;background:none;border-radius:0;box-shadow:none;overflow:visible;transition:transform 180ms var(--aku-ease)}
#studio-agents .sa-roster-avatar svg,#studio-agents .sa-roster-avatar .ak-avatar-motion{width:56px!important;height:56px!important}
#studio-agents .sa-roster button:hover .sa-roster-avatar{transform:translateY(-3px)}
#studio-agents .sa-roster-copy{display:grid;gap:8px;min-width:0}
#studio-agents .sa-roster-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;width:100%;min-width:0}
#studio-agents .sa-roster strong{font:700 18px/1.5 var(--aku-font-head);color:var(--aku-text);overflow-wrap:anywhere}
#studio-agents .sa-roster-duty{font:400 16px/1.6 var(--aku-font-body);color:var(--aku-text);text-wrap:pretty}
#studio-agents .sa-roster-more{font:500 14px/1.5 var(--aku-font-body);color:var(--aku-copy)}
#studio-agents .sa-roster-more>span{display:inline-block;transition:transform 180ms}
#studio-agents .sa-roster button:hover .sa-roster-more>span{transform:translate(2px,-2px)}
#studio-agents .sa-roster .sa-roster-status{font:500 14px/1.5 var(--aku-font-body);white-space:normal;overflow-wrap:anywhere;--sa-state-ink:var(--aku-copy)}
#studio-agents .sa-roster .sa-roster-status:is([data-state=working],[data-state=done]){--sa-state-ink:var(--aku-good)}
#studio-agents .sa-roster .sa-roster-status:is([data-state=waiting],[data-state=stale],[data-state=unavailable]){--sa-state-ink:var(--aku-warn)}
#studio-agents .sa-roster .sa-roster-status:is([data-state=failed],[data-state=blocked]){--sa-state-ink:var(--aku-bad)}
@media(max-width:1100px){#studio-agents .sa-roster-tier{grid-template-columns:minmax(0,1fr);gap:16px}}
@media(max-width:600px){#studio-agents .sa-tier-grid{grid-template-columns:minmax(0,1fr)}#studio-agents .sa-roster{gap:32px}#studio-agents .sa-roster button{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px 12px}#studio-agents .sa-roster-avatar{width:48px;height:48px}#studio-agents .sa-roster-avatar svg,#studio-agents .sa-roster-avatar .ak-avatar-motion{width:48px!important;height:48px!important}}

/* Jewel-Obsidian Controls (#sa-pause, .sa-retry, .sa-skill-close) — Zero Muddy Brown */
#sa-pause{min-height:44px;padding:10px 18px;border:1.5px solid rgba(242,210,139,0.58);border-bottom:3px solid #09101f;border-radius:10px;background:linear-gradient(135deg,#1b2c47 0%,#101b2d 100%);color:#f8fafc;font:700 14.5px/1.45 var(--font-body);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.36),inset 0 1px 0 rgba(255,255,255,0.12);transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,color 160ms ease}
#sa-pause:hover,#sa-pause:focus-visible{background:linear-gradient(135deg,#243b5e 0%,#15243b 100%);border-color:#fde68a;color:#ffffff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.44),0 0 12px rgba(242,210,139,0.22)}
#sa-pause[aria-pressed=true]{background:linear-gradient(135deg,#123e31 0%,#09241c 100%);border-color:rgba(16,185,129,0.72);color:#d1fae5}
html[data-theme=light] #sa-pause{background:linear-gradient(135deg,#16263f 0%,#0e192b 100%);border-color:#c59738;color:#f8fafc}
html[data-theme=light] #sa-pause:hover,html[data-theme=light] #sa-pause:focus-visible{background:linear-gradient(135deg,#1f3454 0%,#132238 100%);border-color:#eab308;color:#ffffff}

#studio-agents{--aku-sky-1:#090d14;--aku-sky-2:#1b222e;--aku-text:#f8fafc;--aku-copy:#cbd5e1;--aku-accent:#34d399;--aku-good:#34d399;--aku-warn:#fbbf24;--aku-bad:#fb7185}
html[data-theme=light] #studio-agents{--aku-sky-1:#ffffff;--aku-sky-2:#f1f5f9;--aku-text:#0f172a;--aku-copy:#334155;--aku-accent:#047857;--aku-good:#047857;--aku-warn:#b45309;--aku-bad:#be123c}
#studio-agents .sa-directory{padding:28px;background:var(--aku-sky-1)!important;border:1px solid color-mix(in srgb,var(--aku-copy) 28%,transparent)!important;border-top:4px solid color-mix(in srgb,var(--aku-w-knowledge) 90%,var(--aku-text))!important;border-radius:14px;box-shadow:none!important;color:var(--aku-text)}
#studio-agents .sa-directory h2{display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:0;background:none;border:0;box-shadow:none;font:700 30px/1.45 var(--aku-font-head);color:var(--aku-text)}
#studio-agents .sa-directory h2 [data-ak-px]{width:36px;height:36px;flex:none}
#studio-agents .sa-directory-intro{margin:0 0 32px;font:400 16px/1.6 var(--aku-font-body);color:var(--aku-copy)}
@media(max-width:600px){#studio-agents .sa-directory{padding:20px 14px}#studio-agents .sa-directory h2{font-size:28px}}
.sa-honesty{font-size:14.5px}
.sa-character:focus-visible,.sa-roster button:focus-visible,.sa-tools :is(input,select):focus-visible{outline:3px solid var(--pw-gold);outline-offset:3px}
#studio-agents[data-static=true] .sa-character *{animation-play-state:paused!important}

/* Live Work Mission Log Cards (.sa-live-work & .sa-task — Hairline Divider, Zero Box-in-Box) */
.sa-office{min-width:0}.sa-room-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.sa-room-nav p{margin:0;padding:9px 15px;border-radius:10px;background:rgba(12,19,36,0.96);border:1px solid rgba(148,163,184,0.24);font:500 14px/1.55 var(--font-body);color:#cbd5e1;box-shadow:0 6px 16px rgba(0,0,0,0.32);backdrop-filter:blur(8px)}
.sa-retry{flex-shrink:0;min-height:44px;padding:10px 16px;border:1.5px solid rgba(242,210,139,0.56);border-bottom:3px solid #09101f;border-radius:9px;background:linear-gradient(135deg,#1b2c47 0%,#101b2d 100%);color:#f8fafc;font:700 14px/1.5 var(--font-body);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.34),inset 0 1px 0 rgba(255,255,255,0.10);transition:transform 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
.sa-retry:is(:hover,:focus-visible){background:linear-gradient(135deg,#243b5e 0%,#15243b 100%);border-color:#fde68a;color:#ffffff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,0.42)}
html[data-theme=light] .sa-retry{background:linear-gradient(135deg,#16263f 0%,#0e192b 100%);border-color:#c59738;color:#f8fafc}
.sa-live-work{margin-top:14px;padding:14px 0 0;border-top:1px solid rgba(242,210,139,0.20);background:transparent}
html[data-theme=light] .sa-live-work{border-top-color:rgba(59,130,246,.28)}
.sa-live-head h3{display:flex;align-items:center;gap:7px;font:800 1.05rem/1.4 var(--font-head)!important;color:var(--pw-ink);margin:0 0 4px!important;padding:0!important;border:0!important}
.sa-connection{margin:0 0 10px!important;font:500 13px/1.55 var(--font-body)!important;color:var(--pw-soft)}
.sa-task{margin-top:10px;padding:14px 15px;border-radius:11px;background:linear-gradient(160deg,rgba(22,32,56,0.9),rgba(12,18,32,0.94));border:1px solid rgba(242,210,139,0.25);border-left:4px solid var(--sa-state-ink);box-shadow:0 4px 12px rgba(0,0,0,0.22);overflow-wrap:anywhere}
html[data-theme=light] .sa-task{background:#f1f5f9;border-color:rgba(59,130,246,.28);border-left:4px solid var(--sa-state-ink)}
.sa-task-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.sa-task-state{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);font:700 12px/1.35 var(--font-body)!important;color:var(--sa-state-ink)!important;margin:0!important}
html[data-theme=light] .sa-task-state{background:#ffffff;border-color:rgba(59,130,246,.28)}
.sa-task h4{font:700 1.08rem/1.45 var(--font-head);margin:6px 0 8px;color:var(--pw-ink)}
.sa-task p{margin:4px 0}
.sa-task .sa-stage{font:600 12px/1.4 var(--font-mono,monospace)!important;color:var(--pw-soft);margin:0!important;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,0.28)}
html[data-theme=light] .sa-task .sa-stage{background:#e0f2fe;color:#0f172a}
.sa-skill-label{font:600 12.5px/1.5 var(--font-body)!important;color:var(--pw-soft);margin:8px 0 6px!important}
.sa-task-skills{gap:6px!important;margin:4px 0 10px!important}
.sa-task-skill-pill{display:inline-flex!important;align-items:center;gap:5px;min-height:32px!important;padding:3px 10px;border-radius:7px;background:rgba(242,210,139,0.14);border:1px solid rgba(242,210,139,0.34);font:700 12px/1.3 var(--font-mono,monospace);color:#fde68a!important;text-decoration:none!important}
html[data-theme=light] .sa-task-skill-pill{background:#e0f2fe;border-color:#38bdf8;color:#0f172a!important}
.sa-task-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(255,255,255,0.12)}
html[data-theme=light] .sa-task-foot{border-top-color:rgba(59,130,246,.28)}
.sa-task .sa-report-time{font:500 12.5px/1.45 var(--font-body)!important;color:var(--pw-soft);margin:0!important}
.sa-task .sa-source{margin:0;min-height:34px;display:inline-flex;align-items:center}
.sa-empty-work{margin:6px 0 0!important;font:500 13.5px/1.55 var(--font-body)!important;color:var(--pw-soft)}

.sa-capabilities{margin-top:14px;padding:6px 0 0;border-top:1px solid rgba(242,210,139,0.20);background:transparent}
html[data-theme=light] .sa-capabilities{border-top-color:rgba(59,130,246,.28)}
.sa-capabilities summary{min-height:42px;cursor:pointer;font:700 14px/1.5 var(--font-body);color:var(--pw-soft);padding:8px 0;display:flex;align-items:center;justify-content:space-between}
.sa-capabilities summary:hover,.sa-capabilities summary:focus-visible{color:var(--pw-gold)}
.sa-skills a{display:inline-flex;align-items:center;min-height:44px;color:var(--pw-ink);text-underline-offset:4px;overflow-wrap:anywhere}.sa-skills a:hover,.sa-skills a:focus-visible,.sa-source:hover,.sa-source:focus-visible{color:var(--pw-gold)}
.sa-task-count{color:var(--pw-gold);font:600 14px/1.5 var(--font-body)}
.sa-character[data-activity=rest] *{animation-play-state:paused!important}.sa-character:hover svg{filter:brightness(1.12)}
#studio-agents :is(a,summary,button):focus-visible{outline:3px solid var(--pw-gold);outline-offset:3px}

/* Presence labels are report-derived; pose and props are decorative only. */
.sa-status,.sa-task{--sa-state-ink:#64748b}.sa-status[data-state=working],.sa-status[data-state=done],.sa-task:is([data-state=working],[data-state=done]){--sa-state-ink:#34d399}.sa-status:is([data-state=blocked],[data-state=failed]),.sa-task:is([data-state=blocked],[data-state=failed]){--sa-state-ink:#fb7185}.sa-status[data-state=waiting],.sa-task[data-state=waiting]{--sa-state-ink:#fbbf24}.sa-status[data-state=stale],.sa-task[data-state=stale]{--sa-state-ink:#fb923c}.sa-status[data-state=unavailable],.sa-task[data-state=unavailable]{--sa-state-ink:#c084fc}
html[data-theme=light] .sa-status,html[data-theme=light] .sa-task{--sa-state-ink:#64748b}html[data-theme=light] :is(.sa-status,.sa-task):is([data-state=working],[data-state=done]){--sa-state-ink:#059669}html[data-theme=light] :is(.sa-status,.sa-task):is([data-state=blocked],[data-state=failed]){--sa-state-ink:#e11d48}html[data-theme=light] :is(.sa-status,.sa-task)[data-state=waiting]{--sa-state-ink:#d97706}html[data-theme=light] :is(.sa-status,.sa-task)[data-state=stale]{--sa-state-ink:#ea580c}html[data-theme=light] :is(.sa-status,.sa-task)[data-state=unavailable]{--sa-state-ink:#7c3aed}
.sa-roster .sa-roster-status,.sa-task .sa-task-state{color:var(--sa-state-ink)!important;font:500 12px/1.3 var(--font-body);white-space:nowrap}.sa-roster-status::before{content:'●';margin-right:4px;font-size:9px}
.sa-character-status{position:absolute;left:50%;top:100%;translate:-50% 3px;width:max-content;min-width:54px;max-width:146px;padding:2px 8px;box-sizing:border-box;border-radius:6px;border:1px solid #ffffff24;border-bottom:2px solid var(--sa-state-ink);background:#111b2ce8;color:#f5f7ff!important;font:600 12px/18px var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none;box-shadow:0 2px 6px #0006}
.sa-character-status:is([data-state=working],[data-state=waiting],[data-state=blocked]){color:var(--sa-state-ink)!important}
html[data-theme=light] .sa-character-status{background:#fffdf6f2;color:#1b3048!important;border-color:#1b304822}
html[data-theme=light] .sa-character-status:is([data-state=working],[data-state=waiting],[data-state=blocked]){color:var(--sa-state-ink)!important}
.sa-pose{display:block;position:absolute;inset:0;transform-origin:50% 80%}.sa-activity-prop{position:absolute;right:-1px;bottom:1px;font:600 clamp(20px,2vw,27px)/1 var(--font-body);color:#fff7d9;text-shadow:0 1px 2px #10243e;pointer-events:none}
.sa-character[data-activity=rest] .sa-pose{transform:rotate(-6deg)}.sa-character[data-activity=read] .sa-pose{transform:rotate(5deg) scale(.96)}.sa-character[data-activity=read] .sa-activity-prop{right:8%;bottom:0;font-size:27px}.sa-character[data-activity=type] .sa-pose{animation:sa-typing 1.3s steps(2,end) infinite}.sa-character[data-activity=type] .sa-activity-prop{right:15%;bottom:0;animation:sa-keytap .7s steps(2,end) infinite}.sa-character[data-activity=stretch] .sa-pose{transform:translateY(-3px) scale(.96,1.10)}.sa-character[data-activity=stretch] .sa-activity-prop{right:25%;bottom:8%;color:#fff4b5}.sa-character[data-activity=walk] .sa-pose{animation:sa-stroll .68s ease-in-out infinite}.sa-character[data-activity=rush] .sa-pose{animation:sa-rushing .28s steps(2,end) infinite}.sa-character[data-activity=rush] .sa-activity-prop{right:-4px;bottom:4px;font-size:22px}.sa-character[data-activity=drag] .sa-pose{transform:scale(1.04) rotate(-1deg)}
@keyframes sa-typing{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(1px)}}@keyframes sa-keytap{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes sa-stroll{0%,100%{transform:rotate(-3deg) translateY(-2px) scale(1.03,.97)}50%{transform:rotate(3deg) translateY(1px) scale(.97,1.03)}}@keyframes sa-rushing{0%,100%{transform:rotate(8deg) translateY(-2px) scale(1.04,.96)}50%{transform:rotate(-4deg) translateY(1px) scale(.97,1.04)}}

/* Skill Dialog Modal (#sa-skill-detail) */
.sa-skill-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-sizing:border-box;overflow:auto;padding:24px;border:1.5px solid rgba(148,163,184,0.32);border-top:4px solid #38bdf8;border-radius:16px;background:linear-gradient(165deg,#131d33,#0b1120);color:#f8fafc;font:500 16px/1.7 var(--font-body);box-shadow:0 24px 70px #000a}.sa-skill-dialog::backdrop{background:#07101dcc}
.sa-dialog-hero{display:flex;align-items:center;gap:14px;margin:4px 0 14px}
.sa-dialog-kicker{margin:0!important;font:600 12px/1.4 var(--font-body);color:#94a3b8}
.sa-skill-dialog h2{font:800 1.65rem/1.3 var(--font-head);color:#ffffff;overflow-wrap:anywhere;margin:2px 0 0}
.sa-dialog-purpose{font:600 16px/1.6 var(--font-body);color:#f1f5f9;padding:10px 0 12px;border-bottom:1px solid rgba(148,163,184,0.20);background:transparent}
.sa-skill-dialog h3{font:700 1.08rem/1.5 var(--font-head);color:#7dd3fc;margin:18px 0 8px}.sa-skill-dialog li{margin:8px 0}.sa-skill-close{float:right;min-height:42px;padding:8px 15px;border:1.5px solid rgba(242,210,139,0.56);border-bottom:3px solid #09101f;border-radius:9px;background:linear-gradient(135deg,#1b2c47 0%,#101b2d 100%);color:#f8fafc;font:700 13.5px/1.5 var(--font-body);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.34),inset 0 1px 0 rgba(255,255,255,0.10);transition:transform 160ms ease,border-color 160ms ease,color 160ms ease}.sa-skill-close:is(:hover,:focus-visible){background:linear-gradient(135deg,#243b5e 0%,#15243b 100%);border-color:#fde68a;color:#ffffff;transform:translateY(-1px)}

@media(max-width:1100px){.sa-layout{grid-template-columns:minmax(0,1fr)}.sa-character{width:64px;height:64px}}
@media(max-width:600px){.sa-heading{display:block}.sa-heading h1{font-size:1.875rem}.sa-room{margin-inline:-4px}.sa-character{width:44px;height:44px}.sa-layout{gap:20px}.sa-detail{display:block;padding:18px}.sa-role-core,.sa-skills.sa-skills-cards{grid-template-columns:1fr}.sa-room-label{left:8px;top:8px;padding:5px 10px;font-size:13px}.sa-honesty{margin-top:0}.sa-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}.sa-tools label{min-width:0}.sa-tools #sa-count{grid-column:1/-1;font-size:14px}.sa-room-nav{align-items:start;gap:12px}.sa-room-nav p{max-width:34ch}.sa-task h4{font-size:1.05rem}.sa-skill-dialog{padding:18px}.sa-skill-dialog h2{font-size:1.4rem}.sa-character[data-activity=read] .sa-activity-prop{font-size:20px}.sa-character-status{min-width:42px;max-width:104px;padding:1px 5px;font:600 10px/14px var(--font-body);translate:-50% 1px}}
@media(prefers-reduced-motion:reduce){#studio-agents *{animation:none!important;transition:none!important}}

/* Light-only reading band over the bright workshop; room art stays untouched. */
html[data-theme=light] #studio-agents :is(.sa-heading,.sa-honesty,.sa-tools){background:#ffffff;margin-block:0;color:#0f172a!important}
html[data-theme=light] #studio-agents .sa-heading{padding:16px 20px;border-radius:12px 12px 0 0;border:1px solid rgba(59,130,246,.28);border-bottom:0}
html[data-theme=light] #studio-agents .sa-honesty{padding:0 20px 12px}
html[data-theme=light] #studio-agents .sa-tools{padding:12px 20px 16px;border-radius:0 0 12px 12px;border:1px solid rgba(59,130,246,.28);border-top:0}
html[data-theme=light] #studio-agents :is(.sa-heading h1,.sa-heading p,.sa-tools label,#sa-count){color:#0f172a!important}
html[data-theme=light] #studio-agents #sa-room-count{color:#0f172a!important;background:#ffffff;border:1px solid rgba(59,130,246,.28);padding:8px 10px;border-radius:6px}

/* My Agents = Button Hierarchy B · Audi 2026-10-23 picked B site-wide ("B แล้วจำสกิลนี้ไว้ไปใช้กับทุกหน้า").
   This tab has no create action, so no gold primary. The walk toggle is a quiet text control; "ดูสายงาน" is a
   route = gold text link with →; the role count is plain text; the rank chip is Copper (never navy/sky blue);
   a logged-out visitor sees no "พร้อมรับงาน" state because nothing has been read yet. */
html body #studio-agents#studio-agents #sa-pause{min-height:44px;padding:10px 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;color:var(--pw-soft,#cbd5e1);font:600 15px/1.2 var(--font-body);transform:none}
html body #studio-agents#studio-agents #sa-pause:is(:hover,:focus-visible){background:none;border-color:transparent;border-bottom-color:currentColor;color:var(--pw-ink,#f8fafc);box-shadow:none;transform:none}
html body #studio-agents#studio-agents #sa-pause[aria-pressed=true]{background:none;color:var(--pw-ink,#f8fafc)}
html body #studio-agents#studio-agents #sa-count{padding:0;border:0;background:none;box-shadow:none;color:var(--pw-soft,#cbd5e1);font:600 14px/1.4 var(--font-body);align-self:end;min-height:44px;display:inline-flex;align-items:center}
html body #studio-agents#studio-agents .sa-workflow{display:inline-flex;justify-content:flex-start;gap:10px;width:auto;min-height:44px;margin:8px 0 4px;padding:10px 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none;color:var(--pw-gold,#e9b949)!important;transform:none}
html body #studio-agents#studio-agents .sa-workflow:is(:hover,:focus-visible){background:none;border-color:transparent;border-bottom-color:currentColor;box-shadow:none;transform:none}
html body #studio-agents#studio-agents .sa-workflow .sa-wf-arrow{color:inherit!important;transform:none!important}
html body #studio-agents#studio-agents .sa-workflow .sa-wf-code{color:var(--pw-soft,#cbd5e1)}
html body #studio-agents#studio-agents .sa-meta-chip.is-rank{background:linear-gradient(180deg,#542912 0%,#301608 100%);border-color:rgba(249,115,22,0.76);color:#ffedd5}
html[data-theme=light] body #studio-agents#studio-agents .sa-meta-chip.is-rank{background:#fff1e6;border-color:#c2410c;color:#7c2d12}
html body #studio-agents#studio-agents .sa-skills-hint{padding:0;border:0;background:none;color:var(--pw-soft,#94a3b8);font:500 13px/1.4 var(--font-body)}
html body #studio-agents#studio-agents .sa-skills-head{margin-bottom:14px}
html body #studio-agents#studio-agents :is(.sa-roster-status,.sa-detail-state-pill)[data-state=locked]{display:none}
/* Every skill visible (Audi: "ช่วยบอกหน้าที่หลัก แล้วskillทั้งหมดที่มันมี") — no inner scroll box hiding cards. */
html body #studio-agents#studio-agents .sa-skills.sa-skills-cards{max-height:none;overflow:visible}

/* Fresh-reviewer fixes (2026-10-23, 3/3/3/2): stage chips Copper (stage colour stays on the card's top border);
   pipeline arrows are glyphs, not round buttons; the room status line is a reading plate, not a button;
   the collapsed "ขั้นตอนระบบ" shows a caret; the selected helper's name stops competing with the page title. */
html body #studio-agents#studio-agents .sa-room-nav p{border-radius:6px;box-shadow:none;border-color:transparent}
html body #studio-agents#studio-agents .sa-capabilities summary::after{content:'▾';margin-left:10px;color:var(--pw-soft,#94a3b8);transition:transform 160ms}
html body #studio-agents#studio-agents .sa-capabilities[open] summary::after{transform:rotate(180deg)}
html body #studio-agents#studio-agents .sa-capabilities summary::-webkit-details-marker{display:none}
html body #studio-agents#studio-agents .sa-detail h2{font-size:clamp(1.5rem,1.9vw,1.75rem)}
@media (min-width:1101px){html body #studio-agents#studio-agents .sa-room-label{display:none}}
@media (max-width:600px){
  html body #studio-agents#studio-agents .sa-tools{grid-template-columns:minmax(0,1fr) auto}
  html body #studio-agents#studio-agents .sa-tools label:first-child{grid-column:1/-1}
  html body #studio-agents#studio-agents .sa-tools #sa-count{grid-column:auto;justify-self:end}
  html body #studio-agents#studio-agents .sa-character:not([aria-pressed=true]) .sa-character-status{display:none}
}
/* The room note now lives inside the heading block, so the pause control follows all the text on phones. */
html body #studio-agents#studio-agents .sa-heading .sa-honesty{padding:0;margin:6px 0 0;background:none;border:0;font-size:14.5px}
/* A short shared work log below the illustrated room; one reading surface, unboxed rows. */
#studio-agents .sa-activity-feed{--z:var(--aku-accent);margin-top:20px;padding:20px;background-color:var(--aku-sky-1);color:var(--aku-text)}
#studio-agents .sa-activity-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
#studio-agents .sa-activity-head h2{margin:0;font:700 22px/1.45 var(--aku-font-head);color:var(--aku-text)}
#studio-agents .sa-activity-head p,#studio-agents .sa-activity-foot{margin:3px 0 0;font:400 14px/1.6 var(--aku-font-body);color:var(--aku-copy)}
#studio-agents .sa-activity-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}
#studio-agents .sa-activity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px;font-family:var(--aku-font-body)}
#studio-agents .sa-activity-summary dt{font-size:14px;line-height:1.6;color:var(--aku-copy)}
#studio-agents .sa-activity-summary dd{margin:2px 0 0;font-size:22px;line-height:1.45;font-weight:700;color:var(--aku-text);font-variant-numeric:tabular-nums}
#studio-agents .sa-activity-summary dd[data-tone=good]{color:var(--aku-good)}
#studio-agents .sa-activity-summary dd[data-tone=warn]{color:var(--aku-warn)}
#studio-agents .sa-native-sessions{margin:0 0 24px;font-family:var(--aku-font-body)}
#studio-agents .sa-native-sessions h3{margin:0 0 4px;font-size:16px;line-height:1.6;color:var(--aku-text)}
#studio-agents .sa-native-count{margin:0 0 8px;font-size:16px;line-height:1.6;color:var(--aku-text);font-weight:600}
#studio-agents .sa-native-sessions ul{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
#studio-agents .sa-native-sessions li{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;line-height:1.6;color:var(--aku-copy)}
#studio-agents .sa-native-coverage{margin:0;font-size:14px;line-height:1.6;color:var(--aku-copy);overflow-wrap:anywhere}
#studio-agents .sa-activity-list li{margin:0;padding:0;min-width:0}
#studio-agents .sa-activity-row{--activity-ink:var(--aku-copy);display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:4px 6px 4px 12px;border-left:3px solid var(--activity-ink);color:var(--aku-text);text-decoration:none;border-radius:0;background:none;min-height:72px}
#studio-agents .sa-activity-row:is([data-state=working],[data-state=done]){--activity-ink:var(--aku-good)}
#studio-agents .sa-activity-row:is([data-state=waiting],[data-state=stale],[data-state=unavailable]){--activity-ink:var(--aku-warn)}
#studio-agents .sa-activity-row:is([data-state=blocked],[data-state=failed]){--activity-ink:var(--aku-bad)}
#studio-agents .sa-activity-copy{display:grid;gap:3px;min-width:0}
#studio-agents .sa-activity-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font:400 14px/1.5 var(--aku-font-body);color:var(--aku-copy)}
#studio-agents .sa-activity-meta strong{font-weight:600;color:var(--aku-copy)}
#studio-agents .sa-activity-state{color:var(--activity-ink);font-weight:600}
#studio-agents .sa-activity-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font:600 16px/1.6 var(--aku-font-body);color:var(--aku-text)}
#studio-agents .sa-activity-arrow{font:600 24px/1 var(--aku-font-body);color:var(--aku-accent);transition:transform .18s ease}
#studio-agents .sa-activity-row:is(:hover,:focus-visible) .sa-activity-arrow{transform:translateX(3px)}
#studio-agents .sa-activity-row:is(:hover,:focus-visible) .sa-activity-title{text-decoration:underline;text-underline-offset:4px}
#studio-agents .sa-activity-row:focus-visible{outline:2px solid var(--aku-accent);outline-offset:4px}
#studio-agents .sa-activity-foot{margin-top:18px}
#studio-agents .sa-activity-notice{margin:0;font:400 16px/1.65 var(--aku-font-body);color:var(--aku-copy)}
#studio-agents .sa-activity-feed [hidden]{display:none!important}
.sa-activity-announcement{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#studio-agents .sa-task.is-activity-selected,#studio-agents .sa-task:focus-visible{outline:2px solid var(--aku-accent);outline-offset:4px;scroll-margin-block:140px 32px}
@media(max-width:600px){#studio-agents .sa-activity-feed{padding:18px 14px}#studio-agents .sa-activity-row{gap:8px;padding-left:9px}}
@media(prefers-reduced-motion:reduce){#studio-agents .sa-activity-arrow{transition:none}}
html[data-motion=paused] #studio-agents .sa-activity-arrow{transition:none}