@layer dashboard-foundation, dashboard-atmosphere, dashboard-material, dashboard-mobile, dashboard-workspace;

/*
 * Foundation owns geometry and component state only. Material and elevation are
 * resolved by the two explicit layers below, so selector specificity can never
 * resurrect an older card background or shadow.
 */
@layer dashboard-foundation {
:root {
  --radius: 14px;
  font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Hiragino Sans GB", "Noto Sans CJK SC", "Segoe UI", system-ui, sans-serif;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
/* Component layout must never override the native closed-disclosure boundary. */
details:not([open]) > :not(summary) { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 280px;
  background: var(--bg);
  color: var(--text);
  line-height: 1.55;
}
button, input, textarea, select { font: inherit; }
button, input, textarea, select {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #0c151c;
  color: var(--text);
}
input, textarea, select { width: 100%; padding: .68rem .75rem; }
textarea { resize: vertical; }
button {
  min-height: 42px;
  padding: .58rem .9rem;
  background: var(--accent-strong);
  border-color: var(--accent-strong);
  color: #03130e;
  font-weight: 700;
  cursor: pointer;
}
button:hover { filter: brightness(1.08); }
button:disabled { cursor: not-allowed; filter: grayscale(1); opacity: .55; }
button.secondary { background: transparent; border-color: var(--border); color: var(--text); }
button.danger { background: transparent; border-color: var(--danger); color: var(--danger); }
a { color: var(--accent); }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
.visually-hidden, .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.skip-link { position: fixed; left: .5rem; top: -5rem; z-index: 10; padding: .7rem; background: var(--text); color: var(--bg); }
.skip-link:focus { top: .5rem; }
.topbar, main, footer { width: min(1280px, calc(100% - 2rem)); margin-inline: auto; }
.topbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding: 2.4rem 0 1.4rem; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: .25rem; font-size: clamp(1.8rem, 5vw, 3rem); letter-spacing: -.04em; }
h2 { margin-bottom: .25rem; font-size: clamp(1.25rem, 3vw, 1.7rem); }
h3 { margin-bottom: .45rem; overflow-wrap: anywhere; }
.eyebrow { margin-bottom: .2rem; color: var(--accent); font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.subtitle, .muted, .message { color: var(--muted); }
.subtitle { max-width: 65ch; margin-bottom: 0; }
.status-cluster { display: flex; align-items: center; gap: .55rem; white-space: nowrap; }
.status-dot { width: .72rem; height: .72rem; border-radius: 50%; background: var(--muted); }
.status-ok { background: var(--accent); box-shadow: 0 0 0 4px rgb(77 226 177 / 14%); }
.status-error { background: var(--danger); }

.section-nav {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  gap: .3rem;
  overflow-x: auto;
  padding: .65rem max(1rem, calc((100vw - 1280px) / 2));
  border-block: 1px solid var(--border);
  background: rgb(9 16 21 / 94%);
  backdrop-filter: blur(10px);
}
.section-nav a { padding: .42rem .65rem; border-radius: 6px; color: var(--muted); text-decoration: none; white-space: nowrap; }
.section-nav a:hover { background: var(--surface-raised); color: var(--text); }
main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; padding-block: 1rem 2rem; }
.panel { min-width: 0; scroll-margin-top: 5rem; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
/* The router publishes one information-architecture contract for every view.
 * These selectors shape the shell by surface and mode; feature panels remain
 * responsible for their own state and never need page-specific overrides. */
main[data-dashboard-surface="conversation"] { gap: 0; padding-top: .35rem; }
main[data-dashboard-surface="conversation"] > .dashboard-workspace { min-height: 0; }
main[data-dashboard-surface="design"] .section-heading,
main[data-dashboard-surface="management"] .section-heading,
main[data-dashboard-surface="operations"] .section-heading { max-width: 78rem; margin-inline: auto; }
main[data-dashboard-surface="design"] .panel,
main[data-dashboard-surface="operations"] .panel,
main[data-dashboard-surface="management"] .panel { background: color-mix(in srgb, var(--surface) 78%, transparent); }
main[data-dashboard-mode="library"] .workflow-center-shell,
main[data-dashboard-mode="runs"] .workflow-center-shell { max-width: 82rem; margin-inline: auto; }
main[data-dashboard-audience="employee"] .boss-only-surface { display: none !important; }
.auth-panel { display: grid; grid-template-columns: minmax(230px, .8fr) minmax(320px, 1.2fr); gap: 1rem 2rem; align-items: end; }
.auth-panel .message { grid-column: 1 / -1; margin-bottom: 0; }
.auth-panel.authenticated { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding-block: .75rem; }
.auth-panel.authenticated > div:first-child,
.auth-panel.authenticated .auth-fields,
.auth-panel.authenticated #login-button { display: none; }
.auth-panel.authenticated .auth-form { grid-column: 2; grid-row: 1; }
.auth-panel.authenticated .auth-actions { justify-content: flex-end; }
.auth-panel.authenticated .message { grid-column: 1; grid-row: 1; }
.auth-form { display: grid; gap: .75rem; }
.auth-fields { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(180px, 1.3fr); gap: .55rem .75rem; align-items: center; }
.auth-fields label { font-weight: 700; }
.auth-actions { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: flex-end; }
.inline-form { display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; gap: .55rem; align-items: end; }
.inline-form label { grid-column: 1 / -1; }
.toolbar, .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.toolbar { min-height: 48px; }
.toolbar .message { margin: 0; text-align: right; }
.section-heading { margin-bottom: 1rem; }
.count-badge, .pill { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); }
.count-badge { min-width: 2.3rem; min-height: 2.3rem; justify-content: center; padding: .2rem .55rem; }
.pill { padding: .13rem .5rem; font-size: .78rem; }
.pill.ok { border-color: var(--accent-strong); color: var(--accent); }
.pill.warn { border-color: var(--warning); color: var(--warning); }
.pill.bad { border-color: var(--danger); color: var(--danger); }

.metric-grid, .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: .75rem; }
.metric, .card, .list-item, .event-item { padding: 1rem; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-raised); }
.metric strong { display: block; font-size: 1.7rem; }
.metric span { color: var(--muted); }
.card-meta, .item-meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .75rem; }
.definition-list { display: grid; min-width: 0; grid-template-columns: fit-content(40%) minmax(0, 1fr); gap: .25rem .65rem; margin: 0; font-size: .9rem; }
.definition-list dt { color: var(--muted); }
.definition-list dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.card-actions, .item-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .85rem; }
.card-actions button, .item-actions button { min-height: 36px; padding: .35rem .65rem; font-size: .86rem; }
.list-stack, .event-list { display: grid; gap: .65rem; }
.list-item { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; }
.list-item > * { min-width: 0; }
.list-item p { min-width: 0; margin-bottom: .3rem; overflow-wrap: anywhere; }
.list-item h3, .list-item code { min-width: 0; overflow-wrap: anywhere; }
.empty-state { display: block; padding-block: 1rem; color: var(--muted); }
.event-item { display: block; padding: .25rem 1rem; }
.event-item > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .5rem 1rem; align-items: center; min-height: 52px; cursor: pointer; list-style: none; }
.event-item > summary::-webkit-details-marker { display: none; }
.event-item > summary > strong::before { content: "+"; display: inline-block; width: 1.4rem; color: var(--accent); }
.event-item[open] > summary > strong::before { content: "−"; }
.event-item > summary :is(time, span) { color: var(--muted); font-size: .75rem; }
.event-item > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.event-item > p { margin: .45rem 0; font-size: .8rem; }
.event-item time, .event-item code { color: var(--muted); }
.event-item pre { grid-column: 2; max-height: 12rem; margin: .2rem 0 0; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .78rem; color: var(--muted); }

.create-task, .create-work-session, .create-guidance { margin-bottom: 1rem; padding: .8rem 1rem; border: 1px solid var(--border); border-radius: 10px; }
.create-task summary, .create-work-session summary, .create-guidance summary { color: var(--accent); cursor: pointer; font-weight: 700; }
.configuration-editor summary { color: var(--accent); cursor: pointer; font-weight: 700; }
.form-grid { display: grid; grid-template-columns: minmax(130px, .3fr) minmax(0, 1fr); gap: .7rem 1rem; align-items: center; margin-top: 1rem; }
.form-grid textarea { min-height: 7rem; }
.form-note { grid-column: 2; margin-bottom: 0; color: var(--muted); font-size: .9rem; }
.form-grid button { grid-column: 2; justify-self: start; }

.security-notice {
  padding: .8rem 1rem;
  border: 1px solid var(--warning);
  border-radius: 10px;
  background: rgb(244 198 106 / 7%);
  color: var(--muted);
}
.security-notice code { color: var(--warning); overflow-wrap: anywhere; }
.configuration-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(250px, .7fr);
  gap: 1rem;
  align-items: start;
}
.configuration-editor, .model-catalog, .configuration-preview {
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-raised);
}
.configuration-form { display: grid; gap: 1rem; margin-top: 1rem; }
.configuration-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.configuration-form legend { padding: 0 .35rem; color: var(--accent); font-weight: 700; }
.field-grid {
  display: grid;
  grid-template-columns: minmax(145px, .35fr) minmax(0, 1fr);
  gap: .65rem 1rem;
  align-items: center;
}
.field-grid select[multiple] { min-height: 9rem; }
.configuration-advanced-selector { display: grid; gap: .8rem; margin-top: .8rem; padding-block: .8rem .2rem; border-block-start: 1px solid var(--line-rest); }
.configuration-advanced-selector[hidden] { display: none; }
.configuration-advanced-selector > header { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.configuration-advanced-selector > header :is(h4, p) { margin: 0; }
.configuration-advanced-selector > header p { max-width: 62ch; color: var(--muted); font-size: .78rem; }
.configuration-advanced-selector .field-grid { padding-inline-start: .7rem; border-inline-start: 1px solid var(--line-active); box-shadow: -8px 0 20px -22px var(--line-hot); }
.check-row { display: flex; align-items: center; gap: .55rem; }
.check-row input { width: auto; }
.configuration-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.configuration-form .form-note { grid-column: auto; margin-top: .7rem; }
.configuration-preview { margin-block: 1rem; }
.configuration-preview pre {
  max-height: 28rem;
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: .8rem;
}
.compact-heading { margin-block: 1rem .7rem; }
.compact-heading h3 { margin-bottom: 0; }
.configuration-state { grid-template-columns: minmax(0, 1fr) auto; }
.candidate-row {
  padding: .7rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #0c151c;
}
.candidate-row strong, .candidate-row span { display: block; overflow-wrap: anywhere; }
.candidate-row span { color: var(--muted); font-size: .84rem; }

.work-session-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
  gap: .8rem;
}
.work-session-card { display: grid; align-content: start; gap: .75rem; }
.work-session-card.user-impact { border-color: var(--warning); }
.work-session-card .definition-list { font-size: .82rem; }
.work-session-frame {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #05090c;
}
.work-session-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.work-session-frame canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.work-session-frame-status {
  margin: 0;
  color: var(--muted);
  font-size: .82rem;
}
.work-session-local-approval {
  margin: 0;
  padding: .55rem .7rem;
  border-left: 3px solid var(--warning);
  color: var(--warning);
  font-size: .84rem;
}
.monitor-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, .65fr);
  gap: 1rem;
  align-items: stretch;
}
.monitor-figure, .monitor-console-panel, .guidance-action-panel {
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-raised);
}
.monitor-figure { min-width: 0; }
.monitor-figure figcaption { margin-top: .55rem; color: var(--muted); font-size: .82rem; }
.monitor-graph {
  width: 100%;
  min-height: 360px;
  max-height: 680px;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #071017;
}
.monitor-graph-svg { display: block; width: 100%; min-width: 980px; min-height: 360px; }
.monitor-edge { fill: none; stroke: #4b6977; stroke-width: 1.4; opacity: .7; }
.monitor-cluster > rect { fill: var(--region-base); stroke: var(--sheet-divider); stroke-width: 1; }
.monitor-cluster-title { fill: var(--ui-label); font-size: 11px; font-weight: 600; }
.monitor-node-dot { fill: var(--muted); }
.monitor-node[data-runtime="running"] .monitor-node-dot { fill: var(--status-ok); }
.monitor-node[data-runtime="running"] rect { filter: url(#monitor-live-glow); }
.monitor-node rect { fill: var(--ui-secondary-bg); stroke: var(--border); stroke-width: 1.5; }
.monitor-node-guidance rect { stroke: #b28cff; }
.monitor-node-node rect { stroke: var(--accent); }
.monitor-node-device rect { stroke: #55b9ff; }
.monitor-node-task rect { stroke: var(--warning); }
.monitor-node-model rect { stroke: #8fcf74; }
.monitor-node-tool rect { stroke: #e7d26d; }
.monitor-node-invocation rect { stroke: #ff9b72; }
.monitor-node-work-session rect { stroke: #ef8bca; }
.monitor-node text { fill: var(--text); font-size: 12px; }
.monitor-node .monitor-node-state { fill: var(--muted); font-size: 10px; }
@media (forced-colors: active) {
  .monitor-cluster > rect, .monitor-node rect { fill: Canvas; stroke: CanvasText; }
  .monitor-cluster-title, .monitor-node text, .monitor-node .monitor-node-state, .monitor-node-dot { fill: CanvasText; }
}
.monitor-console-panel { min-width: 0; }
.monitor-console {
  display: grid;
  gap: .55rem;
  max-height: 620px;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.monitor-console-item { display: grid; gap: .15rem; padding: .65rem; border-left: 3px solid var(--accent-strong); background: #0c151c; }
.monitor-console-item time { color: var(--muted); font-size: .76rem; }
.monitor-fragment { margin: .25rem 0 0; overflow-wrap: anywhere; white-space: pre-wrap; font-size: .84rem; }
.monitor-fallback { margin-top: 1rem; }
.monitor-fallback summary { color: var(--accent); cursor: pointer; font-weight: 700; }
.monitor-graph-list { display: grid; gap: .45rem; padding-left: 1.25rem; }
.monitor-graph-list li { overflow-wrap: anywhere; }
.monitor-graph-list strong, .monitor-graph-list span { display: block; }
.guidance-action-panel { margin-block: 1rem; border-color: var(--warning); }
.guidance-action-panel[hidden] { display: none; }
.guidance-plan-summary { max-width: 90ch; overflow-wrap: anywhere; white-space: pre-wrap; }
.guidance-campaign { align-items: start; }


.work-device-identity { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.work-device-identity > div { min-width: 0; }
.work-device-identity h3 { margin: 0; overflow-wrap: anywhere; }
.work-device-identity small { display: block; margin-top: .12rem; color: var(--muted); }
.work-device-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .25rem; margin: 0; padding: 0; list-style: none; }
.work-device-stages li { min-width: 0; padding-block-start: .45rem; border-block-start: 1px solid var(--border); color: var(--muted); font-size: .7rem; line-height: 1.35; }
.work-device-stages li.is-complete { border-color: var(--accent); color: var(--text); }
.work-device-stages li.is-current { border-color: var(--warning); color: var(--text); font-weight: 700; }
.work-device-input-boundary { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.mobile-workbench-overview { display: grid; gap: .85rem; margin: 1rem 0; padding: 1rem; border: 1px solid color-mix(in srgb, var(--border) 70%, var(--accent)); border-radius: 1.1rem; background: linear-gradient(135deg, color-mix(in srgb, var(--surface) 82%, transparent), color-mix(in srgb, var(--accent) 8%, transparent)); }
.mobile-workbench-overview > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.mobile-workbench-overview h3, .mobile-workbench-overview p { margin: 0; }
.mobile-workbench-stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 1px; list-style: none; border-radius: .85rem; overflow: hidden; background: color-mix(in srgb, var(--border) 72%, transparent); }
.mobile-workbench-stages li { display: grid; gap: .25rem; min-width: 0; padding: .75rem; background: color-mix(in srgb, var(--surface) 94%, transparent); }
.mobile-workbench-stages span { color: var(--muted); font-size: .72rem; }
.mobile-workbench-stages strong { overflow-wrap: anywhere; font-size: .86rem; }
.mobile-workbench-manual { justify-self: start; color: var(--accent); font-size: .82rem; text-underline-offset: .22rem; }
.work-session-frame.is-mobile-device { width: min(100%, 19rem); aspect-ratio: 9 / 16; justify-self: center; padding: .42rem; border: 1px solid color-mix(in srgb, var(--border) 72%, var(--accent)); border-radius: 2rem; background: linear-gradient(145deg, #081118, #020508); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 6%), 0 1rem 2.4rem rgb(0 0 0 / 22%); }
.work-session-frame.is-mobile-device::before { content: ""; position: absolute; z-index: 2; inset-block-start: .7rem; inset-inline-start: 50%; width: 27%; height: .28rem; transform: translateX(-50%); border-radius: 999px; background: rgb(255 255 255 / 20%); pointer-events: none; }
.work-session-frame.is-mobile-device img, .work-session-frame.is-mobile-device canvas { border-radius: 1.55rem; }
.work-session-card.is-mobile-device .definition-list { grid-template-columns: minmax(6rem, .45fr) minmax(0, 1fr); }
.public-command-device-window.is-mobile-device .public-command-device-frame { width: min(100%, 12rem); justify-self: center; }
@media (max-width: 520px) {
  .work-device-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: .55rem; }
  .work-session-frame.is-mobile-device { width: min(88vw, 18rem); }
  .mobile-workbench-overview > header { align-items: flex-start; flex-direction: column; }
  .mobile-workbench-stages { grid-template-columns: minmax(0, 1fr); }
}
@media (forced-colors: active) {
  .work-session-frame.is-mobile-device { border: 2px solid CanvasText; }
  .work-device-stages li.is-current { border-color: Highlight; }
}

footer { padding: 0 0 2rem; color: var(--muted); font-size: .88rem; }

.distribution-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .55fr);
  gap: 1rem;
  align-items: start;
  margin-bottom: 1rem;
}
.distribution-editor, .distribution-status {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-raised);
}
.distribution-editor summary { color: var(--accent); cursor: pointer; font-weight: 700; }
.distribution-form { display: grid; gap: 1rem; margin-top: 1rem; }
.distribution-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.distribution-form fieldset[hidden], .distribution-field-row[hidden] { display: none; }
.distribution-form legend { padding: 0 .35rem; color: var(--accent); font-weight: 700; }
.distribution-fields, .distribution-filter-form {
  display: grid;
  grid-template-columns: minmax(145px, .35fr) minmax(0, 1fr);
  gap: .65rem 1rem;
  align-items: center;
}
.distribution-fields select[multiple] { min-height: 10rem; }
.distribution-field-row { display: contents; }
.distribution-note { grid-column: auto; margin-top: .75rem; }
.distribution-filter-form { grid-template-columns: 1fr; }
.distribution-filter-form button { justify-self: start; }
.distribution-status .muted { margin-top: 1rem; font-size: .86rem; }
.runtime-package-catalog {
  display: grid;
  gap: .75rem;
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-raised);
}
.runtime-package-picker {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto minmax(140px, .55fr);
  gap: .55rem .75rem;
  align-items: center;
}
.runtime-package-detail {
  min-height: 7rem;
  padding: .8rem;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.runtime-package-card { display: grid; gap: .65rem; }
.runtime-package-card p { margin: 0; overflow-wrap: anywhere; }
.runtime-package-card button { justify-self: start; max-width: 100%; overflow-wrap: anywhere; }
.runtime-package-boundaries summary { color: var(--accent); cursor: pointer; font-weight: 700; }
.runtime-package-boundaries p { margin: .55rem 0 0; color: var(--muted); }
.distribution-publication { display: grid; gap: .7rem; }
.distribution-publication .definition-list { grid-template-columns: minmax(115px, max-content) minmax(0, 1fr); }
.distribution-summary { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.distribution-targets-status { margin-top: .25rem; }
.distribution-targets-status summary { color: var(--accent); cursor: pointer; font-weight: 700; }
.distribution-target-list { display: grid; gap: .45rem; margin: .75rem 0 0; padding: 0; list-style: none; }
.distribution-target-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .2rem .7rem;
  padding: .6rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #0c151c;
}
.distribution-target-list strong, .distribution-target-list small { overflow-wrap: anywhere; }
.distribution-target-list small { grid-column: 1 / -1; color: var(--muted); }

@media (max-width: 760px) {
  .distribution-layout, .distribution-fields, .runtime-package-picker { grid-template-columns: 1fr; }
  .distribution-fields > * { grid-column: 1; }
  .distribution-publication .definition-list { grid-template-columns: 1fr; }
}


.distributed-build-studio { container: distributed-build / inline-size; display: grid; gap: 1rem; }
.distributed-build-heading, .distributed-build-subheading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.distributed-build-heading p, .distributed-build-subheading p { margin-bottom: 0; }
.distributed-build-heading-actions { display: flex; align-items: center; gap: .65rem; }
.distributed-build-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .6rem; }
.distributed-build-metrics > div { padding: .85rem; border: 1px solid var(--border); border-radius: 12px; background: color-mix(in srgb, var(--surface-raised) 88%, transparent); }
.distributed-build-metrics strong, .distributed-build-metrics span { display: block; }
.distributed-build-metrics strong { font-size: 1.5rem; }
.distributed-build-metrics span { color: var(--muted); font-size: .78rem; }
.distributed-build-stages { display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: .55rem; margin: 0; padding: 0; overflow-x: auto; list-style: none; }
.distributed-build-stages li { position: relative; display: grid; gap: .2rem; min-width: 120px; padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-raised); }
.distributed-build-stages li:not(:last-child)::after { position: absolute; top: 50%; right: -.43rem; width: .3rem; height: 1px; background: var(--border); content: ""; }
.distributed-build-stages b { color: var(--muted); font-size: .7rem; letter-spacing: .12em; }
.distributed-build-stages span { color: var(--muted); font-size: .76rem; }
.distributed-build-stages .is-running { border-color: var(--accent); box-shadow: inset 0 0 0 1px rgb(77 226 177 / 12%); }
.distributed-build-stages .is-attention { border-color: var(--warning); }
.distributed-build-stages .is-complete { background: rgb(35 189 141 / 10%); }
.distributed-build-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; }
.distributed-build-layout > section { min-width: 0; padding: 1rem; border: 1px solid var(--border); border-radius: 14px; background: color-mix(in srgb, var(--surface-raised) 70%, transparent); }
.distributed-build-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: .6rem; margin-top: .8rem; }
.distributed-build-card { display: grid; gap: .25rem; min-width: 0; padding: .8rem; border: 1px solid var(--border); border-radius: 11px; background: #0c151c; }
.distributed-build-card strong, .distributed-build-card span, .distributed-build-card small { min-width: 0; overflow-wrap: anywhere; }
.distributed-build-card span, .distributed-build-card small { color: var(--muted); }
.distributed-build-card.is-ready { border-inline-start: 3px solid var(--accent); }
.distributed-build-card.is-team { border-inline-start: 3px solid #aa91ff; }
.distributed-build-card.is-proposal { border-inline-start: 3px solid var(--warning); }
.distributed-build-card.is-room { border-inline-start: 3px solid #69b9ff; }
.distributed-build-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.distributed-build-boundary { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .8rem; margin: 0; padding: .8rem 1rem; border: 1px solid var(--warning); border-radius: 12px; color: var(--muted); }
.distributed-build-boundary strong { color: var(--warning); }
@container distributed-build (max-width: 560px) {
  .distributed-build-heading, .distributed-build-subheading { align-items: stretch; flex-direction: column; }
  .distributed-build-heading-actions { justify-content: space-between; }
  .distributed-build-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .distributed-build-layout, .distributed-build-boundary { grid-template-columns: minmax(0, 1fr); }
  .distributed-build-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .distributed-build-actions button { width: 100%; }
}
@container distributed-build (max-width: 330px) {
  .distributed-build-metrics { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .distributed-build-heading, .distributed-build-subheading { align-items: stretch; flex-direction: column; }
  .distributed-build-heading-actions { justify-content: space-between; }
  .distributed-build-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .distributed-build-layout { grid-template-columns: 1fr; }
  .distributed-build-actions button { flex: 1 1 10rem; }
  .distributed-build-boundary { grid-template-columns: 1fr; }
}


.digital-employee-fabric { container: digital-employee-fabric / inline-size; position: relative; display: grid; gap: 1rem; margin-top: .4rem; padding: clamp(1rem, 2.5vw, 1.6rem); overflow: hidden; border-radius: 24px; background: linear-gradient(145deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 1.5%)); box-shadow: inset 0 1px rgb(255 255 255 / 10%), 0 28px 80px rgb(0 0 0 / 22%); }
.digital-employee-fabric::before { position: absolute; inset: 0 auto auto 0; width: 48%; height: 1px; background: linear-gradient(90deg, transparent, #f7e8a6, #a46f22, transparent); content: ""; opacity: .85; }
.digital-employee-fabric-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.digital-employee-fabric-heading > div:last-child { display: flex; align-items: center; gap: .7rem; }
.digital-employee-fabric-heading p { max-width: 72ch; margin: 0; color: var(--muted); }
.digital-employee-fabric-heading h3 { margin-bottom: .3rem; }
.digital-employee-fabric-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.digital-employee-fabric-metrics > div { display: grid; min-width: 0; gap: .15rem; padding: .9rem 1rem; border-radius: 16px; background: rgb(0 0 0 / 16%); box-shadow: inset 0 1px rgb(255 255 255 / 6%); }
.digital-employee-fabric-metrics small, .digital-employee-fabric-metrics span { color: var(--muted); overflow-wrap: anywhere; }
.digital-employee-fabric-metrics strong { font-size: clamp(1.5rem, 3vw, 2.1rem); font-variant-numeric: tabular-nums; }
.digital-employee-fabric-workforce { display: grid; gap: .7rem; padding: .9rem; border-radius: 18px; background: rgb(255 255 255 / 42%); box-shadow: inset 0 0 0 1px var(--glass-outline-fluid); }
.digital-employee-fabric-workforce > header { display: flex; align-items: end; justify-content: space-between; gap: .8rem; }
.digital-employee-fabric-workforce :is(h4, p) { margin: 0; }
.digital-employee-fabric-workforce > header > small { color: var(--muted); text-align: right; }
.digital-employee-fabric-directory { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); gap: .55rem; }
.digital-employee-fabric-person { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto; gap: .15rem .6rem; align-items: center; padding: .7rem; border: 0; border-radius: 15px; color: var(--text); background: rgb(255 255 255 / 52%); box-shadow: inset 0 0 0 1px var(--glass-outline-fluid); text-align: left; }
.digital-employee-fabric-person:hover:not(:disabled) { color: var(--text); background: var(--sea-salt-soft); filter: none; transform: translateY(-1px); }
.digital-employee-fabric-avatar { display: grid; width: 2.7rem; height: 2.7rem; grid-row: 1 / span 2; place-items: center; border-radius: 50%; color: var(--ink-strong); background: linear-gradient(145deg, var(--sea-salt), var(--metal-gold-light)); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 72%), 0 7px 18px rgb(62 106 101 / 16%); font-weight: 850; }
.digital-employee-fabric-person[data-tone="pearl"] .digital-employee-fabric-avatar { background: linear-gradient(145deg, #fff, #dce9e5); }
.digital-employee-fabric-person[data-tone="gold"] .digital-employee-fabric-avatar { background: linear-gradient(145deg, #fff9e8, var(--metal-gold-light)); }
.digital-employee-fabric-person-copy { display: grid; min-width: 0; }
.digital-employee-fabric-person-copy :is(strong, small), .digital-employee-fabric-person-work { overflow-wrap: anywhere; }
.digital-employee-fabric-person-copy small, .digital-employee-fabric-person-work { color: var(--muted); }
.digital-employee-fabric-person-work { grid-column: 2 / -1; }
.digital-employee-fabric-person.is-attention { box-shadow: inset 3px 0 var(--warning), inset 0 0 0 1px var(--glass-outline-fluid); }
.digital-employee-fabric-person.is-working { box-shadow: inset 3px 0 var(--accent), inset 0 0 0 1px var(--glass-outline-fluid); }
.digital-employee-fabric-deployment { display: grid; gap: .75rem; padding: 1rem; border-radius: 18px; background: rgb(255 255 255 / 3%); box-shadow: inset 0 1px rgb(255 255 255 / 8%); }
.digital-employee-fabric-section-heading, .digital-employee-fabric-subheading { display: flex; align-items: end; justify-content: space-between; gap: .8rem; }
.digital-employee-fabric-section-heading :is(h4, p), .digital-employee-fabric-subheading :is(h5, p) { margin: 0; }
.digital-employee-fabric-section-heading > div:last-child, .digital-employee-fabric-subheading > small { color: var(--muted); text-align: right; }
.digital-employee-fabric-deployment-summary { display: grid; justify-items: end; gap: .2rem; }
.digital-employee-fabric-deployment-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.digital-employee-fabric-deployment-metrics > span { display: grid; gap: .1rem; padding: .65rem .75rem; border-block-end: 1px solid rgb(255 255 255 / 10%); }
.digital-employee-fabric-deployment-metrics small, .digital-employee-fabric-node-meta, .digital-employee-fabric-process-meta { color: var(--muted); overflow-wrap: anywhere; }
.digital-employee-fabric-deployment-metrics strong { font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.digital-employee-fabric-placement { display: grid; gap: .55rem; padding: .8rem; border-radius: 16px; background: rgb(255 255 255 / 5%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 8%); }
.digital-employee-fabric-placement-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: .55rem; align-items: end; }
.digital-employee-fabric-placement-form label { display: grid; gap: .25rem; min-width: 0; color: var(--muted); font-size: .82rem; }
.digital-employee-fabric-placement-form select { min-width: 0; }
.digital-employee-fabric-placement-form button { min-height: 40px; white-space: nowrap; }
.digital-employee-fabric-placement-message { margin: 0; color: var(--muted); }
.digital-employee-fabric-node-placements li button { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.digital-employee-fabric-deployment-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: .8rem; }
.digital-employee-fabric-deployment-grid > section { min-width: 0; display: grid; align-content: start; gap: .55rem; padding: .8rem; border-block-start: 1px solid rgb(255 255 255 / 8%); }
.digital-employee-fabric-node-grid, .digital-employee-fabric-process-list { display: grid; min-width: 0; gap: .5rem; }
.digital-employee-fabric-node-history { min-width: 0; border-block-start: 1px solid rgb(255 255 255 / 12%); }
.digital-employee-fabric-node-history > summary { cursor: pointer; padding: .55rem .2rem; color: var(--muted); font-size: .82rem; }
.digital-employee-fabric-node-history[open] { display: grid; gap: .45rem; }
.digital-employee-fabric-node-card, .digital-employee-fabric-process-card { display: grid; min-width: 0; gap: .45rem; padding: .7rem .8rem; border-block-end: 1px solid rgb(255 255 255 / 10%); background: rgb(0 0 0 / 10%); }
.digital-employee-fabric-node-card.is-online { box-shadow: inset 2px 0 var(--accent); }
.digital-employee-fabric-node-card.is-degraded { box-shadow: inset 2px 0 var(--warning); }
.digital-employee-fabric-node-card.is-offline { box-shadow: inset 2px 0 var(--muted); opacity: .82; }
.digital-employee-fabric-node-heading, .digital-employee-fabric-process-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.digital-employee-fabric-node-identity, .digital-employee-fabric-process-identity { display: flex; min-width: 0; align-items: center; gap: .45rem; }
.digital-employee-fabric-node-identity strong, .digital-employee-fabric-process-identity strong { min-width: 0; overflow-wrap: anywhere; }
.digital-employee-fabric-node-dot { width: .55rem; height: .55rem; flex: 0 0 .55rem; border-radius: 50%; background: var(--muted); }
.digital-employee-fabric-node-card.is-online .digital-employee-fabric-node-dot { background: var(--accent); box-shadow: 0 0 11px var(--accent); }
.digital-employee-fabric-node-card.is-degraded .digital-employee-fabric-node-dot { background: var(--warning); }
.digital-employee-fabric-node-count { margin: 0; color: var(--muted); font-size: .84rem; }
.digital-employee-fabric-node-placements { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.digital-employee-fabric-node-placements li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .1rem .5rem; padding: .35rem 0; border-block-start: 1px solid rgb(255 255 255 / 6%); }
.digital-employee-fabric-node-placements li strong, .digital-employee-fabric-node-placements li small { min-width: 0; overflow-wrap: anywhere; }
.digital-employee-fabric-node-placements li span { color: var(--accent); font-size: .78rem; }
.digital-employee-fabric-node-placements li.is-drifted span { color: var(--warning); }
.digital-employee-fabric-node-placements li.is-revoked span { color: var(--muted); }
.digital-employee-fabric-node-placements li small { grid-column: 1 / -1; color: var(--muted); }
.digital-employee-fabric-process-card.is-running { box-shadow: inset 2px 0 var(--accent); }
.digital-employee-fabric-process-card.is-blocked { box-shadow: inset 2px 0 var(--warning); }
.digital-employee-fabric-process-card.is-retired { opacity: .72; }
.digital-employee-fabric-process-readiness { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .6rem; min-width: 0; }
.digital-employee-fabric-process-readiness strong { color: var(--warning); font-size: .82rem; }
.digital-employee-fabric-process-readiness small { color: var(--muted); overflow-wrap: anywhere; }
.digital-employee-fabric-process-readiness button { min-height: 30px; padding: .3rem .55rem; font-size: .76rem; }
.digital-employee-fabric-process-avatar { display: grid; width: 2rem; height: 2rem; flex: 0 0 2rem; place-items: center; border-radius: 50%; color: var(--ink-strong); background: linear-gradient(145deg, var(--sea-salt), var(--metal-gold-light)); font-size: .78rem; font-weight: 800; }
.digital-employee-fabric-process-identity { flex-wrap: wrap; }
.digital-employee-fabric-process-identity small { flex-basis: 100%; margin-left: 2.45rem; color: var(--muted); overflow-wrap: anywhere; }
.digital-employee-fabric-process-rail { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .25rem; margin: 0; padding: 0; list-style: none; }
.digital-employee-fabric-process-rail li { display: grid; min-width: 0; gap: .2rem; padding: .42rem .3rem; border-block-end: 2px solid rgb(255 255 255 / 12%); color: var(--muted); font-size: .76rem; }
.digital-employee-fabric-process-rail li span, .digital-employee-fabric-process-rail li small { overflow-wrap: anywhere; }
.digital-employee-fabric-process-rail li small { font-size: .68rem; }
.digital-employee-fabric-process-rail li.is-completed { border-block-end-color: var(--accent); color: var(--text); }
.digital-employee-fabric-process-rail li.is-current { border-block-end-color: var(--warning); color: var(--text); box-shadow: 0 4px 15px -10px var(--warning); }
.digital-employee-fabric-process-rail li.is-blocked { border-block-end-color: var(--danger); color: var(--danger); }
.digital-employee-fabric-body { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: .9rem; }
.digital-employee-fabric-body > section { min-width: 0; padding: 1rem; border-radius: 18px; background: rgb(0 0 0 / 12%); }
.digital-employee-fabric-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.digital-employee-fabric-service { display: grid; grid-template-columns: 1fr auto; gap: .15rem .6rem; min-width: 0; padding: .7rem .8rem; border-radius: 12px; background: rgb(255 255 255 / 3%); }
.digital-employee-fabric-service strong, .digital-employee-fabric-service small { min-width: 0; overflow-wrap: anywhere; }
.digital-employee-fabric-service small { grid-column: 1 / -1; color: var(--muted); }
.digital-employee-fabric-service i { width: .55rem; height: .55rem; margin-top: .35rem; border-radius: 50%; background: var(--warning); box-shadow: 0 0 14px rgb(244 198 106 / 30%); }
.digital-employee-fabric-service.is-ready i { background: var(--accent); box-shadow: 0 0 14px rgb(77 226 177 / 35%); }
.digital-employee-fabric-service.is-not-configured i { background: var(--muted); box-shadow: none; }
.digital-employee-fabric-topology { display: grid; gap: .45rem; margin: 0; }
.digital-employee-fabric-topology > div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: .6rem; padding: .55rem 0; box-shadow: inset 0 -1px rgb(255 255 255 / 6%); }
.digital-employee-fabric-topology dt { color: var(--muted); }
.digital-employee-fabric-topology dd { margin: 0; overflow-wrap: anywhere; }
.digital-employee-fabric-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.digital-employee-fabric-actions button { min-height: 40px; border: 0; background: rgb(255 255 255 / 7%); color: var(--text); box-shadow: inset 0 1px rgb(255 255 255 / 8%); }
.digital-employee-fabric-actions button:hover { background: rgb(255 255 255 / 11%); }
.digital-employee-fabric-boundary { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .8rem; margin: 0; padding-top: .8rem; box-shadow: inset 0 1px rgb(255 255 255 / 7%); color: var(--muted); }
.digital-employee-fabric-boundary strong { color: #e8cf82; }
@container digital-employee-fabric (max-width: 700px) { .digital-employee-fabric-metrics, .digital-employee-fabric-services { grid-template-columns: repeat(2, minmax(0, 1fr)); } .digital-employee-fabric-body, .digital-employee-fabric-deployment-grid { grid-template-columns: 1fr; } }
@container digital-employee-fabric (max-width: 520px) { .digital-employee-fabric-heading, .digital-employee-fabric-workforce > header, .digital-employee-fabric-section-heading, .digital-employee-fabric-subheading { flex-direction: column; align-items: flex-start; } .digital-employee-fabric-workforce > header > small, .digital-employee-fabric-subheading > small { text-align: left; } .digital-employee-fabric-heading > div:last-child, .digital-employee-fabric-deployment-summary { width: 100%; justify-content: space-between; justify-items: start; } .digital-employee-fabric-metrics, .digital-employee-fabric-services, .digital-employee-fabric-deployment-metrics { grid-template-columns: 1fr; } .digital-employee-fabric-placement-form { grid-template-columns: 1fr; } .digital-employee-fabric-topology > div, .digital-employee-fabric-boundary { grid-template-columns: 1fr; } .digital-employee-fabric-actions { display: grid; grid-template-columns: 1fr; } .digital-employee-fabric-process-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { .digital-employee-fabric-metrics, .digital-employee-fabric-services { grid-template-columns: repeat(2, minmax(0, 1fr)); } .digital-employee-fabric-body, .digital-employee-fabric-deployment-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .digital-employee-fabric-heading, .digital-employee-fabric-section-heading { flex-direction: column; } .digital-employee-fabric-heading > div:last-child, .digital-employee-fabric-deployment-summary { width: 100%; justify-content: space-between; justify-items: start; } .digital-employee-fabric-metrics, .digital-employee-fabric-services, .digital-employee-fabric-deployment-metrics { grid-template-columns: 1fr; } .digital-employee-fabric-topology > div, .digital-employee-fabric-boundary { grid-template-columns: 1fr; } .digital-employee-fabric-actions { display: grid; grid-template-columns: 1fr; } .digital-employee-fabric-process-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); } }


[data-dashboard-workspace][hidden] { display: none !important; }
.dashboard-workspace { display: grid; min-width: 0; gap: 1rem; }
.system-section-nav {
  display: flex;
  gap: .35rem;
  overflow-x: auto;
  padding: .65rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
}
.system-section-nav a {
  padding: .42rem .65rem;
  border-radius: 7px;
  color: var(--muted);
  text-decoration: none;
  white-space: nowrap;
}
.system-section-nav a:hover, .system-section-nav a[aria-current="location"] {
  background: var(--surface-raised);
  color: var(--accent);
}
.business-plugin-center { overflow: hidden; }
.business-plugin-intro { max-width: 82ch; color: var(--muted); }
.business-plugin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 1rem; }
.business-plugin-card {
  display: grid;
  min-width: 0;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 1.35rem);
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-raised);
}
.business-plugin-card-featured {
  border-color: rgb(77 226 177 / 52%);
  background: linear-gradient(145deg, rgb(77 226 177 / 9%), var(--surface-raised) 44%);
}
.business-plugin-card-heading, .business-plugin-workspace-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.business-plugin-card-heading h3, .business-plugin-workspace-header h2 { margin-bottom: 0; }
.business-plugin-badges { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; }
.business-plugin-capabilities { display: grid; gap: .65rem; margin: 0; }
.business-plugin-capabilities div { display: grid; grid-template-columns: minmax(8rem, .35fr) minmax(0, 1fr); gap: .75rem; }
.business-plugin-capabilities dt { color: var(--text); font-weight: 700; }
.business-plugin-capabilities dd { min-width: 0; margin: 0; color: var(--muted); overflow-wrap: anywhere; }
.business-plugin-open {
  width: fit-content;
  min-height: 42px;
  padding: .58rem .9rem;
  border: 1px solid var(--accent-strong);
  border-radius: 8px;
  background: var(--accent-strong);
  color: #03130e;
  font-weight: 800;
  text-decoration: none;
}
.business-plugin-open:hover { filter: brightness(1.08); }
.business-plugin-workspace { display: grid; min-width: 0; gap: 1rem; scroll-margin-top: 5rem; }
.business-plugin-workspace-header { border-color: rgb(77 226 177 / 38%); }
.business-plugin-workspace-header > div:first-child { max-width: 78ch; }
.business-plugin-workspace-header p:last-child { margin-bottom: 0; color: var(--muted); }
.business-plugin-workspace-details { padding-block: .85rem; }
.business-plugin-workspace-details .definition-list { grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr); }
.business-plugin-engine-bridge {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  border-color: rgb(244 198 106 / 45%);
}
.business-plugin-engine-bridge p:last-child { margin-bottom: 0; color: var(--muted); }
.business-plugin-engine-actions { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: flex-end; }
.business-plugin-nav {
  position: sticky;
  top: 3.9rem;
  z-index: 4;
  display: flex;
  gap: .45rem;
  overflow-x: auto;
  padding: .65rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgb(16 26 34 / 96%);
  backdrop-filter: blur(10px);
}
.business-plugin-nav a {
  padding: .45rem .7rem;
  border-radius: 7px;
  color: var(--muted);
  text-decoration: none;
  white-space: nowrap;
}
.business-plugin-nav a:hover, .business-plugin-nav a[aria-current="location"] {
  background: var(--surface-raised);
  color: var(--accent);
}
.section-nav a[aria-current="page"] { background: var(--surface-raised); color: var(--accent); }

@media (max-width: 760px) {
  .business-plugin-card-heading, .business-plugin-workspace-header { flex-direction: column; }
  .business-plugin-badges { justify-content: flex-start; }
  .business-plugin-capabilities div { grid-template-columns: 1fr; gap: .15rem; }
  .business-plugin-open { width: 100%; text-align: center; }
  .business-plugin-engine-bridge { grid-template-columns: 1fr; }
  .business-plugin-engine-actions { justify-content: stretch; }
  .business-plugin-engine-actions button { flex: 1 1 13rem; }
  .business-plugin-nav { top: 3.7rem; }
}


#generated-business-apps.panel {
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.generated-app-first-look-details { margin-block: 1rem; }
.generated-app-first-look-details > summary { color: var(--muted); font-weight: 750; cursor: pointer; }
.generated-app-first-look-details[open] > summary { color: var(--accent); }
.generated-app-first-look-details .generated-app-first-look { margin-top: .75rem; }
.generated-app-first-look {
  position: relative;
  isolation: isolate;
  margin-bottom: 1.5rem;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  overflow: hidden;
  border-radius: 22px;
  background: var(--sheet-bg-quiet);
  box-shadow: inset 2px 0 var(--line-active);
}
.generated-app-runtime-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .7rem 1rem;
  align-items: start;
}
.generated-app-runtime-line h2 {
  margin-bottom: .25rem;
  font-size: clamp(1.25rem, 2.8vw, 2rem);
  letter-spacing: -.03em;
}
.generated-app-runtime-line p:last-child { max-width: 76ch; margin: 0; color: var(--muted); }
.generated-app-runtime-dot {
  width: .7rem;
  height: .7rem;
  margin-top: .45rem;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 5px rgb(117 244 227 / 9%), 0 0 22px rgb(117 244 227 / 34%);
}
.generated-app-runtime-state {
  padding: .38rem .62rem;
  border-radius: 999px;
  background: rgb(117 244 227 / 7%);
  color: var(--accent);
  font-size: .74rem;
  font-weight: 750;
  white-space: nowrap;
}
.generated-app-empty-explanation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .35rem 1rem;
  margin-top: 1rem;
  padding: .65rem 0;
  box-shadow: inset 0 -1px rgb(255 255 255 / 7%);
}
.generated-app-empty-explanation strong { color: var(--warning); }
.generated-app-empty-explanation p { margin: 0; color: var(--muted); font-size: .84rem; }
.generated-app-empty-explanation b { color: var(--text); }
.generated-app-system-overview { margin-top: .75rem; color: var(--muted); }
.generated-app-system-overview > summary { min-height: 40px; padding-block: .45rem; cursor: pointer; font-size: .82rem; font-weight: 750; }
.generated-app-system-overview[open] > summary { color: var(--accent); }
.generated-app-system-path {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .45rem;
  margin: .85rem 0 0;
  padding: 0;
  list-style: none;
}
.generated-app-system-path li { position: relative; min-width: 0; }
.generated-app-system-path li:not(:last-child)::after {
  content: "›";
  position: absolute;
  top: 50%;
  right: -.38rem;
  z-index: 1;
  translate: 0 -50%;
  color: rgb(177 189 230 / 52%);
}
.generated-app-system-path a {
  display: grid;
  min-height: 6.8rem;
  gap: .15rem;
  align-content: start;
  padding: .7rem;
  border-radius: 12px;
  background: rgb(255 255 255 / 2.5%);
  color: var(--text);
  text-decoration: none;
}
.generated-app-system-path a:hover { background: var(--sheet-bg-hover); }
.generated-app-system-path span { color: var(--accent); font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.generated-app-system-path strong { font-size: .82rem; }
.generated-app-system-path small { color: var(--muted); font-size: .7rem; line-height: 1.35; }
.generated-app-first-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .75rem; }
.generated-app-first-actions a {
  min-height: 40px;
  padding: .48rem .75rem;
  border-radius: 10px;
  background: var(--sheet-bg-quiet);
  color: var(--text);
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
}
.generated-app-first-actions a.generated-app-primary-action {
  color: #fff;
  background: var(--action-bg);
}
.generated-app-workspace { min-width: 0; }
.generated-app-blueprint-note { color: var(--muted); }
.generated-app-journey {
  display: grid;
  gap: .7rem;
  margin-block: var(--ui-section-gap);
  padding: var(--ui-space-4) var(--ui-space-5);
  background: var(--sheet-bg-quiet);
  box-shadow: inset 2px 0 var(--line-active);
}
.generated-app-journey > button { justify-self: start; min-height: 44px; }
.generated-app-journey > div strong,
.generated-app-journey > div span { display: block; }
.generated-app-journey > div span { margin-top: .2rem; color: var(--muted); }
.generated-app-journey ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.generated-app-journey li { display: flex; gap: .45rem; align-items: center; min-width: 0; color: var(--muted); font-size: .8rem; }
.generated-app-journey li b { display: grid; width: 1.55rem; height: 1.55rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgb(255 255 255 / 6%); }
.generated-app-journey li.complete { color: var(--success); }
.generated-app-journey li.current { color: var(--accent); font-weight: 750; }
.generated-app-editor {
  margin-block: 1rem;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-raised);
}
.generated-app-editor > summary {
  min-height: 46px;
  padding: .8rem 1rem;
  color: var(--accent);
  cursor: pointer;
  font-weight: 800;
}
.generated-app-form { display: grid; gap: 1rem; padding: 0 1rem 1rem; }
.generated-app-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.generated-app-form legend { padding-inline: .35rem; color: var(--accent); font-weight: 800; }
.generated-app-field-grid {
  display: grid;
  grid-template-columns: minmax(9rem, .35fr) minmax(0, 1fr);
  gap: .7rem 1rem;
  align-items: center;
}
.generated-app-field-grid > label:not(.check-row) { font-weight: 700; }
.generated-app-field-grid .form-note { grid-column: 2; }
.generated-app-draft-summary, .generated-app-review {
  padding: 1rem;
  border: 1px solid var(--warning);
  border-radius: 10px;
  background: rgb(244 198 106 / 7%);
}
.generated-app-draft-summary h3, .generated-app-review h3 { margin-bottom: .7rem; }
.generated-app-form-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.generated-app-form-actions button { min-height: 44px; }
.generated-app-review { margin-block: 1rem; scroll-margin-top: 5rem; }
.generated-app-review-ack { align-items: flex-start; margin-block: 1rem; }
.generated-app-review-ack input { margin-top: .3rem; }
.generated-app-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr));
  gap: .8rem;
}
.generated-app-card {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: .75rem;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-raised);
}
#generated-business-app-list > .generated-app-card {
  padding-inline: .35rem;
  border: 0;
  border-bottom: 1px solid rgb(255 255 255 / 6%);
  border-radius: 0;
  background: rgb(255 255 255 / 1.5%);
  box-shadow: none;
}
#generated-business-app-list > .generated-app-card:last-child { border-bottom-color: transparent; }
.generated-app-card.accent-blue { border-top: 3px solid #6ca8ff; }
.generated-app-card.accent-cyan { border-top: 3px solid #4de2d4; }
.generated-app-card.accent-amber { border-top: 3px solid var(--warning); }
.generated-app-card.accent-violet { border-top: 3px solid #b696ff; }
.generated-app-card.accent-slate { border-top: 3px solid #9aaab4; }
.generated-app-card-heading { display: flex; justify-content: space-between; gap: .75rem; align-items: flex-start; }
.generated-app-card-heading h3 { margin-bottom: .15rem; }
.generated-app-card-heading p { margin: 0; color: var(--muted); font-size: .82rem; }
.generated-app-version-badges { display: flex; flex-wrap: wrap; gap: .35rem; }
.generated-app-history {
  display: grid;
  gap: .65rem;
  padding: .75rem;
  border: 1px solid var(--border);
  border-radius: .75rem;
  background: var(--surface);
}
.generated-app-history h4 { margin: 0; }
.generated-app-history-item { display: grid; gap: .45rem; padding-top: .65rem; border-top: 1px solid var(--border); }
.generated-app-card .definition-list { grid-template-columns: minmax(6.5rem, max-content) minmax(0, 1fr); }
.generated-app-card-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: auto; }
.generated-app-card-actions button { min-height: 40px; padding: .4rem .65rem; font-size: .86rem; }
.generated-app-workspace { display: grid; gap: 1rem; scroll-margin-top: 5rem; }
.generated-app-workspace-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-color: rgb(108 168 255 / 45%);
}
.generated-app-workspace-header p:last-child { max-width: 76ch; margin-bottom: 0; color: var(--muted); }
.generated-app-workspace-nav {
  position: sticky;
  top: 3.9rem;
  z-index: 4;
  display: flex;
  gap: .4rem;
  overflow-x: auto;
  padding: .65rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgb(16 26 34 / 96%);
}
.generated-app-workspace-nav a, .generated-app-workspace-nav button {
  min-height: 40px;
  padding: .45rem .7rem;
  border-radius: 7px;
  border-color: transparent;
  background: transparent;
  color: var(--muted);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.generated-app-workspace-nav a:hover, .generated-app-workspace-nav button:hover { background: var(--surface-raised); color: var(--accent); }
.generated-app-workspace-content { display: grid; gap: 1rem; min-width: 0; }
.generated-app-case-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  padding: .8rem;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--surface-raised);
}
.generated-app-case-card p { margin: .2rem 0 0; color: var(--muted); overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .generated-app-runtime-line { grid-template-columns: auto minmax(0, 1fr); }
  .generated-app-runtime-state { grid-column: 2; justify-self: start; white-space: normal; }
  .generated-app-empty-explanation { grid-template-columns: 1fr; }
  .generated-app-system-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .generated-app-system-path li:not(:last-child)::after { display: none; }
  .generated-app-journey ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .generated-app-field-grid { grid-template-columns: 1fr; gap: .35rem; }
  .generated-app-field-grid .form-note { grid-column: 1; margin-bottom: .65rem; }
  .generated-app-field-grid > span[aria-hidden="true"] { display: none; }
  .generated-app-card-heading, .generated-app-workspace-header { flex-direction: column; }
  .generated-app-form-actions button, .generated-app-card-actions button { flex: 1 1 10rem; }
  .generated-app-workspace-nav { top: 3.7rem; }
  .generated-app-case-card { grid-template-columns: 1fr; }
  #generated-business-app-casework .section-heading { align-items: stretch; flex-direction: column; }
  #generated-business-app-casework-open-system { width: 100%; }
}

@media (max-width: 360px) {
  .generated-app-system-path { grid-template-columns: 1fr; }
  .generated-app-system-path a { min-height: 0; }
  .generated-app-first-actions { display: grid; }
  .generated-app-first-actions a { text-align: center; }
  .generated-app-journey ol { grid-template-columns: 1fr; }
  .generated-app-form { padding-inline: .65rem; }
  .generated-app-form fieldset { padding: .75rem; }
  .generated-app-grid { grid-template-columns: minmax(0, 1fr); }
}


.casework-connector-grants {
  container: casework-connector-grants / inline-size;
  margin-block: 1rem;
  padding: 0;
  border-block: 1px solid color-mix(in srgb, var(--accent) 34%, transparent);
  background: linear-gradient(110deg, color-mix(in srgb, var(--accent) 6%, transparent), transparent 58%);
}
.casework-connector-grants > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem .15rem;
  cursor: pointer;
  list-style-position: inside;
}
.casework-connector-grants > summary > span:first-child { display: grid; gap: .12rem; }
.casework-connector-grants > summary small { color: var(--muted); font-weight: 500; }
.casework-connector-grant-summary { color: var(--muted); white-space: nowrap; }
.casework-connector-grant-boundary { margin: 0 0 1rem; }
.casework-connector-grant-form {
  display: grid;
  grid-template-columns: minmax(8.5rem, .25fr) minmax(0, 1fr);
  gap: .7rem 1rem;
  align-items: center;
  padding-block: .25rem 1rem;
}
.casework-connector-grant-form > label { font-weight: 700; }
.casework-connector-grant-form .form-note,
.casework-connector-grant-actions { grid-column: 2; }
.casework-connector-grant-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.casework-connector-grant-list { display: grid; gap: 0; border-top: 1px solid var(--border); }
.casework-connector-grant-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .65rem 1rem;
  align-items: start;
  padding-block: 1rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
}
.casework-connector-grant-item > .definition-list { grid-column: 1; }
.casework-connector-grant-item > button { grid-column: 2; grid-row: 1 / span 2; }
.casework-connector-grant-item-heading { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.casework-connector-grant-item-heading strong { overflow-wrap: anywhere; }
@container casework-connector-grants (max-width: 620px) {
  .casework-connector-grants > summary { align-items: flex-start; flex-direction: column; }
  .casework-connector-grant-summary { white-space: normal; }
  .casework-connector-grant-form { grid-template-columns: minmax(0, 1fr); }
  .casework-connector-grant-form .form-note,
  .casework-connector-grant-actions { grid-column: 1; }
  .casework-connector-grant-item { grid-template-columns: minmax(0, 1fr); }
  .casework-connector-grant-item > .definition-list,
  .casework-connector-grant-item > button { grid-column: 1; grid-row: auto; }
  .casework-connector-grant-item > button { width: 100%; }
}


.create-casework { margin-bottom: 1rem; padding: .8rem 1rem; border: 1px solid var(--border); border-radius: 10px; }
.create-casework summary { color: var(--accent); cursor: pointer; font-weight: 700; }
.casework-inline-fields { display: grid; grid-template-columns: 1fr minmax(100px, .35fr); gap: .55rem; }
.casework-filter { display: grid; grid-template-columns: minmax(10rem, 1fr) minmax(12rem, 2fr) auto auto; gap: .55rem; align-items: end; }
.casework-filter label { align-self: center; }
.casework-item { align-items: start; }
.casework-item h4 { margin: 1rem 0 .45rem; color: var(--muted); }
.casework-subitem { display: grid; gap: .35rem; margin-top: .5rem; padding: .7rem; border-left: 3px solid var(--border); background: rgb(255 255 255 / 2%); }
.casework-subitem .pill { justify-self: start; }
.casework-state-controls { display: grid; gap: .55rem; min-width: 10rem; }
@media (max-width: 720px) {
  .casework-item { grid-template-columns: 1fr; }
  .casework-inline-fields { grid-template-columns: 1fr; }
  .casework-filter { grid-template-columns: 1fr; }
}


.drayage-exceptions-warning { border-color: var(--danger); color: var(--danger); font-size: 1rem; }
.drayage-exceptions-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-block: 1rem; }
.drayage-exceptions-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) auto;
  gap: 1rem;
  align-items: end;
}
.drayage-exceptions-form > div { display: grid; gap: .45rem; }
.drayage-exceptions-form label { font-weight: 700; }
.drayage-exceptions-result {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--warning);
  border-radius: 10px;
  background: var(--surface-raised);
}
.drayage-exceptions-result[hidden] { display: none; }
.drayage-exceptions-table-wrap { max-height: 620px; overflow: auto; border: 1px solid var(--border); }
.drayage-exceptions-table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.drayage-exceptions-table th, .drayage-exceptions-table td {
  padding: .55rem;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.drayage-exceptions-table th { position: sticky; top: 0; background: var(--surface); z-index: 1; }
.drayage-exceptions-critical { color: var(--danger); font-weight: 700; }
.drayage-exceptions-warning-row { color: var(--warning); font-weight: 700; }
@media (max-width: 900px) { .drayage-exceptions-form { grid-template-columns: 1fr; } }


.drayage-preview-warning {
  border-color: var(--danger);
  color: var(--danger);
  font-size: 1rem;
}
.drayage-preview-form {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 1rem;
  align-items: start;
}
.drayage-preview-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.drayage-preview-form legend { padding-inline: .4rem; color: var(--accent); font-weight: 700; }
.drayage-preview-gates, .drayage-preview-evidence { display: grid; gap: .55rem .75rem; align-items: center; }
.drayage-preview-gates { grid-template-columns: minmax(130px, .45fr) minmax(220px, 1fr); }
.drayage-preview-evidence { grid-template-columns: 1fr; }
.drayage-preview-gates label, .drayage-preview-evidence label { font-weight: 700; }
.drayage-preview-result {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--warning);
  border-radius: 10px;
  background: var(--surface-raised);
}
.drayage-preview-result[hidden] { display: none; }
.drayage-preview-assessments { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.drayage-preview-assessment { padding: .8rem; border: 1px solid var(--border); border-radius: 8px; }
.drayage-preview-assessment ul { margin: .55rem 0 0; padding-left: 1.25rem; overflow-wrap: anywhere; }
.drayage-preview-metadata { margin-top: 1rem; }
@media (max-width: 760px) {
  .drayage-preview-form, .drayage-preview-assessments, .drayage-preview-gates { grid-template-columns: 1fr; }
}


#taught-skills { min-width: 0; }
.taught-skill-journey {
  display: grid;
  gap: .7rem;
  margin: 1rem 0;
  padding: .85rem 1rem;
  background: linear-gradient(90deg, rgb(77 226 177 / 8%), transparent 72%);
  box-shadow: inset 3px 0 rgb(77 226 177 / 55%);
}
.taught-skill-journey > div strong,
.taught-skill-journey > div span { display: block; }
.taught-skill-journey > div span { margin-top: .2rem; color: var(--muted); }
.taught-skill-journey ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.taught-skill-journey li { display: flex; gap: .45rem; align-items: center; min-width: 0; color: var(--muted); font-size: .8rem; }
.taught-skill-journey li b { display: grid; width: 1.55rem; height: 1.55rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgb(255 255 255 / 6%); }
.taught-skill-journey li.complete { color: var(--success); }
.taught-skill-journey li.current { color: var(--accent); font-weight: 750; }
.taught-skill-editor, .taught-skill-runner {
  min-width: 0;
  margin-bottom: 1rem;
  padding: .9rem 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.taught-skill-editor > summary, .taught-skill-runner > summary {
  min-height: 44px;
  color: var(--accent);
  cursor: pointer;
  font-weight: 700;
}
#taught-skills > .section-heading { align-items: center; gap: .65rem; margin-bottom: .6rem; }
#taught-skills > .section-heading h2 small { font-size: .62em; font-weight: 500; color: var(--muted); }
.taught-skill-overview { margin-block: .55rem; }
.taught-skill-stats { display: flex; flex-wrap: wrap; gap: .4rem 1rem; }
.taught-skill-stats > div { display: flex; align-items: baseline; gap: .35rem; min-width: 0; }
.taught-skill-stats strong { font-size: 1rem; }
.taught-skill-stats span { color: var(--muted); font-size: .82rem; }
.taught-skill-catalog-card { padding: .75rem; }
.taught-skill-catalog-card > div { width: 100%; min-width: 0; }
.taught-skill-catalog-card h3 { margin: 0 0 .4rem; }
.taught-skill-catalog-card .card-meta { margin: 0; }
.taught-skill-catalog-card > div > p { margin: .45rem 0; overflow-wrap: anywhere; }
.taught-skill-catalog-card .item-actions { gap: .4rem; align-items: start; margin-top: .45rem; }
.taught-skill-catalog-card .item-actions button { min-height: 34px; padding: .35rem .6rem; font-size: .82rem; }
.taught-skill-catalog-detail > summary, .taught-skill-management > summary {
  cursor: pointer; min-height: 34px; padding-block: .4rem; color: var(--muted); font-size: .83rem;
}
.taught-skill-catalog-detail[open] > summary { color: var(--accent); }
.taught-skill-template-bar {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  margin-top: .7rem;
  padding: .75rem;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #0c151c;
}
.taught-skill-template-bar strong, .taught-skill-template-bar span { display: block; }
.taught-skill-template-bar span { color: var(--muted); font-size: .84rem; }
.taught-skill-template-actions { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.taught-skill-template-actions button { min-height: 38px; padding: .35rem .65rem; font-size: .84rem; }
.taught-skill-template-actions .taught-skill-template-featured {
  border-color: var(--accent-strong);
  background: rgb(77 226 177 / 10%);
  color: var(--accent);
}
.taught-skill-browser-example { margin: .65rem 0 0; }
.taught-skill-stepper { margin-block: 1rem .65rem; overflow-x: auto; }
.taught-skill-stepper ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(8rem, 1fr));
  gap: .45rem;
  min-width: 34rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.taught-skill-stepper button { width: 100%; min-height: 46px; color: var(--muted); }
.taught-skill-stepper button span {
  display: inline-grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  margin-right: .25rem;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.taught-skill-stepper button[aria-current="step"] {
  border-color: var(--accent-strong);
  background: rgb(77 226 177 / 10%);
  color: var(--accent);
}
.taught-skill-step-status { margin-bottom: .6rem; color: var(--muted); font-size: .88rem; }
.taught-skill-form { display: grid; gap: .8rem; }
.taught-skill-step {
  min-width: 0;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-raised);
}
.taught-skill-step[hidden] { display: none; }
.taught-skill-step legend { padding-inline: .35rem; color: var(--accent); font-weight: 750; }
.taught-skill-step > p { margin-bottom: .8rem; color: var(--muted); }
.taught-skill-field-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: .8rem; }
.taught-skill-field { display: grid; gap: .35rem; min-width: 0; }
.taught-skill-field > span { font-weight: 700; }
.taught-skill-field textarea { min-height: 7rem; }
.taught-skill-field + .taught-skill-field { margin-top: .8rem; }
.taught-skill-field-grid .taught-skill-field + .taught-skill-field { margin-top: 0; }
.taught-skill-examples { display: grid; gap: .7rem; margin-bottom: .65rem; }
.taught-skill-example-card {
  min-width: 0;
  padding: .75rem;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #0c151c;
}
.taught-skill-example-heading {
  display: flex;
  justify-content: space-between;
  gap: .7rem;
  align-items: center;
  margin-bottom: .55rem;
}
.taught-skill-example-heading h3 { margin: 0; font-size: .95rem; color: var(--accent); }
.taught-skill-example-heading button { min-height: 38px; padding: .3rem .6rem; }
#taught-skill-example-add { margin-bottom: .8rem; }
.taught-skill-policy-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(240px, .7fr);
  gap: 1rem;
  align-items: start;
}
.taught-skill-targets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
  max-height: 19rem;
  padding: .55rem;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #0c151c;
}
.taught-skill-target-option {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  min-width: 0;
  padding: .55rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  cursor: pointer;
}
.taught-skill-target-option:hover { border-color: var(--accent-strong); }
.taught-skill-target-option.unavailable { border-color: var(--warning); border-style: dashed; opacity: .82; }
.taught-skill-target-option input { width: auto; margin-top: .22rem; }
.taught-skill-target-option span, .taught-skill-target-option strong, .taught-skill-target-option small { display: block; min-width: 0; overflow-wrap: anywhere; }
.taught-skill-target-option small { color: var(--muted); }
.taught-skill-extraction { margin-top: 1rem; padding: .85rem; border: 1px solid var(--border); border-radius: 10px; background: rgb(255 255 255 / 3%); }
.taught-skill-extraction-intro { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.taught-skill-extraction-intro h3 { margin: 0; font-size: 1rem; }
.taught-skill-extraction-intro p { margin: .25rem 0 0; color: var(--muted); font-size: .84rem; }
.taught-skill-extraction-intro .check-row { flex: 0 0 auto; margin: 0; }
.taught-skill-extraction-toolbar { display: flex; align-items: end; gap: .85rem; margin: .75rem 0; }
.taught-skill-extraction-toolbar input { max-width: 7rem; }
.taught-skill-extraction-toolbar > span { color: var(--muted); font-size: .82rem; }
.taught-skill-extraction-fields { display: grid; gap: .6rem; margin-bottom: .7rem; }
.taught-skill-extraction-field, .taught-skill-extraction-value { border: 1px solid var(--border); border-radius: 9px; background: rgb(255 255 255 / 3%); }
.taught-skill-extraction-field { padding: .6rem .75rem; }
.taught-skill-extraction-field > summary { min-height: 38px; cursor: pointer; color: var(--accent); font-weight: 700; }
.taught-skill-extraction-field-body, .taught-skill-extraction-values { display: grid; gap: .6rem; }
.taught-skill-extraction-value { display: grid; gap: .55rem; padding: .7rem; }
.taught-skill-extraction-value-header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.taught-skill-extraction-value-header strong { font-size: .88rem; }
.taught-skill-extraction-terms { display: grid; gap: .45rem; }
.taught-skill-extraction-term { display: flex; align-items: end; gap: .45rem; }
.taught-skill-extraction-term .taught-skill-field { flex: 1 1 auto; }
.taught-skill-extraction .taught-skill-field > span { font-size: .84rem; }
.taught-skill-extraction button { min-height: 38px; }
.taught-skill-extraction .form-note { margin: .5rem 0 0; }
.taught-skill-draft-summary {
  padding: .85rem;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #0c151c;
}
.taught-skill-draft-summary h3 { font-size: 1rem; }
.taught-skill-draft-summary .message { margin: .8rem 0 0; }
.taught-skill-review-check { margin-top: 1rem; align-items: flex-start; }
.taught-skill-review-check input { margin-top: .3rem; }
.taught-skill-wizard-message { min-height: 1.5rem; margin: 0; }
.taught-skill-wizard-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.taught-skill-wizard-actions button { min-width: 9rem; }
.taught-skill-policy { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .55rem; }
.taught-skill-version-list { margin: .45rem 0 0; padding-left: 1.2rem; color: var(--muted); }
.taught-skill-version-list li { margin-block: .2rem; }
.taught-skill-review { margin: .75rem 0; padding: .75rem; border: 1px solid var(--border); border-radius: 10px; }
.taught-skill-review summary { min-height: 44px; color: var(--accent); cursor: pointer; font-weight: 700; }
.taught-skill-review h4 { margin: .8rem 0 .3rem; }
.taught-skill-review p, .taught-skill-review li, .taught-skill-review code { overflow-wrap: anywhere; }
.taught-skill-review code { display: block; }
.taught-skill-activation-review {
  margin: 1rem 0;
  padding: 1rem;
  background: rgb(244 198 106 / 7%);
  box-shadow: inset 3px 0 var(--warning);
  scroll-margin-top: 5rem;
}
.taught-skill-activation-review[aria-busy="true"] { opacity: .8; }
.taught-skill-activation-review > h3 { margin-bottom: .45rem; }

@media (max-width: 760px) {
  .taught-skill-policy-layout, .taught-skill-field-grid { grid-template-columns: 1fr; }
  .taught-skill-template-bar { align-items: stretch; flex-direction: column; }
  .taught-skill-template-actions button { flex: 1 1 7.5rem; }
  .taught-skill-targets { grid-template-columns: 1fr; }
  .taught-skill-extraction-intro, .taught-skill-extraction-toolbar { align-items: stretch; flex-direction: column; }
  .taught-skill-extraction-term { align-items: stretch; flex-direction: column; }
  .taught-skill-step { padding: .8rem; }
  .taught-skill-stepper { min-width: 0; max-width: 100%; overflow: visible; }
  .taught-skill-stepper ol { grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
  .taught-skill-journey ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .taught-skill-wizard-actions button { flex: 1 1 9rem; }
}

@media (max-width: 320px) {
  #taught-skills .section-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; min-width: 0; width: 100%; }
  #taught-skills .section-heading > div { min-width: 0; }
  #taught-skills .eyebrow { overflow-wrap: anywhere; word-break: break-word; }
  .taught-skill-stepper button { min-width: 0; padding-inline: .3rem; overflow-wrap: anywhere; }
  .taught-skill-journey ol { grid-template-columns: 1fr; }
}


.catalog-heading-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.catalog-heading-actions button { min-height: 36px; padding: .4rem .65rem; font-size: .85rem; }
.catalog-filter-bar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; margin: .6rem 0; }
.catalog-filter-bar label { display: grid; gap: .2rem; min-width: 0; flex: 1 1 9rem; }
.catalog-filter-bar label > span { font-size: .78rem; color: var(--muted); }
.catalog-filter-bar .catalog-search { flex: 2 1 15rem; }
.catalog-filter-bar input, .catalog-filter-bar select { width: 100%; min-width: 0; min-height: 36px; padding: .4rem .6rem; font-size: .85rem; }
.catalog-filter-bar button { min-height: 36px; padding: .4rem .6rem; font-size: .82rem; }
.catalog-source { margin: .4rem 0 .6rem; color: var(--muted); font-size: .78rem; overflow-wrap: anywhere; }
.catalog-workspace { min-width: 0; margin: .55rem 0; border-block: 1px solid var(--border); }
.catalog-workspace > summary { padding: .5rem 0; min-height: 36px; color: var(--accent); cursor: pointer; font-size: .84rem; }
.catalog-workspace[open] { padding-bottom: .7rem; }
.capability-catalog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: .65rem; align-items: start; }
.capability-catalog-card { min-width: 0; padding: .75rem; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-raised); }
.capability-catalog-card h3 { margin: 0 0 .45rem; font-size: .95rem; overflow-wrap: anywhere; }
.capability-catalog-card .card-meta { gap: .3rem; margin: 0; }
.capability-catalog-node { margin: .5rem 0; font-size: .8rem; color: var(--muted); overflow-wrap: anywhere; }
.capability-catalog-detail > summary { min-height: 34px; padding-block: .35rem; cursor: pointer; color: var(--accent); font-size: .82rem; }
.capability-catalog-detail p, .capability-catalog-detail dd { overflow-wrap: anywhere; }
.capability-catalog-detail .definition-list { font-size: .8rem; grid-template-columns: minmax(4rem, auto) minmax(0, 1fr); }
@media (max-width: 600px) {
  .catalog-filter-bar { gap: .4rem; }
  .catalog-filter-bar .catalog-search { flex-basis: 100%; }
  .catalog-filter-bar label { flex-basis: calc(50% - .4rem); }
  .catalog-heading-actions { gap: .35rem; }
  .catalog-heading-actions button { padding-inline: .5rem; }
}


.tool-workshop { container:tool-workshop / inline-size; min-inline-size: 0; margin: 0; padding: 1rem 0; border-block: 1px solid var(--sheet-divider); background: transparent; }
.tool-workshop-heading, .tool-workshop-subheading, .tool-workshop-result-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.tool-workshop-heading > div { flex: 1 1 15rem; min-inline-size: 0; }.tool-workshop :where(h3, h4, strong, span, label, button) { min-inline-size: 0; max-inline-size: 100%; overflow-wrap: anywhere; }.tool-workshop button { white-space: normal; }
.tool-workshop-heading h3 { margin: 4px 0; color: var(--ui-title); font-size: 21px; }.tool-workshop-heading p { margin: 5px 0; }.tool-workshop .eyebrow { font-size: 10px; letter-spacing: .16em; }
.tool-workshop-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 20px 0; color: var(--muted); font-size: 13px; }.tool-workshop-flow i { opacity: .5; font-style: normal; }
.tool-workshop summary { padding: 12px 0; color: var(--accent); cursor: pointer; }.tool-workshop-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin: 12px 0 22px; }.tool-workshop-wide { grid-column: 1 / -1; }
.tool-workshop label { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: 7px; color: var(--ui-label); font-size: 13px; }.tool-workshop label span { white-space: normal; word-break: normal; }.tool-workshop input, .tool-workshop select, .tool-workshop textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.tool-workshop-inputs { display: grid; gap: 10px; margin: 12px 0; }.tool-workshop-input-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(6rem, .6fr) auto; gap: 10px; align-items: end; padding: 12px 0; border-block-end: 1px solid var(--sheet-divider); background: transparent; }.tool-workshop-input-row button { min-height: 44px; }
.tool-workshop-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }.tool-workshop-advanced { margin-top: 12px; }.tool-workshop-advanced textarea { font-family: ui-monospace, monospace; font-size: 12px; }
#tool-workshop-status { margin: 14px 0; color: var(--muted); overflow-wrap: anywhere; }#tool-workshop-result { scroll-margin-top: 110px; margin-top: 18px; padding: 18px 0; border-block: 1px solid var(--sheet-divider); background: transparent; }
.tool-workshop-diagram { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 20px 0; }.tool-workshop-diagram span { padding: 12px 16px; border: 1px solid var(--sheet-divider); border-radius: 8px; background: var(--sheet-bg-quiet); }.tool-workshop-diagram i { color: var(--muted); font-style: normal; }
.tool-workshop pre { min-inline-size: 0; max-inline-size: 100%; white-space:pre-wrap;overflow-wrap:anywhere; font-size: 12px; }#tool-workshop-install-state[data-ready="true"] { color: var(--status-ok); background: var(--status-ok-soft); }
@container tool-workshop (max-width:40rem) { .tool-workshop-heading p:not(.eyebrow) { font-size: 14px; font-weight: 400; }.tool-workshop-grid { grid-template-columns: minmax(0, 1fr); }.tool-workshop-wide { grid-column: auto; }.tool-workshop-input-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }.tool-workshop-input-row button { justify-self: end; }.tool-workshop-flow { gap: 8px; font-size: 12px; }.tool-workshop-flow span { flex: 1 1 10rem; }.tool-workshop-actions button { flex: 1 1 135px; }.tool-workshop-diagram { align-items: stretch; flex-direction: column; gap: 7px; }.tool-workshop-diagram i { align-self: center; transform: rotate(90deg); }.tool-workshop-diagram span { padding: 10px; font-size: 12px; } }
@container tool-workshop (max-width:24rem) { .tool-workshop-input-row { grid-template-columns: minmax(0, 1fr); }.tool-workshop-input-row button { justify-self: stretch; } }
@media (max-width: 640px) { .tool-workshop { padding-block: 16px; } }


.demonstrated-skill-artifacts {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: color-mix(in srgb, var(--surface-raised) 88%, transparent);
}
.demonstrated-skill-artifacts-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.demonstrated-skill-artifacts-heading h3 { margin-bottom: .35rem; }
.demonstrated-skill-artifacts-heading p:not(.eyebrow) { margin-bottom: 0; color: var(--muted); }
.demonstrated-skill-artifact-list { display: grid; gap: .65rem; margin-top: .75rem; }
.demonstrated-skill-artifact-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: center;
  min-width: 0;
  padding: .8rem;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #0c151c;
}
.demonstrated-skill-artifact-card h4 { margin: 0 0 .3rem; overflow-wrap: anywhere; }
.demonstrated-skill-artifact-card p { margin: 0; color: var(--muted); overflow-wrap: anywhere; }
.demonstrated-skill-artifact-meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .55rem; }
.demonstrated-skill-artifact-card code { overflow-wrap: anywhere; }
.demonstrated-skill-artifact-actions { display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; }
.demonstrated-skill-artifact-actions button { min-height: 38px; }
.demonstrated-skill-artifact-card[aria-busy="true"] { opacity: .7; }
@media (max-width: 640px) {
  .demonstrated-skill-artifacts-heading, .demonstrated-skill-artifact-card { grid-template-columns: 1fr; display: grid; }
  .demonstrated-skill-artifacts-heading > button { width: 100%; }
  .demonstrated-skill-artifact-actions { justify-content: flex-start; }
}


#visual-workflows.panel {
  overflow: clip;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.workflow-primary-tool { min-width: 0; margin-bottom: .55rem; border: 0; background: transparent; }
.workflow-primary-tool > summary { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: .75rem; padding: .45rem 0; cursor: pointer; color: var(--text); font-weight: 800; }
.workflow-primary-tool > summary small { color: var(--muted); font-weight: 560; }
.workflow-primary-tool[open] > summary { margin-bottom: .75rem; color: var(--accent); }
.workflow-primary-tool > section { display: grid; gap: .75rem; }
.workflow-manual-editor > .workflow-studio-layout { margin-top: .5rem; }
.workflow-next-step, .system-start-guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .8rem 1rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--accent-strong);
  border-radius: 12px;
  background: rgb(77 226 177 / 7%);
}
.workflow-next-step h3, .workflow-next-step p,
.system-start-guide h3, .system-start-guide p { margin-bottom: .2rem; }
.workflow-next-step button { min-width: min(13rem, 100%); }
.workflow-ai-draft {
  display: grid;
  min-width: 0;
  gap: .8rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgb(182 150 255 / 42%);
  border-radius: 12px;
  background: linear-gradient(135deg, rgb(182 150 255 / 9%), rgb(108 168 255 / 4%));
}
.workflow-ai-draft h3, .workflow-ai-draft p { margin-bottom: .2rem; }
.workflow-suggestion-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .45rem .75rem;
  align-items: end;
}
.workflow-suggestion-form label { grid-column: 1 / -1; }
.workflow-suggestion-form textarea { min-width: 0; resize: vertical; }
.workflow-suggestion-form button { min-width: min(13rem, 100%); }
.workflow-suggestion-preview { display: grid; gap: .65rem; padding: .8rem; border: 1px solid var(--border); border-radius: 9px; background: rgb(255 255 255 / 2%); }
.workflow-suggestion-preview h4 { margin: 0; }
.workflow-suggestion-preview .definition-list { margin: 0; }
.workflow-suggestion-history-heading { display: flex; align-items: center; justify-content: space-between; gap: .6rem; flex-wrap: wrap; }
.workflow-suggestion-list { display: grid; gap: .5rem; }
.workflow-suggestion-list-button { width: 100%; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem .75rem; text-align: left; }
.workflow-suggestion-list-button span { color: var(--muted); overflow-wrap: anywhere; }
.workflow-library {
  display: grid;
  min-width: 0;
  gap: .85rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgb(108 168 255 / 38%);
  border-radius: 12px;
  background: linear-gradient(135deg, rgb(108 168 255 / 8%), rgb(77 226 177 / 3%));
}
.workflow-library-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem 1rem;
  align-items: start;
}
.workflow-library-heading h3, .workflow-library-heading p { margin-bottom: .2rem; }
.workflow-library-heading .workflow-studio-toolbar { justify-content: flex-end; margin: 0; }
.workflow-file-tools { background: transparent; }
.workflow-disclosure, .system-refresh-tools {
  min-width: 0;
  padding: .75rem .9rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgb(12 21 28 / 35%);
}
.workflow-disclosure > summary, .system-refresh-tools > summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 750;
  overflow-wrap: anywhere;
}
.workflow-disclosure > summary small { display: block; margin-top: .18rem; color: var(--muted); font-size: .7rem; font-weight: 500; line-height: 1.4; }
.workflow-disclosure[open] > summary, .system-refresh-tools[open] > summary { margin-bottom: .75rem; color: var(--accent); }
.workflow-editing-tools[open] { display: grid; gap: 1rem; }
.workflow-path-editor[open], .workflow-lifecycle-tools[open] { display: grid; gap: .8rem; }
.workflow-compatibility-disclosure, .system-refresh-tools { margin-bottom: 1rem; }
.workflow-secondary-actions, .workflow-template-actions, .workflow-node-add-actions,
.system-start-secondary { display: flex; flex-wrap: wrap; gap: .5rem; }
.workflow-node-step { display: grid; gap: .45rem; padding: .8rem 0; border-bottom: 1px solid var(--border); }
.workflow-node-step:first-child { padding-top: 0; }
.workflow-node-step p { margin: 0; }
.workflow-node-step button { flex: 1 1 12rem; }
.workflow-node-repair { margin-top: .8rem; }
.workflow-node-repair > summary { cursor: pointer; color: var(--muted); font-weight: 700; }
.workflow-node-repair[open] > summary { margin-bottom: .6rem; color: var(--accent); }
.workflow-run-troubleshooting { margin-top: .8rem; }
.system-start-guide { grid-template-columns: minmax(0, 1fr) minmax(12rem, auto); }
.system-start-guide > details { grid-column: 1 / -1; }
.system-start-guide > details > summary { width: fit-content; cursor: pointer; color: var(--muted); font-weight: 700; }
.system-start-guide > details[open] > summary { margin-bottom: .6rem; color: var(--accent); }
.system-start-primary {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: .58rem .9rem;
  border: 1px solid var(--accent-strong);
  border-radius: 8px;
  background: var(--accent-strong);
  color: #03130e;
  font-weight: 750;
  text-align: center;
  text-decoration: none;
}
.system-start-secondary a { padding: .35rem .55rem; border: 1px solid var(--border); border-radius: 8px; text-decoration: none; }
.workflow-compatibility {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem 1rem;
  align-items: center;
  margin-bottom: 0;
  padding: .8rem 1rem;
  border: 1px solid #587187;
  border-radius: 10px;
  background: rgb(84 125 156 / 8%);
}
.workflow-compatibility > div { display: grid; gap: .3rem; align-content: start; }
.workflow-compatibility.empty-state { grid-template-columns: minmax(0, 1fr); }
.workflow-compatibility .pill { justify-self: start; }
.workflow-compatibility small { color: var(--muted); overflow-wrap: anywhere; }
.workflow-compatibility p { grid-column: 1 / -1; margin: 0; color: var(--muted); }
.workflow-integration-future { grid-column: 1 / -1; margin-top: .75rem; }
.workflow-integration-future > summary { cursor: pointer; color: var(--muted); font-weight: 700; }
.workflow-integration-card { display: grid; min-width: 0; gap: .75rem; padding: .35rem .2rem .9rem; border-bottom: 1px solid rgb(255 255 255 / 7%); }
.workflow-integration-card h4 { margin: 0; }
.workflow-integration-stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.workflow-integration-stage { display: grid; min-width: 0; gap: .25rem; align-content: start; padding: .55rem; background: rgb(255 255 255 / 2%); }
.workflow-integration-stage .pill { justify-self: start; }
.workflow-integration-stage small { overflow-wrap: anywhere; }
.workflow-integration-guide { min-width: 0; }
.workflow-integration-guide > summary {
  width: fit-content;
  min-height: 40px;
  padding: .45rem .8rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #70ead5, #63b8ff 56%, #a57cff);
  color: #03130e;
  cursor: pointer;
  font-weight: 800;
}
.workflow-integration-guide[open] > summary { margin-bottom: .75rem; }
.workflow-integration-steps { display: grid; gap: .75rem; margin: 0; padding-left: 1.4rem; }
.workflow-integration-steps li { min-width: 0; padding-left: .2rem; }
.workflow-integration-steps p { margin: .2rem 0 .45rem; overflow-wrap: anywhere; }
.workflow-integration-steps small { display: block; margin-top: .25rem; overflow-wrap: anywhere; }
.workflow-integration-open {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: .4rem .7rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  text-decoration: none;
}
.workflow-integration-technical { margin-top: .8rem; }
.workflow-integration-technical > summary { width: fit-content; cursor: pointer; color: var(--muted); font-weight: 700; }
.workflow-integration-technical[open] > summary { margin-bottom: .5rem; color: var(--accent); }
.workflow-integration-technical p { margin: .35rem 0; overflow-wrap: anywhere; }
.workflow-integration-guide > .security-notice { margin: .85rem 0 0; }
.workflow-studio-toolbar, .workflow-canvas-toolbar, .workflow-editor-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
}
.workflow-studio-toolbar { margin-block: 1rem; }
.workflow-studio-toolbar .message { flex: 1 1 20rem; margin: 0; text-align: right; }
.workflow-studio-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}
.workflow-catalog-panel, .workflow-editor-shell, .workflow-inspector, .workflow-preview,
.workflow-review-panel, .workflow-run-panel {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-raised);
}
.workflow-catalog-panel { padding: 0; border: 0; background: transparent; }
.workflow-catalog-panel h3:not(:first-child) { margin-top: 1.25rem; }
.workflow-node-catalog, .workflow-list { display: grid; gap: .5rem; }
.workflow-node-selection { display: grid; gap: .45rem; margin-top: .55rem; padding: .65rem; border: 1px solid color-mix(in srgb, var(--accent) 46%, var(--wb-line)); border-radius: 12px; background: color-mix(in srgb, var(--surface-raised) 82%, transparent); box-shadow: 0 0 22px rgb(81 218 215 / 12%); }
.workflow-node-selection > strong { font-size: .72rem; }
.workflow-node-selection > small { color: var(--muted); font-size: .63rem; line-height: 1.35; }
.workflow-node-selection select { width: 100%; }
.workflow-node-selection-actions { display: flex; gap: .4rem; justify-content: end; }
@media (max-width: 520px) { .workflow-node-selection-actions { display: grid; grid-template-columns: 1fr 1fr; } .workflow-node-selection-actions button { width: 100%; } }
.workflow-catalog-button, .workflow-list-button {
  display: grid;
  width: 100%;
  min-height: 48px;
  gap: .15rem;
  justify-items: start;
  padding: .6rem .7rem;
  border-color: var(--border);
  background: #0c151c;
  color: var(--text);
  text-align: left;
}
.workflow-catalog-button span, .workflow-list-button span { color: var(--muted); font-size: .78rem; font-weight: 500; }
.workflow-catalog-button[draggable="true"] { cursor: grab; }
.workflow-list-button[aria-current="true"] { border-color: var(--accent); box-shadow: inset 3px 0 var(--accent); }
.workflow-editor-shell { container: workflow-v1-editor / inline-size; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.workflow-editor-shell > .form-note { grid-column: 1; }
.workflow-editor-heading { justify-content: space-between; }
.workflow-version-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.workflow-version-history-list { display: flex; flex-wrap: wrap; gap: .45rem; }
.workflow-version-history-list.empty-state { display: block; }
.workflow-version-history-button {
  display: grid;
  min-width: min(13rem, 100%);
  gap: .15rem;
  justify-items: start;
  padding: .55rem .7rem;
  border-color: var(--border);
  background: #0c151c;
  color: var(--text);
  text-align: left;
}
.workflow-version-history-button span { color: var(--muted); font-size: .75rem; overflow-wrap: anywhere; }
.workflow-version-history-button[aria-current="true"] { border-color: var(--accent); box-shadow: inset 3px 0 var(--accent); }
.workflow-metadata-grid {
  display: grid;
  grid-template-columns: minmax(8rem, .25fr) minmax(0, 1fr);
  gap: .65rem 1rem;
  align-items: center;
}
.workflow-metadata-grid textarea { resize: vertical; }
.workflow-canvas-toolbar { justify-content: flex-start; }
.workflow-canvas-toolbar .muted { margin-left: auto; }
.workflow-canvas {
  contain: inline-size layout paint;
  height: clamp(180px, 55dvh, 560px);
  min-height: min(390px, 55dvh);
  overflow: auto;
  border: 1px solid #3a5261;
  border-radius: 10px;
  background-color: #071017;
  background-image: radial-gradient(circle, rgb(110 146 166 / 28%) 1px, transparent 1px);
  background-size: 20px 20px;
  outline-offset: 2px;
}
.workflow-canvas.workflow-drop-target { border-color: var(--accent); box-shadow: inset 0 0 0 2px rgb(77 226 177 / 28%); }
.workflow-stage { position: relative; min-width: 720px; min-height: 388px; }
.workflow-stage.workflow-stage-compact { min-width: 0; }
.workflow-edge-host, .workflow-edge-svg, .workflow-node-layer { position: absolute; inset: 0; width: 100%; height: 100%; }
.workflow-edge-svg { pointer-events: none; overflow: visible; }
.workflow-edge-path { fill: none; stroke: #63879a; stroke-width: 2; }
.workflow-edge-path.branch-true { stroke: var(--accent); }
.workflow-edge-path.branch-false { stroke: var(--danger); stroke-dasharray: 5 4; }
.workflow-edge-label { fill: var(--text); font-size: 11px; paint-order: stroke; stroke: #071017; stroke-width: 4px; }
.workflow-node-layer { pointer-events: none; }
.workflow-node-card {
  position: absolute;
  display: grid;
  width: 184px;
  min-height: 92px;
  gap: .35rem;
  padding: .65rem;
  border: 1px solid var(--border);
  border-left: 4px solid #7da0b4;
  border-radius: 9px;
  background: #13242e;
  color: var(--text);
  box-shadow: 0 8px 20px rgb(0 0 0 / 18%);
  pointer-events: auto;
  cursor: grab;
}
.workflow-node-card.kind-manual-trigger { border-left-color: #58d5ff; }
.workflow-node-card.kind-taught-skill { border-left-color: #b696ff; }
.workflow-node-card.kind-condition { border-left-color: var(--warning); }
.workflow-node-card.kind-end { border-left-color: var(--accent); }
.workflow-node-card.outcome-stopped { border-left-color: var(--danger); }
.workflow-node-card[aria-selected="true"] { border-color: var(--accent); box-shadow: 0 0 0 3px rgb(77 226 177 / 18%); }
.workflow-node-card.workflow-node-drop-target { border-color: var(--warning); box-shadow: 0 0 0 3px rgb(244 198 106 / 20%); }
.workflow-node-card strong, .workflow-node-card span { overflow-wrap: anywhere; }
.workflow-node-card span { color: var(--muted); font-size: .76rem; }
.workflow-node-card button { min-height: 30px; padding: .2rem .45rem; font-size: .76rem; }
.workflow-editor-lower { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; }
.workflow-inspector-content { display: grid; gap: .65rem; }
.workflow-inspector-grid { display: grid; grid-template-columns: minmax(7rem, .34fr) minmax(0, 1fr); gap: .55rem .75rem; align-items: center; }
.workflow-editor-shell :is(input, select, textarea, button), .workflow-editor-heading > div { min-width: 0; max-width: 100%; }
.workflow-editor-shell :is(label, button, h3), .workflow-catalog-button, .workflow-list-button { overflow-wrap: anywhere; }
.workflow-inspector-actions, .workflow-editor-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.workflow-inspector-actions { grid-column: 1 / -1; }
.workflow-inspector-actions button, .workflow-editor-actions button { min-height: 40px; }
.workflow-validation-list { margin: .5rem 0 0; padding-left: 1.2rem; }
.workflow-validation-list li { margin-block: .25rem; overflow-wrap: anywhere; }
.workflow-preview-path { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .7rem; }
.workflow-preview-index { display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border-radius: 50%; background: var(--accent-strong); color: #03130e; font-size: .78rem; }
.workflow-preview-step { padding: .25rem .5rem; border: 1px solid var(--border); border-radius: 999px; font-size: .8rem; }
.workflow-preview-step:not(:last-child)::after { content: " →"; margin-left: .3rem; color: var(--muted); }
.workflow-edge-list { display: grid; gap: .4rem; margin-top: .75rem; }
.workflow-edge-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; align-items: center; padding: .5rem; border: 1px solid var(--border); border-radius: 7px; }
.workflow-edge-item span { min-width: 0; overflow-wrap: anywhere; font-size: .82rem; }
.workflow-edge-item button { min-height: 32px; padding: .25rem .5rem; }
.workflow-review-panel, .workflow-run-panel { border-color: var(--warning); }
.workflow-lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.workflow-lifecycle-grid > section {
  display: grid;
  min-width: 0;
  gap: .45rem;
  align-content: start;
  padding: .8rem;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: rgb(255 255 255 / 2%);
}
.workflow-lifecycle-grid p { margin: 0; font-size: .82rem; }
.workflow-lifecycle-grid .workflow-editor-actions { margin-top: auto; }
.workflow-lifecycle-grid button { flex: 1 1 10rem; }
.workflow-stale-actions { display: grid; gap: .55rem; padding: .8rem 1rem; border: 1px solid var(--danger); border-radius: 9px; background: rgb(255 124 120 / 7%); }
.workflow-stale-actions[hidden] { display: none; }
.workflow-review-panel .check-row { margin-block: 1rem; align-items: flex-start; }
.workflow-run-variables { grid-column: 1 / -1; display: grid; gap: .55rem; }
.workflow-run-variable { display: grid; grid-template-columns: minmax(8rem, .4fr) minmax(7rem, .25fr) minmax(0, 1fr); gap: .5rem; align-items: center; }
.workflow-run-variable label { display: grid; gap: .1rem; overflow-wrap: anywhere; }
.workflow-run-variable label small { font-size: .72rem; font-weight: 500; }
.workflow-run-status { display: grid; gap: .7rem; margin-top: .8rem; }
.workflow-run-human-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem 1rem;
  align-items: center;
  padding: .8rem;
  border: 1px solid var(--accent-strong);
  border-radius: 10px;
  background: rgb(77 226 177 / 6%);
}
.workflow-run-task-link {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: .45rem .7rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
}
.workflow-run-status > *, .workflow-run-status .definition-list,
.workflow-run-trace, .workflow-run-trace li, .workflow-run-trace strong {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.workflow-run-history { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); gap: .45rem; }
.workflow-run-history button { display: grid; gap: .15rem; justify-items: start; min-width: 0; border-color: var(--border); background: #0c151c; color: var(--text); text-align: left; }
.workflow-run-history button[aria-current="true"] { border-color: var(--accent); }
.workflow-run-history button span { max-width: 100%; color: var(--muted); font-size: .76rem; overflow-wrap: anywhere; }
.workflow-run-trace { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.workflow-run-trace li { padding: .5rem .65rem; border-left: 3px solid var(--border); background: #0c151c; }
.workflow-run-trace li.trace-running { border-left-color: var(--warning); }
.workflow-run-trace li.trace-succeeded { border-left-color: var(--accent); }
.workflow-run-trace li.trace-failed { border-left-color: var(--danger); }

@media (max-width: 980px) {
  .workflow-list { grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); }
  .workflow-compatibility { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-lifecycle-grid { grid-template-columns: 1fr; }
}

@media (min-width: 1180px) {
  .workflow-studio-layout { grid-template-columns: minmax(16rem, .32fr) minmax(0, 1fr); }
  .workflow-catalog-panel { position: sticky; top: 4.5rem; }
}

@media (max-width: 760px) {
  .workflow-next-step, .system-start-guide, .workflow-suggestion-form { grid-template-columns: 1fr; }
  .workflow-next-step button, .system-start-primary, .workflow-suggestion-form button { width: 100%; }
  .workflow-suggestion-form label { grid-column: 1; }
  .system-start-guide > details { grid-column: 1; }
  .workflow-compatibility, .workflow-metadata-grid, .workflow-editor-lower { grid-template-columns: 1fr; }
  .workflow-compatibility p { grid-column: 1; }
  .workflow-node-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-library-heading { grid-template-columns: 1fr; }
  .workflow-library-heading .workflow-studio-toolbar { justify-content: stretch; }
  .workflow-library-heading .workflow-studio-toolbar button { flex: 1 1 11rem; }
  .workflow-studio-toolbar .message { flex-basis: 100%; text-align: left; }
  .workflow-canvas { min-height: min(340px, 55dvh); }
  .workflow-stage { min-height: 338px; }
  .workflow-editor-actions button { flex: 1 1 11rem; }
  .workflow-run-human-summary { grid-template-columns: 1fr; }
  .workflow-run-task-link { width: 100%; }
}

@media (max-width: 360px) {
  .workflow-node-catalog, .workflow-run-variable, .workflow-integration-stages { grid-template-columns: 1fr; }
  .workflow-ai-draft, .workflow-library, .workflow-editor-shell, .workflow-inspector, .workflow-preview { padding: .7rem; }
  .workflow-library-heading .workflow-studio-toolbar button, .workflow-editor-actions button { flex-basis: 100%; }
  .workflow-canvas-toolbar button { flex: 1 1 100%; }
}
@container workflow-v1-editor (max-width: 36rem) {
  .workflow-metadata-grid, .workflow-editor-lower, .workflow-inspector-grid { grid-template-columns: minmax(0, 1fr); }
  .workflow-metadata-grid > *, .workflow-inspector-grid > * { min-width: 0; }
  .workflow-canvas-toolbar { flex-wrap: wrap; }
  .workflow-canvas-toolbar .muted { flex: 1 1 100%; margin-left: 0; overflow-wrap: anywhere; }
}
@media (max-height: 480px) {
  .workflow-catalog-panel { position: static; }
}


.advanced-workflows {
  --advanced-tone: color-mix(in srgb, var(--accent) 78%, #86b8ff);
  container: workflow-designer / inline-size;
  display: grid;
  min-width: 0;
  gap: .55rem;
  margin-block: .4rem 1rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.advanced-workflows-heading,
.advanced-workflow-detail-heading,
.advanced-workflow-graph-shell > header,
.advanced-workflow-lifecycle > header,
.advanced-workflow-runtime > header,
.advanced-workflow-node-rail > header,
.advanced-workflow-business-editor > header {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.advanced-workflows-heading h3,
.advanced-workflow-detail-heading h4,
.advanced-workflow-catalog h4,
.advanced-workflow-graph-shell h5,
.advanced-workflow-lifecycle h4,
.advanced-workflow-runtime h4,
.advanced-workflow-runtime h5,
.advanced-workflow-runtime h6 { margin: 0; }
.advanced-workflows-heading .muted,
.advanced-workflow-detail-heading .muted { max-width: 70ch; margin: .28rem 0 0; }
.advanced-workflow-capabilities {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: .4rem 1rem;
  padding-block: .7rem;
  border-block: 1px solid color-mix(in srgb, var(--advanced-tone) 13%, transparent);
}
.advanced-workflow-capabilities span { display: inline-flex; align-items: center; gap: .38rem; color: var(--muted); font-size: .76rem; font-weight: 680; }
.advanced-workflow-capabilities i { width: 5px; height: 5px; border-radius: 50%; background: var(--advanced-tone); box-shadow: 0 0 12px color-mix(in srgb, var(--advanced-tone) 72%, transparent); }
.advanced-workflow-focus { margin-top: 0; }
.advanced-workflow-status-disclosure { display: block; padding: .25rem 0; border-block: 1px solid var(--sheet-divider, var(--border)); }
.advanced-workflow-status-disclosure > summary { display: flex; min-height: 32px; gap: .6rem; align-items: center; cursor: pointer; font-size: .75rem; }
.advanced-workflow-status-disclosure > summary > span { flex: 0 0 auto; color: var(--muted); }
.advanced-workflow-status-disclosure > summary > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .75rem; font-weight: 550; }
.advanced-workflow-status-disclosure[open] > summary > strong { white-space: normal; overflow-wrap: anywhere; }
.advanced-workflow-status-content { display: flex; flex-wrap: wrap; gap: .7rem 1rem; align-items: center; padding: .5rem 0; }
.advanced-workflow-status-content > div { display: grid; gap: .2rem; flex: 1 1 12rem; }
.workflow-blueprint-overview { display: block; padding: .2rem 0; border: 0; border-radius: 0; background: transparent; }
.workflow-blueprint-overview > summary { min-height: 32px; display: flex; align-items: center; cursor: pointer; color: var(--muted); font-size: .75rem; }
.workflow-blueprint-overview[open] > :not(summary) { margin-block: .6rem; }
.workflow-blueprint-summary { font-size: .7rem; }
.workflow-blueprint-summary[open] { flex-basis: 100%; }
.workflow-blueprint-overview-heading { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
.workflow-blueprint-overview-heading h4 { margin: 0; }
.workflow-blueprint-overview-heading .muted { margin: .3rem 0 0; }
.workflow-blueprint-modes { display: flex; min-width: 0; flex: 0 1 auto; flex-wrap: wrap; gap: .35rem; }
.workflow-blueprint-modes button { min-height: 36px; padding: .35rem .65rem; color: var(--muted); }
.workflow-blueprint-modes button.active, .workflow-blueprint-modes button[aria-selected="true"] { color: var(--text); background: color-mix(in srgb, var(--advanced-tone) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--advanced-tone) 35%, transparent); }
.workflow-blueprint-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
.workflow-blueprint-stage { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .55rem; align-items: center; min-width: 0; padding: .65rem .7rem; border-radius: 12px; background: rgb(255 255 255 / 3%); }
.workflow-blueprint-stage-index { color: var(--advanced-tone); font: 700 .66rem/1 ui-monospace, monospace; }
.workflow-blueprint-stage div { display: grid; min-width: 0; gap: .18rem; }
.workflow-blueprint-stage strong { font-size: .76rem; }
.workflow-blueprint-stage small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.advanced-workflows[data-blueprint-mode="canvas"] .workflow-blueprint-overview { border-color: color-mix(in srgb, var(--advanced-tone) 36%, var(--sheet-divider, var(--border))); }
.advanced-workflows[data-blueprint-mode="data"] .workflow-data-editor { border-color: color-mix(in srgb, var(--advanced-tone) 30%, var(--sheet-divider, var(--border))); }
.advanced-workflow-node-rail,
.advanced-workflow-workspace,
.advanced-workflow-graph-shell,
.advanced-workflow-lifecycle,
.advanced-workflow-runtime,
.advanced-workflow-definition,
.advanced-workflow-inspector,
.advanced-workflow-expert {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.advanced-workflow-definition { display: grid; gap: .5rem; padding: 0; }
.advanced-workflow-designer-title { display: flex; min-width: 0; align-items: center; gap: .5rem; padding-bottom: .5rem; border-bottom: 1px solid var(--sheet-divider, var(--border)); }
.advanced-workflow-designer-title > .workflow-canvas-tools { width: 100%; }
.advanced-workflow-designer-title h4, .advanced-workflow-node-rail h5 { margin: 0; }
.advanced-workflow-node-rail > summary { display: flex; min-height: 36px; align-items: center; justify-content: space-between; gap: .5rem; cursor: pointer; font-size: .8rem; }
.advanced-workflow-node-rail[open] > :not(summary) { margin-top: .6rem; }
.advanced-workflow-node-rail > summary .muted { font-size: .67rem; }
.advanced-workflow-node-rail > summary strong { white-space: nowrap; }
.advanced-workflow-process-picker { border-top: 1px solid var(--sheet-divider, var(--border)); }
.advanced-workflow-process-picker > summary { min-height: 32px; padding: .45rem 0; color: var(--muted); cursor: pointer; font-size: .82rem; font-weight: 650; }
.advanced-workflow-process-picker[open] { display: grid; gap: .55rem; }
.advanced-workflow-actions { display: flex; flex-wrap: wrap; gap: .42rem; align-items: center; }
.advanced-workflow-actions button { min-width: 0; max-width: 100%; min-height: 32px; padding: .4rem .65rem; white-space: normal; overflow-wrap: anywhere; }
.advanced-workflow-list,
.advanced-workflow-version-list,
.advanced-workflow-runs { display: grid; min-width: 0; gap: .42rem; }
.advanced-workflow-list-button,
.advanced-workflow-version-button,
.advanced-workflow-run-button {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: .14rem;
  justify-items: start;
  padding: .72rem .75rem;
  border: 0;
  border-radius: 13px;
  color: var(--text);
  background: rgb(255 255 255 / 3%);
  box-shadow: inset 1px 0 rgb(255 255 255 / 8%);
  text-align: left;
}
.advanced-workflow-list-button:hover,
.advanced-workflow-version-button:hover,
.advanced-workflow-run-button:hover { background: color-mix(in srgb, var(--advanced-tone) 8%, transparent); }
.advanced-workflow-list-button[aria-current="true"],
.advanced-workflow-version-button[aria-current="true"],
.advanced-workflow-run-button[aria-current="true"] {
  background: color-mix(in srgb, var(--advanced-tone) 10%, transparent);
  box-shadow: inset 2px 0 var(--advanced-tone), 0 0 22px color-mix(in srgb, var(--advanced-tone) 7%, transparent);
}
.advanced-workflow-list-button span,
.advanced-workflow-version-button span,
.advanced-workflow-run-button span { max-width: 100%; overflow-wrap: anywhere; color: var(--muted); font-size: .69rem; }
.advanced-workflow-detail-heading { flex-wrap: wrap; }
.advanced-workflow-state { display: flex; min-width: 0; flex: 0 1 auto; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.advanced-workflow-state .pill { white-space: nowrap; }
.advanced-workflow-version-list { display: flex; flex-wrap: wrap; }
.advanced-workflow-version-button { width: auto; min-width: min(8.5rem, 100%); max-width: 100%; }
.advanced-workflow-lifecycle,
.advanced-workflow-runtime { display: grid; align-content: start; gap: .65rem; padding: 0; }
.advanced-workflow-runtime-refresh { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem .75rem; }
.advanced-workflow-runtime-refresh small { max-width: 28rem; text-align: end; }
.advanced-workflow-runtime-refresh small[data-state="refreshing"],
.advanced-workflow-runtime-refresh small[data-state="scheduled"] { color: var(--advanced-tone); }
.advanced-workflow-runtime-refresh small[data-state="failed"] { color: var(--danger); }
.advanced-workflow-graph-stage { position: relative; min-width: 640px; min-height: 245px; }
.advanced-workflow-graph-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.advanced-workflow-graph-line { fill: none; stroke: color-mix(in srgb, var(--advanced-tone) 55%, #52616b); stroke-width: 1.5; }
.advanced-workflow-graph-line[data-loop="true"] { stroke: #d6a1ff; stroke-dasharray: 5 4; }
.advanced-workflow-graph-line[data-branch="rejected"],
.advanced-workflow-graph-line[data-branch="false"] { stroke: var(--danger); stroke-dasharray: 5 4; }
.advanced-workflow-data-line { fill: none; stroke: color-mix(in srgb, var(--accent) 42%, #52616b); stroke-width: 1; stroke-dasharray: 2 4; opacity: .72; }
.advanced-workflow-graph-label { fill: var(--muted); font-size: 10px; paint-order: stroke; stroke: #071017; stroke-width: 3px; text-anchor: middle; }
.advanced-workflow-node {
  --node-tone: #7bc8ff;
  position: absolute;
  display: grid;
  width: 170px;
  min-height: 100px;
  gap: .14rem;
  align-content: center;
  padding: .75rem;
  border-radius: 14px;
  color: var(--text);
  background: var(--surface-raised, var(--surface));
  border: 1px solid color-mix(in srgb, var(--node-tone) 24%, var(--border));
  box-shadow: inset 2px 0 var(--node-tone), 0 4px 12px #0001;
  touch-action: none;
  cursor: grab;
}
.advanced-workflow-node[data-kind="parallel-fork"], .advanced-workflow-node[data-kind="parallel-join"] { --node-tone: #8cc7ff; }
.advanced-workflow-node[data-kind="approval"] { --node-tone: #ffc765; }
.advanced-workflow-node[data-kind="subflow"] { --node-tone: #d6a1ff; }
.advanced-workflow-node[data-kind="bounded-loop"] { --node-tone: #7ce5cb; }
.advanced-workflow-node[data-kind="end"] { --node-tone: #5fdd9d; }
.advanced-workflow-node[data-run-state="waiting"] { box-shadow: inset 2px 0 var(--node-tone), inset 0 0 0 1px var(--node-tone), 0 0 26px color-mix(in srgb, var(--node-tone) 25%, transparent); }
.advanced-workflow-node[data-selected="true"] { box-shadow: inset 2px 0 var(--node-tone), inset 0 0 0 1px var(--node-tone), 0 0 30px color-mix(in srgb, var(--node-tone) 24%, transparent); }
.advanced-workflow-node[data-run-state="failed"] { --node-tone: var(--danger); }
.advanced-workflow-node strong,
.advanced-workflow-node small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.advanced-workflow-node small { color: var(--muted); font-size: .64rem; }
.advanced-workflow-node em { color: var(--node-tone); font-size: .61rem; font-style: normal; }
.advanced-workflow-node-data { display: flex; min-width: 0; flex-wrap: wrap; gap: .16rem; margin-top: .14rem; }
.advanced-workflow-node-port,
.advanced-workflow-node-port-more { max-width: 100%; overflow: hidden; padding: .12rem .28rem; border: 1px solid color-mix(in srgb, var(--node-tone) 24%, transparent); border-radius: 999px; color: var(--muted); background: color-mix(in srgb, var(--node-tone) 7%, transparent); font-size: .53rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.advanced-workflow-node-port[data-direction="output"] { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 28%, transparent); }
.advanced-workflow-node-port-more { color: var(--muted); border-style: dashed; }
.advanced-workflow-manifest-editor textarea { width: 100%; min-height: 15rem; margin-block: .5rem .7rem; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; line-height: 1.45; }
.advanced-workflow-inspector > header,
.advanced-workflow-edge-editor > header { display: flex; min-width: 0; gap: .65rem; align-items: center; justify-content: space-between; }
.advanced-workflow-designer h6, .advanced-workflow-inspector h6, .advanced-workflow-edge-editor h6 { margin: 0; }
.advanced-workflow-node-palette { display: grid; min-width: 0; gap: .4rem; }
.workflow-node-group { min-width: 0; border: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 82%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--sheet-bg-quiet, var(--surface)) 55%, transparent); }
.workflow-node-group > summary { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .55rem; align-items: center; min-height: 44px; padding: .55rem .7rem; color: var(--text); cursor: pointer; list-style-position: inside; }
.workflow-node-group > summary strong { font-size: .78rem; }
.workflow-node-group > summary small { min-width: 0; overflow: hidden; color: var(--muted); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.workflow-node-group[open] > summary { color: var(--advanced-tone); border-bottom: 1px solid color-mix(in srgb, var(--advanced-tone) 18%, var(--sheet-divider, var(--border))); }
.workflow-node-group-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr)); gap: .35rem; padding: .5rem; }
.workflow-node-catalog-note { flex: 1 1 100%; max-width: 52ch; color: var(--muted); font-size: .7rem; line-height: 1.55; }
.workflow-node-catalog-note strong { color: var(--advanced-tone); font-weight: 720; }
.workflow-trigger-boundary { padding-top: .15rem; }
.workflow-canvas-legend { border-top: 1px solid var(--sheet-divider, var(--border)); padding-top: .65rem; }
.workflow-canvas-legend summary { cursor: pointer; color: var(--muted); font-size: .76rem; }
.workflow-canvas-legend-grid { display: grid; gap: .38rem; margin: .6rem 0 .45rem; color: var(--muted); font-size: .7rem; line-height: 1.4; }
.workflow-canvas-legend-grid span { display: flex; align-items: center; gap: .42rem; }
.workflow-legend-dot { width: .55rem; height: .55rem; border-radius: 50%; display: inline-block; flex: 0 0 auto; }
.workflow-legend-dot.input { background: var(--advanced-tone, #6da7ff); }
.workflow-legend-dot.output { background: var(--success, #55c9a0); }
.workflow-legend-line { width: 1.2rem; border-top: 2px solid var(--muted); display: inline-block; flex: 0 0 auto; }
.workflow-legend-line.data { border-top-style: dotted; border-top-color: var(--accent, #75f4e3); }
.workflow-legend-line.branch { border-top-style: dashed; border-top-color: var(--advanced-tone, #6da7ff); }
.workflow-legend-line.loop { border-top-style: dotted; border-top-color: var(--warning, #e9b35d); }
.workflow-authoring-ai-worker-note { display: block; max-width: 34ch; margin-top: .25rem; color: var(--muted); font-size: .68rem; line-height: 1.4; }
.workflow-node-signature-note { display: block; margin-top: .2rem; color: var(--muted); line-height: 1.5; }
.advanced-workflow-node-palette button { min-height: 36px; padding: .45rem .55rem; font-size: .8rem; border: 1px solid var(--sheet-line, var(--border)); background: var(--sheet-bg-quiet, transparent); box-shadow: none; }
.advanced-workflow-node-palette .workflow-callable-open { gap: .2rem; }
.advanced-workflow-node-palette .workflow-callable-open strong { font-size: .8rem; }
.advanced-workflow-node-palette .workflow-callable-open small { font-size: .66rem; line-height: 1.4; }
.advanced-workflow-node-palette button:hover,
.advanced-workflow-node-palette button:focus-visible { background: color-mix(in srgb, var(--advanced-tone) 10%, transparent); }
.advanced-workflow-designer-dropzone:empty { display: none; }
.advanced-workflow-designer-dropzone:not(:empty) { position: absolute; z-index: 9; top: min(8rem, 20%); left: 50%; display: grid; width: min(27rem, calc(100% - 1.4rem)); max-height: min(62dvh, 30rem); overflow: auto; place-items: center; padding: .65rem; border: 1px solid var(--advanced-tone); border-radius: var(--radius-control, 10px); color: var(--text); background: var(--overlay-bg, var(--surface-raised, var(--surface))); box-shadow: var(--shadow-overlay); transform: translateX(-50%); }
.advanced-workflow-graph[data-drag-active="true"] { border-color: var(--advanced-tone); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--advanced-tone) 55%, transparent); }
.advanced-workflow-existing-edges > summary { cursor: pointer; color: var(--muted); font-size: .72rem; }
.advanced-workflow-existing-edges[open] > #advanced-workflow-edge-list { margin-top: .45rem; max-height: 12rem; overflow: auto; }
.advanced-workflow-designer-dropzone[data-drag-active="true"] { color: var(--text); background: color-mix(in srgb, var(--advanced-tone) 10%, transparent); box-shadow: inset 0 0 0 1px var(--advanced-tone), 0 0 24px color-mix(in srgb, var(--advanced-tone) 12%, transparent); }
.advanced-workflow-inspector header select { width: 100%; max-width: none; }
.advanced-workflow-inspector-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: .55rem; }
.advanced-workflow-detail-heading > div, .workflow-blueprint-overview-heading > div,
.advanced-workflow-node-palette button, .advanced-workflow-inspector :is(input, select, textarea) { min-width: 0; max-width: 100%; }
.advanced-workflow-detail-heading h4, .advanced-workflow-node-palette button,
.advanced-workflow-inspector :is(label, summary) { overflow-wrap: anywhere; }
.advanced-workflow-inspector-fields label,
.advanced-workflow-edge-fields label { display: grid; min-width: 0; gap: .22rem; color: var(--muted); font-size: .7rem; }
.advanced-workflow-inspector-fields .check-row,
.advanced-workflow-edge-fields .check-row { display: flex; align-items: center; }
.advanced-workflow-edge-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr)); gap: .55rem; align-items: end; }
.advanced-workflow-edge-list { display: grid; gap: .35rem; }
.advanced-workflow-edge-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .55rem; align-items: center; padding: .5rem .6rem; border-radius: 10px; background: rgb(255 255 255 / 2.5%); }
.advanced-workflow-edge-item span { min-width: 0; overflow-wrap: anywhere; color: var(--muted); font-size: .68rem; }
.advanced-workflow-edge-item button { min-height: 30px; padding: .28rem .52rem; }
.advanced-workflow-expert { margin-top: .15rem; }
.advanced-workflow-expert > summary { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: .8rem; padding: .55rem .8rem; color: var(--muted); cursor: pointer; font-weight: 720; }
.advanced-workflow-expert > summary small { font-size: .65rem; font-weight: 540; }
.advanced-workflow-expert[open] > summary { color: var(--advanced-tone); }
.advanced-workflow-expert-content { display: grid; min-width: 0; gap: .85rem; padding: 0 .85rem .85rem; }
.advanced-workflow-expert-content > section { min-width: 0; padding-top: .8rem; border-top: 1px solid rgb(255 255 255 / 6%); }
.advanced-workflow-expert-content h4 { margin: 0 0 .45rem; }
#advanced-workflow-lifecycle-note, #advanced-workflow-run-preparation-note { margin: 0; line-height: 1.65; }
.advanced-workflow-lifecycle .check-row { align-items: flex-start; margin: 0; line-height: 1.6; font-size: .88rem; }
.advanced-workflow-lifecycle .check-row input { flex: 0 0 auto; margin-top: .25em; }
.advanced-workflow-version-evidence, .advanced-workflow-run-setup, .advanced-workflow-run-history,
.advanced-workflow-run-steps, .advanced-workflow-run-evidence { min-width: 0; border-top: 1px solid rgb(255 255 255 / 8%); }
.workflow-workbench-panel summary { min-height: 32px; padding: .45rem 0; cursor: pointer; font-size: .86rem; color: var(--muted); }
.workflow-workbench-panel details[open] > summary { color: var(--text); }
.advanced-workflow-version-evidence > p { margin: 0 0 .75rem; overflow-wrap: anywhere; font-size: .8rem; line-height: 1.65; }
.advanced-workflow-version-tools { display: grid; gap: .65rem; margin-bottom: .8rem; }
.advanced-workflow-version-tools h5 { margin: 0; }
.advanced-workflow-lifecycle .advanced-workflow-actions:empty { display: none; }
.advanced-workflow-lifecycle .advanced-workflow-actions:not(:has(button:not([hidden]))) { display: none; }
.advanced-workflow-run-setup form { padding: .2rem 0 .5rem; }
.advanced-workflow-run-setup form > label { display: grid; min-width: 0; gap: .4rem; font-size: .85rem; }
.advanced-workflow-run-setup form > button { justify-self: start; }
.advanced-workflow-runtime form { display: grid; gap: .7rem; }
.advanced-workflow-inputs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); gap: .65rem; }
.advanced-workflow-input-field { display: grid; min-width: 0; gap: .24rem; }
.advanced-workflow-input-field small { color: var(--muted); overflow-wrap: anywhere; }
.advanced-workflow-run-detail { display: grid; min-width: 0; gap: .7rem; }
.advanced-workflow-run-status { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; padding: .7rem 0; }
.advanced-workflow-run-status strong { display: inline-flex; align-items: center; gap: .5rem; font-size: 1.05rem; }
.advanced-workflow-run-status strong::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: var(--muted); }
.advanced-workflow-run-detail[data-state="succeeded"] .advanced-workflow-run-status strong::before { background: var(--accent); }
.advanced-workflow-run-detail[data-state="running"] .advanced-workflow-run-status strong::before { background: var(--warning); }
.advanced-workflow-run-detail[data-state="failed"] .advanced-workflow-run-status strong::before { background: var(--danger); }
.advanced-workflow-run-status span { font-size: .84rem; }
.advanced-workflow-result { min-width: 0; padding: clamp(.85rem, 2vw, 1.2rem); border: 1px solid var(--sheet-divider, var(--border)); border-radius: var(--radius-control, 14px); background: var(--sheet-bg-quiet, transparent); }
.advanced-workflow-result h5 { color: var(--muted); font-size: .8rem; font-weight: 600; }
.workflow-run-outputs { display: grid; min-width: 0; gap: .4rem; margin: .85rem 0 0; }
.workflow-run-outputs dt { margin-top: .6rem; font-size: .9rem; font-weight: 700; }
.workflow-run-outputs dt:first-child { margin-top: 0; }
.workflow-run-outputs dd { max-width: 80ch; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; font-size: .95rem; line-height: 1.9; font-weight: 400; }
.advanced-workflow-run-facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .55rem 1rem; margin: .4rem 0 .75rem; font-size: .8rem; }
.advanced-workflow-run-facts dt { color: var(--muted); }
.advanced-workflow-run-facts dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.advanced-workflow-approval { display: grid; gap: .48rem; padding: .7rem; border-radius: 13px; background: color-mix(in srgb, var(--warning) 8%, transparent); box-shadow: inset 2px 0 var(--warning); }
.advanced-workflow-approval p { margin: 0; }
.workflow-approval-materials { min-width: 0; padding-block: .6rem; border-block: 1px solid var(--line); }
.workflow-approval-materials h6 { margin: 0; font-size: .92rem; color: var(--text); }
.workflow-approval-materials .workflow-run-outputs { margin-top: .45rem; }
.workflow-approval-inputs { margin-top: .65rem; }
.advanced-workflow-cancellation { display: flex; flex-wrap: wrap; gap: .55rem 1rem; align-items: center; justify-content: space-between; padding-top: .65rem; border-top: 1px solid rgb(255 255 255 / 6%); }
.advanced-workflow-cancellation p { flex: 1 1 22rem; margin: 0; }
.advanced-workflow-trace { display: grid; max-height: 15rem; gap: .34rem; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.advanced-workflow-trace li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem; align-items: center; padding: .45rem .52rem; border-radius: 10px; background: rgb(255 255 255 / 2.5%); }
.advanced-workflow-trace li[data-state="failed"] { box-shadow: inset 2px 0 var(--danger); }
.advanced-workflow-trace li[data-state="cancelled"] { box-shadow: inset 2px 0 var(--muted); opacity: .78; }
.advanced-workflow-trace li[data-state="waiting"] { box-shadow: inset 2px 0 var(--warning); }
.advanced-workflow-trace span { min-width: 0; overflow-wrap: anywhere; line-height: 1.6; }
.advanced-workflow-trace small { color: var(--muted); }
@media (max-width: 560px) {
  .advanced-workflow-node-rail > summary { flex-wrap: wrap; }
  .workflow-blueprint-overview-heading { flex-direction: column; }
  .workflow-blueprint-modes { width: 100%; }
  .workflow-blueprint-modes button { flex: 1 1 0; }
  .workflow-blueprint-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advanced-workflow-detail-heading,
  .advanced-workflow-graph-shell > header,
  .advanced-workflow-node-rail > header { flex-direction: column; }
  .advanced-workflow-state { justify-content: flex-start; }
  .advanced-workflow-actions { width: 100%; }
  .advanced-workflow-actions button { flex: 1 1 9rem; }
  .workflow-node-group > summary { grid-template-columns: minmax(0, 1fr); gap: .18rem; }
  .workflow-node-group > summary small { white-space: normal; }
  .workflow-node-group-items { grid-template-columns: minmax(0, 1fr); }
  .advanced-workflow-designer-title, .advanced-workflow-inspector > header,
  .advanced-workflow-edge-editor > header { align-items: flex-start; flex-direction: column; }
  .advanced-workflow-inspector header select { width: 100%; max-width: none; }
  .advanced-workflow-run-facts { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
  .advanced-workflow-runtime-refresh { width: 100%; align-items: flex-start; justify-content: flex-start; }
  .advanced-workflow-runtime-refresh small { text-align: start; }
  .advanced-workflow-run-facts dd { margin-bottom: .5rem; }
  .advanced-workflow-trace li { grid-template-columns: auto minmax(0, 1fr); }
  .advanced-workflow-trace small { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) { .advanced-workflow-capabilities i { box-shadow: none; } }
@media (forced-colors: active) {
  .advanced-workflows, .advanced-workflow-node-rail, .advanced-workflow-workspace,
  .advanced-workflow-graph-shell, .advanced-workflow-lifecycle, .advanced-workflow-runtime,
  .advanced-workflow-node { border: 1px solid CanvasText; background: Canvas; box-shadow: none; }
}


.advanced-workflow-node-test {
  display: grid;
  min-width: 0;
  gap: .62rem;
  margin-top: .18rem;
  padding-top: .72rem;
  border-top: 1px solid color-mix(in srgb, var(--advanced-tone) 18%, transparent);
}
.advanced-workflow-node-test-heading,
.advanced-workflow-node-test-actions,
.advanced-workflow-node-test-boundaries {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
}
.advanced-workflow-node-test-heading { justify-content: space-between; }
.advanced-workflow-node-test-heading > strong { font-size: .82rem; }
.advanced-workflow-node-test > .message { margin: 0; font-size: .7rem; }
.advanced-workflow-node-test-inputs { display: grid; min-width: 0; gap: .48rem; }
.advanced-workflow-node-test-actions button { flex: 1 1 8rem; min-height: 34px; padding: .34rem .58rem; }
.advanced-workflow-node-test-boundaries .pill { font-size: .62rem; }
.advanced-workflow-node-test-receipt {
  display: grid;
  min-width: 0;
  gap: .45rem;
  padding: .62rem;
  border-radius: 12px;
  background: color-mix(in srgb, var(--advanced-tone) 5%, transparent);
  box-shadow: inset 2px 0 color-mix(in srgb, var(--advanced-tone) 62%, transparent);
}
.advanced-workflow-node-test-receipt .definition-list {
  grid-template-columns: minmax(0, .65fr) minmax(0, 1fr);
  font-size: .66rem;
}
.advanced-workflow-node-test-receipt dt,
.advanced-workflow-node-test-receipt dd,
.advanced-workflow-node-test-receipt code { min-width: 0; overflow-wrap: anywhere; }
.advanced-workflow-node-test-receipt code { font-size: .58rem; color: var(--muted); }
@media (forced-colors: active) {
  .advanced-workflow-node-test-receipt { border: 1px solid CanvasText; background: Canvas; box-shadow: none; }
}


.advanced-workflow-graph-tools {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: end;
  justify-content: flex-end;
}
.advanced-workflow-graph-tools label {
  display: grid;
  min-width: min(10rem, 100%);
  max-width: 100%;
  gap: .18rem;
  color: var(--muted);
  font-size: .65rem;
}
.advanced-workflow-graph-tools select { min-height: 32px; padding-block: .25rem; }
.advanced-workflow-business-outcome {
  max-width: 88ch;
  margin: -.2rem 0 0;
  font-size: .72rem;
}
.advanced-workflow-stage-header {
  position: absolute;
  z-index: 3;
  top: 0;
  display: grid;
  height: 62px;
  gap: .08rem;
  align-content: center;
  padding-inline: 22px;
  border-inline-start: 1px solid color-mix(in srgb, var(--advanced-tone) 16%, transparent);
  background: var(--surface-raised, var(--surface));
  pointer-events: none;
}
.advanced-workflow-stage-header small {
  color: color-mix(in srgb, var(--advanced-tone) 74%, var(--muted));
  font-size: .58rem;
  font-weight: 740;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.advanced-workflow-stage-header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .72rem; }
.advanced-workflow-role-lane {
  position: absolute;
  z-index: 0;
  left: 0;
  display: grid;
  width: 100%;
  align-content: start;
  gap: .12rem;
  padding: 23px 12px 0;
  border-top: 1px solid color-mix(in srgb, var(--advanced-tone) 15%, transparent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--advanced-tone) 5%, transparent), transparent 48%);
  pointer-events: none;
}
.advanced-workflow-role-lane:nth-of-type(even) { background: linear-gradient(90deg, rgb(255 255 255 / 2%), transparent 48%); }
.advanced-workflow-role-lane > strong,
.advanced-workflow-role-lane > small { width: 122px; overflow: hidden; text-overflow: ellipsis; }
.advanced-workflow-role-lane > strong { font-size: .7rem; }
.advanced-workflow-role-lane > small { color: var(--muted); font-size: .58rem; white-space: nowrap; }
.advanced-workflow-graph-lines { z-index: 1; }
.advanced-workflow-node { z-index: 2; transition: opacity 160ms ease, filter 160ms ease, box-shadow 160ms ease; }
.advanced-workflow-node-domain {
  max-width: 100%;
  overflow: hidden;
  color: color-mix(in srgb, var(--node-tone) 82%, var(--text));
  font-size: .55rem;
  font-weight: 760;
  letter-spacing: .035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.advanced-workflow-node[data-domain-filtered="true"] { opacity: .14; filter: saturate(.4); pointer-events: none; }
.advanced-workflow-graph-line[data-domain-filtered="true"] { opacity: .1; }
.advanced-workflow-business-editor {
  display: grid;
  min-width: 0;
  gap: .72rem;
  margin-block: .8rem 1rem;
  padding: var(--ui-region-padding-block, 1.25rem) 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.advanced-workflow-business-editor > header {
  display: flex;
  min-width: 0;
  gap: .65rem;
  align-items: center;
  justify-content: space-between;
}
.advanced-workflow-business-editor h6 { margin: 0; }
.advanced-workflow-business-fields {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  gap: .55rem;
  align-items: end;
}
.advanced-workflow-business-fields > label,
.advanced-workflow-business-assignment-fields > label {
  display: grid;
  min-width: 0;
  gap: .22rem;
  color: var(--muted);
  font-size: .67rem;
}
 .workflow-business-dimension, .workflow-business-item { display: grid; min-width: 0; gap: .5rem; }
.workflow-business-dimension { align-content: start; }
.workflow-business-dimension h5 { margin: 0; font-size: .88rem; }
.workflow-business-item { padding: .8rem 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); background: transparent; }
.workflow-business-item > input { min-width: 0; width: 100%; }
.workflow-business-item > small { color: var(--muted); font-size: .75rem; }
.workflow-business-item-tools { display: flex; flex-wrap: wrap; gap: .35rem; }
.workflow-business-item-tools select { flex: 1 1 100%; min-width: 0; }
.workflow-business-item-tools button { min-height: 40px; padding: .4rem .55rem; }
.advanced-workflow-business-editor > summary { font-size: .95rem; font-weight: 650; cursor: pointer; }
.advanced-workflow-business-editor:not([open]) > :not(summary) { display: none; }
.advanced-workflow-business-fields > button { grid-column: 1 / -1; justify-self: start; }
.advanced-workflow-business-assignment {
  display: grid;
  min-width: 0;
  gap: .55rem;
  padding-top: .68rem;
  border-top: 1px solid color-mix(in srgb, var(--advanced-tone) 12%, transparent);
}
.advanced-workflow-business-assignment > p { margin: 0; }
.advanced-workflow-business-assignment-fields {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  gap: .5rem;
  align-items: end;
}
.advanced-workflow-business-assignment-fields button { min-height: 38px; }
@media (max-width: 900px) {
  .advanced-workflow-business-fields { grid-template-columns: minmax(0, 1fr); }
  .advanced-workflow-business-fields > button { grid-column: 1; }
  .advanced-workflow-business-assignment-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .advanced-workflow-business-editor > header, .advanced-workflow-graph-tools { align-items: stretch; flex-direction: column; }
  .advanced-workflow-business-assignment-fields { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .advanced-workflow-node { transition: none; } }
@media (forced-colors: active) {
  .advanced-workflow-business-editor, .advanced-workflow-role-lane, .advanced-workflow-stage-header { border: 1px solid CanvasText; background: Canvas; }
}


.workflow-team-picker { border: 1px solid var(--border); border-radius: 12px; padding: 10px; margin: 8px 0; }
#workflow-team-members { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 6px; max-height: 180px; overflow: auto; }
#workflow-team-members .check-row { margin: 0; padding: 6px 8px; border-radius: 8px; background: rgba(55, 155, 158, .08); font-size: 12px; }
#workflow-team-members .check-row { display: flex; align-items: center; gap: 6px; min-width: 0; }
#workflow-team-members .check-row > span { min-width: 0; overflow-wrap: anywhere; flex: 1; }
#workflow-team-members input { flex: none; }
#workflow-team-members small { color: var(--muted); margin-left: auto; flex: none; white-space: nowrap; }

.workflow-authoring-assistant { padding: 0; border: 0; background: transparent; }
.workflow-authoring-assistant > summary { display: none; }
#workflow-authoring-ai-form { display: grid; gap: .65rem; }
#workflow-authoring-ai-goal { width: 100%; min-height: 116px; font: inherit; line-height: 1.6; }
.workflow-authoring-ai-actions { display: flex; align-items: end; gap: .45rem; flex-wrap: wrap; }
.workflow-authoring-ai-actions label { display: grid; min-width: 0; gap: .3rem; flex: 1 1 100%; font-size: .8rem; color: var(--muted); }
.workflow-authoring-ai-actions button { min-width: 0; padding: .4rem .55rem; font-size: .75rem; }
.workflow-authoring-ai-worker-note { font-size: .7rem; }
#workflow-authoring-ai-status { margin: .65rem 0; font-size: .78rem; color: var(--muted); }
.workflow-authoring-ai-mode { display: grid; grid-template-columns: minmax(0, 1fr); gap: .35rem; font-size: .8rem; }
.workflow-authoring-history { border-top: 1px solid var(--sheet-divider, var(--border)); padding-top: .65rem; }
.workflow-authoring-history > summary { cursor: pointer; font-size: .8rem; }
.workflow-authoring-history .empty-state { font-size: .75rem; }
.workflow-ai-edit-review { min-width:0; background:var(--overlay-bg); backdrop-filter:var(--chrome-backdrop-filter); -webkit-backdrop-filter:var(--chrome-backdrop-filter); box-shadow:var(--shadow-overlay); }
.workflow-ai-diff-list { max-height:min(32rem,55dvh); overflow:auto; overscroll-behavior:contain; min-width:0; }
.workflow-ai-diff-item { border:0; border-bottom:1px solid var(--border); padding:.5rem 0; background:transparent; min-width:0; }
.workflow-ai-diff-item > summary { cursor:pointer; min-height:44px; overflow-wrap:anywhere; }
.workflow-ai-diff-item small { overflow-wrap:anywhere; }
.workflow-ai-diff-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.workflow-ai-diff-columns > div { min-width:0; }
.workflow-ai-diff-columns pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.875rem; max-height:24rem; overflow:auto; }
@media (max-width:640px) { .workflow-ai-diff-columns { grid-template-columns:minmax(0,1fr); } .workflow-authoring-ai-mode { grid-template-columns:minmax(0,1fr); } }
.advanced-workflows-heading { display:none; }
.advanced-workflow-graph-shell > header { flex-wrap:wrap; }
.advanced-workflow-graph-shell > header > div { min-width:0; }
.workflow-basics-editor { padding:.65rem 0; border-block:1px solid var(--sheet-divider,var(--border)); }
.workflow-basics-editor > summary { min-height:32px; display:flex; align-items:center; cursor:pointer; font-size:.9rem; }
.workflow-basics-editor[open] { display:grid; gap:.65rem; }
.workflow-basics-editor label { display:grid; gap:.3rem; font-size:.82rem; }
.advanced-workflow-node strong { font-size:.88rem; line-height:1.4; }
.advanced-workflow-node[data-group-selected="true"] { outline:2px solid var(--accent); outline-offset:3px; }
.advanced-workflow-node small { font-size:.72rem; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; white-space:normal; }
.advanced-workflow-node .advanced-workflow-node-validation { display:block; margin-top:.35rem; font-size:.68rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.advanced-workflow-node[data-selected="true"] { border-color:var(--accent); outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent); outline-offset:2px; }
.advanced-workflow-node[data-moving="true"] { cursor:grabbing; z-index:5; }
.advanced-workflow-graph[data-interaction="connect"] .advanced-workflow-node { cursor:crosshair; }
.advanced-workflow-node[data-connection-endpoint="from"],.advanced-workflow-node[data-connection-endpoint="to"] { outline:3px solid var(--accent); outline-offset:3px; }
.advanced-workflow-node[data-connection-endpoint="to"] { outline-style:dashed; }
.advanced-workflow-graph[data-interaction="pan"],.advanced-workflow-graph[data-interaction="pan"] .advanced-workflow-node { cursor:grab; touch-action:none; }
.advanced-workflow-graph[data-interaction="pan"]:active { cursor:grabbing; }
.workflow-canvas-arrow { fill:var(--advanced-tone); }
.advanced-workflow-node[data-run-state="waiting"] { animation:workflow-live-node 1.8s ease-out 3; border-color:var(--accent); }
.advanced-workflow-node[data-run-state="succeeded"] { border-color:#43ae89; }
.advanced-workflow-node[data-run-state="failed"] { border-color:#e17b80; }
@keyframes workflow-live-node { 50% { box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent); } }
.advanced-workflow-graph-label { font-size:11px; paint-order:stroke; stroke:var(--panel,#131e2b); stroke-width:4px; stroke-linejoin:round; }
.advanced-workflow-inspector-fields label,.advanced-workflow-edge-fields label { font-size:.8rem; gap:.4rem; }
.advanced-workflow-inspector-fields input,.advanced-workflow-inspector-fields select,.advanced-workflow-inspector-fields textarea { min-height:40px; font-size:.86rem; }
.advanced-workflow-inspector-readiness { gap:.4rem; }
.advanced-workflow-inspector-readiness small { font-size:.74rem; }
.advanced-workflow-inspector summary { cursor:pointer; font-size:.85rem; font-weight:650; padding:.55rem 0; }
.advanced-workflow-edge-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr)); gap:.55rem; }
.advanced-workflow-edge-item { font-size:.75rem; gap:.45rem; }
.advanced-workflow-edge-item span { overflow-wrap:anywhere; }
.workflow-data-editor { border-top:1px solid color-mix(in srgb,var(--muted) 16%,transparent); }
.workflow-data-port-fields { display:grid; gap:.6rem; margin-block:.8rem; }
.workflow-data-port-fields label { display:grid; min-width:0; gap:.3rem; font-size:.8rem; }
.workflow-data-port-fields .check-row { display:flex; }
.workflow-data-port-row { display:grid; min-width:0; grid-template-columns:minmax(0,1fr) auto; gap:.3rem .6rem; padding:.65rem 0; border-bottom:1px solid color-mix(in srgb,var(--muted) 12%,transparent); overflow-wrap:anywhere; }
.workflow-data-port-row strong { font-size:.82rem; }
.workflow-data-port-row small { font-size:.72rem; color:var(--muted); }
.workflow-data-port-row button { grid-column:2; padding:.3rem .5rem; font-size:.75rem; }
.workflow-port-selector { display:grid; min-width:0; grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr)); gap:.5rem; }
.workflow-port-selector label { display:flex; min-width:0; gap:.45rem; align-items:center; justify-content:space-between; padding:.45rem; border:1px solid color-mix(in srgb,var(--muted) 20%,transparent); border-radius:8px; overflow-wrap:anywhere; }
.workflow-port-selector input { flex:0 0 18px; width:18px; min-height:18px; }
.workflow-node-configuration { display:grid; gap:.7rem; }
#workflow-run-conversation { max-width:100%; }
.advanced-workflows button:focus-visible,.advanced-workflows summary:focus-visible,.advanced-workflow-node:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media (max-width:700px) {
  .advanced-workflows { padding:0; border-radius:0; }
  .advanced-workflow-graph-shell > header { flex-direction:column; }
  .workflow-authoring-ai-actions > button { flex:1 1 8rem; }
}
@media (prefers-reduced-motion:reduce) { .advanced-workflow-node[data-run-state="waiting"] { animation:none; } }
.workflow-composition-conflict { grid-column: 1 / -1; padding: .75rem; border: 1px solid var(--accent); border-radius: 10px; font-size: .82rem; }
.workflow-composition-rows, .workflow-composition-bindings, .workflow-composition-mapping-group { display: grid; min-width: 0; gap: .6rem; }
.workflow-composition-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; align-items: center; }
.workflow-composition-row input { min-width: 0; width: 100%; }
.workflow-composition-mapping-group { padding-block: .5rem; }
.workflow-composition-mapping-group > label { display: grid; min-width: 0; gap: .3rem; font-size: .8rem; }
.workflow-composition-mapping-group select { min-width: 0; width: 100%; }

.advanced-workflow-graph[data-view="steps"] { height:auto; min-height:0; overflow:visible; border:0; border-radius:0; background:none; }
.advanced-workflow-studio-grid[data-canvas-focus="true"] .advanced-workflow-graph[data-view="steps"] { height:auto; min-height:0; }
.workflow-navigation { display:grid; min-width:0; gap:1.25rem; padding:.2rem 0; }
.workflow-navigation-heading { display:flex; flex-wrap:wrap; gap:.35rem .75rem; align-items:baseline; }
.workflow-navigation-heading strong { font-size:.9rem; }
.workflow-navigation-heading span { color:var(--muted); font-size:.78rem; }
.workflow-navigation-rail { display:flex; min-width:0; gap:.65rem; overflow-x:auto; padding:.25rem .25rem .7rem; scroll-snap-type:x proximity; overscroll-behavior-x:contain; }
.workflow-navigation .advanced-workflow-node { position:relative; inset:auto; min-width:0; width:auto; min-height:44px; padding:.8rem; text-align:left; cursor:pointer; touch-action:pan-x pan-y; }
.workflow-navigation .advanced-workflow-node strong { font-size:.95rem; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
.workflow-navigation .advanced-workflow-node small { display:block; font-size:.8rem; line-height:1.5; white-space:normal; overflow:visible; }
.workflow-navigation .advanced-workflow-node em { color:var(--muted); font-size:.75rem; font-style:normal; }
.workflow-navigation .workflow-navigation-stop { flex:0 0 min(10.5rem,75%); min-height:100px; scroll-snap-align:start; align-content:start; gap:.25rem; }
.workflow-navigation-stop strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.workflow-navigation .workflow-navigation-stop[aria-current="true"] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,var(--panel)); }
.workflow-navigation-current { display:grid; gap:.8rem; min-width:0; padding:1rem 0; border:0; border-block:1px solid var(--sheet-divider,var(--border)); border-radius:0; background:transparent; }
.workflow-navigation-current-kind { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; }
.workflow-navigation-current h6 { margin:0; font-size:1.15rem; line-height:1.5; overflow-wrap:anywhere; }
.workflow-navigation-current p { margin:0; font-size:.88rem; line-height:1.65; color:var(--muted); overflow-wrap:anywhere; }
.workflow-navigation-run-state { color:var(--accent); font-size:.8rem; }
.workflow-navigation-business { display:flex; flex-wrap:wrap; gap:.3rem .75rem; font-size:.78rem; line-height:1.6; color:var(--muted); }
.workflow-navigation .workflow-navigation-configure { width:100%; border-radius:9px; color:var(--accent); text-align:center; padding:.6rem; }
.workflow-navigation-paths { display:grid; min-width:0; gap:.6rem; }
.workflow-navigation-paths h6 { margin:0; font-size:.88rem; }
.workflow-navigation-paths > p { margin:0; font-size:.84rem; }
.workflow-navigation .workflow-navigation-path { display:grid; grid-template-columns:minmax(0,1fr) 24px; gap:.2rem .5rem; min-height:74px; border-left:3px solid var(--accent); }
.workflow-navigation-path > small { grid-column:1; color:var(--accent); }
.workflow-navigation-path > strong { grid-column:1; }
.workflow-navigation-arrow { grid-column:2; grid-row:1 / span 2; align-self:center; font-size:1.25rem; color:var(--accent); }
.workflow-navigation .workflow-navigation-path[data-branch="rejected"],.workflow-navigation .workflow-navigation-path[data-branch="false"] { border-left-color:var(--warning); }
.workflow-navigation .workflow-navigation-path[data-branch="loop-back"] { border-left-style:dashed; }
.workflow-navigation-path .advanced-workflow-node-validation,.workflow-navigation-configure .advanced-workflow-node-validation { display:none; }
.workflow-navigation-incoming > summary { min-height:44px; padding:.65rem .15rem; color:var(--muted); cursor:pointer; font-size:.85rem; }
.workflow-navigation-incoming[open] > summary { margin-bottom:.4rem; }
@media (max-width:700px) {
  .advanced-workflow-graph-shell { padding:0; }
  .workflow-navigation-rail { margin-inline:-.15rem; }
  .advanced-workflow-inspector { scroll-margin-top:1rem; }
  .advanced-workflow-inspector-fields input,.advanced-workflow-inspector-fields select,
  .advanced-workflow-inspector-fields textarea,.advanced-workflow-edge-fields select { font-size:1rem; min-height:44px; }
}


.workflow-callable-open { display:grid; gap:.35rem; text-align:start; padding:.85rem; }
.workflow-callable-open small { color:var(--muted); font-size:.75rem; }
.workflow-callable-boundaries { color:var(--muted); font-size:.75rem; }
.workflow-callable-boundaries summary { cursor:pointer; min-height:44px; display:flex; align-items:center; }
.workflow-callable-boundaries small { display:block; margin-block:.5rem; }
.workflow-callable-dialog { width:min(54rem,calc(100vw - 2rem)); max-width:calc(100vw - 2rem); max-height:min(48rem,calc(100dvh - 2rem)); padding:0; border:1px solid var(--sheet-line,var(--border)); border-radius:var(--radius-panel,20px); color:var(--text); background:var(--overlay-bg,var(--surface-raised)); backdrop-filter:var(--chrome-backdrop-filter,blur(24px)); box-shadow:var(--shadow-overlay); overflow:auto; overscroll-behavior:contain; }
.workflow-callable-dialog::backdrop { background:rgb(0 0 0 / 26%); backdrop-filter:blur(4px); }
.workflow-callable-dialog[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.workflow-callable-dialog :is(h3,h4,p) { margin:0; }
.workflow-callable-dialog :is(header,footer) { display:flex; gap:1rem; justify-content:space-between; align-items:center; padding:1rem 1.25rem; }
.workflow-callable-dialog header { border-bottom:1px solid var(--sheet-divider,var(--border)); }
.workflow-callable-dialog h3 { font-size:1.15rem; font-weight:650; }
.workflow-callable-dialog header p { font-size:.8rem; margin-top:.3rem; }
.workflow-callable-dialog footer { border-top:1px solid var(--sheet-divider,var(--border)); }
.workflow-callable-dialog footer p { color:var(--muted); font-size:.78rem; line-height:1.55; flex:1 1 18rem; }
.workflow-callable-dialog footer button { flex-shrink:0; }
.workflow-callable-dialog :is(button,input,select) { min-height:44px; min-width:0; max-width:100%; font:inherit; font-size:.85rem; }
.workflow-callable-dialog :is(button,input,select):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.workflow-callable-dialog button { white-space:normal; }
.workflow-callable-body { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); min-height:0; }
.workflow-callable-body > section { min-width:0; padding:1.25rem; overflow:auto; scrollbar-gutter:stable; }
.workflow-callable-library { border-right:1px solid var(--sheet-divider,var(--border)); }
.workflow-callable-filters { display:grid; grid-template-columns:minmax(0,1fr); gap:.5rem; margin-bottom:.65rem; }
.workflow-callable-filters input { width:100%; }
.workflow-callable-library > small { color:var(--muted); font-size:.75rem; }
.workflow-callable-list { display:grid; gap:.15rem; margin-top:.65rem; }
button.workflow-callable-item { display:grid; gap:.25rem; width:100%; padding:.65rem .8rem; text-align:start; background:transparent; border:0; border-radius:8px; box-shadow:none; }
.workflow-callable-item small { color:var(--muted); font-size:.7rem; }
.workflow-callable-item strong { font-weight:600; font-size:.9rem; }
.workflow-callable-item span { font-size:.75rem; color:var(--muted); }
button.workflow-callable-item[aria-pressed="true"] { color:var(--text); background:var(--sheet-bg-hover); box-shadow:inset 2px 0 var(--accent-strong,var(--accent)); }
.workflow-callable-detail h4 { font-size:1.1rem; margin-bottom:.65rem; }
.workflow-callable-detail > p { font-size:.85rem; line-height:1.6; }
.workflow-callable-detail > details { margin-block:.75rem; color:var(--muted); font-size:.75rem; }
.workflow-callable-detail summary { cursor:pointer; min-height:32px; }
.workflow-callable-fields { display:grid; gap:1rem; margin-top:1rem; }
.workflow-callable-fields fieldset { margin:0; padding:.8rem 0; border:0; border-top:1px solid var(--sheet-divider,var(--border)); min-width:0; display:grid; gap:.8rem; }
.workflow-callable-fields legend { color:var(--text); padding-inline:.3rem; font-size:.8rem; }
.workflow-callable-fields label { display:grid; min-width:0; gap:.4rem; color:var(--muted); font-size:.78rem; }
.workflow-callable-fields label[data-port-type] { border-inline-start:2px solid color-mix(in srgb,var(--accent) 50%,transparent); padding-inline-start:.6rem; }
.workflow-callable-fields .workflow-callable-check { grid-template-columns:minmax(0,1fr) auto; align-items:center; }
.workflow-callable-fields input[type="checkbox"] { width:20px; min-height:20px; }
.workflow-callable-dialog :is(p,small,span,strong,legend,h4) { overflow-wrap:anywhere; }
@media (max-width:640px), (max-height:480px) {
  .workflow-callable-dialog[open] { display:block; width:calc(100vw - 1rem); max-width:calc(100vw - 1rem); max-height:calc(100dvh - 1rem); }
  .workflow-callable-body { grid-template-columns:minmax(0,1fr); }
  .workflow-callable-body > section { overflow:visible; padding:1rem; }
  .workflow-callable-library { border-right:0; border-bottom:1px solid var(--sheet-divider,var(--border)); }
  .workflow-callable-list { max-height:15rem; overflow:auto; padding:.25rem; }
  .workflow-callable-dialog :is(header,footer) { flex-wrap:wrap; padding:1rem; }
  .workflow-callable-dialog footer button { width:100%; }
}
@media (forced-colors:active) {
  .workflow-callable-dialog { background:Canvas; color:CanvasText; backdrop-filter:none; border-color:CanvasText; }
  .workflow-callable-item[aria-pressed="true"] { outline:2px solid Highlight; outline-offset:-3px; }
}



.advanced-workflow-definition {
  --advanced-tone: var(--accent);
  --workflow-studio-height: clamp(420px, calc(100dvh - 16rem), 900px);
}
.advanced-workflow-studio-grid {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: var(--workflow-studio-height);
  grid-template-columns: minmax(0, 1fr) clamp(300px, 24vw, 340px);
  align-items: stretch;
  gap: .65rem;
}
.advanced-workflow-workspace {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
  gap: .45rem;
  padding: 0;
}
.advanced-workflow-detail-heading { align-items: center; gap: .35rem .65rem; }
.advanced-workflow-detail-heading h4 { font-size: .9rem; line-height: 1.45; }
.advanced-workflow-state .pill { font-size: .65rem; }
.advanced-workflow-graph-shell {
  display: grid;
  position: relative;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto auto minmax(0, 1fr);
  align-content: stretch;
  gap: .35rem;
  padding: 0;
}
.advanced-workflow-graph-shell:has(> .workflow-authoring-process:not([hidden])) { grid-template-rows:auto auto auto minmax(120px,1fr); }
.workflow-authoring-process { min-width:0; padding:6px 9px; border:1px solid color-mix(in srgb,var(--accent) 24%,transparent); border-radius:10px; background:color-mix(in srgb,var(--region-base) 86%,transparent); }
.workflow-authoring-process[hidden] { display:none; }
.workflow-authoring-process-head { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:11px; }
.workflow-authoring-process-head p { margin:0; color:var(--muted); }
.workflow-authoring-process-head button { min-height:26px; font-size:11px; padding:3px 7px; }
.workflow-authoring-process-stages { display:flex; flex-wrap:wrap; gap:5px; list-style:none; padding:0; margin:5px 0 0; font-size:10px; color:var(--muted); }
.workflow-authoring-process-stages li { padding:2px 7px; border:1px solid transparent; border-radius:12px; }
.workflow-authoring-process-stages li[data-stage-state="current"] { color:var(--accent); border-color:color-mix(in srgb,var(--accent) 38%,transparent); }
.workflow-authoring-process-stages li[data-stage-state="observed"] { color:var(--text); }
.workflow-authoring-process details { margin-top:5px; font-size:11px; }
.workflow-authoring-process summary { cursor:pointer; }
.workflow-authoring-candidate { max-height:190px; overflow:auto; overscroll-behavior:contain; padding-top:5px; }
.workflow-authoring-candidate svg { display:block; min-width:100%; max-width:none; }
.workflow-authoring-candidate .dashboard-workflow-run-visual-node { cursor:default; }
.advanced-workflow-graph-shell > header { min-height: 24px; align-items: center; gap: .4rem; }
.advanced-workflow-graph-tools { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: .4rem; }
.advanced-workflow-graph-tools label { display: flex; align-items: center; gap: .35rem; font-size: .7rem; }
.advanced-workflow-graph-tools select { width: auto; min-height: 28px; max-width: 13rem; padding-block: .2rem; }
.advanced-workflow-graph-tools .pill { font-size: .65rem; }
.workflow-canvas-interaction-status { min-width: 0; margin: 0; font-size: .72rem; line-height: 1.45; color: var(--muted); }
.advanced-workflow-graph {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--sheet-divider, var(--border));
  border-radius: 12px;
  background-color: var(--region-base);
  background-image: radial-gradient(color-mix(in srgb, var(--muted) 24%, transparent) 1px, transparent 1px);
  background-size: 20px 20px;
}
.workflow-canvas-viewport { position: relative; }
.advanced-workflow-node { touch-action: none; }
.advanced-workflow-definition[data-fullscreen="true"] {
  position: fixed; inset: 0; z-index: 10000; width: 100%; height: 100dvh; margin: 0;
  padding: .7rem; box-sizing: border-box; overflow: auto; border-radius: 0;
  background: var(--overlay-bg, #081c30); backdrop-filter: blur(24px);
  display: flex; flex-direction: column; container-type: inline-size; container-name: workflow-designer;
}
.advanced-workflow-definition[data-fullscreen="true"] > .advanced-workflow-studio-grid {
  height: auto; flex: 1; min-height: 220px;
}
.workflow-wire-preview { fill: none; stroke: var(--accent); stroke-width: 3; stroke-dasharray: 6 4; pointer-events: none; }
[data-wire-target="true"] { outline: 2px solid var(--accent); outline-offset: 3px; }
.workflow-wire-handle { visibility: hidden; fill: var(--accent); stroke: var(--text); stroke-width: 2; pointer-events: none; cursor: crosshair; touch-action: none; }
.workflow-wire-handle[data-edge-selected="true"] { visibility: visible; pointer-events: all; }
.advanced-workflow-node[data-preview-current="true"] { outline: 3px solid var(--accent); box-shadow: 0 0 22px color-mix(in srgb, var(--accent) 30%, transparent); }
.workflow-test-playback { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; padding: .5rem; border-radius: 9px; background: var(--region-base); }
.workflow-test-playback input { flex: 1 1 100%; width: 100%; }
.workflow-test-playback output { font-size: .75rem; color: var(--accent); }
.workflow-test-trace [aria-current="step"] { border-left: 2px solid var(--accent); }

.advanced-workflow-node-rail { display: none; min-width: 0; min-height: 0; }
.advanced-workflow-node-rail[open] {
  display: block;
  padding: .5rem;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--sheet-divider, var(--border));
  border-radius: 12px;
  background: var(--region-raised);
}
.advanced-workflow-studio-grid:has(> .advanced-workflow-node-rail[open]) {
  grid-template-columns: 168px minmax(0, 1fr) clamp(300px, 24vw, 340px);
}
.advanced-workflow-node-rail > summary { min-height: 32px; flex-wrap: wrap; }
.advanced-workflow-node-rail > summary .muted { font-size: .65rem; }
.workflow-node-group-items { grid-template-columns: minmax(0, 1fr); }
.advanced-workflow-node-palette button { min-height: 32px; padding: .4rem .5rem; font-size: .75rem; }
.workflow-workbench {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr);
  border: 1px solid var(--sheet-divider, var(--border));
  border-radius: 12px;
  background: var(--region-raised);
  overflow: hidden;
}
.workflow-workbench-header { display: flex; min-width: 0; align-items: center; border-bottom: 1px solid var(--sheet-divider, var(--border)); padding-right: .35rem; }
.workflow-workbench-header > button { flex: 0 0 28px; min-height: 32px; padding: .2rem; }
.workflow-workbench-aux-heading { display: flex; flex: 1; min-width: 0; align-items: center; gap: .5rem; padding: .35rem; font-size: .86rem; }
.workflow-workbench-aux-heading button { min-height: 32px; padding: .3rem .6rem; }
.workflow-workbench-header > [hidden] { display: none !important; }
.workflow-workbench-tabs {
  flex: 1;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .1rem;
  padding: .35rem;
}
.workflow-workbench-tabs button { min-width: 0; min-height: 32px; padding: .3rem .15rem; border: 0; border-radius: 7px; font-size: .75rem; }
.workflow-workbench-panel { min-width: 0; min-height: 0; padding: .8rem; overflow: auto; overscroll-behavior: contain; }
.workflow-tools-group { display: grid; gap: .6rem; padding-block: .7rem; border-bottom: 1px solid var(--sheet-divider, var(--border)); }
.workflow-tools-group > p { margin: 0; font-size: .78rem; line-height: 1.6; }
.workflow-tools-group > summary { cursor: pointer; font-size: .82rem; }
.workflow-tools-shortcuts { display: grid; gap: .4rem; }
.workflow-tools-shortcuts button { display: grid; gap: .2rem; text-align: left; padding: .6rem; }
.workflow-tools-shortcuts small { font-weight: 400; color: var(--muted); font-size: .72rem; }
.workflow-workbench-panel #visual-workflow-integrations { min-width: 0; }
.workflow-workbench-panel #visual-workflow-integrations :is(.workflow-compatibility, .workbuddy-progress, .workbuddy-setup-grid) { grid-template-columns: minmax(0, 1fr); }
.workflow-workbench-panel .workbuddy-plugin { padding: .5rem 0; border: 0; background: transparent; }
.workflow-workbench-panel .workbuddy-plugin-heading { flex-direction: column; gap: .4rem; }
.workflow-workbench-panel .workbuddy-plugin-heading h3 { font-size: .9rem; }
.workflow-workbench-panel .workbuddy-setup-step { padding: .6rem; }
.workflow-workbench-panel .workbuddy-setup-step .check-row input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; min-height: 18px; }
.workflow-workbench-panel .workbuddy-progress { gap: .3rem; }
.workflow-workbench-panel .workbuddy-progress li { padding: .4rem; font-size: .75rem; }
.workflow-workbench-panel .workbuddy-progress small { font-size: .7rem; }
.workflow-workbench-panel[hidden] { display: none !important; }
.workflow-workbench-panel > section, .workflow-workbench-panel > details { min-width: 0; }
.workflow-workbench-panel h4, .workflow-workbench-panel h5 { margin: 0; font-size: .9rem; }
.workflow-workbench-panel .eyebrow { display: none; }
.workflow-workbench-panel .empty-state { padding: .7rem 0; font-size: .8rem; }
.workflow-workbench-panel :is(input, select, textarea) { min-width: 0; max-width: 100%; }
.workflow-workbench-panel :is(button, summary) { min-height: 32px; }
.workflow-workbench-panel .advanced-workflow-actions button { padding: .4rem .6rem; font-size: .78rem; }
.advanced-workflow-inspector { display: grid; min-width: 0; gap: .8rem; padding: 0; border: 0; }
.advanced-workflow-inspector > header { display: grid; min-width: 0; gap: .5rem; }
.advanced-workflow-inspector > header select { width: 100%; }
.advanced-workflow-inspector > .advanced-workflow-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; }
.advanced-workflow-inspector > .advanced-workflow-actions button { min-width: 0; }
.advanced-workflow-edge-editor { display: grid; gap: .65rem; padding: 0; border: 0; }
.advanced-workflow-edge-editor > summary { cursor: pointer; font-size: .9rem; font-weight: 650; }
.advanced-workflow-edge-editor .advanced-workflow-edge-fields { grid-template-columns: minmax(0, 1fr); }
.advanced-workflow-existing-edges[open] > #advanced-workflow-edge-list { max-height: none; overflow: visible; }
.advanced-workflow-runtime-refresh { justify-content: flex-start; }
.advanced-workflow-runtime-refresh small { text-align: left; font-size: .72rem; }
.advanced-workflow-inputs { grid-template-columns: minmax(0, 1fr); }
.advanced-workflow-trace { max-height: none; }
.advanced-workflow-result { padding: .7rem; border-radius: 8px; }
.workflow-run-outputs dd { font-size: .84rem; line-height: 1.65; }
#advanced-workflow-designer-message { margin: 0; font-size: .7rem; line-height: 1.5; }
.workflow-canvas-tools { display: flex; min-width: 0; max-width: 100%; align-items: center; flex-wrap: wrap; gap: .35rem .5rem; }
.workflow-canvas-tool-group { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: .2rem; }
.workflow-canvas-primary-actions { margin-left: auto; }
.workflow-canvas-tools button, .workflow-canvas-arrange-tools > summary { min-width: 0; min-height: 32px; max-width: 100%; padding: .3rem .5rem; font-size: .74rem; white-space: nowrap; }
.workflow-canvas-tools button[aria-pressed="true"] { background: color-mix(in srgb, var(--accent) 15%, transparent); box-shadow: inset 0 0 0 1px var(--accent); color: var(--text); }
.workflow-canvas-tools output { min-width: 2.7rem; color: var(--muted); font-size: .72rem; font-variant-numeric: tabular-nums; text-align: center; }
.workflow-canvas-arrange-tools { position: relative; }
.workflow-canvas-arrange-tools > summary { display: flex; align-items: center; border: 1px solid var(--border); border-radius: 9px; cursor: pointer; }
.workflow-canvas-arrange-panel { display: flex; flex-wrap: wrap; position: absolute; z-index: 12; inset: calc(100% + .4rem) auto auto 0; width: min(23rem, calc(100vw - 2rem)); max-height: 50dvh; overflow: auto; gap: .4rem; padding: .65rem; border: 1px solid var(--border); border-radius: 12px; background: var(--overlay-bg); backdrop-filter: var(--chrome-backdrop-filter); box-shadow: var(--shadow-overlay); }
.workflow-canvas-arrange-panel p { flex-basis: 100%; margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.advanced-workflow-studio-grid[data-canvas-focus="true"] { grid-template-columns: minmax(0, 1fr); }
.advanced-workflow-studio-grid[data-canvas-focus="true"] > :is(.advanced-workflow-node-rail, .workflow-workbench) { display: none; }
@container workflow-designer (max-width: 62rem) {
  .advanced-workflow-studio-grid:has(> .advanced-workflow-node-rail[open]) { grid-template-columns: minmax(0, 1fr) 300px; grid-template-rows: auto minmax(0, 1fr); }
  .advanced-workflow-node-rail[open] { grid-column: 1 / -1; max-height: 180px; }
  .advanced-workflow-node-palette { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
  .advanced-workflow-node-palette > .workflow-callable-open { min-height: 64px; }
}
@container workflow-designer (max-width: 46rem) {
  .advanced-workflow-studio-grid { height: clamp(430px, calc(100dvh - 20rem), 720px); grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(180px, .65fr) minmax(220px, 1fr); }
  .advanced-workflow-workspace { grid-row: 2; height: auto; }
  .workflow-workbench { grid-row: 1; min-height: 0; max-height: none; }
  .workflow-workbench-panel { min-height: 0; max-height: none; }
  .advanced-workflow-studio-grid:has(> .advanced-workflow-node-rail[open]) { grid-template-columns: minmax(0, 1fr); grid-template-rows: 140px minmax(180px, .65fr) minmax(220px, 1fr); height: clamp(580px, calc(100dvh - 15rem), 860px); }
  .advanced-workflow-studio-grid:has(> .advanced-workflow-node-rail[open]) > .advanced-workflow-workspace { grid-row: 3; }
  .advanced-workflow-studio-grid:has(> .advanced-workflow-node-rail[open]) > .workflow-workbench { grid-row: 2; }
  .advanced-workflow-studio-grid[data-canvas-focus="true"] { grid-template-rows: minmax(0, 1fr); }
  .advanced-workflow-studio-grid[data-canvas-focus="true"] > .advanced-workflow-workspace { grid-row: 1; }
  .advanced-workflow-node-palette { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advanced-workflow-studio-grid[data-dock-open="true"]:is([data-dock-mode="assistant"], [data-dock-mode="tools"]) { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
  .advanced-workflow-studio-grid[data-dock-open="true"]:is([data-dock-mode="assistant"], [data-dock-mode="tools"]) > :is(.advanced-workflow-workspace, .advanced-workflow-node-rail) { display: none; }
  .advanced-workflow-studio-grid[data-dock-open="true"]:is([data-dock-mode="assistant"], [data-dock-mode="tools"]) > .workflow-workbench { grid-row: 1; }

  .workflow-canvas-primary-actions { margin-left: 0; }
  .workflow-canvas-arrange-panel { left: auto; right: 0; }
  .advanced-workflow-studio-grid[data-dock-open="false"] { grid-template-rows: minmax(0, 1fr); }
  .advanced-workflow-studio-grid[data-dock-open="false"] > .advanced-workflow-workspace { grid-row: 1; }
}
@media (max-width: 480px) {
  .workflow-canvas-tools { gap: .3rem; }
  .workflow-canvas-zoom-tools { order: 3; }
  .workflow-canvas-primary-actions { margin-left: auto; }
  .workflow-workbench-panel { padding: .65rem; }
}
.advanced-workflow-studio-grid[data-dock-open="false"] { grid-template-columns: minmax(0, 1fr); }
.advanced-workflow-studio-grid[data-dock-open="false"] > .workflow-workbench { display: none; }
.workflow-control-ports { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.workflow-control-port { touch-action: none; min-height: 22px; min-width: 0; padding: 2px 5px; font-size: 10px; border: 1px solid var(--border); border-radius: 5px; cursor: crosshair; }
.workflow-control-port[data-control-port="input"] { margin-right: auto; }
.advanced-workflow-graph-lines { pointer-events: none; }
.advanced-workflow-graph-line { pointer-events: stroke; cursor: pointer; stroke-width: 3; }
.advanced-workflow-graph-line:hover, .advanced-workflow-graph-line[data-edge-selected="true"] { stroke-width: 6; stroke: var(--accent); }
.advanced-workflow-graph-line:focus-visible { outline: none; stroke-width: 7; }
.advanced-workflow-node[data-preview-visited="true"] { outline: 2px dashed var(--accent); outline-offset: 3px; }
.advanced-workflow-graph-line[data-preview-visited="true"] { stroke: var(--accent); stroke-dasharray: 7 4; }
.workflow-test-actions, .workflow-test-cases { display: flex; flex-wrap: wrap; gap: .35rem; margin: .65rem 0; }
.workflow-test-cases button { text-align: left; font-size: .75rem; }
.workflow-test-cases button[aria-pressed="true"] { border-color: var(--accent); }
.workflow-test-inputs { display: grid; gap: .5rem; }
.workflow-test-trace { padding-left: 1.1rem; display: grid; gap: .3rem; }
.workflow-test-trace button { text-align: left; font-size: .75rem; padding: .25rem .4rem; }
.workflow-test-suite, .workflow-loop-condition { border-top: 1px solid var(--border); padding-top: .6rem; margin-top: .6rem; }
.workflow-node-test-output { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.6; max-height: 320px; overflow: auto; }
@media (forced-colors: active) {
  .workflow-workbench, .advanced-workflow-node-rail[open] { border-color: CanvasText; background: Canvas; }
  .workflow-workbench-tabs button[aria-selected="true"] { outline: 2px solid Highlight; }
}


.workflow-program-dialog { box-sizing:border-box; width:min(94rem,calc(100vw - 2rem)); max-width:calc(100vw - 2rem); height:min(58rem,calc(100dvh - 2rem)); max-height:calc(100dvh - 2rem); padding:0; border:1px solid var(--border); border-radius:20px; background:var(--overlay-bg,var(--bg)); backdrop-filter:var(--chrome-backdrop-filter); color:var(--text); box-shadow:var(--shadow-overlay); overflow:auto; }
.workflow-program-dialog::backdrop { background:rgb(0 0 0 / 35%); backdrop-filter:blur(4px); }
.workflow-program-dialog[open] { display:flex; flex-direction:column; }
.workflow-program-dialog [hidden] { display:none !important; }
.workflow-program-dialog :is(h3,h4,p) { margin:0; }
.workflow-program-dialog :is(button,input,select,textarea) { box-sizing:border-box; min-width:0; max-width:100%; min-height:40px; font:inherit; font-size:.8rem; }
.workflow-program-dialog :is(input,select,textarea) { width:100%; }
.workflow-program-dialog :is(button,input,select,textarea):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.workflow-program-dialog input[aria-invalid="true"] { outline:2px solid var(--danger,#c33); }
.workflow-program-dialog :is(button,p,small,span,summary) { overflow-wrap:anywhere; }
.workflow-program-dialog > :is(header,footer) { flex-shrink:0; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.25rem; }
.workflow-program-dialog > header { border-bottom:1px solid var(--border); }
.workflow-program-dialog > header p { margin-top:.35rem; font-size:.85rem; }
.workflow-program-dialog > footer { border-top:1px solid var(--border); }
.workflow-program-dialog footer small { display:block; margin-top:.3rem; color:var(--muted); font-size:.72rem; }
.workflow-program-dialog footer button { flex-shrink:0; }
.workflow-program-status { font-size:.82rem; }
.workflow-program-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; padding:.65rem 1.25rem; border-bottom:1px solid var(--border); }
.workflow-program-tabs { display:flex; flex-wrap:wrap; gap:.25rem; margin-inline-end:auto; padding:.2rem; border:1px solid var(--border); border-radius:12px; }
.workflow-program-tabs [aria-selected="true"] { background:var(--accent); color:var(--on-accent,#fff); }
.workflow-program-body { display:grid; grid-template-columns:180px minmax(240px,1fr) 300px; min-height:0; flex:1; }
.workflow-program-palette { display:flex; flex-direction:column; gap:.6rem; padding:1rem; border-inline-end:1px solid var(--border); overflow:auto; }
.workflow-program-palette h4 { font-size:.8rem; margin-bottom:.3rem; }
.workflow-program-palette-block { cursor:grab; text-align:start; padding:.6rem .75rem; border:1px solid var(--program-color,#93602e); border-inline-start:4px solid var(--program-color,#93602e); border-radius:8px; background:color-mix(in srgb,var(--program-color,#93602e) 12%,var(--surface-raised,var(--surface))); color:var(--text); }
.workflow-program-dialog [data-kind="set"] { --program-color:#bf6b22; }
.workflow-program-dialog :is([data-kind="if"],[data-kind="for"],[data-kind="while"],[data-kind="break"],[data-kind="continue"]) { --program-color:#a98009; }
.workflow-program-dialog [data-kind="return"] { --program-color:#8460ba; }
.workflow-program-editor { min-width:0; overflow:auto; padding:1.2rem; background-image:radial-gradient(color-mix(in srgb,var(--muted) 20%,transparent) .8px,transparent .8px); background-size:16px 16px; }
.workflow-program-function { padding:.8rem 1rem; border-radius:14px 14px 5px 5px; border:1px solid #9560b6; border-top:5px solid #9560b6; background:color-mix(in srgb,#9560b6 10%,var(--surface-raised,var(--surface))); display:grid; gap:.35rem; }
.workflow-program-function small { color:var(--muted); font-size:.72rem; }
.workflow-program-stack { min-width:0; padding:.45rem; border-inline-start:3px solid color-mix(in srgb,var(--program-color,var(--accent)) 30%,transparent); }
.workflow-program-stack > button { min-height:32px; border:1px dashed var(--border); background:transparent; font-size:.7rem; color:var(--muted); box-shadow:none; }
.workflow-program-stack > button[aria-pressed="true"] { border-color:var(--accent); color:var(--text); }
.workflow-program-stack > p { font-size:.75rem; padding:.6rem; }
.workflow-program-block { position:relative; margin:.25rem 0; border:1px solid var(--program-color,#937244); border-inline-start:5px solid var(--program-color,#937244); border-radius:8px; padding:.6rem; background:color-mix(in srgb,var(--program-color,#937244) 10%,var(--surface-raised,var(--surface))); }
.workflow-program-block::before { content:""; position:absolute; top:-1px; left:1.2rem; width:1.3rem; height:4px; border-radius:0 0 5px 5px; background:var(--program-color,#937244); }
.workflow-program-block-heading { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; justify-content:space-between; }
.workflow-program-block-heading > span { font-size:.8rem; font-weight:650; cursor:grab; }
.workflow-program-block-actions { display:flex; gap:.2rem; }
.workflow-program-block-actions button { min-height:30px; padding:.2rem .4rem; font-size:.68rem; background:transparent; box-shadow:none; }
.workflow-program-block-fields { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.4rem; }
.workflow-program-block-fields > label { flex:1 1 130px; }
.workflow-program-expression-field { display:flex; flex:2 1 220px; flex-wrap:wrap; align-items:end; gap:.4rem; min-width:0; }
.workflow-program-expression-field > label { flex:1 1 160px; min-width:0; }
.workflow-program-expression-field > button { min-height:36px; padding:.4rem .65rem; font-size:.72rem; }
.workflow-program-expression-dialog { width:min(760px,calc(100vw - 2rem)); max-width:calc(100vw - 2rem); max-height:calc(100dvh - 2rem); overflow:auto; padding:1rem; border:1px solid var(--border); border-radius:16px; color:var(--text); background:var(--overlay-bg,var(--bg)); backdrop-filter:var(--chrome-backdrop-filter); }
.workflow-program-expression-dialog::backdrop { background:rgb(0 0 0 / .45); }
.workflow-program-expression-dialog > p { margin:.65rem 0; font-size:.8rem; line-height:1.6; overflow-wrap:anywhere; }
.workflow-program-expression-dialog > footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.5rem; margin-top:.75rem; }
.workflow-program-expression-tree,.workflow-program-expression-fields,.workflow-program-expression-item { display:grid; min-width:0; gap:.5rem; }
.workflow-program-expression-node { min-width:0; border:1px solid var(--border); border-radius:8px; padding:.35rem .55rem; background:var(--surface); }
.workflow-program-expression-node > summary { overflow-wrap:anywhere; }
.workflow-program-expression-fields { padding-bottom:.35rem; }
.workflow-program-expression-fields label { min-width:0; }
.workflow-program-expression-fields :is(input,select) { width:100%; min-width:0; max-width:100%; min-height:38px; }
.workflow-program-expression-fields button { min-height:36px; justify-self:start; }
.workflow-program-expression-item { border-top:1px solid var(--border); padding-top:.5rem; }
.workflow-program-expression-preview { max-height:8rem; overflow:auto; padding:.5rem; border:1px solid var(--border); border-radius:8px; white-space:pre-wrap; overflow-wrap:anywhere; }
.workflow-program-expression-dialog :focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media(max-width:480px) { .workflow-program-expression-dialog { width:calc(100vw - 1rem); max-width:calc(100vw - 1rem); padding:.65rem; } .workflow-program-expression-node { padding:.3rem; } .workflow-program-expression-dialog > footer button { flex:1; } }
.workflow-program-dialog label { display:grid; gap:.3rem; font-size:.72rem; color:var(--muted); }
.workflow-program-block-fields input { font-family:ui-monospace,monospace; background:var(--surface-raised,var(--surface)); }
.workflow-program-dropzone { height:10px; border:1px solid transparent; border-radius:5px; }
.workflow-program-dropzone.is-over { background:color-mix(in srgb,var(--accent) 25%,transparent); border-color:var(--accent); height:24px; }
.workflow-program-side { min-width:0; overflow:auto; padding:1rem; border-inline-start:1px solid var(--border); }
.workflow-program-dialog details { font-size:.78rem; }
.workflow-program-dialog summary { cursor:pointer; font-weight:600; min-height:36px; display:flex; align-items:center; }
.workflow-program-dialog details :is(p,pre) { margin:.5rem 0; font-size:.73rem; line-height:1.6; }
.workflow-program-parameters,.workflow-program-functions,.workflow-program-test-fields { display:grid; gap:.7rem; }
.workflow-program-dialog fieldset { min-width:0; padding:.5rem 0; border:0; border-top:1px solid var(--border); display:grid; gap:.5rem; }
.workflow-program-dialog legend { font-size:.75rem; padding:.4rem; }
.workflow-program-signature-row { display:grid; grid-template-columns:minmax(0,1fr) 76px auto; gap:.35rem; }
.workflow-program-signature-row > label { grid-column:1/-1; display:flex; align-items:center; gap:.4rem; }
.workflow-program-signature-row input[type="checkbox"] { width:16px; min-height:16px; }
.workflow-program-signature-row button { padding:.3rem; font-size:.7rem; }
.workflow-program-test { display:grid; gap:.65rem; margin-top:1.5rem; padding-top:.8rem; border-top:1px solid var(--border); }
.workflow-program-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.75rem; }
.workflow-program-result { min-height:3rem; max-height:15rem; overflow:auto; padding:.65rem; background:var(--surface); border:1px solid var(--border); border-radius:8px; }
.workflow-program-python { width:100%; min-height:28rem; resize:vertical; tab-size:4; font-family:ui-monospace,SFMono-Regular,Consolas,monospace !important; line-height:1.75; padding:1rem; }
.workflow-program-python-pane > p { padding-bottom:.75rem; font-size:.8rem; }
.workflow-program-body:has(.workflow-program-palette[hidden]) { grid-template-columns:minmax(0,1fr) 300px; }
@media(max-width:1100px) { .workflow-program-body { grid-template-columns:150px minmax(220px,1fr) 250px; } .workflow-program-palette,.workflow-program-side { padding:.65rem; } .workflow-program-editor { padding:.65rem; } }
@media(max-width:800px),(max-height:480px) {
  .workflow-program-dialog[open] { display:block; width:calc(100vw - 1rem); max-width:calc(100vw - 1rem); height:auto; max-height:calc(100dvh - 1rem); }
  .workflow-program-body,.workflow-program-body:has(.workflow-program-palette[hidden]) { display:block; }
  .workflow-program-palette { display:flex; flex-direction:row; flex-wrap:wrap; overflow:visible; border-bottom:1px solid var(--border); }
  .workflow-program-palette h4 { width:100%; }.workflow-program-palette-block { flex:1 1 110px; }
  .workflow-program-functions { width:100%; } .workflow-program-editor,.workflow-program-side { overflow:visible; }
  .workflow-program-editor { min-height:16rem; } .workflow-program-side { border-top:1px solid var(--border); }
  .workflow-program-dialog > :is(header,footer) { flex-wrap:wrap; padding:.8rem; }
  .workflow-program-dialog footer button { width:100%; }.workflow-program-toolbar { padding:.7rem; }
  .workflow-program-block-fields > label { flex-basis:100%; } .workflow-program-tabs { width:100%; margin:0; }
  .workflow-program-tabs button { flex:1; }.workflow-program-stack { padding:.25rem; }.workflow-program-block { padding:.45rem; }
}
@media(forced-colors:active) { .workflow-program-block,.workflow-program-palette-block { border-color:CanvasText; background:Canvas; color:CanvasText; } .workflow-program-tabs [aria-selected="true"] { outline:2px solid Highlight; } }


#visual-workflows.panel { container: workflow-center / inline-size; }
.workflow-center-heading {
  display: flex; min-width: 0; gap: .5rem 1rem; align-items: center; justify-content: space-between;
  flex-wrap: wrap; padding: .15rem 0 .65rem;
}
.workflow-center-heading-title, .workflow-center-heading-actions { display: flex; min-width: 0; gap: .45rem; align-items: center; }
.workflow-center-heading h2 { margin: 0; font-size: clamp(1.1rem, 1.7vw, 1.4rem); letter-spacing: -.025em; }
.workflow-center-heading-actions { flex-wrap: wrap; }
.workflow-center-heading-actions button { min-height: 40px; padding: .45rem .7rem; font-size: .8rem; }
.workflow-center-navigation-row { display: flex; min-width: 0; flex-wrap: wrap; gap: .4rem .7rem; align-items: center; justify-content: space-between; margin-bottom: .55rem; }
.workflow-center-editor-heading { display: flex; min-width: 0; gap: .45rem; align-items: center; }
.workflow-center-editor-heading h3 { margin: 0; font-size: .9rem; line-height: 1.4; }
.workflow-center-editor-heading button { flex: 0 0 auto; min-height: 40px; padding: .35rem .55rem; font-size: .76rem; }
.workflow-center-heading-state { display: flex; min-width: 0; gap: .4rem; align-items: center; }
.workflow-center-heading-state .pill { font-size: .68rem; }
.workflow-center-heading-state button { min-width: 36px; min-height: 36px; padding: .25rem .5rem; }
.workflow-center-related-tools { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .75rem; font-size: .75rem; }
.workflow-space-navigation {
  position: static;
  display: grid;
  width: min(100%, 35rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .35rem;
  margin-bottom: var(--ui-section-gap, 1.5rem);
  padding: .28rem;
  border-radius: 16px;
  background: var(--sheet-bg-quiet, transparent);
  box-shadow: none;
}
.workflow-space-navigation a {
  display: grid;
  min-height: 48px;
  align-content: center;
  gap: .03rem;
  padding: .42rem .7rem;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
  font-weight: 760;
  text-align: center;
  text-decoration: none;
}
.workflow-space-navigation a small { overflow: hidden; font-size: .72rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.workflow-space-navigation a[aria-current="location"] {
  color: var(--text);
  background: var(--sheet-bg-hover, color-mix(in srgb, var(--accent) 10%, transparent));
  box-shadow: inset 0 -2px var(--accent);
}
.workflow-center-stage-navigation {
  display: flex; min-width: 0; gap: .2rem; padding: .2rem; border: 1px solid var(--sheet-divider, var(--border));
  border-radius: 12px; background: var(--sheet-bg-quiet, transparent);
}
.workflow-center-stage-navigation button {
  min-width: 4rem; min-height: 36px; padding: .35rem .7rem; border: 0; border-radius: 9px;
  color: var(--muted); background: transparent; font-size: .8rem;
}
.workflow-center-stage-navigation button:is(:hover, :focus-visible, [aria-selected="true"]) {
  color: var(--text); background: var(--sheet-bg-hover, color-mix(in srgb, var(--accent) 10%, transparent));
}
.workflow-center-stage-navigation button[aria-selected="true"] { box-shadow: inset 0 -2px var(--accent); }
.workflow-center-command-strip { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; padding: .6rem 0; }
.workflow-center-command-copy { display: grid; min-width: 0; gap: .2rem; }
.workflow-center-command-copy strong { overflow-wrap: anywhere; font-size: .85rem; }
.workflow-center-command-copy small { color: var(--muted); font-size: .75rem; line-height: 1.5; }
.workflow-center-command-strip > .pill { flex: 0 0 auto; }
.workflow-center-view { min-width: 0; }
.workflow-center-view-heading {
  display: flex;
  min-width: 0;
  gap: 1rem;
  align-items: start;
  justify-content: space-between;
  padding: .35rem 0 .9rem;
  border-bottom: 1px solid var(--sheet-divider, var(--border));
  box-shadow: none;
}
.workflow-center-view-heading h3, .workflow-center-view-heading h4,
.workflow-center-view-heading p { margin: .05rem 0 .18rem; }
.workflow-center-actions, .workflow-center-live-controls { display: flex; flex: 0 1 auto; flex-wrap: wrap; gap: .45rem; align-items: center; }
.workflow-center-actions > a { padding: .55rem .7rem; font-size: .75rem; text-decoration: none; }
.workflow-center-focus, .advanced-workflow-focus {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .8fr) minmax(0, 1fr) auto;
  gap: .65rem 1.25rem;
  margin: 1rem 0;
  overflow: hidden;
  border-block: 1px solid var(--sheet-divider, var(--border));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.workflow-center-focus > div, .advanced-workflow-focus > div {
  display: grid;
  min-width: 0;
  gap: .15rem;
  align-content: center;
  padding: .85rem 0;
  background: transparent;
}
.workflow-center-focus small, .advanced-workflow-focus small { color: var(--muted); font-size: .76rem; font-weight: 550; }
.workflow-center-focus strong, .advanced-workflow-focus strong { overflow-wrap: anywhere; font-size: .88rem; }
.workflow-center-focus > button, .advanced-workflow-focus > button { align-self: center; min-height: 44px; margin-block: .7rem; }
.workflow-center-library-tools, .workflow-center-expert-note, .workflow-center-expert-tools {
  margin-top: .75rem;
  border-top: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
}
.workflow-center-library-tools > summary, .workflow-center-expert-note > summary,
.workflow-center-expert-tools > summary { padding: .7rem 0; color: var(--muted); cursor: pointer; font-size: .72rem; font-weight: 720; }
.workflow-center-expert-tools > summary { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: .8rem; }
.workflow-center-expert-tools > summary small { font-weight: 540; }
.workflow-legacy-toolbar { display: flex; position: sticky; top: 0; z-index: 8; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .6rem; padding: .45rem; border: 1px solid var(--sheet-divider, var(--border)); border-radius: 10px; background: var(--region-raised); backdrop-filter: var(--chrome-backdrop-filter); }
.workflow-center-expert-tools[hidden] { display: none !important; }
.workflow-center-expert-tools-content { display: grid; min-width: 0; gap: .75rem; padding-top: .35rem; }
.workflow-center-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .5rem 1.25rem;
  margin: 1rem 0;
  overflow: hidden;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.workflow-center-metrics > div {
  display: grid;
  min-width: 0;
  gap: .35rem;
  padding: 1rem 0;
  background: transparent;
}
.workflow-center-metrics small { color: var(--muted); font-size: .8rem; }
.workflow-center-metrics strong { font-size: clamp(1.25rem, 2vw, 1.7rem); font-variant-numeric: tabular-nums; }
.workflow-center-filter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, .28fr);
  gap: .5rem .7rem;
  align-items: center;
  margin: 1.25rem 0;
}
.workflow-center-filter label { color: var(--muted); font-size: .82rem; font-weight: 600; }
.workflow-center-filter input, .workflow-center-filter select { min-height: 44px; border: 1px solid var(--sheet-line, var(--border));
  background: var(--glass-input, var(--surface)); box-shadow: none; }
.workflow-center-catalog {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
  gap: var(--ui-space-4, 1rem);
}
.workflow-center-catalog-entry { display: grid; min-width: 0; align-content: start; gap: .35rem; }
.workflow-center-catalog-entry > .workflow-center-card { width: 100%; }
.workflow-center-catalog-runs { min-width: 0; border: 1px solid var(--sheet-divider, var(--border)); border-radius: 10px; padding: .5rem .7rem; }
.workflow-center-catalog-runs > summary { cursor: pointer; min-height: 32px; align-content: center; font-size: .75rem; }
.workflow-center-catalog-run { display: block; min-height: 36px; align-content: center; padding: .4rem .2rem; color: var(--text); font-size: .72rem; overflow-wrap: anywhere; }
.workflow-center-catalog-run:is(:hover, :focus-visible) { color: var(--accent); }
.workflow-center-start > summary { cursor: pointer; min-height: 32px; align-content: center; margin: 0; font-size: .78rem; }
.workflow-center-start[open] > summary { margin-bottom: .7rem; }
.workflow-blueprint-summary { min-width: 0; font-size: .75rem; }
.workflow-blueprint-summary > summary { cursor: pointer; min-height: 32px; align-content: center; }
.workflow-center-card {
  display: grid;
  min-width: 0;
  min-height: 10rem;
  gap: .85rem;
  align-content: start;
  padding: var(--ui-region-padding-block, 1.25rem);
  border: 1px solid var(--sheet-line, var(--border));
  border-radius: var(--radius-control, 14px);
  background: var(--sheet-bg-quiet, transparent);
  color: var(--text);
  box-shadow: none;
  text-align: left;
}
.workflow-center-card:hover, .workflow-center-card:focus-visible {
  background: var(--sheet-bg-hover, color-mix(in srgb, var(--accent) 10%, transparent));
  box-shadow: inset 0 0 0 1px var(--accent);
  transform: translateY(-1px);
}
.workflow-center-card-heading { display: flex; min-width: 0; gap: .7rem; align-items: start; justify-content: space-between; }
.workflow-center-card-heading strong { min-width: 0; overflow-wrap: anywhere; font-size: 1rem; }
.workflow-center-card-heading small { flex: 0 0 auto; color: var(--accent); font-size: .67rem; }
.workflow-center-card-summary { min-height: 3.2em; overflow: hidden; color: var(--muted); font-size: .88rem; line-height: 1.6;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.workflow-center-card-meta { display: flex; flex-wrap: wrap; gap: .35rem .55rem; align-items: center; margin-top: auto; }
.workflow-center-card-meta i { font-style: normal; }
.workflow-center-card-meta small { color: var(--muted); }
.workflow-center-boundary { margin: .75rem 0 0; color: var(--muted); font-size: .7rem; }
.workflow-center-live-controls { display: flex; flex-wrap: wrap; gap: .4rem; }
.workflow-center-live-controls button { min-width: 44px; min-height: 44px; padding-inline: .65rem; }
.workflow-center-live-controls button[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--accent); }
.workflow-center-live-spotlight {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr) minmax(0, .95fr);
  gap: .7rem;
  margin-top: .8rem;
  padding: .78rem .9rem;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--sheet-divider, var(--border)));
  border-radius: 15px;
  background: linear-gradient(100deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 72%);
}
.workflow-center-live-spotlight > div { display: grid; min-width: 0; gap: .18rem; align-content: center; }
.workflow-center-live-spotlight small { color: var(--muted); font-size: .68rem; font-weight: 650; }
.workflow-center-live-spotlight strong { min-width: 0; overflow-wrap: anywhere; font-size: .84rem; }
.workflow-center-live-spotlight > div:first-child strong { color: var(--accent-strong, var(--accent)); font-size: .92rem; }
.workflow-center-live-layout { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) minmax(15rem, .28fr); gap: .85rem;
  margin-top: .85rem; }
.workflow-center-live-layout > * { min-width: 0; }
.workflow-center-topology {
  min-height: 34rem;
  max-height: min(70vh, 50rem);
  overflow: auto;
  border-radius: 20px;
  background:
    radial-gradient(circle at 18% 24%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28%),
    linear-gradient(rgb(255 255 255 / 2%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 2%) 1px, transparent 1px),
    rgb(2 12 18 / 48%);
  background-size: auto, 30px 30px, 30px 30px, auto;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 6%), 0 0 50px color-mix(in srgb, var(--accent) 5%, transparent);
  overscroll-behavior: contain;
}
.workflow-center-topology.empty-state { display: grid; place-items: center; padding: 1.5rem; color: var(--muted); text-align: center; }
.workflow-center-topology:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.workflow-center-topology svg { display: block; max-width: none; transition: width 180ms ease, height 180ms ease; }
.workflow-center-edges path { fill: none; stroke: color-mix(in srgb, var(--accent) 44%, #7791a2); stroke-width: 1.45;
  opacity: .7; }
.workflow-center-topology marker path { fill: color-mix(in srgb, var(--accent) 66%, #aec7d2); stroke: none; }
.workflow-center-graph-node { cursor: pointer; outline: none; }
.workflow-center-graph-node rect { fill: rgb(6 20 27 / 91%); stroke: rgb(255 255 255 / 9%); stroke-width: 1; }
.workflow-center-graph-node[data-kind="workflow"] rect { stroke: color-mix(in srgb, #8da8ff 62%, transparent); }
.workflow-center-graph-node[data-kind="run"] rect { stroke: color-mix(in srgb, #6ff0d2 58%, transparent); }
.workflow-center-graph-node[data-kind="employee"] rect { stroke: color-mix(in srgb, #ffd37e 62%, transparent); }
.workflow-center-graph-node[data-kind="conversation"] rect { stroke: color-mix(in srgb, #cf9fff 58%, transparent); }
.workflow-center-graph-node[data-state="running"] rect { filter: drop-shadow(0 0 9px color-mix(in srgb, #6ff0d2 35%, transparent)); }
.workflow-center-graph-node:hover rect, .workflow-center-graph-node:focus-visible rect {
  fill: color-mix(in srgb, var(--accent) 12%, rgb(6 20 27 / 96%)); stroke: var(--accent); stroke-width: 1.5;
}
.workflow-center-node-label { fill: var(--text); font-size: 12px; font-weight: 750; }
.workflow-center-node-detail { fill: var(--muted); font-size: 9px; }
.workflow-center-run-feed {
  min-width: 0;
  max-height: min(70vh, 50rem);
  overflow: auto;
  padding-left: .85rem;
  border-left: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
}
.workflow-center-run-feed header h4, .workflow-center-run-feed header p { margin: 0; }
.workflow-center-run-list { display: grid; gap: .45rem; margin-top: .65rem; }
.workflow-center-run-card {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: .2rem;
  justify-items: start;
  padding: .7rem .75rem;
  border: 0;
  border-radius: 14px;
  background: rgb(255 255 255 / 2.5%);
  color: var(--text);
  box-shadow: inset 2px 0 color-mix(in srgb, var(--accent) 24%, transparent);
  text-align: left;
}
.workflow-center-run-card[aria-current="true"] { background: color-mix(in srgb, var(--accent) 8%, transparent);
  box-shadow: inset 2px 0 var(--accent), 0 0 22px color-mix(in srgb, var(--accent) 7%, transparent); }
.workflow-center-run-card strong { overflow-wrap: anywhere; }
.workflow-center-run-card span { justify-self: start; }
.workflow-center-run-card small { color: var(--muted); overflow-wrap: anywhere; }
.workflow-center-run-live-label { color: var(--accent-strong, var(--accent)); font-size: .75rem; }
.workflow-center-card-progress { display: flex; min-width: 0; flex-wrap: wrap; gap: .35rem .55rem; align-items: center; }
.workflow-center-card-progress small { min-width: 0; overflow-wrap: anywhere; color: var(--muted); font-size: .72rem; }
.workflow-center-run-node { color: var(--text) !important; font-weight: 700; }
.workflow-center-run-next { color: var(--accent-strong, var(--accent)) !important; }
.workflow-center-graph-node[data-kind="node"] rect { stroke: color-mix(in srgb, #f4b8ff 70%, transparent); }
.workflow-center-graph-node[data-kind="node"][data-state^="waiting-"] rect { filter: drop-shadow(0 0 8px color-mix(in srgb, #f4b8ff 32%, transparent)); }
.workflow-center-designer > .journey-nav { margin-bottom: .75rem; }

@media (max-width: 980px) {
  .workflow-center-live-layout { grid-template-columns: minmax(0, 1fr); }
  .workflow-center-run-feed { max-height: none; padding: .8rem 0 0; border-top: 1px solid color-mix(in srgb, var(--accent) 22%, transparent); border-left: 0; }
  .workflow-center-run-list { grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr)); }
}
@media (max-width: 680px) {
  .workflow-center-view-heading { align-items: stretch; flex-direction: column; }
  .workflow-center-heading { gap: .4rem; }
  .workflow-center-heading-actions button { min-height: 44px; }
  .workflow-center-heading-state { margin-left: auto; }
  .workflow-space-navigation { position: static; width: 100%; }
  .workflow-space-navigation a { padding-inline: .35rem; font-size: .78rem; }
  .workflow-space-navigation a small { display: none; }
  .workflow-center-stage-navigation { flex: 1 1 auto; }
  .workflow-center-stage-navigation button { flex: 1 1 0; min-height: 44px; padding-inline: .42rem; }
  .workflow-center-command-strip { align-items: start; flex-wrap: wrap; }
  .workflow-center-command-copy { flex: 1 1 12rem; }
  .workflow-center-command-strip > .pill { max-width: 100%; }
  .workflow-center-live-spotlight { grid-template-columns: minmax(0, 1fr); }
  .workflow-center-focus, .advanced-workflow-focus { grid-template-columns: minmax(0, 1fr); }
  .workflow-center-focus > button, .advanced-workflow-focus > button { min-height: 44px; }
  .workflow-center-actions { width: 100%; }
  .workflow-center-actions button { flex: 1 1 0; }
  .workflow-center-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-center-filter { grid-template-columns: minmax(0, 1fr) minmax(6.5rem, .45fr); gap: .4rem; }
  .workflow-center-filter label { margin-top: .2rem; }
  .workflow-center-topology { min-height: 28rem; }
}
@media (prefers-reduced-motion: reduce) {
  .workflow-center-card, .workflow-center-topology svg { transition: none; }
}
@media (forced-colors: active) {
  .workflow-space-navigation, .workflow-center-card, .workflow-center-metrics, .workflow-center-topology,
  .workflow-center-run-card { border: 1px solid CanvasText; background: Canvas; box-shadow: none; }
  .workflow-center-graph-node rect { fill: Canvas; stroke: CanvasText; }
  .workflow-center-node-label, .workflow-center-node-detail { fill: CanvasText; }
}
/* The dashboard shell can be narrower than the browser viewport (sidebars,
 * split panes, and the owner conversation rail). Container queries keep the
 * flow readable in that case instead of waiting for a viewport breakpoint. */
@container workflow-center (max-width: 860px) {
  .workflow-center-live-layout { grid-template-columns: minmax(0, 1fr); }
  .workflow-center-run-feed {
    max-height: none;
    padding: .8rem 0 0;
    border-top: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
    border-left: 0;
  }
  .workflow-center-run-list { grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); }
}
@container workflow-center (max-width: 680px) {
  .workflow-center-view-heading { align-items: stretch; flex-direction: column; }
  .workflow-center-heading { gap: .4rem; }
  .workflow-center-heading-actions button { min-height: 44px; }
  .workflow-center-heading-state { margin-left: auto; }
  .workflow-space-navigation { width: 100%; }
  .workflow-center-stage-navigation { flex: 1 1 auto; }
  .workflow-space-navigation a { padding-inline: .35rem; font-size: .78rem; }
  .workflow-space-navigation a small { display: none; }
  .workflow-center-stage-navigation button { flex: 1 1 0; min-height: 44px; padding-inline: .42rem; }
  .workflow-center-live-spotlight { grid-template-columns: minmax(0, 1fr); }
  .workflow-center-focus, .advanced-workflow-focus { grid-template-columns: minmax(0, 1fr); }
  .workflow-center-actions { width: 100%; }
  .workflow-center-actions button { flex: 1 1 0; }
  .workflow-center-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-center-filter { grid-template-columns: minmax(0, 1fr) minmax(6.5rem, .45fr); gap: .4rem; }
  .workflow-center-filter label { margin-top: .2rem; }
  .workflow-center-topology { min-height: 28rem; }
}


.workflow-bounded-loop {
  display: grid;
  min-width: 0;
  gap: .42rem;
  margin-top: .7rem;
  padding: .72rem;
  border-radius: 14px;
  background: var(--glass-surface-soft, rgb(255 255 255 / 46%));
  box-shadow: inset 0 0 0 1px var(--glass-outline-fluid);
}
.workflow-bounded-loop > div { display: grid; gap: .08rem; }
.workflow-bounded-loop :is(small, p) { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.45; }
.workflow-bounded-loop label { font-size: .78rem; font-weight: 750; }
.workflow-bounded-loop input { min-width: 0; }
@container workflow-studio (max-width: 620px) {
  .workflow-bounded-loop { padding: .6rem; }
}


.workflow-business-blueprint { overflow: clip; container-type: inline-size; }
.workflow-business-blueprint-intro { display: grid; grid-template-columns: minmax(15rem, .65fr) minmax(0, 1.35fr); gap: .8rem 1.3rem; align-items: end; }
.workflow-business-blueprint-intro :is(h3, p) { margin: 0; }
.workflow-business-blueprint-intro > p { color: var(--muted); }
.workflow-business-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; margin-block: .9rem; }
.workflow-business-metric { min-width: 0; padding: .72rem; border-radius: 14px; background: rgb(255 255 255 / 38%); box-shadow: inset 0 0 0 1px var(--glass-outline-fluid); }
.workflow-business-metric strong, .workflow-business-metric span { display: block; overflow-wrap: anywhere; }
.workflow-business-metric strong { font-size: 1.2rem; }
.workflow-business-metric span { color: var(--muted); font-size: .74rem; }
.workflow-business-lanes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
.workflow-business-lane { position: relative; min-width: 0; padding: .8rem; border-radius: 16px; background: linear-gradient(145deg, rgb(255 255 255 / 52%), rgb(211 246 240 / 28%)); box-shadow: inset 0 0 0 1px var(--glass-outline-fluid); }
.workflow-business-lane::after { content: ""; position: absolute; inset-block: 50% auto; inset-inline: auto -.48rem; width: .42rem; height: 1px; background: var(--metal-gold-text); opacity: .65; }
.workflow-business-lane:last-child::after { display: none; }
.workflow-business-lane[data-ready="true"] { background: linear-gradient(145deg, rgb(226 255 249 / 72%), rgb(255 248 225 / 44%)); }
.workflow-business-lane > :is(strong, span, small) { display: block; overflow-wrap: anywhere; }
.workflow-business-lane > span { margin-block: .2rem; color: var(--text); font-weight: 750; }
.workflow-business-lane > small { color: var(--muted); line-height: 1.45; }
.workflow-business-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr)); gap: .5rem; margin-block-start: .8rem; }
.workflow-business-step { min-width: 0; padding: .68rem .75rem; border-radius: 13px; background: rgb(255 255 255 / 35%); box-shadow: inset 3px 0 var(--sea-salt-strong), inset 0 0 0 1px var(--glass-outline-fluid); }
.workflow-business-step > :is(strong, span, small) { display: block; overflow-wrap: anywhere; }
.workflow-business-step span, .workflow-business-step small { color: var(--muted); font-size: .76rem; }
.workflow-business-next { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-block-start: .8rem; padding-block-start: .75rem; border-top: 1px solid var(--glass-outline-fluid); }
.workflow-business-next p { max-width: 72ch; margin: 0; color: var(--muted); }
@media (max-width: 880px) {
  .workflow-business-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-business-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-business-lane::after { display: none; }
}
@media (max-width: 520px) {
  .workflow-business-blueprint-intro, .workflow-business-lanes { grid-template-columns: minmax(0, 1fr); }
  .workflow-business-next { align-items: stretch; flex-direction: column; }
  .workflow-business-next :is(button, a) { width: 100%; }
}
@container (max-width: 700px) {
  .workflow-business-blueprint-intro, .workflow-business-lanes { grid-template-columns: minmax(0, 1fr); }
  .workflow-business-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-business-lane::after { display: none; }
  .workflow-business-next { align-items: stretch; flex-direction: column; }
  .workflow-business-next :is(button, a) { width: 100%; }
}


@media (max-width: 760px) {
  .topbar { align-items: flex-start; flex-direction: column; gap: 1rem; padding-top: 1.4rem; }
  .auth-panel { grid-template-columns: 1fr; }
  .auth-panel.authenticated { grid-template-columns: 1fr; }
  .auth-panel.authenticated .auth-form { grid-column: 1; grid-row: 2; }
  .auth-panel.authenticated .message { grid-column: 1; grid-row: 1; }
  .auth-fields { grid-template-columns: 1fr; }
  .auth-actions { justify-content: stretch; }
  .auth-actions button { flex: 1 1 8rem; }
  .inline-form { grid-template-columns: 1fr 1fr; }
  .inline-form label, .inline-form input { grid-column: 1 / -1; }
  .toolbar { align-items: flex-start; flex-direction: column; }
  .toolbar .message { text-align: left; }
  .list-item { grid-template-columns: 1fr; }
  .event-item { grid-template-columns: 1fr; }
  .event-item pre { grid-column: 1; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid > *, .form-note, .form-grid button { grid-column: 1; }
  .configuration-layout, .field-grid, .monitor-layout { grid-template-columns: 1fr; }
  .field-grid > * { grid-column: 1; }
  .field-grid > span:empty { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}


#work-sessions.browser-control-center {
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.browser-control-lead {
  max-width: 72ch;
  margin: 0 0 1rem;
  color: var(--muted);
  font-size: .96rem;
}
.browser-companion-readiness {
  display: grid;
  gap: .8rem;
  margin: 0 0 1rem;
  padding: .9rem 1rem;
  border: 0;
  background: linear-gradient(115deg, rgb(69 224 255 / 8%), rgb(136 93 255 / 5%) 55%, transparent);
  box-shadow: inset 2px 0 rgb(91 221 255 / 55%);
}
.browser-companion-heading {
  display: flex;
  gap: .8rem;
  align-items: start;
  justify-content: space-between;
}
.browser-companion-heading h3,
.browser-companion-heading p,
.browser-companion-readiness > .message { margin: 0; }
.browser-companion-install-action {
  justify-self: start;
  min-height: 2.65rem;
  padding: .68rem 1rem;
  border-radius: .65rem;
  background: linear-gradient(115deg, rgb(75 220 255 / 88%), rgb(121 121 255 / 88%));
  box-shadow: 0 0 1.35rem rgb(78 217 255 / 18%);
  color: rgb(3 14 22);
  font-size: .84rem;
  font-weight: 800;
  text-decoration: none;
}
.browser-companion-install-action:hover { filter: brightness(1.08); }
.browser-companion-install-action:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.browser-companion-install-scope {
  max-width: 72ch;
  margin: -.35rem 0 0;
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.55;
}
.browser-companion-readiness .pill[data-state="ready"] {
  background: rgb(77 226 177 / 14%);
  color: var(--success);
}
.browser-companion-stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: linear-gradient(90deg, transparent, rgb(115 222 255 / 22%), transparent);
}
.browser-companion-stages li {
  display: grid;
  gap: .22rem;
  min-width: 0;
  padding: .55rem .7rem;
  background: rgb(5 17 26 / 44%);
}
.browser-companion-stages span { color: var(--muted); font-size: .72rem; }
.browser-companion-stages strong { font-size: .8rem; line-height: 1.45; overflow-wrap: anywhere; }
.browser-companion-node-list {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: linear-gradient(90deg, transparent, rgb(115 222 255 / 18%), transparent);
}
.browser-companion-node-list li {
  display: grid;
  grid-template-columns: minmax(12rem, 1.2fr) minmax(10rem, 1fr) minmax(11rem, 1fr);
  gap: .7rem;
  align-items: center;
  min-width: 0;
  padding: .62rem .72rem;
  background: rgb(5 17 26 / 48%);
  box-shadow: inset 2px 0 rgb(255 154 112 / 45%);
}
.browser-companion-node-list li[data-state="ready"] { box-shadow: inset 2px 0 rgb(77 226 177 / 58%); }
.browser-companion-node-identity { display: grid; min-width: 0; }
.browser-companion-node-identity strong,
.browser-companion-node-identity span,
.browser-companion-node-evidence,
.browser-companion-node-outcome { overflow-wrap: anywhere; }
.browser-companion-node-identity span,
.browser-companion-node-evidence { color: var(--muted); font-size: .73rem; }
.browser-companion-node-outcome { font-size: .76rem; font-weight: 750; }
.browser-capability-truth {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin: 0 0 1.15rem;
  padding: 0;
  list-style: none;
}
.browser-capability-truth li {
  min-width: 0;
  padding: .75rem .85rem;
  border: 0;
  background: linear-gradient(135deg, rgb(85 220 255 / 6%), transparent 74%);
  box-shadow: inset 3px 0 rgb(85 220 255 / 32%);
}
.browser-capability-truth .pill { margin-bottom: .5rem; }
.browser-capability-truth strong,
.browser-capability-truth small { display: block; }
.browser-capability-truth small { margin-top: .28rem; color: var(--muted); line-height: 1.5; }
.browser-control-stages {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 1.35rem;
  padding: 0;
  list-style: none;
}
.browser-control-stages li {
  position: relative;
  display: grid;
  justify-items: center;
  gap: .28rem;
  min-width: 0;
  color: var(--muted);
  font-size: .76rem;
}
.browser-control-stages li:not(:last-child)::after {
  position: absolute;
  top: .72rem;
  left: calc(50% + 1rem);
  width: calc(100% - 2rem);
  height: 1px;
  background: linear-gradient(90deg, rgb(85 220 255 / 45%), rgb(170 110 255 / 25%));
  content: "";
}
.browser-control-stages strong {
  z-index: 1;
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: rgb(91 208 255 / 12%);
  color: var(--text);
  font-size: .72rem;
}
.browser-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.1rem;
  min-width: 0;
}
.browser-control-action {
  display: grid;
  align-content: start;
  gap: .72rem;
  min-width: 0;
  padding: 1rem 1rem 1.05rem;
  border: 0;
  border-radius: 0;
  background: linear-gradient(145deg, rgb(78 217 255 / 7%), rgb(151 91 255 / 4%) 55%, transparent);
  box-shadow: inset 3px 0 rgb(78 217 255 / 42%);
}
.browser-control-action:nth-child(2) {
  background: linear-gradient(145deg, rgb(167 105 255 / 7%), rgb(255 93 202 / 3%) 55%, transparent);
  box-shadow: inset 3px 0 rgb(167 105 255 / 44%);
}
.browser-control-action-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .7rem;
  align-items: start;
}
.browser-control-action-heading h3,
.browser-control-action-heading p { margin: 0; }
.browser-control-action-heading p { color: var(--muted); font-size: .82rem; }
.browser-control-step {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border-radius: 50%;
  background: rgb(255 255 255 / 7%);
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
}
.browser-control-action label { color: var(--text); font-size: .84rem; font-weight: 650; }
.browser-control-action select,
.browser-control-action input { width: 100%; min-width: 0; }
.browser-control-parameters { display: grid; gap: .6rem; min-width: 0; }
.browser-control-parameter { display: grid; gap: .28rem; min-width: 0; }
.browser-control-parameter.boolean { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.browser-control-parameter.boolean input { width: auto; }
.browser-control-action button { justify-self: start; min-height: 2.75rem; }
.browser-control-action[aria-busy="true"] { opacity: .8; }
.browser-control-approval {
  margin: 0;
  padding: .62rem .75rem;
  background: rgb(244 198 106 / 8%);
  box-shadow: inset 3px 0 var(--warning);
  color: var(--warning);
  font-size: .82rem;
}
.browser-control-result {
  margin-top: 1rem;
  padding: .85rem 1rem;
  background: linear-gradient(90deg, rgb(77 226 177 / 7%), transparent 68%);
  box-shadow: inset 3px 0 rgb(77 226 177 / 55%);
}
.browser-control-result-list {
  display: grid;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.browser-control-result-list li {
  display: grid;
  grid-template-columns: minmax(7rem, .35fr) minmax(0, 1fr);
  gap: .7rem;
  padding-bottom: .45rem;
  border-bottom: 1px solid rgb(255 255 255 / 6%);
}
.browser-control-result-list strong,
.browser-control-result-list span { min-width: 0; overflow-wrap: anywhere; }
.browser-control-comparison { margin-top: .9rem; padding-top: .8rem; border-top: 1px solid rgb(255 255 255 / 8%); }
.browser-control-comparison h4 { margin-bottom: .5rem; }
.browser-control-comparison-list { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.browser-control-comparison-list li { display: grid; grid-template-columns: minmax(7rem, .4fr) auto minmax(0, 1fr); gap: .55rem; align-items: center; }
.browser-control-comparison-list small { min-width: 0; color: var(--muted); overflow-wrap: anywhere; }
.browser-control-result-actions { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: .9rem; }
.browser-control-result-actions .form-note { margin: 0; }
.browser-control-windows { margin-top: 1.1rem; }
.browser-control-windows > summary { min-height: 2.75rem; padding-block: .65rem; }

@media (max-width: 760px) {
  .browser-control-grid,
  .browser-capability-truth { grid-template-columns: minmax(0, 1fr); }
  .browser-companion-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .browser-companion-node-list li { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
}
@media (max-width: 360px) {
  .browser-companion-heading { flex-wrap: wrap; }
  .browser-companion-install-action { width: 100%; justify-self: stretch; text-align: center; }
  .browser-control-action { padding-inline: .72rem; }
  .browser-control-stages li { font-size: .68rem; }
  .browser-control-stages li:not(:last-child)::after { left: calc(50% + .75rem); width: calc(100% - 1.5rem); }
  .browser-control-result-list li { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
  .browser-control-comparison-list li { grid-template-columns: minmax(0, 1fr); }
  .browser-companion-stages { grid-template-columns: minmax(0, 1fr); }
}


.browser-monitor-node-setup { margin-block: .8rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.browser-monitor-node-setup[hidden] { display: none; }
.browser-monitor-node-setup p { margin: 0; }
.browser-monitors {
  margin-top: 1.25rem;
  padding-block: 1.1rem;
  border-block: 1px solid rgb(255 255 255 / 8%);
}
.browser-monitor-heading,
.browser-monitor-detail-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.browser-monitor-heading h3,
.browser-monitor-heading p,
.browser-monitor-detail-heading h4 { margin-bottom: 0; }
.browser-monitor-lead { max-width: 78ch; margin: .65rem 0 .45rem; color: var(--muted); }
.browser-monitor-boundary {
  max-width: 82ch;
  margin: 0 0 1rem;
  padding: .65rem .8rem;
  background: rgb(244 198 106 / 7%);
  box-shadow: inset 3px 0 var(--warning);
  color: var(--warning);
  font-size: .86rem;
}
.browser-monitor-setup {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.browser-monitor-step {
  min-width: 0;
  padding: .95rem;
  background: linear-gradient(145deg, rgb(78 217 255 / 6%), transparent 68%);
  box-shadow: inset 3px 0 rgb(78 217 255 / 40%);
}
.browser-monitor-step:nth-child(2) {
  background: linear-gradient(145deg, rgb(167 105 255 / 6%), transparent 68%);
  box-shadow: inset 3px 0 rgb(167 105 255 / 42%);
}
.browser-monitor-step-heading { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .7rem; }
.browser-monitor-step-heading > span {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border-radius: 50%;
  background: rgb(255 255 255 / 7%);
  color: var(--accent);
  font-weight: 800;
}
.browser-monitor-step-heading h4,
.browser-monitor-step-heading p { margin: 0; }
.browser-monitor-step-heading p { color: var(--muted); font-size: .82rem; }
.browser-monitor-step fieldset {
  display: grid;
  gap: .62rem;
  min-width: 0;
  margin: .9rem 0 0;
  padding: 0;
  border: 0;
}
.browser-monitor-step label { font-size: .84rem; font-weight: 650; }
.browser-monitor-step .check-row { font-weight: 500; }
.browser-monitor-step button { justify-self: start; }
.browser-monitor-step[aria-busy="true"] { opacity: .8; }
.browser-monitor-exact {
  min-width: 0;
  padding: .58rem .7rem;
  background: rgb(255 255 255 / 4%);
  color: var(--muted);
  font-size: .78rem;
  overflow-wrap: anywhere;
}
.browser-monitor-exact:empty { display: none; }
.browser-monitor-parameters { display: grid; gap: .55rem; min-width: 0; }
.browser-monitor-parameter { display: grid; gap: .25rem; }
.browser-monitor-parameter.boolean { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.browser-monitor-parameter.boolean input { width: auto; }
.browser-monitor-id-field { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.browser-monitor-id-field span {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding-inline: .65rem;
  border: 1px solid var(--border);
  border-right: 0;
  border-radius: 8px 0 0 8px;
  color: var(--muted);
  font-size: .8rem;
}
.browser-monitor-id-field input { border-radius: 0 8px 8px 0; }
.browser-monitor-records { display: grid; gap: 1rem; margin-top: 1rem; }
.browser-monitor-records > details > summary { color: var(--accent); cursor: pointer; font-weight: 700; }
.browser-monitor-list { display: grid; gap: .65rem; margin-top: .65rem; }
.browser-monitor-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: center;
  min-width: 0;
  padding: .78rem .85rem;
  background: rgb(255 255 255 / 3%);
  box-shadow: inset 2px 0 rgb(255 255 255 / 12%);
}
.browser-monitor-card h5,
.browser-monitor-card p { margin: 0; }
.browser-monitor-card h5 { overflow-wrap: anywhere; }
.browser-monitor-card p { color: var(--muted); font-size: .82rem; overflow-wrap: anywhere; }
.browser-monitor-card-meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-block: .35rem; }
.browser-monitor-card button { min-height: 36px; padding: .35rem .65rem; font-size: .84rem; }
.browser-monitor-detail {
  margin-top: 1rem;
  padding: .9rem 1rem;
  background: linear-gradient(90deg, rgb(77 226 177 / 6%), transparent 72%);
  box-shadow: inset 3px 0 rgb(77 226 177 / 50%);
}
.browser-monitor-detail-section { margin-top: .8rem; }
.browser-monitor-detail-section h5 { margin-bottom: .45rem; }
.browser-monitor-observations { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.browser-monitor-observations li { display: grid; grid-template-columns: minmax(7rem, .35fr) minmax(0, 1fr); gap: .6rem; }
.browser-monitor-observations strong,
.browser-monitor-observations span { min-width: 0; overflow-wrap: anywhere; }
.browser-monitor-history { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.browser-monitor-history li { padding-bottom: .5rem; border-bottom: 1px solid rgb(255 255 255 / 6%); }
.browser-monitor-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .85rem; }

@media (max-width: 760px) {
  .browser-monitor-setup { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .browser-monitor-heading,
  .browser-monitor-detail-heading { align-items: flex-start; flex-direction: column; }
  .browser-monitor-card { grid-template-columns: minmax(0, 1fr); }
  .browser-monitor-card button { justify-self: start; }
  .browser-monitor-observations li { grid-template-columns: minmax(0, 1fr); gap: .15rem; }
}


#communication-actions.communication-center {
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.communication-lead { max-width: 74ch; margin: 0 0 1rem; color: var(--muted); }
.communication-learning-path { margin: -.25rem 0 1rem; color: var(--muted); }
.communication-learning-path a { color: var(--accent); }
.communication-runtime-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  margin-bottom: 1rem;
}
.communication-runtime-summary > div {
  display: grid;
  gap: .1rem;
  min-width: 0;
  padding: .7rem .8rem;
  background: rgb(255 255 255 / 2.5%);
}
.communication-runtime-summary strong { overflow-wrap: anywhere; color: var(--accent); font-size: 1.05rem; }
.communication-runtime-summary span { color: var(--muted); font-size: .74rem; }
.communication-stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .4rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
.communication-stages li {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .4rem;
  color: var(--muted);
  font-size: .78rem;
}
.communication-stages strong {
  display: grid;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  border-radius: 50%;
  background: rgb(178 108 255 / 12%);
  color: var(--text);
  font-size: .7rem;
}
.communication-draft-list { display: grid; gap: .65rem; min-width: 0; }
.communication-draft-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem 1rem;
  min-width: 0;
  padding: .9rem 1rem;
  background: linear-gradient(90deg, rgb(162 104 255 / 6%), transparent 72%);
  box-shadow: inset 3px 0 rgb(162 104 255 / 38%);
}
.communication-draft-card > div { min-width: 0; }
.communication-draft-card h3,
.communication-draft-card p { margin: 0; overflow-wrap: anywhere; }
.communication-draft-card p { color: var(--muted); font-size: .84rem; }
.communication-draft-card .card-meta { margin-block: .35rem; }
.communication-reconciliation {
  grid-column: 1 / -1;
  display: grid;
  gap: .6rem;
  min-width: 0;
  padding: .8rem;
  border: 1px solid rgb(162 104 255 / 24%);
  border-radius: .7rem;
  background: rgb(162 104 255 / 5%);
}
.communication-reconciliation[data-state="unknown"] { border-color: var(--warning); }
.communication-reconciliation > button { justify-self: start; max-width: 100%; white-space: normal; }
.communication-reconciliation details { min-width: 0; }
.communication-reconciliation dd { overflow-wrap: anywhere; word-break: break-word; }
.communication-reconciliation-status:empty { display: none; }
.communication-draft-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .45rem;
}
.communication-review-check {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .55rem;
  align-items: start;
  padding-top: .55rem;
  border-top: 1px solid rgb(255 255 255 / 6%);
  font-size: .82rem;
}
.communication-unknown {
  grid-column: 1 / -1;
  margin: 0;
  padding: .6rem .75rem;
  background: rgb(244 198 106 / 7%);
  box-shadow: inset 3px 0 var(--warning);
  color: var(--warning);
  font-size: .82rem;
}
.communication-setup { margin-top: 1.1rem; }
.communication-setup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  min-width: 0;
}
.communication-setup-form {
  display: grid;
  align-content: start;
  gap: .55rem;
  min-width: 0;
  padding: .85rem .9rem;
  background: rgb(255 255 255 / 2%);
}
.communication-setup-form h3 { margin: 0 0 .2rem; }
.communication-setup-fields {
  display: grid;
  gap: .55rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.communication-setup-form label { color: var(--muted); font-size: .8rem; }
.communication-setup-form input,
.communication-setup-form select,
.communication-setup-form textarea { width: 100%; min-width: 0; }
.communication-setup-form .check-row { color: var(--text); }
.communication-setup-form button { justify-self: start; min-height: 2.75rem; }
.communication-grants { margin-top: 1rem; }
.communication-grants h3 { margin-bottom: .55rem; }
.communication-grant-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .65rem;
  align-items: center;
  padding: .65rem .75rem;
  background: rgb(255 255 255 / 2%);
}
.communication-grant-row p { margin: 0; color: var(--muted); font-size: .82rem; overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .communication-setup-grid { grid-template-columns: minmax(0, 1fr); }
  .communication-draft-card { grid-template-columns: minmax(0, 1fr); }
  .communication-draft-actions { justify-content: flex-start; }
}
@media (max-width: 420px) {
  .communication-runtime-summary > div { padding: .6rem .45rem; }
  .communication-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .communication-grant-row { grid-template-columns: minmax(0, 1fr); }
}


.communication-native-preparation {
  display: grid;
  grid-template-columns: minmax(14rem, .72fr) minmax(18rem, 1.28fr);
  gap: 1rem 1.25rem;
  min-width: 0;
  margin: .9rem 0 1rem;
  padding: 1rem;
  background: linear-gradient(118deg, rgb(94 225 207 / 7%), rgb(162 104 255 / 4%) 55%, transparent);
  box-shadow: inset 2px 0 rgb(94 225 207 / 42%);
}
.communication-native-preparation-copy { min-width: 0; }
.communication-native-preparation-copy .eyebrow { margin: 0 0 .2rem; }
.communication-native-preparation-copy h3 { margin: 0; font-size: 1.08rem; }
.communication-native-preparation-copy > p:last-child {
  margin: .55rem 0 0;
  color: var(--muted);
  font-size: .82rem;
}
.communication-native-preparation-form,
.communication-native-preparation-form fieldset {
  display: grid;
  gap: .55rem;
  min-width: 0;
  margin: 0;
}
.communication-native-preparation-form fieldset { padding: 0; border: 0; }
.communication-native-preparation-form label { color: var(--muted); font-size: .8rem; }
.communication-native-preparation-form input,
.communication-native-preparation-form select,
.communication-native-preparation-form textarea { min-width: 0; margin-top: .22rem; }
.communication-native-preparation-form textarea { line-height: 1.5; }
.communication-native-preparation-form .form-note { margin: .1rem 0; }
.communication-native-preparation-form button { justify-self: start; min-height: 2.75rem; }
.communication-native-preparation-aliases {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  min-width: 0;
}
#communication-native-preparation-message {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: .65rem;
  border-top: 1px solid rgb(94 225 207 / 12%);
}
@media (max-width: 860px) {
  .communication-native-preparation { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .communication-native-preparation-aliases { grid-template-columns: minmax(0, 1fr); }
}


.communication-quick-setup { display: grid; gap: .7rem; min-width: 0; margin-block: .1rem .8rem; padding: clamp(.85rem, 1.8vw, 1.15rem); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--sheet-divider, var(--border))); border-radius: 20px; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--overlay-bg, transparent)), color-mix(in srgb, var(--workspace-canvas, transparent) 58%, transparent)); box-shadow: inset 0 1px rgb(255 255 255 / 8%), 0 18px 48px rgb(0 0 0 / 12%); backdrop-filter: blur(18px) saturate(1.12); -webkit-backdrop-filter: blur(18px) saturate(1.12); }
.communication-quick-setup > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }.communication-quick-setup > header :is(h3, p) { margin: 0; }.communication-quick-setup > header p:last-child { margin-top: .22rem; color: var(--muted); font-size: .75rem; }.communication-quick-setup > header .eyebrow { margin-bottom: .12rem; }
.communication-quick-setup-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }.communication-quick-setup-grid article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; min-width: 0; padding: .65rem; border: 1px solid var(--sheet-divider, var(--border)); border-radius: 15px; background: color-mix(in srgb, var(--overlay-bg, transparent) 72%, transparent); }.communication-quick-icon { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--accent); font-weight: 850; }.communication-quick-setup-grid article > div { display: grid; min-width: 0; gap: .12rem; }.communication-quick-setup-grid strong, .communication-quick-setup-grid small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.communication-quick-setup-grid strong { font-size: .78rem; }.communication-quick-setup-grid small { color: var(--muted); font-size: .64rem; }.communication-quick-setup-grid button { min-height: 32px; padding: .25rem .48rem; border-radius: 999px; font-size: .62rem; }.communication-quick-setup-note { margin: 0; color: var(--muted); font-size: .66rem; }
.communication-connectors { margin-top: 1rem; }
.communication-connectors > summary { display: flex; align-items: center; gap: .55rem; }
.communication-wecom-group-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; margin-block: .6rem; }
.communication-wecom-group-metrics > span { display: grid; min-width: 0; gap: .1rem; padding: .55rem .65rem; border: 1px solid var(--sheet-divider, var(--border)); border-radius: 10px; }
.communication-wecom-group-metrics small { color: var(--muted); font-size: .68rem; }
.communication-wecom-group-metrics strong { font-size: .95rem; overflow-wrap: anywhere; }
@media (max-width: 760px) { .communication-wecom-group-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.communication-aibot-outbound {
  display: grid;
  gap: .75rem;
  min-width: 0;
  margin-top: 1rem;
  padding: clamp(.85rem, 2vw, 1.25rem) 0;
  border-block-start: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: none;
}
.communication-aibot-outbound-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.communication-aibot-outbound-heading :is(p, h3) { margin: 0; }
.communication-aibot-outbound-heading p:last-child { max-width: 74ch; color: var(--muted); font-size: .82rem; }
.communication-action-outlets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.communication-action-outlets legend { margin-bottom: .45rem; color: var(--muted); font-size: .76rem; font-weight: 800; }
.communication-action-outlets > label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .5rem;
  min-width: 0;
  align-items: start;
  padding: .72rem;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: none;
}
.communication-action-outlets > label:has(input:checked) { background: var(--sheet-bg-hover, rgb(255 255 255 / 24%)); box-shadow: inset 3px 0 var(--accent); }
.communication-action-outlets > label:has(input:disabled) { opacity: .72; }
.communication-action-outlets span { display: grid; min-width: 0; gap: .15rem; }
.communication-action-outlets small { color: var(--muted); overflow-wrap: anywhere; }
.communication-action-outlets b { grid-column: 2; color: var(--accent-strong, var(--accent)); font-size: .7rem; }
.communication-wecom-employee-context {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  padding: .62rem .72rem;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 3px 0 rgb(65 170 190 / 48%);
  color: var(--muted);
  font-size: .8rem;
}
.communication-wecom-employee-context[hidden] { display: none; }
.communication-wecom-employee-context strong { margin-inline: .22rem; color: var(--ink-strong, var(--text)); }
.communication-wecom-action-source {
  display: grid;
  grid-template-columns: minmax(11rem, .42fr) minmax(0, 1fr);
  gap: .3rem .7rem;
  min-width: 0;
  align-items: center;
  padding: .68rem .74rem;
  border-block: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: none;
}
.communication-wecom-action-source label { font-weight: 760; }
.communication-wecom-action-source :is(select, p) { min-width: 0; margin: 0; }
.communication-wecom-action-source p { grid-column: 1 / -1; }
.communication-aibot-action-stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.communication-aibot-action-stages li {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .4rem;
  padding: .5rem .58rem;
  border-radius: 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  color: var(--muted);
  box-shadow: inset 0 0 0 1px var(--glass-outline-fluid);
  font-size: .76rem;
}
.communication-aibot-action-stages li.is-current { color: var(--ink-strong, var(--text)); background: rgb(101 210 226 / 18%); }
.communication-aibot-action-stages li.is-complete { color: var(--accent-strong, var(--accent)); }
.communication-aibot-action-stages strong {
  display: grid;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: rgb(255 255 255 / 58%);
  font-size: .7rem;
}
.communication-outlet-panel { display: grid; gap: .72rem; min-width: 0; }
.communication-outlet-panel[hidden] { display: none; }
.communication-outlet-setup {
  min-width: 0;
  padding: .15rem .72rem .72rem;
  border-block: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: none;
}
.communication-outlet-setup > summary {
  display: flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  cursor: pointer;
  font-weight: 780;
}
.communication-outlet-setup[open] > summary { margin-bottom: .6rem; }
.communication-aibot-outbound .communication-setup-form { padding: 0; background: transparent; }
.communication-aibot-outbound-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; min-width: 0; }
.communication-aibot-outbound-grid > label { display: grid; align-content: start; gap: .28rem; min-width: 0; }
.communication-aibot-outbound-grid > .wide { grid-column: 1 / -1; }
.communication-aibot-media-status { padding: .62rem 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); background: transparent; color: var(--muted); }
.communication-aibot-media-status[data-state="ready"] { color: var(--ink-strong, var(--text)); box-shadow: inset 3px 0 var(--sea-salt); }
.communication-wecom-mention-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  min-width: 0;
  padding: .68rem;
  border-block: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: none;
}
.communication-wecom-mention-panel[hidden] { display: none; }
.communication-wecom-mention-panel > label { display: grid; min-width: 0; gap: .28rem; }
.communication-wecom-mention-panel > p { grid-column: 1 / -1; }
.communication-aibot-target-boundary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .2rem .75rem;
  align-items: center;
  min-width: 0;
  padding: .68rem .75rem;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 3px 0 rgb(203 157 60 / 55%);
}
.communication-aibot-target-boundary strong,
.communication-aibot-target-boundary span { overflow-wrap: anywhere; }
.communication-aibot-target-boundary span { color: var(--muted); font-size: .76rem; }
.communication-aibot-target-boundary button { grid-column: 2; grid-row: 1 / span 2; }
.communication-inbound-runtime {
  display: grid;
  gap: .72rem;
  min-width: 0;
  margin-top: 1rem;
  padding-block: 1rem;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.communication-inbound-runtime-heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.communication-inbound-runtime-heading :is(p, h3) { margin: 0; }
.communication-inbound-runtime-heading p:last-child { max-width: 76ch; color: var(--muted); font-size: .8rem; }
.communication-inbound-host-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
  min-width: 0;
}
.communication-inbound-host-card {
  display: grid;
  align-content: start;
  gap: .55rem;
  min-width: 0;
  padding: .78rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: inset 2px 0 rgb(83 190 205 / 42%);
}
.communication-inbound-host-card > :not(header) { margin-inline: .72rem; }
.communication-inbound-host-card > header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  padding-inline: .72rem;
}
.communication-inbound-host-card :is(h4, p) { margin-block: 0; overflow-wrap: anywhere; }
.communication-inbound-host-card > p { color: var(--muted); font-size: .78rem; }
.communication-inbound-binding-list { display: grid; gap: .4rem; min-width: 0; }
.communication-inbound-binding {
  display: grid;
  gap: .1rem;
  min-width: 0;
  padding-block: .45rem;
  border-block-start: 1px solid var(--sheet-divider, var(--border));
}
.communication-inbound-binding :is(strong, span, small) { overflow-wrap: anywhere; }
.communication-inbound-binding span { color: var(--text); font-size: .76rem; }
.communication-inbound-binding small { color: var(--muted); font-size: .7rem; }
.communication-inbound-next-step summary { cursor: pointer; color: var(--accent); font-size: .76rem; font-weight: 760; }
.communication-inbound-next-step p { margin: .4rem 0 0; color: var(--muted); font-size: .74rem; overflow-wrap: anywhere; }
.communication-mail-stage-line {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-block: .55rem;
}
.communication-mail-stage-line .pill { font-size: .66rem; }
#communication-mail-configuration-form { margin-top: .45rem; }
.communication-enterprise-table-guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .65rem 1rem;
  min-width: 0;
  align-items: center;
  padding: .72rem;
  background: transparent;
  box-shadow: inset 3px 0 rgb(180 118 244 / 45%);
}
.communication-enterprise-table-guide div { display: grid; gap: .15rem; min-width: 0; }
.communication-enterprise-table-guide span { color: var(--muted); font-size: .76rem; overflow-wrap: anywhere; }
.communication-connector-layout {
  display: grid;
  grid-template-columns: minmax(260px, 30rem) minmax(0, 1fr);
  gap: 1rem;
  min-width: 0;
  margin-top: .8rem;
  align-items: start;
}
.communication-connector-layout > form,
.communication-connector-layout > section { min-width: 0; }
.communication-connector-list { display: grid; gap: .65rem; min-width: 0; }
#communication-connector-provider-note {
  margin: -.25rem 0 .35rem;
  padding: .55rem .65rem;
  color: var(--muted);
  background: rgb(255 255 255 / 2.5%);
  box-shadow: inset 2px 0 rgb(209 168 79 / 55%);
}
.communication-connector-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .7rem;
  min-width: 0;
  padding: .8rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: inset 2px 0 rgb(231 184 94 / 48%);
}
.communication-connector-card h4,
.communication-connector-card p { margin: 0; overflow-wrap: anywhere; }
.communication-connector-card p { color: var(--muted); font-size: .8rem; }
.communication-connector-card .card-meta { margin-block: .4rem; }
.communication-connector-card-actions { display: flex; flex-direction: column; gap: .4rem; justify-content: center; }
@media (max-width: 1000px) {
  .communication-connector-layout { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  .communication-inbound-host-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .communication-quick-setup > header { flex-direction: column; }
  .communication-quick-setup-grid { grid-template-columns: minmax(0, 1fr); }
  .communication-connector-card { grid-template-columns: minmax(0, 1fr); }
  .communication-connector-card-actions { flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }
  .communication-aibot-outbound-heading { flex-direction: column; }
  .communication-aibot-outbound-grid { grid-template-columns: minmax(0, 1fr); }
  .communication-aibot-outbound-grid > .wide { grid-column: 1; }
  .communication-aibot-action-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .communication-action-outlets { grid-template-columns: minmax(0, 1fr); }
  .communication-aibot-target-boundary { grid-template-columns: minmax(0, 1fr); }
  .communication-aibot-target-boundary button { grid-column: 1; grid-row: auto; width: 100%; }
  .communication-wecom-employee-context { align-items: stretch; flex-direction: column; }
  .communication-wecom-action-source { grid-template-columns: minmax(0, 1fr); }
  .communication-wecom-action-source p { grid-column: 1; }
  .communication-wecom-mention-panel { grid-template-columns: minmax(0, 1fr); }
  .communication-wecom-mention-panel > p { grid-column: 1; }
  .communication-inbound-runtime-heading { flex-direction: column; }
  .communication-enterprise-table-guide { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .communication-quick-setup { padding: .72rem; }
  .communication-aibot-action-stages { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .communication-quick-setup { backdrop-filter: none; -webkit-backdrop-filter: none; } }
@media (forced-colors: active) { .communication-quick-setup, .communication-quick-setup-grid article { border: 1px solid CanvasText; background: Canvas; box-shadow: none; } }


.wecom-permission-center {
  container: wecom-permission-center / inline-size;
  display: grid;
  gap: clamp(.85rem, 1.8vw, 1.25rem);
  min-width: 0;
  margin-block: 1rem 1.35rem;
  padding-block: clamp(1rem, 2.5vw, 1.55rem);
  border-block: 1px solid var(--sheet-divider, var(--border));
  background:
    radial-gradient(circle at 8% 0%, rgb(77 226 177 / 10%), transparent 31rem),
    radial-gradient(circle at 92% 12%, rgb(98 166 255 / 9%), transparent 29rem),
    transparent;
}
.wecom-permission-center-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  min-width: 0;
  align-items: end;
}
.wecom-permission-center-heading :is(h3, p) { margin: 0; }
.wecom-permission-center-heading h3 {
  color: var(--ink-strong, var(--text));
  font-size: clamp(1.3rem, 2.4vw, 1.9rem);
  letter-spacing: -.035em;
}
.wecom-permission-center-heading > div:first-child > p:last-child {
  max-width: 78ch;
  margin-top: .25rem;
  color: var(--muted);
  font-size: .82rem;
}
.wecom-permission-center-summary {
  display: grid;
  grid-template-columns: auto auto;
  gap: .04rem .48rem;
  align-items: baseline;
  min-width: 8.8rem;
  padding-inline-start: 1rem;
  border-inline-start: 1px solid rgb(127 225 235 / 32%);
}
.wecom-permission-center-summary strong {
  color: var(--ink-strong, var(--text));
  font-size: 1.25rem;
  font-variant-numeric: tabular-nums;
}
.wecom-permission-center-summary span { color: var(--muted); font-size: .72rem; }
.wecom-permission-center-toolbar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: .75rem 1rem;
  padding-block: .62rem;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.wecom-permission-center-toolbar p { min-width: 0; margin: 0; color: var(--muted); font-size: .78rem; }
.wecom-permission-center-toolbar > div { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .45rem; }
.wecom-permission-center-toolbar :is(button, .button-link) {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: .36rem .65rem;
  border: 1px solid var(--glass-outline-fluid, var(--border));
  border-radius: 999px;
  color: var(--text);
  text-decoration: none;
  font-size: .74rem;
  font-weight: 760;
}
.wecom-permission-secret-boundary {
  display: grid;
  grid-template-columns: minmax(12rem, .34fr) minmax(0, 1fr);
  gap: .3rem 1.1rem;
  min-width: 0;
  padding: .72rem .82rem;
  background: linear-gradient(90deg, rgb(87 205 215 / 10%), transparent 72%);
  box-shadow: inset 2px 0 rgb(93 220 225 / 58%);
}
.wecom-permission-secret-boundary strong { color: var(--ink-strong, var(--text)); font-size: .8rem; }
.wecom-permission-secret-boundary span { color: var(--muted); font-size: .76rem; overflow-wrap: anywhere; }
.wecom-topology {
  display: grid;
  gap: .65rem;
  min-width: 0;
  padding-block: .15rem .8rem;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.wecom-topology > header {
  display: flex;
  min-width: 0;
  align-items: end;
  justify-content: space-between;
  gap: .8rem;
}
.wecom-topology > header :is(p, h4) { margin: 0; }
.wecom-topology > header h4 { color: var(--ink-strong, var(--text)); font-size: .96rem; }
.wecom-topology-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  min-width: 0;
  background: rgb(118 207 217 / 23%);
}
.wecom-topology-grid > article {
  display: grid;
  align-content: start;
  gap: .5rem;
  min-width: 0;
  padding: .72rem .8rem;
  background: linear-gradient(145deg, rgb(12 30 39 / 72%), rgb(22 45 55 / 46%));
}
.wecom-topology-grid article > header { display: flex; min-width: 0; gap: .55rem; align-items: start; }
.wecom-topology-grid article > header > span { color: var(--accent); font-size: .62rem; font-weight: 800; }
.wecom-topology-grid article > header > div { display: grid; min-width: 0; gap: .18rem; }
.wecom-topology-grid h5 { margin: 0; color: var(--ink-strong, var(--text)); font-size: .8rem; }
.wecom-topology-grid b { color: var(--muted); font-size: .64rem; font-weight: 720; }
.wecom-topology-grid article > p { margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.55; }
.wecom-topology-grid dl { display: grid; min-width: 0; margin: 0; }
.wecom-topology-grid dl > div {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: .4rem;
  padding-block: .22rem;
  border-block-start: 1px solid rgb(146 202 215 / 12%);
}
.wecom-topology-grid dt { color: var(--muted); font-size: .63rem; }
.wecom-topology-grid dd { min-width: 0; margin: 0; color: var(--text); font-size: .66rem; overflow-wrap: anywhere; }
.wecom-topology-note { max-width: 112ch; margin: 0; color: var(--accent); font-size: .7rem; overflow-wrap: anywhere; }
.wecom-provider-delegation {
  position: relative;
  display: grid;
  gap: clamp(.65rem, 1.4vw, .95rem);
  min-width: 0;
  padding: clamp(.82rem, 1.7vw, 1.08rem);
  overflow: hidden;
  border-block: 1px solid rgb(115 219 226 / 21%);
  background:
    radial-gradient(circle at 7% -15%, rgb(70 222 190 / 13%), transparent 21rem),
    linear-gradient(120deg, rgb(7 31 42 / 55%), rgb(26 43 64 / 29%) 52%, rgb(15 33 44 / 18%));
}
.wecom-provider-delegation::after {
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent 2%, rgb(89 236 220 / 72%) 18%, rgb(115 164 255 / 38%) 57%, transparent 94%);
  content: "";
  pointer-events: none;
}
.wecom-provider-delegation-heading {
  display: flex;
  min-width: 0;
  align-items: start;
  justify-content: space-between;
  gap: .8rem;
}
.wecom-provider-delegation-heading > div { min-width: 0; }
.wecom-provider-delegation-heading :is(p, h4) { margin: 0; }
.wecom-provider-delegation-heading h4 { color: var(--ink-strong, var(--text)); font-size: 1rem; }
.wecom-provider-delegation-heading > div > p:last-child {
  max-width: 86ch;
  margin-top: .22rem;
  color: var(--muted);
  font-size: .73rem;
}
.wecom-provider-stage-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  background: linear-gradient(90deg, rgb(111 210 218 / 8%), rgb(103 136 225 / 6%));
}
.wecom-provider-stage-rail li {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .42rem;
  min-width: 0;
  align-items: center;
  padding: .48rem .55rem;
  border-inline-start: 1px solid rgb(139 207 216 / 13%);
  color: color-mix(in srgb, var(--muted) 82%, transparent);
}
.wecom-provider-stage-rail li:first-child { border-inline-start: 0; }
.wecom-provider-stage-rail li::after {
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: transparent;
  content: "";
}
.wecom-provider-stage-rail li.is-past { color: rgb(111 184 191); }
.wecom-provider-stage-rail li.is-current { color: var(--ink-strong, var(--text)); background: rgb(86 210 203 / 8%); }
.wecom-provider-stage-rail li.is-current::after {
  background: linear-gradient(90deg, transparent, rgb(85 232 211 / 88%), transparent);
  box-shadow: 0 0 10px rgb(74 231 209 / 45%);
}
.wecom-provider-stage-rail span {
  color: currentColor;
  font: 750 .59rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.wecom-provider-stage-rail strong { min-width: 0; font-size: .66rem; overflow-wrap: anywhere; }
.wecom-provider-delegation-layout {
  display: grid;
  grid-template-columns: minmax(15rem, .9fr) minmax(18rem, 1.1fr);
  gap: 1px;
  min-width: 0;
  background: rgb(123 210 218 / 16%);
}
.wecom-provider-delegation-layout > section {
  display: grid;
  align-content: start;
  gap: .52rem;
  min-width: 0;
  padding: .8rem .86rem;
  background: linear-gradient(145deg, rgb(8 27 37 / 72%), rgb(23 42 54 / 55%));
}
.wecom-provider-delegation-layout :is(p, h5) { margin: 0; }
.wecom-provider-delegation-layout h5 { color: var(--ink-strong, var(--text)); font-size: .86rem; }
.wecom-provider-next > p:not(.eyebrow, .wecom-provider-notice) { color: var(--text); font-size: .74rem; line-height: 1.55; }
.wecom-provider-next label {
  display: grid;
  gap: .25rem;
  margin-top: .12rem;
  color: var(--muted);
  font-size: .68rem;
}
.wecom-provider-next select {
  min-width: 0;
  min-height: 38px;
  border: 0;
  border-block-end: 1px solid rgb(134 220 226 / 32%);
  border-radius: 0;
  background: rgb(1 18 25 / 35%);
  box-shadow: none;
}
.wecom-provider-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .16rem; }
.wecom-provider-actions button {
  min-height: 36px;
  padding: .35rem .78rem;
  border-radius: 999px;
  font-size: .71rem;
}
.wecom-provider-notice {
  min-height: 2.25rem;
  padding: .48rem .58rem;
  border-inline-start: 1px solid rgb(107 196 207 / 38%);
  color: var(--muted);
  background: rgb(91 174 188 / 5%);
  font-size: .68rem;
  overflow-wrap: anywhere;
}
.wecom-provider-notice.is-ready { border-inline-start-color: rgb(81 223 181); color: rgb(155 225 207); }
.wecom-provider-notice.is-blocked { border-inline-start-color: var(--danger); color: rgb(227 169 178); }
.wecom-provider-authorizations > header {
  display: flex;
  min-width: 0;
  align-items: start;
  justify-content: space-between;
  gap: .65rem;
}
.wecom-provider-authorizations > header > div { min-width: 0; }
.wecom-provider-authorizations > p { color: var(--muted); font-size: .68rem; }
.wecom-provider-authorization-list { display: grid; min-width: 0; }
.wecom-provider-authorization-list > .empty-state { margin: .25rem 0; }
.wecom-provider-authorization-item {
  display: grid;
  gap: .24rem;
  min-width: 0;
  padding: .55rem 0;
  border-block-start: 1px solid rgb(137 205 215 / 12%);
}
.wecom-provider-authorization-item > header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.wecom-provider-authorization-item strong { color: var(--text); font-size: .76rem; }
.wecom-provider-authorization-item p { color: var(--muted); font-size: .66rem; overflow-wrap: anywhere; }
.wecom-provider-boundary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .5rem;
  max-width: 116ch;
  margin: 0;
  color: var(--muted);
  font-size: .68rem;
  overflow-wrap: anywhere;
}
.wecom-provider-boundary strong { color: rgb(218 177 94); font-size: .61rem; letter-spacing: .08em; }


.wecom-dual-maintenance {
  display: grid;
  gap: .6rem;
  min-width: 0;
  padding: .78rem .82rem;
  border: 1px solid rgb(118 207 217 / 18%);
  background: linear-gradient(120deg, rgb(54 136 150 / 9%), rgb(67 73 146 / 5%) 62%, transparent);
}
.wecom-dual-maintenance > header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}
.wecom-dual-maintenance > header :is(p, h4) { margin: 0; }
.wecom-dual-maintenance > header h4 { color: var(--ink-strong, var(--text)); font-size: .94rem; }
.wecom-dual-maintenance > p { max-width: 108ch; margin: 0; color: var(--muted); font-size: .72rem; overflow-wrap: anywhere; }
.wecom-dual-maintenance-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem .9rem;
  min-width: 0;
}
.wecom-dual-maintenance-list > .empty-state { grid-column: 1 / -1; margin: 0; }
.wecom-dual-maintenance-item {
  display: grid;
  gap: .42rem;
  min-width: 0;
  padding: .62rem .05rem .55rem .7rem;
  border-block-start: 1px solid rgb(118 207 217 / 22%);
  box-shadow: inset 1px 0 rgb(118 207 217 / 28%);
}
.wecom-dual-maintenance-item > header {
  display: flex;
  min-width: 0;
  align-items: start;
  justify-content: space-between;
  gap: .6rem;
}
.wecom-dual-maintenance-item > header > div { display: grid; min-width: 0; }
.wecom-dual-maintenance-item > header .eyebrow { color: var(--accent); font-size: .6rem; }
.wecom-dual-maintenance-item > header strong { color: var(--ink-strong, var(--text)); font-size: .84rem; overflow-wrap: anywhere; }
.wecom-dual-maintenance-item > header small { color: var(--muted); font-size: .62rem; overflow-wrap: anywhere; }
.wecom-dual-maintenance-statuses { display: grid; min-width: 0; margin: 0; }
.wecom-dual-maintenance-statuses > div {
  display: grid;
  grid-template-columns: 5.4rem minmax(0, 1fr);
  gap: .4rem;
  min-width: 0;
  align-items: baseline;
  padding-block: .22rem;
  border-block-start: 1px solid rgb(146 202 215 / 10%);
}
.wecom-dual-maintenance-statuses dt { color: var(--muted); font-size: .66rem; }
.wecom-dual-maintenance-statuses dd {
  min-width: 0;
  margin: 0;
  color: var(--text);
  font-size: .68rem;
  font-weight: 680;
  overflow-wrap: anywhere;
}
.wecom-permission-plan {
  min-width: 0;
  padding-block: .1rem;
  border-block: 1px solid var(--sheet-divider, var(--border));
  background: linear-gradient(110deg, rgb(115 99 226 / 7%), transparent 58%);
}
.wecom-permission-plan > summary {
  display: flex;
  min-height: 3.1rem;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding-inline: .25rem;
  cursor: pointer;
}
.wecom-permission-plan > summary span { display: grid; min-width: 0; }
.wecom-permission-plan > summary strong { color: var(--ink-strong, var(--text)); font-size: .86rem; }
.wecom-permission-plan > summary small { color: var(--muted); font-size: .69rem; }
.wecom-permission-plan > summary b { color: var(--accent); font-size: .72rem; font-variant-numeric: tabular-nums; }
.wecom-permission-plan-layout {
  display: grid;
  grid-template-columns: minmax(14rem, .34fr) minmax(12rem, .27fr) minmax(16rem, .39fr);
  gap: 1rem 1.35rem;
  min-width: 0;
  padding: .85rem .25rem 1rem;
  border-block-start: 1px solid rgb(146 202 215 / 14%);
}
.wecom-permission-plan-layout > * { min-width: 0; }
.wecom-permission-plan fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.wecom-permission-plan legend { margin-bottom: .5rem; color: var(--muted); font-size: .69rem; font-weight: 760; }
.wecom-permission-plan-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem .65rem; }
.wecom-permission-plan-choices label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .42rem;
  min-width: 0;
  align-items: start;
  padding-block: .34rem;
  border-block-end: 1px solid rgb(146 202 215 / 10%);
  cursor: pointer;
}
.wecom-permission-plan-choices input { width: auto; margin: .22rem 0 0; accent-color: var(--accent); }
.wecom-permission-plan-choices span { display: grid; min-width: 0; }
.wecom-permission-plan-choices strong { color: var(--text); font-size: .78rem; overflow-wrap: anywhere; }
.wecom-permission-plan-choices small { color: var(--muted); font-size: .68rem; letter-spacing: .045em; }
.wecom-permission-plan-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .72rem; }
.wecom-permission-plan-actions button { min-height: 34px; padding: .32rem .65rem; border-radius: 999px; font-size: .7rem; }
.wecom-permission-plan-targets { display: grid; align-content: start; gap: .46rem; }
.wecom-permission-plan-targets label { display: grid; gap: .2rem; color: var(--muted); font-size: .68rem; }
.wecom-permission-plan-targets :is(input, select) {
  min-width: 0;
  min-height: 34px;
  border: 0;
  border-block-end: 1px solid rgb(146 202 215 / 26%);
  border-radius: 0;
  background: rgb(4 22 29 / 24%);
  box-shadow: none;
}
.wecom-permission-plan-targets button { justify-self: start; margin-top: .3rem; }
.wecom-permission-plan-layout > section { display: grid; align-content: start; gap: .5rem; }
.wecom-permission-plan-layout > section > header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
}
.wecom-permission-plan-layout > section > header :is(p, h4) { margin: 0; }
.wecom-permission-plan-layout > section > header h4 { font-size: .86rem; }
.wecom-permission-plan-steps { display: grid; min-width: 0; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: wecom-plan; }
.wecom-permission-plan-steps li {
  counter-increment: wecom-plan;
  display: grid;
  grid-template-columns: 1.65rem minmax(0, 1fr) auto;
  gap: .45rem .65rem;
  min-width: 0;
  align-items: center;
  padding-block: .48rem;
  border-block-start: 1px solid rgb(146 202 215 / 12%);
}
.wecom-permission-plan-steps li::before {
  color: rgb(117 204 214 / 72%);
  content: counter(wecom-plan, decimal-leading-zero);
  font: 700 .61rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.wecom-permission-plan-step-body { display: grid; min-width: 0; }
.wecom-permission-plan-step-body strong { color: var(--text); font-size: .78rem; overflow-wrap: anywhere; }
.wecom-permission-plan-step-body span { color: var(--muted); font-size: .7rem; overflow-wrap: anywhere; }
.wecom-permission-plan-steps button { min-height: 30px; padding: .24rem .55rem; border-radius: 999px; font-size: .64rem; }
.wecom-permission-plan-steps .is-complete .wecom-permission-plan-step-body span { color: var(--accent); }
.wecom-permission-plan-steps .is-failed .wecom-permission-plan-step-body span { color: var(--danger, #d76077); }
.wecom-permission-plan-layout > section > .form-note { margin: 0; }
.wecom-permission-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 clamp(.85rem, 2vw, 1.25rem);
  min-width: 0;
}
.wecom-permission-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  gap: .68rem;
  min-width: 0;
  padding: 1rem .08rem 1rem .85rem;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: inset 1px 0 rgb(122 212 220 / 24%);
}
.wecom-permission-card::before {
  position: absolute;
  inset: 0 auto auto 0;
  width: 2.9rem;
  height: 1px;
  background: linear-gradient(90deg, rgb(90 224 220 / 82%), transparent);
  content: "";
}
.wecom-permission-card header {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: .55rem;
  min-width: 0;
  align-items: start;
}
.wecom-permission-card header > span {
  color: rgb(114 214 221 / 68%);
  font: 700 .66rem/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .1em;
}
.wecom-permission-card header div { min-width: 0; }
.wecom-permission-card header :is(p, h4) { margin: 0; overflow-wrap: anywhere; }
.wecom-permission-card header p { color: var(--accent); font-size: .66rem; font-weight: 850; letter-spacing: .11em; }
.wecom-permission-card header h4 { color: var(--ink-strong, var(--text)); font-size: 1rem; }
.wecom-permission-description { margin: 0; color: var(--muted); font-size: .75rem; overflow-wrap: anywhere; }
.wecom-permission-statuses { display: grid; gap: 0; min-width: 0; margin: 0; }
.wecom-permission-statuses > div {
  display: grid;
  grid-template-columns: 5.2rem minmax(0, 1fr);
  gap: .45rem;
  min-width: 0;
  align-items: baseline;
  padding-block: .27rem;
  border-block-start: 1px solid rgb(150 205 215 / 12%);
}
.wecom-permission-statuses dt { color: var(--muted); font-size: .7rem; }
.wecom-permission-statuses dd {
  min-width: 0;
  margin: 0;
  color: var(--text);
  font-size: .72rem;
  font-weight: 680;
  overflow-wrap: anywhere;
}
.wecom-permission-state::before {
  display: inline-block;
  width: .38rem;
  height: .38rem;
  margin-inline-end: .38rem;
  border-radius: 50%;
  background: var(--muted);
  content: "";
  vertical-align: .04rem;
}
.wecom-permission-state.is-ready::before { background: var(--accent); box-shadow: 0 0 8px rgb(72 229 184 / 72%); }
.wecom-permission-state.is-attention::before { background: var(--warning); box-shadow: 0 0 7px rgb(255 190 77 / 44%); }
.wecom-permission-state.is-blocked::before { background: var(--danger); }
.wecom-permission-state.is-informational::before { background: rgb(113 175 242); }
.wecom-permission-boundary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .45rem;
  min-width: 0;
  margin: 0;
  color: var(--muted);
  font-size: .72rem;
  overflow-wrap: anywhere;
}
.wecom-permission-boundary strong { color: rgb(219 178 91); font-size: .62rem; letter-spacing: .08em; }
.wecom-permission-card > button {
  justify-self: start;
  min-height: 34px;
  padding: .32rem .72rem;
  border-color: rgb(121 214 223 / 28%);
  border-radius: 999px;
  font-size: .72rem;
}
.wecom-permission-footnote {
  max-width: 108ch;
  margin: 0;
  color: var(--muted);
  font-size: .72rem;
  overflow-wrap: anywhere;
}
@container wecom-permission-center (max-width: 880px) {
  .wecom-topology-grid { grid-template-columns: minmax(0, 1fr); }
  .wecom-provider-delegation-layout { grid-template-columns: minmax(0, 1fr); }
  .wecom-dual-maintenance-list { grid-template-columns: minmax(0, 1fr); }
  .wecom-permission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wecom-permission-plan-layout { grid-template-columns: minmax(0, 1fr); }
}
@container wecom-permission-center (max-width: 610px) {
  .wecom-permission-center-heading { grid-template-columns: minmax(0, 1fr); }
  .wecom-permission-center-summary { padding: .55rem 0 0; border-inline-start: 0; border-block-start: 1px solid rgb(127 225 235 / 24%); }
  .wecom-permission-center-toolbar { align-items: stretch; flex-direction: column; }
  .wecom-permission-center-toolbar > div { flex-direction: column; }
  .wecom-permission-secret-boundary { grid-template-columns: minmax(0, 1fr); }
  .wecom-topology > header { align-items: start; flex-direction: column; }
  .wecom-provider-delegation-heading { flex-direction: column; }
  .wecom-provider-stage-rail { grid-template-columns: minmax(0, 1fr); }
  .wecom-provider-stage-rail li { border-inline-start: 0; border-block-start: 1px solid rgb(139 207 216 / 13%); }
  .wecom-provider-stage-rail li:first-child { border-block-start: 0; }
  .wecom-provider-actions { flex-direction: column; }
  .wecom-provider-boundary { grid-template-columns: minmax(0, 1fr); }
  .wecom-dual-maintenance > header { align-items: start; flex-direction: column; }
  .wecom-permission-plan-choices { grid-template-columns: minmax(0, 1fr); }
  .wecom-permission-plan-actions { flex-direction: column; }
  .wecom-permission-plan-steps li { grid-template-columns: 1.65rem minmax(0, 1fr); }
  .wecom-permission-plan-steps button { grid-column: 2; justify-self: start; }
  .wecom-permission-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .wecom-permission-center * { scroll-behavior: auto; }
}


.authority-registry { container: authority-registry / inline-size; display: grid; gap: 1rem; }
.authority-registry-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.4rem; align-items: end; }
.authority-registry-heading :is(h2, p) { margin: 0; }
.authority-registry-heading > div:first-child > p:last-child { max-width: 76ch; margin-top: .25rem; color: var(--muted); }
.authority-registry-metrics { display: grid; grid-template-columns: repeat(4, minmax(5.2rem, auto)); gap: 0; }
.authority-registry-metrics span { display: grid; padding-inline: .8rem; border-inline-start: 1px solid rgb(116 218 225 / 24%); }
.authority-registry-metrics strong { color: var(--ink-strong, var(--text)); font-size: 1.2rem; font-variant-numeric: tabular-nums; }
.authority-registry-metrics small { color: var(--muted); font-size: .68rem; white-space: nowrap; }
.authority-registry-principle { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: .65rem; align-items: center; padding-block: .75rem; border-block: 1px solid var(--sheet-divider, var(--border)); }
.authority-registry-principle span { display: grid; min-width: 0; color: var(--muted); font-size: .74rem; }
.authority-registry-principle strong { color: var(--text); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.authority-registry-principle b { color: rgb(106 217 223 / 60%); font-weight: 500; }
.authority-registry-toolbar { display: flex; align-items: end; justify-content: space-between; gap: .75rem; }
.authority-registry-toolbar label { display: grid; gap: .25rem; color: var(--muted); font-size: .7rem; }
.authority-registry-toolbar select { min-width: min(19rem, 70vw); }
.authority-registry-toolbar button { min-height: 38px; border-radius: 999px; }
.authority-registry > .message { margin: 0; }
.authority-registry-list { display: grid; min-width: 0; border-block-start: 1px solid var(--sheet-divider, var(--border)); }
.authority-registry-row { min-width: 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); background: transparent; }
.authority-registry-row > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; min-height: 4.1rem; align-items: center; cursor: pointer; }
.authority-registry-row > summary > span:first-child { display: grid; min-width: 0; }
.authority-registry-row > summary small { color: var(--accent); font-size: .66rem; font-weight: 780; letter-spacing: .09em; }
.authority-registry-row > summary strong { color: var(--ink-strong, var(--text)); font-size: .95rem; }
.authority-registry-row-state { display: grid; min-width: 9rem; text-align: end; }
.authority-registry-row-state b { color: var(--text); font-size: .74rem; }
.authority-registry-row-state i { color: var(--muted); font-size: .68rem; font-style: normal; }
.authority-registry-row-body { display: grid; gap: .75rem; padding: .2rem 0 1rem clamp(.8rem, 2vw, 1.6rem); box-shadow: inset 1px 0 rgb(101 218 224 / 26%); }
.authority-registry-row-body > p { max-width: 82ch; margin: 0; color: var(--muted); font-size: .76rem; }
.authority-registry-intents { display: grid; gap: .4rem; padding: 0; }
.authority-registry-intent { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: center; padding-block: .55rem; border-block-start: 1px solid rgb(127 199 213 / 14%); }
.authority-registry-intent > div { display: grid; min-width: 0; }
.authority-registry-intent strong { color: var(--text); font-size: .76rem; overflow-wrap: anywhere; }
.authority-registry-intent span { color: var(--muted); font-size: .7rem; overflow-wrap: anywhere; }
.authority-registry-intent.is-drift { box-shadow: inset 2px 0 rgb(244 174 91 / 72%); padding-inline-start: .7rem; }
.authority-registry-intent.is-aligned { box-shadow: inset 2px 0 rgb(103 220 191 / 42%); padding-inline-start: .7rem; }
.authority-registry-intent-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.authority-registry-intent button { min-height: 32px; padding: .28rem .58rem; border-radius: 999px; font-size: .68rem; }
.authority-registry-row form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .55rem .8rem; align-items: end; }
.authority-registry-row fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.authority-registry-row legend { grid-column: 1 / -1; margin-bottom: .1rem; color: var(--muted); font-size: .68rem; }
.authority-registry-row fieldset label { display: grid; gap: .2rem; min-width: 0; color: var(--muted); font-size: .68rem; }
.authority-registry-row form > button { min-height: 38px; border-radius: 999px; }
.authority-registry-row-boundary { padding-block-start: .55rem; border-block-start: 1px solid rgb(127 199 213 / 14%); }
.authority-registry-actual { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem .8rem; align-items: center; padding: .7rem .8rem; background: linear-gradient(100deg, rgb(78 191 205 / 9%), transparent 78%); box-shadow: inset 1px 0 rgb(91 218 223 / 48%); }
.authority-registry-actual[hidden] { display: none !important; }
.authority-registry-actual-copy { display: grid; min-width: 0; gap: .18rem; }
.authority-registry-actual strong { color: var(--text); font-size: .76rem; }
.authority-registry-actual p { margin: 0; color: var(--muted); font-size: .7rem; overflow-wrap: anywhere; }
.authority-registry-actual-list { display: flex; flex-wrap: wrap; gap: .28rem .45rem; margin: .2rem 0 0; padding: 0; list-style: none; }
.authority-registry-actual-list li { color: var(--muted); font-size: .67rem; }
.authority-registry-actual-list li + li::before { content: "·"; margin-inline-end: .45rem; color: rgb(112 217 224 / 58%); }
.authority-registry-actual a { justify-self: end; color: var(--text); font-size: .7rem; font-weight: 720; text-decoration: none; white-space: nowrap; }
.authority-registry-actual a::after { content: "→"; margin-inline-start: .3rem; color: var(--accent); }
.authority-registry-safety { padding: .8rem .9rem; background: linear-gradient(90deg, rgb(82 202 214 / 9%), transparent 74%); box-shadow: inset 2px 0 rgb(97 220 225 / 55%); }
.authority-registry-safety strong { color: var(--text); font-size: .8rem; }
.authority-registry-safety p { margin: .2rem 0 0; color: var(--muted); font-size: .73rem; }
.authority-registry-row[hidden] { display: none !important; }
@container authority-registry (max-width: 820px) {
  .authority-registry-heading { grid-template-columns: minmax(0, 1fr); }
  .authority-registry-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .authority-registry-metrics span { padding: .45rem .7rem; border-block-start: 1px solid rgb(116 218 225 / 18%); }
}
@container authority-registry (max-width: 560px) {
  .authority-registry-principle { grid-template-columns: minmax(0, 1fr); }
  .authority-registry-principle b { transform: rotate(90deg); justify-self: start; }
  .authority-registry-toolbar { align-items: stretch; flex-direction: column; }
  .authority-registry-toolbar select { min-width: 0; }
  .authority-registry-row > summary { grid-template-columns: minmax(0, 1fr); gap: .25rem; padding-block: .6rem; }
  .authority-registry-row-state { min-width: 0; text-align: start; }
  .authority-registry-row form { grid-template-columns: minmax(0, 1fr); }
  .authority-registry-row fieldset { grid-template-columns: minmax(0, 1fr); }
  .authority-registry-intent { grid-template-columns: minmax(0, 1fr); }
  .authority-registry-intent-actions { justify-content: flex-start; }
  .authority-registry-actual { grid-template-columns: minmax(0, 1fr); }
  .authority-registry-actual a { justify-self: start; }
}


.business-communication-coach { display: grid; gap: 1rem; margin-block: .75rem 1rem; padding-block: 1rem; border-block: 1px solid var(--line-active); background: linear-gradient(100deg, rgb(var(--accent-rgb) / 7%), transparent 48%); }
.business-communication-coach > header, .business-communication-host-guide > header, .business-communication-field-acceptance > header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.business-communication-coach :is(header p, header h3, header h4) { margin: 0; }
.business-communication-intents { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-block: 1px solid var(--line-rest); }
.business-communication-intents button { min-height: 2.8rem; padding: .5rem .65rem; border: 0; border-inline-start: 1px solid var(--line-rest); border-radius: 0; background: transparent; color: var(--muted); box-shadow: none; }
.business-communication-intents button:first-child { border-inline-start: 0; }
.business-communication-intents button[aria-pressed="true"] { color: var(--ink-strong); background: var(--sheet-bg-hover); box-shadow: inset 0 -1px var(--line-hot), 0 8px 20px var(--line-glow); }
.business-communication-coach-body { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); gap: clamp(.75rem, 2vw, 1.4rem); }
.business-communication-evidence { min-width: 0; }
.business-communication-evidence > h4 { margin: 0 0 .35rem; }
.business-communication-coach-stages { display: grid; margin: 0; padding: 0; list-style: none; }
.business-communication-coach-stages li { display: grid; grid-template-columns: auto minmax(7.5rem, .32fr) minmax(0, 1fr); gap: .6rem; align-items: baseline; padding: .62rem 0; border-block-start: 1px solid var(--line-rest); }
.business-communication-coach-stages li:first-child { border-block-start: 0; }
.business-communication-coach-stages small { color: var(--muted); line-height: 1.5; }
.business-communication-stage-marker { width: .42rem; height: .42rem; border: 1px solid var(--line-active); border-radius: 50%; box-shadow: 0 0 8px var(--line-glow); }
.business-communication-coach-stages li[data-state="ready"] .business-communication-stage-marker { border-color: var(--line-hot); background: var(--accent); }
.business-communication-coach-stages li[data-state="needs-user"] .business-communication-stage-marker { border-color: var(--warning); }
.business-communication-coach-stages li[data-state="waiting"] .business-communication-stage-marker { border-style: dashed; }
.business-communication-request { display: grid; align-content: start; gap: .6rem; padding-inline-start: 1rem; border-inline-start: 1px solid var(--line-active); }
.business-communication-request h4 { margin: 0; }
.business-communication-request ul { display: grid; gap: .45rem; margin: 0; padding-inline-start: 1rem; }
.business-communication-request li { color: var(--text); font-size: .78rem; line-height: 1.55; }
.business-communication-request button { justify-self: start; }
.business-communication-host-guide, .business-communication-field-acceptance { display: grid; gap: .75rem; padding-block: .85rem; border-block-start: 1px solid var(--line-active); }
.business-communication-host-guide dl, .business-communication-acceptance-ledger { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-block: 1px solid var(--line-rest); }
.business-communication-host-guide dl > div, .business-communication-acceptance-ledger > div { min-width: 0; padding: .7rem .75rem; border-inline-start: 1px solid var(--line-rest); }
.business-communication-host-guide dl > div:first-child, .business-communication-acceptance-ledger > div:first-child { border-inline-start: 0; }
.business-communication-host-guide dt, .business-communication-acceptance-ledger dt { color: var(--muted); font-size: .7rem; letter-spacing: .04em; }
.business-communication-host-guide dd, .business-communication-acceptance-ledger dd { margin: .28rem 0 0; color: var(--text); font-size: .78rem; line-height: 1.5; overflow-wrap: anywhere; }
.business-communication-host-boundary, .business-communication-coach-boundary, .business-communication-acceptance-boundary, .business-communication-acceptance-memory { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }
.business-communication-field-acceptance > p { max-width: 88ch; margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.business-communication-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line-rest); border-block: 1px solid var(--line-rest); }
.business-communication-field-grid form { min-width: 0; background: var(--sheet-bg); }
.business-communication-field-grid fieldset { display: grid; grid-template-columns: minmax(8rem, .34fr) minmax(0, 1fr); gap: .65rem .8rem; align-items: center; min-width: 0; margin: 0; padding: .8rem; border: 0; }
.business-communication-field-grid legend { padding-inline: 0 .5rem; color: var(--ink-strong); font-weight: 700; }
.business-communication-field-grid :is(input, select, button) { min-width: 0; }
.business-communication-field-grid .check-row { grid-column: 1 / -1; }
.business-communication-field-grid button { grid-column: 1 / -1; justify-self: start; }
.business-communication-field-grid fieldset:disabled { opacity: .62; }
.business-communication-acceptance-ledger { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.business-communication-acceptance-memory, .business-communication-acceptance-boundary { padding-block-start: .55rem; border-block-start: 1px solid var(--line-rest); }
@container dashboard-workspace (max-width: 62rem) {
  .business-communication-intents { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .business-communication-intents button:nth-child(4) { border-inline-start: 0; }
  .business-communication-intents button:nth-child(n+4) { border-block-start: 1px solid var(--line-rest); }
  .business-communication-host-guide dl, .business-communication-acceptance-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .business-communication-host-guide dl > div:nth-child(odd), .business-communication-acceptance-ledger > div:nth-child(odd) { border-inline-start: 0; }
  .business-communication-host-guide dl > div:nth-child(n+3), .business-communication-acceptance-ledger > div:nth-child(n+3) { border-block-start: 1px solid var(--line-rest); }
}
@container dashboard-workspace (max-width: 50rem) {
  .business-communication-coach > header, .business-communication-field-acceptance > header { align-items: start; }
  .business-communication-coach-body, .business-communication-field-grid { grid-template-columns: minmax(0, 1fr); }
  .business-communication-request { padding: .8rem 0 0; border-inline-start: 0; border-block-start: 1px solid var(--line-active); }
  .business-communication-field-grid form + form { border-block-start: 1px solid var(--line-rest); }
}
@container dashboard-workspace (max-width: 30rem) {
  .business-communication-coach > header, .business-communication-host-guide > header, .business-communication-field-acceptance > header { display: grid; }
  .business-communication-intents { grid-template-columns: minmax(0, 1fr); }
  .business-communication-intents button { border-inline-start: 0; border-block-start: 1px solid var(--line-rest); }
  .business-communication-intents button:first-child { border-block-start: 0; }
  .business-communication-coach-stages li { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .business-communication-coach-stages li > small { grid-column: 2; }
  .business-communication-host-guide dl, .business-communication-acceptance-ledger { grid-template-columns: minmax(0, 1fr); }
  .business-communication-host-guide dl > div, .business-communication-acceptance-ledger > div { border-inline-start: 0; border-block-start: 1px solid var(--line-rest); }
  .business-communication-host-guide dl > div:first-child, .business-communication-acceptance-ledger > div:first-child { border-block-start: 0; }
  .business-communication-field-grid fieldset { grid-template-columns: minmax(0, 1fr); }
}
@media (forced-colors: active) {
  .business-communication-coach, .business-communication-intents, .business-communication-host-guide,
  .business-communication-field-acceptance, .business-communication-field-grid { forced-color-adjust: auto; }
  .business-communication-stage-marker { border-color: CanvasText; box-shadow: none; }
  .business-communication-coach-stages li[data-state="ready"] .business-communication-stage-marker { background: Highlight; border-color: Highlight; }
  .business-communication-intents button[aria-pressed="true"] { outline: 2px solid Highlight; outline-offset: -2px; }
}


.enterprise-table-workbench {
  display: grid;
  gap: 1rem;
  margin-block: 1.4rem;
  padding-block: 1.15rem;
  border-block: 1px solid color-mix(in srgb, var(--accent) 34%, transparent);
}
.enterprise-table-workbench > header,
.enterprise-table-workbench-flow > header,
.enterprise-table-workbench-review > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}
.enterprise-table-workbench h3,
.enterprise-table-workbench h4,
.enterprise-table-workbench p { margin: 0; }
.enterprise-table-workbench-lead {
  max-width: 92ch;
  color: var(--muted);
  font-size: .82rem;
}
.enterprise-table-workbench-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.15rem;
}
.enterprise-table-workbench-flow {
  display: grid;
  align-content: start;
  gap: .9rem;
  min-width: 0;
  padding: 1rem;
  border-inline-start: 1px solid color-mix(in srgb, var(--accent) 46%, transparent);
  background: linear-gradient(145deg, color-mix(in srgb, var(--surface) 54%, transparent), transparent 72%);
}
.enterprise-table-workbench-flow > header span {
  color: var(--accent);
  font-size: .68rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.enterprise-table-workbench-flow fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin: 0;
  padding: 0;
  border: 0;
}
.enterprise-table-workbench-flow label { display: grid; gap: .3rem; min-width: 0; font-size: .76rem; }
.enterprise-table-workbench-flow .wide,
.enterprise-table-workbench-flow .check-row,
.enterprise-table-workbench-flow fieldset > button { grid-column: 1 / -1; }
.enterprise-table-write-content {
  display: grid;
  gap: .65rem;
  padding-block: .25rem;
}
.enterprise-table-record-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.enterprise-table-write-next {
  display: grid;
  gap: .75rem;
  padding-block-start: .8rem;
  border-block-start: 1px solid color-mix(in srgb, var(--accent) 28%, transparent);
}
.enterprise-table-write-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.enterprise-table-read-result,
.enterprise-table-draft-list { display: grid; gap: .75rem; min-width: 0; }
.enterprise-table-observation-sheet,
.enterprise-table-draft-card {
  display: grid;
  gap: .55rem;
  padding: .8rem 0 .8rem .8rem;
  border-inline-start: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
}
.enterprise-table-observation-grid { overflow: auto; }
.enterprise-table-observation-grid table { width: max-content; min-width: 100%; border-collapse: collapse; font-size: .75rem; }
.enterprise-table-observation-grid th,
.enterprise-table-observation-grid td { padding: .42rem .58rem; border-block-end: 1px solid var(--border); text-align: start; }
.enterprise-table-draft-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.enterprise-table-unknown { color: var(--warning, #ffc16b); }
@media (max-width: 940px) {
  .enterprise-table-workbench-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .enterprise-table-workbench > header,
  .enterprise-table-workbench-flow > header,
  .enterprise-table-workbench-review > header { display: grid; align-items: start; }
  .enterprise-table-workbench-flow fieldset,
  .enterprise-table-record-fields { grid-template-columns: 1fr; }
  .enterprise-table-workbench-flow fieldset > * { grid-column: 1; }
}


.system-map {
  position: relative;
  isolation: isolate;
  container: system-map / inline-size;
  margin-block: 1rem 1.35rem;
  padding: clamp(1rem, 2.8vw, 1.65rem);
  overflow: clip;
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 0%, rgb(73 231 221 / 12%), transparent 28rem),
    radial-gradient(circle at 92% 100%, rgb(198 94 255 / 11%), transparent 32rem),
    linear-gradient(145deg, rgb(19 31 65 / 46%), rgb(5 8 25 / 25%));
  box-shadow: inset 0 1px rgb(255 255 255 / 8%);
}
.system-map::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(circle, rgb(255 255 255 / 30%) 0 1px, transparent 1.2px);
  background-size: 47px 47px;
  mask-image: linear-gradient(105deg, rgb(0 0 0 / 55%), transparent 72%);
  opacity: .28;
}
.system-map-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem 2rem;
}
.system-map-header h3 { margin-bottom: .35rem; font-size: clamp(1.3rem, 3vw, 2rem); letter-spacing: -.025em; }
.system-map-intro { max-width: 72ch; margin: 0; color: var(--muted); }
.system-map-view-switcher {
  display: flex;
  flex: 0 0 auto;
  gap: .25rem;
  padding: .25rem;
  border-radius: 12px;
  background: rgb(3 6 21 / 30%);
}
.system-map-view-switcher button {
  min-height: 38px;
  padding: .4rem .7rem;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
  font-size: .84rem;
  white-space: nowrap;
}
.system-map-view-switcher button[aria-pressed="true"] {
  background: linear-gradient(135deg, rgb(95 216 255 / 17%), rgb(154 114 255 / 18%));
  color: var(--text);
}
.system-map-status {
  margin: .85rem 0 0;
  color: rgb(214 220 244 / 76%);
  font-size: .82rem;
}
.system-map-onboarding {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem 1.2rem;
  margin-top: .75rem;
  padding: .7rem .8rem;
  border-radius: 14px;
  background: rgb(3 6 21 / 28%);
}
.system-map-onboarding > div { display: grid; min-width: 0; gap: .35rem; }
.system-map-onboarding > div > span { color: var(--muted); font-size: .7rem; font-weight: 750; letter-spacing: .08em; }
.system-map-onboarding-groups { display: flex; flex-wrap: wrap; gap: .45rem 1rem; }
.system-map-onboarding-group { display: flex; align-items: center; gap: .45rem; min-width: 0; }
.system-map-onboarding-group > small {
  color: rgb(214 220 244 / 54%);
  font-size: .64rem;
  font-weight: 760;
  letter-spacing: .06em;
  white-space: nowrap;
}
.system-map-onboarding ul { display: flex; flex-wrap: wrap; gap: .32rem; margin: 0; padding: 0; list-style: none; }
.system-map-onboarding li {
  padding: .18rem .42rem;
  border: 1px solid rgb(168 175 208 / 12%);
  border-radius: 999px;
  color: var(--muted);
  font-size: .72rem;
}
.system-map-onboarding li.is-complete { color: var(--accent); }
.system-map-onboarding li.is-complete::before { content: "✓ "; }
.system-map-onboarding li.is-current { color: var(--warning); font-weight: 750; }
.system-map-onboarding li.is-active { color: rgb(183 143 255 / 92%); }
.system-map-onboarding li.is-active::before { content: "✓ "; }
.system-map-onboarding li.is-optional { color: rgb(214 220 244 / 58%); border-color: rgb(183 143 255 / 16%); }
.system-map-onboarding > a {
  flex: 0 0 auto;
  padding: .55rem .8rem;
  border-radius: 10px;
  background: linear-gradient(135deg, rgb(95 216 255 / 22%), rgb(154 114 255 / 24%));
  color: var(--text);
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
}
.system-map-panel { min-width: 0; margin-top: 1rem; }
.system-map-entry-cluster {
  padding: clamp(.75rem, 1.8vw, 1rem);
  border: 1px solid rgb(183 143 255 / 14%);
  border-radius: 18px;
  background: linear-gradient(145deg, rgb(183 143 255 / 7%), rgb(3 6 21 / 18%));
}
.system-map-entry-cluster > header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.system-map-entry-cluster h4 { margin: 0; font-size: 1rem; }
.system-map-entry-cluster > header > p { max-width: 58ch; margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.45; }
.system-map-entry-grid,
.system-map-execution-chain {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.system-map-stage {
  --map-color: 117 244 227;
  position: relative;
  min-width: 0;
  padding-bottom: 1.65rem;
}
.system-map-entry-grid { margin-top: .65rem; }
.system-map-entry-grid .system-map-stage { padding-bottom: 0; }
.system-map-entry-grid .system-map-stage > a { min-height: 8.6rem; }
.system-map-stage.stage-app { --map-color: 95 216 255; }
.system-map-stage.stage-workflow { --map-color: 112 144 255; }
.system-map-stage.stage-agent { --map-color: 183 143 255; }
.system-map-stage.stage-control { --map-color: 238 111 215; }
.system-map-stage.stage-worker { --map-color: 255 139 191; }
.system-map-stage.stage-device { --map-color: 255 190 104; }
.system-map-stage.stage-result { --map-color: 117 244 227; padding-bottom: 0; }
.system-map-stage > a {
  position: relative;
  display: grid;
  min-height: 9.4rem;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto 1fr;
  gap: .15rem .6rem;
  align-content: start;
  padding: 1rem;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(145deg, rgb(var(--map-color) / 11%), rgb(5 8 27 / 22%));
  box-shadow: inset 3px 0 rgb(var(--map-color) / 72%);
  color: var(--text);
  text-decoration: none;
  transition: background-color 160ms ease, transform 160ms ease;
}
.system-map-stage > a:hover { background-color: rgb(var(--map-color) / 5%); }
.system-map-step {
  grid-column: 1;
  color: rgb(var(--map-color));
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.system-map-signal {
  grid-column: 2;
  grid-row: 1;
  width: .55rem;
  height: .55rem;
  margin-top: .2rem;
  border-radius: 999px;
  background: rgb(168 175 208 / 46%);
}
.system-map-signal.is-ready { background: var(--accent); box-shadow: 0 0 0 4px rgb(117 244 227 / 9%), 0 0 18px rgb(117 244 227 / 32%); }
.system-map-signal.is-attention { background: var(--warning); box-shadow: 0 0 0 4px rgb(255 208 122 / 8%); }
.system-map-stage strong { grid-column: 1 / -1; font-size: 1rem; }
.system-map-value { grid-column: 1 / -1; color: rgb(var(--map-color)); font-size: .86rem; font-weight: 750; }
.system-map-stage small { grid-column: 1 / -1; align-self: end; color: var(--muted); line-height: 1.4; }
.system-map-link-label {
  position: absolute;
  inset: auto 0 .2rem;
  color: rgb(190 199 229 / 62%);
  font-size: .68rem;
  text-align: center;
}
.system-map-execution-chain .system-map-stage:not(:last-child)::after {
  content: "↓";
  position: absolute;
  inset: auto 50% -.15rem auto;
  translate: 50% 0;
  color: rgb(var(--map-color) / 72%);
}
.system-map-entry-bridge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  margin: .55rem 0;
  color: rgb(190 199 229 / 62%);
  font-size: .68rem;
}
.system-map-entry-bridge i { color: var(--accent); font-size: 1rem; font-style: normal; }
.system-map-hint { margin: .8rem 0 0; color: var(--muted); font-size: .78rem; }

.system-map-process-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: system-process;
}
.system-map-process-list a {
  display: grid;
  height: 100%;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .8rem;
  align-items: start;
  padding: .9rem;
  border-radius: 14px;
  background: rgb(255 255 255 / 3%);
  color: var(--text);
  text-decoration: none;
}
.system-map-process-list a:hover { background: rgb(117 244 227 / 6%); }
.system-map-process-list b {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(145deg, rgb(95 216 255 / 20%), rgb(183 143 255 / 22%));
  color: var(--accent);
}
.system-map-process-list span { display: grid; gap: .25rem; }
.system-map-process-list small { color: var(--muted); line-height: 1.45; }
.system-map-process-summary {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 1.2rem;
  align-items: center;
  margin-top: 1rem;
  padding: .75rem 1rem;
  border-radius: 14px;
  background: rgb(3 6 21 / 25%);
  color: var(--muted);
  font-size: .86rem;
}
.system-map-process-summary strong { color: var(--text); font-size: 1.05rem; }
.system-map-process-summary a { margin-left: auto; }

.system-map-deployment-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.system-map-topology { min-width: 0; margin-bottom: .85rem; padding: .8rem 0; border-block: 1px solid var(--line); background: transparent; }
.system-map-topology > header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding-inline: .7rem; }
.system-map-topology h4 { margin: 0; font-size: clamp(1rem, 2vw, 1.25rem); }
.system-map-topology > header > p { max-width: 46ch; margin: 0; color: var(--muted); font-size: .76rem; text-align: right; }
.system-map-topology-controls { display: grid; grid-template-columns: minmax(10rem,.8fr) repeat(2,minmax(0,1fr)); gap: .6rem; padding: .65rem .7rem; border-block-end: 1px solid var(--line); }
.system-map-topology-controls label { display: grid; gap: .3rem; min-width: 0; color: var(--muted); font-size: .7rem; }
.system-map-topology-controls select { width: 100%; min-width: 0; min-height: 38px; border: 1px solid var(--line); border-radius: 4px; color: var(--text); background: var(--control-bg); }
.system-map-topology-stage { min-height: 260px; overflow: hidden; }
#system-map-topology-canvas { display: block; width: 100%; height: clamp(260px, 34vw, 420px); cursor: pointer; }
.system-map-topology-legend { display: flex; flex-wrap: wrap; gap: .35rem .8rem; padding: .45rem .7rem; border-block: 1px solid var(--line); color: var(--muted); font-size: .68rem; }
.system-map-topology-legend span { display: inline-flex; align-items: center; gap: .28rem; }
.system-map-topology-legend i { width: .45rem; height: .45rem; border-radius: 50%; background: #75f4e3; }
.system-map-topology-legend .is-node { background: #5fd8ff; }.system-map-topology-legend .is-worker { background: #b78fff; }
.system-map-topology-legend .is-device { background: #f6a9d7; }.system-map-topology-legend .is-plugin { background: #d7b76a; }.system-map-topology-legend .is-application { background: #8ee8c8; }.system-map-topology-legend .is-task { background: #ffd07a; }
.system-map-topology-inspection { padding: .6rem .7rem; font-size: .74rem; border-block-end: 1px solid var(--line); }
#system-map-topology-distance { margin: 0; color: var(--text); }
#system-map-topology-path { max-height: 12rem; overflow: auto; margin: .45rem 0 0; padding-left: 1.4rem; color: var(--muted); overflow-wrap: anywhere; }
#system-map-topology-path:empty { display: none; }
#system-map-topology-path li { padding: .35rem .15rem; border-block-end: 1px solid var(--line); }
.system-map-topology-boundary { margin: .55rem .7rem 0; color: var(--muted); font-size: .72rem; }
.system-map-control-hub,
.system-map-fleet {
  min-width: 0;
  padding: 1rem;
  border-radius: 16px;
  background: rgb(3 6 21 / 24%);
}
.system-map-control-hub {
  background: linear-gradient(145deg, rgb(95 216 255 / 10%), rgb(183 143 255 / 8%), rgb(3 6 21 / 20%));
  box-shadow: inset 3px 0 rgb(95 216 255 / 64%);
}
.system-map-control-hub h4,
.system-map-fleet h4 { margin: 0 0 .35rem; font-size: 1.08rem; }
.system-map-control-hub > p:not(.eyebrow) { color: var(--muted); }
.system-map-pull-bridge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  color: var(--muted);
  font-size: .7rem;
  text-align: center;
}
.system-map-pull-bridge i { color: var(--accent); font-size: 1.2rem; font-style: normal; }
.system-map-hub-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.system-map-hub-stats a {
  display: grid;
  gap: .1rem;
  min-width: 0;
  padding: .7rem;
  border-radius: 11px;
  background: rgb(255 255 255 / 3%);
  color: var(--text);
  text-decoration: none;
}
.system-map-hub-stats strong { overflow-wrap: anywhere; color: var(--accent); font-size: 1.05rem; }
.system-map-hub-stats span { color: var(--muted); font-size: .73rem; }
.system-map-fleet-heading { display: flex; align-items: start; justify-content: space-between; gap: .8rem; }
.system-map-fleet-heading > a { font-size: .8rem; }
.system-map-node-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: .45rem; }
.system-map-node-card {
  display: grid;
  gap: .25rem;
  min-width: 0;
  padding: .72rem;
  border-radius: 12px;
  background: rgb(255 255 255 / 3%);
  color: var(--text);
  text-decoration: none;
}
.system-map-node-card:hover { background: rgb(117 244 227 / 6%); }
.system-map-node-heading { display: flex; min-width: 0; align-items: center; gap: .5rem; }
.system-map-node-heading strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.system-map-node-dot { flex: 0 0 auto; width: .52rem; height: .52rem; border-radius: 999px; background: var(--muted); }
.system-map-node-dot.is-online { background: var(--muted); }
.system-map-node-dot.is-offline { background: var(--danger); }
.system-map-node-card small { color: var(--muted); }
.system-map-concepts { display: grid; grid-template-columns: minmax(0, 1fr); gap: .4rem; margin-top: 1rem; }
.system-map-concepts p { display: grid; gap: .1rem; margin: 0; padding: .65rem .8rem; border-radius: 12px; background: rgb(255 255 255 / 2%); }
.system-map-concepts strong { color: var(--accent); }
.system-map-concepts span { color: var(--muted); font-size: .8rem; }
.system-map-boundary { margin-top: 1rem; color: var(--muted); font-size: .84rem; }
.system-map-boundary summary { width: fit-content; color: var(--accent); cursor: pointer; font-weight: 700; }
.system-map-boundary p { max-width: 90ch; margin: .65rem 0 0; }

@container system-map (min-width: 46rem) {
  .system-map-process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .system-map-deployment-layout { grid-template-columns: minmax(230px, .8fr) auto minmax(0, 1.2fr); }
  .system-map-pull-bridge { width: 3.5rem; flex-direction: column; }
  .system-map-node-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .system-map-concepts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .system-map-entry-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
  .system-map-execution-chain { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .system-map-stage, .system-map-stage.stage-result { padding-bottom: 0; }
  .system-map-execution-chain .system-map-stage:not(:last-child)::after, .system-map-link-label { display: none; }
}

@container system-map (min-width: 72rem) {
  .system-map-execution-chain { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
  .system-map-execution-chain .system-map-stage:not(:last-child)::after {
    content: "›";
    display: block;
    inset: 50% -.62rem auto auto;
    z-index: 2;
    translate: 0 -50%;
    font-size: 1.15rem;
  }
  .system-map-process-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .system-map-concepts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@container system-map (max-width: 36rem) {
  .system-map-header { align-items: stretch; flex-direction: column; }
  .system-map-view-switcher { display: grid; grid-template-columns: 1fr; }
  .system-map-view-switcher button { width: 100%; white-space: normal; }
  .system-map-hub-stats { grid-template-columns: 1fr; }
  .system-map-process-summary { align-items: stretch; flex-direction: column; }
  .system-map-process-summary a { margin-left: 0; }
  .system-map-onboarding { align-items: stretch; flex-direction: column; }
  .system-map-onboarding > a { text-align: center; }
  .system-map-onboarding-group, .system-map-entry-cluster > header { align-items: stretch; flex-direction: column; }
  .system-map-topology > header { display: grid; }
  .system-map-topology > header > p { text-align: left; }
  .system-map-topology-controls { grid-template-columns: minmax(0,1fr); }
}

@media (hover: hover) and (pointer: fine) {
  .system-map-stage > a:hover { transform: translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
  .system-map *, .system-map *::before, .system-map *::after { scroll-behavior: auto !important; transition: none !important; }
  .system-map-stage > a:hover { transform: none; }
}

@media (forced-colors: active) {
  .system-map, .system-map-stage > a, .system-map-control-hub, .system-map-fleet,
  .system-map-node-card, .system-map-process-list a { border: 1px solid CanvasText; }
  .system-map-signal, .system-map-node-dot { forced-color-adjust: none; }
}


.system-map-plugin-fabric {
  container: plugin-fabric / inline-size; display: grid; gap: .9rem; margin: 1rem 0;
  padding: clamp(.9rem, 2vw, 1.2rem); overflow: hidden; border: 1px solid rgb(47 113 100 / 22%);
  border-radius: 22px; background: linear-gradient(145deg, rgb(255 255 255 / 72%), rgb(218 238 232 / 50%));
  box-shadow: inset 0 1px rgb(255 255 255 / 84%), 0 18px 48px rgb(28 71 62 / 10%); color: var(--text);
}
.system-map-plugin-fabric-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.system-map-plugin-fabric-heading h4 { margin: 0; }.system-map-plugin-fabric-heading > p { max-width: 46ch; margin: 0; color: var(--muted); text-align: right; }
.system-map-plugin-fabric-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .55rem; }
.system-map-plugin-fabric-metrics > span { display: grid; gap: .08rem; padding: .7rem; border: 1px solid rgb(47 113 100 / 14%); border-radius: 14px; background: rgb(255 255 255 / 48%); }
.system-map-plugin-fabric-metrics strong { color: var(--metal-gold-text); font-size: 1.15rem; }.system-map-plugin-fabric-metrics small { color: var(--muted); }
.system-map-plugin-fabric-layout { display: grid; grid-template-columns: minmax(13rem,.68fr) minmax(0,1.32fr); gap: .75rem; min-width: 0; }
.system-map-plugin-node-list { display: grid; align-content: start; gap: .45rem; min-width: 0; }
.system-map-plugin-node { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .55rem; min-width: 0; padding: .72rem; text-align: left; color: var(--text); background: rgb(255 255 255 / 42%); border-color: rgb(47 113 100 / 15%); }
.system-map-plugin-node:hover,.system-map-plugin-node.is-selected { background: rgb(222 241 235 / 78%); border-color: rgb(47 113 100 / 36%); box-shadow: inset 3px 0 var(--metal-gold-text); }
.system-map-plugin-node i { width: .58rem; height: .58rem; border-radius: 50%; background: var(--danger); }.system-map-plugin-node i.is-online { background: var(--accent-strong); box-shadow: 0 0 14px rgb(47 113 100 / 36%); }
.system-map-plugin-node span { display: grid; min-width: 0; }.system-map-plugin-node strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.system-map-plugin-node small { color: var(--muted); }
.system-map-plugin-detail { display: grid; align-content: start; gap: .75rem; min-width: 0; padding: .85rem; border: 1px solid rgb(47 113 100 / 14%); border-radius: 17px; background: rgb(255 255 255 / 42%); }
.system-map-plugin-detail-heading { display: flex; align-items: start; justify-content: space-between; gap: .8rem; }.system-map-plugin-detail-heading h5 { margin: 0; font-size: 1.05rem; }
.system-map-plugin-detail-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .4rem; }.system-map-plugin-detail-summary span { display: grid; padding: .5rem; border-radius: 11px; background: rgb(47 113 100 / 6%); }.system-map-plugin-detail-summary small { color: var(--muted); }
.system-map-plugin-claims { display: grid; gap: .55rem; }.system-map-plugin-claim { display: grid; gap: .5rem; padding: .7rem; border: 1px solid rgb(182 137 55 / 20%); border-radius: 14px; background: linear-gradient(135deg,rgb(255 255 255 / 62%),rgb(231 242 238 / 58%)); }
.system-map-plugin-claim-heading { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }.system-map-plugin-claim-heading strong { margin-right: auto; overflow-wrap: anywhere; }
.system-map-plugin-capability-list { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }.system-map-plugin-capability-list li { display: grid; padding: .45rem .55rem; border-radius: 10px; background: rgb(47 113 100 / 5%); }.system-map-plugin-capability-list small,.system-map-plugin-proof { color: var(--muted); overflow-wrap: anywhere; }
.system-map-plugin-devices { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }.system-map-plugin-devices > strong { width: 100%; }.system-map-plugin-detail-boundary,.system-map-plugin-boundary { margin: 0; color: var(--muted); font-size: .76rem; }
.system-map-plugin-fabric-actions { display: flex; flex-wrap: wrap; gap: .45rem; }.system-map-plugin-fabric-actions a { padding: .48rem .7rem; border: 1px solid rgb(47 113 100 / 18%); border-radius: 999px; background: rgb(255 255 255 / 42%); color: var(--metal-gold-text); text-decoration: none; font-weight: 700; }
@container plugin-fabric (max-width: 700px) { .system-map-plugin-fabric-layout { grid-template-columns: 1fr; }.system-map-plugin-node-list { grid-template-columns: repeat(auto-fit,minmax(min(14rem,100%),1fr)); } }
@container plugin-fabric (max-width: 520px) { .system-map-plugin-fabric-heading { display: grid; }.system-map-plugin-fabric-heading > p { text-align: left; }.system-map-plugin-fabric-metrics,.system-map-plugin-detail-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }.system-map-plugin-fabric-actions { display: grid; }.system-map-plugin-fabric-actions a { text-align: center; } }
@media (prefers-reduced-transparency: reduce) { .system-map-plugin-fabric,.system-map-plugin-detail,.system-map-plugin-claim { background: var(--pearl-canvas); } }
@media (forced-colors: active) { .system-map-plugin-fabric,.system-map-plugin-detail,.system-map-plugin-claim,.system-map-plugin-node { border: 1px solid CanvasText; } }


.agent-studio { position: relative; margin-block: 1rem; overflow: clip; border: 1px solid rgb(255 255 255 / 8%); border-radius: 26px; background: linear-gradient(145deg, rgb(5 10 28 / 96%), rgb(15 19 48 / 92%)); box-shadow: inset 0 1px rgb(255 255 255 / 10%), 0 26px 70px rgb(0 0 0 / 22%); }
.agent-studio-header { display: flex; max-width: 960px; width: 100%; margin-inline: auto; align-items: end; justify-content: space-between; gap: 1rem; padding: .6rem 0 .75rem; border-bottom: 1px solid rgb(255 255 255 / 7%); }
.agent-studio-header h2 { margin: 0 0 .25rem; font-size: clamp(1.35rem, 2.2vw, 1.85rem); letter-spacing: -.035em; }
.agent-studio-header p:last-child { max-width: 78ch; margin: 0; color: var(--muted); }
.agent-studio-front { display: grid; min-height: 0; grid-template-columns: minmax(0, 1fr); }
.agent-studio-readiness { flex: 0 0 auto; padding: .55rem .75rem; border-radius: 999px; color: var(--muted); background: rgb(255 255 255 / 5%); font-size: .76rem; font-weight: 760; }
.agent-studio-readiness.is-ready { color: var(--accent); background: rgb(117 244 227 / 9%); }
.agent-studio-readiness.is-attention { color: var(--warning); background: rgb(255 208 122 / 9%); }
.agent-studio-backend { margin-block: 1rem; overflow: clip; border: 1px solid rgb(255 255 255 / 9%); border-radius: 22px; background: rgb(5 10 28 / 72%); }
.agent-studio-backend > summary { min-height: 52px; padding: .9rem 1rem; color: var(--accent); font-weight: 780; cursor: pointer; }
.agent-studio-backend[open] > summary { border-bottom: 1px solid rgb(255 255 255 / 8%); }
.agent-studio-backend-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid rgb(255 255 255 / 7%); }
.agent-studio-backend-heading h3 { margin: 0 0 .25rem; }.agent-studio-backend-heading p:last-child { max-width: 72ch; margin: 0; color: var(--muted); }
.agent-studio-shell { display: grid; grid-template-columns: 74px minmax(0, 1fr); min-height: 700px; }
.agent-studio-toolbox { display: grid; align-content: start; gap: .25rem; padding: .75rem .45rem; border-right: 1px solid rgb(255 255 255 / 7%); background: rgb(3 6 21 / 45%); }
.agent-studio-toolbox button { display: grid; min-width: 0; min-height: 60px; place-items: center; gap: .05rem; padding: .35rem; border: 0; border-radius: 13px; color: var(--muted); background: transparent; font-size: .67rem; }
.agent-studio-toolbox button:hover, .agent-studio-toolbox button:focus-visible { color: var(--text); background: rgb(117 244 227 / 7%); }
.agent-studio-toolbox b { color: var(--accent); font-size: 1.25rem; font-weight: 600; }
.agent-studio-canvas-wrap { display: grid; min-width: 0; min-height: 700px; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; border-right: 1px solid rgb(255 255 255 / 7%); }
.agent-studio-canvas-controls { z-index: 4; display: flex; min-width: 0; flex-wrap: wrap; justify-content: flex-end; gap: .3rem; padding: .55rem; background: rgb(3 6 21 / 54%); }
.agent-studio-canvas-controls button { min-width: 44px; min-height: 44px; padding: .35rem .6rem; background: rgb(5 9 27 / 84%); }
.agent-canvas-pan-buttons { display: inline-flex; gap: .2rem; }
.agent-studio-canvas-controls button[aria-pressed="true"] { color: var(--accent); box-shadow: inset 0 0 0 1px rgb(117 244 227 / 48%); }
.agent-studio-canvas-stage { display: grid; min-width: 0; min-height: 600px; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
.agent-studio-canvas-stage:has(.agent-canvas-inspector:not([hidden])) { grid-template-rows: minmax(600px, 1fr) auto; }
.agent-studio-canvas { position: relative; min-width: 0; min-height: 600px; overflow: hidden; overscroll-behavior: contain; touch-action: pan-y pinch-zoom; cursor: default; background: radial-gradient(circle at center, rgb(92 105 190 / 9%), transparent 55%), radial-gradient(circle, rgb(255 255 255 / 16%) 0 1px, transparent 1.2px); background-size: auto, 28px 28px; }
.agent-studio-canvas.is-pan-mode { touch-action: none; cursor: grab; }.agent-studio-canvas.is-pan-mode:active { cursor: grabbing; }
.agent-studio-scene { position: absolute; width: 1200px; height: 720px; transform-origin: 0 0; will-change: transform; }
.agent-studio-edges { position: absolute; inset: 0; width: 1200px; height: 720px; pointer-events: none; }
.agent-canvas-node { --node-color: 117 244 227; position: absolute; display: grid; width: 180px; min-height: 112px; translate: -50% -50%; touch-action: none; align-content: center; gap: .2rem; padding: .9rem; border: 0; border-radius: 18px; color: var(--text); text-align: left; background: linear-gradient(145deg, rgb(var(--node-color) / 18%), rgb(9 13 36 / 94%)); box-shadow: inset 0 0 0 1px rgb(var(--node-color) / 24%), 0 18px 44px rgb(0 0 0 / 25%); transition: transform 160ms ease, box-shadow 160ms ease; }
.agent-canvas-node:hover, .agent-canvas-node:focus-visible, .agent-canvas-node.is-selected { transform: translateY(-5px); box-shadow: inset 0 0 0 2px rgb(var(--node-color) / 72%), 0 22px 52px rgb(var(--node-color) / 15%); }
.agent-canvas-node.is-selected { z-index: 2; }
.agent-canvas-node > span { color: rgb(var(--node-color)); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.agent-canvas-node strong { font-size: 1rem; }.agent-canvas-node small { color: var(--muted); line-height: 1.35; }.agent-canvas-node.is-live small { color: var(--accent); }
.agent-canvas-node.node-agent { --node-color: 95 216 255; width: 220px; min-height: 130px; }
.agent-canvas-node.node-model { --node-color: 183 143 255; }.agent-canvas-node.node-plugin { --node-color: 117 244 227; }.agent-canvas-node.node-workbuddy { --node-color: 87 223 180; width: 205px; }.agent-canvas-node.node-device { --node-color: 255 190 104; }.agent-canvas-node.node-skill { --node-color: 238 111 215; }.agent-canvas-node.node-flow { --node-color: 112 144 255; }.agent-canvas-node.node-app { --node-color: 255 139 191; }
.agent-canvas-node.node-embedded-workflow { --node-color: 112 144 255; width: 240px; min-height: 126px; }.agent-canvas-node.node-media { --node-color: 95 216 255; width: 280px; max-height: 300px; align-content: stretch; padding: .55rem; }
.node-media img, .node-media video { width: 100%; max-height: 190px; object-fit: contain; border-radius: 12px; }.node-media audio { width: 100%; }.node-media .agent-canvas-drag-handle { min-height: 40px; cursor: grab; }
.agent-canvas-inspector { display: grid; min-width: 0; max-height: 380px; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr); gap: .35rem 1rem; padding: .85rem; overflow: auto; border-top: 1px solid rgb(255 255 255 / 8%); background: linear-gradient(180deg, rgb(9 14 38 / 98%), rgb(4 8 25 / 96%)); }
.agent-canvas-inspector[hidden] { display: none; }.agent-inspector-heading { display: flex; align-items: start; justify-content: space-between; gap: .6rem; }.agent-inspector-heading h4 { margin: 0; }.agent-inspector-heading button { min-width: 44px; min-height: 44px; }
.agent-inspector-heading, .agent-inspector-status, .agent-canvas-inspector > #agent-inspector-description, .agent-inspector-content { grid-column: 1; }.agent-inspector-status { color: var(--accent); font-size: .78rem; font-weight: 760; }.agent-inspector-content { display: grid; gap: .55rem; margin-block: .7rem; }
.agent-workflow-choice { display: grid; gap: .25rem; padding: .65rem; border: 1px solid rgb(255 255 255 / 9%); border-radius: 13px; background: rgb(255 255 255 / 3%); }.agent-workflow-choice small { color: var(--muted); }.agent-workflow-choice button { min-height: 44px; margin-top: .25rem; }
.agent-inspector-move { display: grid; grid-column: 2; grid-row: 1 / span 2; grid-template-columns: repeat(2, minmax(44px, 1fr)); align-content: start; gap: .35rem; }.agent-inspector-move button { min-height: 44px; }
.agent-inspector-actions { display: flex; grid-column: 2; flex-wrap: wrap; align-self: start; gap: .45rem; }.agent-inspector-actions > * { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; }.agent-canvas-inspector > .muted { grid-column: 2; margin: 0; }
.agent-studio-canvas-help { margin: 0; padding: .5rem .7rem; color: var(--muted); background: rgb(3 6 21 / 62%); font-size: .72rem; text-align: center; }
.agent-studio-conversation { display: grid; min-width: 0; max-width: 1180px; width: 100%; margin-inline: auto; padding: clamp(.85rem, 2vw, 1.25rem); background: rgb(3 6 21 / 36%); }
.agent-conversation-heading { display: flex; align-items: start; justify-content: space-between; gap: .7rem; padding: .25rem .1rem .75rem; }.agent-conversation-heading h3 { margin: 0; font-size: 1.05rem; }
.agent-collaboration-layout { display: grid; min-width: 0; grid-template-columns: minmax(12rem, .68fr) minmax(0, 1.45fr) minmax(18rem, .72fr); gap: clamp(.75rem, 2vw, 1.6rem); align-items: start; }
.agent-collaboration-layout > .agent-conversation-presence { grid-column: 1; grid-row: 1; align-self: stretch; }
.agent-collaboration-layout > .agent-dialogue-column { grid-column: 2; grid-row: 1; }
.agent-collaboration-layout > .agent-team-panel { grid-column: 3; grid-row: 1; }
.agent-dialogue-column { display: grid; min-width: 0; align-content: start; }
.agent-team-panel { display: grid; min-width: 0; align-content: start; gap: .85rem; padding-left: clamp(1rem, 2vw, 1.5rem); border-left: 1px solid rgb(255 255 255 / 10%); }
.agent-conversation-history { display: flex; min-height: 0; max-height: 460px; flex-direction: column; gap: .65rem; overflow: auto; padding: .45rem .25rem .8rem; scrollbar-gutter: stable; }
.agent-conversation-inline-surfaces { display: grid; gap: .45rem; margin: .2rem 0 .65rem; padding: .65rem .7rem .7rem; border: 1px solid rgb(var(--accent-rgb) / 20%); border-radius: 16px; background: linear-gradient(135deg, rgb(var(--accent-rgb) / 7%), rgb(255 255 255 / 2%)); }
.agent-conversation-inline-surfaces[hidden] { display: none; }
.agent-conversation-inline-surfaces > header { display: flex; min-width: 0; align-items: start; justify-content: space-between; gap: .6rem; }
.agent-conversation-inline-surfaces > header h3 { margin: 0; font-size: .82rem; }.agent-conversation-inline-surfaces > header .eyebrow { margin: 0 0 .08rem; font-size: .56rem; }.agent-conversation-inline-heading-actions { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: .45rem; }.agent-conversation-inline-surfaces > header small { color: var(--muted); font-size: .62rem; text-align: right; }.agent-conversation-inline-heading-actions button { min-height: 34px; padding: .3rem .55rem; font-size: .68rem; }
.agent-conversation-inline-list { display: grid; min-width: 0; gap: .4rem; }
.agent-conversation-artifact-drawer { position: fixed; z-index: 30; right: clamp(.75rem, 3vw, 2rem); bottom: clamp(.75rem, 3vw, 2rem); width: min(26rem, calc(100vw - 1.5rem)); max-height: min(70vh, 34rem); }
.agent-conversation-artifact-drawer[hidden] { display: none; }
.agent-conversation-artifact-window { overflow: auto; padding: .8rem; border: 1px solid rgb(var(--accent-rgb) / 28%); border-radius: 18px; background: rgb(8 13 34 / 88%); box-shadow: 0 24px 70px rgb(0 0 0 / 35%); backdrop-filter: blur(18px); }
.agent-conversation-artifact-header { display: flex; align-items: start; justify-content: space-between; gap: .5rem; }
.agent-conversation-artifact-header h3 { margin: 0; font-size: .95rem; }.agent-conversation-artifact-header button { min-width: 40px; min-height: 40px; }
.agent-conversation-artifact-status { margin: .3rem 0 .6rem; color: var(--muted); font-size: .68rem; }
.agent-conversation-artifact-list { display: grid; gap: .45rem; }
.agent-conversation-artifact-card { display: grid; gap: .25rem; padding: .6rem; border-radius: 12px; background: rgb(255 255 255 / 5%); }.agent-conversation-artifact-card.is-inline { padding: .62rem .68rem; background: rgb(4 12 28 / 34%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%); }
.agent-conversation-artifact-card-heading { display: flex; align-items: center; gap: .45rem; min-width: 0; }.agent-conversation-artifact-card-heading strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .76rem; }
.agent-conversation-artifact-kind { color: var(--accent); font-size: .56rem; font-weight: 800; letter-spacing: .08em; }.agent-conversation-artifact-summary { margin: 0; color: var(--text); font-size: .68rem; line-height: 1.4; }.agent-conversation-artifact-footer { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .45rem; }.agent-conversation-artifact-time { color: var(--muted); font-size: .58rem; }.agent-conversation-artifact-footer button { min-height: 30px; padding: .2rem .45rem; font-size: .64rem; }
@media (max-width: 620px) { .agent-conversation-artifact-drawer { right: .6rem; bottom: .6rem; width: calc(100vw - 1.2rem); } .agent-conversation-inline-surfaces > header { display: grid; gap: .35rem; }.agent-conversation-inline-heading-actions { justify-content: space-between; }.agent-conversation-inline-heading-actions small { max-width: 22ch; text-align: left; } }
@media (prefers-reduced-motion: reduce) { .agent-conversation-artifact-window { backdrop-filter: none; } }
.agent-message { align-self: flex-start; max-width: 92%; padding: .7rem .8rem; border-radius: 15px 15px 15px 4px; background: rgb(255 255 255 / 5%); overflow-wrap: anywhere; }.agent-message.is-user { align-self: flex-end; border-radius: 15px 15px 4px; background: linear-gradient(135deg, rgb(95 216 255 / 15%), rgb(183 143 255 / 16%)); }
.agent-message strong { color: var(--accent); font-size: .72rem; }.agent-message p { margin: .25rem 0 0; white-space: pre-wrap; line-height: 1.5; }.agent-message small { display: block; margin-top: .35rem; color: var(--muted); }
.agent-conversation-form { display: grid; gap: .55rem; padding-top: .6rem; border-top: 1px solid rgb(255 255 255 / 7%); }.agent-conversation-form textarea { min-height: 74px; resize: vertical; border-radius: 16px; background: rgb(255 255 255 / 5%); }
.agent-conversation-actions { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.agent-conversation-actions button { min-width: 108px; min-height: 44px; }.agent-conversation-actions .muted { font-size: .76rem; }
.agent-autopilot { display: grid; gap: .75rem; }.agent-autopilot-heading { display: flex; align-items: start; justify-content: space-between; gap: .7rem; }.agent-autopilot-heading h4 { margin: 0; font-size: 1rem; }.agent-autopilot-heading .eyebrow { margin-bottom: .15rem; }.agent-team-state { flex: 0 0 auto; padding: .35rem .55rem; border-radius: 999px; color: var(--muted); background: rgb(255 255 255 / 6%); font-size: .72rem; font-weight: 780; }.agent-team-state.is-active { color: rgb(95 216 255); background: rgb(95 216 255 / 10%); }.agent-team-state.is-attention { color: var(--warning); background: rgb(244 198 106 / 10%); }.agent-team-state.is-ready { color: var(--accent); background: rgb(117 244 227 / 10%); }
.agent-autonomy-lens { display: grid; gap: .42rem; padding: .68rem; border: 1px solid rgb(var(--accent-rgb) / 20%); border-radius: 16px; background: linear-gradient(135deg, rgb(var(--accent-rgb) / 9%), rgb(255 255 255 / 2%)); box-shadow: inset 0 1px rgb(255 255 255 / 7%), 0 14px 32px rgb(0 0 0 / 12%); backdrop-filter: blur(14px); }
.agent-autonomy-lens[data-state="attention"] { border-color: rgb(244 198 106 / 30%); background: linear-gradient(135deg, rgb(244 198 106 / 9%), rgb(255 255 255 / 2%)); }
.agent-autonomy-lens header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.agent-autonomy-lens header span { color: var(--muted); font-size: .58rem; font-weight: 820; letter-spacing: .12em; }.agent-autonomy-lens header strong { color: var(--accent); font-size: .76rem; }
.agent-autonomy-lens ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .2rem; margin: 0; padding: 0; list-style: none; }.agent-autonomy-lens li { position: relative; min-width: 0; padding: .36rem .18rem .28rem; border-top: 2px solid rgb(var(--accent-rgb) / 26%); color: var(--text); font-size: .62rem; text-align: center; }.agent-autonomy-lens li:not(:last-child)::after { content: "→"; position: absolute; top: .23rem; right: -.22rem; color: var(--muted); font-size: .64rem; }.agent-autonomy-lens p { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.45; }.agent-autonomy-lens small { color: var(--accent); font-size: .61rem; font-weight: 760; }
.agent-autopilot-track { display: grid; grid-template-columns: minmax(0, 1fr); gap: .35rem; margin: 0; padding: 0; list-style: none; }.agent-autopilot-track li { display: grid; min-width: 0; min-height: 56px; grid-template-columns: 2rem minmax(0, 1fr); align-items: center; gap: .65rem; padding: .5rem .6rem; border-left: 3px solid rgb(255 255 255 / 9%); color: var(--muted); background: transparent; }.agent-autopilot-track li > b { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; color: var(--muted); background: rgb(255 255 255 / 5%); font-size: .72rem; }.agent-autopilot-track li strong, .agent-autopilot-track li small { display: block; }.agent-autopilot-track li strong { color: inherit; font-size: .8rem; }.agent-autopilot-track li small { margin-top: .08rem; color: var(--muted); line-height: 1.35; }.agent-autopilot-track li.is-complete { border-color: rgb(117 244 227 / 52%); color: var(--text); }.agent-autopilot-track li.is-complete > b { color: var(--accent); background: rgb(117 244 227 / 10%); }.agent-autopilot-track li.is-current { border-color: var(--accent); color: var(--accent); background: linear-gradient(90deg, rgb(117 244 227 / 10%), transparent); }.agent-autopilot-track li.is-current > b { color: rgb(3 6 21); background: var(--accent); }.agent-autopilot > p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.5; }.agent-autopilot > button { justify-self: stretch; min-height: 44px; }.agent-studio-jobs-link { display: inline-flex; width: 100%; min-height: 44px; align-items: center; justify-content: center; font-weight: 760; }
.agent-team-boundary { display: grid; gap: .2rem; margin: 0; padding-top: .8rem; border-top: 1px solid rgb(255 255 255 / 9%); color: var(--muted); font-size: .74rem; line-height: 1.5; }.agent-team-boundary strong { color: var(--text); }.agent-team-boundary span { display: block; }
.agent-message-task-details { margin-top: .72rem; padding: .58rem .68rem .68rem; border: 0; border-radius: 15px; background: rgb(35 126 112 / 5.5%); box-shadow: inset 0 0 0 1px rgb(35 126 112 / 9%); }
.agent-message-task-details > summary { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: .75rem; color: var(--text); cursor: pointer; list-style: none; }
.agent-message-task-details > summary::-webkit-details-marker { display: none; }
.agent-message-process-title { display: inline-flex; align-items: center; gap: .5rem; min-width: 0; }
.agent-message-process-title strong { color: inherit; font-size: .72rem; }
.agent-message-process-signal { width: .52rem; height: .52rem; flex: 0 0 auto; border-radius: 50%; background: var(--muted); }
.agent-message-task-details.is-live .agent-message-process-signal { background: var(--accent); box-shadow: 0 0 0 4px rgb(79 188 168 / 10%), 0 0 18px rgb(79 188 168 / 26%); animation: agent-process-pulse 1.8s ease-in-out infinite; }
.agent-message-task-details.is-complete .agent-message-process-signal { background: #54b58b; }
.agent-message-task-details.is-attention .agent-message-process-signal { background: var(--warning); }
.agent-message-process-badge { flex: 0 0 auto; color: var(--muted); font-size: .68rem; font-weight: 760; }
.agent-message-task-details.is-live .agent-message-process-badge { color: var(--accent); }
.agent-message-plan { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .35rem; margin: .45rem 0 0; padding: 0; list-style: none; }
.agent-message-plan li { position: relative; display: grid; gap: .1rem; padding-top: .48rem; color: var(--muted); font-size: .68rem; }
.agent-message-plan li::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 2px; border-radius: 999px; background: rgb(35 126 112 / 10%); }
.agent-message-plan li span, .agent-message-plan li small { margin: 0; }
.agent-message-plan li small { color: var(--muted); font-size: .6rem; }
.agent-message-plan li.is-complete { color: var(--text); }
.agent-message-plan li.is-complete::before { background: rgb(117 194 161 / 66%); }
.agent-message-plan li.is-current { color: var(--accent); }
.agent-message-plan li.is-current::before { background: linear-gradient(90deg, var(--accent), var(--metal-gold-light)); box-shadow: 0 0 14px rgb(79 188 168 / 18%); animation: agent-process-flow 1.8s ease-in-out infinite alternate; }
.agent-message-process-note { margin: .5rem 0 0 !important; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.agent-message-actions { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .65rem; }.agent-message-actions button { min-height: 44px; }
@keyframes agent-process-pulse { 0%,100% { opacity: .52; transform: scale(.82); } 50% { opacity: 1; transform: scale(1); } }
@keyframes agent-process-flow { from { opacity: .62; transform: scaleX(.82); transform-origin: left; } to { opacity: 1; transform: scaleX(1); transform-origin: left; } }
.agent-teaching-review { display: grid; gap: .75rem; padding-block: 1rem; border-top: 1px solid rgb(255 255 255 / 9%); }.agent-teaching-review h3 { margin: 0; }.agent-teaching-review p { margin-block: .25rem; }.agent-teaching-review form { display: grid; grid-template-columns: minmax(9rem, .4fr) minmax(0, 1fr); gap: .55rem .8rem; }.agent-teaching-review form > :is(.check-row,.agent-teaching-actions,.message) { grid-column: 1 / -1; }.agent-teaching-actions { display: flex; flex-wrap: wrap; gap: .5rem; }.agent-teaching-actions button { min-height: 44px; }
.agent-inline-setup { max-width: 960px; width: 100%; margin-inline: auto; padding: .65rem clamp(.85rem, 2vw, 1.25rem); border-top: 1px solid rgb(244 198 106 / 28%); }.agent-inline-setup > summary { color: var(--warning); font-weight: 760; }.agent-inline-setup a { display: inline-flex; min-height: 44px; align-items: center; }
.agent-media-tools { max-width: 960px; width: 100%; margin-inline: auto; padding: .35rem clamp(.85rem, 2vw, 1.25rem) 1rem; }.agent-media-tools > summary { color: var(--muted); font-size: .82rem; }.agent-media-tools[open] > summary { margin-bottom: .75rem; }
.agent-media-renderer { display: grid; min-width: 0; grid-template-rows: auto minmax(260px, 1fr) auto auto; gap: .75rem; padding: clamp(.85rem, 2vw, 1.25rem); border-left: 1px solid rgb(255 255 255 / 8%); background: linear-gradient(155deg, rgb(7 12 31 / 75%), rgb(18 23 56 / 55%)); }
.agent-media-renderer-heading { display: flex; align-items: start; justify-content: space-between; gap: .7rem; }.agent-media-renderer-heading h3 { margin: 0; font-size: 1.05rem; }.agent-media-renderer-heading > span { padding: .3rem .5rem; border-radius: 999px; color: var(--accent); background: rgb(117 244 227 / 8%); font-size: .7rem; font-weight: 780; }
.agent-media-preview { position: relative; display: grid; min-height: 260px; place-items: center; overflow: auto; border: 1px dashed rgb(255 255 255 / 15%); border-radius: 18px; background: radial-gradient(circle at 50% 42%, rgb(95 216 255 / 10%), transparent 45%), rgb(255 255 255 / 3%); }.agent-media-preview img, .agent-media-preview video { display: block; width: 100%; max-height: 420px; object-fit: contain; }.agent-media-preview audio { width: calc(100% - 1.5rem); }.agent-media-preview > p { position: absolute; right: .4rem; bottom: .4rem; left: .4rem; margin: 0; padding: .35rem .5rem; border-radius: 9px; color: var(--muted); background: rgb(3 6 21 / 82%); font-size: .72rem; }
.agent-media-empty { display: grid; max-width: 28ch; place-items: center; gap: .3rem; padding: 1rem; color: var(--muted); text-align: center; }.agent-media-empty b { color: var(--accent); font-size: 2rem; }.agent-media-empty p { margin: 0; color: var(--text); font-weight: 760; }.agent-media-empty small { line-height: 1.5; }.agent-media-renderer > button { min-height: 46px; }.agent-media-renderer > .muted { margin: 0; font-size: .74rem; line-height: 1.5; }
.agent-system-details { margin-block: 1rem; }.agent-system-details > summary { color: var(--accent); font-weight: 750; cursor: pointer; }
@media (max-width: 980px) { .agent-studio-front { min-height: 0; grid-template-columns: minmax(0, 1fr); }.agent-studio-conversation { min-height: 520px; }.agent-media-renderer { border-top: 1px solid rgb(255 255 255 / 8%); border-left: 0; }.agent-media-preview { min-height: 320px; }.agent-studio-shell { grid-template-columns: 68px minmax(0, 1fr); } }
@media (max-width: 760px) { .agent-collaboration-layout { grid-template-columns: minmax(0, 1fr); }.agent-collaboration-layout > .agent-conversation-presence, .agent-collaboration-layout > .agent-dialogue-column, .agent-collaboration-layout > .agent-team-panel { grid-column: 1; }.agent-collaboration-layout > .agent-conversation-presence { grid-row: 1; }.agent-collaboration-layout > .agent-dialogue-column { grid-row: 2; }.agent-collaboration-layout > .agent-team-panel { grid-row: 3; }.agent-team-panel { padding: 1rem 0 0; border-top: 1px solid rgb(255 255 255 / 10%); border-left: 0; }.agent-autopilot-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }.agent-studio-canvas-stage:has(.agent-canvas-inspector:not([hidden])) { grid-template-rows: minmax(500px, 62vh) auto; }.agent-canvas-inspector { max-height: 440px; grid-template-columns: minmax(0, 1fr); }.agent-inspector-heading, .agent-inspector-status, .agent-canvas-inspector > #agent-inspector-description, .agent-inspector-content, .agent-inspector-move, .agent-inspector-actions, .agent-canvas-inspector > .muted { grid-column: 1; grid-row: auto; }.agent-inspector-move { grid-template-columns: repeat(4, minmax(44px, 1fr)); }.agent-studio-canvas, .agent-studio-canvas-stage { min-height: 500px; } }
@media (max-width: 620px) { #overview > .section-heading { display: none; }.agent-studio { margin-block: 0; border-radius: 20px; }.agent-studio-header { display: block; padding: .7rem; }.agent-studio-header .eyebrow, .agent-studio-header p:last-child, .agent-studio-header-actions, .agent-conversation-heading .eyebrow { display: none; }.agent-studio-header h3 { margin: 0; font-size: 1.05rem; line-height: 1.25; }.agent-studio-backend-heading { align-items: stretch; flex-direction: column; }.agent-studio-readiness { width: 100%; }.agent-studio-conversation { min-height: 0 !important; padding: .7rem; }.agent-conversation-heading { display: block; padding-bottom: .35rem; }.agent-conversation-form { padding-top: .4rem; }.agent-conversation-form textarea { min-height: 84px; }.agent-conversation-history { min-height: 64px; max-height: 104px; }.agent-conversation-actions { align-items: stretch; flex-direction: column; }.agent-conversation-actions button { width: 100%; }.agent-autopilot-track { grid-template-columns: minmax(0, 1fr); }.agent-media-renderer { grid-template-rows: auto minmax(220px, 1fr) auto auto; }.agent-media-preview { min-height: 220px; }.agent-studio-shell { grid-template-columns: minmax(0, 1fr); }.agent-studio-toolbox { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: .4rem; border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 7%); }.agent-studio-toolbox button { min-height: 52px; }.agent-studio-canvas-wrap { min-height: 560px; border-right: 0; }.agent-studio-canvas-controls { justify-content: stretch; }.agent-studio-canvas-controls button { flex: 1 1 44px; }.agent-studio-canvas-help { white-space: normal; } }
@media (max-width: 620px) { .agent-autonomy-lens ol { gap: .08rem; }.agent-autonomy-lens li { font-size: .56rem; }.agent-autonomy-lens li:not(:last-child)::after { right: -.16rem; font-size: .52rem; }.agent-message-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); }.agent-message-actions, .agent-teaching-actions { display: grid; grid-template-columns: minmax(0, 1fr); }.agent-message-actions button, .agent-teaching-actions button { width: 100%; }.agent-teaching-review form { grid-template-columns: minmax(0, 1fr); }.agent-teaching-review form > * { grid-column: 1 !important; } }
@media (max-width: 360px) { .agent-studio-header, .agent-studio-conversation, .agent-media-renderer { padding-inline: .7rem; }.agent-conversation-history { scrollbar-gutter: auto; } }
@media (prefers-reduced-motion: reduce) { .agent-studio *, .agent-studio *::before, .agent-studio *::after { scroll-behavior: auto !important; transition: none !important; }.agent-message-plan li.is-current::before { animation: none; } }
@media (forced-colors: active) { .agent-studio, .agent-canvas-node, .agent-message, .agent-studio-toolbox button, .agent-canvas-inspector, .agent-team-panel, .agent-autopilot-track li { border: 1px solid CanvasText; }.agent-autopilot-track li[aria-current="step"] { outline: 2px solid Highlight; } }


.agent-conversation-presence {
  display: grid;
  min-width: 0;
  gap: .45rem;
  margin: 0;
  padding: .65rem .75rem .55rem;
  border: 1px solid rgb(255 255 255 / 9%);
  border-radius: 16px;
  background: linear-gradient(135deg, rgb(255 255 255 / 5%), rgb(117 244 227 / 3%));
}
.agent-conversation-presence-heading {
  display: flex;
  min-width: 0;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
}
.agent-conversation-presence-heading h4,
.agent-conversation-presence-heading p,
.agent-conversation-presence-recipient,
.agent-conversation-presence-note { margin: 0; }
.agent-conversation-presence-heading h4 { font-size: .82rem; letter-spacing: -.01em; }
.agent-conversation-presence-heading .eyebrow { margin: 0 0 .05rem; font-size: .56rem; }
.agent-conversation-presence-summary {
  max-width: 42ch;
  overflow: hidden;
  color: var(--muted);
  font-size: .66rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-conversation-presence-list {
  display: flex;
  min-width: 0;
  gap: .4rem;
  flex-direction: column;
  max-height: min(58dvh, 36rem);
  overflow-y: auto;
  padding: .1rem .05rem .2rem;
  scrollbar-width: thin;
  scrollbar-color: var(--wb-line) transparent;
}
.agent-conversation-presence-list:empty::before {
  content: "登录后读取已核对的协作者";
  padding: .35rem .2rem;
  color: var(--muted);
  font-size: .7rem;
}
.agent-conversation-presence-item {
  position: relative;
  display: grid;
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: 0 0 auto;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .45rem;
  padding: .42rem .55rem;
  border: 1px solid rgb(255 255 255 / 11%);
  border-radius: 12px;
  color: var(--text);
  background: rgb(255 255 255 / 3%);
  box-shadow: none;
  text-align: left;
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}
.agent-conversation-presence-item:not(:disabled):is(:hover, :focus-visible) {
  border-color: color-mix(in srgb, var(--accent) 50%, var(--wb-line));
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  transform: translateY(-1px);
}
.agent-conversation-presence-item[aria-selected="true"] {
  border-color: color-mix(in srgb, var(--accent) 72%, var(--wb-line));
  background: color-mix(in srgb, var(--accent) 13%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);
}
.agent-conversation-presence-item:disabled { cursor: not-allowed; opacity: .58; }
.agent-conversation-presence-avatar {
  position: relative;
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 42%);
  border-radius: 10px;
  color: var(--ink-strong, var(--text));
  background: linear-gradient(145deg, var(--sea-salt, #eef6f1), var(--metal-gold-light, #d6b47b));
  background-position: center;
  background-size: cover;
  font-size: .62rem;
  font-weight: 800;
}
.agent-conversation-presence-avatar::after {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--surface, #11152e);
  border-radius: 50%;
  background: var(--muted);
  content: "";
}
.agent-conversation-presence-avatar[data-presence="working"]::after,
.agent-conversation-presence-avatar[data-presence="thinking"]::after,
.agent-conversation-presence-avatar[data-presence="listening"]::after,
.agent-conversation-presence-avatar[data-presence="handoff"]::after { background: var(--accent, #75f4e3); }
.agent-conversation-presence-avatar[data-presence="approval"]::after,
.agent-conversation-presence-avatar[data-presence="blocked"]::after { background: var(--warning, #f4c66a); }
.agent-conversation-presence-avatar[data-presence="complete"]::after { background: var(--accent-strong, #2a8975); }
.agent-conversation-presence-avatar[data-presence="offline"]::after,
.agent-conversation-presence-avatar[data-presence="waiting"]::after,
.agent-conversation-presence-avatar[data-presence="stale"]::after { background: var(--muted); }
.agent-conversation-presence-copy { display: grid; min-width: 0; gap: .08rem; }
.agent-conversation-presence-copy strong,
.agent-conversation-presence-copy small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-conversation-presence-copy strong { font-size: .72rem; }
.agent-conversation-presence-copy small { color: var(--muted); font-size: .61rem; }
.agent-conversation-presence-status {
  display: block;
  margin-top: .05rem;
  overflow: hidden;
  color: var(--muted);
  font-size: .59rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-conversation-presence-status[data-presence="working"],
.agent-conversation-presence-status[data-presence="thinking"],
.agent-conversation-presence-status[data-presence="listening"],
.agent-conversation-presence-status[data-presence="handoff"] { color: var(--accent); }
.agent-conversation-presence-status[data-presence="approval"],
.agent-conversation-presence-status[data-presence="blocked"] { color: var(--warning); }
.agent-conversation-presence-note {
  color: var(--muted);
  font-size: .61rem;
  line-height: 1.35;
}
.agent-conversation-presence-recipient {
  color: var(--text);
  font-size: .64rem;
  line-height: 1.35;
}
.agent-conversation-presence-recipient[data-recipient=""] { color: var(--muted); }
.agent-conversation-presence[data-state="empty"] .agent-conversation-presence-note { opacity: .78; }
@media (max-width: 620px) {
  .agent-conversation-presence { margin-inline: -.1rem; padding: .55rem .6rem .45rem; border-radius: 13px; }
  .agent-conversation-presence-heading { align-items: start; flex-direction: column; gap: .08rem; }
  .agent-conversation-presence-summary { max-width: none; }
  .agent-conversation-presence-list { max-height: none; flex-direction: row; overflow-x: auto; overflow-y: hidden; }
  .agent-conversation-presence-item { width: auto; min-width: 8.8rem; max-width: 14rem; }
  .agent-conversation-presence-note { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .agent-conversation-presence-item { transition: none; }
  .agent-conversation-presence-item:not(:disabled):is(:hover, :focus-visible) { transform: none; }
}
@media (forced-colors: active) {
  .agent-conversation-presence,
  .agent-conversation-presence-item { border-color: CanvasText; }
  .agent-conversation-presence-item[aria-selected="true"] { outline: 2px solid Highlight; }
  .agent-conversation-presence-avatar::after { background: CanvasText; border-color: Canvas; }
}


.agent-studio-header { container: adaptive-home / inline-size; }
.adaptive-workforce-home { display: grid; width: min(72rem, 100%); gap: .7rem; padding: clamp(.8rem, 1.6cqi, 1.05rem); }
.adaptive-workforce-home > header { display: flex; align-items: end; justify-content: space-between; gap: .75rem; text-align: left; }
.adaptive-workforce-home > header :is(p, h2) { margin: 0; }
.adaptive-workforce-home > header h3 { margin: 0; font-size: clamp(1.05rem, 2cqi, 1.35rem); }
.adaptive-workforce-home > header > div:last-child { display: flex; align-items: center; gap: .45rem; }
.adaptive-workforce-home > header a { display: inline-flex; min-height: 44px; align-items: center; padding: .45rem .7rem; border-radius: 12px; color: var(--accent-strong); text-decoration: none; font-weight: 750; }
.adaptive-workforce-home > header a:is(:hover, :focus-visible) { color: var(--ink-strong); background: var(--sheet-bg-hover); box-shadow: inset 0 -1px var(--line-hot); }
.adaptive-workforce-list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(14.5rem, 18rem); gap: .5rem; overflow-x: auto; overscroll-behavior-inline: contain; padding: .12rem .08rem .35rem; scroll-snap-type: inline proximity; scrollbar-width: thin; }
.adaptive-workforce-person { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto; gap: .12rem .55rem; align-items: center; padding: .65rem; border: 0; text-align: left; scroll-snap-align: start; transition: background var(--motion-fast) ease; }
.adaptive-workforce-person:hover:not(:disabled) { filter: none; transform: none; }
.adaptive-workforce-person.is-attention { box-shadow: inset 3px 0 var(--warning), inset 0 0 0 1px var(--glass-outline-fluid); }
.adaptive-workforce-person.is-working { box-shadow: inset 3px 0 var(--accent), inset 0 0 0 1px var(--glass-outline-fluid); }
.adaptive-workforce-avatar { display: grid; width: 2.65rem; height: 2.65rem; grid-row: 1 / span 2; place-items: center; border-radius: 50%; color: var(--ink-strong); background: linear-gradient(145deg, rgb(var(--accent-rgb) / 42%), rgb(var(--surface-rgb) / 88%)); box-shadow: inset 0 0 0 1px var(--line-active), 0 7px 18px var(--line-glow); font-weight: 850; }
.adaptive-workforce-person[data-tone="pearl"] .adaptive-workforce-avatar { background: linear-gradient(145deg, rgb(var(--line-hot-rgb) / 42%), rgb(var(--surface-rgb) / 84%)); }
.adaptive-workforce-person[data-tone="gold"] .adaptive-workforce-avatar { background: linear-gradient(145deg, var(--metal-gold-light), rgb(var(--surface-rgb) / 84%)); }
.adaptive-workforce-identity { display: grid; min-width: 0; }
.adaptive-workforce-identity :is(strong, small), .adaptive-workforce-counts { overflow-wrap: anywhere; }
.adaptive-workforce-identity small, .adaptive-workforce-counts, .adaptive-workforce-status { color: var(--muted); }
.adaptive-workforce-state { justify-self: end; color: var(--accent-strong); font-size: .72rem; font-weight: 800; }
.adaptive-workforce-counts { grid-column: 2 / -1; font-size: .7rem; }
.adaptive-workforce-status { margin: 0; font-size: .72rem; text-align: left; }
.adaptive-conversation-home { display: grid; gap: clamp(.55rem, 1.15cqi, .85rem); width: min(56rem, 100%); margin: auto; padding: clamp(.25rem, 1cqi, .7rem); }
.adaptive-conversation-home { --text: var(--canvas-text); --ink-strong: var(--canvas-text-strong); --muted: var(--canvas-muted); --accent: var(--canvas-accent); --accent-strong: rgb(var(--accent-hot-rgb)); color: var(--text); }
.adaptive-conversation-home > h2 { max-width: 32ch; text-wrap: balance; }
.adaptive-conversation-home[data-tone="attention"] #agent-studio-heading { color: var(--warning); }
.adaptive-conversation-home .eyebrow { color: var(--accent-strong); }
.adaptive-conversation-summary { max-width: 58ch; margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.55; text-wrap: pretty; }
.adaptive-work-context { border-block-start: 1px solid var(--line-rest); }
.adaptive-work-context > summary { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: .8rem; padding: .35rem 0; color: var(--muted); list-style: none; cursor: pointer; font-size: .78rem; }
.adaptive-work-context > summary::-webkit-details-marker { display: none; }
.adaptive-work-context > summary::after { content: "+"; color: var(--accent-strong); font-size: 1rem; }
.adaptive-work-context[open] > summary::after { content: "−"; }
.adaptive-work-context > summary small { margin-left: auto; color: var(--accent-strong); font-size: .7rem; font-weight: 760; }
.adaptive-work-context-body { display: grid; gap: .8rem; padding: .25rem 0 .65rem; }
.first-task-flight-plan { display: grid; gap: .55rem; padding-block: .25rem .1rem; border-block: 1px solid var(--line-rest); }
.first-task-flight-plan > header { display: flex; align-items: baseline; justify-content: space-between; gap: .65rem; }
.first-task-flight-plan > header h3 { margin: 0; font-size: .88rem; letter-spacing: .025em; }
.first-task-flight-plan > header span { color: var(--accent-strong); font-size: .74rem; font-weight: 800; }
.first-task-flight-plan[data-state="attention"] > header span { color: var(--warning); }
.first-task-flight-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.first-task-flight-stage { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); gap: .12rem .4rem; padding: .45rem .55rem; border-inline-start: 1px solid var(--line-rest); }
.first-task-flight-stage:first-child { border-inline-start: 0; padding-inline-start: 0; }
.first-task-flight-stage strong { overflow-wrap: anywhere; font-size: .8rem; }
.first-task-flight-stage small { grid-column: 2; color: var(--muted); font-size: .69rem; line-height: 1.45; }
.first-task-flight-marker { width: .42rem; height: .42rem; margin-top: .28rem; border: 1px solid var(--line-active); border-radius: 50%; box-shadow: 0 0 8px var(--line-glow); }
.first-task-flight-stage[data-state="ready"] .first-task-flight-marker { border-color: var(--line-hot); background: var(--accent); }
.first-task-flight-stage[data-state="working"] .first-task-flight-marker { background: var(--accent-strong); }
.first-task-flight-stage:is([data-state="blocked"], [data-state="attention"]) .first-task-flight-marker { border-color: var(--warning); box-shadow: 0 0 8px var(--line-glow); }
.first-task-flight-locations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem .7rem; margin: 0; padding-top: .45rem; border-block-start: 1px solid var(--line-rest); }
.first-task-flight-locations div { min-width: 0; }
.first-task-flight-locations dt { color: var(--muted); font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }
.first-task-flight-locations dd { margin: .12rem 0 0; overflow-wrap: anywhere; font-size: .72rem; }
.adaptive-conversation-primary { display: block; max-width: 42rem; }
.adaptive-conversation-primary:empty { display: none; }
.adaptive-home-step { display: grid; width: 100%; min-height: 3.25rem; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .58rem .75rem; border: 0; border-radius: 14px; color: var(--text); background: rgb(var(--surface-rgb) / 22%); box-shadow: inset 1px 0 var(--line-active), inset 0 -1px var(--line-rest); text-align: left; text-decoration: none; transition: color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease; }
.adaptive-home-step::after { content: "→"; color: var(--accent-strong); font-size: 1rem; }
.adaptive-home-step:is(:hover, :focus-visible) { color: var(--ink-strong); background: var(--sheet-bg-hover); box-shadow: inset 2px 0 var(--line-hot), inset 0 -1px var(--line-active), 0 0 18px var(--line-glow); filter: none; }
.adaptive-home-step small { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.adaptive-home-step.is-unavailable { color: var(--muted); }
.adaptive-configuration-request { display: grid; grid-template-columns: minmax(12rem, .75fr) minmax(16rem, 1.25fr) auto; gap: .55rem 1rem; align-items: start; padding: .78rem 0; border-block: 1px solid var(--line-active); background: linear-gradient(90deg, rgb(var(--accent-rgb) / 6%), transparent 42%); }
.adaptive-configuration-request[hidden] { display: none; }
.adaptive-configuration-request > div { display: grid; gap: .12rem; }
.adaptive-configuration-request :is(.eyebrow, h3, p) { margin: 0; }
.adaptive-configuration-request h3 { max-width: 28ch; font-size: .92rem; line-height: 1.45; }
.adaptive-configuration-request ul { display: grid; gap: .28rem; margin: 0; padding: 0; list-style: none; }
.adaptive-configuration-request li { position: relative; padding-inline-start: .85rem; color: var(--text); font-size: .78rem; line-height: 1.5; }
.adaptive-configuration-request li::before { content: ""; position: absolute; inset: .56rem auto auto 0; width: .32rem; height: .32rem; border: 1px solid var(--line-hot); border-radius: 50%; box-shadow: 0 0 8px var(--line-glow); }
.adaptive-configuration-request > a { align-self: center; color: var(--accent-strong); font-size: .78rem; font-weight: 760; text-decoration: none; white-space: nowrap; }
.adaptive-configuration-request > a:is(:hover, :focus-visible) { color: var(--ink-strong); text-decoration: underline; text-underline-offset: .22em; }
.adaptive-configuration-request-boundary { grid-column: 2 / -1; color: var(--muted); font-size: .7rem; line-height: 1.5; }
.adaptive-configuration-checklist { border-block-end: 1px solid var(--sheet-divider); }
.adaptive-configuration-checklist > summary { padding: .2rem 0 .55rem; color: var(--muted); cursor: pointer; font-size: .85rem; }
.adaptive-configuration-checklist-items { display: grid; margin: 0; padding: 0 0 .35rem; list-style: none; }
.adaptive-configuration-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .18rem .8rem; padding: .62rem 0; border-block-start: 1px solid var(--line-rest); }
.adaptive-configuration-row-heading { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: .65rem; }
.adaptive-configuration-row-heading span { color: var(--accent-strong); font-size: .76rem; white-space: nowrap; }
.adaptive-configuration-row > small { grid-column: 1; color: var(--muted); }
.adaptive-configuration-row-action { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--accent-strong); font-size: .78rem; font-weight: 750; text-decoration: none; }
.adaptive-configuration-row-action:is(:hover, :focus-visible) { color: var(--line-hot); text-decoration: underline; text-underline-offset: .2em; }
.adaptive-attended-harnesses { margin-top: .1rem; }
.adaptive-attended-harnesses > summary { color: var(--muted); cursor: pointer; font-size: .85rem; }
.adaptive-attended-clients { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr)); gap: .5rem; padding: .65rem 0 0; list-style: none; }
.adaptive-attended-clients li { display: grid; gap: .15rem; padding: .6rem .7rem; border-left: 2px solid var(--line-rest); }
.adaptive-attended-clients span { color: var(--accent-strong); font-size: .8rem; }
.adaptive-attended-clients small { color: var(--muted); }
@container adaptive-home (max-width: 38.75rem) { .adaptive-workforce-home { border-radius: 16px; padding: .65rem; } .adaptive-workforce-home > header { align-items: flex-start; flex-direction: column; } .adaptive-workforce-home > header > div:last-child { width: 100%; } .adaptive-workforce-home > header :is(button, a) { flex: 1; justify-content: center; } .adaptive-workforce-list { grid-auto-columns: minmax(13.5rem, 82cqi); } .first-task-flight-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); } .first-task-flight-stage:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; } .first-task-flight-locations { grid-template-columns: minmax(0, 1fr); } .adaptive-configuration-request { grid-template-columns: minmax(0, 1fr); } .adaptive-configuration-request-boundary { grid-column: 1; } .adaptive-configuration-request > a { justify-self: start; } .adaptive-attended-clients { grid-template-columns: minmax(0, 1fr); } .adaptive-configuration-row { grid-template-columns: minmax(0, 1fr); } .adaptive-configuration-row-action { grid-column: 1; grid-row: auto; } }
@media (hover: hover) and (pointer: fine) { .adaptive-home-step:hover { transform: translateY(-1px); } }
@media (prefers-reduced-motion: reduce) { .adaptive-workforce-person, .adaptive-home-step { scroll-behavior: auto; transition: none; } .adaptive-home-step:hover { transform: none; } }


.node-onboarding {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: clamp(.9rem, 2.5vw, 1.25rem);
  border-radius: 18px;
  background: linear-gradient(135deg, rgb(77 226 177 / 8%), rgb(132 115 255 / 7%));
}
.node-onboarding-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.node-onboarding [data-dashboard-route-focus] { scroll-margin-top: 10rem; }
.node-onboarding-heading h3 { margin: 0; }
.visual-operations-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.visual-operations-catalog a { display: grid; gap: .18rem; min-width: 0; min-height: 76px; padding: .75rem .85rem; border-radius: 13px; background: rgb(255 255 255 / 3.5%); color: inherit; text-decoration: none; }
.visual-operations-catalog a:hover, .visual-operations-catalog a:focus-visible { background: rgb(255 255 255 / 7%); outline: 1px solid rgb(77 226 177 / 34%); }
.visual-operations-catalog b { font-size: .9rem; }.visual-operations-catalog span { color: var(--muted); font-size: .76rem; line-height: 1.45; }
.node-onboarding-journey {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.node-onboarding-journey li { display: grid; grid-template-columns: auto 1fr; gap: .6rem; align-items: start; }
.node-onboarding-journey b {
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: rgb(77 226 177 / 16%);
  color: var(--accent);
}
.node-onboarding-journey strong, .node-onboarding-journey small { display: block; }
.local-component-console { display: grid; gap: .75rem; padding: 1rem; border: 1px solid rgb(77 226 177 / 24%); border-radius: 14px; background: rgb(3 8 14 / 32%); }
.local-component-console-heading { display: flex; align-items: start; justify-content: space-between; gap: .8rem; }
.local-component-console-heading button { flex: 0 0 auto; }
.local-component-console h4, .local-component-console p { margin-bottom: .2rem; }
.local-component-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.local-component-list.local-component-primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.local-component-card { display: grid; gap: .55rem; min-width: 0; padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: rgb(255 255 255 / 3%); }
.local-component-card h5 { margin: 0; font-size: 1rem; }.local-component-card p { margin: 0; color: var(--muted); }
.local-component-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .25rem; margin: 0; padding: 0; list-style: none; }
.local-component-track li { padding: .35rem .25rem; border-radius: 7px; background: rgb(255 255 255 / 4%); color: var(--muted); font-size: .7rem; text-align: center; }
.local-component-track li.is-complete { background: rgb(77 226 177 / 10%); color: var(--accent); }.local-component-track li.is-current { background: rgb(244 198 106 / 10%); color: var(--warning); }
.local-component-actions { display: flex; flex-wrap: wrap; gap: .45rem; }.local-component-actions button { flex: 1 1 9rem; }
.local-component-actions a { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: .55rem .8rem; }
.local-employee-workbench { display: grid; gap: .75rem; padding-top: .25rem; border-top: 1px solid rgb(255 255 255 / 9%); }
.local-employee-workbench-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
.local-employee-workbench-heading h4, .local-employee-workbench-heading p { margin-bottom: .2rem; }
.local-employee-workbench-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .45rem; }
.local-employee-workbench-actions button { min-height: 40px; }
.local-employee-window-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .6rem; }
.local-employee-window-list.empty-state { display: block; }
.local-employee-window { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: auto auto auto; gap: .3rem .55rem; min-width: 0; padding: .75rem; border: 1px solid rgb(77 226 177 / 20%); border-radius: 14px; background: linear-gradient(145deg, rgb(255 255 255 / 5%), rgb(77 226 177 / 4%)); }
.local-employee-window:hover, .local-employee-window:focus-within { border-color: rgb(77 226 177 / 55%); box-shadow: 0 10px 26px rgb(0 0 0 / 18%); }
.local-employee-window.is-selected { border-color: rgb(44 187 255 / 70%); background: linear-gradient(145deg, rgb(44 187 255 / 12%), rgb(77 226 177 / 7%)); box-shadow: 0 0 0 1px rgb(44 187 255 / 24%), 0 12px 30px rgb(0 0 0 / 24%); }
.local-employee-window-avatar { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 10px; background: rgb(77 226 177 / 16%); color: var(--accent); font-weight: 800; }
.local-employee-window-copy { display: grid; min-width: 0; gap: .1rem; }.local-employee-window-copy strong, .local-employee-window-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.local-employee-window-copy small, .local-employee-window-work, .local-employee-window-note { color: var(--muted); font-size: .68rem; line-height: 1.4; }
.local-employee-window-state { align-self: start; white-space: nowrap; font-size: .66rem; }.local-employee-window-work { grid-column: 1 / -1; }
.local-employee-window-flow { display: flex; grid-column: 1 / -1; align-items: center; gap: .22rem; margin-top: .1rem; }
.local-employee-window-flow i { width: .42rem; height: .42rem; border-radius: 50%; background: var(--muted); opacity: .5; }.local-employee-window-flow i.is-on { background: var(--accent); opacity: 1; box-shadow: 0 0 0 .2rem rgb(77 226 177 / 10%); }.local-employee-window-flow i.is-current { background: #2cbbff; opacity: 1; box-shadow: 0 0 0 .2rem rgb(44 187 255 / 13%); animation: local-employee-window-pulse 1.8s ease-in-out infinite; }.local-employee-window-flow.is-failed i.is-current { background: #ff7c91; box-shadow: 0 0 0 .2rem rgb(255 124 145 / 13%); }.local-employee-window-flow.is-blocked i.is-current { background: #f4c66a; box-shadow: 0 0 0 .2rem rgb(244 198 106 / 13%); }
.local-employee-window-terminal { grid-column: 1 / -1; min-height: 4.8rem; max-height: 8rem; margin: .15rem 0 0; padding: .55rem .65rem; overflow: auto; border: 1px solid rgb(44 187 255 / 22%); border-radius: 9px; background: #041019; color: #a6d9d0; font: .64rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; }
@keyframes local-employee-window-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.35); } }
.local-employee-window-open { grid-column: 1 / -1; width: 100%; min-height: 38px; }
.local-employee-floating-windows { position: fixed; right: .9rem; bottom: .9rem; z-index: 30; display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 22rem)); align-items: end; justify-content: end; gap: .65rem; width: min(92vw, 48rem); max-height: min(62vh, 38rem); overflow: auto; pointer-events: none; }
.local-employee-floating-windows[hidden] { display: none; }
.local-employee-floating-window { pointer-events: auto; display: grid; min-width: 18rem; max-width: 22rem; overflow: hidden; border: 1px solid rgb(44 187 255 / 42%); border-radius: 14px; background: linear-gradient(145deg, rgb(8 24 34 / 97%), rgb(6 15 23 / 98%)); box-shadow: 0 16px 42px rgb(0 0 0 / 34%), 0 0 0 1px rgb(77 226 177 / 10%); }
.local-employee-floating-window-header { display: flex; align-items: center; justify-content: space-between; gap: .55rem; padding: .6rem .7rem; border-bottom: 1px solid rgb(255 255 255 / 9%); cursor: grab; }
.local-employee-floating-window-title { display: grid; min-width: 0; gap: .1rem; }.local-employee-floating-window-title strong, .local-employee-floating-window-title small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.local-employee-floating-window-title small { color: var(--muted); font-size: .68rem; }
.local-employee-floating-window-controls { display: flex; flex: 0 0 auto; gap: .25rem; }.local-employee-floating-window-controls button { min-height: 30px; padding: .25rem .45rem; font-size: .68rem; }
.local-employee-floating-window-body { display: grid; gap: .42rem; padding: .65rem .7rem .7rem; }.local-employee-floating-window-work { margin: 0; color: var(--muted); font-size: .7rem; }.local-employee-floating-window-terminal { min-height: 4.1rem; max-height: 9rem; margin: 0; padding: .55rem .6rem; overflow: auto; border: 1px solid rgb(44 187 255 / 22%); border-radius: 8px; background: #041019; color: #a6d9d0; font: .62rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; }.local-employee-floating-window-open { width: 100%; min-height: 34px; }
.local-employee-terminal { display: grid; gap: .55rem; padding: .75rem; border: 1px solid rgb(44 187 255 / 28%); border-radius: 14px; background: #07131c; color: #d7f7f0; }
.local-employee-terminal-heading { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }.local-employee-terminal-heading h5, .local-employee-terminal-heading p { margin: 0; }
.local-employee-terminal-output { min-height: 5.4rem; max-height: 10rem; overflow: auto; padding: .65rem .75rem; border-radius: 9px; background: #041019; color: #a6d9d0; font: .72rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; }
.local-employee-terminal-line { display: block; }.local-employee-terminal-line.is-current { color: #7ee8c6; }.local-employee-terminal-line.is-warn { color: #f4c66a; }
.local-employee-terminal-form { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .45rem; align-items: center; }.local-employee-terminal-prompt { color: #7ee8c6; font: 800 .95rem ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.local-employee-terminal-form input { min-width: 0; border-color: rgb(126 232 198 / 28%); background: rgb(0 0 0 / 18%); color: #effffc; font: .78rem ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }.local-employee-terminal-form button { min-height: 38px; }
.local-employee-terminal-note { margin: 0; color: #87a9a6; font-size: .66rem; line-height: 1.45; }
.bytebot-agent-backend-summary {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: clamp(.85rem, 2vw, 1.1rem); border-radius: 16px;
  background: linear-gradient(120deg, rgb(44 187 255 / 9%), rgb(159 117 255 / 8%), rgb(77 226 177 / 7%));
}
.bytebot-agent-backend-summary h3, .bytebot-agent-backend-summary p { margin: 0; }
.bytebot-agent-backend-summary-action { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .55rem; }
.bytebot-agent-backend-summary-action a { display: inline-flex; min-height: 44px; align-items: center; padding: .55rem .8rem; }
.bytebot-agent-addon { display: grid; gap: .85rem; padding: clamp(.9rem, 2.2vw, 1.15rem); border-radius: 16px; background: linear-gradient(135deg, rgb(25 101 141 / 14%), rgb(70 47 124 / 11%), rgb(5 16 25 / 32%)); }
.bytebot-agent-addon-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.bytebot-agent-addon-heading h4, .bytebot-agent-addon-heading p { margin-bottom: .2rem; }
.bytebot-agent-addon-heading > .pill { flex: 0 0 auto; }
.bytebot-agent-addon-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
.bytebot-agent-addon-facts article { display: grid; align-content: start; gap: .28rem; min-width: 0; padding: .72rem; border-radius: 12px; background: rgb(255 255 255 / 4%); }
.bytebot-agent-addon-facts span { color: var(--muted); font-size: .69rem; letter-spacing: .035em; }
.bytebot-agent-addon-facts strong { overflow-wrap: anywhere; font-size: .82rem; line-height: 1.4; }
.bytebot-agent-addon-facts small { color: var(--muted); font-size: .67rem; line-height: 1.45; }
.bytebot-agent-addon-facts .is-ready { color: var(--accent); }.bytebot-agent-addon-facts .is-attention { color: var(--warning); }
.bytebot-agent-addon-facts .is-unavailable { color: var(--danger); }.bytebot-agent-addon-facts .is-neutral { color: var(--muted); }
.bytebot-agent-addon-boundary { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: .7rem; align-items: start; padding-top: .2rem; }
.bytebot-agent-addon-boundary p { margin: .18rem 0 0; color: var(--muted); }
.bytebot-agent-addon-boundary .message { margin: 0; }
.node-onboarding-advanced { padding-block: .35rem; }
.node-onboarding-advanced > summary { min-height: 44px; padding: .55rem 0; color: var(--muted); cursor: pointer; }
.node-onboarding-advanced[open] { display: grid; gap: .8rem; }
.node-onboarding-journey small { margin-top: .16rem; color: var(--muted); }
.node-onboarding-form fieldset { display: grid; gap: .8rem; margin: 0; padding: 1rem; }
.node-onboarding-fields { display: grid; grid-template-columns: minmax(130px, .35fr) minmax(240px, 1fr); gap: .6rem .8rem; align-items: center; }
.node-onboarding-fields label { font-weight: 700; }
.node-onboarding-result {
  padding: 1rem;
  border-left: 4px solid var(--warning);
  border-radius: 12px;
  background: rgb(244 198 106 / 8%);
}
.node-onboarding-result h4 { margin: 0 0 .4rem; }
.node-onboarding-code-warning { color: var(--warning); }
.node-onboarding-code {
  display: block;
  margin-block: .75rem;
  padding: .8rem;
  overflow-wrap: anywhere;
  user-select: text;
  background: rgb(3 8 14 / 72%);
}
.node-onboarding-instructions { color: var(--muted); }
.node-onboarding-instructions > summary { min-height: 42px; padding: .55rem .7rem; cursor: pointer; font-weight: 750; }
.node-onboarding-instructions[open] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; }
.node-onboarding-instructions[open] > summary { color: var(--accent); }
.node-onboarding-instructions section { padding: .85rem 1rem; background: rgb(3 8 14 / 28%); border-radius: 12px; }
.node-onboarding-instructions h4 { margin: 0 0 .45rem; }
.node-onboarding-instructions ol { margin: 0; padding-left: 1.35rem; }
.node-onboarding-instructions li + li { margin-top: .45rem; }
@media (prefers-reduced-motion: reduce) { .local-employee-window-flow i.is-current { animation: none; } }
@media (max-width: 760px) {
  .node-onboarding-heading { align-items: flex-start; flex-direction: column; }
  .node-onboarding-journey, .node-onboarding-fields, .visual-operations-catalog { grid-template-columns: 1fr; }
  .local-component-console-heading { align-items: stretch; flex-direction: column; }
  .local-component-list { grid-template-columns: 1fr; }.local-component-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .local-employee-workbench-heading { align-items: stretch; flex-direction: column; }.local-employee-workbench-actions { justify-content: flex-start; }
  .local-employee-terminal-form { grid-template-columns: auto minmax(0, 1fr); }.local-employee-terminal-form button { grid-column: 1 / -1; width: 100%; }
  .local-employee-floating-windows { right: .55rem; bottom: .55rem; left: .55rem; grid-template-columns: minmax(0, 1fr); width: auto; max-height: 58vh; }.local-employee-floating-window { min-width: 0; max-width: none; }
  .bytebot-agent-backend-summary, .bytebot-agent-addon-heading { align-items: stretch; flex-direction: column; }
  .bytebot-agent-backend-summary-action { justify-content: flex-start; }
  .bytebot-agent-addon-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bytebot-agent-addon-boundary { grid-template-columns: 1fr; }
}
@media (max-width: 440px) {
  .bytebot-agent-addon-facts { grid-template-columns: 1fr; }
  .bytebot-agent-addon-facts article { min-height: 88px; }
}


.plus-mode-guide {
  margin-top: clamp(1rem, 2.5vw, 1.8rem);
  padding: clamp(1rem, 2.6vw, 1.6rem);
  border: 0;
  border-radius: clamp(1rem, 2vw, 1.5rem);
  background:
    radial-gradient(circle at 8% 0%, rgb(96 134 255 / 13%), transparent 42%),
    radial-gradient(circle at 92% 100%, rgb(188 92 255 / 12%), transparent 42%),
    rgb(8 13 28 / 45%);
  box-shadow: 0 22px 70px rgb(0 0 0 / 17%);
  backdrop-filter: blur(20px) saturate(130%);
}
.plus-mode-header, .plus-mode-card-heading, .plus-mode-actions, .plus-readiness-flow {
  display: flex;
  align-items: center;
}
.plus-mode-header { justify-content: space-between; gap: 1rem 2rem; }
.plus-mode-header > div { max-width: 78ch; }
.plus-mode-header h3 { margin-bottom: .35rem; }
.plus-mode-header p:last-child { margin-bottom: 0; color: var(--muted); }
.plus-mode-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  flex: 0 0 auto;
  padding: .22rem .62rem;
  border: 0;
  border-radius: 999px;
  background: rgb(255 255 255 / 7%);
  color: var(--muted);
  font-size: .76rem;
  font-weight: 750;
  white-space: nowrap;
}
.plus-mode-status.is-ready { background: rgb(77 226 177 / 12%); color: var(--accent); }
.plus-mode-status.is-attention { background: rgb(244 198 106 / 12%); color: var(--warning); }
.plus-mode-status.is-unavailable { background: rgb(255 124 120 / 11%); color: var(--danger); }
.plus-mode-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: .75rem;
  margin-top: 1rem;
}
.plus-mode-card {
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 0;
  border-radius: 1.15rem;
  background: rgb(255 255 255 / 4%);
}
.plus-mode-card.is-attended { background: linear-gradient(145deg, rgb(79 121 255 / 10%), rgb(255 255 255 / 3%)); }
.plus-mode-card.is-background { background: linear-gradient(145deg, rgb(157 88 255 / 9%), rgb(255 255 255 / 3%)); }
.plus-mode-card-heading { align-items: flex-start; gap: .65rem; }
.plus-mode-card-heading > div { min-width: 0; flex: 1 1 auto; }
.plus-mode-card-heading p { margin: 0; color: var(--muted); font-size: .76rem; }
.plus-mode-card-heading h4 { margin: .1rem 0 0; font-size: 1.05rem; }
.plus-mode-number {
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: .7rem;
  background: rgb(255 255 255 / 8%);
  color: var(--accent);
  font-size: .72rem;
  font-weight: 800;
}
.plus-mode-purpose { margin: 1rem 0; color: var(--muted); }
.plus-mode-steps { display: grid; gap: .42rem; margin: 0; padding: 0; list-style: none; }
.plus-mode-steps li {
  display: grid;
  grid-template-columns: minmax(5.5rem, .45fr) minmax(0, 1fr);
  gap: .7rem;
  padding: .58rem .7rem;
  border-radius: .75rem;
  background: rgb(0 0 0 / 12%);
}
.plus-mode-steps span { color: var(--muted); }
.plus-mode-steps strong, .plus-mode-steps code { min-width: 0; overflow-wrap: anywhere; }
#plus-attended-client-list strong { justify-self: end; text-align: right; }
.plus-mode-boundary { margin: .9rem 0; color: var(--muted); font-size: .85rem; }
.plus-mode-actions { flex-wrap: wrap; gap: .5rem; }
.plus-mode-actions a {
  padding: .48rem .68rem;
  border: 0;
  border-radius: .65rem;
  background: rgb(255 255 255 / 7%);
  color: var(--text);
  text-decoration: none;
  font-size: .86rem;
  font-weight: 700;
}
.plus-mode-actions a:hover { background: rgb(255 255 255 / 11%); }
.plus-mode-choice { display: grid; place-items: center; color: var(--muted); }
.plus-mode-choice span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: rgb(255 255 255 / 6%); font-size: .75rem; }
.plus-readiness-flow { flex-wrap: wrap; gap: .4rem; margin-block: 1rem; }
.plus-readiness-flow span { min-width: 0; padding: .45rem .58rem; border-radius: .65rem; background: rgb(0 0 0 / 12%); color: var(--muted); font-size: .82rem; overflow-wrap: anywhere; }
.plus-readiness-flow i { color: rgb(255 255 255 / 28%); font-style: normal; }
.plus-mode-empty-explanation { margin-top: .85rem; padding: .8rem 1rem; border: 0; border-radius: .85rem; background: rgb(0 0 0 / 10%); }
.plus-mode-empty-explanation summary { color: var(--accent); cursor: pointer; font-weight: 750; }
.plus-mode-empty-explanation p { margin: .7rem 0 0; color: var(--muted); }
@media (max-width: 760px) {
  .plus-mode-header { align-items: flex-start; flex-direction: column; }
  .plus-mode-grid { grid-template-columns: minmax(0, 1fr); }
  .plus-mode-choice { min-height: 1.5rem; }
  .plus-mode-card-heading { flex-wrap: wrap; }
  .plus-mode-card-heading .plus-mode-status { margin-left: 2.65rem; }
}
@media (max-width: 420px) {
  .plus-mode-guide { padding-inline: .8rem; }
  .plus-mode-card { padding-inline: .85rem; }
  .plus-mode-steps li { grid-template-columns: minmax(0, 1fr); gap: .1rem; }
  #plus-attended-client-list strong { justify-self: start; text-align: left; }
  .plus-mode-actions a { width: 100%; text-align: center; }
  .plus-readiness-flow { display: grid; grid-template-columns: minmax(0, 1fr); }
  .plus-readiness-flow i { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .plus-mode-actions a { transition: none; }
}

.journey-page-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .45rem .8rem;
  margin-bottom: .8rem;
  color: var(--muted);
  font-size: .8rem;
}
.journey-page-nav a { font-weight: 750; text-decoration: none; }
.journey-page-nav span { padding: .22rem 0; box-shadow: inset 0 -1px var(--line-rest, var(--border)); }
.journey-boundary { margin-bottom: 1rem; color: var(--muted); }
.journey-boundary > summary {
  width: fit-content;
  min-height: 40px;
  padding-block: .45rem;
  color: var(--muted);
  cursor: pointer;
  font-weight: 750;
}
.journey-boundary[open] > summary { color: var(--accent); }
.journey-boundary > .security-notice { margin: .35rem 0 0; }


.guided-tour-launcher {
  position: static; display: grid; grid-template-columns: 1.85rem minmax(0, 1fr); width: 100%; min-height: 56px;
  gap: .65rem; align-items: center; padding: .55rem .45rem; border: 0; border-radius: 0;
  color: var(--muted); background: transparent; box-shadow: inset 0 -1px var(--wb-line);
  text-align: left;
}
.guided-tour-launcher > span:last-child { display: grid; min-width: 0; gap: .12rem; }
.guided-tour-launcher strong { color: var(--text); font-size: .84rem; font-weight: 760; }
.guided-tour-launcher small { overflow: hidden; color: var(--muted); font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.guided-tour-launcher-mark {
  display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border-radius: 50%;
  color: var(--accent-strong); background: color-mix(in srgb, var(--accent-strong) 10%, transparent);
  box-shadow: inset 0 0 0 1px var(--line-rest), 0 0 16px var(--line-glow);
}
.guided-tour-launcher[data-state="action"] .guided-tour-launcher-mark,
.guided-tour-launcher[data-state="target"] .guided-tour-launcher-mark { color: var(--warning); box-shadow: inset 0 0 0 1px var(--line-active), 0 0 18px var(--line-glow); }
.guided-tour-launcher:focus-visible { outline: 3px solid var(--warning); outline-offset: 3px; }

.guided-tour-backdrop {
  position: fixed; z-index: 29; inset: 0; padding: 0; border: 0; border-radius: 0;
  background: var(--scrim-neutral, rgb(0 7 14 / 46%)); box-shadow: none;
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
}
button.guided-tour-backdrop:is(:hover, :active, :focus-visible) {
  background: var(--scrim-neutral, rgb(0 7 14 / 46%)); box-shadow: none; filter: none; transform: none;
}
.guided-tour {
  position: fixed; top: max(1rem, env(safe-area-inset-top, 0px)); right: max(1rem, env(safe-area-inset-right, 0px));
  z-index: 30; display: grid; width: min(76rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem);
  gap: 0; overflow: auto; overscroll-behavior: contain; border: 0; border-radius: 24px;
  background: var(--overlay-bg); color: var(--text);
  box-shadow: inset 0 1px var(--overlay-line), 0 28px 90px color-mix(in srgb, black 42%, transparent);
  backdrop-filter: blur(22px) saturate(1.08); -webkit-backdrop-filter: blur(22px) saturate(1.08);
}
.guided-tour-heading {
  position: sticky; top: 0; z-index: 3; display: flex; gap: 1.5rem; align-items: flex-start; justify-content: space-between;
  padding: 1.25rem 1.35rem 1rem; background: color-mix(in srgb, var(--overlay-bg) 88%, transparent);
  box-shadow: inset 0 -1px var(--line-rest); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.guided-tour-heading > div:first-child { min-width: 0; }
.guided-tour-heading .eyebrow { margin: 0 0 .3rem; color: var(--accent-strong); letter-spacing: .18em; }
.guided-tour-heading h2 { margin: 0; font-size: clamp(1.18rem, 2vw, 1.65rem); letter-spacing: -.025em; }
.guided-tour-heading p:not(.eyebrow) { max-width: 48rem; margin: .35rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.guided-tour-heading-actions { display: flex; flex: 0 0 auto; gap: .45rem; }
.guided-tour-heading-actions > button { min-height: 44px; padding-inline: .85rem; }
.guided-tour-status { margin: 0; padding: .55rem 1.35rem; color: var(--muted); font-size: .72rem; box-shadow: inset 0 -1px var(--line-rest); }

.guided-tour-missions { min-width: 0; padding: .75rem 1.35rem 0; }
.guided-tour-missions > div { display: grid; grid-template-columns: repeat(5, minmax(8.5rem, 1fr)); gap: .35rem; min-width: max-content; }
.guided-tour-missions button {
  display: grid; min-height: 58px; gap: .18rem; align-content: center; padding: .6rem .75rem; border: 0; border-radius: 0;
  color: var(--muted); background: transparent; box-shadow: inset 0 -1px var(--line-rest); text-align: left;
}
.guided-tour-missions button small { font-size: .67rem; font-weight: 520; }
.guided-tour-missions button:is(:hover, :focus-visible) { color: var(--text); background: var(--sheet-bg-hover); box-shadow: inset 0 -1px var(--line-active), 0 7px 22px -20px var(--line-hot); }
.guided-tour-missions button[aria-selected="true"] { color: var(--text); background: color-mix(in srgb, var(--accent-strong) 7%, transparent); box-shadow: inset 0 -2px var(--line-hot), 0 8px 24px -22px var(--line-hot); }
.guided-tour-missions button[aria-selected="true"] small { color: var(--accent-strong); }

.guided-tour-mission-panel { min-width: 0; outline-offset: -3px; }
.guided-tour-overview { display: grid; grid-template-columns: auto minmax(8rem, 1fr) minmax(16rem, 2fr); gap: .85rem; align-items: center; padding: .8rem 1.35rem 1rem; }
.guided-tour-overview > div:first-child { display: grid; gap: .1rem; }
.guided-tour-progress-value, #guided-tour-progress-value { color: var(--text); font-size: 1.25rem; font-weight: 780; font-variant-numeric: tabular-nums; }
.guided-tour-overview small { color: var(--muted); font-size: .66rem; }
.guided-tour-progress-track { height: 2px; overflow: hidden; background: var(--line-rest); }
.guided-tour-progress-track i { display: block; width: 0; height: 100%; background: var(--line-hot); box-shadow: 0 0 13px var(--line-glow); transition: width var(--motion-normal, 220ms) ease; }
.guided-tour-overview > p { margin: 0; color: var(--muted); font-size: .74rem; line-height: 1.55; }

.guided-tour-layout {
  display: grid; grid-template-columns: minmax(13.5rem, .72fr) minmax(22rem, 1.45fr) minmax(17rem, .9fr);
  min-width: 0; box-shadow: inset 0 1px var(--line-rest);
}
.guided-tour-rail { display: grid; align-content: start; gap: 0; min-width: 0; margin: 0; padding: .8rem 0 .8rem 1.35rem; list-style: none; box-shadow: inset -1px 0 var(--line-rest); }
.guided-tour-step-button {
  position: relative; display: grid; grid-template-columns: 2rem minmax(0, 1fr); width: 100%; min-height: 62px;
  gap: .65rem; align-items: center; padding: .55rem .85rem .55rem 0; border: 0; border-radius: 0;
  color: var(--muted); background: transparent; box-shadow: inset 0 -1px var(--line-rest); text-align: left;
}
.guided-tour-step-button::after { position: absolute; right: 0; width: 2px; height: 0; background: var(--line-hot); box-shadow: 0 0 13px var(--line-glow); content: ""; transition: height var(--motion-normal, 220ms) ease; }
.guided-tour-step-button:is(:hover, :focus-visible) { color: var(--text); background: var(--sheet-bg-hover); }
.guided-tour-step-button[aria-current="step"] { color: var(--text); background: color-mix(in srgb, var(--accent-strong) 6%, transparent); }
.guided-tour-step-button[aria-current="step"]::after { height: 100%; }
.guided-tour-step-marker { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; color: var(--muted); box-shadow: inset 0 0 0 1px var(--line-rest); font-size: .66rem; font-variant-numeric: tabular-nums; }
.guided-tour-step-button[data-state="ready"] .guided-tour-step-marker { color: var(--status-ok); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--status-ok) 62%, transparent), 0 0 12px color-mix(in srgb, var(--status-ok) 22%, transparent); }
.guided-tour-step-button[data-state="action"] .guided-tour-step-marker,
.guided-tour-step-button[data-state="target"] .guided-tour-step-marker { color: var(--warning); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--warning) 62%, transparent), 0 0 12px color-mix(in srgb, var(--warning) 20%, transparent); }
.guided-tour-step-copy { display: grid; min-width: 0; gap: .18rem; }
.guided-tour-step-copy strong { overflow-wrap: anywhere; font-size: .76rem; line-height: 1.35; }
.guided-tour-step-copy small { color: var(--muted); font-size: .65rem; }

.guided-tour-card { min-width: 0; padding: 1.2rem 1.35rem; box-shadow: inset -1px 0 var(--line-rest); }
.guided-tour-card-topline { display: flex; gap: .6rem; align-items: center; justify-content: space-between; color: var(--accent-strong); font-size: .68rem; font-weight: 780; letter-spacing: .06em; }
#guided-tour-step-state { padding: .24rem .5rem; border-radius: 999px; background: color-mix(in srgb, var(--accent-strong) 9%, transparent); }
#guided-tour-step-state[data-state="ready"] { color: var(--status-ok); background: color-mix(in srgb, var(--status-ok) 10%, transparent); }
#guided-tour-step-state[data-state="action"], #guided-tour-step-state[data-state="target"] { color: var(--warning); background: color-mix(in srgb, var(--warning) 10%, transparent); }
.guided-tour-card h3 { max-width: 31rem; margin: 1rem 0 .55rem; font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.16; letter-spacing: -.025em; }
.guided-tour-card > p { max-width: 40rem; margin: 0 0 1rem; color: var(--muted); font-size: .8rem; line-height: 1.65; }
.guided-tour-evidence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem 0; box-shadow: inset 0 1px var(--line-rest), inset 0 -1px var(--line-rest); }
.guided-tour-evidence > div { min-width: 0; padding: .8rem 1rem .8rem 0; }
.guided-tour-evidence > div + div { padding-left: 1rem; box-shadow: inset 1px 0 var(--line-rest); }
.guided-tour-evidence dt { color: var(--accent-strong); font-size: .65rem; font-weight: 760; letter-spacing: .08em; }
.guided-tour-evidence dd { margin: .35rem 0 0; color: var(--text); font-size: .76rem; line-height: 1.55; overflow-wrap: anywhere; }
.guided-tour-boundary { padding: .75rem 0 .75rem .85rem; box-shadow: inset 2px 0 var(--warning), inset 12px 0 24px -26px var(--warning); }
.guided-tour:not([data-mission="deploy"]) .admin-continuity-guide { display: none; }
.guided-tour-actions { display: grid; grid-template-columns: auto minmax(9rem, 1fr) auto; gap: .5rem; margin-top: 1rem; }
.guided-tour-actions > * { min-height: 44px; }

.guided-tour-topology { min-width: 0; padding: 1.2rem 1.35rem; }
.guided-tour-topology-heading { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .65rem; align-items: center; }
.guided-tour-topology-heading > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; color: var(--accent-strong); box-shadow: inset 0 0 0 1px var(--line-rest), 0 0 16px var(--line-glow); }
.guided-tour-topology-heading small { color: var(--accent-strong); font-size: .6rem; letter-spacing: .14em; }
.guided-tour-topology-heading h3 { margin: .15rem 0 0; font-size: .9rem; }
.guided-tour-topology-list { display: grid; gap: 0; margin: 1rem 0; padding: 0; list-style: none; }
.guided-tour-topology-list li { position: relative; display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: .12rem .55rem; min-height: 54px; align-content: center; padding: .45rem 0; box-shadow: inset 0 -1px var(--line-rest); }
.guided-tour-topology-list li:not(:last-child)::after { position: absolute; left: .39rem; bottom: -.55rem; z-index: 1; width: 1px; height: 1.1rem; background: var(--line-active); content: ""; }
.guided-tour-topology-node { grid-row: 1 / 3; width: .8rem; height: .8rem; align-self: center; border-radius: 50%; background: var(--muted); box-shadow: 0 0 0 4px color-mix(in srgb, var(--muted) 10%, transparent); }
.guided-tour-topology-list li[data-state="ready"] .guided-tour-topology-node { background: var(--status-ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--status-ok) 10%, transparent), 0 0 12px color-mix(in srgb, var(--status-ok) 36%, transparent); }
.guided-tour-topology-list li[data-state="action"] .guided-tour-topology-node,
.guided-tour-topology-list li[data-state="target"] .guided-tour-topology-node { background: var(--warning); box-shadow: 0 0 0 4px color-mix(in srgb, var(--warning) 10%, transparent), 0 0 12px color-mix(in srgb, var(--warning) 30%, transparent); }
.guided-tour-topology-list strong { font-size: .74rem; }
.guided-tour-topology-list small { color: var(--muted); font-size: .66rem; line-height: 1.4; }
.guided-tour-truth { display: grid; margin-top: .8rem; box-shadow: inset 0 1px var(--line-rest); }
.guided-tour-truth p { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: .55rem; margin: 0; padding: .55rem 0; box-shadow: inset 0 -1px var(--line-rest); font-size: .66rem; line-height: 1.45; }
.guided-tour-truth span { color: var(--muted); overflow-wrap: anywhere; }
.guided-tour-legend { display: flex; flex-wrap: wrap; gap: .35rem .7rem; margin-top: .8rem; }
.guided-tour-legend span { display: inline-flex; gap: .35rem; align-items: center; color: var(--muted); font-size: .62rem; }
.guided-tour-legend span::before { width: .42rem; height: .42rem; border-radius: 50%; background: var(--muted); content: ""; }
.guided-tour-legend span[data-state="ready"]::before { background: var(--status-ok); }
.guided-tour-legend span[data-state="action"]::before, .guided-tour-legend span[data-state="target"]::before { background: var(--warning); }
.guided-tour-legend span[data-state="optional"]::before { background: var(--accent-strong); }
.guided-tour-focus { outline: 3px solid var(--warning) !important; outline-offset: 4px; }
.guided-tour[hidden] + .guided-tour-focus { outline: 0 !important; }

.backend-start-center-entry {
  display: grid; grid-template-columns: minmax(16rem, 1.2fr) minmax(18rem, 1fr) auto; gap: 1rem;
  align-items: center; margin-bottom: 1rem; padding: 1rem 0; border: 0;
  background: color-mix(in srgb, var(--accent-strong) 4%, transparent);
  box-shadow: inset 0 1px var(--line-rest), inset 0 -1px var(--line-rest);
}
.backend-start-center-entry h3 { margin: .15rem 0 .3rem; font-size: 1.05rem; }
.backend-start-center-entry p { margin: 0; color: var(--muted); font-size: .74rem; line-height: 1.55; }
.backend-start-center-intents { display: flex; flex-wrap: wrap; gap: .35rem .75rem; }
.backend-start-center-intents span { color: var(--muted); font-size: .68rem; }
.backend-start-center-intents span::before { margin-right: .35rem; color: var(--accent-strong); content: "◇"; }
.backend-start-center-entry > button { min-height: 44px; }

@media (max-width: 1100px) {
  .backend-start-center-entry { grid-template-columns: minmax(0, 1fr) auto; }
  .backend-start-center-intents { grid-column: 1 / -1; grid-row: 2; }
  .guided-tour-layout { grid-template-columns: minmax(13rem, .72fr) minmax(21rem, 1.35fr); }
  .guided-tour-topology { grid-column: 1 / -1; box-shadow: inset 0 1px var(--line-rest); }
  .guided-tour-topology-list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .guided-tour-topology-list li { padding-inline: .45rem; box-shadow: inset -1px 0 var(--line-rest); }
  .guided-tour-topology-list li:not(:last-child)::after { display: none; }
  .guided-tour-truth { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .guided-tour-truth p { grid-template-columns: 1fr; padding-inline: .55rem; box-shadow: inset -1px 0 var(--line-rest); }
}
@media (max-width: 760px) {
  .backend-start-center-entry { grid-template-columns: 1fr; }
  .backend-start-center-intents { grid-column: 1; grid-row: auto; }
  .backend-start-center-entry > button { width: 100%; }
  .guided-tour {
    top: calc(56px + env(safe-area-inset-top, 0px) + .5rem); right: max(.5rem, env(safe-area-inset-right, 0px));
    width: calc(100vw - max(1rem, env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px)));
    max-height: calc(100dvh - 56px - env(safe-area-inset-top, 0px) - .5rem - env(safe-area-inset-bottom, 0px)); border-radius: 18px;
  }
  .guided-tour-heading { padding: .9rem; }
  .guided-tour-status { padding-inline: .9rem; }
  .guided-tour-missions { padding: .65rem .9rem 0; overflow-x: auto; scrollbar-width: thin; }
  .guided-tour-missions > div { grid-template-columns: repeat(5, minmax(8.2rem, 1fr)); }
  .guided-tour-overview { grid-template-columns: auto minmax(0, 1fr); padding: .7rem .9rem .85rem; }
  .guided-tour-overview > p { grid-column: 1 / -1; }
  .guided-tour-layout { grid-template-columns: 1fr; }
  .guided-tour-rail { grid-template-columns: repeat(5, minmax(9rem, 1fr)); padding: .6rem .9rem; overflow-x: auto; box-shadow: inset 0 -1px var(--line-rest); }
  .guided-tour-step-button { min-height: 58px; padding-right: .6rem; box-shadow: inset -1px 0 var(--line-rest); }
  .guided-tour-step-button::after { right: auto; bottom: 0; width: 0; height: 2px; transition: width var(--motion-normal, 220ms) ease; }
  .guided-tour-step-button[aria-current="step"]::after { width: 100%; height: 2px; }
  .guided-tour-card { padding: 1rem .9rem; box-shadow: inset 0 -1px var(--line-rest); }
  .guided-tour-topology { padding: 1rem .9rem; }
  .guided-tour-topology-list { grid-template-columns: 1fr; }
  .guided-tour-topology-list li { box-shadow: inset 0 -1px var(--line-rest); }
  .guided-tour-truth { grid-template-columns: 1fr; }
  .guided-tour-truth p { grid-template-columns: 6.5rem minmax(0, 1fr); padding-inline: 0; box-shadow: inset 0 -1px var(--line-rest); }
  .guided-tour-actions { grid-template-columns: 1fr 1fr; }
  .guided-tour-actions #guided-tour-primary { grid-column: 1 / -1; grid-row: 1; }
  .guided-tour-focus { scroll-margin-block-start: calc(4.5rem + env(safe-area-inset-top, 0px)); }
}
@media (max-width: 480px) {
  .guided-tour-heading { display: grid; }
  .guided-tour-heading-actions { width: 100%; }
  .guided-tour-heading-actions > button { flex: 1 1 0; }
  .guided-tour-evidence { grid-template-columns: 1fr; }
  .guided-tour-evidence > div { padding-right: 0; }
  .guided-tour-evidence > div + div { padding-left: 0; box-shadow: inset 0 1px var(--line-rest); }
  .guided-tour-card h3 { font-size: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  .guided-tour-progress-track i, .guided-tour-step-button::after { transition: none; }
  .guided-tour-focus { scroll-behavior: auto; }
}
@media (forced-colors: active) {
  .guided-tour-backdrop { background: Canvas; opacity: .72; }
  .guided-tour, .guided-tour-missions button, .guided-tour-step-button, .guided-tour-evidence,
  .guided-tour-topology-list li, .guided-tour-truth p { border: 1px solid CanvasText; }
  .guided-tour-progress-track i, .guided-tour-step-button::after, .guided-tour-topology-node { background: Highlight; }
}


.workbuddy-plugin { display: grid; gap: 1rem; margin-bottom: 1rem; padding: clamp(.8rem, 2vw, 1.2rem); border: 1px solid rgb(117 244 227 / 28%); border-radius: 18px; background: linear-gradient(145deg, rgb(42 116 126 / 12%), rgb(49 53 112 / 11%)); }
.workbuddy-plugin-heading { display: flex; gap: .8rem; align-items: start; justify-content: space-between; }.workbuddy-plugin-heading h3 { margin: 0; }.workbuddy-plugin-heading .pill { flex: 0 0 auto; }
.workbuddy-progress { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .45rem; margin: 0; padding: 0; list-style: none; }
.workbuddy-progress li { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); gap: .5rem; align-items: center; padding: .65rem; border: 1px solid var(--border); border-radius: 12px; color: var(--muted); background: rgb(3 6 21 / 28%); }
.workbuddy-progress li.is-ready { border-color: rgb(77 226 177 / 45%); color: var(--text); background: rgb(77 226 177 / 7%); }.workbuddy-progress b { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border-radius: 50%; background: rgb(255 255 255 / 7%); color: var(--accent); }.workbuddy-progress span,.workbuddy-progress small { display: block; min-width: 0; overflow-wrap: anywhere; }.workbuddy-progress small { color: var(--muted); line-height: 1.25; }
.workbuddy-setup-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }.workbuddy-setup-step { min-width: 0; padding: .9rem; border: 1px solid var(--border); border-radius: 14px; background: rgb(3 6 21 / 24%); }.workbuddy-setup-step h4 { margin-top: 0; }.workbuddy-setup-step form { display: grid; gap: .45rem; }.workbuddy-setup-step .check-row { min-height: 44px; }
.workbuddy-command { max-height: 13rem; padding: .8rem; overflow: auto; border: 1px solid var(--border); border-radius: 10px; color: #bdf8e5; background: #071015; white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; }
.workbuddy-descriptor { min-width: 0; padding: .7rem; border: 1px solid var(--border); border-radius: 10px; }.workbuddy-descriptor code,.workbuddy-client-steps code { overflow-wrap: anywhere; }.workbuddy-descriptor .definition-list { margin: 0; }.workbuddy-client-steps { padding-left: 1.3rem; }.workbuddy-client-steps li { margin-bottom: .45rem; }
@media (max-width: 900px) { .workbuddy-progress { grid-template-columns: repeat(2, minmax(0, 1fr)); }.workbuddy-setup-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { .workbuddy-plugin-heading { flex-direction: column; }.workbuddy-progress { grid-template-columns: minmax(0, 1fr); } }
@media (forced-colors: active) { .workbuddy-plugin,.workbuddy-progress li,.workbuddy-setup-step { border: 1px solid CanvasText; } }


.auth-panel {
  display: block;
  padding: 0;
  overflow: clip;
}
.auth-panel-content {
  display: grid;
  grid-template-columns: minmax(15rem, .72fr) minmax(31rem, 1.28fr);
  gap: .45rem 1.4rem;
  align-items: center;
  padding: 1rem;
}
.auth-panel-content > .message,
.auth-panel-content > .admin-account-panel { grid-column: 1 / -1; }
.auth-panel.authenticated .auth-panel-content { grid-template-columns: minmax(0, 1fr) auto; }
.auth-panel.authenticated .auth-panel-content > div:first-child,
.auth-panel.authenticated .auth-fields,
.auth-panel.authenticated #login-button { display: none; }
.auth-panel.authenticated .auth-form { grid-column: 2; grid-row: 1; }
.auth-panel.authenticated .auth-actions { justify-content: flex-end; }
.auth-panel.authenticated .message { grid-column: 1; grid-row: 1; }
.auth-panel.authenticated .admin-account-panel { grid-column: 1 / -1; grid-row: 2; }
.backend-return-link { color: var(--accent) !important; font-weight: 800; }
.agent-auth-slot, .agent-tool-drawer { max-width: 1180px; width: 100%; margin-inline: auto; }
.agent-auth-slot:empty { display: none; }
.agent-tool-drawer { margin-top: .75rem; padding-block: .5rem; border-block: 1px solid rgb(255 255 255 / 10%); }
.agent-tool-drawer > summary { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: .75rem; color: var(--accent); cursor: pointer; font-weight: 800; }
.agent-tool-drawer > summary small { color: var(--muted); font-weight: 650; }
.agent-tool-drawer .system-section-nav { position: static; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; padding: .65rem 0 0; background: transparent; }
.agent-tool-drawer .system-advanced-nav { min-width: 0; }
.agent-tool-drawer .system-advanced-nav > summary { min-height: 44px; }
.agent-tool-drawer .system-advanced-nav > div { position: static; display: grid; min-width: 0; max-height: none; margin-top: .35rem; padding: .35rem 0; border: 0; background: transparent; box-shadow: none; }
@media (max-width: 980px) and (min-width: 761px) {
  .agent-tool-drawer .system-section-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .auth-panel-content { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
  .auth-panel:not(.authenticated) .auth-form,
  .auth-panel:not(.authenticated) .auth-fields { grid-template-columns: minmax(0, 1fr); }
  .auth-panel.authenticated .auth-panel-content { grid-template-columns: minmax(0, 1fr); }
  .auth-panel.authenticated .auth-form { grid-column: 1; grid-row: 2; }
  .auth-panel.authenticated .message { grid-column: 1; grid-row: 1; }
  .agent-tool-drawer .system-section-nav { grid-template-columns: minmax(0, 1fr); }
  .agent-tool-drawer .system-advanced-nav > div { grid-template-columns: minmax(0, 1fr); }

}
@media (forced-colors: active) { .backend-return-link { outline: 1px solid CanvasText; } }


.agent-jobs { display: grid; gap: 1rem; }
.agent-jobs-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.25rem; }
.agent-jobs-heading h2 { margin: 0 0 .3rem; font-size: clamp(1.55rem, 3vw, 2.25rem); letter-spacing: -.035em; }
.agent-jobs-heading p:last-child { max-width: 72ch; margin: 0; color: var(--muted); }
.agent-jobs-new { display: inline-flex; min-height: 44px; flex: 0 0 auto; align-items: center; justify-content: center; padding: .55rem .8rem; color: var(--accent); font-weight: 780; }
.agent-jobs-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; padding-block: .4rem .9rem; border-bottom: 1px solid rgb(255 255 255 / 9%); }
.agent-jobs-summary > div { display: grid; gap: .1rem; min-width: 0; }
.agent-jobs-summary strong { font-size: clamp(1.25rem, 3vw, 1.8rem); line-height: 1; }
.agent-jobs-summary span { color: var(--muted); font-size: .78rem; }
.agent-job-create { padding-block: .45rem; border-block: 1px solid rgb(255 255 255 / 9%); }
.agent-job-create > summary { color: var(--accent); cursor: pointer; font-weight: 780; }
.agent-job-create-form { display: grid; grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr); gap: 1rem 1.4rem; padding-block: .8rem; }
.agent-job-create-form h3 { margin: 0 0 .3rem; }
.agent-job-create-form p { margin-block: .25rem; }
.agent-job-create-form fieldset { display: grid; grid-template-columns: minmax(8rem, .42fr) minmax(0, 1fr); gap: .55rem .8rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.agent-job-create-form fieldset > :is(.form-note, .check-row, button) { grid-column: 1 / -1; }
.agent-job-workflow-fields { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(8rem, .42fr) minmax(0, 1fr); gap: .55rem .8rem; min-width: 0; padding-block: .45rem; }
.agent-job-workflow-fields textarea, .agent-job-workflow-fields > div { min-width: 0; }
.agent-job-workflow-variables { display: grid; grid-column: 1 / -1; gap: .5rem; }
.agent-job-workflow-variable { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(6.5rem, .5fr) minmax(8rem, 1fr); gap: .45rem; align-items: end; }
.agent-job-workflow-variable small { display: block; }
.agent-job-create-form > .message { grid-column: 1 / -1; margin: 0; }
.agent-job-confirmation { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, .72fr); gap: .7rem 1.25rem; padding: 1rem; border-left: 3px solid var(--warning); background: rgb(244 198 106 / 7%); }
.agent-job-confirmation h3 { margin: 0 0 .25rem; }
.agent-job-confirmation p { margin-block: .25rem; }
.agent-job-confirmation-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .25rem .7rem; margin: 0; }
.agent-job-confirmation-facts dt { color: var(--muted); font-size: .76rem; }
.agent-job-confirmation-facts dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.agent-job-confirmation-boundary, .agent-job-confirmation-actions { grid-column: 1 / -1; }
.agent-job-confirmation-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.agent-job-confirmation-actions button { min-height: 44px; }
.agent-jobs-toolbar { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .8rem; }
.agent-jobs-filters { display: flex; min-width: 0; flex-wrap: wrap; gap: .35rem; }
.agent-jobs-filters button { min-height: 44px; padding-inline: .75rem; }
.agent-jobs-filters button[aria-pressed="true"] { color: var(--accent); box-shadow: inset 0 -2px var(--accent); }
.agent-jobs-toolbar .message { margin: 0; text-align: right; }
.agent-jobs-workspace { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.agent-jobs-workspace:has(.agent-job-detail:not([hidden])) { grid-template-columns: minmax(0, 1.12fr) minmax(19rem, .88fr); }
.agent-job-list { display: grid; min-width: 0; }
.agent-job-card { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem 1rem; align-items: center; padding-block: .9rem; border-bottom: 1px solid rgb(255 255 255 / 9%); }
.agent-job-card:first-child { border-top: 1px solid rgb(255 255 255 / 9%); }
.agent-job-card h4 { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }
.agent-job-card p { margin: .22rem 0 0; color: var(--muted); overflow-wrap: anywhere; }
.agent-job-card-meta { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .4rem; }
.agent-job-card-schedule { font-size: .82rem; }
.agent-job-card > button { min-width: 88px; min-height: 44px; }
.agent-job-detail { min-width: 0; align-self: start; padding: .9rem 0 .9rem 1rem; border-left: 1px solid rgb(255 255 255 / 12%); }
.agent-job-detail > header { display: flex; align-items: start; justify-content: space-between; gap: .7rem; }
.agent-job-detail h3 { margin: 0; }
.agent-job-detail-close { min-width: 44px; min-height: 44px; padding: 0; }
.agent-job-detail .definition-list { margin-block: .85rem; }
.agent-job-detail-section { margin-block: 1rem; }
.agent-job-detail-section h4 { margin-bottom: .45rem; }
.agent-job-history { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.agent-job-history li { padding-left: .75rem; border-left: 2px solid rgb(255 255 255 / 13%); }
.agent-job-history strong, .agent-job-history span { display: block; }
.agent-job-history span { color: var(--muted); font-size: .8rem; }
.agent-job-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.agent-job-actions > * { min-height: 44px; }
.agent-job-actions > a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .55rem .8rem; }
.agent-job-actions .danger { margin-left: auto; }
.agent-jobs-boundary { padding-top: .35rem; border-top: 1px solid rgb(255 255 255 / 9%); }
.agent-jobs-boundary > summary { color: var(--muted); cursor: pointer; font-weight: 700; }
.agent-jobs-boundary ul { display: grid; gap: .45rem; padding-left: 1.25rem; }
@media (max-width: 880px) {
  .agent-jobs-workspace:has(.agent-job-detail:not([hidden])) { grid-template-columns: minmax(0, 1fr); }
  .agent-job-detail { padding: 1rem 0 0; border-top: 1px solid rgb(255 255 255 / 12%); border-left: 0; }
}
@media (max-width: 760px) {
  .agent-jobs-heading, .agent-jobs-toolbar { align-items: stretch; flex-direction: column; }
  .agent-jobs-new { width: 100%; }
  .agent-jobs-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-job-confirmation { grid-template-columns: minmax(0, 1fr); padding-inline: .75rem; }
  .agent-job-create-form, .agent-job-create-form fieldset, .agent-job-workflow-fields,
  .agent-job-workflow-variable { grid-template-columns: minmax(0, 1fr); }
  .agent-job-create-form fieldset > :is(.form-note, .check-row, button), .agent-job-create-form > .message { grid-column: 1; }
  .agent-job-confirmation-facts, .agent-job-confirmation-boundary, .agent-job-confirmation-actions { grid-column: 1; }
  .agent-job-confirmation-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .agent-job-confirmation-actions button { width: 100%; }
  .agent-jobs-toolbar .message { text-align: left; }
  .agent-jobs-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .agent-jobs-filters button { min-width: 0; padding-inline: .35rem; }
  .agent-job-card { grid-template-columns: minmax(0, 1fr); }
  .agent-job-card > button { width: 100%; }
  .agent-job-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-job-actions > *, .agent-job-actions .danger { width: 100%; margin-left: 0; }
}
@media (max-width: 340px) {
  .agent-jobs-filters, .agent-job-actions { grid-template-columns: minmax(0, 1fr); }
}
@media (forced-colors: active) {
  .agent-job-confirmation, .agent-job-card, .agent-job-detail, .agent-jobs-boundary { border: 1px solid CanvasText; }
  .agent-jobs-filters button[aria-pressed="true"] { outline: 2px solid Highlight; }
}


/* Canonical work shell: one persistent navigation rail and one calm work surface. */
html, body { height: 100%; min-height: 0; overflow: hidden; color: var(--text); }
body::before, body::after { display: none; }
.workbuddy-shell { display: grid; height: 100dvh; min-height: 0; grid-template-columns: var(--workbuddy-sidebar-effective-width, 232px) minmax(0, 1fr); overflow: hidden; }
.workbuddy-main { display: grid; min-width: 0; min-height: 0; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; }
.workbuddy-sidebar {
  position: sticky;
  top: 0;
  z-index: 9;
  display: grid;
  height: 100%;
  border-radius: var(--radius-overlay);
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 1rem;
  padding: 1.25rem .85rem 1rem;
  overflow: hidden;
  border-right: 1px solid var(--wb-line);
  background: var(--wb-sidebar);
}
.workbuddy-brand { display: flex; min-width: 0; align-items: center; gap: .65rem; padding: .3rem .5rem .55rem; }
.workbuddy-brand-mark { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 10px; color: white; background: #20201f; font-size: .7rem; font-weight: 850; }
.workbuddy-brand strong, .workbuddy-brand small { display: block; }.workbuddy-brand small { color: var(--muted); font-size: .72rem; }
.workbuddy-sidebar .section-nav {
  position: static;
  display: grid;
  width: 100%;
  margin: 0;
  gap: .45rem;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}
.workbuddy-sidebar .section-nav a {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: .6rem;
  padding: .55rem .75rem;
  border-radius: 12px;
  color: var(--text);
  font-weight: 680;
  font-size: .9rem;
  text-decoration: none;
}
.workbuddy-sidebar .section-nav a > span { width: 1.15rem; color: var(--muted); text-align: center; }
.workbuddy-sidebar .section-nav a:hover, .workbuddy-sidebar .section-nav a[aria-current] { background: var(--wb-selected); }
.workbuddy-sidebar .section-nav a[aria-current] { color: var(--ink-strong); box-shadow: inset 2px 0 var(--line-active); text-decoration: none; }
.workbuddy-sidebar .section-nav a[aria-current] > span { color: var(--accent-strong); }
.workbuddy-sidebar :is(a, button, summary):focus-visible { outline: 2px solid var(--line-hot); outline-offset: 2px; }
.workbuddy-sidebar-contexts { display: flex; min-height: 0; flex-direction: column; gap: .35rem; padding: .45rem .25rem 0; overflow: hidden; border-top: 1px solid var(--wb-line); }
.workbuddy-context-tools { min-height: 0; margin-top: auto; }
.workbuddy-context-tools[open] { display: grid; min-height: 0; flex: 1 1 auto; grid-template-rows: auto minmax(0, 1fr); }
.workbuddy-context-tools > summary {
  display: grid;
  min-height: 48px;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: .12rem .5rem;
  padding: .42rem .5rem;
  color: var(--muted);
  list-style: none;
  cursor: pointer;
}
.workbuddy-context-tools > summary::-webkit-details-marker { display: none; }
.workbuddy-context-tools > summary > span:first-child { display: grid; grid-column: 1; grid-row: 1 / 3; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--wb-selected); color: var(--text); }
.workbuddy-context-tools > summary > span:nth-child(2) { grid-column: 2; grid-row: 1; color: var(--text); font-size: .85rem; font-weight: 760; white-space: nowrap; }
.workbuddy-context-tools > summary small { grid-column: 2; grid-row: 2; min-width: 0; font-size: .72rem; line-height: 1.4; overflow-wrap: anywhere; }
.workbuddy-context-tools[open] > summary { background: var(--wb-selected); }
.workbuddy-context-panel { display: grid; min-height: 0; gap: .12rem; padding: .3rem 0 .1rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.workbuddy-session-management { min-height: 0; overflow: hidden; }
.workbuddy-employee-rail { flex: 0 1 auto; border-bottom: 1px solid var(--wb-line); }
.workbuddy-employee-rail[open] { display: grid; min-height: 0; flex: 1 1 auto; grid-template-rows: auto minmax(0, 1fr); }
.workbuddy-session-management > summary, .workbuddy-agent-hud > summary { display: flex; min-height: 44px; align-items: center; justify-content: space-between; padding: .45rem .5rem; color: var(--muted); font-size: .85rem; font-weight: 760; list-style: none; }
.workbuddy-employee-rail > summary { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr) auto; gap: .45rem; color: var(--text); cursor: pointer; }
.workbuddy-employee-rail-symbol { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border-radius: 9px; color: var(--accent-strong); background: var(--wb-selected); font-size: .85rem; }
.workbuddy-employee-rail[open] > summary { background: color-mix(in srgb, var(--wb-selected) 72%, transparent); }
.workbuddy-session-management > summary::-webkit-details-marker { display: none; }
.workbuddy-agent-hud > summary::-webkit-details-marker { display: none; }
.workbuddy-session-management > summary small, .workbuddy-agent-hud > summary small { display: grid; min-width: 22px; height: 22px; place-items: center; border-radius: 999px; background: var(--wb-selected); }
.workbuddy-session-panel { display: grid; min-height: 0; max-height: none; gap: .55rem; overflow: visible; }
.workbuddy-employee-rail > .workbuddy-session-panel { align-content: start; padding-block: .25rem .45rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.workbuddy-session-new { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: center; gap: .35rem; border-radius: 9px; font-size: .78rem; }
.workbuddy-current-session, .workbuddy-session-history { display: grid; gap: .2rem; }
.workbuddy-session-section-heading { display: flex; align-items: center; justify-content: space-between; gap: .35rem; padding: .1rem .45rem; color: var(--muted); }
.workbuddy-session-section-heading strong { font-size: .8rem; }.workbuddy-session-section-heading small { font-size: .74rem; }
.workbuddy-current-session-card, .workbuddy-task-sessions { display: grid; gap: .15rem; }
.workbuddy-task-sessions > span { padding: .5rem; color: var(--muted); font-size: .76rem; }
.workbuddy-task-session { display: grid; min-width: 0; min-height: 58px; align-content: center; border-radius: 12px; color: var(--text); }
.workbuddy-task-session:hover, .workbuddy-task-session[aria-current="page"] { background: var(--wb-selected); }
.workbuddy-task-session-open { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: .15rem .55rem; padding: .58rem .62rem .36rem; color: inherit; text-decoration: none; }
.workbuddy-task-session-open strong { grid-column: 1 / -1; overflow: hidden; font-size: .8rem; font-weight: 740; line-height: 1.38; letter-spacing: -.008em; text-overflow: ellipsis; white-space: nowrap; }
.workbuddy-task-session-open small, .workbuddy-task-session-open time { color: var(--muted); font-size: .75rem; line-height: 1.5; }
.workbuddy-task-session-open time { text-align: right; font-variant-numeric: tabular-nums; }
.workbuddy-agent-hud { min-height: 0; border-top: 1px solid var(--wb-line); }
.workbuddy-account { width: 100%; margin-inline: 0; padding: .35rem .2rem 0; border-top: 1px solid var(--wb-line); }
.workbuddy-account > button { display: grid; width: 100%; min-width: 44px; min-height: 44px; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .55rem; padding: .4rem .45rem; color: var(--muted); background: transparent; text-align: left; }
.workbuddy-account-copy { display: grid; min-width: 0; gap: .02rem; }
.workbuddy-account-copy strong { color: var(--text); font-size: .84rem; }
.workbuddy-account-copy small { overflow: hidden; color: var(--muted); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.workbuddy-manual-link { display:grid; width:100%; min-height:44px; grid-template-columns:1.7rem minmax(0,1fr); gap:.5rem; align-items:center; padding:.42rem .65rem; border-top:1px solid var(--wb-line); color:var(--muted); text-decoration:none; }
.workbuddy-manual-link > span:first-child { display:grid; width:1.45rem; height:1.45rem; place-items:center; border-radius:50%; color:var(--accent-strong); box-shadow:inset 0 0 0 1px var(--wb-line); font-size:.68rem; }
.workbuddy-manual-link > span:last-child { display:grid; min-width:0; }.workbuddy-manual-link strong { color:var(--text); font-size:.72rem; }.workbuddy-manual-link small { font-size:.62rem; }
.workbuddy-manual-link:is(:hover,:focus-visible) { color:var(--text); background:var(--wb-selected); }

.workbuddy-main > .topbar, .workbuddy-main > main, .workbuddy-main > .site-footer { width: min(var(--ui-content-max, 1360px), calc(100% - 2 * var(--ui-gutter, 1.25rem))); margin-inline: auto; }
.workbuddy-main > .topbar { align-items: center; margin-top: .35rem; padding: .58rem 0 .4rem; }
.workbuddy-main > .topbar .eyebrow, .workbuddy-main > .topbar .subtitle { display: none; }
.workbuddy-main > .topbar h1 { margin: 0; font-size: .82rem; color: var(--muted); letter-spacing: .015em; }
.workbuddy-main > main { min-height: 0; gap: 0; padding-block: 0; overflow: auto; }
.workbuddy-main > main:has(> #system-workspace:not([hidden])) { overflow: hidden; }
.workbuddy-main .panel { padding-inline: 0; }
#system-workspace {
  display: grid;
  height: 100%;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
}
#system-workspace[data-dashboard-presentation="workspace"] > .panel:not([hidden]) {
  height: 100%;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
#overview.panel { height: 100%; min-height: 0; padding-block: 0; overflow: hidden; }
.agent-studio { display: grid; height: 100%; min-height: 0; grid-template-rows: auto minmax(0, 1fr); margin: 0; }
.agent-studio[data-conversation-state="new"] {
  grid-template-rows: minmax(0, 1fr) minmax(11.5rem, max-content);
}
.agent-studio-header { display: grid; width: 100%; max-width: none; align-content: center; justify-items: stretch; gap: clamp(.7rem, 1.4vw, 1rem); padding: clamp(1rem, 3.2vh, 2.5rem) 0 1rem; border: 0; text-align: left; }
.agent-studio[data-conversation-state="new"] .agent-studio-header { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.agent-studio-header .eyebrow, .agent-studio-header > div > p:last-child, .agent-studio-header-actions { display: none; }
.agent-studio-header h2 { margin: 0; font-size: clamp(1.35rem, 2.2vw, 1.85rem); line-height: 1.3; letter-spacing: -.025em; }
.agent-studio-front, .agent-studio-conversation, .agent-collaboration-layout { height: 100%; min-height: 0; overflow: hidden; }
.agent-studio-front { width: min(62rem, 100%); margin-inline: auto; }
.agent-studio-conversation { width: 100%; max-width: none; margin-inline: auto; padding: 0; background: transparent; }
.agent-studio-front:has(#digital-employee-workspace:not([hidden])) { width: 100%; }
.agent-studio-conversation:has(#digital-employee-workspace:not([hidden])) { max-width: none; }
.agent-studio-conversation:has(#digital-employee-workspace:not([hidden])) .agent-conversation-form {
  width: min(62rem, 100%);
  justify-self: center;
}
.agent-conversation-heading { display: none; }
.agent-collaboration-layout {
  display: grid;
  grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr);
  gap: clamp(.75rem, 1.8vw, 1.25rem);
  align-items: stretch;
}
.agent-collaboration-layout > .agent-conversation-presence {
  grid-column: 1;
  grid-row: 1;
  min-height: 0;
  overflow: hidden;
}
.agent-collaboration-layout > .agent-dialogue-column {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
.agent-collaboration-layout > .agent-team-panel {
  grid-column: 1 / -1;
  grid-row: 2;
}
.agent-conversation-presence-list { flex-direction: column; max-height: min(58dvh, 36rem); overflow-y: auto; overflow-x: hidden; }
.agent-conversation-presence-item { width: 100%; min-width: 0; max-width: none; }
.agent-team-panel[hidden] { display: none !important; }
.agent-team-panel:not([hidden]) { display: grid; margin-top: 1rem; padding: 1rem 0 0; border: 0; border-top: 1px solid var(--wb-line); background: transparent; }
.agent-inline-collaboration { display: grid; gap: .55rem; padding-top: .8rem; border-top: 1px solid var(--wb-line); }
.agent-inline-collaboration > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.agent-inline-collaboration a { color: var(--accent); font-size: .8rem; font-weight: 720; text-decoration: none; }
.agent-inline-collaboration-list { display: grid; gap: .35rem; }
.agent-inline-collaboration-list > p { margin: 0; }
.agent-inline-session { display: grid; gap: .1rem; padding: .45rem 0; }
.agent-inline-session span, .agent-inline-session small { color: var(--muted); font-size: .75rem; }
.agent-studio[data-conversation-state="thread"],
.agent-studio[data-conversation-state="thread"] .agent-studio-front,
.agent-studio[data-conversation-state="thread"] .agent-studio-conversation,
.agent-studio[data-conversation-state="thread"] .agent-collaboration-layout { height: 100%; }
.agent-dialogue-column {
  position: relative;
  display: grid;
  height: 100%;
  min-height: 0;
  grid-template-rows: auto auto minmax(0, 1fr) auto minmax(0, auto) auto;
  grid-template-areas: "room" "employee" "feed" "follow" "capability" "composer";
  overflow: hidden;
}
.agent-collaboration-room-strip { grid-area: room; }
.agent-conversation-feed {
  position: relative;
  grid-area: feed;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: .55rem .35rem .9rem;
  scroll-padding-block: .75rem;
  scrollbar-gutter: stable;
}
.agent-conversation-follow {
  position: relative;
  z-index: 4;
  display: block;
  grid-area: follow;
  min-width: 44px;
  min-height: 44px;
  margin: .35rem .35rem .5rem auto;
  border-radius: 999px;
}
.agent-conversation-follow[hidden] { display: none; }
.agent-conversation-history { max-height: none; overflow: visible; gap: .85rem; padding: .75rem 0 0; }
.agent-studio[data-conversation-state="thread"] .agent-studio-header { display: none; }
.agent-collaboration-room-strip[hidden] { display: none; }
.agent-studio[data-conversation-state="new"] .agent-dialogue-column {
  height: 100%;
  min-height: 0;
  grid-template-rows: auto auto minmax(0, 1fr) auto minmax(0, auto) auto;
  align-content: center;
  overflow: hidden;
}
.agent-studio[data-conversation-state="new"] .agent-dialogue-column:has(
  #agent-roster-workspace:not([hidden]),
  #digital-employee-workspace:not([hidden]),
  #agent-command-center:not([hidden]),
  #agent-expert-team-workspace:not([hidden]),
  #agent-coding-workspace:not([hidden]),
  #agent-teaching-review:not([hidden])
) {
  height: 100%;
  grid-template-rows: auto auto minmax(0, 1fr) auto minmax(0, auto) auto;
  align-content: stretch;
}
.agent-studio[data-conversation-state="new"]:has(
  #agent-roster-workspace:not([hidden]),
  #digital-employee-workspace:not([hidden]),
  #agent-command-center:not([hidden]),
  #agent-expert-team-workspace:not([hidden]),
  #agent-coding-workspace:not([hidden]),
  #agent-teaching-review:not([hidden])
) {
  grid-template-rows: minmax(0, 1fr);
}
.agent-studio[data-conversation-state="new"]:has(
  #agent-roster-workspace:not([hidden]),
  #digital-employee-workspace:not([hidden]),
  #agent-command-center:not([hidden]),
  #agent-expert-team-workspace:not([hidden]),
  #agent-coding-workspace:not([hidden]),
  #agent-teaching-review:not([hidden])
) > .agent-studio-header { display: none !important; }
.agent-studio[data-conversation-state="new"] .agent-collaboration-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; }
.agent-studio[data-conversation-state="new"] .agent-collaboration-layout:has(.agent-conversation-presence[data-state="ready"]) { grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr); align-items: stretch; }
.agent-studio[data-conversation-state="new"] .agent-conversation-presence[data-state="empty"] { display: none; }
.agent-studio[data-conversation-state="new"] .agent-collaboration-layout > .agent-dialogue-column { grid-column: 1; grid-row: 1; }
.agent-studio[data-conversation-state="new"] .agent-collaboration-layout:has(.agent-conversation-presence[data-state="ready"]) > .agent-dialogue-column { grid-column: 2; }
.agent-studio[data-conversation-state="new"] .agent-collaboration-room-strip { display: none; }
.agent-studio[data-conversation-state="new"] .agent-conversation-feed { overflow-y: auto; padding-block: .25rem .75rem; }
.agent-studio[data-conversation-state="new"] .agent-conversation-history { display: none; padding-top: 0; }
.agent-studio[data-conversation-state="new"] .agent-message.is-system { align-self: center; max-width: 44rem; margin-inline: auto; color: var(--muted); background: transparent; text-align: center; }
.agent-capability-workspace {
  position: relative;
  z-index: 6;
  grid-area: capability;
  max-height: min(48dvh, 430px);
  margin: 0;
  padding: .85rem 1rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 0;
  border-block: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
}
.agent-capability-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.agent-capability-heading .eyebrow { margin-bottom: .12rem; }.agent-capability-heading h3 { margin: 0; font-size: 1rem; }
.agent-capability-heading button { width: 44px; min-width: 44px; padding: 0; border-radius: 50%; font-size: 1.25rem; }
.agent-capability-summary { margin: .45rem 0 .6rem; color: var(--muted); font-size: .76rem; }
.agent-capability-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--wb-line); }
.agent-capability-grid > a {
  display: grid;
  min-width: 0;
  min-height: 62px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: .55rem;
  padding: .55rem .35rem;
  border-bottom: 1px solid var(--wb-line);
  color: var(--text);
  text-decoration: none;
}
.agent-capability-grid > a:nth-child(odd) { padding-right: .8rem; border-right: 1px solid var(--wb-line); }
.agent-capability-grid > a:nth-child(even) { padding-left: .8rem; }
.agent-capability-grid > a:hover { background: var(--sheet-bg-hover); }
.agent-capability-grid > a[data-state="ready"] .agent-capability-icon { color: var(--accent); background: var(--status-ok-soft); }
.agent-capability-grid > a[data-state="unavailable"] { color: var(--muted); }
.agent-capability-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: var(--sheet-bg-quiet); font-weight: 850; }
.agent-capability-grid strong, .agent-capability-grid small { display: block; overflow-wrap: anywhere; }
.agent-capability-grid strong { font-size: .82rem; }.agent-capability-grid small { color: var(--muted); font-size: .7rem; line-height: 1.35; }
.agent-capability-grid b { color: var(--muted); font-size: 1.05rem; }
.agent-capability-boundary { margin: .65rem 0 0; color: var(--muted); font-size: .68rem; line-height: 1.45; }
#agent-conversation-status { margin: 0; padding-top: .2rem; font-size: .74rem; text-align: left; }
.agent-conversation-form {
  position: relative;
  z-index: 18;
  grid-area: composer;
  width: min(58rem, 100%);
  min-block-size: min-content;
  margin-inline: auto;
  gap: .7rem;
  padding: .82rem .9rem .72rem;
  border: 0;
  border-radius: var(--radius-sheet);
  background: transparent;
  box-shadow: none;
}
.agent-conversation-form textarea { height: clamp(64px, 9dvh, 96px); min-height: 64px; max-height: min(22dvh, 160px); padding: .3rem .4rem; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--text); font-size: 1.02rem; line-height: 1.55; }
.agent-media-inline-preview { display: grid; min-width: 0; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .5rem; border-radius: 12px; background: var(--surface-raised); }
.agent-media-inline-preview[hidden] { display: none; }.agent-media-inline-preview :is(img,video) { width: 54px; height: 44px; border-radius: 8px; object-fit: cover; }.agent-media-inline-preview audio { width: 54px; height: 36px; }.agent-media-inline-label { min-width: 0; }.agent-media-inline-label strong, .agent-media-inline-label small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.agent-media-inline-label strong { font-size: .78rem; }.agent-media-inline-label small { color: var(--muted); font-size: .68rem; }.agent-media-inline-preview button { min-width: 44px; min-height: 44px; padding-inline: .5rem; }
.agent-conversation-form textarea:focus { box-shadow: none; }
.agent-conversation-actions { align-items: center; }
.agent-composer-tools { position: relative; display: flex; min-width: 0; flex: 1 1 auto; flex-wrap: nowrap; align-items: center; gap: .45rem; }
.agent-composer-tools button { min-height: 44px; padding: .35rem .55rem; border: 0; color: var(--text); background: transparent; }
.agent-composer-tools .muted { font-size: .72rem; }
#agent-conversation-submit { min-width: 64px; border-radius: 999px; color: var(--ui-primary-text); background: var(--action-bg); box-shadow: none; }
.agent-media-tools, .agent-inline-setup, .agent-auth-slot { max-width: 900px; }
.agent-media-tools:not([open]) { display: none; }
.agent-media-tools[open] {
  position: fixed;
  top: max(1rem, env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  left: max(1rem, env(safe-area-inset-left));
  z-index: 31;
  width: min(760px, calc(100% - 2rem));
  max-width: 760px;
  margin: auto;
  padding: .75rem;
  overflow: auto;
  border: 1px solid var(--overlay-line);
  border-radius: var(--radius-overlay);
  background: var(--overlay-bg);
  box-shadow: var(--shadow-overlay);
}
.agent-media-tools[open] > summary { display: flex; min-height: 44px; align-items: center; justify-content: space-between; color: var(--text); font-weight: 760; cursor: pointer; }
.agent-media-tools[open] > summary::after { content: "关闭"; color: var(--muted); font-size: .76rem; }
.agent-media-renderer { border: 0; background: transparent; }
.agent-studio-front:has(.agent-media-tools[open])::before { content: ""; position: fixed; inset: 0; z-index: 29; background: var(--scrim-neutral); backdrop-filter: blur(2px); }
.site-footer { display: none; }

button { border: 0; color: var(--control-text); background: var(--control-bg); box-shadow: none; }
button.secondary { border: 0; color: var(--control-text); background: var(--control-bg); }
input, textarea, select { color: var(--text); border: 1px solid var(--line-rest); background: var(--glass-input); box-shadow: none; }
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { color: var(--text); background: var(--glass-input); }
.message, .muted, .subtitle { color: var(--muted); }
.eyebrow { color: var(--muted); text-shadow: none; }


@media (max-width: 900px) {
  .workbuddy-shell { grid-template-columns: 218px minmax(0, 1fr); }
  .workbuddy-main > .topbar, .workbuddy-main > main, .workbuddy-main > .site-footer { width: min(100% - 2rem, 1120px); }
}

@media (max-width: 760px) {
  .workbuddy-shell {
    --workbuddy-mobile-toolbar-height: calc(104px + env(safe-area-inset-top, 0px));
    --workbuddy-mobile-overlay-max-height: calc(100dvh - var(--workbuddy-mobile-toolbar-height) - .5rem - env(safe-area-inset-bottom, 0px));
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--workbuddy-mobile-toolbar-height) minmax(0, 1fr);
  }
  .workbuddy-main { height: auto; }
  .workbuddy-sidebar { border-radius: 0 0 20px 20px; }
  .workbuddy-sidebar { position: sticky; display: grid; height: var(--workbuddy-mobile-toolbar-height); max-height: none; grid-template-columns: minmax(0, 1fr); grid-template-rows: 44px 44px; gap: 4px; padding: calc(6px + env(safe-area-inset-top, 0px)) max(.5rem, env(safe-area-inset-right, 0px)) 6px max(.5rem, env(safe-area-inset-left, 0px)); overflow: visible; border: 0; border-bottom: 1px solid var(--wb-line); }
  .workbuddy-brand { display: none; }
  .workbuddy-sidebar .section-nav { grid-column: 1; grid-row: 1; grid-template-columns: repeat(5, minmax(44px, 1fr)); grid-auto-flow: column; overflow-x: auto; }
  .workbuddy-sidebar .section-nav a { min-width: 44px; justify-content: center; padding-inline: .38rem; font-size: .76rem; }
  .workbuddy-sidebar .section-nav a > span { display: none; }
  .workbuddy-sidebar-contexts { grid-column: 1; grid-row: 2; display: grid; min-height: 44px; grid-template-columns: repeat(4, minmax(44px, 1fr)); gap: .25rem; padding: 0; overflow: visible; border: 0; }
  .workbuddy-employee-rail { grid-column: 2; grid-row: 1; height: 44px; border: 0; overflow: visible; }
  .workbuddy-employee-rail[open] { display: block; min-height: 44px; }
  .workbuddy-employee-rail > summary { display: flex; width: 100%; min-height: 44px; gap: .25rem; padding: 0; justify-content: center; border-radius: 10px; font-size: .72rem; }
  .workbuddy-employee-rail > summary > small { display: none; }
  .workbuddy-employee-rail-symbol { width: 20px; height: 20px; }
  .workbuddy-manual-link { grid-column: 4; grid-row: 1; display: flex; width: 100%; height: 44px; gap: .25rem; padding: 0; justify-content: center; border: 0; border-radius: 10px; }
  .workbuddy-manual-link > span:first-child { width: 20px; height: 20px; }
  .workbuddy-manual-link > span:last-child { display: block; font-size: .72rem; }
  .workbuddy-manual-link small { display: none; }
  .workbuddy-session-management:not([open]) > .workbuddy-session-panel, .workbuddy-agent-hud:not([open]) > .agent-live-activity { display: none; }
  .workbuddy-session-management[open] > .workbuddy-session-panel, .workbuddy-agent-hud[open] > .agent-live-activity { display: grid; padding: .45rem .25rem .65rem; }
  .workbuddy-employee-rail[open] > .workbuddy-session-panel { position: fixed; top: var(--workbuddy-mobile-toolbar-height); right: max(.5rem, env(safe-area-inset-right, 0px)); left: max(.5rem, env(safe-area-inset-left, 0px)); z-index: 23; max-height: var(--workbuddy-mobile-overlay-max-height); overflow-y: auto; border: 0; border-radius: 16px; background: var(--overlay-bg); box-shadow: inset 0 1px var(--overlay-line), var(--shadow-overlay); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
  .workbuddy-session-management[open] > .workbuddy-session-panel { gap: .65rem; }
  .workbuddy-agent-hud[open] > .agent-live-activity { min-height: min(42dvh, 360px); grid-template-rows: auto auto auto minmax(7rem, 1fr) auto; }
  .workbuddy-session-panel { max-height: none; scrollbar-gutter: auto; }
  .workbuddy-agent-hud { margin: 0; border: 0; }
  .workbuddy-account { grid-column: 1; grid-row: 1; display: block; width: 100%; min-width: 44px; padding: 0; border: 0; }
  .workbuddy-account > button { display: flex; width: 100%; min-height: 44px; justify-content: center; gap: .4rem; padding: .25rem .3rem; border-radius: 10px; background: var(--wb-selected); }
  .workbuddy-account-copy strong { font-size: .76rem; }
  .workbuddy-account-copy small { display: none; }
  .workbuddy-main > .topbar { display: none; }
  .workbuddy-main > main, .workbuddy-main > .site-footer { width: auto; margin-inline: max(.65rem, env(safe-area-inset-left)) max(.65rem, env(safe-area-inset-right)); }
  .workbuddy-main > main { padding-top: .65rem; }
  .agent-studio-header { padding: clamp(1.3rem, 4vh, 2.2rem) 0 1rem; }
  .agent-studio[data-conversation-state="new"] {
    grid-template-rows: minmax(0, 1fr) minmax(12.5rem, max-content);
  }
  .agent-studio-header h2 { font-size: clamp(1.3rem, 5vw, 1.65rem); }
  .agent-collaboration-layout { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: .5rem; align-items: stretch; }
  .agent-collaboration-layout > .agent-conversation-presence { grid-column: 1; grid-row: 1; }
  .agent-collaboration-layout > .agent-dialogue-column { grid-column: 1; grid-row: 2; }
  .agent-collaboration-layout > .agent-team-panel { grid-column: 1; grid-row: 3; }
  .agent-conversation-presence-list { max-height: none; flex-direction: row; overflow-x: auto; overflow-y: hidden; }
  .agent-conversation-presence-item { width: auto; min-width: 8.8rem; max-width: 14rem; }
  .agent-dialogue-column { height: 100%; min-height: 0; }
  .agent-conversation-feed { padding-right: 0; padding-left: 0; scrollbar-gutter: auto; }
  .agent-conversation-follow { margin: .25rem 0 .4rem auto; }
  .agent-capability-workspace { max-height: min(42dvh, 360px); padding: .75rem; border-radius: 14px; }
  .agent-capability-grid { grid-template-columns: minmax(0, 1fr); }
  .agent-capability-grid > a:nth-child(n) { padding-inline: .25rem; border-right: 0; }
  .agent-conversation-form { right: auto; bottom: auto; left: auto; max-height: none; gap: .35rem; padding: .55rem; overflow: visible; border-radius: 18px; }
  .agent-conversation-form textarea { min-height: 72px; max-height: 88px; font-size: 1rem; resize: none; }
  .agent-conversation-actions { align-items: center; flex-direction: row; }
  .agent-conversation-actions .agent-composer-tools { min-width: 0; flex: 1 1 auto; flex-wrap: nowrap; gap: .25rem; }
  .agent-conversation-actions .agent-composer-tools > button { width: auto; min-width: 44px; max-width: 100%; min-height: 44px; flex: 0 1 auto; padding-inline: .45rem; }
  #agent-media-inline-button { width: 44px; max-width: 44px; overflow: hidden; font-size: 1.1rem; white-space: nowrap; }
  #agent-media-inline-button .agent-media-button-label { display: none; }
  .agent-conversation-actions > #agent-conversation-submit { width: 64px; min-height: 44px; flex: 0 0 64px; align-self: center; }
  #agent-conversation-status { max-height: 4.8em; overflow: auto; font-size: .8rem; line-height: 1.5; }
  .agent-composer-tools .muted { display: none; }
  .agent-media-tools[open] { top: max(.5rem, env(safe-area-inset-top)); right: max(.5rem, env(safe-area-inset-right)); left: max(.5rem, env(safe-area-inset-left)); width: calc(100% - 1rem); max-height: calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
}

@media (max-width: 480px) {
  .workbuddy-sidebar .section-nav { grid-template-columns: repeat(5, minmax(44px, 1fr)); gap: .12rem; overflow-x: auto; }
  .workbuddy-sidebar .section-nav a { width: 100%; min-width: 44px; gap: 0; padding: 0; font-size: .74rem; }
  .workbuddy-sidebar .section-nav a > span { display: none; }
  .workbuddy-sidebar-contexts { grid-template-columns: repeat(4, minmax(44px, 1fr)); }
  .workbuddy-account { min-width: 44px; }
  .workbuddy-account > button { grid-template-columns: 44px; gap: 0; padding: 0; place-items: center; }
  .workbuddy-account-copy { display: block; }
  .workbuddy-account-copy small { display: none; }
}

@media (max-width: 760px) and (max-height: 560px) {
  .agent-studio-header { display: none; }
  .agent-studio[data-conversation-state="new"] { grid-template-rows: minmax(0, 1fr); }
  .agent-dialogue-column { height: 100%; min-height: 0; }
  .agent-studio[data-conversation-state="new"] .agent-dialogue-column { height: 100%; grid-template-rows: auto auto minmax(0, 1fr) auto minmax(0, auto) auto; align-content: stretch; }
  .agent-conversation-feed { padding-block: .2rem .35rem; }
  .agent-studio[data-conversation-state="new"] .agent-conversation-history,
  .agent-conversation-history {
    display: grid;
    min-height: 3rem;
    max-height: min(18dvh, 6rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .3rem 0;
    scrollbar-gutter: stable;
  }
  .agent-conversation-form { min-block-size: 0; max-height: min(48dvh, 13rem); padding: .4rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
  .agent-conversation-intent-contract { gap: .25rem; margin-bottom: .2rem; padding-block: .3rem; }
  .agent-conversation-intent-contract button { min-height: 44px; }
  .agent-conversation-form textarea { min-height: 44px; max-height: 52px; }
  #agent-conversation-status { max-height: 3em; white-space: normal; }
}

@media (forced-colors: active) {
  .workbuddy-sidebar, .agent-conversation-form, .agent-capability-workspace, .agent-media-tools[open] { border: 1px solid CanvasText; }
  .workbuddy-sidebar .section-nav a[aria-current], #agent-conversation-submit { outline: 2px solid Highlight; }
}


.agent-composer-menu { position: relative; }
.agent-composer-menu > summary { display: inline-grid; width: 44px; min-height: 44px; place-items: center; padding: 0; border-radius: 999px; color: var(--control-text); background: var(--control-bg); font-size: 1.2rem; font-weight: 520; list-style: none; cursor: pointer; }
.agent-composer-menu > summary::-webkit-details-marker { display: none; }
.agent-composer-menu > summary::after { content: none; }
.agent-composer-menu-popover {
  position: fixed;
  inset: max(.65rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) max(.65rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left));
  z-index: 45;
  display: grid;
  width: min(26rem, calc(100vw - 1.3rem - env(safe-area-inset-left) - env(safe-area-inset-right)));
  height: max-content;
  max-height: min(42rem, calc(100dvh - 1.3rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
  min-width: 0;
  margin: auto;
  gap: .15rem;
  padding: .45rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 1px solid var(--wb-line);
  border-radius: 14px;
  color: var(--text);
  background: var(--overlay-bg);
  box-shadow: var(--shadow-overlay);
}
.agent-composer-menu-popover::backdrop { background: transparent; }
.agent-composer-menu-heading {
  position: sticky; top: -.45rem; z-index: 2;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: .55rem; min-width: 0; padding: .35rem .35rem .6rem;
  color: var(--text); background: var(--overlay-bg); border-bottom: 1px solid var(--wb-line);
}
.agent-composer-menu-heading > button { min-height: 44px; flex: 0 0 auto; padding: .35rem .65rem; }
.agent-composer-menu-popover > button, .agent-composer-menu-group > summary, .agent-composer-menu-group > div > button {
  display: grid; min-width: 0; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: .55rem;
  min-height: 44px; border-radius: 10px; text-align: left;
}
/* Former mobile inline-attachment styles must not shrink a menu action to 44px. */
#agent-composer-menu-popover > button { width: 100%; max-width: none; overflow: visible; white-space: normal; }
.agent-composer-menu-popover > button:hover, .agent-composer-menu-popover > button:focus-visible,
.agent-composer-menu-group > summary:hover, .agent-composer-menu-group > summary:focus-visible,
.agent-composer-menu-group > div > button:hover, .agent-composer-menu-group > div > button:focus-visible { background: var(--surface-raised); }
.agent-composer-menu-popover > button.is-selected { color: var(--ui-primary-text); background: var(--action-bg); box-shadow: inset 3px 0 var(--accent); }
.agent-composer-menu-popover > button.is-selected small { color: var(--ui-primary-text); }
.agent-composer-menu-popover :is(button, summary) > span:first-child { color: var(--muted); text-align: center; }
.agent-composer-menu-popover :is(strong, small) { display: block; min-width: 0; overflow-wrap: anywhere; }
.agent-composer-menu-popover strong { font-size: .82rem; }
.agent-composer-menu-popover small { margin-top: .12rem; color: var(--muted); font-size: .75rem; line-height: 1.45; }
.agent-composer-menu-group { min-width: 0; }
.agent-composer-menu-group > summary { position: relative; padding: .35rem 2.1rem .35rem .55rem; list-style: none; cursor: pointer; }
.agent-composer-menu-group > summary::-webkit-details-marker { display: none; }
.agent-composer-menu-group > summary::after { content: "+"; position: absolute; right: .85rem; color: var(--muted); }
.agent-composer-menu-group[open] > summary::after { content: "−"; }
.agent-composer-menu-group > div { display: grid; gap: .12rem; margin: .15rem 0 .25rem 1rem; padding-left: .4rem; border-left: 1px solid var(--wb-line); }
.agent-composer-menu-group > div > button { padding: .35rem .55rem; border: 0; background: transparent; }
@supports selector(.agent-composer-menu-popover:popover-open) {
  .agent-composer-menu[data-native-popover="true"] > .agent-composer-menu-popover[popover]:not(:popover-open) { display: none; }
}
@media (forced-colors: active) {
  .agent-composer-menu-popover { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }
  .agent-composer-menu-heading { background: Canvas; border-color: CanvasText; }
}

.agent-media-inline-preview.agent-media-composition { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; width: 100%; min-width: 0; max-height: min(46dvh, 28rem); overflow: auto; }
.agent-media-composition-items, .agent-media-composition-controls { display: flex; flex-wrap: wrap; gap: .35rem; min-width: 0; }
.agent-media-composition-items button, .agent-media-composition-controls button { min-height: 44px; max-width: 100%; overflow-wrap: anywhere; }
.agent-media-composition-items button[aria-pressed="true"] { outline: 2px solid var(--accent); outline-offset: -2px; }
.agent-media-inline-preview.agent-media-composition .agent-media-composition-player { width: 100%; max-width: 100%; height: auto; max-height: 18rem; object-fit: contain; border-radius: .6rem; }
.agent-media-inline-preview.agent-media-composition audio { min-height: 54px; }
.agent-media-composition > small, .agent-media-composition > span { overflow-wrap: anywhere; color: var(--muted); }


.dashboard-settings-panel {
  position: relative; display: grid; width: 100%; height: 100%; min-width: 0; min-height: 0;
  grid-template-rows: auto minmax(0, 1fr); overflow: hidden; border: 0;
  border-radius: var(--radius-overlay); color: var(--text); background: var(--sheet-bg); box-shadow: none;
}
.dashboard-settings-panel[hidden] { display: none; }
.dashboard-settings-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.4rem;
  border-bottom: 1px solid color-mix(in srgb, var(--glass-line, #c9d6df) 62%, transparent);
}
.dashboard-settings-heading > div { display: grid; min-width: 0; gap: .12rem; }
.dashboard-settings-heading :where(h2, p) { margin: 0; overflow-wrap: anywhere; }
.dashboard-settings-heading .eyebrow { font-size: .58rem; letter-spacing: .13em; }
.dashboard-settings-heading h2 {
  color: var(--surface-text-strong, #0d1a22);
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  line-height: 1.12;
}
.dashboard-settings-heading #dashboard-settings-description {
  color: var(--surface-muted, #5d6d76);
  font-size: .75rem;
}
.dashboard-settings-heading > button { min-width: 4.5rem; flex: 0 0 auto; }
.dashboard-settings-layout {
  --dashboard-settings-sidebar-effective-width: clamp(232px, var(--dashboard-settings-sidebar-width, 256px), min(420px, calc(100% - 480px)));
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: var(--dashboard-settings-sidebar-effective-width) minmax(0, 1fr);
}
.dashboard-resize-handle-settings {
  position: absolute;
  z-index: 2;
  inset-block: 0;
  inset-inline-start: calc(var(--dashboard-settings-sidebar-effective-width) - 8px);
  width: 16px;
}
.dashboard-settings-sidebar {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
  /* Shared navigation material is owned by dashboard-material. */
}
.dashboard-settings-navigation {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: .7rem;
  padding: .85rem .9rem;
  overflow: hidden;
}
.dashboard-settings-search {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .35rem;
}
.dashboard-settings-search input { width: 100%; min-width: 0; min-height: 44px; font-size: .8rem; }
.dashboard-settings-search button { flex: 0 0 auto; min-height: 44px; padding: .4rem .55rem; font-size: .75rem; }
.dashboard-settings-page-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .25rem;
}
.dashboard-settings-page-tabs > a {
  display: flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: .36rem;
  padding: .38rem .45rem;
  border-radius: 11px;
  color: var(--surface-muted, #5d6d76);
  text-decoration: none;
}
.dashboard-settings-page-tabs > a:is(:hover, [aria-current="page"]) {
  color: var(--surface-text-strong, #0d1a22);
  background: color-mix(in srgb, var(--wb-selected, #dce8e9) 70%, transparent);
}
.dashboard-settings-page-tabs i {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  flex: 0 0 auto;
  place-items: center;
  font-size: .76rem;
  font-style: normal;
}
.dashboard-settings-page-tabs strong {
  overflow: hidden;
  font-size: .73rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-settings-page-tabs small { color: var(--surface-muted, #5d6d76); font-size: .65rem; font-variant-numeric: tabular-nums; }
.dashboard-settings-browse,
.dashboard-settings-search-results { min-width: 0; min-height: 0; overflow: hidden; }
.dashboard-settings-browse { grid-row: 3 / 5; margin: 0; padding: 0; border: 0; background: transparent; }
.dashboard-settings-browse > summary { display: none; }
.dashboard-settings-browse > .system-section-nav {
  position: static;
  display: block;
  min-height: 0;
  max-height: 100%;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 0;
  background: transparent;
  scrollbar-gutter: stable;
}
.dashboard-settings-sidebar .system-advanced-nav { min-width: 0; }
.dashboard-settings-group-heading {
  display: grid;
  gap: .08rem;
  padding: .15rem .52rem .55rem;
}
.dashboard-settings-group-heading strong {
  color: var(--surface-text-strong, #0d1a22);
  font-size: .77rem;
}
.dashboard-settings-route-list { display: grid; gap: .05rem; }
.dashboard-settings-route-list a,
.dashboard-settings-search-results a {
  display: flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  gap: .45rem;
  padding: .32rem .52rem;
  border-radius: 9px;
  color: var(--surface-muted, #5d6d76);
  font-size: .8rem;
  font-weight: 520;
  text-decoration: none;
}
.dashboard-settings-route-list a::after {
  content: "›";
  margin-left: auto;
  color: transparent;
  font-size: 1rem;
}
.dashboard-settings-route-list a:hover,
.dashboard-settings-search-results a:hover {
  color: var(--surface-text-strong, #0d1a22);
  background: color-mix(in srgb, var(--wb-selected, #dce8e9) 24%, transparent);
}
.dashboard-settings-route-list a[aria-current="location"],
.dashboard-settings-search-results a[aria-current="location"] {
  color: var(--surface-text-strong, #0d1a22);
  background: color-mix(in srgb, var(--wb-selected, #dce8e9) 62%, transparent);
  box-shadow: inset 2px 0 var(--accent-strong, #245f55);
}
.dashboard-settings-route-list a[aria-current="location"]::after { color: currentColor; }
.dashboard-settings-search-results { grid-row: 4; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.dashboard-settings-search-results a { justify-content: space-between; gap: .6rem; }
.dashboard-settings-search-results strong { min-width: 0; overflow-wrap: anywhere; font: inherit; }
.dashboard-settings-search-results small { flex: 0 0 auto; font-size: .68rem; font-weight: 500; }
.dashboard-settings-search-status { grid-row: 3; margin: 0; padding: 0 .4rem; color: var(--surface-muted, #5d6d76); font-size: .7rem; line-height: 1.5; }
.dashboard-settings-utilities {
  display: grid;
  min-width: 0;
  gap: .12rem;
  padding: .55rem .75rem max(.65rem, env(safe-area-inset-bottom));
  border-top: 1px solid color-mix(in srgb, var(--glass-line, #c9d6df) 54%, transparent);
}
.dashboard-settings-account {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .58rem;
  padding: .4rem .48rem;
  border: 0;
  border-radius: 10px;
  color: var(--surface-text, #17242d);
  background: transparent;
  text-align: left;
}
.dashboard-settings-account:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--wb-selected, #dce8e9) 62%, transparent);
}
.dashboard-settings-account > span:last-child { display: grid; min-width: 0; gap: .02rem; }
.dashboard-settings-account :where(strong, small) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-settings-account strong { color: var(--surface-text-strong, #0d1a22); font-size: .74rem; }
.dashboard-settings-account small { color: var(--surface-muted, #5d6d76); font-size: .64rem; }
.dashboard-settings-appearance { min-width: 0; border: 0; }
.dashboard-settings-appearance > summary { min-height: 44px; padding-inline: .48rem; border-radius: 10px; }
.dashboard-settings-appearance > summary:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--wb-selected, #dce8e9) 62%, transparent);
}
.dashboard-settings-content {
  container: settings-content / inline-size;
  min-width: 0;
  min-height: 0;
  padding: var(--ui-sheet-padding);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.dashboard-settings-content > [data-dashboard-settings-surface] {
  width: min(100%, 78rem);
  min-width: 0;
  min-height: 100%;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.dashboard-settings-content > [data-dashboard-settings-surface]:focus-visible { outline-offset: .35rem; }

@media (max-width: 760px) {
  .dashboard-resize-handle-settings { display: none; }
  .workbuddy-sidebar .section-nav { grid-template-columns: repeat(4, minmax(44px, 1fr)); }
  .dashboard-settings-panel {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    transform: none;
  }
  .dashboard-settings-heading {
    padding: max(.7rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) .65rem max(.75rem, env(safe-area-inset-left));
  }
  .dashboard-settings-heading #dashboard-settings-description { font-size: .7rem; }
  .dashboard-settings-heading h2 { font-size: 1.15rem; }
  .dashboard-settings-heading > button { min-width: 4rem; min-height: 44px; }
  .dashboard-settings-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  .dashboard-settings-sidebar {
    display: grid;
    grid-template-rows: auto auto;
    max-height: 65dvh;
    overflow-y: auto;
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--glass-line, #c9d6df) 54%, transparent);
  }
  .dashboard-settings-navigation {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    gap: .3rem;
    padding: .45rem .6rem .3rem;
    overflow: visible;
  }
  .dashboard-settings-search input { font-size: 1rem; }
  .dashboard-settings-page-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .18rem;
  }
  .dashboard-settings-page-tabs > a { min-height: 44px; gap: .2rem; padding: .28rem .2rem; }
  .dashboard-settings-page-tabs i { display: none; }
  .dashboard-settings-page-tabs strong { font-size: .75rem; }
  .dashboard-settings-browse > summary {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .35rem .55rem;
    border-radius: 9px;
    background: color-mix(in srgb, var(--wb-selected, #dce8e9) 45%, transparent);
    color: var(--surface-text-strong, #0d1a22);
    font-size: .82rem;
    cursor: pointer;
  }
  .dashboard-settings-browse > summary::after { content: "+"; font-size: 1rem; }
  .dashboard-settings-browse[open] > summary::after { content: "−"; }
  .dashboard-settings-browse-prompt { margin-left: auto; color: var(--surface-muted, #5d6d76); font-size: .7rem; }
  .dashboard-settings-browse > .system-section-nav {
    display: block;
    max-height: min(24dvh, 14rem);
    overflow-y: auto;
    scrollbar-gutter: auto;
  }
  .dashboard-settings-group-heading { display: none; }
  .dashboard-settings-route-list { display: grid; gap: .12rem; padding-top: .2rem; }
  .dashboard-settings-route-list a { min-height: 44px; padding: .35rem .55rem; }
  .dashboard-settings-search-results { max-height: min(24dvh, 14rem); scrollbar-gutter: auto; }
  .dashboard-settings-utilities {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .2rem;
    padding: .25rem .6rem .45rem;
    border-top: 0;
  }
  .dashboard-settings-account { min-height: 44px; padding-block: .28rem; }
  .dashboard-settings-account small { display: none; }
  .dashboard-settings-appearance { align-self: start; }
  .dashboard-settings-appearance > summary { min-height: 44px; padding-block: .28rem; }
  .dashboard-settings-appearance[open] { grid-column: 1 / -1; }
  .dashboard-settings-content {
    padding: .7rem max(.65rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left));
    scrollbar-gutter: auto;
  }
}

/* A short dialog scrolls the complete navigation rail. Fixed search/utility rows
 * must not consume the browse/results track and leave links clipped at zero height. */
@media (max-height: 540px) {
  .dashboard-settings-sidebar { display: block; overflow-y: auto; overscroll-behavior: contain; }
  .dashboard-settings-navigation { overflow: visible; grid-template-rows: auto auto auto auto; }
  .dashboard-settings-browse,
  .dashboard-settings-search-results { overflow: visible; }
  .dashboard-settings-browse > .system-section-nav,
  .dashboard-settings-search-results { max-height: none; overflow-y: visible; }
}
@media (max-width: 760px) and (max-height: 540px) {
  .dashboard-settings-layout { grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); }
  .dashboard-settings-sidebar { max-height: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .dashboard-settings-panel { background: var(--overlay-bg, #f7fafb); backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (forced-colors: active) {
  .dashboard-settings-panel { border: 2px solid CanvasText; color: CanvasText; background: Canvas; box-shadow: none; }
  .dashboard-settings-heading,
  .dashboard-settings-sidebar,
  .dashboard-settings-utilities { border-color: CanvasText; }
  .dashboard-settings-page-tabs > a[aria-current],
  .dashboard-settings-route-list a[aria-current] { outline: 2px solid Highlight; }
}


.landing-hero-visual { position: relative; width: 100%; max-width: 100%; min-width: 0; min-height: 540px; container-type: inline-size; isolation: isolate; }
.landing-business-scene { width: 100%; max-width: 100%; min-width: 0; min-height: inherit; }
.landing-work-stage {
  --work-stage-accent: var(--landing-accent); position: relative; display: grid; width: 100%; max-width: 100%; min-width: 0; min-height: 600px; gap: 0;
  margin: 0; overflow: hidden; border: 1px solid rgb(255 255 255 / 9%); border-radius: 28px; isolation: isolate;
  background: linear-gradient(150deg, rgb(16 22 32 / 88%), rgb(7 10 16 / 78%));
  box-shadow: 0 42px 120px rgb(0 0 0 / 36%), inset 0 1px rgb(255 255 255 / 8%);
  backdrop-filter: blur(28px) saturate(1.12);
}
.landing-work-stage > :not(.landing-work-stage-media) { position: relative; z-index: 2; }
.landing-work-stage[data-has-media="true"] {
  min-height: 640px; grid-template-rows: minmax(250px, .72fr) auto auto auto; align-content: start;
  background: #080d14;
}
.landing-work-stage-media { position: relative; z-index: 0; grid-area: 1 / 1 / 2 / 2; min-height: 250px; overflow: hidden; pointer-events: none; }
.landing-work-stage-media::after {
  position: absolute; inset: 0; content: "";
  background: linear-gradient(180deg, rgb(5 8 13 / 18%) 0%, transparent 46%, rgb(5 8 13 / 88%) 100%),
    linear-gradient(90deg, rgb(5 8 13 / 28%), transparent 28% 76%, rgb(5 8 13 / 18%));
}
.landing-work-stage-media :is(img, video) { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 1; filter: saturate(1.02) contrast(1.02); }
.landing-work-stage-media :is(img, video)[data-presentation="ambient"] { opacity: .78; filter: saturate(1.08) contrast(1.02); }
.landing-work-stage-media :is(img, video)[data-presentation="diagram"] { object-fit: contain; opacity: .9; }
.landing-work-stage-media img[data-motion="float"] { animation: landing-work-media-float 14s ease-in-out infinite; }
.landing-work-stage-media img[data-motion="parallax"] { animation: landing-work-media-parallax 18s ease-in-out infinite; }
.landing-work-stage-media img[data-motion="orbit"] { animation: landing-work-media-orbit 22s ease-in-out infinite; }
.landing-work-stage-media img[data-motion="pulse"] { animation: landing-work-media-pulse 8s ease-in-out infinite; }
.landing-work-stage[data-has-media="true"] .landing-work-stage-heading {
  grid-area: 1 / 1 / 2 / 2; align-self: start; border-bottom-color: rgb(255 255 255 / 12%);
  background: linear-gradient(180deg, rgb(5 8 13 / 78%), rgb(5 8 13 / 28%), transparent); backdrop-filter: none;
}
.landing-work-stage[data-has-media="true"] .landing-work-workspace {
  grid-row: 2; margin: -42px 14px 0; overflow: hidden; border: 1px solid rgb(255 255 255 / 12%); border-radius: 21px;
  background: linear-gradient(120deg, rgb(9 14 22 / 91%), rgb(7 11 18 / 82%));
  box-shadow: 0 22px 55px rgb(0 0 0 / 34%), inset 0 1px rgb(255 255 255 / 7%); backdrop-filter: blur(20px) saturate(1.08);
}
.landing-work-stage[data-has-media="true"] .landing-work-roster { background: rgb(5 8 13 / 30%); }
.landing-work-stage[data-has-media="true"] .landing-work-system-rails { grid-row: 3; }
.landing-work-stage[data-has-media="true"] figcaption { grid-row: 4; }
.landing-work-stage[data-preset="distributed-work"] { --work-stage-accent: #72d8ff; }
.landing-work-stage[data-preset="reviewed-workflow"] { --work-stage-accent: #c1a0ff; }
.landing-work-stage::before {
  position: absolute; inset: -24%; z-index: -2; content: ""; pointer-events: none;
  background: radial-gradient(circle at 68% 38%, color-mix(in srgb, var(--work-stage-accent) 17%, transparent), transparent 25%),
    radial-gradient(circle at 18% 82%, rgb(87 109 255 / 12%), transparent 24%);
  animation: landing-work-ambient 13s ease-in-out infinite;
}
.landing-work-stage::after {
  position: absolute; inset: 58px 0 62px; z-index: -1; content: ""; pointer-events: none; opacity: .24;
  background-image: linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px);
  background-size: 42px 42px; mask-image: radial-gradient(ellipse at 62% 45%, #000, transparent 72%);
}
.landing-work-stage-heading {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; min-width: 0; min-height: 58px; align-items: center;
  gap: .85rem; padding: .8rem 1.1rem; border-bottom: 1px solid rgb(255 255 255 / 8%); background: rgb(5 8 13 / 42%);
}
.landing-work-stage-heading h2 { min-width: 0; margin: 0; overflow-wrap: anywhere; font-size: .83rem; font-weight: 660; letter-spacing: -.01em; }
.landing-work-window-dots { width: 7px; height: 7px; border-radius: 50%; background: #ff726d; box-shadow: 14px 0 #ffd15a, 28px 0 #6dd8a5; }
.landing-work-stage-state { display: inline-flex; min-width: 0; align-items: center; gap: .45rem; color: var(--landing-muted); font-size: .64rem; letter-spacing: .06em; }
.landing-work-stage-state::before { width: 6px; height: 6px; border-radius: 50%; background: var(--work-stage-accent); box-shadow: 0 0 15px var(--work-stage-accent); content: ""; animation: landing-work-status 2.4s ease-in-out infinite; }
.landing-work-workspace { display: grid; min-width: 0; grid-template-columns: minmax(0, .42fr) minmax(0, 1.58fr); }
.landing-work-roster { min-width: 0; padding: .9rem .75rem; border-right: 1px solid rgb(255 255 255 / 8%); background: rgb(5 8 13 / 30%); }
.landing-work-roster-list { display: grid; gap: .48rem; }
.landing-work-roster-card {
  position: relative; display: grid; min-width: 0; grid-template-columns: 32px minmax(0, 1fr); gap: .58rem; align-items: center;
  padding: .68rem; border: 1px solid transparent; border-radius: 14px; background: rgb(255 255 255 / 2.6%);
  animation: landing-work-roster 9s ease-in-out infinite;
}
.landing-work-roster-card:nth-child(2) { animation-delay: -6s; }.landing-work-roster-card:nth-child(3) { animation-delay: -3s; }.landing-work-roster-card:nth-child(4) { animation-delay: -7.5s; }
.landing-work-roster-avatar { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 11px; background: color-mix(in srgb, var(--work-stage-accent) 13%, rgb(255 255 255 / 4%)); color: var(--landing-accent-strong); font-size: .69rem; font-weight: 720; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--work-stage-accent) 22%, transparent); }
.landing-work-roster-copy { display: grid; min-width: 0; gap: .18rem; }
.landing-work-roster-copy strong { overflow-wrap: anywhere; font-size: .68rem; font-weight: 650; }
.landing-work-roster-copy small { display: -webkit-box; overflow: hidden; color: var(--landing-muted); font-size: .56rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.landing-work-roster-state { grid-column: 2; width: max-content; max-width: 100%; margin-top: -.1rem; overflow: hidden; color: color-mix(in srgb, var(--work-stage-accent) 78%, white); font-size: .52rem; text-overflow: ellipsis; white-space: nowrap; }
.landing-work-main { position: relative; display: grid; min-width: 0; grid-template-rows: auto 1fr auto; gap: .75rem; padding: .9rem; overflow: hidden; }
.landing-work-main::before { position: absolute; top: -20%; bottom: -20%; left: -10%; width: 16%; content: ""; pointer-events: none; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--work-stage-accent) 6%, transparent), transparent); filter: blur(8px); animation: landing-work-scan 11s linear infinite; }
.landing-work-channel-dock { display: flex; min-width: 0; flex-wrap: wrap; gap: .38rem; margin: 0; padding: 0; list-style: none; }
.landing-work-channel { display: inline-flex; max-width: 100%; min-width: 0; align-items: center; gap: .34rem; padding: .38rem .52rem; border: 1px solid rgb(255 255 255 / 8%); border-radius: 999px; background: rgb(255 255 255 / 3%); color: var(--landing-muted); overflow-wrap: anywhere; font-size: .56rem; }
.landing-work-channel .landing-work-stage-icon { width: 14px; height: 14px; }
.landing-work-channel:nth-child(2n) { animation: landing-work-channel 5s ease-in-out infinite -2.5s; }
.landing-work-activity { position: relative; display: grid; min-width: 0; align-content: center; gap: .42rem; margin: 0; padding: .2rem 0; list-style: none; }
.landing-work-activity::before { position: absolute; top: 10%; bottom: 10%; left: 15px; width: 1px; content: ""; background: linear-gradient(transparent, color-mix(in srgb, var(--work-stage-accent) 48%, transparent), transparent); }
.landing-work-activity-item {
  position: relative; display: grid; min-width: 0; grid-template-columns: 31px minmax(0, 1fr) auto; gap: .62rem; align-items: center;
  min-height: 54px; padding: .58rem .65rem .58rem .32rem; border: 1px solid rgb(255 255 255 / 6%); border-radius: 15px;
  background: linear-gradient(90deg, rgb(255 255 255 / 4.5%), rgb(255 255 255 / 1.5%));
  animation: landing-work-activity 15s ease-in-out infinite;
}
.landing-work-activity-item:nth-child(2) { animation-delay: -12s; }.landing-work-activity-item:nth-child(3) { animation-delay: -9s; }
.landing-work-activity-item:nth-child(4) { animation-delay: -6s; }.landing-work-activity-item:nth-child(5) { animation-delay: -3s; }
.landing-work-activity-marker { position: relative; z-index: 1; display: grid; width: 29px; height: 29px; place-items: center; border-radius: 10px; background: #0c1119; color: var(--landing-muted); font-size: .49rem; font-variant-numeric: tabular-nums; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 9%); }
.landing-work-activity-copy { display: grid; min-width: 0; gap: .18rem; }
.landing-work-activity-copy strong { overflow-wrap: anywhere; font-size: .66rem; font-weight: 650; }
.landing-work-activity-copy small { overflow-wrap: anywhere; color: var(--landing-muted); font-size: .55rem; line-height: 1.4; }
.landing-work-activity-owner { max-width: 110px; overflow: hidden; color: var(--landing-muted); font-size: .52rem; text-overflow: ellipsis; white-space: nowrap; }
.landing-work-outcomes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .42rem; }
.landing-work-outcome { display: grid; min-width: 0; grid-template-columns: 23px minmax(0, 1fr); gap: .45rem; align-items: center; padding: .55rem; border-top: 1px solid color-mix(in srgb, var(--work-stage-accent) 26%, transparent); background: linear-gradient(180deg, color-mix(in srgb, var(--work-stage-accent) 6%, transparent), transparent); }
.landing-work-outcome > span:last-child { display: grid; min-width: 0; gap: .12rem; }.landing-work-outcome strong { overflow-wrap: anywhere; font-size: .57rem; }.landing-work-outcome small { overflow-wrap: anywhere; color: var(--landing-muted); font-size: .5rem; }
.landing-work-stage-icon { position: relative; display: block; width: 21px; height: 21px; color: var(--work-stage-accent); opacity: .84; }
.landing-work-stage-icon::before, .landing-work-stage-icon::after { position: absolute; content: ""; }
.landing-work-stage-icon[data-icon="wechat"]::before, .landing-work-stage-icon[data-icon="message"]::before { inset: 4px 2px 6px; border: 1px solid currentColor; border-radius: 6px; }
.landing-work-stage-icon[data-icon="wechat"]::after, .landing-work-stage-icon[data-icon="message"]::after { right: 3px; bottom: 3px; width: 5px; height: 5px; border-right: 1px solid currentColor; transform: skew(-28deg); }
.landing-work-stage-icon[data-icon="mail"]::before { inset: 5px 1px; border: 1px solid currentColor; border-radius: 3px; }.landing-work-stage-icon[data-icon="mail"]::after { top: 7px; left: 4px; width: 11px; height: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.landing-work-stage-icon[data-icon="browser"]::before { inset: 3px 1px; border: 1px solid currentColor; border-radius: 4px; }.landing-work-stage-icon[data-icon="browser"]::after { top: 8px; right: 3px; left: 3px; height: 1px; background: currentColor; box-shadow: -1px -3px 0 -.2px currentColor; }
.landing-work-stage-icon[data-icon="sheet"]::before { inset: 2px 3px; border: 1px solid currentColor; border-radius: 3px; background: linear-gradient(90deg, transparent 47%, currentColor 48% 52%, transparent 53%), linear-gradient(transparent 47%, currentColor 48% 52%, transparent 53%); opacity: .82; }
.landing-work-stage-icon[data-icon="report"]::before, .landing-work-stage-icon[data-icon="receipt"]::before { inset: 2px 4px; border: 1px solid currentColor; border-radius: 3px; }.landing-work-stage-icon[data-icon="report"]::after { top: 8px; right: 7px; left: 7px; height: 1px; background: currentColor; box-shadow: 0 4px currentColor, 0 8px currentColor; }.landing-work-stage-icon[data-icon="receipt"]::after { top: 7px; left: 8px; width: 6px; height: 3px; border-bottom: 1px solid currentColor; border-left: 1px solid currentColor; transform: rotate(-45deg); }
.landing-work-system-rails { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: .7rem; align-items: center; padding: .72rem 1rem .35rem; color: var(--landing-muted); font-size: .57rem; }
.landing-work-system-rails > span[data-rail] { min-width: 0; padding-top: .5rem; border-top: 1px solid color-mix(in srgb, var(--work-stage-accent) 27%, transparent); overflow-wrap: anywhere; }.landing-work-system-rails > span[data-rail="local"] { text-align: right; }
.landing-work-junction { width: 9px; height: 9px; border: 1px solid var(--work-stage-accent); border-radius: 3px; box-shadow: 0 0 18px color-mix(in srgb, var(--work-stage-accent) 40%, transparent); transform: rotate(45deg); }
.landing-work-stage figcaption { min-width: 0; max-width: 72ch; margin: 0; padding: .15rem 1rem .85rem; overflow-wrap: anywhere; color: var(--landing-muted); font-size: .55rem; line-height: 1.5; }
@keyframes landing-work-ambient { 50% { transform: translate3d(2.5%, -1.5%, 0) scale(1.03); } }
@keyframes landing-work-status { 50% { opacity: .35; transform: scale(.72); } }
@keyframes landing-work-scan { from { transform: translateX(0); } to { transform: translateX(760%); } }
@keyframes landing-work-roster { 0%, 66%, 100% { border-color: transparent; background: rgb(255 255 255 / 2.6%); } 76%, 90% { border-color: color-mix(in srgb, var(--work-stage-accent) 22%, transparent); background: color-mix(in srgb, var(--work-stage-accent) 7%, transparent); } }
@keyframes landing-work-activity { 0%, 74%, 100% { border-color: rgb(255 255 255 / 6%); transform: none; } 82%, 92% { border-color: color-mix(in srgb, var(--work-stage-accent) 34%, transparent); box-shadow: 0 9px 28px color-mix(in srgb, var(--work-stage-accent) 8%, transparent); transform: translateX(3px); } }
@keyframes landing-work-channel { 50% { border-color: color-mix(in srgb, var(--work-stage-accent) 24%, transparent); } }
@keyframes landing-work-media-float { 50% { transform: translate3d(0, -1.25%, 0) scale(1.025); } }
@keyframes landing-work-media-parallax { 0%, 100% { transform: translate3d(-1.2%, 0, 0) scale(1.06); } 50% { transform: translate3d(1.2%, -1%, 0) scale(1.09); } }
@keyframes landing-work-media-orbit { 0%, 100% { transform: scale(1.07) rotate(-.25deg); } 50% { transform: scale(1.1) rotate(.25deg); } }
@keyframes landing-work-media-pulse { 50% { opacity: .82; transform: scale(1.025); } }
@container (max-width: 560px) {
  .landing-work-stage { min-height: auto; }.landing-work-workspace { grid-template-columns: minmax(0, 1fr); }
  .landing-work-stage[data-has-media="true"] { min-height: auto; grid-template-rows: minmax(200px, auto) auto auto auto; }
  .landing-work-stage[data-has-media="true"] .landing-work-stage-media { min-height: 200px; }
  .landing-work-stage[data-has-media="true"] .landing-work-workspace { margin: -26px 9px 0; border-radius: 17px; }
  .landing-work-roster { border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 8%); }
  .landing-work-roster-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .landing-work-roster-card { grid-template-columns: 28px minmax(0, 1fr); padding: .56rem; }.landing-work-roster-avatar { width: 28px; height: 28px; }
  .landing-work-roster-state { display: none; }.landing-work-main { padding: .75rem; }
  .landing-work-activity-owner { display: none; }.landing-work-activity-item { grid-template-columns: 31px minmax(0, 1fr); }
}
@media (max-width: 780px) {
  .landing-hero-visual, .landing-business-scene { min-height: 0; }.landing-work-stage { min-height: auto; border-radius: 22px; }
  .landing-work-stage[data-has-media="true"] { min-height: auto; grid-template-rows: minmax(210px, auto) auto auto auto; }
  .landing-work-stage[data-has-media="true"] .landing-work-stage-media { min-height: 210px; }
  .landing-work-stage[data-has-media="true"] .landing-work-workspace { margin: -28px 10px 0; }
  .landing-work-stage-heading { grid-template-columns: auto minmax(0, 1fr); }.landing-work-stage-state { grid-column: 2; }
  .landing-work-outcomes { grid-template-columns: 1fr; }.landing-work-outcome { min-height: 46px; }
}
@container (max-width: 420px) {
  .landing-work-stage-heading { grid-template-columns: 35px minmax(0, 1fr); gap: .55rem; padding-inline: .8rem; }
  .landing-work-stage-state { grid-column: 2; }
  .landing-work-roster-list { grid-template-columns: minmax(0, 1fr); }
  .landing-work-system-rails { gap: .45rem; padding-inline: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-work-stage::before, .landing-work-stage-state::before, .landing-work-main::before,
  .landing-work-roster-card, .landing-work-channel, .landing-work-activity-item,
  .landing-work-stage-media img { animation: none !important; }
  .landing-work-stage-media:has(video) { pointer-events: auto; }
  .landing-work-stage-media:has(video)::after { pointer-events: none; }
}
@media (forced-colors: active) {
  .landing-work-stage, .landing-work-roster-card, .landing-work-activity-item { border: 1px solid CanvasText; background: Canvas; box-shadow: none; forced-color-adjust: auto; }
  .landing-work-stage::before, .landing-work-stage::after, .landing-work-main::before, .landing-work-stage-media { display: none; }
  .landing-work-roster-avatar, .landing-work-activity-marker { border: 1px solid CanvasText; background: Canvas; box-shadow: none; }
}

.public-landing-settings, .public-access-settings { container-type: inline-size; }
.public-landing-settings-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.25rem; }
.public-landing-settings-heading p { max-width: 70ch; margin-bottom: 0; color: var(--muted); }
.public-landing-heading-actions { display: flex; gap: .55rem; }
.button-link { display: inline-flex; min-height: 42px; align-items: center; padding: .58rem .9rem; border: 1px solid var(--border); border-radius: 8px; text-decoration: none; }
.public-landing-editor-status { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 1rem; border-block: 1px solid var(--border); }
.public-landing-editor-status > div { display: grid; gap: .22rem; min-width: 0; padding: .8rem 1rem; }
.public-landing-editor-status > div + div { border-left: 1px solid var(--border); }
.public-landing-editor-status span { color: var(--muted); font-size: .78rem; letter-spacing: .05em; }
.public-landing-editor-status strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-landing-editor-nav { position: sticky; top: 0; z-index: 3; display: flex; gap: 1.1rem; overflow-x: auto; margin-bottom: 1rem; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(16px); }
.public-landing-editor-nav button { flex: 0 0 auto; min-height: 44px; padding: .55rem .1rem; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: var(--muted); box-shadow: none; }
.public-landing-editor-nav button.is-active { border-bottom-color: var(--accent); color: var(--text); }
.public-landing-form { display: grid; gap: 1rem; padding-bottom: 4.5rem; }
.public-landing-editor-panel { display: grid; gap: .4rem; min-width: 0; }
.public-landing-editor-panel[hidden] { display: none !important; }
.public-landing-form fieldset { min-width: 0; margin: 0; padding: 1.1rem .2rem 1.35rem; border: 0; border-bottom: 1px solid var(--border); }
.public-landing-form legend { padding-inline: .35rem; font-weight: 760; }
.public-landing-editor-disclosure { border-bottom: 1px solid var(--border); }
.public-landing-editor-disclosure > summary { padding: .95rem .2rem; color: var(--text); cursor: pointer; font-weight: 720; list-style-position: inside; }
.public-landing-editor-disclosure[open] > summary { color: var(--accent); }
.public-landing-editor-disclosure > fieldset { border-bottom: 0; padding-top: .35rem; }
.public-landing-fields { display: grid; grid-template-columns: minmax(140px, .34fr) minmax(0, 1fr); gap: .65rem 1rem; align-items: center; }
.public-landing-fields label { color: var(--muted); }
.public-landing-fields textarea { min-height: 4.5rem; }
.public-landing-media-tools, .public-landing-import-tools { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .7rem; align-items: center; }
.public-landing-media-list { display: flex; gap: .55rem; overflow-x: auto; margin-top: .8rem; padding-bottom: .35rem; }
.public-landing-media-card { flex: 0 0 180px; display: grid; gap: .45rem; padding: .55rem; border: 1px solid var(--border); border-radius: 10px; }
.public-landing-media-card img, .public-landing-media-card video { width: 100%; height: 100px; border-radius: 7px; object-fit: cover; background: var(--surface-raised); }
.public-landing-media-placeholder { display: grid; height: 100px; place-items: center; padding: .65rem; border-radius: 7px; background: color-mix(in srgb, var(--accent) 7%, var(--surface-raised)); color: var(--muted); font-size: .76rem; text-align: center; }
.public-landing-media-card small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.public-landing-section-list { display: grid; gap: .75rem; margin-block: .75rem; }
.public-landing-section-editor { padding: .85rem; border: 1px solid var(--border); border-radius: 10px; background: rgb(255 255 255 / 2%); }
.public-landing-section-toolbar { display: flex; justify-content: space-between; gap: .55rem; margin-bottom: .7rem; }
.public-landing-section-toolbar > div { display: flex; gap: .45rem; }
.public-landing-business-scene-boundary { display: grid; gap: .25rem; margin-top: .9rem; padding: .75rem 0; border-block: 1px solid var(--border); color: var(--muted); }
.public-landing-business-scene-boundary strong { color: var(--accent); }
.public-landing-business-scene-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .65rem; }
.public-landing-business-scene-heading p { margin: 0; color: var(--muted); }
.public-landing-business-scene-heading button { min-height: 44px; }
.public-landing-business-scene-list { display: grid; gap: .55rem; }
.public-landing-business-scene-row { display: grid; grid-template-columns: minmax(150px, .75fr) minmax(180px, 1.25fr) auto; gap: .55rem; align-items: center; }
.public-landing-business-scene-row textarea { min-height: 3.8rem; }
.public-landing-business-scene-row button { min-height: 44px; }
.public-landing-item-list { display: grid; gap: .5rem; grid-column: 2; }
.public-landing-item-editor { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr) auto; gap: .45rem; }
.public-landing-item-editor button { min-height: 38px; }
.public-landing-link-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin-top: .8rem; }
.public-landing-link-row { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: .55rem; align-items: center; }
.public-landing-package-matrix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; padding: 0; }
.public-landing-package-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .7rem; padding: .72rem 0; border-bottom: 1px solid var(--border); }
.public-landing-package-row p { margin: .2rem 0 0; color: var(--muted); font-size: .86rem; }
.public-landing-package-row strong { overflow-wrap: anywhere; }
.public-landing-package-state { align-self: start; color: var(--muted); font-size: .78rem; text-transform: uppercase; }
.public-landing-package-state.ok { color: var(--accent); }
.public-landing-draft-warning { margin-bottom: .8rem; padding: .7rem 0; border-bottom: 1px solid var(--border); color: var(--muted); }
.public-landing-draft-warning.is-warning { color: var(--warning, #f2b75c); }
.public-landing-draft-preview { display: block; width: 100%; height: clamp(560px, 78vh, 920px); border: 1px solid color-mix(in srgb, var(--border) 65%, transparent); border-radius: 18px; background: #07090d; }
.public-landing-draft-hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(180px, .7fr); gap: 1.5rem; align-items: center; min-height: 220px; }
.public-landing-draft-hero h3 { max-width: 12ch; margin: .35rem 0 .7rem; font-size: clamp(2rem, 5vw, 4.5rem); line-height: .95; letter-spacing: -.055em; }
.public-landing-draft-hero p { max-width: 54ch; color: #a9b1c0; }
.public-landing-draft-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.public-landing-draft-actions span { padding: .48rem .75rem; border: 1px solid #334052; border-radius: 999px; }
.public-landing-draft-actions span:first-child { background: #dffcf2; color: #08120f; }
.public-landing-draft-business-scene { --landing-accent: #8ef0d2; --landing-muted: #9ba6b5; min-width: 0; container-type: inline-size; }
.public-landing-draft-business-scene[data-landing-palette="aurora"] { --landing-accent: #79f2ff; }
.public-landing-draft-business-scene[data-landing-palette="nebula"] { --landing-accent: #e3a6ff; }
.public-landing-draft-business-scene[data-landing-palette="lunar"] { --landing-accent: #e8dcc2; }
.public-landing-draft-business-scene .landing-work-stage { min-height: 320px; }
.public-landing-draft-business-scene .landing-work-stage[data-has-media="true"] { min-height: 620px; }
.public-landing-draft-business-scene .landing-work-stage-media-placeholder { display: grid; height: 100%; place-items: center; padding: 1rem; color: var(--landing-muted); background: linear-gradient(145deg, rgb(14 21 31 / 92%), rgb(7 10 16 / 78%)); text-align: center; }
.public-landing-draft-scene-fallback { display: grid; align-content: center; min-height: 180px; padding: 1rem; border-block: 1px solid #334052; }
.public-landing-draft-scene-fallback p { margin: .4rem 0 0; color: #a9b1c0; }
.public-landing-draft-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.3rem; border-top: 1px solid #273041; }
.public-landing-draft-section { min-width: 0; padding: 1rem 0; border-bottom: 1px solid #273041; }
.public-landing-draft-section:nth-child(odd) { padding-right: 1rem; }
.public-landing-draft-section:nth-child(even) { padding-left: 1rem; border-left: 1px solid #273041; }
.public-landing-draft-section h4, .public-landing-draft-section p { margin: 0; }
.public-landing-draft-section p { margin-top: .35rem; color: #8f99aa; }
.public-landing-version-history { display: grid; }
.public-landing-version-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: .85rem 0; border-bottom: 1px solid var(--border); }
.public-landing-version-row p { margin: .18rem 0 0; color: var(--muted); font-size: .86rem; overflow-wrap: anywhere; }
.public-landing-version-row button { white-space: nowrap; }
.public-landing-savebar { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: rgb(8 14 21 / 92%); backdrop-filter: blur(16px); }
.public-landing-savebar p { margin: 0; }
.public-landing-lifecycle-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.identity-governance-map { display: grid; gap: .8rem; margin-bottom: 1.5rem; padding-block: .35rem 1.25rem; border-block-end: 1px solid var(--border); }
.identity-governance-map > header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.identity-governance-map h3, .identity-governance-map h4, .identity-governance-map p { margin: 0; }
.identity-governance-map > header p { margin-top: .2rem; color: var(--muted); font-size: .82rem; }
.identity-governance-lanes { display: grid; border-block: 1px solid var(--border); }
.identity-governance-lanes article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto minmax(11rem, auto); gap: .85rem; align-items: center; min-width: 0; padding: 1rem .15rem; }
.identity-governance-lanes article + article { border-block-start: 1px solid var(--border); }
.identity-governance-index { color: color-mix(in srgb, var(--accent) 72%, var(--muted)); font-size: .68rem; font-weight: 760; letter-spacing: .12em; }
.identity-governance-lanes article > div { min-width: 0; }
.identity-governance-lanes article > div > small { color: var(--accent); font-size: .66rem; font-weight: 760; letter-spacing: .09em; }
.identity-governance-lanes h4 { color: var(--text); font-size: .94rem; }
.identity-governance-lanes p { margin-top: .2rem; color: var(--muted); font-size: .76rem; }
.identity-governance-lanes article > strong { display: grid; min-width: 4.5rem; color: var(--text); font-size: 1.35rem; font-variant-numeric: tabular-nums; text-align: end; }
.identity-governance-lanes article > strong small { color: var(--muted); font-size: .62rem; font-weight: 600; }
.identity-governance-lanes :is(button, .button-link) { justify-content: center; min-height: 38px; border-radius: 999px; font-size: .72rem; white-space: nowrap; }
.identity-governance-map > .message { margin: 0; }
.public-access-controls { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: .8rem; outline: none; }
.public-access-controls h3, .public-access-controls p { margin: 0; }
.public-access-controls > p { max-width: 62ch; color: var(--muted); font-size: .82rem; }
.public-access-policy-form { display: grid; grid-template-columns: minmax(150px, .4fr) minmax(200px, 1fr); gap: .7rem 1rem; align-items: center; padding: 1rem; border-block: 1px solid var(--border); }
.public-access-policy-form .check-row, .public-access-policy-form button { grid-column: 2; }
.public-access-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.public-access-columns > section { min-width: 0; padding: 1rem; border: 1px solid var(--border); border-radius: 12px; }
.public-access-list { display: grid; gap: .6rem; }
.public-access-card { padding: .75rem; border: 1px solid var(--border); border-radius: 10px; }
.public-access-card-heading { display: flex; justify-content: space-between; gap: .7rem; }
.public-access-card-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .65rem; }
.public-access-invitation-form { display: grid; gap: .55rem; margin-bottom: .8rem; }
@container (max-width: 720px) {
  .public-landing-settings-heading, .public-landing-savebar { align-items: stretch; flex-direction: column; }
  .public-landing-lifecycle-actions { display: grid; grid-template-columns: 1fr; }
  .public-landing-business-scene-heading { align-items: stretch; flex-direction: column; }
  .public-landing-business-scene-heading button { width: 100%; }
  .public-landing-editor-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; overflow: visible; }
  .public-landing-editor-nav button { min-width: 0; padding-inline: .25rem; text-align: center; }
  .public-landing-editor-status { grid-template-columns: 1fr; }
  .public-landing-editor-status > div + div { border-top: 1px solid var(--border); border-left: 0; }
  .public-landing-fields, .public-access-policy-form { grid-template-columns: 1fr; }
  .public-landing-fields > *, .public-access-policy-form > *, .public-landing-item-list { grid-column: 1; }
  .public-access-columns { grid-template-columns: 1fr; }.public-landing-link-grid { grid-template-columns: 1fr; }
  .public-landing-media-tools, .public-landing-import-tools { grid-template-columns: 1fr; }.public-landing-item-editor, .public-landing-business-scene-row { grid-template-columns: 1fr; }
  .public-landing-package-matrix, .public-landing-draft-hero, .public-landing-draft-sections { grid-template-columns: 1fr; }
  .public-landing-draft-section:nth-child(n) { padding-inline: 0; border-left: 0; }
  .public-landing-version-row { grid-template-columns: 1fr; }
  .identity-governance-map > header, .public-access-controls { align-items: stretch; flex-direction: column; }
  .identity-governance-lanes article { grid-template-columns: auto minmax(0, 1fr); }
  .identity-governance-lanes article > strong { grid-column: 1; grid-row: 2; text-align: start; }
  .identity-governance-lanes :is(button, .button-link) { grid-column: 2; justify-self: start; }
}
@media (prefers-reduced-transparency: reduce) { .public-landing-savebar { background: var(--surface); backdrop-filter: none; } }
@media (forced-colors: active) { .public-landing-savebar { background: Canvas; }.public-landing-section-editor { background: Canvas; } }


.workspace-onboarding-settings { margin-block: 1rem 1.6rem; padding-block: 1.4rem; border-block: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border)); outline: none; }
.workspace-onboarding-heading { display: flex; align-items: start; justify-content: space-between; gap: 1.5rem; }
.workspace-onboarding-heading h3, .workspace-onboarding-heading p, .workspace-onboarding-create h4, .workspace-onboarding-create p { margin: 0; }
.workspace-onboarding-heading > div:first-child > p:last-child, .workspace-onboarding-create .section-heading p { max-width: 72ch; margin-top: .25rem; color: var(--muted); font-size: .8rem; }
.workspace-onboarding-heading-actions { display: flex; align-items: center; gap: .55rem; }
.workspace-onboarding-boundary { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); gap: .65rem; align-items: center; margin-block: 1rem .5rem; padding-block: .85rem; border-block: 1px solid var(--border); }
.workspace-onboarding-boundary > span { min-width: 0; }
.workspace-onboarding-boundary > span:not([aria-hidden]) { display: grid; gap: .15rem; }
.workspace-onboarding-boundary strong { color: var(--muted); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.workspace-onboarding-boundary code { color: var(--text); overflow-wrap: anywhere; }
.workspace-onboarding-boundary > span[aria-hidden] { color: var(--accent); }
.workspace-onboarding-layout { display: grid; grid-template-columns: minmax(17rem, .8fr) minmax(18rem, 1fr) minmax(18rem, 1fr); gap: 1.2rem; margin-top: 1rem; }
.workspace-onboarding-layout > section { min-width: 0; padding-block: .25rem; }
.workspace-onboarding-layout > section + section { padding-inline-start: 1.2rem; border-inline-start: 1px solid var(--border); }
#workspace-onboarding-invitation-form { display: grid; gap: .5rem; margin-top: .85rem; }
#workspace-onboarding-invitation-form > label:not(.check-row) { color: var(--muted); font-size: .75rem; font-weight: 650; }
.workspace-onboarding-created { margin-top: .9rem; padding-top: .9rem; border-top: 1px solid var(--border); }
.workspace-onboarding-created > p { margin: .25rem 0 .55rem; color: var(--muted); font-size: .75rem; }
.workspace-onboarding-created > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem; }
.workspace-onboarding-created input { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; }
.workspace-onboarding-list { display: grid; }
.workspace-onboarding-card { min-width: 0; padding-block: .8rem; border-block-end: 1px solid var(--border); }
.workspace-onboarding-card:first-child { border-block-start: 1px solid var(--border); }
.workspace-onboarding-card-heading { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.workspace-onboarding-card-heading strong { min-width: 0; overflow-wrap: anywhere; }
.workspace-onboarding-card dl { margin-block: .55rem; }
.workspace-onboarding-card-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.workspace-onboarding-card > button { min-height: 36px; }
.workspace-onboarding-password-reset summary { color: var(--accent); cursor: pointer; font-size: .78rem; font-weight: 700; }
.workspace-onboarding-password-reset form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem; margin-top: .55rem; }

@container (max-width: 920px) {
  .workspace-onboarding-layout { grid-template-columns: 1fr 1fr; }
  .workspace-onboarding-layout > section:nth-child(2) { border-inline-start: 0; padding-inline-start: 0; }
  .workspace-onboarding-layout > section:last-child { grid-column: 1 / -1; border-inline-start: 0; padding-inline-start: 0; border-block-start: 1px solid var(--border); padding-block-start: 1rem; }
}
@container (max-width: 620px) {
  .workspace-onboarding-heading { flex-direction: column; }
  .workspace-onboarding-heading-actions { width: 100%; justify-content: space-between; }
  .workspace-onboarding-boundary { grid-template-columns: 1fr; }
  .workspace-onboarding-boundary > span[aria-hidden] { transform: rotate(90deg); justify-self: start; }
  .workspace-onboarding-layout { grid-template-columns: 1fr; }
  .workspace-onboarding-layout > section:nth-child(n) { grid-column: 1; border-inline-start: 0; padding-inline-start: 0; }
  .workspace-onboarding-layout > section + section { border-block-start: 1px solid var(--border); padding-block-start: 1rem; }
  .workspace-onboarding-created > div, .workspace-onboarding-password-reset form { grid-template-columns: 1fr; }
}


.marketing-media-studio {
  --marketing-media-line: color-mix(in srgb, var(--accent) 20%, var(--border));
  container-type: inline-size;
  display: grid;
  gap: clamp(1rem, 2vw, 1.6rem);
  overflow: hidden;
}
.marketing-media-heading,
.marketing-media-stage-heading,
.marketing-media-generation-form > header,
.marketing-media-template-toolbar,
.marketing-media-configuration-actions,
.marketing-media-card-heading,
.marketing-media-card-actions,
.marketing-media-candidate-heading,
.marketing-media-ai-assist {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.marketing-media-heading > div:first-child { max-width: 72ch; }
.marketing-media-heading h2 { margin-bottom: .38rem; }
.marketing-media-heading p,
.marketing-media-stage-heading p,
.marketing-media-generation-form header p,
.marketing-media-ai-assist p { margin: 0; color: var(--muted); }
.marketing-media-heading-actions { display: flex; flex: 0 0 auto; align-items: center; gap: .55rem; }
.marketing-media-stage-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-block: 1px solid var(--marketing-media-line);
  list-style: none;
}
.marketing-media-stage-rail li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .06rem .7rem;
  min-width: 0;
  padding: .9rem 1rem;
}
.marketing-media-stage-rail li + li { border-left: 1px solid var(--marketing-media-line); }
.marketing-media-stage-rail span {
  grid-row: 1 / 3;
  align-self: center;
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid var(--marketing-media-line);
  border-radius: 50%;
  color: var(--accent);
  font-size: .78rem;
  font-weight: 800;
}
.marketing-media-stage-rail strong { line-height: 1.2; }
.marketing-media-stage-rail small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.marketing-media-message {
  min-height: 2.6rem;
  margin: 0;
  padding: .65rem .8rem;
  border-left: 2px solid var(--accent);
  background: color-mix(in srgb, var(--accent) 5%, transparent);
}
.marketing-media-stage {
  display: grid;
  gap: 1rem;
  min-width: 0;
  padding-top: 1.15rem;
  border-top: 1px solid var(--marketing-media-line);
}
.marketing-media-stage-heading { align-items: center; }
.marketing-media-stage-heading > div { flex: 1; min-width: 0; }
.marketing-media-stage-heading h3 { margin: .1rem 0 .22rem; }
.marketing-media-stage-number {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--accent) 62%, var(--muted));
  font-size: clamp(1.8rem, 4vw, 3.2rem);
  font-weight: 250;
  letter-spacing: -.08em;
  line-height: 1;
}
.marketing-media-configuration-form,
.marketing-media-generation-form {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.marketing-media-configuration-form fieldset,
.marketing-media-generation-form {
  min-width: 0;
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--marketing-media-line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface-raised) 46%, transparent);
}
.marketing-media-configuration-form legend { padding-inline: .45rem; font-weight: 760; }
.marketing-media-fields {
  display: grid;
  grid-template-columns: minmax(150px, .38fr) minmax(0, 1fr);
  gap: .65rem 1rem;
  align-items: center;
}
.marketing-media-fields > label { color: var(--muted); font-weight: 680; }
.marketing-media-fields textarea { min-height: 4.3rem; }
.marketing-media-private-boundary {
  display: grid;
  gap: .24rem;
  margin-top: .8rem;
  padding: .75rem 0;
  border-block: 1px solid var(--marketing-media-line);
}
.marketing-media-private-boundary strong { color: var(--accent); }
.marketing-media-private-boundary span { color: var(--muted); }
.marketing-media-private-boundary code,
.marketing-media-ai-assist code {
  padding: .08rem .3rem;
  border-radius: 4px;
  background: color-mix(in srgb, var(--accent) 9%, transparent);
  color: var(--text);
}
.marketing-media-settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(130px, 1fr)) repeat(2, minmax(120px, auto));
  gap: .65rem;
  align-items: end;
}
.marketing-media-settings-grid > label:not(.marketing-media-toggle) { display: grid; gap: .35rem; color: var(--muted); }
.marketing-media-toggle {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: .55rem;
  padding: .58rem .7rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
}
.marketing-media-toggle input { width: auto; margin: 0; }
.marketing-media-template-toolbar { align-items: end; margin-bottom: .9rem; }
.marketing-media-template-toolbar label { flex: 0 0 auto; color: var(--muted); }
.marketing-media-template-toolbar select { min-width: 180px; }
.marketing-media-template-toolbar select { flex: 1; }
.marketing-media-template-toolbar button { flex: 0 0 auto; }
.marketing-media-template-editor { display: grid; gap: .75rem; }
.marketing-media-default-template {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .7rem 0;
  border-bottom: 1px solid var(--marketing-media-line);
}
.marketing-media-default-template input { width: auto; }
.marketing-media-ai-assist {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: .75rem 1rem;
  margin-top: .9rem;
  padding: .85rem 0;
  border-block: 1px solid var(--marketing-media-line);
}
.marketing-media-ai-assist-heading { min-width: 0; }
.marketing-media-ai-assist-state { display: flex; align-items: center; gap: .55rem; }
.marketing-media-ai-assist > .form-note,
.marketing-media-ai-assist > small,
.marketing-media-prompt-assistant-preview { grid-column: 1 / -1; }
.marketing-media-ai-assist-actions { display: flex; justify-content: flex-start; }
.marketing-media-ai-assist small { color: var(--muted); }
.marketing-media-prompt-assistant-preview {
  min-width: 0;
  padding: .8rem;
  border: 1px solid var(--marketing-media-line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--surface-raised) 34%, transparent);
}
.marketing-media-prompt-assistant-preview > header {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding-bottom: .65rem;
  border-bottom: 1px solid var(--marketing-media-line);
}
.marketing-media-prompt-assistant-preview > header span { color: var(--muted); }
.marketing-media-prompt-assistant-preview dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem 1rem;
  margin: .75rem 0;
}
.marketing-media-prompt-assistant-preview dl > div { min-width: 0; }
.marketing-media-prompt-assistant-preview dt { color: var(--muted); font-size: .78rem; }
.marketing-media-prompt-assistant-preview dd { margin: .18rem 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.marketing-media-configuration-actions { justify-content: flex-end; }
.marketing-media-generation-form { margin-top: .4rem; }
.marketing-media-generation-form > header { align-items: center; }
.marketing-media-generation-form > header > div { flex: 1; }
.marketing-media-generation-form > button { justify-self: end; }
.marketing-media-generation-list,
.marketing-media-candidate-list { display: grid; gap: .7rem; min-width: 0; }
.marketing-media-generation-list.empty-state,
.marketing-media-candidate-list.empty-state {
  min-height: 8rem;
  place-items: center;
  border-block: 1px solid var(--marketing-media-line);
  color: var(--muted);
  text-align: center;
}
.marketing-media-card,
.marketing-media-candidate {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--marketing-media-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--surface-raised) 38%, transparent);
}
.marketing-media-card[data-state="unknown"] { border-color: color-mix(in srgb, var(--warning) 60%, var(--border)); }
.marketing-media-card-heading { align-items: center; }
.marketing-media-card-heading > div { min-width: 0; }
.marketing-media-card-heading strong,
.marketing-media-candidate-heading strong { display: block; overflow-wrap: anywhere; }
.marketing-media-card-heading small,
.marketing-media-candidate-heading small { color: var(--muted); }
.marketing-media-card-meta,
.marketing-media-candidate-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: .45rem 1rem;
  margin-top: .75rem;
  padding-block: .7rem;
  border-block: 1px solid var(--marketing-media-line);
}
.marketing-media-card-meta span,
.marketing-media-candidate-meta span { min-width: 0; color: var(--muted); overflow-wrap: anywhere; }
.marketing-media-card-meta strong,
.marketing-media-candidate-meta strong { color: var(--text); }
.marketing-media-card-prompt { margin: .7rem 0 0; color: var(--muted); }
.marketing-media-card-warning {
  margin: .7rem 0 0;
  padding: .65rem .75rem;
  border-left: 2px solid var(--warning);
  background: color-mix(in srgb, var(--warning) 7%, transparent);
  color: var(--warning);
}
.marketing-media-card-actions { justify-content: flex-end; margin-top: .75rem; }
.marketing-media-card-actions button { min-width: 8rem; }
.marketing-media-candidate-heading { align-items: center; }
.marketing-media-preview {
  display: grid;
  min-height: 10rem;
  margin-top: .8rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--marketing-media-line);
  border-radius: 10px;
  background: #071117;
  color: var(--muted);
  text-align: center;
}
.marketing-media-preview video { display: block; width: 100%; max-height: 28rem; object-fit: contain; }
.marketing-media-preview p { max-width: 54ch; margin: 0; padding: 1rem; }
.marketing-media-candidate-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; margin-top: .8rem; }
.marketing-media-candidate-actions .button-link { min-height: 42px; }

@container (max-width: 780px) {
  .marketing-media-heading,
  .marketing-media-stage-heading,
  .marketing-media-generation-form > header,
  .marketing-media-ai-assist { grid-template-columns: 1fr; }
  .marketing-media-heading-actions { justify-content: space-between; }
  .marketing-media-stage-number { display: none; }
  .marketing-media-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-media-template-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-media-template-toolbar label,
  .marketing-media-template-toolbar select { grid-column: 1 / -1; width: 100%; }
  .marketing-media-ai-assist-state { justify-content: space-between; }
  .marketing-media-prompt-assistant-preview dl { grid-template-columns: 1fr; }
  .marketing-media-generation-form > button { justify-self: stretch; }
}
@container (max-width: 560px) {
  .marketing-media-stage-rail { grid-template-columns: 1fr; }
  .marketing-media-stage-rail li + li { border-top: 1px solid var(--marketing-media-line); border-left: 0; }
  .marketing-media-stage-rail small { white-space: normal; }
  .marketing-media-fields,
  .marketing-media-settings-grid { grid-template-columns: 1fr; }
  .marketing-media-fields > * { grid-column: 1; }
  .marketing-media-configuration-actions,
  .marketing-media-card-actions,
  .marketing-media-candidate-actions { align-items: stretch; flex-direction: column; }
  .marketing-media-configuration-actions button,
  .marketing-media-card-actions button,
  .marketing-media-candidate-actions > * { width: 100%; }
}
@media (prefers-reduced-transparency: reduce) {
  .marketing-media-configuration-form fieldset,
  .marketing-media-generation-form,
  .marketing-media-card,
  .marketing-media-candidate { background: var(--surface); }
}
@media (forced-colors: active) {
  .marketing-media-message,
  .marketing-media-card-warning { background: Canvas; }
}


.organization-mission-workspace {
  --organization-line: color-mix(in srgb, var(--accent) 22%, transparent);
  --organization-line-hot: color-mix(in srgb, var(--accent) 58%, transparent);
  overflow: clip;
}
.organization-mission-heading,
.organization-mission-detail-heading,
.organization-mission-directory > header,
.organization-mission-runs > header,
.organization-mission-control > header,
.organization-mission-budget > header {
  display: flex;
  min-width: 0;
  gap: 1rem;
  align-items: start;
  justify-content: space-between;
}
.organization-mission-heading { align-items: end; padding-block: .2rem 1rem; }
.organization-mission-heading h2 { margin: 0; font-size: clamp(1.8rem, 3.5vw, 2.8rem); letter-spacing: -.05em; }
.organization-mission-heading p { max-width: 54rem; margin: .2rem 0 0; color: var(--muted); }
.organization-mission-heading-actions { display: flex; flex: 0 0 auto; gap: .5rem; align-items: center; }
.organization-mission-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 18px;
  background: var(--sheet-divider);
  box-shadow: none;
}
.organization-mission-facts > div {
  display: grid;
  gap: .15rem;
  padding: .78rem .9rem;
  background: var(--sheet-bg-quiet);
}
.organization-mission-facts small { color: var(--muted); font-size: .68rem; }
.organization-mission-facts strong { font-size: clamp(1.25rem, 2vw, 1.75rem); font-variant-numeric: tabular-nums; }
.organization-mission-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(13.5rem, .23fr) minmax(30rem, 1fr) minmax(15rem, .28fr);
  gap: var(--ui-section-gap);
  overflow: hidden;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.organization-mission-layout > * {
  min-width: 0;
  padding: 0;
  background: transparent;
}
.organization-mission-layout h3,
.organization-mission-layout h4,
.organization-mission-layout p { margin-block: .05rem .3rem; }
.organization-mission-directory,
.organization-mission-runs { max-height: min(76vh, 58rem); overflow: auto; }
.organization-mission-list,
.organization-mission-run-list,
.organization-mission-approval-list { display: grid; gap: .42rem; margin-top: .7rem; }
.organization-mission-directory-item,
.organization-mission-run-item {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 0;
  gap: .32rem;
  justify-items: stretch;
  padding: .72rem .74rem;
  border: 0;
  border-radius: 15px;
  background: transparent;
  color: var(--text);
  box-shadow: inset 1px 0 var(--organization-line);
  text-align: left;
}
.organization-mission-directory-item:hover,
.organization-mission-run-item:hover,
.organization-mission-directory-item:focus-visible,
.organization-mission-run-item:focus-visible {
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  box-shadow: inset 2px 0 var(--organization-line-hot), 0 0 24px color-mix(in srgb, var(--accent) 7%, transparent);
  filter: none;
}
.organization-mission-directory-item[aria-current="true"],
.organization-mission-run-item[aria-current="true"] {
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  box-shadow: inset 2px 0 var(--accent), 0 0 28px color-mix(in srgb, var(--accent) 8%, transparent);
}
.organization-mission-directory-item-heading,
.organization-mission-run-item > span:first-child { display: flex; min-width: 0; gap: .45rem; align-items: start; justify-content: space-between; }
.organization-mission-directory-item strong,
.organization-mission-run-item strong { min-width: 0; overflow-wrap: anywhere; }
.organization-mission-directory-item-summary {
  overflow: hidden;
  color: var(--muted);
  font-size: .73rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.organization-mission-directory-item small,
.organization-mission-run-item small,
.organization-mission-run-item > span { overflow-wrap: anywhere; color: var(--muted); font-size: .67rem; }
.organization-mission-stage { display: grid; gap: .8rem; align-content: start; }
.organization-mission-detail-heading { flex-wrap: wrap; padding-bottom: .65rem; border-bottom: 1px solid var(--organization-line); }
.organization-mission-detail-heading > div { min-width: 0; flex: 1 1 12rem; }
.organization-mission-detail-heading > .pill { flex: 0 0 auto; white-space: nowrap; }
.organization-mission-detail-heading h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
.organization-mission-detail-heading p { max-width: 54rem; font-size: .78rem; }
.organization-mission-graph {
  min-height: 24rem;
  max-height: min(52vh, 39rem);
  overflow: auto;
  border-radius: 19px;
  background:
    radial-gradient(circle at 15% 18%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 30%),
    linear-gradient(rgb(255 255 255 / 2.5%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 2.5%) 1px, transparent 1px),
    rgb(2 12 18 / 38%);
  background-size: auto, 28px 28px, 28px 28px, auto;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%);
  overscroll-behavior: contain;
}
.organization-mission-graph.empty-state { display: grid; place-items: center; padding: 1.2rem; color: var(--muted); text-align: center; }
.organization-mission-graph svg { display: block; min-width: 100%; min-height: 100%; max-width: none; }
.organization-mission-graph-edges path { fill: none; stroke: color-mix(in srgb, var(--accent) 52%, #7894a0); stroke-width: 1.5; opacity: .68; }
.organization-mission-graph marker path { fill: color-mix(in srgb, var(--accent) 70%, #b8ccd4); }
.organization-mission-graph-unit { outline: none; }
.organization-mission-graph-unit rect { fill: rgb(5 19 26 / 90%); stroke: rgb(255 255 255 / 9%); stroke-width: 1; }
.organization-mission-graph-unit[data-kind="reviewed-workflow-v2"] rect { stroke: color-mix(in srgb, #88a8ff 55%, transparent); }
.organization-mission-graph-unit[data-kind="distributed-squad"] rect { stroke: color-mix(in srgb, #69efcb 56%, transparent); }
.organization-mission-graph-unit[data-kind="expert-review"] rect { stroke: color-mix(in srgb, #d5a1ff 58%, transparent); }
.organization-mission-graph-unit[data-kind="approval-gate"] rect { stroke: color-mix(in srgb, #ffd27a 65%, transparent); }
.organization-mission-graph-unit[data-kind="result"] rect { stroke: color-mix(in srgb, #7de9ff 66%, transparent); }
.organization-mission-graph-unit[data-state="running"] rect,
.organization-mission-graph-unit[data-state="waiting-approval"] rect { filter: drop-shadow(0 0 9px color-mix(in srgb, var(--accent) 34%, transparent)); }
.organization-mission-graph-unit:is(:hover, :focus-visible) rect { fill: color-mix(in srgb, var(--accent) 10%, rgb(5 19 26 / 94%)); stroke: var(--accent); }
.organization-mission-unit-kind { fill: var(--muted); font-size: 9px; font-weight: 650; letter-spacing: .04em; }
.organization-mission-unit-label { fill: var(--text); font-size: 12px; font-weight: 780; }
.organization-mission-unit-state { fill: var(--accent); font-size: 9px; }
.organization-mission-accessible-graph,
.organization-mission-boundary { border-top: 1px solid var(--organization-line); }
.organization-mission-accessible-graph > summary,
.organization-mission-boundary > summary { padding: .65rem 0; color: var(--muted); cursor: pointer; font-size: .72rem; font-weight: 700; }
.organization-mission-unit-list { display: grid; gap: .5rem; margin: .3rem 0 .8rem; padding-left: 1.25rem; }
.organization-mission-unit-list li { display: grid; gap: .1rem; padding-left: .25rem; }
.organization-mission-unit-list span,
.organization-mission-unit-list small { color: var(--muted); font-size: .72rem; }
.organization-mission-unit-list p { margin: .2rem 0; color: var(--muted); font-size: .72rem; }
.organization-mission-control,
.organization-mission-budget,
.organization-mission-approvals { padding-top: .75rem; border-top: 1px solid var(--organization-line); }
.organization-mission-actions { display: flex; flex-wrap: wrap; gap: .42rem; margin-block: .55rem; }
.organization-mission-actions button { min-height: 38px; padding: .42rem .7rem; font-size: .76rem; }
.organization-mission-run-form { display: grid; grid-template-columns: minmax(9rem, .32fr) minmax(13rem, 1fr) auto; gap: .55rem; align-items: end; }
.organization-mission-run-form > label { color: var(--muted); font-size: .72rem; font-weight: 700; }
.organization-mission-run-form > label:first-child { grid-column: 1; }
.organization-mission-run-form > input { grid-column: 2; }
.organization-mission-run-form > button { grid-column: 3; }
.organization-mission-workflow-inputs { display: grid; grid-column: 1 / -1; gap: .5rem; }
.organization-mission-workflow-inputs:empty { display: none; }
.organization-mission-workflow-inputs fieldset { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .5rem; margin: 0; padding: .65rem; border: 0; border-left: 1px solid var(--organization-line-hot); }
.organization-mission-workflow-inputs legend { padding-inline: .3rem; color: var(--accent); font-size: .72rem; font-weight: 720; }
.organization-mission-workflow-inputs label { display: grid; gap: .22rem; color: var(--muted); font-size: .68rem; }
.organization-mission-workflow-inputs :is(input, select) { min-height: 40px; border: 0; background: rgb(3 14 20 / 48%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 7%); }
.organization-mission-budget-facts { display: grid; grid-template-columns: repeat(4, max-content minmax(0, 1fr)); gap: .25rem .55rem; margin: .5rem 0 0; font-size: .7rem; }
.organization-mission-budget-facts dt { color: var(--muted); }
.organization-mission-budget-facts dd { margin: 0; overflow-wrap: anywhere; }
.organization-mission-approval-item { padding: .68rem .72rem; border: 0; border-left: 1px solid color-mix(in srgb, #ffd27a 55%, transparent); background: transparent; }
.organization-mission-approval-item p { color: var(--muted); font-size: .72rem; }
.organization-mission-boundary { margin-top: .9rem; }
.organization-mission-boundary p { max-width: 88ch; color: var(--muted); font-size: .72rem; }

@container dashboard-workspace (max-width: 1100px) {
  .organization-mission-layout { grid-template-columns: minmax(12rem, .28fr) minmax(0, 1fr); }
  .organization-mission-runs { grid-column: 1 / -1; max-height: none; border-top: 1px solid var(--organization-line); }
  .organization-mission-run-list { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
}
@container dashboard-workspace (max-width: 720px) {
  .organization-mission-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .organization-mission-layout { display: grid; grid-template-columns: minmax(0, 1fr); }
  .organization-mission-layout > * { grid-column: 1; }
  .organization-mission-directory { max-height: 18rem; }
  .organization-mission-run-form { grid-template-columns: minmax(0, 1fr); }
  .organization-mission-run-form > *, .organization-mission-run-form > label:first-child,
  .organization-mission-run-form > input, .organization-mission-run-form > button { grid-column: 1; }
  .organization-mission-budget-facts { grid-template-columns: max-content minmax(0, 1fr); }
  .organization-mission-heading { align-items: stretch; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .organization-mission-directory-item, .organization-mission-run-item { transition: none; }
}
@media (forced-colors: active) {
  .organization-mission-layout, .organization-mission-facts { border: 1px solid CanvasText; background: Canvas; }
  .organization-mission-layout > *, .organization-mission-facts > div { border: 1px solid CanvasText; background: Canvas; }
  .organization-mission-graph-unit rect { fill: Canvas; stroke: CanvasText; }
  .organization-mission-graph-edges path { stroke: CanvasText; }
}


.boss-goals-workspace { container: boss-goals / inline-size; }
.boss-goals-heading, .boss-goals-heading-actions, .boss-goal-detail-heading, .boss-goal-form-row, .boss-goal-editor-actions, .boss-goal-actions { display: flex; gap: .7rem; align-items: center; }
.boss-goals-heading { justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.boss-goals-heading h2, .boss-goals-heading p { margin: 0; }
.boss-goals-heading-actions { flex-wrap: wrap; justify-content: flex-end; }
.boss-goals-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin-bottom: 1rem; }
.boss-goals-facts > div { min-width: 0; padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: color-mix(in srgb, var(--surface-raised) 80%, transparent); }
.boss-goals-facts small, .boss-goals-facts strong { display: block; }
.boss-goals-facts small { color: var(--muted); }
.boss-goals-facts strong { margin-top: .15rem; font-size: 1.45rem; }
.boss-goals-layout { display: grid; grid-template-columns: minmax(190px, .72fr) minmax(360px, 1.4fr) minmax(230px, .85fr); gap: 1rem; align-items: start; }
.boss-goals-directory, .boss-goals-editor, .boss-goals-assessment { min-width: 0; padding: .9rem; border: 1px solid var(--border); border-radius: 14px; background: color-mix(in srgb, var(--surface-raised) 66%, transparent); }
.boss-goals-directory header, .boss-goals-editor header, .boss-goals-assessment header { margin-bottom: .75rem; }
.boss-goals-directory h3, .boss-goals-editor h3, .boss-goals-assessment h3 { margin: 0; }
.boss-goals-list { display: grid; gap: .5rem; max-height: 38rem; overflow: auto; }
.boss-goal-card { display: grid; min-width: 0; gap: .22rem; padding: .7rem; text-align: left; border: 1px solid var(--border); border-radius: 10px; background: color-mix(in srgb, var(--surface) 84%, transparent); color: var(--text); cursor: pointer; }
.boss-goal-card[aria-current="true"] { border-color: var(--accent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); }
.boss-goal-card strong, .boss-goal-card small { min-width: 0; overflow-wrap: anywhere; }
.boss-goal-card small { color: var(--muted); }
.boss-goal-card .pill { justify-self: start; }
.boss-goal-form, .boss-goal-assessment-form { display: grid; gap: .65rem; }
.boss-goal-form label, .boss-goal-assessment-form label { display: grid; gap: .25rem; color: var(--muted); font-size: .78rem; }
.boss-goal-form input, .boss-goal-form textarea, .boss-goal-form select, .boss-goal-assessment-form input, .boss-goal-assessment-form textarea, .boss-goal-assessment-form select { width: 100%; min-width: 0; color: var(--text); border: 1px solid var(--border); border-radius: 8px; background: color-mix(in srgb, var(--surface) 86%, transparent); padding: .55rem .65rem; }
.boss-goal-form textarea, .boss-goal-assessment-form textarea { resize: vertical; }
.boss-goal-form-row > label { flex: 1 1 0; min-width: 0; }
.boss-goal-editor-actions, .boss-goal-actions { flex-wrap: wrap; margin-top: .25rem; }
.boss-goal-detail { display: grid; gap: .65rem; margin-top: .8rem; padding-top: .8rem; border-top: 1px solid var(--border); }
.boss-goal-detail-heading { justify-content: space-between; flex-wrap: wrap; }
.boss-goal-detail-heading strong, .boss-goal-detail-heading span { overflow-wrap: anywhere; }
.boss-goal-assessment-history { display: grid; gap: .3rem; }
.boss-goal-assessment-history h4, .boss-goal-assessment-history p { margin: 0; }
.boss-goal-assessment-history p { color: var(--muted); font-size: .78rem; overflow-wrap: anywhere; }
.boss-goals-boundary { margin-top: 1rem; color: var(--muted); }
@container boss-goals (max-width: 900px) { .boss-goals-layout { grid-template-columns: minmax(180px, .8fr) minmax(0, 1.2fr); } .boss-goals-assessment { grid-column: 1 / -1; } }
@container boss-goals (max-width: 620px) { .boss-goals-heading { align-items: flex-start; flex-direction: column; } .boss-goals-heading-actions { justify-content: flex-start; } .boss-goals-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .boss-goals-layout { grid-template-columns: minmax(0, 1fr); } .boss-goals-assessment { grid-column: auto; } .boss-goal-form-row { align-items: stretch; flex-direction: column; } }


.agent-live-activity {
  display: grid;
  height: min(42dvh, 360px);
  min-width: 0;
  grid-template-areas: "header" "summary" "presence" "stream" "boundary";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: .48rem;
  padding: .75rem;
  border: 0;
  border-radius: 18px;
  overflow: hidden;
}
.agent-live-activity[hidden] { display: none; }
.agent-live-header, .agent-live-header > div { display: flex; min-width: 0; align-items: center; gap: .65rem; }
.agent-live-header { grid-area: header; justify-content: space-between; }
.agent-live-header h3 { display: block; margin: 0; color: var(--text); font-size: .78rem; letter-spacing: -.01em; }
.agent-live-connection { display: inline-flex; align-items: center; gap: .38rem; color: var(--accent); font-size: .64rem; font-weight: 760; }
.agent-live-connection::before { content: ""; width: .48rem; height: .48rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgb(105 221 201 / 9%); }
#agent-live-follow { min-height: 34px; padding: .2rem .48rem; white-space: nowrap; font-size: .68rem; }
.agent-live-summary, .agent-live-boundary { margin: 0; color: var(--muted); font-size: .72rem; }
.agent-live-summary { grid-area: summary; }
.agent-live-boundary { grid-area: boundary; line-height: 1.42; }
.agent-live-presence { grid-area: presence; display: flex; min-width: 0; min-height: 40px; gap: .5rem; padding: .18rem 0 .38rem; overflow-x: auto; overflow-y: hidden; overscroll-behavior: contain; scrollbar-gutter: auto; }
.agent-live-presence-item { display: grid; min-width: max-content; grid-template-columns: auto auto; align-items: center; gap: 0 .32rem; padding: .3rem .48rem .3rem .35rem; border-radius: 999px; background: rgb(255 255 255 / 4%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 7%); }
.agent-live-presence-item .agent-live-presence-dot { grid-row: 1 / span 2; width: .5rem; height: .5rem; border-radius: 50%; background: #82918d; }
.agent-live-presence-item strong { font-size: .72rem; font-weight: 720; }
.agent-live-presence-item small { color: var(--muted); font-size: .62rem; }
.agent-live-stream {
  grid-area: stream;
  position: relative;
  display: grid;
  min-height: 0;
  align-content: start;
  gap: .25rem;
  margin: 0;
  padding: .15rem 0 .75rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  list-style: none;
}
.agent-live-event { display: grid; min-width: 0; grid-template-columns: 2.8rem .75rem minmax(0, 1fr); align-items: start; animation: agent-live-enter .3s var(--ease-out) both; }
.agent-live-event > time { padding-top: .72rem; color: var(--muted); font-size: .62rem; font-variant-numeric: tabular-nums; }
.agent-live-marker { position: relative; align-self: stretch; }
.agent-live-marker::before { content: ""; position: absolute; top: 0; bottom: -.25rem; left: calc(50% - .5px); width: 1px; background: linear-gradient(rgb(142 186 177 / 32%), rgb(142 186 177 / 8%)); }
.agent-live-marker::after { content: ""; position: absolute; top: .9rem; left: 50%; width: .48rem; height: .48rem; border: 2px solid rgb(5 28 33 / 90%); border-radius: 50%; background: #83928e; transform: translate(-50%, -50%); }
.agent-live-event:first-child .agent-live-marker::before { top: .9rem; }
.agent-live-event:last-child .agent-live-marker::before { bottom: calc(100% - .9rem); }
.agent-live-event.is-online .agent-live-marker::after, .agent-live-event.is-succeeded .agent-live-marker::after,
.agent-live-event.is-completed .agent-live-marker::after { background: #4fc39f; }
.agent-live-event.is-running .agent-live-marker::after, .agent-live-event.is-streaming .agent-live-marker::after,
.agent-live-event.is-active .agent-live-marker::after { background: #68d7c1; }
.agent-live-event.is-attention .agent-live-marker::after, .agent-live-event.is-blocked .agent-live-marker::after { background: #d9a953; }
.agent-live-event.is-failed .agent-live-marker::after, .agent-live-event.is-offline .agent-live-marker::after,
.agent-live-event.is-cancelled .agent-live-marker::after { background: #d96872; }
.agent-live-event-body { min-width: 0; margin-block: .1rem; padding: .5rem .58rem .56rem; border-radius: 12px; background: rgb(255 255 255 / 3.5%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%); }
.agent-live-event.is-streaming .agent-live-event-body, .agent-live-event.is-running .agent-live-event-body { background: linear-gradient(110deg, rgb(81 211 189 / 11%), rgb(255 255 255 / 3.5%)); }
.agent-live-event-heading { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .5rem; }
.agent-live-event-heading strong { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.agent-live-event-state { color: var(--muted); font-size: .62rem; text-transform: lowercase; }
.agent-live-event-body p { margin: .18rem 0 0; overflow-wrap: anywhere; font-size: .7rem; line-height: 1.42; }
.agent-live-event-body small { display: block; margin-top: .12rem; color: var(--muted); overflow-wrap: anywhere; white-space: pre-wrap; font-size: .62rem; line-height: 1.4; }
@keyframes agent-live-enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }

@media (max-width: 760px) {
  .agent-live-activity { height: clamp(320px, 48dvh, 430px); margin-top: .85rem; }
  .agent-live-header { align-items: flex-start; }
  .agent-live-header > div { display: grid; gap: .15rem; }
  .agent-live-presence { min-height: 44px; border-bottom: 1px solid rgb(255 255 255 / 7%); }
  .agent-live-event { grid-template-columns: 3.2rem .75rem minmax(0, 1fr); }
}
@media (max-width: 360px) {
  .agent-live-activity { height: min(54dvh, 440px); min-height: 330px; }
  .agent-live-summary, .agent-live-boundary { font-size: .66rem; }
  .agent-live-event { grid-template-columns: 2.7rem .7rem minmax(0, 1fr); }
}
@media (forced-colors: active) {
  #agent-live-follow:focus-visible { outline: 3px solid Highlight; }
}
@media (prefers-reduced-motion: reduce) {
  .agent-live-event { animation: none; }
}


.agent-markdown { min-width: 0; margin-top: .38rem; overflow-wrap: anywhere; white-space: normal; font-size: .95rem; line-height: 1.72; }
.agent-markdown[data-private-answer] { white-space: pre-wrap; }
.agent-markdown > :first-child { margin-top: 0; }.agent-markdown > :last-child { margin-bottom: 0; }
.agent-markdown :is(h3,h4,h5,h6) { margin: .95rem 0 .38rem; color: var(--text); font-size: 1rem; line-height: 1.38; letter-spacing: -.015em; }
.agent-markdown p { margin: .48rem 0; white-space: pre-wrap; }
.agent-markdown :is(ul,ol) { margin: .5rem 0; padding-inline-start: 1.4rem; }
.agent-markdown li + li { margin-top: .22rem; }
.agent-markdown blockquote { margin: .62rem 0; padding: .5rem .7rem; border-left: 3px solid var(--accent); border-radius: 0 10px 10px 0; color: var(--muted); background: rgb(35 126 112 / 6%); white-space: pre-wrap; }
.agent-markdown pre { max-width: 100%; margin: .65rem 0; padding: .85rem; overflow: auto; border-radius: 13px; background: linear-gradient(145deg, #07171c, #0b292c); color: #edf8f5; box-shadow: inset 0 0 0 1px rgb(190 232 224 / 10%); white-space: pre; }
.agent-markdown code { padding: .1rem .28rem; border-radius: 6px; background: rgb(35 126 112 / 10%); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9em; }
.agent-markdown pre code { padding: 0; background: transparent; }
.agent-markdown a { color: var(--accent-strong); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.agent-markdown.is-streaming { position: relative; white-space: pre-wrap; }
.agent-markdown.is-streaming::after { display: inline-block; width: .46rem; height: 1rem; margin-left: .2rem; vertical-align: -.12rem; content: ""; border-radius: 2px; background: linear-gradient(#4fbca8, #d7b45e); box-shadow: 0 0 12px rgb(79 188 168 / 32%); animation: agent-stream-caret 900ms steps(1) infinite; }
.agent-message:has(.agent-markdown.is-streaming) { position: relative; overflow: visible; }
.agent-message:has(.agent-markdown.is-streaming)::before { content: ""; position: absolute; inset: -.5px; z-index: -1; border-radius: inherit; background: linear-gradient(110deg, rgb(65 186 166 / 16%), transparent 42%, rgb(211 175 92 / 10%)); filter: blur(10px); pointer-events: none; }
@keyframes agent-stream-caret { 50% { opacity: .18; } }
@media (prefers-reduced-motion: reduce) { .agent-markdown.is-streaming::after { animation: none; } }
@media (forced-colors: active) { .agent-markdown blockquote, .agent-markdown pre { border: 1px solid CanvasText; } }


.agent-result-artifact-cards { display: grid; gap: .5rem; margin-top: .7rem; }
.agent-result-artifact-cards:empty { display: none; }
.agent-result-artifact-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .38rem .7rem;
  padding: .72rem;
  border: 1px solid rgb(var(--accent-rgb) / 16%);
  border-radius: .95rem;
  background: linear-gradient(135deg, rgb(var(--accent-rgb) / 8%), rgb(var(--surface-rgb) / 48%));
}
.agent-result-artifact-heading { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .42rem; min-width: 0; }
.agent-result-artifact-heading strong { overflow: hidden; color: var(--ink-strong); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.agent-result-artifact-kicker { color: var(--accent); font-size: .56rem; font-weight: 800; letter-spacing: .08em; }
.agent-result-artifact-state { padding: .18rem .38rem; border-radius: 999px; color: var(--muted); background: rgb(var(--surface-rgb) / 62%); font-size: .56rem; font-weight: 760; }
.agent-result-artifact-state.is-published { color: var(--accent); background: rgb(var(--accent-rgb) / 12%); }
.agent-result-artifact-state.is-rejected, .agent-result-artifact-state.is-retired { color: var(--warning); }
.agent-result-artifact-facts, .agent-result-artifact-status { grid-column: 1; margin: 0 !important; color: var(--muted); font-size: .64rem; line-height: 1.45; overflow-wrap: anywhere; }
.agent-result-artifact-card > button { grid-column: 2; grid-row: 1 / span 3; align-self: center; min-height: 40px; white-space: nowrap; }
.agent-result-artifact-boundary { grid-column: 1 / -1; margin: .08rem 0 0 !important; color: var(--muted); font-size: .59rem; line-height: 1.4; }
.agent-result-artifact-load-error { margin: 0 !important; color: var(--warning); font-size: .64rem; }
@media (max-width: 620px) {
  .agent-result-artifact-card { grid-template-columns: minmax(0, 1fr); }
  .agent-result-artifact-heading { grid-template-columns: auto minmax(0, 1fr); }
  .agent-result-artifact-state { grid-column: 1 / -1; justify-self: start; }
  .agent-result-artifact-card > button { grid-column: 1; grid-row: auto; width: 100%; }
}
@media (forced-colors: active) { .agent-result-artifact-card { border: 1px solid CanvasText; } }


.agent-roster-workspace { display: grid; gap: 1rem; margin: 1rem 0; padding: 1.1rem; border: 1px solid var(--glass-line, var(--wb-line)); border-radius: 20px; background: linear-gradient(145deg, rgb(31 36 56 / 62%), rgb(7 10 20 / 54%)); box-shadow: inset 0 1px var(--glass-highlight), 0 24px 70px rgb(0 0 0 / 28%); backdrop-filter: blur(28px) saturate(130%); -webkit-backdrop-filter: blur(28px) saturate(130%); }
.agent-roster-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.agent-roster-heading h3, .agent-roster-heading p { margin: 0; }
.agent-roster-heading > div:first-child { display: grid; gap: .2rem; }
.agent-roster-heading > div:first-child > p:last-child { max-width: 70ch; color: var(--muted); font-size: .76rem; line-height: 1.5; }
.agent-roster-heading-actions { display: flex; flex: 0 0 auto; gap: .45rem; }
.agent-roster-heading-actions button { min-height: 44px; }
#agent-roster-close { width: 44px; min-width: 44px; padding: 0; border-radius: 50%; font-size: 1.2rem; }
.agent-roster-status { margin: 0; padding: .65rem .8rem; border-left: 2px solid var(--accent); color: var(--muted); background: rgb(225 190 108 / 5%); font-size: .76rem; line-height: 1.45; }
.agent-roster-status.is-ready { color: var(--accent); }
.agent-roster-status.is-attention { border-left-color: var(--warning); }
.agent-roster-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr); gap: 1rem; align-items: start; }
.agent-roster-directory, .agent-roster-summon-form { min-width: 0; border: 1px solid var(--wb-line); border-radius: 16px; background: rgb(5 8 18 / 38%); }
.agent-roster-directory { display: grid; gap: .7rem; padding: .8rem; }
.agent-roster-section-heading { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.agent-roster-section-heading small { color: var(--muted); font-size: .7rem; }
.agent-roster-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; max-height: 27rem; overflow: auto; scrollbar-gutter: stable; }
.agent-roster-card { display: grid; min-width: 0; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .25rem .65rem; padding: .72rem; border: 1px solid rgb(226 199 135 / 12%); border-radius: 14px; color: var(--text); background: linear-gradient(145deg, rgb(32 38 61 / 58%), rgb(11 14 28 / 48%)); box-shadow: inset 0 1px rgb(255 245 210 / 6%); text-align: left; }
.agent-roster-card:hover:not(:disabled), .agent-roster-card:focus-visible { border-color: rgb(238 203 122 / 32%); background: linear-gradient(145deg, rgb(43 48 69 / 68%), rgb(16 18 32 / 62%)); }
.agent-roster-card[aria-selected="true"] { border-color: rgb(241 205 120 / 52%); background: linear-gradient(135deg, rgb(225 186 98 / 17%), rgb(92 105 162 / 15%)); box-shadow: inset 2px 0 var(--accent), 0 0 26px rgb(222 183 93 / 8%); }
.agent-roster-card-mark { grid-row: 1 / 5; display: grid; width: 2.45rem; height: 2.45rem; place-items: center; align-self: start; border: 1px solid rgb(237 204 125 / 30%); border-radius: 13px; color: var(--accent); background: radial-gradient(circle at 35% 25%, rgb(255 236 178 / 17%), rgb(223 182 88 / 6%) 50%, transparent); font-size: 1.4rem; }
.agent-roster-card strong, .agent-roster-card span, .agent-roster-card small { min-width: 0; overflow-wrap: anywhere; }
.agent-roster-card strong { font-size: .82rem; }
.agent-roster-card-state { color: var(--accent); font-size: .68rem; font-weight: 760; }
.agent-roster-card-device, .agent-roster-card-capabilities { color: var(--muted); font-size: .67rem; line-height: 1.38; }
.agent-roster-summon-form { display: grid; gap: .7rem; padding: .9rem; position: sticky; top: .5rem; }
.agent-roster-selection { display: grid; grid-template-columns: 2.7rem minmax(0, 1fr); align-items: center; gap: .65rem; }
.agent-roster-diamond { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid rgb(239 207 132 / 28%); border-radius: 14px; color: var(--accent); background: rgb(225 190 108 / 8%); font-size: 1.5rem; }
.agent-roster-selection > span:last-child { display: grid; min-width: 0; }
.agent-roster-selection small, .agent-roster-conversation span, .agent-roster-summon-form > label { color: var(--muted); font-size: .69rem; }
.agent-roster-selection strong, .agent-roster-conversation strong { min-width: 0; overflow-wrap: anywhere; }
.agent-roster-conversation { display: grid; gap: .12rem; margin: 0; padding-block: .55rem; border-block: 1px solid var(--wb-line); }
.agent-roster-summon-form textarea { min-height: 7rem; resize: vertical; }
.agent-roster-summon-form button { min-height: 46px; }
#agent-roster-summon-status { margin: 0; font-size: .7rem; line-height: 1.45; }
.agent-roster-skills { border-top: 1px solid var(--wb-line); padding-top: .75rem; }
.agent-roster-skills > summary { cursor: pointer; color: var(--text); font-weight: 760; }
.agent-roster-skills > summary small { display: inline-grid; min-width: 1.6rem; min-height: 1.6rem; margin-left: .35rem; place-items: center; border-radius: 999px; color: var(--accent); background: rgb(225 190 108 / 9%); }
.agent-roster-skills > p { margin: .45rem 0; color: var(--muted); font-size: .7rem; }
.agent-roster-skill-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.agent-roster-skill { display: grid; min-width: 0; gap: .2rem; padding: .65rem; border: 1px solid var(--wb-line); border-radius: 12px; background: rgb(9 12 24 / 42%); }
.agent-roster-skill strong, .agent-roster-skill span, .agent-roster-skill small { min-width: 0; overflow-wrap: anywhere; }
.agent-roster-skill strong { font-size: .75rem; }
.agent-roster-skill span, .agent-roster-skill small { color: var(--muted); font-size: .66rem; line-height: 1.35; }
.agent-external-participants > p { margin: .45rem 0; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.agent-external-participant { grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .35rem .6rem; }
.agent-external-participant-mark { grid-row: 1 / 5; display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid rgb(237 204 125 / 24%); border-radius: 10px; color: var(--accent); background: rgb(225 190 108 / 7%); }
.agent-external-participant[data-state="runnable"] { border-color: rgb(241 205 120 / 32%); box-shadow: inset 2px 0 rgb(225 190 108 / 45%); }
.agent-external-participant[data-state="attention"] { border-color: rgb(242 183 91 / 28%); }
.agent-roster-truncation, .agent-roster-boundary { margin: 0; color: var(--muted); font-size: .67rem; line-height: 1.5; }
.agent-roster-truncation { color: var(--warning); }
.agent-roster-list.empty-state, .agent-roster-skill-list.empty-state { min-height: 7rem; place-content: center; padding: 1rem; border: 1px dashed var(--wb-line); border-radius: 12px; color: var(--muted); text-align: center; }
@media (max-width: 900px) { .agent-roster-layout { grid-template-columns: minmax(0, 1fr); }.agent-roster-summon-form { position: static; }.agent-roster-skill-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .agent-roster-workspace { padding: .8rem; border-radius: 16px; }.agent-roster-heading { display: grid; }.agent-roster-heading-actions { width: 100%; }.agent-roster-heading-actions #agent-roster-refresh { flex: 1 1 auto; }.agent-roster-list, .agent-roster-skill-list { grid-template-columns: minmax(0, 1fr); }.agent-roster-list { max-height: none; }.agent-roster-section-heading { align-items: start; flex-direction: column; }.agent-roster-summon-form button { width: 100%; } }
@media (max-width: 360px) { .agent-roster-workspace { margin-inline: -.2rem; padding-inline: .65rem; }.agent-roster-heading > div:first-child > p:last-child { display: none; } }
@media (prefers-reduced-motion: reduce) { .agent-roster-workspace * { scroll-behavior: auto !important; transition: none !important; } }
@media (forced-colors: active) { .agent-roster-workspace, .agent-roster-directory, .agent-roster-summon-form, .agent-roster-card, .agent-roster-skill { border: 1px solid CanvasText; }.agent-roster-card[aria-selected="true"] { outline: 2px solid Highlight; } }


.digital-employee-workspace {
  container: digital-employee-workspace / inline-size;
  display: grid;
  min-width: 0;
  min-height: 100%;
  grid-auto-rows: max-content;
  align-content: start;
  gap: .65rem;
  padding: .5rem 0 1rem;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.digital-employee-heading, .digital-employee-section-heading, .digital-employee-form-heading,
.digital-employee-operating-heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}
.digital-employee-heading h3 { margin: 0; font-size: 1.2rem; letter-spacing: -.035em; }
.digital-employee-heading p, .digital-employee-boundary, .digital-employee-status,
.digital-employee-brain-preview p, .digital-employee-form small,
.digital-employee-conversation-navigation-body > p { color: var(--muted); }
.digital-employee-heading p { max-width: 68ch; margin: .2rem 0 0; }
.digital-employee-heading-actions { display: flex; flex: 0 0 auto; align-items: flex-start; gap: .65rem; }
.digital-employee-heading-actions > button { min-height: 44px; padding-inline: 1rem; }
.digital-employee-more-actions { position: relative; z-index: 8; }
.digital-employee-more-actions:not([open]) > :not(summary),
.digital-employee-brain-settings:not([open]) > :not(summary),
.digital-employee-portrait-generator:not([open]) > :not(summary),
.digital-employee-coaching-text-equivalent:not([open]) > :not(summary) { display: none !important; }
.digital-employee-more-actions > summary {
  display: grid;
  min-width: 4.5rem;
  min-height: 42px;
  place-items: center;
  padding: .5rem .8rem;
  border-radius: var(--ui-radius-sm, 12px);
  color: var(--text);
  border: 1px solid var(--sheet-line, var(--border));
  background: transparent;
  box-shadow: none;
  font-weight: 750;
  list-style: none;
  cursor: pointer;
}
.digital-employee-more-actions > summary::-webkit-details-marker { display: none; }
.digital-employee-more-actions > div {
  position: absolute;
  top: calc(100% + .45rem);
  right: 0;
  display: grid;
  width: min(13rem, calc(100vw - 2rem));
  gap: .35rem;
  padding: .45rem;
  border-radius: var(--ui-radius-sm, 12px);
  border: 1px solid var(--overlay-line, var(--border));
  background: var(--overlay-bg, rgb(248 251 252 / 91%));
  box-shadow: var(--shadow-overlay, 0 24px 72px rgb(2 10 18 / 26%));
  backdrop-filter: blur(18px);
}
.digital-employee-readiness {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(.75rem, 2vw, 1.4rem);
  padding: .8rem 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
}
.digital-employee-readiness > div { display: grid; min-width: 0; gap: .1rem; }
.digital-employee-readiness :is(p, h4) { margin: 0; overflow-wrap: anywhere; }
.digital-employee-readiness h4 { color: var(--ink-strong, var(--text)); font-size: clamp(1rem, 2vw, 1.2rem); }
.digital-employee-readiness-detail { color: var(--muted); font-size: .82rem; }
.digital-employee-readiness > button { min-width: 9rem; min-height: 44px; }
.digital-employee-readiness[data-state="recovering"],
.digital-employee-readiness[data-state="syncing"] { border-block-end-color: var(--sea-salt-strong, var(--accent)); }
.digital-employee-readiness[data-state="ready-readonly"] { border-block-end-color: var(--warning); }
.digital-employee-readiness[data-state="stale"],
.digital-employee-readiness[data-state="error"] { border-block-end-color: var(--warning); }
.digital-employee-status { margin: 0; font-size: .82rem; overflow-wrap: anywhere; }
.digital-employee-layout {
  display: grid;
  min-width: 0;
  min-height: min-content;
  grid-template-columns: minmax(13rem, min(var(--digital-employee-roster-width, 240px), 28cqi)) 16px minmax(0, 1fr);
  gap: clamp(.45rem, .8vw, .75rem);
  align-items: start;
}
.dashboard-resize-handle-employee {
  position: sticky;
  top: .25rem;
  align-self: stretch;
  min-height: 18rem;
  grid-column: 2;
}
.digital-employee-directory, .digital-employee-form, .digital-employee-review-lane,
.digital-employee-memory-policy, .digital-employee-resources, .digital-employee-brain-preview,
    .digital-employee-operating-picture, .digital-employee-brain-settings,
    .digital-employee-work-resources, .digital-employee-model-policy, .digital-employee-todo {
  min-width: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-onboarding { display: grid; gap: .7rem; padding: .9rem 0; border-block-start: 1px solid var(--sheet-divider, var(--border)); background: transparent; box-shadow: none; }
.digital-employee-onboarding > header { display: flex; align-items: end; justify-content: space-between; gap: .7rem; }
.digital-employee-onboarding > header :is(p, h4) { margin: 0; }
.digital-employee-onboarding > header > span { color: var(--accent-strong); font-size: .76rem; font-weight: 800; }
.digital-employee-onboarding-track { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .4rem; }
.digital-employee-onboarding-track > button { display: grid; min-width: 0; grid-template-columns: 1.8rem minmax(0, 1fr); gap: .45rem; align-items: center; padding: .55rem; border: 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); border-radius: 0; color: var(--text); background: transparent; box-shadow: none; text-align: left; }
.digital-employee-onboarding-track > button:hover:not(:disabled) { color: var(--text); background: var(--sea-salt-soft); filter: none; transform: none; }
.digital-employee-onboarding-track b { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; color: var(--accent-strong); background: var(--sea-salt-soft); font-size: .72rem; }
.digital-employee-onboarding-track span { display: grid; min-width: 0; }
.digital-employee-onboarding-track small { color: var(--muted); overflow-wrap: anywhere; font-weight: 500; }
.digital-employee-onboarding-track > button[data-ready="true"] { box-shadow: inset 0 -3px var(--accent); }
.digital-employee-directory {
  position: sticky;
  top: .25rem;
  display: grid;
  max-height: calc(100dvh - 8.5rem);
  gap: .65rem;
  padding: .85rem;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.digital-employee-roster { display: grid; min-width: 0; gap: .65rem; }
.digital-employee-section-heading h4, .digital-employee-section-heading h5,
.digital-employee-section-heading p { margin: 0; }
.digital-employee-section-heading > span {
  display: grid;
  min-width: 2rem;
  min-height: 2rem;
  place-items: center;
  border-radius: 999px;
  color: var(--accent-strong);
  background: var(--sea-salt-soft, rgb(201 235 230 / 60%));
  font-weight: 850;
}
.digital-employee-list, .digital-employee-version-list, .digital-employee-conversation-list { display: grid; gap: .45rem; }
.digital-employee-card {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 0;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .12rem .6rem;
  padding: .65rem;
  border: 0;
  border-radius: 14px;
  color: var(--text);
  background: transparent;
  box-shadow: none;
  text-align: left;
}
.digital-employee-card:hover:not(:disabled) { color: var(--text); background: var(--sea-salt-soft); filter: none; transform: none; }
.digital-employee-card[aria-current="true"] {
  background: var(--sea-salt-soft);
  box-shadow: inset 3px 0 var(--metal-gold-mid);
}
.digital-employee-card strong, .digital-employee-card span:not(.digital-employee-avatar),
.digital-employee-card small { grid-column: 2; min-width: 0; overflow-wrap: anywhere; }
.digital-employee-card span:not(.digital-employee-avatar), .digital-employee-card small { color: var(--muted); }

.digital-employee-card-floating-trigger {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: all var(--motion-fast, 160ms) ease;
}

.digital-employee-card:hover .digital-employee-card-floating-trigger,
.digital-employee-card:focus-within .digital-employee-card-floating-trigger {
  opacity: 1;
}

.digital-employee-card-floating-trigger:hover,
.digital-employee-card-floating-trigger:focus-visible {
  border-color: var(--line-hot);
  background: var(--sheet-bg-hover);
  color: var(--accent);
  transform: scale(1.08);
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.digital-employee-avatar {
  grid-row: 1 / span 3;
  display: grid;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  border-radius: 50%;
  color: var(--ink-strong, #183035);
  background: radial-gradient(circle at 32% 22%, #fffef8 0 12%, transparent 13%),
    linear-gradient(145deg, var(--sea-salt), var(--metal-gold-light));
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 62%);
}
.digital-employee-avatar,
.digital-employee-fabric-avatar,
.adaptive-workforce-avatar { background-position: center; background-size: cover; background-repeat: no-repeat; }
.digital-employee-conversation-navigation {
  margin-top: .25rem;
  padding-top: .75rem;
  border-top: 1px solid var(--glass-outline-fluid);
}
.digital-employee-conversation-navigation > summary {
  display: grid;
  min-height: 44px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .65rem;
  color: var(--text);
  list-style: none;
  cursor: pointer;
}
.digital-employee-conversation-navigation > summary::-webkit-details-marker { display: none; }
.digital-employee-conversation-navigation > summary > span { display: grid; min-width: 0; gap: .08rem; }
.digital-employee-conversation-navigation > summary small { color: var(--muted); font-size: .68rem; }
.digital-employee-conversation-navigation > summary strong { overflow-wrap: anywhere; }
.digital-employee-conversation-navigation > summary::after { content: "+"; color: var(--muted); font-size: 1rem; }
.digital-employee-conversation-navigation[open] > summary::after { content: "−"; }
.digital-employee-conversation-navigation-body { display: grid; gap: .55rem; padding-top: .55rem; }
.digital-employee-conversation-navigation-body > p { margin: 0; font-size: .74rem; line-height: 1.5; }
.digital-employee-conversation-card {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .25rem .55rem;
  padding: .65rem;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: none;
}
.digital-employee-conversation-card > div { display: grid; min-width: 0; }
.digital-employee-conversation-card strong { overflow-wrap: anywhere; }
.digital-employee-conversation-channel,
.digital-employee-conversation-channel-context { white-space: normal; line-height: 1.42; overflow-wrap: anywhere; }
.digital-employee-conversation-channel { color: var(--sea-salt-text, #245f55) !important; font-weight: 720; }
.digital-employee-conversation-card small, .digital-employee-conversation-card p,
.digital-employee-conversation-card time { color: var(--muted); }
.digital-employee-conversation-card p { grid-column: 1 / -1; margin: 0; font-size: .76rem; }
.digital-employee-conversation-card time { grid-column: 1; font-size: .72rem; }
.digital-employee-conversation-card > button { grid-column: 2; grid-row: 2 / span 2; align-self: end; min-height: 36px; padding: .35rem .55rem; }
.digital-employee-lab { container: digital-employee-lab / inline-size; display: grid; min-width: 0; gap: var(--ui-section-gap, 1.5rem); }
.digital-employee-operating-picture { display: grid; gap: .75rem; padding: clamp(.85rem, 1.6vw, 1.15rem); }
.digital-employee-operating-heading p { margin: .15rem 0 0; color: var(--muted); }
.digital-employee-operating-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
.digital-employee-operating-metrics > div {
  display: grid;
  gap: .08rem;
  padding: .7rem;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.digital-employee-operating-metrics small { color: var(--muted); }
.digital-employee-operating-metrics strong { color: var(--ink-strong, var(--text)); font-size: clamp(1.15rem, 3vw, 1.65rem); }
.digital-employee-todo { display: grid; gap: .65rem; padding: .9rem 1rem; }
.digital-employee-todo > header { display: flex; align-items: end; justify-content: space-between; gap: .75rem; }
.digital-employee-todo > header :is(p, h4), .digital-employee-todo > p { margin: 0; }
.digital-employee-todo > header > span { color: var(--accent-strong); font-size: .76rem; font-weight: 800; }
.digital-employee-todo > p { color: var(--muted); font-size: .76rem; }
.digital-employee-todo-list { display: grid; gap: .45rem; }
.digital-employee-todo-item { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto auto; gap: .2rem .55rem; align-items: center; padding: .65rem 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); background: transparent; box-shadow: none; }
.digital-employee-todo-item.is-step { margin-left: 1.25rem; border-left: 3px solid var(--sea-salt); }
.digital-employee-todo-item.is-failed, .digital-employee-todo-item.is-blocked { border-left: 3px solid var(--warning); }
.digital-employee-todo-item > div { display: grid; min-width: 0; }
.digital-employee-todo-item :is(small) { color: var(--muted); overflow-wrap: anywhere; }
.digital-employee-todo-item > small { grid-column: 1; font-size: .7rem; }
.digital-employee-todo-item > button { grid-column: 3; grid-row: 1 / span 2; min-height: 36px; padding: .35rem .55rem; }
.digital-employee-work-resources {
  display: grid;
  grid-template-columns: minmax(12rem, .8fr) minmax(18rem, 1.2fr) auto;
  align-items: center;
  gap: .85rem;
  padding: .85rem 0;
  border-block-start: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: none;
}
.digital-employee-work-resource-copy { display: grid; min-width: 0; gap: .12rem; }
.digital-employee-work-resources small { color: var(--muted); }
.digital-employee-work-resource-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.digital-employee-work-resource-facts > div {
  display: grid;
  min-width: 0;
  gap: .08rem;
  padding: .58rem .65rem;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.digital-employee-work-resource-facts strong { overflow-wrap: anywhere; color: var(--ink-strong, var(--text)); }
.digital-employee-work-resource-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .45rem; }
.digital-employee-model-policy {
  display: grid;
  grid-template-columns: minmax(12rem, .85fr) minmax(18rem, 1.45fr) auto;
  gap: .8rem;
  align-items: center;
  padding: .85rem 0;
  border-block-start: 1px solid var(--sheet-divider, var(--border));
}
.digital-employee-model-policy-copy { display: grid; min-width: 0; gap: .12rem; }
.digital-employee-model-policy-copy :is(p, strong, small), .digital-employee-model-policy-boundary { margin: 0; }
.digital-employee-model-policy-copy small, .digital-employee-model-policy-facts small,
.digital-employee-model-policy-boundary { color: var(--muted); }
.digital-employee-model-policy-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.digital-employee-model-policy-facts > div {
  display: grid;
  min-width: 0;
  gap: .08rem;
  padding: .58rem .65rem;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.digital-employee-model-policy-facts strong { overflow-wrap: anywhere; font-size: .82rem; }
.digital-employee-model-policy-actions { display: grid; gap: .4rem; }
.digital-employee-model-policy-boundary { grid-column: 1 / -1; font-size: .76rem; line-height: 1.5; }
.digital-employee-resource-flash { animation: digital-employee-resource-flash 1.5s ease-out; }
@keyframes digital-employee-resource-flash {
  0%, 30% { outline: 3px solid var(--accent); outline-offset: 3px; }
  100% { outline: 3px solid transparent; outline-offset: 3px; }
}
.digital-employee-brain-settings { padding: 0; overflow: clip; }
.digital-employee-brain-settings > summary {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .9rem 1rem;
  cursor: pointer;
}
.digital-employee-brain-settings > summary > span { display: grid; }
.digital-employee-brain-settings > summary small { color: var(--muted); font-weight: 500; }
.digital-employee-brain-settings[open] > summary { border-block-end: 1px solid var(--sheet-divider, var(--border)); }
.digital-employee-brain-settings .digital-employee-form { padding: var(--ui-region-padding-block, 1.25rem) 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.digital-employee-form fieldset { display: grid; min-width: 0; gap: var(--ui-section-gap, 1.5rem); padding: 0; border: 0; }
.digital-employee-grid, .digital-employee-knowledge-rules, .digital-employee-bindings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
}
.digital-employee-grid label, .digital-employee-knowledge-rules label,
.digital-employee-training-builder label { display: grid; min-width: 0; gap: .45rem; }
.digital-employee-form :is(input, select, textarea):not([type="checkbox"]):not([type="file"]) { width: 100%; min-width: 0; min-height: 44px; }
.digital-employee-form textarea { line-height: 1.65; }
.digital-employee-grid .wide { grid-column: 1 / -1; }
.digital-employee-training, .digital-employee-memory-policy, .digital-employee-resources,
.digital-employee-brain-preview, .digital-employee-review-lane { display: grid; min-width: 0; gap: 1rem; padding: var(--ui-region-padding-block, 1.25rem) 0; }
.digital-employee-training { border-block-start: 1px solid var(--sheet-divider, var(--border)); background: transparent; }
.digital-employee-training-builder { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.digital-employee-training-builder label.check-row { display: flex; align-items: flex-start; gap: .65rem; line-height: 1.65; }
.digital-employee-training-builder .check-row input[type="checkbox"] { flex: 0 0 auto; width: 18px; height: 18px; min-height: 0; margin-top: .25em; }
.digital-employee-training > p { margin: 0; max-width: 70ch; color: var(--muted); line-height: 1.6; }
.digital-employee-training-source { min-width: 0; border-block: 1px solid var(--sheet-divider, var(--border)); }
.digital-employee-training-source > summary { min-height: 44px; padding-block: .7rem; color: var(--muted); font-size: .85rem; cursor: pointer; }
.digital-employee-training-source > p { margin: 0 0 .8rem; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.digital-employee-training-source .digital-employee-training-preview { margin-bottom: .8rem; }
#digital-employee-training-add { justify-self: start; min-height: 44px; padding-inline: 1.25rem; }
.digital-employee-training-builder .wide, .digital-employee-training-preview { grid-column: 1 / -1; }
.digital-employee-training-preview {
  max-height: 11rem;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: .7rem;
  border-radius: 12px;
  background: var(--glass-input-fluid);
  color: var(--muted);
  box-shadow: inset 0 0 0 1px var(--glass-outline-fluid);
}
.digital-employee-training-list, .digital-employee-resource-list { display: grid; gap: .5rem; }
.digital-employee-training-card, .digital-employee-resource-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .4rem .8rem;
  padding: 1rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
  box-shadow: none;
}
.digital-employee-training-card > :is(strong, span, p, small, code) { grid-column: 1; margin: 0; overflow-wrap: anywhere; }
.digital-employee-training-card > button { grid-column: 2; grid-row: 1; align-self: start; }
.digital-employee-training-card > :is(span, p, details) { grid-column: 1 / -1; min-width: 0; }
.digital-employee-training-state { color: var(--warning); font-size: .8rem; }
.digital-employee-training-card[data-state="active"] .digital-employee-training-state { color: var(--accent-strong); }
.digital-employee-training-evidence > summary { min-height: 44px; padding-block: .65rem; color: var(--muted); font-size: .8rem; cursor: pointer; }
.digital-employee-training-evidence > :is(small, code) { display: block; margin-block: .3rem; white-space: normal; overflow-wrap: anywhere; }
.digital-employee-training-evidence > code { font-size: .72rem; }
.digital-employee-training-learnings { grid-column: 1; display: grid; gap: .35rem; margin-top: .4rem; }
.digital-employee-training-learning, .digital-employee-execution-context,
.digital-employee-context-row { display: grid; gap: .18rem; padding: .55rem 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); background: transparent; }
.digital-employee-training-learning p, .digital-employee-training-learning small { margin: 0; overflow-wrap: anywhere; }
.digital-employee-bindings { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.digital-employee-bindings > div { min-width: 0; padding: .65rem 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); }
.digital-employee-binding-reconciliation { display: grid; gap: .75rem; margin-block: .7rem; padding: .9rem 0;
  border-block: 1px solid color-mix(in srgb, var(--warning, #f0b35b) 48%, transparent); }
.digital-employee-binding-reconciliation[hidden] { display: none; }
.digital-employee-binding-reconciliation p { margin: .2rem 0 0; color: var(--muted); }
.digital-employee-binding-reconciliation-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.digital-employee-choice-list { display: grid; min-width: 0; max-height: 18rem; gap: .35rem; overflow: auto; scrollbar-gutter: stable; }
.digital-employee-binding-choice { min-width: 0; padding-block: .4rem; border-block-end: 1px solid var(--sheet-divider, var(--border)); }
.digital-employee-binding-choice label { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .5rem; cursor: pointer; }
.digital-employee-binding-copy { display: grid; min-width: 0; gap: .2rem; overflow-wrap: anywhere; }
.digital-employee-binding-copy strong { font-weight: 650; }
.digital-employee-binding-copy small { color: var(--muted); font-size: .76rem; line-height: 1.45; }
.digital-employee-binding-evidence { min-width: 0; margin: .3rem 0 0 1.55rem; }
.digital-employee-binding-evidence summary { width: fit-content; min-height: 36px; padding-block: .45rem; color: var(--muted); font-size: .75rem; cursor: pointer; }
.digital-employee-binding-evidence code { display: block; max-width: 100%; margin-block: .2rem; white-space: normal; overflow-wrap: anywhere; font-size: .72rem; }
.digital-employee-growth-areas label { display: flex; align-items: center; gap: .4rem; }
.digital-employee-choice-list input, .digital-employee-growth-areas input, .digital-employee-form .check-row input { width: auto; }
.digital-employee-resource-builder { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .6rem; align-items: end; }
.digital-employee-resource-builder label { display: grid; gap: .25rem; }
.digital-employee-resource-list { margin-top: .1rem; }
.digital-employee-resource-card > :is(span, small) { grid-column: 1; }
.digital-employee-resource-actions { grid-column: 2; grid-row: 1 / span 3; display: flex; gap: .4rem; align-items: center; }
.digital-employee-growth-policy { padding: .7rem 0; border-block: 1px solid var(--sheet-divider, var(--border)); background: transparent; box-shadow: none; }
.digital-employee-growth-policy summary { cursor: pointer; font-weight: 750; }
.digital-employee-growth-areas { display: flex; flex-wrap: wrap; gap: .45rem .8rem; padding-top: .55rem; }
.digital-employee-memory-policy ul { display: grid; gap: .25rem; margin: .45rem 0 0; padding-left: 1.2rem; color: var(--muted); }
.digital-employee-brain-graph { display: flex; align-items: center; gap: .25rem; overflow-x: auto; padding: .6rem 0; }
.digital-employee-neuron { flex: 0 0 auto; max-width: 10rem; padding: .48rem .58rem; border-radius: 10px; background: var(--sheet-bg-quiet, rgb(255 255 255 / 18%)); box-shadow: none; }
.digital-employee-neuron.is-review { box-shadow: inset 0 0 0 1px var(--warning); }
.digital-employee-synapse { color: var(--accent); }
.digital-employee-version {
  display: grid;
  width: 100%;
  gap: .25rem;
  padding: .7rem;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--text);
  box-shadow: inset 3px 0 var(--sea-salt-strong);
  text-align: left;
}
.digital-employee-version[aria-current="true"] { background: var(--sea-salt-soft); box-shadow: inset 3px 0 var(--metal-gold-mid); }
.digital-employee-version code { overflow-wrap: anywhere; color: var(--muted); font-size: .72rem; }
.digital-employee-version-provenance { display: grid; gap: .15rem; margin-top: .25rem; padding-top: .4rem; border-top: 1px solid var(--glass-outline-fluid); }
.digital-employee-execution-context { margin-top: .45rem; }
.digital-employee-execution-context > small, .digital-employee-context-row small { color: var(--muted); }
.digital-employee-context-row { min-width: 0; border-left: 3px solid var(--sea-salt-strong); }
.digital-employee-context-row.is-omitted { border-left-color: var(--warning); opacity: .9; }
.digital-employee-context-row p, .digital-employee-context-row small { margin: 0; overflow-wrap: anywhere; }
.digital-employee-context-warning { margin: 0; color: var(--warning); overflow-wrap: anywhere; }
.digital-employee-lifecycle-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.digital-employee-boundary { margin: 0; padding-top: .8rem; border-top: 1px solid var(--glass-outline-fluid); }

@container digital-employee-workspace (max-width: 39.999rem) {
  .digital-employee-layout { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-directory { position: static; max-height: none; padding: .65rem 0; }
  .dashboard-resize-handle-employee { display: none; }
  .digital-employee-list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
  .digital-employee-workspace[data-focus-state="none"] .digital-employee-focus { display: none; }
}
@container digital-employee-lab (max-width: 760px) {
  .digital-employee-grid, .digital-employee-knowledge-rules,
  .digital-employee-bindings, .digital-employee-binding-reconciliation-choices { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-training-builder { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-training-builder .wide, .digital-employee-training-preview, .digital-employee-grid .wide { grid-column: 1; }
  .digital-employee-resource-builder, .digital-employee-resource-card { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-resource-actions { grid-column: 1; grid-row: auto; flex-wrap: wrap; }
  .digital-employee-work-resources { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  .digital-employee-model-policy { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  .digital-employee-model-policy-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .digital-employee-model-policy-boundary { grid-column: 1; }
  .digital-employee-operating-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .digital-employee-onboarding-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container digital-employee-workspace (max-width: 560px) {
  .digital-employee-heading { align-items: stretch; flex-direction: column; }
  .digital-employee-heading-actions { width: 100%; justify-content: flex-end; }
  .digital-employee-more-actions > summary { min-width: 5.5rem; }
  .digital-employee-readiness { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-readiness > button { width: 100%; }
  .digital-employee-conversation-navigation > summary { align-items: start; grid-template-columns: minmax(0, 1fr) auto auto; }
}
@container digital-employee-lab (max-width: 520px) {
  .digital-employee-section-heading, .digital-employee-form-heading,
  .digital-employee-operating-heading { align-items: stretch; flex-direction: column; }
  .digital-employee-work-resource-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .digital-employee-work-resource-actions button { width: 100%; }
  .digital-employee-work-resource-facts { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-model-policy-facts, .digital-employee-model-policy-actions { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-onboarding > header { align-items: flex-start; flex-direction: column; }
  .digital-employee-onboarding-track { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(11rem, 75%); overflow-x: auto; padding-block: .15rem .7rem; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
  .digital-employee-onboarding-track > button { min-height: 72px; scroll-snap-align: start; }
  .digital-employee-form :is(input, select, textarea):not([type="checkbox"]) { font-size: 1rem; }
  .digital-employee-form .check-row { align-items: flex-start; line-height: 1.65; }
  .digital-employee-form .check-row input { flex: 0 0 auto; margin-top: .25em; }
  .digital-employee-form .digital-employee-section-heading { flex-direction: row; align-items: center; }
  .digital-employee-task-portrait { grid-template-columns: auto minmax(0, 1fr); }
  .digital-employee-portrait-actions {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }
  .digital-employee-portrait-actions > :is(button, details, small),
  .digital-employee-portrait-generator > summary { width: 100%; }
  .digital-employee-portrait-generator > div {
    inset-inline: 0 auto;
    width: min(22rem, 100%);
    max-width: calc(100vw - 2 * var(--ui-gutter, .55rem));
  }
  .digital-employee-portrait-generator > div > :is(button, a, label, select) { width: 100%; }
  .digital-employee-task-portrait > small { grid-column: 1 / -1; }
  .digital-employee-todo > header { align-items: flex-start; flex-direction: column; }
  .digital-employee-todo-item { grid-template-columns: minmax(0, 1fr) auto; }
  .digital-employee-todo-item > button { grid-column: 1 / -1; grid-row: auto; width: 100%; }
  .digital-employee-todo-item.is-step { margin-left: .65rem; }
  .digital-employee-lifecycle-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-transparency: reduce) {
  .digital-employee-directory { background: var(--sheet-bg); backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) { .digital-employee-resource-flash { animation: none; } }

.employee-knowledge-action { margin-block-start: .55rem; }
.employee-knowledge-editor { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; padding: .7rem; border: 1px solid var(--sheet-line, var(--border)); border-radius: var(--ui-radius-sm, 12px); background: var(--sheet-bg, transparent); }
.employee-knowledge-editor > :is(input, textarea, small) { grid-column: 1 / -1; min-width: 0; width: 100%; box-sizing: border-box; }
.employee-knowledge-editor > textarea { resize: vertical; min-height: 6rem; }
.employee-knowledge-editor > small { color: var(--muted); font-size: .75rem; line-height: 1.45; }
.employee-knowledge-editor > button { justify-self: start; min-height: 32px; }


.digital-employee-sharing {
  margin-block-start: .75rem;
  padding-block: .15rem;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.digital-employee-sharing > summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  color: var(--ink-strong, var(--text));
  font-weight: 760;
  cursor: pointer;
}
.digital-employee-sharing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.75rem, 2vw, 1.2rem);
  padding-block: .45rem .8rem;
}
.digital-employee-sharing-grid > section {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: .6rem;
  padding: clamp(.75rem, 1.6vw, 1rem);
  border: 1px solid var(--sheet-line, var(--border));
  border-radius: var(--ui-radius-md, 16px);
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 68%, transparent);
}
.digital-employee-sharing :is(h5, p) { margin: 0; }
.digital-employee-sharing p,
.digital-employee-sharing small { color: var(--muted); line-height: 1.5; }
.digital-employee-sharing label { display: grid; min-width: 0; gap: .28rem; font-size: .76rem; }
.digital-employee-sharing :is(input, textarea) { width: 100%; max-width: 100%; min-width: 0; }
.digital-employee-sharing textarea { resize: vertical; }
.digital-employee-share-tags {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .35rem .55rem;
  min-width: 0;
  margin: 0;
  padding: .55rem;
  border: 1px solid var(--sheet-line, var(--border));
  border-radius: var(--ui-radius-sm, 12px);
}
.digital-employee-share-tags legend { padding-inline: .25rem; color: var(--muted); font-size: .72rem; }
.digital-employee-share-tags label,
.digital-employee-sharing .check-row { display: flex; align-items: flex-start; gap: .4rem; }
.digital-employee-share-tags input,
.digital-employee-sharing .check-row input { flex: 0 0 auto; margin-block-start: .12rem; }
.digital-employee-sharing-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.digital-employee-share-list,
.digital-employee-share-preview { display: grid; min-width: 0; gap: .42rem; }
.digital-employee-share-row {
  display: grid;
  min-width: 0;
  gap: .2rem;
  padding-block: .55rem;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.digital-employee-share-row > *,
.digital-employee-share-preview > * { min-width: 0; overflow-wrap: anywhere; }
.digital-employee-share-row code { overflow-wrap: anywhere; }
.digital-employee-share-row button { width: fit-content; margin-block-start: .3rem; }
.digital-employee-share-preview {
  padding: .7rem;
  border-inline-start: 3px solid var(--sea-salt-strong, var(--accent));
  background: color-mix(in srgb, var(--sea-salt-soft, transparent) 45%, transparent);
}
.digital-employee-share-preview span { color: var(--ink-strong, var(--text)); font-size: .82rem; }
.digital-employee-share-status {
  min-height: 1.35rem;
  padding-block-end: .5rem;
  overflow-wrap: anywhere;
  font-size: .76rem;
}
#digital-employee-share-token { font-family: var(--font-mono, ui-monospace, monospace); user-select: all; }
.digital-employee-share-open-public {
  width: fit-content; color: var(--accent); font-size: .78rem; font-weight: 720; text-decoration: none;
}
.digital-employee-share-open-public:hover { text-decoration: underline; }
@container digital-employee-lab (max-width: 760px) {
  .digital-employee-sharing-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .digital-employee-share-tags { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .digital-employee-sharing-actions > button { flex: 1 1 9rem; min-height: 44px; }
}
@media (max-width: 380px) {
  .digital-employee-share-tags { grid-template-columns: 1fr; }
}


.digital-employee-roster {
  position: relative;
  align-content: start;
}
.digital-employee-search {
  position: relative;
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr);
  align-items: center;
  gap: .25rem;
  min-width: 0;
  padding: .16rem .35rem .16rem .55rem;
  border-block: 1px solid var(--line-rest, var(--sheet-divider, var(--border)));
  color: var(--muted);
  background: color-mix(in srgb, var(--surface-raised) 20%, transparent);
}
.digital-employee-search:focus-within {
  border-block-color: var(--line-active, var(--accent));
  box-shadow: 0 9px 24px -24px var(--line-hot, var(--accent));
}
.digital-employee-search i { font-style: normal; text-align: center; }
.digital-employee-search input {
  min-width: 0;
  padding: .52rem .3rem;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}
.digital-employee-search input::-webkit-search-cancel-button { opacity: .65; cursor: pointer; }
.digital-employee-roster-result {
  min-height: 1.25rem;
  margin: -.2rem 0 0;
  color: var(--muted);
  font-size: .72rem;
}
.digital-employee-roster-controls { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
.digital-employee-roster-controls > label { display: inline-flex; flex: 0 0 auto; min-height: 36px; align-items: center; gap: .35rem; white-space: nowrap; color: var(--muted); font-size: .72rem; }
.digital-employee-roster-controls > label > input { flex: 0 0 auto; width: auto; margin: 0; }
.digital-employee-roster-controls > span { display: inline-flex; max-width: 100%; margin-inline-start: auto; gap: .3rem; }
.digital-employee-roster-controls button { min-height: 30px; padding: .28rem .5rem; font-size: .7rem; }
.digital-employee-roster-management-status { min-height: 1rem; margin: -.15rem 0; color: var(--muted); font-size: .68rem; overflow-wrap: anywhere; }
.digital-employee-card-pin { width: fit-content; padding: .08rem .35rem; border-radius: 999px; background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent-strong) !important; font-size: .62rem; font-weight: 800; }
.digital-employee-list[role="listbox"] { min-width: 0; }
.digital-employee-card {
  position: relative;
  isolation: isolate;
  transition: color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}
.digital-employee-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 20% auto 20% 0;
  width: 1px;
  background: transparent;
  box-shadow: none;
  transition: inset 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}
.digital-employee-card:is([aria-selected="true"], [aria-current="true"])::after {
  inset-block: 9%;
  background: var(--line-hot, var(--metal-gold-mid));
  box-shadow: 0 0 16px 2px color-mix(in srgb, var(--line-hot, var(--metal-gold-mid)) 54%, transparent);
}
.digital-employee-card[data-selection="loading"] { cursor: progress; }
.digital-employee-card[data-selection="loading"]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--accent) 10%, transparent) 48%, transparent 76%);
  background-size: 220% 100%;
  animation: employee-roster-selection 1.15s linear infinite;
}
.digital-employee-card-presence {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: .35rem;
  margin-top: .16rem;
  color: var(--muted);
  font-size: .7rem;
  font-weight: 760;
}
.digital-employee-card-presence::before {
  content: "";
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: var(--muted);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--muted) 12%, transparent);
}
.digital-employee-card-presence[data-state="working"]::before {
  background: var(--accent);
  box-shadow: 0 0 10px 2px color-mix(in srgb, var(--accent) 40%, transparent);
}
.digital-employee-card-presence[data-state="attention"]::before {
  background: var(--warning);
  box-shadow: 0 0 10px 2px color-mix(in srgb, var(--warning) 36%, transparent);
}
@keyframes employee-roster-selection { to { background-position: -220% 0; } }

@container digital-employee-workspace (max-width: 900px) {
  .digital-employee-directory {
    position: sticky;
    z-index: 4;
    top: 0;
    max-width: 100%;
    padding-block: .45rem;
    background: color-mix(in srgb, var(--sheet-bg, var(--surface)) 78%, transparent);
    backdrop-filter: blur(16px) saturate(120%);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
  }
  .digital-employee-list[role="listbox"] {
    display: flex;
    grid-template-columns: none;
    gap: .4rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: thin;
  }
  .digital-employee-card {
    flex: 0 0 min(17rem, 78vw);
    scroll-snap-align: start;
  }
}
@media (prefers-reduced-motion: reduce) {
  .digital-employee-card, .digital-employee-card::after { transition: none; }
  .digital-employee-card[data-selection="loading"]::before { animation: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .digital-employee-search,
  .digital-employee-directory { background: var(--sheet-bg, var(--surface)); backdrop-filter: none; }
}


.employee-host-readiness {
  display: grid;
  min-width: 0;
  gap: .75rem;
  padding: .9rem 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
}
.employee-host-readiness > header {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}
.employee-host-readiness > header > div { display: grid; min-width: 0; gap: .12rem; }
.employee-host-readiness :is(h4, p) { margin: 0; }
.employee-host-readiness > header h4 { font-size: clamp(1rem, 1.8vw, 1.18rem); }
.employee-host-readiness-summary { max-width: 72ch; color: var(--muted); font-size: .8rem; overflow-wrap: anywhere; }
.employee-host-readiness-lanes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.employee-host-readiness-lanes > li {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .55rem;
  align-items: start;
  padding: .7rem clamp(.55rem, 1vw, .8rem);
  border-inline-start: 1px solid var(--sheet-divider, var(--border));
}
.employee-host-readiness-lanes > li:first-child { border-inline-start: 0; }
.employee-host-readiness-lanes b {
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  border-radius: 50%;
  color: var(--muted);
  background: color-mix(in srgb, var(--surface-raised, transparent) 55%, transparent);
  font-size: .66rem;
}
.employee-host-readiness-lanes span { display: grid; min-width: 0; gap: .12rem; }
.employee-host-readiness-lanes strong { font-size: .82rem; overflow-wrap: anywhere; }
.employee-host-readiness-lanes small { color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.employee-host-readiness-lanes > li[data-state="ready"] b,
.employee-host-readiness-lanes > li[data-state="available"] b { color: var(--accent-strong); box-shadow: inset 0 0 0 1px var(--sea-salt-strong, var(--accent)); }
.employee-host-readiness-lanes > li[data-state="attention"] b { color: var(--warning); box-shadow: inset 0 0 0 1px var(--warning); }
.employee-host-readiness-actions { display: flex; min-width: 0; flex-wrap: wrap; gap: .35rem .8rem; }
.employee-host-readiness-actions a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border-block-end: 1px solid transparent;
  color: var(--accent-strong);
  font-size: .76rem;
  font-weight: 760;
  text-decoration: none;
}
.employee-host-readiness-actions a:hover { border-block-end-color: currentColor; }
.employee-host-readiness-boundary { color: var(--muted); font-size: .74rem; line-height: 1.55; overflow-wrap: anywhere; }

@container digital-employee-workspace (max-width: 900px) {
  .employee-host-readiness-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employee-host-readiness-lanes > li:nth-child(3) { border-inline-start: 0; border-block-start: 1px solid var(--sheet-divider, var(--border)); }
  .employee-host-readiness-lanes > li:nth-child(4) { border-block-start: 1px solid var(--sheet-divider, var(--border)); }
}
@container digital-employee-workspace (max-width: 560px) {
  .employee-host-readiness > header { display: grid; }
  .employee-host-readiness-lanes { grid-template-columns: minmax(0, 1fr); }
  .employee-host-readiness-lanes > li { border-inline-start: 0; border-block-start: 1px solid var(--sheet-divider, var(--border)); }
  .employee-host-readiness-lanes > li:first-child { border-block-start: 0; }
  .employee-host-readiness-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


.digital-employee-schedule {
  display: grid; gap: .85rem; padding: clamp(.9rem, 2vw, 1.25rem);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(238, 252, 255, .72), rgba(255, 250, 239, .66));
  box-shadow: inset 0 1px rgba(255,255,255,.88), 0 18px 54px rgba(29, 75, 94, .08);
}
.digital-employee-schedule > header {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.digital-employee-schedule > header h4, .digital-employee-schedule > header p { margin: 0; }
.digital-employee-schedule > header p:not(.eyebrow) { margin-top: .3rem; max-width: 72ch; color: var(--muted); }
.digital-employee-schedule-panel { display: grid; gap: 1rem; min-width: 0; }
.digital-employee-schedule-panel[hidden] { display: none; }
.digital-employee-schedule-conversation-step {
  display: flex; align-items: center; justify-content: space-between; gap: .9rem;
  padding: .85rem 1rem; border-radius: 18px;
  background: rgba(255,255,255,.54); box-shadow: inset 0 0 0 1px rgba(56, 137, 156, .13);
}
.digital-employee-schedule-conversation-step > div { display: grid; gap: .2rem; min-width: 0; }
.digital-employee-schedule-conversation-step small { color: var(--muted); overflow-wrap: anywhere; }
.digital-employee-schedule form, .digital-employee-schedule fieldset { min-width: 0; margin: 0; }
.digital-employee-schedule fieldset {
  display: grid; gap: .8rem; padding: 0; border: 0;
}
.digital-employee-schedule-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem;
}
.digital-employee-schedule-grid label { display: grid; gap: .35rem; min-width: 0; font-weight: 680; }
.digital-employee-schedule-grid .wide { grid-column: 1 / -1; }
.digital-employee-schedule-grid :is(select, input, textarea) { width: 100%; min-width: 0; }
.digital-employee-schedule-confirmation {
  display: grid; gap: .75rem; padding: 1rem; border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,.77), rgba(237,249,250,.66));
  box-shadow: inset 0 0 0 1px rgba(174, 129, 47, .19), 0 14px 40px rgba(35, 75, 89, .08);
}
.digital-employee-schedule-confirmation[hidden] { display: none; }
.digital-employee-schedule-confirmation h5, .digital-employee-schedule-confirmation p { margin: 0; }
.digital-employee-schedule-confirmation dl {
  display: grid; grid-template-columns: minmax(8rem, .42fr) minmax(0, 1fr); gap: .35rem .8rem; margin: 0;
}
.digital-employee-schedule-confirmation dt { color: var(--muted); }
.digital-employee-schedule-confirmation dd { margin: 0; overflow-wrap: anywhere; }
.digital-employee-schedule-instruction-review {
  max-height: 12rem; overflow: auto; white-space: pre-wrap; padding: .55rem .65rem; border-radius: 12px;
  background: rgba(255,255,255,.56); box-shadow: inset 0 0 0 1px rgba(56, 137, 156, .1);
}
.digital-employee-schedule-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.agent-job-scheduled-evidence { display: grid; gap: .75rem; }
.agent-job-scheduled-run {
  display: grid; gap: .45rem; padding: .8rem; border-radius: 16px;
  background: rgba(238, 250, 252, .64); box-shadow: inset 0 0 0 1px rgba(56, 137, 156, .12);
}
.agent-job-scheduled-run > small { color: var(--muted); overflow-wrap: anywhere; }
.agent-job-scheduled-trace { display: grid; gap: .35rem; margin: 0; padding-left: 1.35rem; }
.agent-job-scheduled-trace li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .55rem; align-items: center; }
.agent-job-scheduled-trace li strong { overflow-wrap: anywhere; }
.agent-job-scheduled-trace li :is(span, small) { color: var(--muted); }
@container digital-employee-lab (max-width: 680px) {
  .digital-employee-schedule > header, .digital-employee-schedule-conversation-step { align-items: stretch; flex-direction: column; }
  .digital-employee-schedule > header > button, .digital-employee-schedule-conversation-step > button,
  .digital-employee-schedule-actions > * { width: 100%; min-height: 44px; }
  .digital-employee-schedule-grid { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-schedule-grid .wide { grid-column: auto; }
}
@container digital-employee-lab (max-width: 420px) {
  .digital-employee-schedule { margin-inline: -.2rem; padding: .8rem; border-radius: 18px; }
  .digital-employee-schedule-confirmation dl { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-schedule-confirmation dd { margin-bottom: .35rem; }
  .agent-job-scheduled-trace li { grid-template-columns: minmax(0, 1fr); gap: .15rem; }
}


.digital-employee-profile {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1rem 1.25rem;
  align-items: center;
  padding: var(--ui-region-padding-block, 1.25rem) 0;
  border: 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.digital-employee-profile-avatar {
  display: grid;
  width: clamp(3.2rem, 6vw, 3.8rem);
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  color: var(--ink-strong, #183035);
  background: radial-gradient(circle at 32% 22%, #fffef8 0 12%, transparent 13%),
    linear-gradient(145deg, var(--sea-salt), var(--metal-gold-light));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 76%), 0 10px 24px rgb(62 106 101 / 18%);
  overflow: hidden;
  font-size: 1rem;
  font-weight: 850;
}
.digital-employee-profile-copy { display: grid; min-width: 0; gap: .35rem; }
.digital-employee-profile-copy :is(p, h4) { margin: 0; }
.digital-employee-profile-title { display: flex; min-width: 0; align-items: center; gap: .55rem; flex-wrap: wrap; }
.digital-employee-profile-title h4 { min-width: 0; overflow-wrap: anywhere; font-size: clamp(1.15rem, 2.3vw, 1.55rem); }
.digital-employee-profile-copy > strong { color: var(--sea-salt-text, #245f55); overflow-wrap: anywhere; }
.digital-employee-profile-copy > p:not(.eyebrow) { max-width: 68ch; color: var(--muted); line-height: 1.65; overflow-wrap: anywhere; }
.digital-employee-profile-voice { font-size: .78rem; }
.digital-employee-autonomy-lens {
  display: grid;
  gap: .45rem;
  margin-top: .8rem;
  padding: .75rem .85rem;
  border: 1px solid rgb(77 226 177 / 22%);
  border-radius: 14px;
  background: linear-gradient(135deg, rgb(77 226 177 / 8%), rgb(132 115 255 / 6%));
}
.digital-employee-autonomy-lens > header { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.digital-employee-autonomy-lens > header span { color: var(--muted); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.digital-employee-autonomy-lens > header strong { color: var(--accent-strong, var(--accent)); font-size: .78rem; }
.digital-employee-autonomy-lens ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .28rem; margin: 0; padding: 0; list-style: none; }
.digital-employee-autonomy-lens li { min-width: 0; padding: .35rem .25rem; border-block-end: 2px solid var(--accent); color: var(--text); font-size: .68rem; font-weight: 760; text-align: center; overflow-wrap: anywhere; }
.digital-employee-autonomy-lens p, .digital-employee-autonomy-lens small { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.digital-employee-autonomy-lens small { color: var(--accent-strong, var(--accent)); font-weight: 760; }
.digital-employee-profile-actions { display: grid; min-width: min(12rem, 100%); gap: .45rem; }
.digital-employee-profile-actions button { width: 100%; min-height: 44px; }

.digital-employee-portrait-actions { display: flex; grid-column: 1 / -1; align-items: center; gap: .5rem; flex-wrap: wrap; }
.digital-employee-portrait-actions small { flex: 1 1 15rem; color: var(--muted); }
.digital-employee-portrait-generator { position: relative; }
.digital-employee-portrait-generator > summary { cursor: pointer; list-style: none; min-height: 2.45rem; display: grid; place-items: center; padding: .55rem .8rem; border: 1px solid var(--glass-outline-fluid); border-radius: 999px; background: var(--surface-raised); color: var(--text); font-weight: 750; }
.digital-employee-portrait-generator > summary::-webkit-details-marker { display: none; }
.digital-employee-portrait-generator[open] > summary { border-color: var(--metal-gold); box-shadow: 0 0 0 3px rgb(198 151 69 / 14%); }
.digital-employee-portrait-generator > div { position: absolute; z-index: 8; inset-block-start: calc(100% + .45rem); inset-inline-start: 0; width: min(22rem, calc(100vw - 2rem)); display: grid; gap: .65rem; padding: .8rem; border: 1px solid var(--glass-outline-fluid); border-radius: 16px; background: var(--glass-surface-strong); box-shadow: var(--glass-shadow-fluid); }
.digital-employee-portrait-generator label { display: grid; gap: .3rem; min-width: 0; }
.digital-employee-portrait-generator .digital-employee-portrait-consent { grid-template-columns: auto minmax(0, 1fr); align-items: start; font-size: .82rem; color: var(--muted); }
.digital-employee-portrait-generator .digital-employee-portrait-consent input { margin-block-start: .15rem; }
.digital-employee-portrait-generator small { display: block; min-width: 0; overflow-wrap: anywhere; }
.digital-employee-task-portrait { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); gap: .2rem .75rem; align-items: center; padding: .75rem 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); background: transparent; box-shadow: none; }
.digital-employee-task-portrait .digital-employee-avatar { grid-row: 1 / span 2; }
.digital-employee-task-portrait :is(p, h5) { margin: 0; }
.digital-employee-task-portrait > div { min-width: 0; }
.digital-employee-task-portrait > div > p:last-child, .digital-employee-task-portrait > small { color: var(--muted); overflow-wrap: anywhere; }
.digital-employee-task-portrait > small { grid-column: 2; }

@container digital-employee-lab (max-width: 720px) {
  .digital-employee-profile { grid-template-columns: auto minmax(0, 1fr); }
  .digital-employee-profile-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container digital-employee-lab (max-width: 420px) {
  .digital-employee-profile { grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .8rem; }
  .digital-employee-profile-avatar { width: 3rem; }
  .digital-employee-profile-copy { gap: .35rem; }
  .digital-employee-profile-title h4 { font-size: 1.2rem; }
  .digital-employee-autonomy-lens ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .digital-employee-profile-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
}


/* Employee workspace layout consumes the shared mascot rig without owning anatomy or motion. */
.digital-employee-workspace { container: digital-employee-workspace / inline-size; }
.digital-employee-workspace .digital-employee-lab { container-name: digital-employee-lab; }
.digital-employee-workspace .digital-employee-layout { gap: clamp(.35rem, .7vw, .65rem); }
.digital-employee-workspace :is(.digital-employee-directory, .digital-employee-lab) {
  background-color: rgb(var(--surface-rgb) / 42%);
  background-image: linear-gradient(180deg, rgb(255 255 255 / 2.5%), transparent 24%), var(--reading-luminance-veil);
  box-shadow: inset 0 1px var(--line-active);
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}
.digital-employee-workspace .digital-employee-directory { border-radius: 22px 8px 8px 22px; }
.digital-employee-workspace .digital-employee-lab { border-radius: 8px 22px 22px 8px; }
.digital-employee-card, .adaptive-workforce-person, .digital-employee-fabric-person {
  border: 0;
  border-radius: 14px;
  background: transparent;
  box-shadow: inset 0 -1px var(--line-rest);
}
.digital-employee-card:is(:hover, :focus-visible, [aria-current="true"]),
.adaptive-workforce-person:is(:hover, :focus-visible),
.digital-employee-fabric-person:is(:hover, :focus-visible) {
  color: var(--text);
  background: rgb(var(--surface-rgb) / 34%);
  box-shadow: inset 2px 0 rgb(var(--mascot-core, var(--accent-rgb)) / 76%), inset 0 -1px var(--line-active), 0 0 22px var(--line-glow);
  filter: none;
  transform: none;
}
.digital-employee-profile-presence { display: flex; min-width: 0; align-items: center; gap: .55rem; margin-top: .2rem; }
.digital-employee-profile-presence > span { flex: 0 0 auto; }
.digital-employee-profile-presence > small { min-width: 0; color: var(--muted); overflow-wrap: anywhere; }
.digital-employee-profile-actions { position: relative; align-self: start; min-width: 8rem; }
.digital-employee-profile-actions > summary { min-height: 40px; padding: .45rem .72rem; border-block-end: 1px solid var(--line-rest); color: var(--muted); cursor: pointer; list-style: none; text-align: center; }
.digital-employee-profile-actions > summary::-webkit-details-marker { display: none; }
.digital-employee-profile-actions > div { position: absolute; z-index: 7; top: calc(100% + .4rem); right: 0; display: grid; min-width: 13rem; gap: .35rem; padding: .55rem; border-radius: 14px; background: var(--overlay-bg); box-shadow: inset 0 1px var(--line-active), var(--shadow-overlay); backdrop-filter: blur(18px); }
.digital-employee-handoff-mascots { display: flex; align-items: center; gap: .18rem; margin-bottom: .35rem; }
.digital-employee-handoff-mascots .employee-mascot { width: 2rem; height: 2rem; flex: 0 0 2rem; }
.digital-employee-handoff-mascots > span:not(.employee-mascot) { color: var(--muted); }

@container digital-employee-lab (max-width: 760px) {
  .digital-employee-workspace .digital-employee-lab { border-radius: 18px; }
  .digital-employee-profile-actions { grid-column: 1 / -1; width: 100%; }
  .digital-employee-profile-actions > div {
    position: static;
    width: 100%;
    min-width: 0;
    margin-top: .35rem;
  }
}
@container digital-employee-lab (max-width: 480px) {
  .digital-employee-profile-actions > div { position: static; width: 100%; margin-top: .35rem; }
}


.digital-employee-boss-studio {
  position: relative;
  display: grid;
  min-width: 0;
  gap: clamp(.75rem, 1.4vw, 1rem);
  padding: clamp(1rem, 2vw, 1.35rem) 0;
  border-block-start: 1px solid var(--sheet-divider, var(--border));
}
.employee-thread-surface-directory-heading {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}
.employee-thread-surface-directory-heading > div { min-width: 0; }
.employee-thread-surface-directory-heading :is(p, h4) { margin: 0; }
.employee-thread-surface-directory-heading h4 { font-size: clamp(1.1rem, 2.2vw, 1.45rem); }
.employee-thread-surface-directory-heading p:last-child { color: var(--muted); line-height: 1.5; }
.digital-employee-boss-studio fieldset { position: relative; z-index: 1; display: grid; gap: .7rem; margin: 0; padding: 0; border: 0; }
.digital-employee-boss-studio legend { margin-bottom: .55rem; color: var(--ink-strong); font-weight: 760; }
.digital-employee-boss-launcher { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: center; }
.digital-employee-mainline-summary { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .65rem; }
.digital-employee-mainline-summary > span:first-child { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 10px; color: var(--sea-salt-text); background: var(--sea-salt-soft); }
.digital-employee-mainline-summary > span:last-child { display: grid; min-width: 0; gap: .12rem; }
.digital-employee-mainline-summary strong { overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.digital-employee-mainline-summary small { color: var(--muted); font-size: .7rem; line-height: 1.45; overflow-wrap: anywhere; }
.digital-employee-boss-launcher button { min-height: 44px; }
.digital-employee-boss-entry-contract {
  margin: 0;
  padding: .62rem .7rem;
  border-inline-start: 2px solid color-mix(in srgb, var(--sea-salt-text) 55%, transparent);
  color: var(--muted);
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 48%, transparent);
  font-size: .7rem;
  line-height: 1.5;
}
.digital-employee-boss-entry-contract strong { color: var(--ink-strong); }
.digital-employee-boss-studio > .digital-employee-status { position: relative; z-index: 1; margin: 0; }

@container digital-employee-lab (max-width: 520px) {
  .employee-thread-surface-directory-heading { flex-direction: column; }
  .digital-employee-boss-launcher { grid-template-columns: 1fr; }
  .digital-employee-boss-launcher button { width: 100%; min-height: 44px; }
  .digital-employee-mainline-summary strong { white-space: normal; }
}

.employee-conversation-streams {
  --employee-stream-accent: var(--sea-salt-text);
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 0;
  min-width: 0;
  gap: clamp(.85rem, 1.8vw, 1.25rem);
  padding: clamp(1rem, 2.2vw, 1.5rem) clamp(.15rem, .8vw, .65rem);
  overflow: visible;
  border: 0;
  background:
    radial-gradient(circle at 6% 0%, color-mix(in srgb, var(--employee-stream-accent) 10%, transparent), transparent 34%),
    linear-gradient(110deg, color-mix(in srgb, var(--sheet-bg-quiet, transparent) 46%, transparent), transparent 72%);
  backdrop-filter: blur(18px) saturate(128%);
  container-type: inline-size;
}
.employee-conversation-streams::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--employee-stream-accent) 76%, transparent) 18%, color-mix(in srgb, var(--sheet-divider, var(--border)) 58%, transparent) 62%, transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--employee-stream-accent) 18%, transparent);
}
.employee-conversation-streams[hidden] { display: none; }
.employee-conversation-streams[data-stream="workflow"] { --employee-stream-accent: #a78bfa; }
.employee-conversation-streams[data-stream="approval"] { --employee-stream-accent: var(--metal-gold); }
.employee-conversation-streams-heading,
.employee-conversation-stream-detail > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.employee-conversation-streams :is(h3, h4, p) { margin: 0; }
.employee-conversation-streams-heading > div,
.employee-conversation-stream-detail > header > div { min-width: 0; }
.employee-conversation-streams-identity {
  display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: .72rem;
}
.employee-conversation-streams-avatar {
  position: relative; display: grid; width: 52px; height: 44px; place-items: center; overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--employee-stream-accent) 30%, transparent); border-radius: 16px;
  background: color-mix(in srgb, var(--employee-stream-accent) 8%, transparent); background-position: center; background-size: cover;
  box-shadow: inset 0 1px rgb(255 255 255 / 32%), 0 0 22px color-mix(in srgb, var(--employee-stream-accent) 10%, transparent);
  font-size: .76rem;
}
.employee-conversation-streams-avatar.employee-mascot:not([data-portrait-state="ready"]) { border-radius: 16px; }
.employee-conversation-streams-identity-copy { min-width: 0; }
.employee-conversation-streams-heading h3 { font-size: clamp(1.05rem, 2vw, 1.28rem); letter-spacing: -.015em; }
.employee-conversation-streams-identity-copy > p:last-child { margin-top: .24rem; color: var(--muted); line-height: 1.45; }
.employee-stream-connection,
.employee-stream-presence,
.employee-stream-detail-state {
  display: inline-flex;
  min-height: 30px;
  flex: 0 0 auto;
  align-items: center;
  gap: .42rem;
  padding: .24rem .05rem;
  color: var(--muted);
  background: transparent;
  font-size: .68rem;
  font-weight: 760;
  white-space: nowrap;
}
.employee-stream-presence { color: var(--employee-stream-accent); }
.employee-stream-presence::before {
  content: ""; width: .42rem; aspect-ratio: 1; flex: 0 0 auto; border-radius: 50%;
  background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 8%, transparent);
}
.employee-stream-presence[data-reaction="offline"] { color: var(--muted); }
.employee-stream-presence[data-presence="stopped"] { color: var(--muted); }
.employee-stream-presence[data-reaction="approval"] { color: var(--metal-gold); }
.employee-stream-presence[data-reaction="blocked"] { color: var(--warning); }
.employee-stream-presence:is([data-reaction="working"], [data-reaction="thinking"], [data-reaction="handoff"])::before {
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 10%, transparent), 0 0 16px currentColor;
  animation: employee-stream-pulse 1.8s ease-in-out 3;
}
.employee-stream-connection::before,
.employee-stream-detail-state::before {
  content: "";
  width: .42rem;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 8%, transparent);
}
.employee-stream-connection.is-live { color: var(--employee-stream-accent); }
.employee-stream-connection.is-live::before { box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 10%, transparent); animation: employee-stream-pulse 1.8s ease-in-out 2; }
.employee-stream-connection.is-waiting { color: var(--muted); }
.employee-stream-connection.is-synced { color: color-mix(in srgb, var(--sea-salt-text) 76%, var(--muted)); }
.employee-stream-connection.is-projected { color: var(--metal-gold); }
.employee-stream-connection.is-error { color: var(--warning); }
.employee-conversation-stream-tabs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(.25rem, .8vw, .65rem);
}
.employee-conversation-stream-tabs::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 0 0;
  height: 1px;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 54%, transparent);
}
.employee-conversation-stream-tabs > button {
  --employee-tab-accent: var(--sea-salt-text);
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .58rem;
  min-width: 0;
  min-height: 66px;
  padding: .62rem .68rem .72rem;
  border: 0;
  border-radius: 0;
  color: var(--ink-strong);
  background: transparent;
  box-shadow: none;
  text-align: left;
}
.employee-conversation-stream-tabs > button[data-employee-conversation-stream="workflow"] { --employee-tab-accent: #a78bfa; }
.employee-conversation-stream-tabs > button[data-employee-conversation-stream="approval"] { --employee-tab-accent: var(--metal-gold); }
.employee-conversation-stream-tabs > button::before {
  content: "";
  position: absolute;
  inset: .25rem 0 1px;
  opacity: 0;
  background: linear-gradient(105deg, color-mix(in srgb, var(--employee-tab-accent) 10%, transparent), transparent 68%);
  transition: opacity 160ms ease;
}
.employee-conversation-stream-tabs > button::after {
  content: "";
  position: absolute;
  inset: auto .68rem 0;
  height: 1px;
  background: transparent;
  transform: scaleX(.7);
  transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.employee-conversation-stream-tabs > button:is(:hover, :focus-visible, [aria-selected="true"])::before { opacity: 1; }
.employee-conversation-stream-tabs > button:focus-visible { outline: 0; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--employee-tab-accent) 58%, transparent); }
.employee-conversation-stream-tabs > button[aria-selected="true"]::after {
  background: var(--employee-tab-accent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--employee-tab-accent) 54%, transparent);
  transform: scaleX(1);
}
.employee-stream-tab-icon { position: relative; color: var(--employee-tab-accent); font-size: 1.04rem; }
.employee-conversation-stream-tabs > button > span:nth-child(2) { position: relative; display: grid; gap: .1rem; min-width: 0; }
.employee-conversation-stream-tabs strong,
.employee-conversation-stream-tabs small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.employee-conversation-stream-tabs strong { font-size: .78rem; }
.employee-conversation-stream-tabs small { color: var(--muted); font-size: .64rem; }
.employee-stream-count {
  position: relative;
  min-width: 1.5rem;
  color: var(--muted);
  text-align: end;
  font-size: .68rem;
  font-variant-numeric: tabular-nums;
}
.employee-conversation-stream-tabs > button[aria-selected="true"] .employee-stream-count { color: var(--employee-tab-accent); }
.employee-conversation-stream-detail {
  display: grid;
  min-width: 0;
  gap: .75rem;
  padding-top: clamp(.8rem, 1.6vw, 1.05rem);
  border: 0;
  outline: 0;
}
.employee-conversation-stream-detail::before {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 58%, transparent), color-mix(in srgb, var(--sheet-divider, var(--border)) 36%, transparent) 56%, transparent);
  box-shadow: -12px 0 18px color-mix(in srgb, var(--employee-stream-accent) 18%, transparent);
}
.employee-conversation-stream-detail:focus-visible { box-shadow: inset 2px 0 var(--employee-stream-accent); }
.employee-conversation-stream-detail h4 { font-size: .94rem; letter-spacing: -.01em; }
.employee-stream-detail-state { color: color-mix(in srgb, var(--employee-stream-accent) 76%, var(--muted)); }
.employee-stream-follow {
  min-height: 30px;
  padding: .2rem .5rem;
  border: 1px solid color-mix(in srgb, var(--employee-stream-accent) 28%, transparent);
  border-radius: 999px;
  color: var(--employee-stream-accent);
  background: color-mix(in srgb, var(--employee-stream-accent) 7%, transparent);
  box-shadow: none;
  font-size: .64rem;
  font-weight: 760;
  white-space: nowrap;
}
.employee-stream-follow[aria-pressed="false"] { color: var(--muted); }
.employee-stream-follow:is(:hover, :focus-visible) {
  border-color: var(--employee-stream-accent);
  color: var(--employee-stream-accent);
  outline: 0;
}
.employee-dialogue-execution-evidence {
  position: relative;
  display: grid;
  min-width: 0;
  gap: .58rem;
  padding: .72rem .12rem .78rem .82rem;
  border: 0;
  background: linear-gradient(92deg, color-mix(in srgb, var(--employee-stream-accent) 7%, transparent), transparent 76%);
}
.employee-dialogue-execution-evidence::before {
  content: "";
  position: absolute;
  inset: .72rem auto .78rem 0;
  width: 1px;
  background: color-mix(in srgb, var(--employee-stream-accent) 58%, transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--employee-stream-accent) 20%, transparent);
}
.employee-dialogue-execution-evidence[data-evidence-state="drifted"]::before,
.employee-dialogue-execution-evidence[data-evidence-state="unavailable"]::before { background: var(--warning); }
.employee-dialogue-execution-evidence > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}
.employee-dialogue-execution-evidence h5 { margin: 0; font-size: .82rem; letter-spacing: -.01em; }
.employee-dialogue-execution-evidence-status {
  color: color-mix(in srgb, var(--employee-stream-accent) 78%, var(--muted));
  font-size: .64rem;
  font-weight: 780;
  text-align: end;
}
.employee-dialogue-execution-evidence[data-evidence-state="drifted"] .employee-dialogue-execution-evidence-status,
.employee-dialogue-execution-evidence[data-evidence-state="unavailable"] .employee-dialogue-execution-evidence-status { color: var(--warning); }
.employee-dialogue-execution-evidence-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 36%, transparent);
}
.employee-dialogue-execution-evidence-facts[hidden] { display: none; }
.employee-dialogue-execution-evidence-facts > div {
  display: grid;
  min-width: 0;
  gap: .18rem;
  padding: .54rem .62rem;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 78%, transparent);
}
.employee-dialogue-execution-evidence-facts dt { color: var(--muted); font-size: .58rem; }
.employee-dialogue-execution-evidence-facts dd {
  min-width: 0;
  margin: 0;
  color: var(--ink-strong);
  font-size: .67rem;
  font-weight: 720;
  line-height: 1.42;
  overflow-wrap: anywhere;
}
.employee-dialogue-execution-evidence-boundary { color: var(--muted); font-size: .6rem; line-height: 1.48; }
.employee-conversation-stream-detail-body { display: grid; min-width: 0; gap: .68rem; }
.employee-stream-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.employee-stream-unified-timeline { position: relative; }
.employee-stream-unified-timeline::before {
  content: "";
  position: absolute;
  inset: .8rem auto .8rem .34rem;
  width: 1px;
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--sheet-divider, var(--border)) 62%, transparent) 5% 95%, transparent);
}
.employee-stream-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "copy state" "copy time" "copy action";
  align-items: start;
  gap: .16rem .8rem;
  min-width: 0;
  padding: .72rem .18rem .72rem .85rem;
  background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 5%, transparent), transparent 68%);
}
.employee-stream-row::before,
.employee-stream-row::after { content: ""; position: absolute; pointer-events: none; }
.employee-stream-row::before { inset: .72rem auto .72rem 0; width: 1px; background: color-mix(in srgb, var(--employee-stream-accent) 48%, transparent); }
.employee-stream-row::after { inset: auto 0 0 .85rem; height: 1px; background: color-mix(in srgb, var(--sheet-divider, var(--border)) 35%, transparent); }
.employee-stream-row.is-active::before { background: var(--employee-stream-accent); box-shadow: 0 0 12px var(--employee-stream-accent); }
.employee-stream-row.is-attention::before { background: var(--warning); box-shadow: 0 0 10px color-mix(in srgb, var(--warning) 46%, transparent); }
.employee-stream-row > div { display: grid; grid-area: copy; gap: .13rem; min-width: 0; }
.employee-stream-row :is(strong, small, p) { overflow-wrap: anywhere; }
.employee-stream-row strong { font-size: .78rem; }
.employee-stream-row p { color: var(--muted); font-size: .71rem; line-height: 1.48; }
.employee-stream-lane {
  width: max-content;
  max-width: 100%;
  color: var(--employee-stream-accent);
  font-size: .58rem;
  font-weight: 820;
  letter-spacing: .08em;
}
.employee-stream-owner { color: var(--muted); font-size: .62rem; line-height: 1.4; }
.employee-stream-geo-card { display: grid; gap: .35rem; max-width: min(100%, 38rem); padding: .45rem 0 .1rem; }
.employee-stream-geo-card :is(.employee-stream-geo-summary, .employee-stream-geo-nearby) { margin: 0; }
.employee-stream-row .employee-stream-geo-summary { color: var(--ink-strong); font-size: .68rem; }
.employee-stream-geo-nearby, .employee-stream-geo-boundary { color: var(--muted); font-size: .64rem; line-height: 1.45; }
.employee-stream-geo-toggle { justify-self: start; min-height: 34px; padding: .2rem .6rem; font-size: .65rem; }
.employee-stream-geo-region { display: grid; min-width: 0; gap: .2rem; }
.employee-stream-geo-map { display: block; width: 100%; height: clamp(12rem, 27vw, 19rem); border: 1px solid var(--glass-outline-fluid); border-radius: .65rem; background: var(--sheet-bg-quiet); }
.employee-stream-geo-attribution { width: max-content; max-width: 100%; color: var(--muted); font-size: .6rem; }
.employee-stream-task-actions { display: flex; flex-wrap: wrap; gap: .4rem; padding-top: .35rem; }
.employee-stream-task-actions button {
  min-height: 36px;
  padding: .28rem .1rem;
  border: 0;
  border-radius: 0;
  color: var(--employee-stream-accent);
  background: transparent;
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 42%, transparent);
  font-size: .65rem;
}
.employee-stream-row[data-employee-stream-lane="dialogue"] .employee-stream-lane { color: var(--metal-gold); }
.employee-stream-row[data-employee-stream-lane="growth"] .employee-stream-lane { color: #8b6ee8; }
.employee-stream-state { grid-area: state; padding: .12rem 0; border: 0; border-radius: 0; color: var(--muted); background: transparent; font-size: .64rem; }
.employee-stream-state.ok { color: var(--employee-stream-accent); }
.employee-stream-state.warn { color: var(--warning); }
.employee-stream-row time { grid-area: time; color: var(--muted); font-size: .61rem; font-variant-numeric: tabular-nums; }
.employee-stream-open {
  grid-area: action;
  justify-self: end;
  min-width: 44px;
  min-height: 44px;
  padding: .2rem 0 .15rem .55rem;
  border: 0;
  border-radius: 0;
  color: var(--employee-stream-accent);
  background: transparent;
  box-shadow: none;
  font-size: .66rem;
}
.employee-stream-open::after { content: " →"; }
.employee-stream-empty {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .16rem .72rem;
  min-height: 88px;
  align-content: center;
  padding: .72rem .2rem;
  color: var(--muted);
  background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 5%, transparent), transparent 70%);
}
.employee-stream-empty::before {
  content: "·";
  grid-row: 1 / span 2;
  display: grid;
  width: 1.4rem;
  aspect-ratio: 1;
  place-items: center;
  align-self: center;
  color: var(--employee-stream-accent);
  font-size: 1.2rem;
}
.employee-stream-empty strong { color: var(--ink-strong); font-size: .78rem; }
.employee-stream-empty p { color: var(--muted); font-size: .7rem; line-height: 1.5; }
.employee-stream-empty.is-loading::before { content: ""; width: .45rem; border-radius: 50%; background: var(--employee-stream-accent); box-shadow: 0 0 12px var(--employee-stream-accent); animation: employee-stream-pulse 1.8s ease-in-out 3; }
.employee-stream-empty.is-error::before { content: "!"; color: var(--warning); font-size: .72rem; font-weight: 800; }
.employee-stream-empty .employee-stream-action-row { grid-column: 2; margin-top: .35rem; }
.employee-stream-action-row { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.employee-stream-action-row button {
  min-width: 44px;
  min-height: 44px;
  padding: .36rem .62rem;
  border: 0;
  border-radius: 0;
  background: color-mix(in srgb, var(--employee-stream-accent) 8%, transparent);
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 42%, transparent);
}
.employee-stream-action-row button.secondary { background: transparent; }
.employee-stream-action-row button:focus-visible,
.employee-stream-decision button:focus-visible,
.employee-stream-open:focus-visible { outline: 1px solid var(--employee-stream-accent); outline-offset: 2px; }
.employee-stream-growth-stage {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .4rem;
  margin: 0;
  padding: .2rem 0 .45rem;
  list-style: none;
}
.employee-stream-growth-stage li { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .12rem .48rem; min-width: 0; align-items: center; padding: .35rem .15rem .52rem; }
.employee-stream-growth-stage li::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: color-mix(in srgb, var(--sheet-divider, var(--border)) 46%, transparent); }
.employee-stream-growth-stage li.is-complete::after,
.employee-stream-growth-stage li[aria-current="step"]::after { background: var(--employee-stream-accent); box-shadow: 0 0 10px color-mix(in srgb, var(--employee-stream-accent) 38%, transparent); }
.employee-stream-stage-index { grid-row: 1 / span 2; color: var(--muted); font-size: .62rem; font-variant-numeric: tabular-nums; }
.employee-stream-growth-stage li:is(.is-complete, [aria-current="step"]) .employee-stream-stage-index { color: var(--employee-stream-accent); }
.employee-stream-growth-stage strong { overflow: hidden; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.employee-stream-growth-stage small { overflow: hidden; color: var(--muted); font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.employee-stream-candidate {
  display: grid;
  gap: .62rem;
  padding: .78rem 0;
  border: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 4%, transparent), transparent 76%);
}
.employee-stream-candidate + .employee-stream-candidate { box-shadow: inset 0 1px color-mix(in srgb, var(--sheet-divider, var(--border)) 38%, transparent); }
.employee-stream-candidate > header { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.employee-stream-candidate > header .pill { border-radius: 0; background: transparent; }
.employee-stream-diff { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.45rem, 1.2vw, .75rem); }
.employee-stream-diff > div { display: grid; gap: .22rem; min-width: 0; padding: .58rem .68rem; border-inline-start: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 58%, transparent); background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 34%, transparent); }
.employee-stream-diff > div:last-child { border-color: color-mix(in srgb, var(--employee-stream-accent) 66%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 7%, transparent), transparent); }
.employee-stream-diff small { color: var(--muted); font-size: .62rem; }
.employee-stream-diff p { font-size: .72rem; line-height: 1.48; }
.employee-stream-decision { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.employee-stream-decision button { min-width: 44px; min-height: 44px; border: 0; border-radius: 0; background: transparent; box-shadow: inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 72%, transparent); }
.employee-stream-decision button[aria-pressed="true"] { color: var(--employee-stream-accent); box-shadow: inset 0 -2px var(--employee-stream-accent), 0 8px 20px color-mix(in srgb, var(--employee-stream-accent) 8%, transparent); }
.employee-stream-workflow-preview { display: grid; gap: .55rem; min-width: 0; padding-top: .6rem; box-shadow: inset 0 1px color-mix(in srgb, var(--sheet-divider, var(--border)) 38%, transparent); }
.employee-conversation-stream-boundary { position: relative; padding: .7rem 0 0 1.15rem; color: var(--muted); font-size: .64rem; line-height: 1.48; }
.employee-conversation-stream-boundary::before { content: "◇"; position: absolute; left: 0; color: color-mix(in srgb, var(--employee-stream-accent) 72%, var(--muted)); }

@keyframes employee-stream-pulse { 0%, 100% { opacity: .48; transform: scale(.78); } 50% { opacity: 1; transform: scale(1); } }

@container (max-width: 620px) {
  .employee-conversation-streams { gap: .78rem; padding-inline: 0; }
  .employee-conversation-stream-tabs { gap: .16rem; }
  .employee-conversation-stream-tabs > button { min-height: 54px; gap: .38rem; padding: .48rem .42rem .58rem; }
  .employee-conversation-stream-tabs small { display: none; }
  .employee-stream-growth-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employee-dialogue-execution-evidence-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 430px) {
  .employee-conversation-streams-heading { align-items: stretch; flex-direction: column; gap: .35rem; }
  .employee-stream-connection { align-self: start; min-height: 24px; }
  .employee-conversation-stream-tabs > button { grid-template-columns: minmax(0, 1fr) auto; min-height: 50px; }
  .employee-stream-tab-icon { display: none; }
  .employee-conversation-stream-tabs strong { font-size: .7rem; }
  .employee-stream-row { grid-template-areas: "copy state" "copy time" "copy action"; gap: .2rem .45rem; }
  .employee-stream-diff { grid-template-columns: minmax(0, 1fr); }
  .employee-stream-action-row > button { flex: 1 1 9rem; }
  .employee-dialogue-execution-evidence > header { align-items: stretch; flex-direction: column; gap: .28rem; }
  .employee-dialogue-execution-evidence-status { text-align: start; }
}
@media (max-width: 760px) {
  .employee-stream-growth-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .employee-conversation-stream-detail > header { align-items: center; }
  .employee-stream-diff { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .employee-conversation-stream-tabs > button::before,
  .employee-conversation-stream-tabs > button::after { transition: none; }
  .employee-stream-connection.is-live::before,
  .employee-stream-presence[data-reaction]::before,
  .employee-stream-empty.is-loading::before { animation: none; box-shadow: none; }
}
@media (forced-colors: active) {
  .employee-conversation-streams::before,
  .employee-conversation-stream-detail::before,
  .employee-conversation-stream-tabs::after { background: CanvasText; box-shadow: none; }
  .employee-conversation-stream-tabs > button:focus-visible,
  .employee-stream-row,
  .employee-stream-candidate { outline: 1px solid CanvasText; }
  .employee-conversation-stream-tabs > button[aria-selected="true"] { outline: 2px solid Highlight; }
}


.employee-file-evidence-trigger { margin-top: .5rem; min-height: 32px; padding: .2rem .5rem; font-size: .68rem; }
.employee-file-dialog {
  width: min(900px, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem);
  padding: 1.1rem; overflow: auto; border: 1px solid var(--sheet-divider, var(--border));
  border-radius: 18px; color: var(--ink-strong); background:
    linear-gradient(135deg, color-mix(in srgb, var(--sheet-bg-quiet, #fff) 88%, transparent),
      color-mix(in srgb, var(--sheet-bg, #fff) 93%, transparent));
  backdrop-filter: blur(24px) saturate(140%); box-shadow: 0 30px 90px rgb(0 0 0 / 28%);
}
.employee-file-dialog::backdrop { background: rgb(8 16 28 / 55%); backdrop-filter: blur(5px); }
.employee-file-dialog > header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.employee-file-dialog h2 { margin: 0; font-size: 1.2rem; }
.employee-file-dialog h3 { margin: 0; font-size: .85rem; }
.employee-file-dialog :is(p, small) { line-height: 1.5; }
.employee-file-status { min-height: 1.3rem; margin: .4rem 0 .9rem; color: var(--muted); font-size: .72rem; }
.employee-file-status[data-error="true"] { color: var(--warning); }
.employee-file-body { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(220px, 1fr); gap: .7rem; }
.employee-file-body > section { min-width: 0; padding: .8rem; border: 1px solid var(--sheet-divider, var(--border));
  border-radius: 12px; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 65%, transparent); }
.employee-file-summary { display: grid; gap: .2rem; }
.employee-file-summary :is(p, small) { margin: 0; color: var(--muted); font-size: .7rem; overflow-wrap: anywhere; }
.employee-file-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .3rem;
  list-style: none; margin: .55rem 0; padding: 0; }
.employee-file-flow li { display: grid; gap: .1rem; padding: .35rem; border-top: 2px solid var(--sea-salt-text);
  background: color-mix(in srgb, var(--sea-salt-text) 6%, transparent); }
.employee-file-flow strong { font-size: .69rem; }
.employee-file-preview { display: grid; align-content: start; justify-items: start; gap: .6rem; min-height: 180px; }
.employee-file-preview p { margin: 0; color: var(--muted); font-size: .72rem; }
.employee-file-preview img { max-width: 100%; max-height: 60vh; object-fit: contain; border-radius: 8px; }
.employee-file-preview input[type="file"] { max-width: 100%; font-size: .72rem; }
.employee-file-human, .employee-file-marks { display: grid; align-content: start; gap: .55rem; }
.employee-file-business { grid-column: 1 / -1; display: grid; align-content: start; gap: .55rem; }
.employee-file-business > small { color: var(--muted); font-size: .68rem; }
.employee-file-business > p { margin: 0; font-size: .72rem; }
.employee-file-business select { min-height: 36px; max-width: 100%; padding: .3rem .5rem;
  border: 1px solid var(--sheet-divider, var(--border)); border-radius: 8px;
  color: var(--ink-strong); background: var(--sheet-bg, #fff); }
.employee-file-case { display: grid; gap: .3rem; padding: .65rem; border-radius: 10px;
  border: 1px solid var(--sheet-divider, var(--border)); }
.employee-file-case p { margin: 0; overflow-wrap: anywhere; font-size: .72rem; }
.employee-file-case small { color: var(--muted); font-size: .68rem; }
.employee-file-case details { font-size: .72rem; }
.employee-file-case summary { cursor: pointer; }
.employee-file-case-timeline { display: grid; gap: .35rem; margin: .4rem 0; padding-left: 1.1rem; }
.employee-file-case-timeline li { display: grid; gap: .1rem; }
.employee-file-human p { margin: 0; font-size: .72rem; }
.employee-file-marks > small { color: var(--muted); font-size: .68rem; }
.employee-file-field { display: grid; gap: .18rem; font-size: .68rem; color: var(--muted); }
.employee-file-field input { width: 100%; min-height: 36px; border: 1px solid var(--sheet-divider, var(--border));
  border-radius: 8px; padding: .35rem .55rem; color: var(--ink-strong); background: var(--sheet-bg, #fff); }
.employee-file-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.employee-file-actions button, .employee-file-mark button { min-height: 32px; font-size: .68rem; }
.employee-file-mark { display: grid; gap: .18rem; padding: .55rem 0; border-top: 1px solid var(--sheet-divider, var(--border)); }
.employee-file-mark small { color: var(--muted); font-size: .65rem; }
.employee-file-mark p { margin: 0; font-size: .72rem; overflow-wrap: anywhere; }
.employee-file-mark button { justify-self: start; }
@media (max-width: 650px) { .employee-file-body { grid-template-columns: minmax(0, 1fr); }
  .employee-file-dialog { width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); } }


.employee-conversation-workbench,
.employee-conversation-collaboration {
  position: relative;
  display: grid;
  min-width: 0;
  gap: .7rem;
  padding: .8rem 0;
  background: linear-gradient(105deg, color-mix(in srgb, var(--employee-stream-accent) 6%, transparent), transparent 72%);
}
.employee-conversation-workbench::before,
.employee-conversation-collaboration::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 58%, transparent), transparent 74%);
  box-shadow: 0 0 16px color-mix(in srgb, var(--employee-stream-accent) 15%, transparent);
}
.employee-conversation-workbench > header,
.employee-conversation-collaboration > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}
.employee-conversation-collaboration > header {
  min-height: 42px;
  padding: .12rem 0;
}
.employee-conversation-workbench :is(h4, p),
.employee-conversation-collaboration :is(h4, p) { margin: 0; }
.employee-conversation-workbench h4,
.employee-conversation-collaboration h4 { font-size: .88rem; letter-spacing: -.01em; }
.employee-conversation-workbench-intent,
#employee-conversation-collaboration-count {
  color: color-mix(in srgb, var(--employee-stream-accent) 78%, var(--muted));
  font-size: .8rem;
  font-weight: 780;
  text-align: end;
}
.employee-conversation-workbench-more {
  display: grid;
  gap: .58rem;
  min-width: 0;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 28%, transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-conversation-workbench-more > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-height: 46px;
  padding: .48rem .62rem;
  list-style: none;
  cursor: pointer;
}
.employee-conversation-workbench-more > summary::-webkit-details-marker { display: none; }
.employee-conversation-workbench-more > summary > span { display: grid; gap: .08rem; min-width: 0; }
.employee-conversation-workbench-more > summary strong { font-size: .84rem; }
.employee-conversation-workbench-more > summary small { color: var(--muted); font-size: .75rem; line-height: 1.35; }
.employee-conversation-workbench-more > summary b {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--employee-stream-accent) 76%, var(--muted));
  font-size: .76rem;
}
.employee-conversation-workbench-more > summary b::after { margin-left: .35rem; content: "+"; }
.employee-conversation-workbench-more[open] > summary b::after { content: "−"; }
.employee-conversation-workbench-more > :not(summary) { margin-inline: .62rem; }
.employee-conversation-workbench-more > :last-child { margin-bottom: .62rem; }
.employee-conversation-workbench-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 36%, transparent);
}
.employee-conversation-workbench-actions > button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .04rem .42rem;
  min-width: 0;
  min-height: 44px;
  padding: .3rem .25rem;
  border: 0;
  border-radius: 0;
  color: var(--ink-strong);
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 78%, transparent);
  box-shadow: none;
  text-align: left;
}
.employee-conversation-workbench-actions > button strong {
  overflow: hidden;
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-conversation-workbench-actions > button:is(:hover, :focus-visible, [aria-pressed="true"]) {
  z-index: 1;
  background: linear-gradient(110deg, color-mix(in srgb, var(--employee-stream-accent) 12%, transparent), color-mix(in srgb, var(--sheet-bg-quiet, transparent) 72%, transparent));
  box-shadow: inset 0 -1px var(--employee-stream-accent), 0 0 16px color-mix(in srgb, var(--employee-stream-accent) 8%, transparent);
}
.employee-conversation-workbench-actions > button:focus-visible { outline: 1px solid var(--employee-stream-accent); outline-offset: -1px; }
.employee-conversation-workbench-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(9rem, auto);
  width: 100%;
  align-items: center;
  gap: .7rem;
  padding: .64rem .72rem;
  border: 0;
  border-inline-start: 1px solid var(--employee-stream-accent);
  border-radius: 0;
  color: var(--ink-strong);
  background: color-mix(in srgb, var(--employee-stream-accent) 5%, transparent);
  box-shadow: none;
  text-align: start;
}
.employee-conversation-workbench-card > span:first-child { display: grid; gap: .08rem; min-width: 5.5rem; }
.employee-conversation-workbench-card > span:nth-child(2) { min-width: 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.employee-conversation-workbench-card small { color: var(--muted); font-size: .76rem; }
.employee-conversation-workbench-card strong { font-size: .92rem; }
.employee-conversation-workbench-card > button { min-height: 44px; font-size: .8rem; }
.employee-conversation-workbench-next-step {
  color: color-mix(in srgb, var(--employee-stream-accent) 82%, var(--ink-strong));
  font-size: .8rem;
  line-height: 1.42;
  text-align: start;
}
.employee-workbench-next-action { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .65rem; }
.employee-workbench-next-action > button { flex: 0 0 auto; min-height: 44px; }
.employee-workbench-context, .employee-workbench-secondary-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .7rem; }
.employee-workbench-context { color: var(--muted); font-size: .78rem; }
.employee-workbench-context > span { flex: 1 1 12rem; }
.employee-workbench-context > details[open] { flex-basis: 100%; }
.employee-workbench-context > button, .employee-workbench-secondary-actions > button { min-height: 44px; font-size: .78rem; }
.employee-workbench-secondary-actions > button { display: flex; align-items: center; gap: .5rem; }
.employee-workbench-secondary-actions small { color: var(--muted); }

.employee-conversation-workbench-proposal {
  display: grid;
  gap: .55rem;
  padding: .7rem .72rem;
  background: linear-gradient(105deg, color-mix(in srgb, var(--employee-stream-accent) 9%, transparent), transparent 74%);
  box-shadow: inset 2px 0 var(--employee-stream-accent), inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 44%, transparent);
}
.employee-conversation-workbench-proposal[hidden] { display: none; }
.employee-conversation-workbench-proposal > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .7rem;
}
.employee-conversation-workbench-proposal > header > div { display: grid; gap: .08rem; }
.employee-conversation-workbench-proposal > header small { color: var(--employee-stream-accent); font-size: .52rem; font-weight: 780; letter-spacing: .08em; }
.employee-conversation-workbench-proposal > header strong { font-size: .75rem; }
#employee-conversation-workbench-proposal-state { color: var(--muted); font-size: .6rem; font-weight: 760; }
#employee-conversation-workbench-proposal-summary,
#employee-conversation-workbench-proposal-status { margin: 0; color: var(--muted); font-size: .63rem; line-height: 1.48; }
.employee-conversation-workbench-proposal[data-state="ready"] #employee-conversation-workbench-proposal-state { color: var(--employee-stream-accent); }
.employee-conversation-workbench-proposal[data-state="invalid"] { box-shadow: inset 2px 0 var(--warning), inset 0 -1px color-mix(in srgb, var(--warning) 38%, transparent); }
.employee-conversation-workbench-proposal[data-state="invalid"] #employee-conversation-workbench-proposal-state,
.employee-conversation-workbench-proposal[data-state="unknown"] #employee-conversation-workbench-proposal-state { color: var(--warning); }
.employee-conversation-workbench-proposal-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-conversation-workbench-proposal-facts > div { display: grid; gap: .14rem; min-width: 0; padding: .5rem .56rem; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 72%, transparent); }
.employee-conversation-workbench-proposal-facts :is(dt, dd) { margin: 0; }
.employee-conversation-workbench-proposal-facts dt { color: var(--muted); font-size: .52rem; font-weight: 760; }
.employee-conversation-workbench-proposal-facts dd { color: var(--ink-strong); font-size: .58rem; line-height: 1.38; overflow-wrap: anywhere; }
.employee-conversation-workbench-proposal-actions { display: flex; flex-wrap: wrap; gap: .42rem; }
.employee-conversation-workbench-proposal-actions button { min-height: 38px; border: 0; border-radius: 0; font-size: .61rem; }
.employee-boss-action-session {
  display: grid;
  gap: .56rem;
  padding: .68rem .72rem;
  background: linear-gradient(104deg, color-mix(in srgb, var(--employee-stream-accent) 7%, transparent), transparent 78%);
  box-shadow: inset 2px 0 color-mix(in srgb, var(--employee-stream-accent) 74%, transparent),
    inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 38%, transparent);
}
.employee-boss-action-session[hidden] { display: none; }
.employee-boss-action-session > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .7rem;
}
.employee-boss-action-session > header > div { display: grid; gap: .08rem; }
.employee-boss-action-session > header small { color: var(--employee-stream-accent); font-size: .52rem; font-weight: 780; letter-spacing: .08em; }
.employee-boss-action-session > header strong { font-size: .75rem; }
#employee-boss-action-session-state { color: var(--muted); font-size: .6rem; font-weight: 760; }
.employee-boss-action-session[data-phase="blocked"] #employee-boss-action-session-state,
.employee-boss-action-session[data-phase="unknown"] #employee-boss-action-session-state { color: var(--warning); }
.employee-boss-action-session-flow {
  display: grid;
  grid-template-columns: auto minmax(1.2rem, 1fr) auto minmax(1.2rem, 1fr) auto;
  align-items: center;
  gap: .35rem;
}
.employee-boss-action-session-flow span {
  padding: .28rem .38rem;
  color: var(--muted);
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 60%, transparent);
  font-size: .55rem;
  font-weight: 720;
  text-align: center;
}
.employee-boss-action-session-flow span[data-state="active"] { color: var(--ink-strong); box-shadow: inset 0 -1px var(--employee-stream-accent); }
.employee-boss-action-session-flow i { height: 1px; background: linear-gradient(90deg, transparent, var(--employee-stream-accent), transparent); }
.employee-boss-action-session > p { margin: 0; color: var(--muted); font-size: .62rem; line-height: 1.46; }
.employee-boss-action-session > dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 32%, transparent);
}
.employee-boss-action-session > dl > div { display: grid; gap: .12rem; min-width: 0; padding: .45rem .52rem; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 68%, transparent); }
.employee-boss-action-session > dl :is(dt, dd) { margin: 0; }
.employee-boss-action-session > dl dt { color: var(--muted); font-size: .51rem; }
.employee-boss-action-session > dl dd { overflow-wrap: anywhere; font-size: .57rem; }
.employee-boss-action-session-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.employee-boss-action-session-actions button { min-height: 38px; border: 0; border-radius: 0; font-size: .6rem; }
@container (max-width: 500px) {
  .employee-conversation-workbench-proposal-facts { grid-template-columns: minmax(0, 1fr); }
  .employee-conversation-workbench-proposal-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .employee-boss-action-session-flow { grid-template-columns: minmax(0, 1fr); }
  .employee-boss-action-session-flow i { width: 1px; height: .45rem; justify-self: center; }
  .employee-boss-action-session > dl { grid-template-columns: minmax(0, 1fr); }
  .employee-boss-action-session-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
}

.employee-conversation-workbench-contract {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-conversation-workbench-contract > div {
  display: grid;
  align-content: start;
  gap: .18rem;
  min-width: 0;
  padding: .56rem .62rem;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 76%, transparent);
}
.employee-conversation-workbench-contract :is(dt, dd) { margin: 0; }
.employee-conversation-workbench-contract dt {
  color: var(--muted);
  font-size: .74rem;
  font-weight: 760;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.employee-conversation-workbench-contract dd {
  color: var(--ink-strong);
  font-size: .8rem;
  line-height: 1.42;
}
.employee-conversation-workbench-decisions {
  display: grid;
  gap: .45rem;
  padding: .1rem 0;
}
.employee-conversation-workbench-preparation {
  display: grid;
  gap: .45rem;
  padding: .08rem 0;
}
.employee-conversation-workbench-preparation > header,
.employee-workbench-preparation-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
}
.employee-conversation-workbench-preparation > header > div { display: grid; gap: .08rem; }
.employee-conversation-workbench-preparation > header small {
  color: color-mix(in srgb, var(--employee-stream-accent) 74%, var(--muted));
  font-size: .72rem;
  font-weight: 780;
  letter-spacing: .08em;
}
.employee-conversation-workbench-preparation > header strong { font-size: .9rem; }
#employee-conversation-workbench-preparation-count { color: var(--muted); font-size: .78rem; font-weight: 760; }
.employee-conversation-workbench-preparation-list { display: grid; gap: 1px; }
.employee-conversation-workbench-preparation-list.empty-state {
  padding: .56rem .62rem;
  color: var(--muted);
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 58%, transparent);
  font-size: .8rem;
}
.employee-workbench-preparation-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .22rem .7rem;
  align-items: center;
  padding: .58rem .64rem;
  background: linear-gradient(100deg, color-mix(in srgb, var(--warning) 6%, transparent), transparent 74%);
  box-shadow: inset 2px 0 color-mix(in srgb, var(--warning) 66%, transparent),
    inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-workbench-preparation-card > :not(a) { grid-column: 1; }
.employee-workbench-preparation-card > header strong { font-size: .82rem; }
.employee-workbench-preparation-card > p,
.employee-workbench-preparation-card > small { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.42; }
.employee-workbench-preparation-card > a {
  grid-column: 2;
  grid-row: 1 / span 3;
  min-height: 44px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 48%, transparent);
  font-size: .76rem;
}
.employee-conversation-workbench-decisions > header,
.employee-workbench-decision > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .65rem;
}
.employee-conversation-workbench-decisions > header > div { display: grid; gap: .08rem; }
.employee-conversation-workbench-decisions > header small {
  color: color-mix(in srgb, var(--employee-stream-accent) 74%, var(--muted));
  font-size: .72rem;
  font-weight: 780;
  letter-spacing: .08em;
}
.employee-conversation-workbench-decisions > header strong { font-size: .9rem; }
#employee-conversation-workbench-decisions-count {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 760;
}
.employee-conversation-workbench-decision-list { display: grid; gap: 1px; }
.employee-conversation-workbench-decision-list.empty-state {
  padding: .58rem .62rem;
  color: var(--muted);
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 58%, transparent);
  font-size: .8rem;
}
.employee-workbench-decision {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .28rem .7rem;
  min-width: 0;
  padding: .6rem .64rem;
  background: linear-gradient(100deg, color-mix(in srgb, var(--employee-stream-accent) 5%, transparent), transparent 72%);
  box-shadow: inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-workbench-decision > :not(button) { grid-column: 1; }
.employee-workbench-decision > button,
.employee-workbench-decision > .communication-review-check,
.employee-workbench-decision > .communication-draft-actions { grid-column: 2; }
.employee-workbench-decision > header { min-width: 0; }
.employee-workbench-decision > header strong { font-size: .82rem; }
.employee-workbench-decision > header .pill { flex: 0 0 auto; font-size: .72rem; }
.employee-workbench-decision > p,
.employee-workbench-decision > small { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.42; }
.employee-workbench-decision > button {
  grid-row: 1 / span 3;
  min-height: 44px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 48%, transparent);
  font-size: .78rem;
}
.employee-workbench-decision.is-attention {
  box-shadow: inset 2px 0 color-mix(in srgb, var(--warning) 78%, transparent),
    inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-workbench-decision-exact { display: grid; gap: .12rem; min-width: 0; }
.employee-workbench-decision-exact strong { font-size: .8rem; }
.employee-workbench-decision-exact p { margin: 0; color: var(--muted); font-size: .76rem; }
.employee-workbench-decision > .communication-review-check {
  display: flex;
  align-items: flex-start;
  gap: .36rem;
  max-width: 24rem;
  font-size: .76rem;
}
.employee-workbench-decision > .communication-draft-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
}
.employee-workbench-decision > .communication-draft-actions button {
  min-height: 44px;
  border: 0;
  border-radius: 0;
  font-size: .76rem;
}
.employee-workbench-decision-boundary { color: var(--warning) !important; }
.employee-workbench-decision-feedback {
  padding: .32rem .4rem;
  color: var(--warning) !important;
  background: color-mix(in srgb, var(--warning) 7%, transparent);
  box-shadow: inset 2px 0 color-mix(in srgb, var(--warning) 72%, transparent);
}
.employee-conversation-workbench-status { color: var(--muted); font-size: .8rem; line-height: 1.45; }
.employee-conversation-collaboration { padding-bottom: .2rem; }
.employee-conversation-collaboration-map { display: grid; gap: 1px; min-width: 0; }
.employee-collaboration-path {
  display: grid;
  grid-template-columns: minmax(15rem, .9fr) minmax(12rem, 1fr) auto;
  align-items: center;
  gap: .72rem;
  min-width: 0;
  padding: .58rem .08rem;
  background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 5%, transparent), transparent);
  box-shadow: inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-collaboration-path-visual,
.employee-collaboration-empty { display: grid; grid-template-columns: minmax(0, 1fr) minmax(5rem, auto) minmax(0, 1fr); align-items: center; gap: .38rem; min-width: 0; }
.employee-collaboration-node {
  overflow: hidden;
  padding: .28rem .38rem;
  color: var(--ink-strong);
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 68%, transparent);
  font-size: .8rem;
  font-weight: 740;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-collaboration-edge {
  position: relative;
  overflow: hidden;
  color: var(--muted);
  font-size: .75rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-collaboration-edge::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: .2rem;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--employee-stream-accent) 72%, transparent), transparent);
}
.employee-collaboration-participant-branch {
  position: relative;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) minmax(7rem, 1fr);
  gap: .38rem;
  align-items: center;
  width: min(72%, 24rem);
  margin: .22rem auto 0;
  padding-top: .35rem;
}
.employee-collaboration-participant-branch::before {
  position: absolute;
  inset: 0 50% auto;
  width: 1px;
  height: .35rem;
  background: color-mix(in srgb, var(--employee-stream-accent) 68%, transparent);
  box-shadow: 0 0 8px color-mix(in srgb, var(--employee-stream-accent) 32%, transparent);
  content: "";
}
.employee-collaboration-path.is-active .employee-collaboration-edge::after { box-shadow: 0 0 11px var(--employee-stream-accent); }
.employee-collaboration-path.is-attention .employee-collaboration-edge::after { background: var(--warning); box-shadow: 0 0 9px color-mix(in srgb, var(--warning) 45%, transparent); }
.employee-collaboration-path-copy { display: grid; gap: .1rem; min-width: 0; }
.employee-collaboration-path-copy strong { font-size: .84rem; }
.employee-collaboration-path-copy small { overflow: hidden; color: var(--muted); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.employee-collaboration-path > button,
#employee-conversation-collaboration-open { min-height: 40px; border: 0; border-radius: 0; background: transparent; box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 44%, transparent); font-size: .8rem; }
#employee-conversation-collaboration-open { justify-self: start; }
.employee-collaboration-empty { padding: .65rem .08rem; opacity: .72; }

@container (max-width: 760px) {
  .employee-conversation-workbench-contract { grid-template-columns: minmax(0, 1fr); }
  .employee-collaboration-path { grid-template-columns: minmax(0, 1fr) auto; }
  .employee-collaboration-path-visual { grid-column: 1 / -1; }
}
@container (max-width: 500px) {
  .employee-conversation-workbench > header,
  .employee-conversation-collaboration > header { align-items: stretch; flex-direction: column; gap: .3rem; }
  .employee-conversation-workbench-intent,
  #employee-conversation-collaboration-count { text-align: start; }
  .employee-conversation-workbench-card { grid-template-columns: minmax(0, 1fr); }
  .employee-conversation-workbench-next-step { text-align: start; }
  .employee-workbench-decision { grid-template-columns: minmax(0, 1fr); }
  .employee-workbench-decision > :not(button),
  .employee-workbench-decision > button,
  .employee-workbench-decision > .communication-review-check,
  .employee-workbench-decision > .communication-draft-actions { grid-column: 1; }
  .employee-workbench-decision > button { grid-row: auto; justify-self: stretch; }
  .employee-workbench-preparation-card { grid-template-columns: minmax(0, 1fr); }
  .employee-workbench-preparation-card > :not(a),
  .employee-workbench-preparation-card > a { grid-column: 1; grid-row: auto; }
  .employee-workbench-preparation-card > a { justify-self: stretch; }
  .employee-collaboration-participant-branch { width: 100%; }
  .employee-collaboration-path { grid-template-columns: minmax(0, 1fr); }
  .employee-collaboration-path > button { justify-self: start; }
}
@media (forced-colors: active) {
  .employee-conversation-workbench-actions,
  .employee-conversation-workbench-card,
  .employee-collaboration-path { border: 1px solid CanvasText; }
  .employee-conversation-workbench-actions > button[aria-pressed="true"] { outline: 2px solid Highlight; }
}

.employee-web-workspace {
  display: grid;
  gap: .58rem;
  padding: .68rem 0;
  background: linear-gradient(105deg, color-mix(in srgb, var(--employee-stream-accent) 7%, transparent), transparent 76%);
  box-shadow: inset 0 1px color-mix(in srgb, var(--employee-stream-accent) 34%, transparent),
    inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 28%, transparent);
}
.employee-web-workspace[hidden] { display: none; }
.employee-web-workspace > :not(header, .employee-web-workspace-track) { margin-inline: .66rem; }
.employee-web-workspace > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: .7rem;
  padding-inline: .66rem;
}
.employee-web-workspace > header > div { display: grid; gap: .08rem; }
.employee-web-workspace > header small { color: var(--employee-stream-accent); font-size: .52rem; font-weight: 790; letter-spacing: .08em; }
.employee-web-workspace > header strong { font-size: .76rem; }
.employee-web-workspace-track {
  display: grid;
  grid-template-columns: auto minmax(12px, 1fr) auto minmax(12px, 1fr) auto minmax(12px, 1fr) auto;
  align-items: center;
  gap: .3rem;
  padding: .15rem .66rem .35rem;
}
.employee-web-workspace-track > span { display: flex; align-items: center; gap: .28rem; color: var(--muted); }
.employee-web-workspace-track b { display: grid; width: 1.25rem; aspect-ratio: 1; place-items: center; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 76%, transparent); font-size: .53rem; }
.employee-web-workspace-track small { font-size: .56rem; }
.employee-web-workspace-track i { height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 52%, transparent), transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--employee-stream-accent) 12%, transparent); }
.employee-web-workspace-track > span[data-state="ready"] { color: var(--employee-stream-accent); }
.employee-web-workspace-track > span[data-state="blocked"] { color: var(--warning); }
.employee-web-workspace-modes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent); }
.employee-web-workspace-modes > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .46rem;
  min-width: 0;
  min-height: 62px;
  padding: .52rem .58rem;
  border: 0;
  border-radius: 0;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 76%, transparent);
  box-shadow: none;
  text-align: start;
}
.employee-web-workspace-modes > button > span:nth-child(2) { display: grid; gap: .08rem; min-width: 0; }
.employee-web-workspace-modes > button > span:first-child,
.employee-web-workspace-modes > button > b { color: var(--employee-stream-accent); }
.employee-web-workspace-modes strong { font-size: .64rem; }
.employee-web-workspace-modes small { color: var(--muted); font-size: .55rem; line-height: 1.35; }
.employee-web-workspace-modes b { font-size: .52rem; }
.employee-web-workspace-modes > button:is(:hover, :focus-visible, [aria-checked="true"]) { outline: 0; background: linear-gradient(110deg, color-mix(in srgb, var(--employee-stream-accent) 13%, transparent), transparent); box-shadow: inset 0 -1px var(--employee-stream-accent); }
.employee-web-workspace-modes > button[data-state="blocked"] { opacity: .74; }
.employee-web-attended-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .42rem .58rem; padding-block: .08rem; }
.employee-web-attended-controls[hidden], .employee-web-reviewed-controls[hidden] { display: none; }
.employee-web-attended-controls label,
.employee-web-reviewed-controls label { display: grid; gap: .2rem; min-width: 0; }
.employee-web-attended-controls label > span,
.employee-web-reviewed-controls label > span { color: var(--muted); font-size: .55rem; }
.employee-web-attended-controls select,
.employee-web-reviewed-controls select { min-width: 0; min-height: 40px; }
.employee-web-attended-controls button { min-height: 40px; border: 0; border-radius: 0; }
.employee-web-attended-parameters {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 28%, transparent);
}
.employee-web-attended-parameters:empty { display: none; }
.employee-web-attended-parameters > label {
  gap: .16rem;
  padding: .42rem .5rem;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 72%, transparent);
}
.employee-web-attended-parameters > label.boolean { display: flex; align-items: center; gap: .4rem; }
.employee-web-attended-parameters :is(input, select) { min-width: 0; min-height: 36px; }
.employee-web-attended-controls > p,
.employee-web-attended-result { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .58rem; line-height: 1.45; }
.employee-web-attended-result { display: grid; gap: .3rem; padding: .5rem .56rem; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 58%, transparent); }
.employee-web-attended-result[hidden] { display: none; }
.employee-web-attended-result dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; }
.employee-web-attended-result dl > div { display: grid; gap: .08rem; padding: .38rem .42rem; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 72%, transparent); }
.employee-web-attended-result :is(dt, dd) { margin: 0; overflow-wrap: anywhere; }
.employee-web-attended-result dt { color: var(--muted); font-size: .52rem; }
.employee-web-attended-result dd { font-size: .58rem; }
.employee-web-reviewed-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .3rem;
  padding-block: .08rem;
}
.employee-web-reviewed-controls > p { margin: 0; color: var(--muted); font-size: .58rem; line-height: 1.45; }
.employee-web-workspace-actions { display: flex; flex-wrap: wrap; gap: .42rem; }
.employee-web-workspace-actions button { min-height: 40px; border: 0; border-radius: 0; }
.employee-web-workspace > p,
.employee-web-workspace > details { margin-block: 0; color: var(--muted); font-size: .58rem; line-height: 1.45; }
.employee-web-workspace details p { margin: .42rem 0 0; }
@container digital-employee-lab (max-width: 760px) {
  .employee-web-workspace-modes { grid-template-columns: minmax(0, 1fr); }
}
@container digital-employee-lab (max-width: 480px) {
  .employee-web-workspace-track small { display: none; }
  .employee-web-attended-controls { grid-template-columns: minmax(0, 1fr); }
  .employee-web-attended-controls > * { grid-column: 1; }
  .employee-web-attended-parameters { grid-template-columns: minmax(0, 1fr); }
  .employee-web-workspace-actions { display: grid; }
}
@media (forced-colors: active) {
  .employee-web-workspace, .employee-web-workspace-modes > button { border: 1px solid CanvasText; }
}


.employee-conversation-collaboration-actions {
  display: grid;
  gap: .62rem;
  padding: .72rem 0;
  background: linear-gradient(104deg, color-mix(in srgb, var(--employee-stream-accent) 7%, transparent), transparent 76%);
  box-shadow: inset 0 1px color-mix(in srgb, var(--employee-stream-accent) 44%, transparent);
}
.employee-conversation-collaboration-actions > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .7rem;
}
.employee-conversation-collaboration-actions :is(h4, p, dl, dd) { margin: 0; }
.employee-conversation-collaboration-actions h4 { font-size: .82rem; }
.employee-conversation-collaboration-actions > header p:last-child {
  margin-top: .16rem;
  color: var(--muted);
  font-size: .61rem;
  line-height: 1.42;
}
#employee-conversation-collaboration-actions-state {
  color: color-mix(in srgb, var(--employee-stream-accent) 78%, var(--muted));
  font-size: .59rem;
  font-weight: 780;
  text-align: end;
}
.employee-conversation-collaboration-action-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 32%, transparent);
}
.employee-conversation-collaboration-action-facts > div {
  display: grid;
  gap: .14rem;
  min-width: 0;
  padding: .48rem .56rem;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 72%, transparent);
}
.employee-conversation-collaboration-action-facts dt { color: var(--muted); font-size: .53rem; }
.employee-conversation-collaboration-action-facts dd {
  overflow: hidden;
  color: var(--ink-strong);
  font-size: .62rem;
  font-weight: 740;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-conversation-collaboration-action-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-conversation-collaboration-action-buttons > button,
.employee-conversation-collaboration-launcher > summary,
.employee-conversation-collaboration-secondary-actions > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .42rem;
  align-items: center;
  min-height: 56px;
  padding: .5rem .58rem;
  border: 0;
  border-radius: 0;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 76%, transparent);
  box-shadow: none;
  text-align: left;
}
.employee-conversation-collaboration-launcher { min-width: 0; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 76%, transparent); }
.employee-conversation-collaboration-launcher > summary { cursor: pointer; list-style: none; }
.employee-conversation-collaboration-launcher > summary::-webkit-details-marker { display: none; }
.employee-conversation-collaboration-action-buttons > button > span:first-child,
.employee-conversation-collaboration-launcher > summary > span:first-child,
.employee-conversation-collaboration-secondary-actions > button > span:first-child {
  color: var(--employee-stream-accent);
  font-size: .84rem;
}
.employee-conversation-collaboration-action-buttons > button > span:last-child,
.employee-conversation-collaboration-launcher > summary > span:last-child,
.employee-conversation-collaboration-secondary-actions > button > span:last-child { display: grid; gap: .08rem; min-width: 0; }
.employee-conversation-collaboration-actions :is(.employee-conversation-collaboration-action-buttons,
  .employee-conversation-collaboration-secondary-actions) strong { font-size: .65rem; }
.employee-conversation-collaboration-actions :is(.employee-conversation-collaboration-action-buttons,
  .employee-conversation-collaboration-secondary-actions) small { color: var(--muted); font-size: .55rem; line-height: 1.36; }
.employee-conversation-collaboration-actions :is(.employee-conversation-collaboration-action-buttons,
  .employee-conversation-collaboration-secondary-actions) > button:is(:hover, :focus-visible) {
  outline: 0;
  background: linear-gradient(105deg, color-mix(in srgb, var(--employee-stream-accent) 12%, transparent), transparent);
  box-shadow: inset 0 -1px var(--employee-stream-accent);
}
.employee-conversation-collaboration-launcher > summary:is(:hover, :focus-visible) {
  outline: 0;
  background: linear-gradient(105deg, color-mix(in srgb, var(--employee-stream-accent) 12%, transparent), transparent);
  box-shadow: inset 0 -1px var(--employee-stream-accent);
}
.employee-conversation-collaboration-modes { display: grid; gap: 1px; padding: 1px; background: color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent); }
.employee-conversation-collaboration-modes > button { display: grid; gap: .12rem; min-height: 48px; padding: .48rem .58rem; border: 0; border-radius: 0; background: var(--surface-raised); box-shadow: none; text-align: left; }
.employee-conversation-collaboration-modes > button strong { font-size: .62rem; }
.employee-conversation-collaboration-modes > button small { color: var(--muted); font-size: .54rem; line-height: 1.38; }
.employee-conversation-collaboration-more {
  border-block: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 35%, transparent);
}
.employee-conversation-collaboration-more > summary {
  min-height: 38px;
  padding: .52rem .12rem;
  color: var(--muted);
  cursor: pointer;
  font-size: .6rem;
  list-style-position: inside;
}
.employee-conversation-collaboration-more > summary span { display: inline-flex; align-items: center; justify-content: space-between; gap: .6rem; width: calc(100% - 1.2rem); }
.employee-conversation-collaboration-more > summary strong { color: var(--ink-strong); }
.employee-conversation-collaboration-more > summary small { color: var(--muted); }
.employee-conversation-collaboration-secondary-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: .55rem;
  background: color-mix(in srgb, var(--sheet-divider, var(--border)) 34%, transparent);
}
.employee-conversation-collaboration-actions-status,
.employee-conversation-group-boundary { color: var(--muted); font-size: .58rem; line-height: 1.42; }
.employee-conversation-group-boundary {
  padding-left: .5rem;
  border-left: 1px solid color-mix(in srgb, var(--warning) 64%, transparent);
  color: color-mix(in srgb, var(--warning) 74%, var(--muted));
}
.employee-distributed-collaboration-dialog {
  width: min(1120px, calc(100vw - 2rem));
  max-width: none;
  max-height: calc(100dvh - 2rem);
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--ink-strong);
  background: color-mix(in srgb, var(--surface-raised) 91%, transparent);
  box-shadow: 0 24px 80px color-mix(in srgb, #020a10 56%, transparent),
    inset 0 1px color-mix(in srgb, var(--employee-stream-accent) 54%, transparent);
  overflow: hidden;
}
.employee-distributed-collaboration-dialog::backdrop {
  background: color-mix(in srgb, #02070c 68%, transparent);
  backdrop-filter: blur(15px) saturate(.82);
}
.employee-distributed-collaboration-shell {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: .68rem;
  max-height: calc(100dvh - 2rem);
  padding: .9rem;
  background: linear-gradient(128deg,
    color-mix(in srgb, var(--employee-stream-accent) 9%, transparent), transparent 36% 78%,
    color-mix(in srgb, var(--sheet-bg-quiet, transparent) 52%, transparent));
}
.employee-distributed-collaboration-shell > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .66rem;
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 42%, transparent);
}
.employee-distributed-collaboration-shell :is(h3, p) { margin: 0; }
.employee-distributed-collaboration-shell > header h3 { margin-top: .08rem; font-size: 1rem; }
#employee-distributed-collaboration-context,
#employee-distributed-collaboration-contract { color: var(--muted); font-size: .61rem; line-height: 1.44; }
.employee-distributed-collaboration-shell > header button {
  flex: 0 0 auto;
  min-height: 38px;
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 52%, transparent);
}
.employee-distributed-collaboration-host {
  min-height: min(520px, 64dvh);
  overflow: auto;
  container-type: inline-size;
}
.employee-distributed-collaboration-host[aria-busy="true"] { opacity: .54; pointer-events: none; }
.employee-distributed-collaboration-host > .boss-os-bots { margin: 0; min-height: 100%; }
@container (max-width: 700px) {
  .employee-conversation-collaboration-action-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employee-conversation-collaboration-action-buttons,
  .employee-conversation-collaboration-secondary-actions { grid-template-columns: minmax(0, 1fr); }
}
@container (max-width: 420px) {
  .employee-conversation-collaboration-actions > header { flex-direction: column; }
  #employee-conversation-collaboration-actions-state { text-align: start; }
  .employee-conversation-collaboration-action-facts { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 680px) {
  .employee-distributed-collaboration-dialog { width: 100vw; max-height: 100dvh; }
  .employee-distributed-collaboration-shell { max-height: 100dvh; padding: .7rem; }
  .employee-distributed-collaboration-shell > header { align-items: stretch; flex-direction: column; }
  .employee-distributed-collaboration-host { min-height: 68dvh; }
}
@media (forced-colors: active) {
  .employee-conversation-collaboration-actions,
  .employee-conversation-collaboration-action-buttons > button,
  .employee-conversation-collaboration-launcher > summary,
  .employee-conversation-collaboration-modes > button,
  .employee-conversation-collaboration-secondary-actions > button,
  .employee-distributed-collaboration-dialog { border: 1px solid CanvasText; }
}



.employee-runtime-picture {
  --employee-runtime-accent: var(--sea-salt-text);
  --employee-runtime-line: color-mix(in srgb, var(--employee-runtime-accent) 22%, var(--sheet-divider, var(--border)));
  container-type: inline-size;
  position: relative;
  display: grid;
  min-width: 0;
  gap: .64rem;
  padding: .86rem 0 .72rem;
  background: radial-gradient(circle at 8% 0, color-mix(in srgb, var(--employee-runtime-accent) 9%, transparent), transparent 34%), linear-gradient(112deg, color-mix(in srgb, var(--sheet-bg-quiet, transparent) 38%, transparent), transparent 68%);
  backdrop-filter: blur(18px) saturate(118%);
}
.employee-runtime-picture[hidden] { display: none; }
.employee-runtime-picture::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--employee-runtime-accent) 72%, transparent), var(--employee-runtime-line) 54%, transparent); box-shadow: 0 0 18px color-mix(in srgb, var(--employee-runtime-accent) 17%, transparent); }
.employee-runtime-picture[data-state="working"] { --employee-runtime-accent: #63e6c7; }
.employee-runtime-picture:is([data-state="blocked"], [data-state="unavailable"]) { --employee-runtime-accent: var(--warning); }
.employee-runtime-picture-heading { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.employee-runtime-picture :is(h4, p) { margin: 0; }
.employee-runtime-picture h4 { font-size: .88rem; letter-spacing: -.01em; }
.employee-runtime-picture-state { display: inline-flex; min-height: 28px; align-items: center; gap: .38rem; color: color-mix(in srgb, var(--employee-runtime-accent) 84%, var(--muted)); font-size: .68rem; font-weight: 780; white-space: nowrap; }
.employee-runtime-picture-state::before { content: ""; width: .4rem; aspect-ratio: 1; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 8%, transparent), 0 0 13px color-mix(in srgb, currentColor 40%, transparent); }
.employee-boss-status { display: grid; gap: .58rem; padding: .72rem; border: 1px solid color-mix(in srgb, var(--employee-runtime-accent) 34%, var(--border)); background: linear-gradient(110deg, color-mix(in srgb, var(--employee-runtime-accent) 10%, transparent), color-mix(in srgb, var(--sheet-bg-quiet, transparent) 52%, transparent)); }
.employee-boss-status[data-state="blocked"] { --employee-runtime-accent: var(--warning); }
.employee-boss-status[data-state="attention"] { --employee-runtime-accent: var(--danger); }
.employee-boss-status-main { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .58rem; min-width: 0; }
.employee-boss-status-orb { width: .68rem; height: .68rem; border-radius: 50%; background: var(--employee-runtime-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--employee-runtime-accent) 12%, transparent), 0 0 16px color-mix(in srgb, var(--employee-runtime-accent) 48%, transparent); }
.employee-boss-status-main > div:not(.employee-boss-status-owner) { display: grid; gap: .08rem; min-width: 0; }
.employee-boss-status-main small, .employee-boss-status-owner small { color: var(--muted); font-size: .6rem; }
.employee-boss-status-main strong { overflow: hidden; font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }
.employee-boss-status-main span:not(.employee-boss-status-orb) { color: var(--muted); font-size: .65rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.employee-boss-status-owner { display: grid; gap: .08rem; min-width: 5.4rem; text-align: right; }
.employee-boss-status-owner strong { font-size: .68rem; }
.employee-boss-status-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; background: var(--employee-runtime-line); list-style: none; }
.employee-boss-status-flow li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .32rem; min-width: 0; padding: .42rem .48rem; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 70%, transparent); }
.employee-boss-status-flow li i { color: var(--muted); font-size: .52rem; font-style: normal; }
.employee-boss-status-flow li span { color: var(--muted); font-size: .6rem; }
.employee-boss-status-flow li b { grid-column: 2; overflow: hidden; color: var(--text); font-size: .65rem; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.employee-boss-status-flow li[data-state="ready"] b, .employee-boss-status-flow li[data-state="working"] b, .employee-boss-status-flow li[data-state="completed"] b { color: var(--employee-runtime-accent); }
.employee-boss-status-flow li[data-state="blocked"] b, .employee-boss-status-flow li[data-state="attention"] b { color: var(--warning); }
.employee-boss-status-next { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-width: 0; color: var(--muted); font-size: .64rem; }
.employee-boss-status-next span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.employee-boss-status-next button { min-height: 29px; padding: .26rem .48rem; border: 0; border-radius: 0; font-size: .6rem; }
.employee-runtime-picture:is([data-state="working"], [data-state="waiting"]) .employee-runtime-picture-state::before { animation: employee-runtime-picture-breathe 1.9s ease-in-out infinite; }
.employee-runtime-picture-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; background: var(--employee-runtime-line); list-style: none; }
.employee-runtime-picture-rail > li { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .42rem; min-width: 0; min-height: 50px; padding: .44rem .5rem; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 72%, transparent); }
.employee-runtime-picture-rail > li::after { content: ""; position: absolute; inset: auto .48rem 0; height: 1px; background: transparent; }
.employee-runtime-picture-rail > li:is([data-state="ready"], [data-state="working"])::after { background: var(--employee-runtime-accent); box-shadow: 0 0 10px var(--employee-runtime-accent); }
.employee-runtime-picture-rail > li:is([data-state="blocked"], [data-state="drifted"])::after { background: var(--warning); box-shadow: 0 0 10px color-mix(in srgb, var(--warning) 48%, transparent); }
.employee-runtime-picture-rail > li[data-state="completed"]::after { background: #8aa8ff; box-shadow: 0 0 10px rgb(138 168 255 / 38%); }
.employee-runtime-picture-rail > li[data-state="waiting"]::after { background: color-mix(in srgb, var(--muted) 44%, transparent); }
.employee-runtime-picture-rail i { color: color-mix(in srgb, var(--employee-runtime-accent) 66%, var(--muted)); font-size: .5rem; font-style: normal; font-variant-numeric: tabular-nums; }
.employee-runtime-picture-rail span { display: grid; gap: .04rem; min-width: 0; }
.employee-runtime-picture-rail small { color: var(--muted); font-size: .59rem; }
.employee-runtime-picture-rail .employee-runtime-picture-technical { display: none; }
.employee-runtime-picture-rail strong { overflow: hidden; font-size: .68rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.employee-runtime-picture-now { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; min-width: 0; padding: .64rem .7rem; background: linear-gradient(100deg, color-mix(in srgb, var(--employee-runtime-accent) 9%, transparent), transparent 76%); box-shadow: inset 2px 0 color-mix(in srgb, var(--employee-runtime-accent) 70%, transparent), inset 0 -1px var(--employee-runtime-line); }
.employee-runtime-picture-pulse { width: .5rem; aspect-ratio: 1; border-radius: 50%; background: var(--employee-runtime-accent); box-shadow: 0 0 14px color-mix(in srgb, var(--employee-runtime-accent) 62%, transparent); }
.employee-runtime-picture-now > div { display: grid; gap: .08rem; min-width: 0; }
.employee-runtime-picture-now strong { font-size: .69rem; }
.employee-runtime-picture-now small { color: var(--muted); font-size: .64rem; line-height: 1.4; overflow-wrap: anywhere; }
.employee-runtime-picture-now > button { min-height: 38px; padding-inline: .8rem; border: 0; border-radius: 0; background: color-mix(in srgb, var(--employee-runtime-accent) 13%, transparent); box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-runtime-accent) 72%, transparent), 0 0 18px color-mix(in srgb, var(--employee-runtime-accent) 8%, transparent); font-size: .59rem; }
.employee-runtime-picture-now > button:is(:hover, :focus-visible):not(:disabled) { outline: 0; background: color-mix(in srgb, var(--employee-runtime-accent) 20%, transparent); box-shadow: inset 0 -1px var(--employee-runtime-accent), 0 0 20px color-mix(in srgb, var(--employee-runtime-accent) 15%, transparent); }
.employee-runtime-picture-now > button:disabled { opacity: .48; cursor: progress; }
.employee-runtime-picture-actions { display: flex; align-items: center; justify-content: flex-end; gap: .22rem; min-width: 0; }
.employee-runtime-picture-actions[hidden], .employee-runtime-picture-actions > button[hidden] { display: none; }
.employee-runtime-picture-actions > span { margin-right: auto; color: var(--muted); font-size: .61rem; }
.employee-runtime-picture-actions > button { min-height: 34px; padding: .28rem .54rem; border: 0; border-radius: 0; background: transparent; box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-runtime-accent) 34%, transparent); color: var(--muted); font-size: .63rem; }
.employee-runtime-picture-actions > button:is(:hover, :focus-visible) { outline: 0; background: color-mix(in srgb, var(--employee-runtime-accent) 8%, transparent); box-shadow: inset 0 -1px var(--employee-runtime-accent); color: var(--text); }
.employee-runtime-picture-evidence { min-width: 0; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 20%, transparent); box-shadow: inset 0 1px var(--employee-runtime-line); }
.employee-runtime-picture-evidence > summary { display: flex; min-height: 41px; align-items: center; justify-content: space-between; gap: .7rem; padding: .42rem .6rem; list-style: none; cursor: pointer; }
.employee-runtime-picture-evidence > summary::-webkit-details-marker { display: none; }
.employee-runtime-picture-evidence > summary > span { display: grid; gap: .06rem; min-width: 0; }
.employee-runtime-picture-evidence > summary strong { font-size: .62rem; }
.employee-runtime-picture-evidence > summary small, .employee-runtime-picture-evidence > summary b { color: var(--muted); font-size: .61rem; }
.employee-runtime-picture-evidence > summary b::after { margin-left: .3rem; content: "+"; }
.employee-runtime-picture-evidence[open] > summary b::after { content: "−"; }
.employee-runtime-picture-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0 .6rem .6rem; background: var(--employee-runtime-line); }
.employee-runtime-picture-facts > div { display: grid; gap: .14rem; min-width: 0; padding: .5rem .54rem; background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 72%, transparent); }
.employee-runtime-picture-facts :is(dt, dd) { margin: 0; }
.employee-runtime-picture-facts dt { color: var(--muted); font-size: .59rem; }
.employee-runtime-picture-facts dd { font-size: .65rem; font-weight: 700; line-height: 1.38; overflow-wrap: anywhere; }
.employee-runtime-picture-maintenance { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .3rem; margin: 0 .6rem .6rem; }
.employee-runtime-picture-maintenance a { min-height: 34px; padding: .38rem .5rem; border-radius: 0; background: transparent; box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-runtime-accent) 36%, transparent); font-size: .61rem; text-align: center; }
.employee-runtime-picture-boundary { color: var(--muted); font-size: .61rem; line-height: 1.45; }
@keyframes employee-runtime-picture-breathe { 50% { opacity: .42; transform: scale(.78); } }
@container (max-width: 760px) { .employee-runtime-picture-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); } .employee-runtime-picture-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 500px) {
  .employee-boss-status-main { grid-template-columns: auto minmax(0, 1fr); }
  .employee-boss-status-owner { grid-column: 2; grid-row: 1; min-width: 0; text-align: left; }
  .employee-boss-status-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employee-runtime-picture-rail { grid-template-columns: minmax(0, 1fr); }
  .employee-runtime-picture-rail > li { min-height: 42px; }
  .employee-runtime-picture-now { grid-template-columns: auto minmax(0, 1fr); }
  .employee-runtime-picture-now > button { grid-column: 1 / -1; width: 100%; }
  .employee-runtime-picture-actions { justify-content: flex-start; flex-wrap: wrap; }
  .employee-runtime-picture-actions > span { flex: 0 0 100%; }
  .employee-runtime-picture-facts { grid-template-columns: minmax(0, 1fr); }
  .employee-runtime-picture-maintenance { justify-content: stretch; }
  .employee-runtime-picture-maintenance a { flex: 1 1 30%; }
}
@media (prefers-reduced-motion: reduce) { .employee-runtime-picture-state::before { animation: none !important; } }
@media (forced-colors: active) { .employee-runtime-picture, .employee-runtime-picture-now, .employee-runtime-picture-rail > li, .employee-runtime-picture-facts > div { border: 1px solid CanvasText; background: Canvas; box-shadow: none; backdrop-filter: none; } .employee-runtime-picture :is(button, a):focus-visible { outline: 2px solid Highlight; } }


.employee-computer-association-open {
  min-height: 36px;
  padding: .28rem .15rem;
  border: 0;
  border-radius: 0;
  color: var(--employee-stream-accent);
  background: transparent;
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 42%, transparent);
  font-size: .68rem;
}
.employee-computer-association-open:is(:hover, :focus-visible) {
  outline: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 8%, transparent), transparent);
  box-shadow: inset 0 -1px var(--employee-stream-accent), 0 8px 24px color-mix(in srgb, var(--employee-stream-accent) 8%, transparent);
}
.employee-computer-association-dialog {
  width: min(58rem, calc(100vw - 2rem));
  max-height: min(52rem, calc(100dvh - 2rem));
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 0;
  color: var(--ink-strong);
  background: color-mix(in srgb, var(--sheet-bg, #eef8f7) 82%, transparent);
  box-shadow: 0 28px 90px rgb(2 20 25 / 32%), inset 0 1px rgb(255 255 255 / 58%);
  backdrop-filter: blur(28px) saturate(132%);
}
.employee-computer-association-dialog::backdrop {
  background: color-mix(in srgb, var(--ink-strong) 22%, transparent);
  backdrop-filter: blur(8px);
}
.employee-computer-association-sheet {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 1.6rem);
  background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--sea-salt-text) 10%, transparent), transparent 42%);
}
.employee-computer-association-sheet::before {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, var(--sea-salt-text), color-mix(in srgb, var(--sheet-divider, var(--border)) 42%, transparent), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--sea-salt-text) 24%, transparent);
}
.employee-computer-association-sheet > header,
.employee-computer-association-existing > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.employee-computer-association-sheet :is(h4, h5, p),
.employee-computer-association-existing :is(h5, p) { margin: 0; }
.employee-computer-association-sheet h4 { font-size: clamp(1.05rem, 2.4vw, 1.35rem); }
.employee-computer-association-sheet h5 { font-size: .84rem; }
.employee-computer-association-icon {
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--muted);
  background: transparent;
  box-shadow: none;
  font-size: 1.2rem;
}
.employee-computer-association-context,
.employee-computer-association-selection {
  padding-inline-start: .8rem;
  border-inline-start: 1px solid color-mix(in srgb, var(--sea-salt-text) 58%, transparent);
  color: var(--muted);
  font-size: .7rem;
  line-height: 1.5;
}
.employee-computer-association-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  padding-block: .85rem;
  border-block: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 40%, transparent);
}
.employee-computer-association-form label { display: grid; gap: .38rem; min-width: 0; font-size: .7rem; }
.employee-computer-association-form select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 0;
  border-radius: 0;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 64%, transparent);
  box-shadow: inset 1px 0 color-mix(in srgb, var(--sea-salt-text) 46%, transparent), inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 52%, transparent);
}
.employee-computer-association-form select:focus {
  outline: 0;
  box-shadow: inset 2px 0 var(--sea-salt-text), inset 0 -1px var(--sea-salt-text), 0 12px 30px color-mix(in srgb, var(--sea-salt-text) 7%, transparent);
}
.employee-computer-association-selection,
.employee-computer-association-form-actions { grid-column: 1 / -1; }
.employee-computer-association-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.employee-computer-association-form-actions a { color: var(--sea-salt-text); font-size: .7rem; }
.employee-computer-association-form-actions button { min-height: 44px; border-radius: 0; }
.employee-computer-association-existing { display: grid; gap: .65rem; min-width: 0; }
.employee-computer-association-existing > header button { min-height: 36px; border-radius: 0; }
#employee-computer-association-list { display: grid; gap: .55rem; }
.employee-computer-association-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .45rem .9rem;
  padding: .75rem 0 .75rem .8rem;
  border-inline-start: 1px solid color-mix(in srgb, var(--sea-salt-text) 48%, transparent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--sea-salt-text) 5%, transparent), transparent 62%);
}
.employee-computer-association-card.is-closed { border-inline-start-color: color-mix(in srgb, var(--muted) 42%, transparent); }
.employee-computer-association-card > div:first-child { min-width: 0; }
.employee-computer-association-card strong { overflow-wrap: anywhere; font-size: .74rem; }
.employee-computer-association-card p { color: var(--muted); font-size: .66rem; line-height: 1.5; overflow-wrap: anywhere; }
.employee-computer-association-card-actions { display: flex; align-items: center; gap: .4rem; }
.employee-computer-association-card-actions button { min-height: 36px; padding: .35rem .55rem; border-radius: 0; font-size: .65rem; }
.employee-computer-association-contract,
.employee-computer-association-status { color: var(--muted); font-size: .67rem; line-height: 1.55; }
.employee-computer-association-status { min-height: 1.1rem; color: color-mix(in srgb, var(--sea-salt-text) 76%, var(--muted)); }
.employee-computer-association-status.is-error { color: var(--warning); }
.employee-computer-association-empty {
  padding: .7rem 0 .7rem .8rem;
  border-inline-start: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 54%, transparent);
  color: var(--muted);
  font-size: .68rem;
}
@media (max-width: 660px) {
  .employee-computer-association-dialog { width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); }
  .employee-computer-association-form { grid-template-columns: minmax(0, 1fr); }
  .employee-computer-association-selection,
  .employee-computer-association-form-actions { grid-column: auto; }
  .employee-computer-association-card { grid-template-columns: minmax(0, 1fr); }
  .employee-computer-association-card-actions { justify-content: flex-start; }
}
@media (forced-colors: active) {
  .employee-computer-association-dialog,
  .employee-computer-association-form select { outline: 1px solid CanvasText; }
  .employee-computer-association-open:focus-visible { outline: 2px solid Highlight; }
}


.employee-stream-detail-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .7rem;
}
.employee-run-guidance-open {
  min-height: 36px;
  padding: .28rem .15rem;
  border: 0;
  border-radius: 0;
  color: var(--employee-stream-accent);
  background: transparent;
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 58%, transparent);
  font-size: .68rem;
}
.employee-run-guidance-unavailable {
  max-width: 14rem;
  color: var(--muted);
  font-size: .62rem;
  line-height: 1.35;
  text-align: end;
}
.employee-run-guidance-open:is(:hover, :focus-visible) {
  outline: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--employee-stream-accent) 9%, transparent), transparent);
  box-shadow: inset 0 -1px var(--employee-stream-accent), 0 8px 24px color-mix(in srgb, var(--employee-stream-accent) 9%, transparent);
}
.employee-run-guidance-dialog {
  width: min(42rem, calc(100vw - 2rem));
  max-height: min(44rem, calc(100dvh - 2rem));
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 0;
  color: var(--ink-strong);
  background: color-mix(in srgb, var(--sheet-bg, #eef8f7) 82%, transparent);
  box-shadow: 0 28px 90px rgb(2 20 25 / 32%), inset 0 1px rgb(255 255 255 / 58%);
  backdrop-filter: blur(28px) saturate(132%);
}
.employee-run-guidance-dialog::backdrop {
  background: color-mix(in srgb, var(--ink-strong) 22%, transparent);
  backdrop-filter: blur(8px);
}
.employee-run-guidance-sheet {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 1.6rem);
  background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--sea-salt-text) 10%, transparent), transparent 42%);
}
.employee-run-guidance-sheet::before {
  content: "";
  height: 1px;
  background: linear-gradient(90deg, var(--sea-salt-text), color-mix(in srgb, var(--sheet-divider, var(--border)) 42%, transparent), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--sea-salt-text) 24%, transparent);
}
.employee-run-guidance-sheet > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.employee-run-guidance-sheet :is(h4, p) { margin: 0; }
.employee-run-guidance-sheet h4 { font-size: clamp(1.05rem, 2.4vw, 1.35rem); }
.employee-run-guidance-icon {
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--muted);
  background: transparent;
  box-shadow: none;
  font-size: 1.2rem;
}
.employee-run-guidance-target {
  padding-inline-start: .8rem;
  border-inline-start: 1px solid color-mix(in srgb, var(--sea-salt-text) 64%, transparent);
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.5;
}
.employee-run-guidance-sheet label { display: grid; gap: .42rem; color: var(--ink-strong); font-size: .72rem; }
.employee-run-guidance-sheet textarea {
  width: 100%;
  min-height: 9rem;
  resize: vertical;
  border: 0;
  border-radius: 0;
  background: color-mix(in srgb, var(--sheet-bg-quiet, transparent) 64%, transparent);
  box-shadow: inset 1px 0 color-mix(in srgb, var(--sea-salt-text) 54%, transparent), inset 0 -1px color-mix(in srgb, var(--sheet-divider, var(--border)) 52%, transparent);
}
.employee-run-guidance-sheet textarea:focus {
  outline: 0;
  box-shadow: inset 2px 0 var(--sea-salt-text), inset 0 -1px var(--sea-salt-text), 0 12px 30px color-mix(in srgb, var(--sea-salt-text) 7%, transparent);
}
.employee-run-guidance-contract,
.employee-run-guidance-status { color: var(--muted); font-size: .67rem; line-height: 1.55; }
.employee-run-guidance-status { min-height: 1.1rem; color: color-mix(in srgb, var(--sea-salt-text) 76%, var(--muted)); }
.employee-run-guidance-status.is-error { color: var(--warning); }
.employee-run-guidance-sheet > footer {
  display: flex;
  justify-content: flex-end;
  gap: .55rem;
  padding-top: .35rem;
  border-top: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 40%, transparent);
}
.employee-run-guidance-sheet > footer button { min-height: 44px; border-radius: 0; }
@media (max-width: 520px) {
  .employee-stream-detail-actions { align-items: flex-end; flex-direction: column-reverse; gap: .2rem; }
  .employee-run-guidance-dialog { width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); }
  .employee-run-guidance-sheet > footer { display: grid; grid-template-columns: minmax(0, 1fr); }
}
@media (forced-colors: active) {
  .employee-run-guidance-dialog,
  .employee-run-guidance-sheet textarea { outline: 1px solid CanvasText; }
  .employee-run-guidance-open:focus-visible { outline: 2px solid Highlight; }
}


.employee-thread-surface {
  --employee-thread-accent: var(--sea-salt-text);
  position: relative;
  isolation: isolate;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--employee-thread-accent) 9%, transparent), transparent 31%),
    linear-gradient(112deg, color-mix(in srgb, var(--sheet-bg-quiet, transparent) 38%, transparent), transparent 74%);
  box-shadow: none;
}
.employee-thread-surface::after {
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--employee-thread-accent) 76%, transparent) 17%, color-mix(in srgb, var(--sheet-divider, var(--border)) 48%, transparent) 64%, transparent);
  box-shadow: 0 0 20px color-mix(in srgb, var(--employee-thread-accent) 16%, transparent);
  content: "";
}
.employee-thread-surface-directory { padding-block: clamp(1rem, 2vw, 1.35rem); }
.employee-thread-surface-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.employee-thread-surface-metrics > div { padding-inline: clamp(.45rem, 1.2vw, .8rem); }
.employee-thread-surface-launcher { padding-block: .35rem .15rem; }
.employee-thread-surface-evidence { border-block-start: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 62%, transparent); }
.employee-thread-surface-evidence > summary { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: .6rem; padding: .42rem .15rem; color: var(--muted); cursor: pointer; }
.employee-thread-surface-evidence > summary span { color: var(--ink-strong); font-size: .72rem; font-weight: 760; }
.employee-thread-surface-evidence > summary small { font-size: .66rem; }
.employee-thread-surface-secondary-metrics { padding-top: .45rem; }
.employee-thread-surface-heading-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .72rem;
}
.employee-thread-surface-heading-actions > a {
  min-height: 34px;
  padding: .38rem .1rem;
  border-block-end: 1px solid color-mix(in srgb, var(--employee-thread-accent) 54%, transparent);
  color: var(--employee-thread-accent);
  font-size: .68rem;
  font-weight: 760;
  text-decoration: none;
}
.employee-thread-surface-heading-actions > a:hover { border-color: var(--employee-thread-accent); }
.employee-thread-surface-heading-actions > a:focus-visible { outline: 1px solid var(--employee-thread-accent); outline-offset: 3px; }
@container digital-employee-lab (max-width: 760px) {
  .employee-thread-surface-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container digital-employee-lab (max-width: 520px) {
  .employee-thread-surface-metrics { grid-template-columns: minmax(0, 1fr); }
  .employee-thread-surface-evidence > summary { align-items: flex-start; flex-direction: column; }
}
@container (max-width: 520px) {
  .employee-thread-surface-heading-actions { width: 100%; justify-content: space-between; }
  .employee-conversation-streams-heading { flex-wrap: wrap; }
}



.boss-os-account-empty { padding: 1.2rem; border: 1px solid var(--border); border-radius: 14px; }
.boss-os-account-empty[hidden] { display: none; }
.boss-operating-system[data-account-access="unassigned"] > :is(.boss-os-grid, .boss-os-scoped-setup, .boss-os-boundary, .boss-os-permissions) { display: none; }

body[data-dashboard-principal-scope="tenant"] a[data-dashboard-route]:not([data-dashboard-route="#system/organization"]),
body[data-dashboard-principal-scope="tenant"] [data-public-command-entry],
body[data-dashboard-principal-scope="tenant"] #guided-tour-launcher,
body[data-dashboard-principal-scope="tenant"] .boss-os-bots,
body[data-dashboard-principal-scope="tenant"] .boss-os-platform-setup {
  display: none !important;
}
body[data-dashboard-principal-scope="tenant"] #backend-navigation .system-advanced-nav:not(:has(a[data-dashboard-route="#system/organization"])) {
  display: none !important;
}

.boss-operating-system {
  container: boss-operating-system / inline-size;
  display: grid;
  gap: 1rem;
  margin: 0;
  padding-block: clamp(1rem, 2vw, 1.35rem);
  border-block-start: 0;
}

.boss-os-heading,
.boss-os-surface > header,
.boss-os-card > header,
.boss-os-mailbox-item > div,
.boss-os-mailbox-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}

.boss-os-heading h2,
.boss-os-surface h5,
.boss-os-directory-columns h6 { margin: 0; }
.boss-os-heading p:last-child { max-width: 78ch; margin: .3rem 0 0; color: var(--muted); }
.boss-os-realm-control {
  padding: .7rem 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-realm-control summary { cursor: pointer; font-weight: 750; }
.boss-os-realm-control p { color: var(--muted); font-size: .78rem; }
.boss-os-tenant-create { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .55rem; align-items: end; }
.boss-os-tenant-create label { display: grid; gap: .28rem; color: var(--muted); font-size: .76rem; }
.boss-os-tenant-create input { min-height: 42px; }

.boss-os-tenant-bar {
  display: grid;
  grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
  gap: .8rem;
  align-items: end;
  padding: .85rem 0;
}
.boss-os-tenant-bar label,
.boss-os-selector { display: grid; gap: .35rem; color: var(--muted); font-size: .8rem; font-weight: 700; }
.boss-os-tenant-bar select,
.boss-os-selector select { min-height: 44px; }

.boss-os-rbac-summary,
.boss-os-directory-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
}
.boss-os-rbac-summary > span,
.boss-os-directory-metrics > span {
  min-width: 0;
  padding: .55rem .65rem .55rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-rbac-summary small,
.boss-os-rbac-summary strong,
.boss-os-directory-metrics small,
.boss-os-directory-metrics strong { display: block; overflow-wrap: anywhere; }
.boss-os-rbac-summary small,
.boss-os-directory-metrics small { color: var(--muted); font-size: .7rem; }
.boss-os-rbac-summary strong,
.boss-os-directory-metrics strong { margin-top: .15rem; font-size: .86rem; }

.boss-os-permissions { display: flex; flex-wrap: wrap; gap: .35rem; min-height: 1.8rem; }
.boss-os-permissions.empty-state { display: block; min-height: 0; padding: 0; }

.boss-os-membership-control {
  padding: .8rem 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-membership-control > summary {
  display: flex; align-items: center; justify-content: space-between; gap: .7rem; cursor: pointer;
}
.boss-os-membership-control > summary span:first-child small,
.boss-os-membership-control > summary span:first-child strong { display: block; }
.boss-os-membership-control > summary small { color: var(--accent); font-size: .62rem; letter-spacing: .08em; }
.boss-os-membership-add {
  display: grid; grid-template-columns: minmax(180px, 1fr) minmax(170px, .6fr) auto;
  gap: .55rem; align-items: end; margin: .7rem 0;
}
.boss-os-membership-add label { display: grid; gap: .25rem; color: var(--muted); font-size: .72rem; }
.boss-os-membership-add input,
.boss-os-membership-add select,
.boss-os-membership-add button { min-width: 0; min-height: 44px; }
.boss-os-membership-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.boss-os-membership-list.empty-state { display: block; }
.boss-os-membership-card {
  min-width: 0;
  padding: .7rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-membership-card > header {
  display: flex; align-items: flex-start; justify-content: space-between; gap: .55rem; margin-bottom: .5rem;
}
.boss-os-membership-card > header strong,
.boss-os-membership-card > header small { display: block; overflow-wrap: anywhere; }
.boss-os-membership-card > header small { margin-top: .15rem; color: var(--muted); font-size: .66rem; }
.boss-os-membership-actions { display: grid; grid-template-columns: minmax(150px, 1fr) auto auto; gap: .4rem; margin-top: .6rem; }
.boss-os-membership-actions select,
.boss-os-membership-actions button { min-width: 0; min-height: 42px; }

.boss-os-principal-permissions {
  display: grid;
  gap: .55rem;
  margin-top: .7rem;
  padding-block: .7rem;
  border-block: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
}
.boss-os-principal-permission-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}
.boss-os-principal-permission-summary > span {
  min-width: 0;
  padding-inline-start: .6rem;
  border-inline-start: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
}
.boss-os-principal-permission-summary small,
.boss-os-principal-permission-summary strong { display: block; overflow-wrap: anywhere; }
.boss-os-principal-permission-summary small { color: var(--muted); font-size: .64rem; }
.boss-os-principal-permission-summary strong { margin-top: .12rem; font-size: .82rem; }
.boss-os-principal-permission-matrix > summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .7rem;
  padding: .55rem 0;
  cursor: pointer;
}
.boss-os-principal-permission-matrix > summary small {
  color: var(--muted);
  font-size: .66rem;
  text-align: end;
}
.boss-os-principal-permission-rows { display: grid; }
.boss-os-principal-permission-row {
  display: grid;
  grid-template-columns: minmax(150px, .9fr) minmax(240px, 1.25fr) minmax(145px, auto);
  gap: .65rem;
  align-items: center;
  min-width: 0;
  padding: .58rem 0;
  border-block-start: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 74%, transparent);
}
.boss-os-principal-permission-identity,
.boss-os-principal-permission-identity strong,
.boss-os-principal-permission-identity code { display: block; min-width: 0; overflow-wrap: anywhere; }
.boss-os-principal-permission-identity strong { font-size: .74rem; }
.boss-os-principal-permission-identity code { margin-top: .12rem; color: var(--muted); font-size: .62rem; }
.boss-os-principal-permission-layers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .3rem;
}
.boss-os-permission-layer {
  min-width: 0;
  padding: .28rem .4rem;
  border-radius: 7px;
  background: color-mix(in srgb, var(--surface-raised) 42%, transparent);
}
.boss-os-permission-layer small,
.boss-os-permission-layer strong { display: block; overflow-wrap: anywhere; }
.boss-os-permission-layer small { color: var(--muted); font-size: .56rem; letter-spacing: .05em; }
.boss-os-permission-layer strong { margin-top: .08rem; color: var(--muted); font-size: .64rem; }
.boss-os-permission-layer.is-on {
  box-shadow: inset 2px 0 color-mix(in srgb, var(--accent) 68%, transparent);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.boss-os-permission-layer.is-on strong { color: var(--text); }
.boss-os-principal-permission-row > button { min-width: 0; min-height: 40px; font-size: .68rem; }
.boss-os-principal-permission-error { margin: 0; color: var(--danger); font-size: .72rem; }

.boss-os-scoped-setup {
  display: grid;
  gap: .72rem;
  padding: 1rem 0;
  border-block: 1px solid color-mix(in srgb, var(--accent) 28%, var(--sheet-divider, var(--border)));
  background: transparent;
}
.boss-os-setup-heading,
.boss-os-setup-record > header,
.boss-os-platform-setup > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
}
.boss-os-setup-heading h5 { margin: 0; }
.boss-os-setup-heading .eyebrow { margin-bottom: .12rem; font-size: .64rem; }
.boss-os-setup-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: .55rem;
  align-items: end;
  padding: .72rem 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-setup-controls[hidden] { display: none; }
.boss-os-setup-controls label {
  display: grid;
  gap: .28rem;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 700;
}
.boss-os-setup-controls select,
.boss-os-setup-controls button { min-width: 0; min-height: 44px; }
.boss-os-setup-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.boss-os-setup-list.empty-state { display: block; }
.boss-os-setup-record {
  min-width: 0;
  padding: .72rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
  background: transparent;
}
.boss-os-setup-record > header { margin-bottom: .5rem; }
.boss-os-setup-record > header strong,
.boss-os-setup-record > header small { display: block; overflow-wrap: anywhere; }
.boss-os-setup-record > header small { margin-top: .12rem; color: var(--muted); font-size: .66rem; }
.boss-os-setup-next-step {
  display: inline-flex;
  margin-top: .58rem;
  color: var(--accent-strong, var(--accent));
  font-size: .76rem;
  font-weight: 760;
  text-decoration: none;
}
.boss-os-setup-next-step:hover,
.boss-os-setup-next-step:focus-visible { text-decoration: underline; text-underline-offset: .22em; }
.boss-os-setup-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .58rem; }
.boss-os-platform-setup {
  display: grid;
  gap: .5rem;
  padding: .8rem 0 0;
  border-block-start: 1px solid color-mix(in srgb, var(--accent) 24%, var(--sheet-divider, var(--border)));
}
.boss-os-platform-setup[hidden] { display: none; }
.boss-os-platform-setup > header > div small,
.boss-os-platform-setup > header > div strong { display: block; }
.boss-os-platform-setup > header > div small { color: var(--accent); font-size: .62rem; letter-spacing: .08em; }
.boss-os-platform-setup > p { margin: 0; color: var(--muted); font-size: .74rem; }

.boss-os-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(1rem, 2vw, 1.5rem);
  align-items: start;
  border-block-start: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-surface {
  display: grid;
  min-width: 0;
  gap: .75rem;
  padding: 1rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-surface > header .eyebrow { margin-bottom: .12rem; font-size: .64rem; }
.boss-os-surface-summary,
.boss-os-boundary { margin: 0; color: var(--muted); font-size: .78rem; }
.boss-os-boundary {
  padding: .25rem 0 .25rem .7rem;
  border-left: 3px solid color-mix(in srgb, var(--warning) 72%, var(--border));
}
.boss-os-directory-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .55rem;
  align-items: end;
}
.boss-os-directory-toolbar button { min-height: 44px; }
.boss-os-wecom-configuration {
  padding: .65rem 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-wecom-configuration > summary { cursor: pointer; font-weight: 750; }
.boss-os-wecom-configuration form { margin-top: .7rem; }
.boss-os-wecom-configuration fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  padding: 0;
  border: 0;
}
.boss-os-wecom-configuration fieldset > label:not(.check-row) {
  display: grid;
  gap: .25rem;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 700;
}
.boss-os-wecom-configuration fieldset > label:first-child,
.boss-os-wecom-configuration .check-row,
.boss-os-wecom-configuration fieldset > button { grid-column: 1 / -1; }
.boss-os-wecom-configuration input,
.boss-os-wecom-configuration button { min-width: 0; min-height: 42px; }

.boss-os-card-list { display: grid; gap: .55rem; }
.boss-os-card-list.empty-state { display: block; }
.boss-os-card {
  min-width: 0;
  padding: .72rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-card header { margin-bottom: .55rem; }
.boss-os-card header > div { min-width: 0; }
.boss-os-card header strong,
.boss-os-card header small { display: block; overflow-wrap: anywhere; }
.boss-os-card header small { margin-top: .15rem; color: var(--muted); font-size: .7rem; }
.boss-os-facts {
  display: grid;
  grid-template-columns: minmax(88px, max-content) minmax(0, 1fr);
  gap: .25rem .55rem;
  margin: 0;
  font-size: .75rem;
}
.boss-os-facts dt { color: var(--muted); }
.boss-os-facts dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.boss-os-alert { margin: .55rem 0 0; color: var(--danger); font-size: .78rem; }
.boss-os-cloud-create {
  padding: .65rem 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-cloud-create summary { cursor: pointer; font-weight: 750; }
.boss-os-cloud-form {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: .7rem 0;
}
.boss-os-cloud-form label { display: grid; gap: .25rem; color: var(--muted); font-size: .72rem; }
.boss-os-cloud-form input,
.boss-os-cloud-form select { min-width: 0; min-height: 42px; }
.boss-os-cloud-egress { grid-column: 1 / -1; }
.boss-os-card-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .65rem; }

.boss-os-bot-create {
  padding: .65rem 0;
  border-block: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-bot-create summary { cursor: pointer; font-weight: 750; }
.boss-os-bot-create > p { margin: .55rem 0; color: var(--muted); font-size: .74rem; }
.boss-os-bot-create > label,
.boss-os-bot-member-grid label { display: grid; gap: .25rem; color: var(--muted); font-size: .72rem; }
.boss-os-bot-create textarea,
.boss-os-bot-create select { width: 100%; min-width: 0; min-height: 42px; }
.boss-os-bot-create textarea { resize: vertical; margin-bottom: .55rem; }
.boss-os-bot-member-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: .65rem 0;
}
.boss-os-bot-member-grid fieldset {
  display: grid;
  min-width: 0;
  gap: .45rem;
  margin: 0;
  padding: .55rem;
  border: 1px solid var(--border);
  border-radius: 9px;
}
.boss-os-bot-member-grid legend { padding: 0 .25rem; color: var(--accent); font-size: .68rem; font-weight: 750; }
.boss-os-bot-actions { display: flex; flex-wrap: wrap; gap: .45rem; }

.boss-os-topology {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .35rem;
  justify-items: center;
}
.boss-os-role-card {
  display: grid;
  width: min(100%, 330px);
  min-width: 0;
  gap: .12rem;
  padding: .65rem .7rem;
  border: 1px dashed var(--border);
  border-radius: 11px;
  background: transparent;
  text-align: center;
}
.boss-os-role-card.is-bound { border-style: solid; border-color: color-mix(in srgb, var(--accent) 48%, var(--border)); }
.boss-os-role-card small { color: var(--accent); font-size: .62rem; letter-spacing: .08em; }
.boss-os-role-card strong,
.boss-os-role-card span,
.boss-os-role-card code { min-width: 0; overflow-wrap: anywhere; }
.boss-os-role-card span,
.boss-os-role-card code { color: var(--muted); font-size: .68rem; }
.boss-os-parallel {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: .45rem;
  align-items: center;
}
.boss-os-parallel .boss-os-role-card { width: 100%; height: 100%; }
.boss-os-parallel > span,
.boss-os-edge { color: var(--accent); font-weight: 800; }

.boss-os-mailbox-heading { align-items: center; }
.boss-os-mailbox-heading code { max-width: 52%; overflow-wrap: anywhere; color: var(--muted); font-size: .72rem; }
.boss-os-mailbox { display: grid; gap: .48rem; margin: 0; padding: 0; list-style: none; }
.boss-os-mailbox.empty-state { display: block; }
.boss-os-mailbox-item {
  display: grid;
  gap: .4rem;
  padding: .62rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-mailbox-item time { color: var(--muted); font-size: .68rem; }
.boss-os-mailbox-item p { margin: 0; color: var(--text); font-size: .76rem; white-space: pre-wrap; }

.boss-os-directory-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}
.boss-os-directory-columns > section { min-width: 0; }
.boss-os-directory-columns h6 { margin-bottom: .4rem; color: var(--muted); }
.boss-os-compact-list { display: grid; gap: .35rem; max-height: 22rem; overflow: auto; }
.boss-os-compact-list.empty-state { display: block; }
.boss-os-directory-row {
  display: grid;
  gap: .08rem;
  padding: .48rem 0;
  border-block-end: 1px solid var(--sheet-divider, var(--border));
}
.boss-os-directory-row strong,
.boss-os-directory-row small { overflow-wrap: anywhere; }
.boss-os-directory-row small { color: var(--muted); font-size: .68rem; }

@container boss-operating-system (max-width: 920px) {
  .boss-os-grid { grid-template-columns: 1fr; }
}

@container boss-operating-system (max-width: 680px) {
  .boss-os-tenant-bar { grid-template-columns: 1fr; }
  .boss-os-membership-add,
  .boss-os-membership-list,
  .boss-os-setup-controls,
  .boss-os-setup-list { grid-template-columns: 1fr; }
  .boss-os-principal-permission-row { grid-template-columns: minmax(0, 1fr); }
  .boss-os-rbac-summary,
  .boss-os-directory-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .boss-os-directory-columns { grid-template-columns: 1fr; }
  .boss-os-bot-member-grid { grid-template-columns: 1fr; }
}

@container boss-operating-system (max-width: 460px) {
  .boss-os-heading,
  .boss-os-surface > header,
  .boss-os-card > header,
  .boss-os-mailbox-item > div { align-items: flex-start; flex-direction: column; }
  .boss-os-parallel { grid-template-columns: 1fr; }
  .boss-os-parallel > span { transform: rotate(90deg); justify-self: center; }
  .boss-os-rbac-summary,
  .boss-os-directory-metrics { grid-template-columns: 1fr; }
  .boss-os-directory-toolbar,
  .boss-os-wecom-configuration fieldset { grid-template-columns: 1fr; }
  .boss-os-membership-control > summary,
  .boss-os-membership-actions { align-items: stretch; grid-template-columns: 1fr; }
  .boss-os-membership-control > summary { flex-direction: column; align-items: flex-start; }
  .boss-os-principal-permission-summary { grid-template-columns: 1fr; }
  .boss-os-principal-permission-matrix > summary { align-items: flex-start; flex-direction: column; }
  .boss-os-principal-permission-matrix > summary small { text-align: start; }
  .boss-os-principal-permission-layers { grid-template-columns: 1fr; }
  .boss-os-setup-heading,
  .boss-os-setup-record > header,
  .boss-os-platform-setup > header { flex-direction: column; align-items: flex-start; }
  .boss-os-facts { grid-template-columns: 1fr; gap: .05rem; }
  .boss-os-facts dd { margin-bottom: .28rem; }
}

@media (prefers-reduced-motion: reduce) {
  .boss-operating-system * { scroll-behavior: auto; }
}


.digital-employee-developer-authority { container: developer-authority / inline-size; display: grid; min-width: 0; gap: .8rem; padding: 1rem; border: 0; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; box-shadow: none; }
.digital-employee-developer-authority[data-state="active"] { background: rgb(var(--accent-rgb) / 3%); box-shadow: inset 1px 0 var(--line-active); }
.digital-employee-developer-authority-copy { display: grid; gap: .25rem; }.digital-employee-developer-authority-copy > div { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; }.digital-employee-developer-authority-copy small { color: var(--muted); }
.digital-employee-developer-authority > label { display: grid; gap: .35rem; font-weight: 740; }
.digital-employee-developer-authority-targets { display: grid; max-height: 20rem; grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr)); gap: 0 1rem; overflow: auto; }
.digital-employee-developer-authority-target { display: grid; min-width: 0; grid-template-columns: 20px minmax(0, 1fr); align-items: center; gap: .55rem; padding: .65rem .35rem; border: 0; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; box-shadow: none; cursor: pointer; transition: background-color var(--motion-fast) ease, border-color var(--motion-fast) ease; }
.digital-employee-developer-authority-target:is(:hover, :focus-within, :has(input:checked)) { border-block-end-color: var(--line-active); background: var(--sheet-bg-hover); }
.digital-employee-developer-authority-target input { width: 18px; height: 18px; margin: 0; accent-color: rgb(var(--action-rgb)); }.digital-employee-developer-authority-target :is(strong, small) { display: block; overflow-wrap: anywhere; }.digital-employee-developer-authority-target strong { font-size: .8rem; }.digital-employee-developer-authority-target small { margin-top: .12rem; color: var(--muted); font-size: .7rem; }
.digital-employee-developer-authority-actions { display: flex; flex-wrap: wrap; gap: .55rem; }.digital-employee-developer-authority-actions button { flex: 1 1 14rem; }
.digital-employee-developer-authority-selection { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }.digital-employee-developer-authority-selection :is(button, a) { flex: 0 1 auto; }
@container developer-authority (max-width: 34rem) { .digital-employee-developer-authority-targets { grid-template-columns: minmax(0, 1fr); max-height: 16rem; }.digital-employee-developer-authority-actions { display: grid; }.digital-employee-developer-authority-actions button { width: 100%; } }


.digital-employee-brain-preview {
  --brain-sea: rgb(var(--accent-rgb));
  --brain-sea-bright: rgb(var(--accent-hot-rgb));
  --brain-gold: var(--warning);
  --brain-ink: var(--surface-text);
  container-name: employee-brain;
  container-type: inline-size;
  gap: .85rem;
  overflow: clip;
}
.digital-employee-brain-heading,
.digital-employee-brain-heading-state,
.digital-employee-brain-toolbar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
}
.digital-employee-brain-heading h5 { margin: 0; font-size: clamp(1rem, 2vw, 1.28rem); }
.digital-employee-brain-heading-state { flex-wrap: wrap; justify-content: flex-end; color: var(--muted); font-size: .78rem; }
.digital-employee-brain-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, .3fr); gap: .75rem; align-items: stretch; }
.digital-employee-brain-stage {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: clamp(21rem, 46vw, 31rem);
  overflow: hidden;
  border-radius: clamp(12px, 2vw, 18px);
  background:
    radial-gradient(circle at 17% 18%, rgb(var(--accent-hot-rgb) / 9%) 0 6%, transparent 28%),
    radial-gradient(circle at 80% 17%, rgb(var(--accent-rgb) / 13%), transparent 36%),
    radial-gradient(circle at 48% 88%, color-mix(in srgb, var(--warning) 10%, transparent), transparent 36%),
    linear-gradient(145deg, rgb(var(--surface-rgb) / 54%), rgb(var(--surface-rgb) / 25%));
  box-shadow: inset 0 1px var(--line-active), inset 0 -1px var(--line-rest);
  cursor: grab;
  touch-action: none;
}
.digital-employee-brain-stage:focus-visible {
  outline: none;
  box-shadow: inset 0 1px var(--line-hot), inset 0 -1px var(--line-hot), var(--shadow-focus);
}
.digital-employee-brain-stage::before,
.digital-employee-brain-stage::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
}
.digital-employee-brain-stage::before {
  opacity: .55;
  background-image: radial-gradient(circle, rgb(var(--line-rgb) / 24%) 0 1px, transparent 1.6px);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 78%, transparent);
}
.digital-employee-brain-stage::after {
  opacity: 0;
  background: radial-gradient(circle at 50% 50%, rgb(var(--accent-rgb) / 18%), transparent 34%);
  transition: opacity .28s ease;
}
.digital-employee-brain-stage.is-dragging { cursor: grabbing; }
#digital-employee-brain-graph { position: absolute; z-index: 2; inset: 0; }
#digital-employee-brain-graph > svg { display: block; width: 100%; height: 100%; }
.digital-employee-neural-edge {
  fill: none;
  stroke: rgb(var(--line-rgb) / 52%);
  stroke-width: 2.1;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  transition: stroke .25s ease, opacity .25s ease;
}
.digital-employee-neural-edge.is-constrains { stroke: rgb(168 116 45 / 62%); stroke-dasharray: 4 7; }
.digital-employee-neural-edge.is-routes { stroke: rgb(43 99 139 / 55%); }
.digital-employee-neural-edge.is-reviews { stroke: rgb(158 92 64 / 61%); stroke-dasharray: 10 6; }
.digital-employee-neural-node { --neuron-color: rgb(var(--accent-rgb)); outline: none; cursor: pointer; transition: opacity .2s ease; }
.digital-employee-neural-node.is-identity { --neuron-color: #2c6388; }
.digital-employee-neural-node.is-knowledge { --neuron-color: #4f7f55; }
.digital-employee-neural-node.is-rule,
.digital-employee-neural-node.is-review { --neuron-color: #9a6334; }
.digital-employee-neural-node.is-skill { --neuron-color: #6a5c9a; }
.digital-employee-neural-node.is-workflow { --neuron-color: #356e93; }
.digital-employee-neural-node.is-channel { --neuron-color: #8b5b7d; }
.digital-employee-neural-node.is-resource { --neuron-color: #6c7136; }
.digital-employee-neural-node.is-output { --neuron-color: #8b6522; }
.digital-employee-neural-node-halo { fill: color-mix(in srgb, var(--neuron-color) 12%, transparent); stroke: color-mix(in srgb, var(--neuron-color) 26%, transparent); stroke-width: 1; }
.digital-employee-neural-node-body {
  fill: rgb(var(--surface-rgb) / 88%);
  stroke: var(--neuron-color);
  stroke-width: 2.2;
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--neuron-color) 22%, transparent));
  transition: fill .2s ease, stroke-width .2s ease;
}
.digital-employee-neural-node-kind { fill: var(--neuron-color); font-size: 9px; font-weight: 800; letter-spacing: .12em; pointer-events: none; }
.digital-employee-neural-node-label { fill: var(--brain-ink); font-size: 8.5px; font-weight: 720; pointer-events: none; }
.digital-employee-neural-node:is(:hover, :focus-visible) .digital-employee-neural-node-body,
.digital-employee-neural-node[data-selected="true"] .digital-employee-neural-node-body { fill: rgb(var(--surface-rgb) / 98%); stroke-width: 4; }
.digital-employee-neural-node[data-coaching-candidate="true"] .digital-employee-neural-node-halo {
  fill: rgb(255 236 174 / 17%);
  stroke: var(--metal-gold-mid, #b78b3b);
  stroke-width: 2.2;
  stroke-dasharray: 5 5;
}
.digital-employee-neural-candidate-badge { fill: #79551d; font-size: 7.4px; font-weight: 820; letter-spacing: .06em; pointer-events: none; }
.digital-employee-brain-orbit { position: absolute; z-index: 1; inset: 13% 10%; perspective: 700px; pointer-events: none; }
.digital-employee-brain-orbit i { position: absolute; inset: 16% 7%; border: 1px solid rgb(var(--line-rgb) / 17%); border-radius: 50%; transform: rotateX(67deg) rotateZ(12deg); }
.digital-employee-brain-orbit i:nth-child(2) { inset: 10% 17%; border-color: rgb(168 116 45 / 18%); transform: rotateY(62deg) rotateZ(-18deg); }
.digital-employee-brain-orbit i:nth-child(3) { inset: 23% 2%; transform: rotateX(74deg) rotateZ(-19deg); }
.digital-employee-brain-live {
  position: absolute;
  z-index: 4;
  right: .8rem;
  bottom: .75rem;
  left: .8rem;
  min-width: 0;
  padding: .55rem .7rem;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  color: var(--surface-text);
  background: rgb(var(--surface-rgb) / 82%);
  box-shadow: inset 0 1px var(--line-active), 0 0 24px var(--line-glow);
  backdrop-filter: blur(10px) saturate(1.05);
  font-size: .76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.digital-employee-brain-inspector {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: .65rem;
  padding: .9rem;
  border-radius: 0;
  color: var(--text);
  border-block-end: 1px solid var(--sheet-divider);
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.digital-employee-brain-inspector :is(p, strong) { margin: 0; overflow-wrap: anywhere; }
.digital-employee-brain-inspector > p:not(.eyebrow) { color: var(--muted); font-size: .82rem; }
.digital-employee-brain-inspector button { align-self: end; }
.digital-employee-brain-toolbar { justify-content: flex-start; flex-wrap: wrap; }
.digital-employee-brain-toolbar button { min-height: 38px; }
.digital-employee-brain-toolbar span { flex: 1 1 18rem; color: var(--muted); font-size: .78rem; }
.digital-employee-brain-text-fallback { padding: .65rem .75rem; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; box-shadow: none; }
.digital-employee-brain-text-fallback summary { cursor: pointer; color: var(--text); font-weight: 740; }
.digital-employee-brain-text-fallback ol { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: .45rem; margin: .65rem 0 0; padding: 0; list-style: none; }
.digital-employee-brain-text-fallback button { width: 100%; min-height: 42px; text-align: left; }
#digital-employee-brain-boundary { margin: 0; color: var(--muted); font-size: .78rem; }
@container employee-brain (max-width: 700px) {
  .digital-employee-brain-shell { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-brain-inspector { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .digital-employee-brain-inspector .eyebrow { grid-column: 1 / -1; }
}
@container employee-brain (max-width: 520px) {
  .digital-employee-brain-heading { align-items: flex-start; flex-direction: column; }
  .digital-employee-brain-heading-state { justify-content: flex-start; }
  .digital-employee-brain-stage { min-height: 19rem; }
  .digital-employee-brain-inspector { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-brain-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .digital-employee-brain-toolbar span { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .digital-employee-brain-stage::after, .digital-employee-neural-node-body { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .digital-employee-brain-stage, .digital-employee-brain-live { background: var(--overlay-bg); backdrop-filter: none; }
}
@media (forced-colors: active) {
  .digital-employee-brain-stage, .digital-employee-brain-live { color: CanvasText; border: 1px solid CanvasText; background: Canvas; box-shadow: none; }
  .digital-employee-brain-stage:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; box-shadow: none; }
}


.agent-conversation-intent-disclosure { min-width: 0; }
.agent-conversation-intent-disclosure > summary {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: .45rem;
  padding: .18rem .2rem;
  color: var(--muted);
  list-style: none;
  cursor: pointer;
  font-size: .68rem;
}
.agent-conversation-intent-disclosure > summary::-webkit-details-marker { display: none; }
.agent-conversation-intent-disclosure > summary::after { content: "›"; color: var(--accent-strong); font-size: .9rem; transform: rotate(0deg); transition: transform 140ms ease; }
.agent-conversation-intent-disclosure[open] > summary::after { transform: rotate(90deg); }
.agent-conversation-intent-disclosure > summary strong { color: var(--text); font-size: .72rem; }
.agent-conversation-intent-disclosure:not([open]) > .agent-conversation-intent-contract { display: none; }
.agent-conversation-intent-contract {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .55rem;
  margin: .25rem 0 .65rem;
  padding: .48rem .55rem;
  background: color-mix(in srgb, var(--glass-surface-soft, transparent) 72%, transparent);
  box-shadow: inset 2px 0 color-mix(in srgb, var(--accent-strong) 56%, transparent);
}
.agent-conversation-intent-contract p { margin: 0; color: var(--muted); font-size: .66rem; line-height: 1.42; }
.agent-conversation-intent-contract button { min-height: 40px; border: 0; border-radius: 0; font-size: .62rem; }
.digital-employee-focus {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 16px minmax(300px, var(--digital-employee-coaching-width, 380px));
  gap: clamp(.45rem, .8vw, .75rem);
  align-items: start;
}
.digital-employee-coaching-resizer {
  position: sticky;
  top: .25rem;
  align-self: stretch;
  min-height: 18rem;
  border-radius: 999px;
  cursor: ew-resize;
  touch-action: none;
}
.digital-employee-coaching-resizer::before {
  position: absolute;
  inset: 0 6px;
  border-radius: inherit;
  background: linear-gradient(180deg, transparent, var(--metal-gold-mid) 35%, var(--sea-salt-strong) 68%, transparent);
  content: "";
  opacity: .34;
}
.digital-employee-coaching-resizer:is(:hover, :focus-visible)::before { opacity: .86; }
.digital-employee-coaching-panel {
  position: sticky;
  top: .25rem;
  display: grid;
  min-width: 0;
  max-height: calc(100dvh - 8.5rem);
  align-content: start;
  gap: .75rem;
  padding: .9rem;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border-radius: var(--ui-radius-md, 18px);
  background: linear-gradient(150deg, rgb(255 255 255 / 74%), rgb(224 241 236 / 56%) 58%, rgb(249 242 224 / 46%));
  box-shadow: inset 0 1px var(--glass-highlight-fluid), inset 0 0 0 1px var(--glass-outline-fluid), var(--glass-shadow-fluid);
  backdrop-filter: blur(var(--glass-blur-fluid, 24px)) saturate(128%);
}
.digital-employee-coaching-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .65rem; }
.digital-employee-coaching-heading :is(p, h4),
.digital-employee-coaching-panel :is(h5, p) { margin: 0; }
.digital-employee-coaching-heading h4 { font-size: clamp(1.05rem, 1.8vw, 1.32rem); }
#digital-employee-coaching-summary,
.digital-employee-coaching-gate > p { color: var(--muted); font-size: .78rem; overflow-wrap: anywhere; }
.digital-employee-coaching-track { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.digital-employee-coaching-track li {
  display: grid;
  min-width: 0;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: .48rem;
  align-items: center;
  padding: .5rem;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  color: var(--muted);
}
.digital-employee-coaching-track li > b { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; background: var(--sheet-bg-quiet); box-shadow: inset 0 0 0 1px var(--line-rest); font-size: .7rem; }
.digital-employee-coaching-track li > span { display: grid; min-width: 0; }
.digital-employee-coaching-track small { overflow-wrap: anywhere; font-size: .7rem; }
.digital-employee-coaching-track li.is-complete { color: var(--sea-salt-text, #245f55); }
.digital-employee-coaching-track li.is-complete > b { background: var(--sea-salt-soft); }
.digital-employee-coaching-track li.is-current {
  color: var(--text);
  border-block-end-color: var(--line-hot);
  background: var(--sheet-bg-hover);
  box-shadow: inset 1px 0 var(--line-hot), inset 8px 0 18px -16px var(--line-hot);
}
.digital-employee-coaching-artifacts,
.digital-employee-coaching-diff,
.digital-employee-coaching-gate { display: grid; min-width: 0; gap: .55rem; padding-top: .65rem; border-top: 1px solid var(--glass-outline-fluid); }
.digital-employee-coaching-artifact-list,
.digital-employee-coaching-candidate-list { display: grid; gap: .45rem; }
.digital-employee-coaching-artifact,
.digital-employee-coaching-candidate {
  display: grid;
  min-width: 0;
  gap: .25rem;
  padding: .65rem;
  border-radius: 13px;
  background: rgb(255 255 255 / 48%);
  box-shadow: inset 0 0 0 1px var(--glass-outline-fluid);
}
.digital-employee-coaching-adoption {
  display: grid;
  gap: .5rem;
  padding: .72rem;
  border-block: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.digital-employee-coaching-adoption :is(p, strong) { margin: 0; overflow-wrap: anywhere; }
.digital-employee-coaching-adoption p { color: var(--muted); font-size: .76rem; }
.digital-employee-coaching-artifact :is(strong, p, small),
.digital-employee-coaching-candidate :is(strong, p, small) { margin: 0; overflow-wrap: anywhere; }
.digital-employee-coaching-artifact p,
.digital-employee-coaching-candidate p,
.digital-employee-coaching-artifact small,
.digital-employee-coaching-candidate small { color: var(--muted); font-size: .74rem; }
.digital-employee-coaching-candidate header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: .45rem; }
.digital-employee-coaching-candidate label { display: flex; align-items: center; gap: .4rem; font-size: .76rem; }
.digital-employee-coaching-candidate input { width: auto; }
.digital-employee-coaching-text-equivalent { padding: .6rem; border-radius: 12px; background: var(--glass-surface-soft); }
.digital-employee-coaching-text-equivalent summary { cursor: pointer; font-weight: 740; }
#digital-employee-coaching-text-diff { display: grid; gap: .4rem; padding-top: .55rem; color: var(--muted); font-size: .76rem; overflow-wrap: anywhere; }
.digital-employee-coaching-text-row { display: grid; grid-template-columns: minmax(4rem, .35fr) minmax(0, 1fr); gap: .35rem .55rem; padding: .45rem; border-radius: 10px; background: rgb(255 255 255 / 44%); }
.digital-employee-coaching-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.digital-employee-coaching-actions :is(button, select) { min-width: 0; flex: 1 1 9rem; }
.agent-message.is-coaching { width: min(100%, 52rem); max-width: 96%; background: linear-gradient(145deg, rgb(255 255 255 / 68%), rgb(222 242 236 / 48%) 60%, rgb(250 241 218 / 42%)); box-shadow: inset 0 0 0 1px var(--glass-outline-fluid), 0 16px 40px rgb(27 66 59 / 9%); }
.agent-coaching-message-heading { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: .6rem; }
.agent-message.is-coaching h4 { margin: .45rem 0 .25rem; color: var(--text); font-size: 1rem; }
.agent-coaching-stage-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: .65rem 0; padding: 0; list-style: none; }
.agent-coaching-stage-list li { display: grid; min-width: 0; gap: .18rem; padding: .55rem; border-radius: 12px; background: rgb(255 255 255 / 42%); box-shadow: inset 0 0 0 1px var(--glass-outline-fluid); }
.agent-coaching-stage-list li.is-complete { box-shadow: inset 3px 0 var(--sea-salt-strong), inset 0 0 0 1px var(--glass-outline-fluid); }
.agent-coaching-stage-list li.is-attention { box-shadow: inset 3px 0 var(--warning), inset 0 0 0 1px var(--glass-outline-fluid); }
.agent-coaching-stage-list :is(strong, span, small) { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.agent-coaching-stage-list strong { color: var(--text); }.agent-coaching-stage-list span { font-size: .75rem; line-height: 1.45; }.agent-coaching-stage-list small { font-size: .66rem; }
.agent-coaching-candidate-summary { padding: .55rem .65rem; border-radius: 11px; background: var(--glass-surface-soft); color: var(--muted); font-size: .76rem; }
.agent-coaching-candidates { display: grid; min-width: 0; gap: .45rem; }
.agent-coaching-candidate { display: grid; min-width: 0; gap: .25rem; padding: .65rem; border-radius: 13px; background: rgb(255 255 255 / 48%); box-shadow: inset 0 0 0 1px var(--glass-outline-fluid); }
.agent-coaching-candidate > div:first-child { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: .45rem; }
.agent-coaching-candidate :is(strong, p, small) { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.agent-coaching-candidate p { color: var(--muted); font-size: .78rem; }
.agent-coaching-workflow-suggestion {
  display: grid;
  min-width: 0;
  gap: .48rem;
  margin-top: .4rem;
  padding: .65rem;
  border-radius: 13px;
  background: linear-gradient(135deg, rgb(222 242 236 / 56%), rgb(255 248 224 / 50%));
  box-shadow: inset 0 0 0 1px rgb(35 116 101 / 15%);
}
.agent-coaching-workflow-suggestion > div:first-child,
.agent-coaching-workflow-steps li > div:first-child {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: .45rem;
}
.agent-coaching-workflow-suggestion :is(strong, p, small) { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.agent-coaching-workflow-suggestion > p { color: var(--muted); font-size: .75rem; line-height: 1.5; }
.agent-coaching-workflow-dag { display: grid; min-width: 0; gap: .35rem; padding-top: .45rem; border-top: 1px solid var(--glass-outline-fluid); }
.agent-coaching-workflow-dag > p,
.agent-coaching-workflow-dag > small { color: var(--muted); font-size: .72rem; }
.agent-coaching-workflow-steps { display: grid; min-width: 0; gap: .35rem; margin: .2rem 0 0; padding: 0; list-style: none; }
.agent-coaching-workflow-steps li { display: grid; min-width: 0; gap: .18rem; padding: .48rem; border-radius: 10px; background: rgb(255 255 255 / 52%); }
.agent-coaching-workflow-steps li > small { color: var(--muted); font-size: .68rem; }
@container digital-employee-workspace (max-width: 1279px) {
  .digital-employee-focus { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-coaching-resizer { display: none; }
  .digital-employee-coaching-panel { position: static; max-height: none; }
  .digital-employee-coaching-track { grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); }
}
@container digital-employee-workspace (max-width: 560px) {
  .digital-employee-coaching-panel { padding: .75rem; }
  .digital-employee-coaching-heading { flex-direction: column; }
  .digital-employee-coaching-track { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-coaching-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .agent-conversation-intent-contract { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1024px), (pointer: coarse) {
  .agent-conversation-intent-disclosure > summary,
  .agent-conversation-intent-contract button { min-height: 44px; }
}
@media (max-width: 620px) {
  .agent-message.is-coaching { max-width: 100%; }
  .agent-coaching-message-heading { align-items: flex-start; flex-direction: column; }
  .agent-coaching-stage-list { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-transparency: reduce) {
  .digital-employee-coaching-panel { background: var(--glass-surface-strong); backdrop-filter: none; }
}


.lan-candidate-discovery { border-top: 1px solid var(--wb-line); padding-top: .75rem; }
.lan-candidate-discovery > summary { display: grid; grid-template-columns: 2.35rem minmax(0, 1fr) auto; min-height: 48px; align-items: center; gap: .65rem; padding: .4rem .25rem; color: var(--text); cursor: pointer; list-style: none; }
.lan-candidate-discovery > summary::-webkit-details-marker { display: none; }
.lan-candidate-summary-mark { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border: 1px solid rgb(230 195 111 / 28%); border-radius: 12px; color: var(--accent); background: radial-gradient(circle at 35% 25%, rgb(255 239 190 / 15%), rgb(215 177 88 / 5%) 58%, transparent); font-size: 1.15rem; }
.lan-candidate-discovery > summary > span:nth-child(2) { display: grid; min-width: 0; gap: .08rem; }
.lan-candidate-discovery > summary small { color: var(--muted); font-size: .67rem; font-weight: 520; }
.lan-candidate-count { display: grid; min-width: 2rem; min-height: 2rem; place-items: center; border: 1px solid rgb(224 190 105 / 18%); border-radius: 999px; color: var(--accent); background: rgb(224 188 99 / 7%); font-size: .7rem; font-weight: 800; }
.lan-candidate-discovery[open] > summary { color: var(--accent); }
.lan-candidate-body { display: grid; gap: .72rem; margin-top: .45rem; padding: .9rem; border: 1px solid rgb(226 199 135 / 13%); border-radius: 16px; background: linear-gradient(145deg, rgb(26 31 50 / 58%), rgb(5 8 18 / 48%)); box-shadow: inset 0 1px rgb(255 245 211 / 6%), 0 18px 55px rgb(0 0 0 / 20%); backdrop-filter: blur(24px) saturate(125%); -webkit-backdrop-filter: blur(24px) saturate(125%); }
.lan-candidate-toolbar { display: flex; align-items: start; justify-content: space-between; gap: .8rem; }
.lan-candidate-toolbar > div { display: grid; min-width: 0; gap: .12rem; }
.lan-candidate-toolbar h4, .lan-candidate-toolbar p { margin: 0; }
.lan-candidate-toolbar > div > p:last-child { max-width: 72ch; color: var(--muted); font-size: .69rem; line-height: 1.48; }
.lan-candidate-toolbar button { flex: 0 0 auto; min-height: 44px; }
.lan-candidate-status { margin: 0; padding: .58rem .72rem; border-left: 2px solid var(--warning); color: var(--muted); background: rgb(225 190 108 / 5%); font-size: .7rem; line-height: 1.45; }
.lan-candidate-status.is-ready { border-left-color: var(--accent); color: var(--accent); }
.lan-candidate-status.is-unavailable { border-left-color: var(--warning); color: var(--warning); }
.lan-candidate-meta { display: flex; flex-wrap: wrap; gap: .45rem; color: var(--muted); font-size: .65rem; }
.lan-candidate-meta span { padding: .28rem .48rem; border: 1px solid var(--wb-line); border-radius: 999px; background: rgb(6 9 18 / 38%); }
.lan-candidate-meta strong { color: var(--text); }
.lan-candidate-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.lan-candidate-list.empty-state { min-height: 6.5rem; place-content: center; padding: 1rem; border: 1px dashed rgb(226 199 135 / 16%); border-radius: 12px; color: var(--muted); font-size: .7rem; text-align: center; }
.lan-candidate-card { display: grid; min-width: 0; gap: .44rem; padding: .72rem; border: 1px solid rgb(226 199 135 / 13%); border-radius: 13px; background: linear-gradient(145deg, rgb(35 40 61 / 48%), rgb(9 12 25 / 45%)); }
.lan-candidate-card-heading { display: flex; min-width: 0; align-items: start; justify-content: space-between; gap: .55rem; }
.lan-candidate-card-heading strong { min-width: 0; overflow-wrap: anywhere; font-size: .76rem; }
.lan-candidate-untrusted { flex: 0 0 auto; padding: .2rem .42rem; border: 1px solid rgb(244 194 92 / 28%); border-radius: 999px; color: var(--warning); background: rgb(244 194 92 / 7%); font-size: .61rem; font-weight: 800; }
.lan-candidate-claim { display: grid; grid-template-columns: minmax(5rem, auto) minmax(0, 1fr); gap: .25rem .55rem; margin: 0; }
.lan-candidate-claim dt, .lan-candidate-claim dd { min-width: 0; margin: 0; font-size: .64rem; line-height: 1.35; }
.lan-candidate-claim dt { color: var(--muted); }
.lan-candidate-claim dd { overflow-wrap: anywhere; color: var(--text); }
.lan-candidate-claim code { color: inherit; background: transparent; font: inherit; }
.lan-candidate-fences { display: flex; flex-wrap: wrap; gap: .3rem; margin: 0; padding: 0; list-style: none; }
.lan-candidate-fences li { padding: .19rem .38rem; border: 1px solid rgb(244 194 92 / 18%); border-radius: 999px; color: var(--warning); background: rgb(244 194 92 / 5%); font-size: .59rem; }
.lan-candidate-truncation, .lan-candidate-boundary { margin: 0; color: var(--muted); font-size: .65rem; line-height: 1.5; }
.lan-candidate-truncation { color: var(--warning); }
.lan-candidate-boundary { padding-top: .58rem; border-top: 1px solid var(--wb-line); }
.lan-candidate-boundary strong { color: var(--warning); }
@media (max-width: 720px) { .lan-candidate-list { grid-template-columns: minmax(0, 1fr); }.lan-candidate-toolbar { display: grid; }.lan-candidate-toolbar button { width: 100%; } }
@media (max-width: 620px) { .lan-candidate-body { padding: .72rem; border-radius: 14px; }.lan-candidate-discovery > summary small { display: none; }.lan-candidate-card-heading { display: grid; }.lan-candidate-untrusted { justify-self: start; } }
@media (max-width: 360px) { .lan-candidate-discovery > summary { grid-template-columns: 2.15rem minmax(0, 1fr) auto; gap: .45rem; }.lan-candidate-body { margin-inline: -.15rem; padding-inline: .6rem; }.lan-candidate-claim { grid-template-columns: minmax(0, 1fr); gap: .08rem; }.lan-candidate-claim dd + dt { margin-top: .2rem; } }
@media (prefers-reduced-motion: reduce) { .lan-candidate-discovery * { scroll-behavior: auto !important; transition: none !important; } }
@media (forced-colors: active) { .lan-candidate-body, .lan-candidate-card, .lan-candidate-meta span, .lan-candidate-untrusted, .lan-candidate-fences li { border: 1px solid CanvasText; } }


.agent-expert-team-workspace { display: grid; gap: 1rem; margin: 1rem 0; padding: 1rem 0; border-block: 1px solid var(--wb-line); }
.agent-expert-team-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.agent-expert-team-heading h3, .agent-expert-team-heading p { margin: 0; }
.agent-expert-team-heading > div { display: grid; gap: .2rem; }
.agent-expert-team-heading > div > p:last-child { max-width: 68ch; color: var(--muted); font-size: .76rem; line-height: 1.5; }
.agent-expert-team-heading > button { width: 44px; min-width: 44px; min-height: 44px; padding: 0; border-radius: 50%; font-size: 1.2rem; }
.agent-expert-team-readiness { margin: 0; color: var(--muted); font-size: .8rem; }
.agent-expert-team-readiness.is-ready { color: var(--accent); }
.agent-expert-team-readiness.is-attention { color: var(--warning); }
.agent-expert-team-form { display: grid; gap: .8rem; }
.agent-expert-team-goal { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .5rem 1rem; margin: 0; padding: .65rem 0; border-bottom: 1px solid var(--wb-line); }
.agent-expert-team-goal span { min-width: 0; color: var(--muted); overflow-wrap: anywhere; }
.agent-expert-team-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.agent-expert-team-form legend { margin-bottom: .45rem; color: var(--muted); font-size: .72rem; font-weight: 780; letter-spacing: .08em; text-transform: uppercase; }
.agent-expert-team-bindings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.agent-expert-team-bindings label { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); gap: .45rem; padding: .7rem 0; border-bottom: 1px solid var(--wb-line); }
.agent-expert-team-bindings label > span { display: grid; min-width: 0; grid-template-columns: 2rem minmax(0, 1fr); align-items: center; gap: 0 .55rem; }
.agent-expert-team-bindings label b { grid-row: 1 / 3; color: var(--muted); font-size: .7rem; }
.agent-expert-team-bindings label strong, .agent-expert-team-bindings label small { min-width: 0; overflow-wrap: anywhere; }
.agent-expert-team-bindings label small { color: var(--muted); font-size: .7rem; line-height: 1.35; }
.agent-expert-team-bindings select {
  min-height: 44px;
  padding: .55rem .65rem;
  border-color: var(--wb-line);
  color: var(--text);
  background: var(--glass-input, rgb(6 9 18 / 90%));
  color-scheme: dark;
}
.agent-expert-team-bindings select option { color: #f4f1e9; background: #0b1020; }
.agent-expert-team-form-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.agent-expert-team-form-actions button { min-height: 44px; }
#agent-expert-team-form-status { margin: 0; font-size: .74rem; }
.agent-expert-team-runs { display: grid; gap: .7rem; }
#work-loop-panel { min-width: 0; gap: .55rem; }
#work-loop-panel > summary { cursor: pointer; font-weight: 700; }
#work-loop-panel > summary small { margin-left: .45rem; color: var(--muted); font-size: .72rem; font-weight: 500; }
#work-loop-panel :is(.work-loop-intro, #work-loop-status, .work-loop-boundary p) { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.5; }
#work-loop-form { display: grid; min-width: 0; gap: .55rem; margin: 0; }
#work-loop-form > label { display: grid; min-width: 0; gap: .3rem; font-size: .78rem; }
#work-loop-goal { min-height: 4.25rem; max-height: 12rem; margin: 0; resize: vertical; }
.work-loop-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; min-width: 0; }
.work-loop-controls > label { display: flex; flex: 1 1 10rem; align-items: center; gap: .45rem; min-width: 0; margin: 0; font-size: .76rem; }
.work-loop-controls select { flex: 1; min-width: 0; width: auto; margin: 0; min-height: 2.75rem; }
.work-loop-controls button { width: auto; min-height: 2.75rem; margin: 0; padding: .4rem .65rem; font-size: .76rem; }
.work-loop-boundary { min-width: 0; color: var(--muted); font-size: .74rem; }
.work-loop-boundary > summary { cursor: pointer; }
.work-loop-boundary p { padding-top: .4rem; }
#work-loop-list, #work-loop-detail { display: grid; min-width: 0; gap: .65rem; }
#work-loop-list:empty, #work-loop-detail:empty { display: none; }
#work-loop-list .agent-expert-team-run { gap: .35rem; }
#work-loop-list .agent-expert-team-run > button { justify-self: start; min-height: 2.75rem; max-width: 100%; font-size: .76rem; }
.agent-expert-team-runs-heading { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.agent-expert-team-runs-heading small { display: grid; min-width: 24px; min-height: 24px; place-items: center; border-radius: 999px; background: var(--wb-selected); }
.agent-expert-team-run-list { display: grid; gap: 1.1rem; }
.agent-expert-team-run { display: grid; gap: .7rem; padding-left: .75rem; border-left: 3px solid var(--wb-line); }
.agent-expert-team-run.is-running { border-left-color: #2a7b68; }
.agent-expert-team-run.is-completed { border-left-color: var(--accent); }
.agent-expert-team-run.is-failed { border-left-color: #a56400; }
.agent-expert-team-run.is-cancelled { opacity: .72; }
.agent-expert-team-run-heading { display: flex; align-items: start; justify-content: space-between; gap: .7rem; }
.agent-expert-team-run-heading h4, .agent-expert-team-run-heading p { margin: 0; }
.agent-expert-team-run-heading p { color: var(--muted); font-size: .76rem; }
.agent-expert-team-run-state { flex: 0 0 auto; padding: .25rem .5rem; border-radius: 999px; color: var(--muted); background: var(--wb-selected); font-size: .7rem; font-weight: 760; }
.agent-expert-team-execution-mode { margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.agent-expert-team-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; margin: 0; padding: 0; list-style: none; }
.agent-expert-team-role { display: grid; min-width: 0; gap: .2rem; padding-top: .45rem; border-top: 2px solid var(--wb-line); }
.agent-expert-team-role.is-running { border-color: #2a7b68; }
.agent-expert-team-role.is-completed { border-color: var(--accent); }
.agent-expert-team-role.is-attention, .agent-expert-team-role.is-failed { border-color: #a56400; }
.agent-expert-team-role strong, .agent-expert-team-role span, .agent-expert-team-role small { min-width: 0; overflow-wrap: anywhere; }
.agent-expert-team-role strong { font-size: .76rem; }
.agent-expert-team-role span { color: var(--muted); font-size: .68rem; }
.agent-expert-team-role small { color: var(--muted); font-size: .66rem; line-height: 1.35; }
.agent-expert-team-artifacts { display: grid; gap: .45rem; margin: 0; }
.agent-expert-team-artifact { display: grid; grid-template-columns: minmax(7rem, .28fr) minmax(0, 1fr); gap: .35rem .7rem; padding-top: .5rem; border-top: 1px solid var(--wb-line); }
.agent-expert-team-artifact dt { font-size: .72rem; font-weight: 760; }
.agent-expert-team-artifact dd { min-width: 0; margin: 0; color: var(--muted); font-size: .74rem; overflow-wrap: anywhere; }
.agent-expert-team-artifact ul { grid-column: 2; margin: 0; padding-left: 1.1rem; color: var(--muted); font-size: .72rem; }
.agent-expert-team-run-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.agent-expert-team-run-actions button { min-height: 44px; }
.agent-expert-team-boundary { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.5; }
@media (max-width: 760px) {
  .agent-expert-team-bindings { grid-template-columns: minmax(0, 1fr); }
  .agent-expert-team-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 390px) {
  .agent-expert-team-workspace { gap: .75rem; }
  .agent-expert-team-heading > div > p:last-child { display: none; }
  .agent-expert-team-goal, .agent-expert-team-artifact { grid-template-columns: minmax(0, 1fr); }
  .agent-expert-team-artifact ul { grid-column: 1; }
  .agent-expert-team-form-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .agent-expert-team-form-actions button, .agent-expert-team-run-actions button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .agent-expert-team-workspace * { scroll-behavior: auto !important; transition: none !important; } }
@media (forced-colors: active) {
  .agent-expert-team-workspace, .agent-expert-team-run, .agent-expert-team-role { border-color: CanvasText; }
  .agent-expert-team-role.is-running { outline: 2px solid Highlight; }
}


.agent-coding-workspace { display: grid; gap: 1rem; margin: 1rem 0; padding: 1rem 0; border-block: 1px solid var(--wb-line); }
.agent-coding-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.agent-coding-heading h3, .agent-coding-heading p { margin: 0; }
.agent-coding-heading > div { display: grid; gap: .2rem; }
.agent-coding-heading > div > p:last-child { max-width: 72ch; color: var(--muted); font-size: .76rem; line-height: 1.5; }
.agent-coding-heading > button { width: 44px; min-width: 44px; min-height: 44px; padding: 0; border-radius: 50%; font-size: 1.2rem; }
.agent-coding-readiness { margin: 0; color: var(--muted); font-size: .8rem; }
.agent-coding-readiness.is-ready { color: var(--accent); }
.agent-coding-readiness.is-attention { color: #8a5c00; }
.agent-coding-create-form { display: grid; gap: .8rem; }
.agent-coding-goal { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .5rem 1rem; margin: 0; padding: .65rem 0; border-bottom: 1px solid var(--wb-line); }
.agent-coding-goal span { min-width: 0; color: var(--muted); overflow-wrap: anywhere; }
.agent-coding-create-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.agent-coding-create-fields label { display: grid; min-width: 0; gap: .35rem; color: var(--muted); font-size: .72rem; }
.agent-coding-create-fields select { width: 100%; min-width: 0; max-width: 100%; min-height: 44px; padding: .55rem .65rem; border-color: var(--line-rest); background: var(--glass-input); }
.agent-coding-form-actions, .agent-coding-run-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.agent-coding-form-actions button, .agent-coding-run-actions button { min-height: 44px; }
#agent-coding-form-status { margin: 0; font-size: .74rem; }
.agent-coding-runs { display: grid; gap: .7rem; }
.agent-coding-runs-heading { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.agent-coding-runs-heading small { display: grid; min-width: 24px; min-height: 24px; place-items: center; border-radius: 999px; background: var(--wb-selected); }
.agent-coding-run-list { display: grid; gap: 1.1rem; }
.agent-coding-run { display: grid; min-width: 0; gap: .7rem; padding-left: .75rem; border-left: 3px solid var(--wb-line); }
.agent-coding-run.is-proposed, .agent-coding-run.is-in-review { border-left-color: #2a7b68; }
.agent-coding-run.is-approved { border-left-color: var(--accent); }
.agent-coding-run.is-rejected { border-left-color: #a56400; }
.agent-coding-run.is-closed { opacity: .72; }
.agent-coding-run-heading { display: flex; align-items: start; justify-content: space-between; gap: .7rem; }
.agent-coding-run-heading h4, .agent-coding-run-heading p { margin: 0; }
.agent-coding-run-heading p { color: var(--muted); font-size: .76rem; overflow-wrap: anywhere; }
.agent-coding-run-state { flex: 0 0 auto; padding: .25rem .5rem; border-radius: 999px; color: var(--muted); background: var(--wb-selected); font-size: .7rem; font-weight: 760; }
.agent-coding-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem .8rem; margin: 0; }
.agent-coding-facts div { display: grid; min-width: 0; grid-template-columns: max-content minmax(0, 1fr); gap: .45rem; }
.agent-coding-facts dt { color: var(--muted); font-size: .7rem; }
.agent-coding-facts dd { min-width: 0; margin: 0; font-size: .72rem; overflow-wrap: anywhere; }
.agent-coding-note { margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.5; }
.agent-coding-boundary { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.5; }
@media (max-width: 760px) {
  .agent-coding-create-fields, .agent-coding-facts { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 390px) {
  .agent-coding-workspace { gap: .75rem; }
  .agent-coding-heading > div > p:last-child { display: none; }
  .agent-coding-goal { grid-template-columns: minmax(0, 1fr); }
  .agent-coding-form-actions, .agent-coding-run-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .agent-coding-form-actions button, .agent-coding-run-actions button { width: 100%; }
  .agent-coding-run-heading { align-items: stretch; flex-direction: column; }
  .agent-coding-run-state { align-self: start; }
}
@media (prefers-reduced-motion: reduce) { .agent-coding-workspace * { scroll-behavior: auto !important; transition: none !important; } }
@media (forced-colors: active) {
  .agent-coding-workspace, .agent-coding-run { border-color: CanvasText; }
  .agent-coding-run.is-in-review { outline: 2px solid Highlight; }
}


.agent-command-center { display: grid; gap: 1rem; padding: clamp(1rem, 2.5vw, 1.5rem); color: var(--text); border: 1px solid rgb(237 204 128 / 22%); border-radius: 20px; background: radial-gradient(circle at 12% 0%, rgb(45 128 121 / 18%), transparent 35%), linear-gradient(145deg, rgb(25 30 48 / 95%), rgb(7 10 20 / 91%)); box-shadow: 0 24px 80px rgb(0 0 0 / 34%), inset 0 1px rgb(255 240 199 / 10%); backdrop-filter: blur(24px) saturate(1.18); }
.agent-command-center-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.agent-command-center-heading h3 { margin-bottom: .25rem; }.agent-command-center-heading p:last-child { max-width: 72ch; margin: 0; color: var(--muted); }
.agent-command-center-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: .7rem; }
#agent-command-center-form, .agent-command-plan { display: grid; align-content: start; gap: .8rem; min-width: 0; padding: 1rem; border: 1px solid rgb(222 197 139 / 14%); border-radius: 16px; background: linear-gradient(150deg, rgb(15 20 35 / 82%), rgb(7 11 23 / 67%)); box-shadow: inset 0 1px rgb(255 255 255 / 4%); }
#agent-command-center-form label:not(.check-row), .agent-device-preferences label { display: grid; gap: .35rem; font-weight: 720; }
.agent-command-more { padding-top: .2rem; }.agent-command-more summary, .agent-command-plan > summary { cursor: pointer; color: var(--muted); font-weight: 760; }.agent-command-more label { margin-top: .65rem; }
.agent-command-plan:not([open]) > :not(summary) { display: none; }.agent-command-plan-body { display: grid; gap: .8rem; }.agent-command-plan > summary { color: var(--text); }
.agent-command-current-goal { display: grid; gap: .35rem; min-width: 0; padding: .8rem; border-radius: 14px; background: rgb(255 255 255 / 3%); }.agent-command-current-goal > span { color: var(--muted); font-size: .76rem; font-weight: 720; }.agent-command-current-goal output { max-height: 6.8em; overflow: auto; color: var(--text); line-height: 1.55; overflow-wrap: anywhere; }
.agent-command-center-actions { display: flex; flex-wrap: wrap; gap: .55rem; }.agent-command-center-actions button { flex: 1 1 12rem; }
.agent-command-plan h4 { margin: 0; }.agent-command-plan ol { display: grid; gap: .45rem; margin: 0; padding-left: 1.25rem; color: var(--muted); }
.agent-command-plan li::marker { color: var(--accent); font-weight: 800; }
.agent-command-facts { display: grid; gap: .45rem; margin: 0; }.agent-command-facts div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: .55rem; padding: .55rem .65rem; border: 1px solid rgb(85 206 188 / 8%); border-radius: 10px; background: rgb(51 151 136 / 6%); }.agent-command-facts dt { color: var(--muted); }.agent-command-facts dd { margin: 0; overflow-wrap: anywhere; font-weight: 720; }
.agent-execution-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.agent-execution-profile-grid button { display: grid; min-width: 0; min-height: 76px; align-content: center; gap: .15rem; padding: .65rem; color: var(--text); text-align: left; background: rgb(255 255 255 / 2.5%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 6%); }
.agent-execution-profile-grid button strong, .agent-execution-profile-grid button small { display: block; overflow-wrap: anywhere; }.agent-execution-profile-grid button small { color: var(--muted); font-size: .68rem; line-height: 1.35; }
.agent-execution-profile-grid button[aria-pressed="true"] { color: var(--metal-gold, #d9b96f); background: linear-gradient(135deg, rgb(217 185 111 / 11%), rgb(255 255 255 / 2%)); box-shadow: inset 3px 0 var(--metal-gold, #d9b96f); }
.agent-device-preferences { padding-top: .35rem; border-top: 1px solid rgb(222 197 139 / 13%); }.agent-device-preferences summary { cursor: pointer; color: var(--accent); font-weight: 760; }.agent-device-preferences label { margin-top: .65rem; font-size: .82rem; }.agent-device-preferences p { margin: .7rem 0 0; color: var(--muted); font-size: .72rem; }
.agent-command-center-boundary { margin: 0; color: var(--muted); font-size: .78rem; }.agent-command-center-boundary strong { color: var(--text); }
html[data-dashboard-density="compact"] .agent-command-center { gap: .65rem; padding: .85rem; } html[data-dashboard-density="compact"] #agent-command-center-form, html[data-dashboard-density="compact"] .agent-command-plan { gap: .55rem; padding: .75rem; }
html[data-dashboard-motion="reduced"] *, html[data-dashboard-motion="reduced"] *::before, html[data-dashboard-motion="reduced"] *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
@media (max-width: 760px) { .agent-command-center-layout { grid-template-columns: minmax(0, 1fr); }.agent-command-center-heading { align-items: stretch; }.agent-command-center-heading > button { flex: 0 0 44px; }.agent-command-facts div { grid-template-columns: minmax(0, 1fr); gap: .1rem; } }
@media (max-width: 360px) { .agent-command-center { padding-inline: .65rem; }.agent-command-center-layout, .agent-execution-profile-grid { grid-template-columns: minmax(0, 1fr); }.agent-execution-profile-grid button { min-height: 64px; }.agent-command-center-actions { display: grid; grid-template-columns: minmax(0, 1fr); }.agent-command-center-actions button { width: 100%; } }
@media (forced-colors: active) { .agent-command-center, #agent-command-center-form, .agent-command-plan { border: 1px solid CanvasText; background: Canvas; } }


.agent-collaboration-room-strip { flex: 0 0 auto; height: 44px; margin: 0 0 .45rem; border-block: 1px solid var(--wb-line); }
.agent-collaboration-room-strip > button { display: grid; width: 100%; min-width: 0; height: 44px; min-height: 44px; grid-template-columns: 42px minmax(0, 1fr) auto auto; align-items: center; gap: .55rem; padding: 0 .3rem; color: var(--text); background: transparent; text-align: left; }
.agent-collaboration-room-strip > button:hover { background: var(--wb-selected); }
.agent-room-mark { position: relative; display: block; width: 34px; height: 28px; }
.agent-room-mark i { position: absolute; top: 5px; display: block; width: 18px; height: 18px; background: var(--sheet-bg-hover); box-shadow: 0 0 0 2px var(--sheet-bg); }
.agent-room-mark i:nth-child(1) { left: 0; border-radius: 50%; }.agent-room-mark i:nth-child(2) { left: 14px; border-radius: 4px; transform: rotate(45deg); }.agent-room-mark i:nth-child(3) { right: 0; border-radius: 3px; }
.agent-room-strip-copy { display: block; min-width: 0; }.agent-room-strip-copy strong, .agent-room-strip-copy small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.agent-room-strip-copy strong { font-size: .8rem; }.agent-room-strip-copy small { color: var(--muted); font-size: .68rem; }
.agent-room-strip-members { display: flex; min-width: 0; align-items: center; padding-left: .4rem; }.agent-room-strip-members i { display: block; width: 20px; height: 20px; margin-left: -.35rem; border: 2px solid var(--sheet-bg); background: var(--sheet-bg-hover); }.agent-room-strip-members i.is-human { border-radius: 50%; }.agent-room-strip-members i.is-agent { border-radius: 4px; transform: rotate(45deg); }.agent-room-strip-members i.is-device { border-radius: 3px; }.agent-room-strip-open { color: var(--muted); font-size: .7rem; }
.agent-collaboration-room-drawer { position: fixed; top: max(.75rem, env(safe-area-inset-top)); right: max(.75rem, env(safe-area-inset-right)); bottom: max(.75rem, env(safe-area-inset-bottom)); z-index: 32; display: grid; width: min(480px, calc(100vw - 1.5rem)); grid-template-rows: auto auto minmax(0, 1fr); gap: .75rem; padding: 1rem; overflow: hidden; border: 1px solid var(--overlay-line); border-radius: var(--radius-overlay); background: var(--overlay-bg); box-shadow: var(--shadow-overlay); }
.agent-collaboration-room-drawer[hidden] { display: none !important; }
.agent-collaboration-room-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }.agent-collaboration-room-heading h3, .agent-collaboration-room-heading p { margin: 0; }.agent-collaboration-room-heading h3 { font-size: 1rem; }.agent-collaboration-room-heading > button { width: 44px; min-width: 44px; min-height: 44px; padding: 0; border-radius: 50%; font-size: 1.2rem; }
.agent-collaboration-room-status { margin: 0; color: var(--muted); font-size: .75rem; }
.agent-collaboration-room-empty { display: grid; min-height: 0; align-content: start; gap: .75rem; overflow-y: auto; }.agent-collaboration-room-empty > p { display: grid; gap: .25rem; margin: 0; padding: .85rem; border-radius: 12px; background: var(--surface-raised); }.agent-collaboration-room-empty > p span { color: var(--muted); font-size: .75rem; line-height: 1.5; }.agent-collaboration-room-empty > button { min-height: 44px; }
#agent-collaboration-room-create-form { display: grid; gap: .55rem; }#agent-collaboration-room-create-form[hidden] { display: none; }#agent-collaboration-room-create-form label { font-size: .75rem; font-weight: 720; }#agent-collaboration-room-create-form .check-row { align-items: start; color: var(--muted); font-weight: 500; line-height: 1.45; }#agent-collaboration-room-create-form > div { display: flex; gap: .45rem; }#agent-collaboration-room-create-form button { min-height: 44px; }
.agent-collaboration-room-content { display: grid; min-height: 0; align-content: start; gap: 1rem; overflow-y: auto; overscroll-behavior: contain; padding-right: .2rem; }.agent-room-section { display: grid; min-width: 0; gap: .55rem; padding-top: .8rem; border-top: 1px solid var(--wb-line); }.agent-room-section-heading { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .7rem; }.agent-room-section-heading h4 { margin: 0; font-size: .78rem; }.agent-room-section-heading small { color: var(--muted); font-size: .68rem; }
.agent-room-members { display: flex; min-width: 0; flex-wrap: wrap; gap: .45rem; }.agent-room-member { display: grid; min-width: 0; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: .5rem; padding: .4rem .5rem; border-radius: 10px; background: var(--surface-raised); }.agent-room-member > i { display: block; width: 26px; height: 26px; background: var(--sheet-bg-hover); }.agent-room-member > i.is-human { border-radius: 50%; }.agent-room-member > i.is-agent { width: 21px; height: 21px; margin: 2px; border-radius: 5px; transform: rotate(45deg); }.agent-room-member > i.is-device { border-radius: 4px; box-shadow: inset 0 -5px var(--sheet-line); }.agent-room-member strong, .agent-room-member small { display: block; min-width: 0; max-width: 15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.agent-room-member strong { font-size: .73rem; }.agent-room-member small { color: var(--muted); font-size: .65rem; }
.agent-room-legend { display: flex; flex-wrap: wrap; gap: .45rem .8rem; margin: 0; color: var(--muted); font-size: .63rem; }.agent-room-legend span { display: flex; align-items: center; gap: .3rem; }.agent-room-legend i { display: block; width: 10px; height: 10px; background: var(--sheet-bg-hover); }.agent-room-legend .is-human { border-radius: 50%; }.agent-room-legend .is-agent { border-radius: 2px; transform: rotate(45deg); }.agent-room-legend .is-device { border-radius: 2px; }
.agent-room-work, .agent-room-available-list { display: grid; gap: .45rem; }.agent-room-work-item { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem .5rem; padding: .65rem; border-left: 3px solid var(--wb-line); background: var(--surface-raised); }.agent-room-work-item.is-active { border-left-color: #347e70; }.agent-room-work-item.is-complete { border-left-color: var(--accent); }.agent-room-work-item.is-attention { border-left-color: #a56400; }.agent-room-work-item strong, .agent-room-work-item small { min-width: 0; overflow-wrap: anywhere; }.agent-room-work-item strong { font-size: .75rem; }.agent-room-work-item small { grid-column: 1 / -1; color: var(--muted); font-size: .68rem; }.agent-room-work-item > span { color: var(--muted); font-size: .66rem; }
.agent-room-milestones { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }.agent-room-milestones li { display: grid; min-width: 0; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: start; gap: .45rem; color: var(--muted); font-size: .7rem; }.agent-room-milestones li::before { content: ""; width: 8px; height: 8px; margin: .35rem 0 0 .2rem; border: 2px solid #c7c7c4; border-radius: 50%; }.agent-room-milestones li.is-complete::before { border-color: var(--accent); background: var(--accent); }.agent-room-milestones li.is-attention::before { border-color: #a56400; }.agent-room-milestones time { font-size: .62rem; white-space: nowrap; }
.agent-room-available-item { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .5rem; padding: .5rem 0; border-bottom: 1px solid var(--wb-line); }.agent-room-available-item strong, .agent-room-available-item small { display: block; min-width: 0; overflow-wrap: anywhere; }.agent-room-available-item strong { font-size: .72rem; }.agent-room-available-item small { color: var(--muted); font-size: .66rem; }.agent-room-available-item button { min-width: 44px; min-height: 44px; padding-inline: .65rem; }
.agent-collaboration-room-actions { display: flex; flex-wrap: wrap; gap: .45rem; }.agent-collaboration-room-actions button { min-height: 44px; }.agent-collaboration-room-membership { margin: 0; padding: .6rem .7rem; border-radius: 10px; color: var(--muted); background: var(--surface-raised); font-size: .68rem; line-height: 1.5; }.agent-collaboration-room-membership:empty { display: none; }.agent-collaboration-room-boundary { margin: 0; color: var(--muted); font-size: .65rem; line-height: 1.5; }
.digital-employee-handoff-panel { gap: .65rem; }.digital-employee-handoff-status { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.45; }.digital-employee-handoff-list { display: grid; gap: .5rem; }.digital-employee-handoff-card { display: grid; gap: .35rem; padding: .7rem; border-left: 3px solid var(--wb-line); background: var(--surface-raised); }.digital-employee-handoff-card > div:first-child { display: flex; align-items: start; justify-content: space-between; gap: .6rem; }.digital-employee-handoff-card strong, .digital-employee-handoff-card p, .digital-employee-handoff-card small { margin: 0; overflow-wrap: anywhere; }.digital-employee-handoff-card strong { font-size: .74rem; }.digital-employee-handoff-card p { font-size: .7rem; line-height: 1.45; }.digital-employee-handoff-card small { color: var(--muted); font-size: .64rem; }.digital-employee-handoff-card .digital-employee-handoff-next-step { padding-left: .5rem; border-left: 1px solid color-mix(in srgb, var(--accent) 46%, var(--wb-line)); color: var(--muted); font-size: .65rem; }.digital-employee-handoff-state { flex: 0 0 auto; color: #2f7468; font-size: .64rem; font-weight: 750; }.digital-employee-handoff-card-actions, #digital-employee-handoff-form > div { display: flex; flex-wrap: wrap; gap: .4rem; }.digital-employee-handoff-card-actions button { min-height: 40px; }.digital-employee-handoff-panel form { display: grid; gap: .55rem; padding: .7rem; border-radius: 12px; background: var(--surface-raised); }.digital-employee-handoff-panel form[hidden] { display: none; }.digital-employee-handoff-panel form label { display: grid; gap: .3rem; font-size: .68rem; font-weight: 720; }.digital-employee-handoff-panel form label > small { color: var(--muted); font-size: .6rem; font-weight: 500; line-height: 1.45; }.digital-employee-handoff-panel form .check-row { display: flex; align-items: start; color: var(--muted); font-weight: 500; line-height: 1.45; }.digital-employee-handoff-panel textarea { resize: vertical; }
@media (max-width: 760px) { .agent-dialogue-column > .agent-collaboration-room-drawer { position: absolute; top: auto; right: 0; bottom: 0; left: 0; grid-row: room-start / feed-end; grid-column: 1; width: auto; min-height: 0; max-height: 100%; border-radius: 18px; box-shadow: 0 -18px 48px rgb(0 0 0 / 28%); } }
@media (max-width: 390px) { .agent-room-strip-open { display: none; }.agent-collaboration-room-strip > button { grid-template-columns: 38px minmax(0, 1fr) auto; gap: .35rem; }.agent-collaboration-room-drawer { padding: .75rem; }#agent-collaboration-room-create-form > div, .agent-collaboration-room-actions, .digital-employee-handoff-card-actions, #digital-employee-handoff-form > div { display: grid; grid-template-columns: minmax(0, 1fr); }#agent-collaboration-room-create-form button, .agent-collaboration-room-actions button, .digital-employee-handoff-card-actions button, #digital-employee-handoff-form button { width: 100%; }.agent-room-available-item { grid-template-columns: minmax(0, 1fr); }.agent-room-available-item button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .agent-collaboration-room-drawer * { scroll-behavior: auto !important; transition: none !important; } }
@media (forced-colors: active) { .agent-collaboration-room-strip, .agent-collaboration-room-drawer, .agent-room-work-item { border-color: CanvasText; } }


.digital-employee-thread-panel { --thread-accent: color-mix(in srgb, var(--accent) 72%, #7be7d7); }
.digital-employee-thread-status, .digital-employee-thread-boundary { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.55; }
.digital-employee-thread-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .5rem; }
.digital-employee-thread-toolbar label, #digital-employee-thread-create-form label, #digital-employee-thread-message-form label { display: grid; gap: .3rem; color: var(--muted); font-size: .68rem; font-weight: 680; }
.digital-employee-thread-toolbar select, .digital-employee-thread-toolbar button { min-height: 40px; }
.digital-employee-thread-disclosure { border-block: 1px solid color-mix(in srgb, var(--wb-line) 82%, transparent); }
.digital-employee-thread-disclosure > summary { min-height: 42px; padding: .7rem .1rem; color: var(--text); cursor: pointer; font-size: .72rem; font-weight: 760; list-style-position: inside; }
#digital-employee-thread-create-form, #digital-employee-thread-message-form { display: grid; gap: .65rem; padding: 0 .05rem .8rem; }
#digital-employee-thread-create-form fieldset { min-width: 0; margin: 0; padding: .6rem; border: 1px solid var(--wb-line); border-radius: 12px; }
#digital-employee-thread-create-form legend { padding: 0 .25rem; color: var(--muted); font-size: .68rem; }
.digital-employee-thread-participant-options { display: grid; gap: .2rem; }
.digital-employee-thread-participant-options label { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .55rem; min-height: 38px; padding: .3rem .45rem; border-radius: 9px; }
.digital-employee-thread-participant-options label:hover { background: color-mix(in srgb, var(--thread-accent) 8%, transparent); }
.digital-employee-thread-participant-options small { display: block; margin-top: .1rem; color: var(--muted); font-weight: 500; }
.digital-employee-thread-mirror-choice { display: grid; gap: .35rem; padding: .55rem .65rem; border-left: 2px solid color-mix(in srgb, var(--thread-accent) 60%, var(--wb-line)); background: color-mix(in srgb, var(--thread-accent) 5%, transparent); }
.digital-employee-thread-mirror-choice p { margin: 0; color: var(--muted); font-size: .65rem; line-height: 1.5; }
.digital-employee-thread-detail { display: grid; gap: .65rem; }
.digital-employee-thread-detail > header { display: flex; align-items: start; justify-content: space-between; gap: .7rem; padding-top: .2rem; }
.digital-employee-thread-detail > header div { display: grid; min-width: 0; gap: .15rem; }.digital-employee-thread-detail > header strong { overflow-wrap: anywhere; }.digital-employee-thread-detail > header small { color: var(--muted); font-size: .65rem; }
.digital-employee-thread-state, .digital-employee-message-state { flex: 0 0 auto; padding: .24rem .48rem; border: 1px solid color-mix(in srgb, var(--thread-accent) 34%, var(--wb-line)); border-radius: 999px; color: var(--text); background: color-mix(in srgb, var(--thread-accent) 9%, transparent); font-size: .62rem; }
.digital-employee-thread-participants { display: flex; flex-wrap: wrap; gap: .3rem; }.digital-employee-thread-participants span { padding: .3rem .5rem; border-radius: 999px; color: var(--muted); background: color-mix(in srgb, var(--thread-accent) 7%, transparent); font-size: .64rem; }
.digital-employee-thread-wecom { margin: 0; padding: .55rem .65rem; border-left: 2px solid var(--thread-accent); color: var(--muted); background: color-mix(in srgb, var(--thread-accent) 6%, transparent); font-size: .65rem; line-height: 1.5; }
.digital-employee-thread-messages { position: relative; display: grid; gap: .65rem; padding-left: .9rem; }.digital-employee-thread-messages::before { position: absolute; top: .25rem; bottom: .25rem; left: .2rem; width: 1px; background: linear-gradient(var(--thread-accent), transparent); content: ""; }
.digital-employee-message { position: relative; display: grid; gap: .35rem; min-width: 0; padding: .15rem 0 .6rem .25rem; border-bottom: 1px solid color-mix(in srgb, var(--wb-line) 72%, transparent); }
.digital-employee-message::before { position: absolute; top: .35rem; left: -.9rem; width: 7px; height: 7px; border: 1px solid var(--thread-accent); border-radius: 50%; background: var(--surface); content: ""; box-shadow: 0 0 9px color-mix(in srgb, var(--thread-accent) 40%, transparent); }
.digital-employee-message > header { display: flex; align-items: center; justify-content: space-between; gap: .55rem; }.digital-employee-message > header strong { font-size: .72rem; }.digital-employee-message p { margin: 0; overflow-wrap: anywhere; font-size: .7rem; line-height: 1.55; }.digital-employee-message small { color: var(--muted); font-size: .62rem; }
.digital-employee-message .digital-employee-message-next-step { padding-left: .55rem; border-left: 1px solid color-mix(in srgb, var(--thread-accent) 52%, var(--wb-line)); color: var(--muted); font-size: .64rem; }
.digital-employee-message-task { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; color: var(--muted); font-size: .63rem; }.digital-employee-message-task b { color: var(--text); font-weight: 720; }
.digital-employee-message-actions { display: flex; flex-wrap: wrap; gap: .4rem; }.digital-employee-message-actions button { min-height: 36px; padding: .42rem .65rem; font-size: .66rem; }
@media (max-width: 390px) { .digital-employee-thread-toolbar { grid-template-columns: 1fr; }.digital-employee-message-actions { display: grid; grid-template-columns: 1fr; }.digital-employee-message-actions button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .digital-employee-message::before { box-shadow: none; } }


.digital-employee-group-panel { gap: .65rem; }
.digital-employee-group-panel > label,
.digital-employee-group-panel form label { display: grid; gap: .3rem; font-size: .68rem; font-weight: 720; }
.digital-employee-group-panel label small { color: var(--muted); font-size: .6rem; font-weight: 500; line-height: 1.45; }
.digital-employee-group-status { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.digital-employee-group-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.digital-employee-group-actions button { min-height: 38px; }
.digital-employee-group-detail,
.digital-employee-group-plan,
.digital-employee-group-mentions { display: grid; gap: .45rem; }
.digital-employee-group-summary,
.digital-employee-group-mention-card { display: grid; gap: .3rem; padding: .65rem; border-left: 3px solid color-mix(in srgb, var(--accent) 54%, var(--wb-line)); background: var(--surface-raised); }
.digital-employee-group-summary p,
.digital-employee-group-summary small,
.digital-employee-group-mention-card p,
.digital-employee-group-mention-card small { margin: 0; overflow-wrap: anywhere; }
.digital-employee-group-summary p,
.digital-employee-group-mention-card p { font-size: .69rem; line-height: 1.45; }
.digital-employee-group-summary small,
.digital-employee-group-mention-card small { color: var(--muted); font-size: .62rem; }
.digital-employee-group-members { display: grid; gap: .35rem; }
.digital-employee-group-members label { display: flex !important; align-items: start; gap: .4rem; font-weight: 600 !important; }
.digital-employee-group-members input { width: auto; }
.digital-employee-group-panel form { display: grid; gap: .55rem; padding: .7rem; border-radius: 12px; background: var(--surface-raised); }
.digital-employee-group-panel form[hidden],
.digital-employee-group-run-panel[hidden] { display: none; }
.digital-employee-group-panel form > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.digital-employee-group-panel form .check-row { display: flex; align-items: start; color: var(--muted); font-weight: 500; line-height: 1.45; }
.digital-employee-group-panel form .check-row input { width: auto; }
.digital-employee-group-run-panel { display: grid; gap: .55rem; padding-top: .55rem; border-top: 1px solid var(--wb-line); }
.digital-employee-group-run-panel h5 { margin: 0; font-size: .72rem; }
.digital-employee-group-plan ol { display: grid; gap: .3rem; margin: 0; padding-left: 1.2rem; font-size: .66rem; }
.digital-employee-group-targets { display: flex; flex-wrap: wrap; gap: .3rem; }
.digital-employee-group-targets span { padding: .12rem .4rem; border: 1px solid var(--wb-line); border-radius: 999px; color: var(--muted); font-size: .6rem; }
@media (max-width: 390px) {
  .digital-employee-group-actions,
  .digital-employee-group-panel form > div { display: grid; grid-template-columns: minmax(0, 1fr); }
  .digital-employee-group-actions button,
  .digital-employee-group-panel form button { width: 100%; }
}


/* Keep one visible conversation list; legacy anchors remain hidden for script compatibility. */
.workbuddy-session-panel > [hidden],
.workbuddy-current-session[hidden] { display: none !important; }
.workbuddy-session-panel { gap: .2rem; }
.workbuddy-session-history { min-height: 0; }
.workbuddy-task-sessions { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.workbuddy-employee-session-groups { display: grid; gap: .15rem; min-height: 0; }
.workbuddy-employee-session-groups > span { padding: .5rem; color: var(--muted); font-size: .72rem; }
.workbuddy-employee-session-group { min-width: 0; border-radius: 10px; }
.workbuddy-employee-session-select .workbuddy-employee-session-avatar::after {
  content: ""; position: absolute; right: -1px; bottom: -1px; width: 8px; height: 8px;
  border: 2px solid var(--surface, #fff); border-radius: 50%; background: var(--muted);
}
.workbuddy-employee-session-entry[data-work-state="working"] .workbuddy-employee-session-avatar::after { background: var(--accent, #54c7a6); }
.workbuddy-employee-session-entry[data-work-state="attention"] .workbuddy-employee-session-avatar::after { background: var(--warning, #dba64e); }
.workbuddy-employee-session-entry[data-work-state="available"] .workbuddy-employee-session-avatar::after { background: var(--accent-strong, #2a8975); }
.workbuddy-employee-session-entry[data-work-state="retired"] .workbuddy-employee-session-avatar::after,
.workbuddy-employee-session-entry[data-work-state="draft"] .workbuddy-employee-session-avatar::after { background: var(--muted); }
.workbuddy-employee-session-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: .15rem; }
.workbuddy-employee-session-select {
  display: grid; min-width: 0; min-height: 52px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .45rem; padding: .35rem .45rem;
  border: 0; border-radius: 9px; color: inherit; background: transparent; box-shadow: none; text-align: left;
}
.workbuddy-employee-session-select:not(:disabled):is(:hover, :focus-visible),
.workbuddy-employee-session-select[aria-current="location"] { color: var(--ink-strong); background: var(--wb-selected); box-shadow: none; transform: none; }
.workbuddy-employee-session-select[aria-current="location"] { box-shadow: inset 2px 0 var(--accent-strong); }
.workbuddy-employee-session-select:disabled { color: var(--muted); opacity: .56; cursor: not-allowed; }
.workbuddy-employee-session-primary-label { justify-self: end; color: var(--accent-strong); font-size: .63rem; font-weight: 760; white-space: nowrap; }
.workbuddy-employee-session-select:disabled .workbuddy-employee-session-primary-label { color: currentColor; }
.workbuddy-employee-session-history-toggle {
  width: auto; min-width: 52px; min-height: 52px; padding: 0 .45rem; border: 0; border-radius: 9px; color: var(--muted);
  background: transparent; box-shadow: none; font-size: .63rem; white-space: nowrap;
}
.workbuddy-employee-session-history-toggle:not(:disabled):is(:hover, :focus-visible),
.workbuddy-employee-session-history-toggle[aria-expanded="true"] { color: var(--accent-strong); background: var(--wb-selected); box-shadow: none; transform: none; }
.workbuddy-unassigned-sessions > summary { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: .35rem; padding: .35rem .45rem; border-radius: 9px; cursor: pointer; list-style: none; }
.workbuddy-unassigned-sessions > summary::-webkit-details-marker { display: none; }
.workbuddy-unassigned-sessions[open] > summary { background: var(--wb-selected); }
.workbuddy-employee-session-identity { display: flex; min-width: 0; align-items: center; gap: .4rem; }
.workbuddy-employee-session-identity > span { display: grid; min-width: 0; }
.workbuddy-employee-session-identity strong,
.workbuddy-employee-session-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workbuddy-employee-session-identity strong { font-size: .74rem; }
.workbuddy-employee-session-identity small { color: var(--muted); font-size: .63rem; }
.workbuddy-employee-session-avatar { position: relative; display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; overflow: hidden; border: 1px solid rgb(255 255 255 / 72%); border-radius: 9px; background: linear-gradient(145deg, var(--sea-salt), var(--metal-gold-light)); background-position: center; background-size: cover; box-shadow: 0 3px 9px rgb(52 94 88 / 13%); font-size: .64rem; }
.workbuddy-employee-session-avatar.employee-mascot:not([data-portrait-state="ready"]) { border-radius: 10px; }
.workbuddy-employee-session-history { overflow: visible; padding-left: .45rem; }
.workbuddy-employee-session-history[hidden] { display: none; }
.workbuddy-employee-session-invalid { margin: .15rem .35rem .35rem; padding: .45rem .5rem; color: var(--warning); font-size: .68rem; line-height: 1.4; }
.agent-conversation-employee-entry {
  display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .8rem;
  width: min(100%, 46rem); margin: auto; padding: clamp(.85rem, 2vw, 1.15rem); border: 1px solid color-mix(in srgb, var(--accent-strong) 34%, transparent);
  border-radius: 18px; background: color-mix(in srgb, var(--surface) 72%, transparent); box-shadow: inset 0 1px rgb(255 255 255 / 34%), 0 18px 48px rgb(25 66 62 / 12%);
  backdrop-filter: blur(22px) saturate(122%);
}
.agent-conversation-employee-entry[hidden] { display: none; }
.agent-conversation-employee-entry-mark { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 14px; color: var(--accent-strong); background: var(--wb-selected); font-size: 1.15rem; }
.agent-conversation-employee-entry h3, .agent-conversation-employee-entry p { margin: 0; }
.agent-conversation-employee-entry h3 { font-size: clamp(1rem, 2vw, 1.18rem); }
.agent-conversation-employee-entry p:last-child { margin-top: .25rem; color: var(--muted); font-size: .74rem; line-height: 1.5; }
.agent-studio[data-employee-entry-pending="true"] #agent-conversation-history { display: none; }
.workbuddy-task-session { position: relative; min-width: 0; height: auto; overflow: hidden; }
.workbuddy-task-session-open:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: -3px; border-radius: inherit; }
.workbuddy-task-session-open strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.workbuddy-task-session-open .workbuddy-session-channel,
.workbuddy-task-session-open .workbuddy-session-participants { grid-column: 1 / -1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.workbuddy-task-session .workbuddy-session-channel { color: var(--sea-salt-text, #245f55); font-weight: 720; }
.workbuddy-task-session .workbuddy-session-participants { line-height: 1.42; }
.workbuddy-task-session .workbuddy-session-state { grid-column: 1 / -1; min-width: 0; overflow-wrap: anywhere; }
.workbuddy-task-session-open time { grid-column: 1 / -1; text-align: left; }
.workbuddy-task-session-actions { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(44px, 1fr)); gap: .2rem; padding: .08rem .45rem .48rem; }
.workbuddy-task-session-management-note { grid-column: 1 / -1; min-width: 0; margin: 0; color: var(--muted); font-size: .62rem; line-height: 1.35; overflow-wrap: anywhere; }
.workbuddy-task-session-action {
  width: 100%; min-width: 44px; min-height: 44px; padding: .1rem .15rem; border: 0; border-radius: 8px; white-space: nowrap;
  color: var(--accent-strong); background: transparent; box-shadow: none; font-size: .67rem; font-weight: 680;
  text-decoration: none; text-underline-offset: .18em;
}
.workbuddy-task-session-action:hover:not(:disabled),
.workbuddy-task-session-action:focus-visible { color: var(--ink-strong); background: transparent; box-shadow: none; filter: none; animation: none; text-decoration: underline; transform: none; }
.workbuddy-task-session-action.is-danger { color: var(--danger); }
.workbuddy-task-session-action:disabled { color: var(--muted); opacity: .48; cursor: not-allowed; }
.workbuddy-employee-session-archive-label { padding: .35rem .55rem .15rem; color: var(--muted); font-size: .62rem; text-transform: uppercase; }
.workbuddy-unassigned-sessions > summary b { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--wb-selected); font-size: .6rem; }
.workbuddy-session-current-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem;
  padding: .25rem .4rem;
}
.workbuddy-session-current-actions strong { flex: 1 1 100%; overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.workbuddy-session-current-actions button { min-width: 44px; min-height: 44px; flex: 1 1 68px; padding-inline: .5rem; font-size: .68rem; }
.workbuddy-session-current-actions > small { flex: 1 1 100%; line-height: 1.4; overflow-wrap: anywhere; }
.workbuddy-session-current-actions button[hidden] { display: none; }
.workbuddy-archived-sessions { margin-top: .35rem; border-top: 1px solid var(--wb-line); }
.workbuddy-archived-sessions > summary { display: flex; justify-content: space-between; gap: .5rem; padding: .5rem .4rem; cursor: pointer; }
.workbuddy-archived-sessions:not([open]) > :not(summary) { display: none; }

/* Natural-language first: advanced work lives behind the single contextual entry. */
#agent-capability-toggle { font-weight: 760; }
.agent-capability-work-actions {
  display: grid;
  gap: .35rem;
  padding: .65rem .25rem .75rem;
  border-bottom: 1px solid var(--wb-line);
}
.agent-capability-work-actions-heading { font-size: .8rem; }
.agent-capability-work-actions-copy { color: var(--muted); font-size: .7rem; line-height: 1.4; }
.agent-capability-work-actions-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
.agent-capability-work-action {
  display: grid;
  min-width: 0;
  min-height: 58px;
  justify-items: start;
  gap: .1rem;
  padding: .5rem .6rem;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  text-align: left;
}
.agent-capability-work-action strong,
.agent-capability-work-action small { display: block; overflow-wrap: anywhere; }
.agent-capability-work-action strong { font-size: .78rem; }
.agent-capability-work-action small { color: var(--muted); font-size: .66rem; line-height: 1.35; }
.agent-context-panel-close { justify-self: end; min-height: 44px; margin-bottom: .35rem; font-size: .72rem; }

@media (max-width: 760px) {
  .workbuddy-employee-session-history { padding-left: 0; }
  .workbuddy-task-session-open { padding: .62rem .58rem .42rem; }
  .workbuddy-task-session-actions { padding: .05rem .58rem .52rem; }
  .workbuddy-task-session-action { font-size: .72rem; }
  .workbuddy-session-current-actions button { flex-basis: calc(50% - .25rem); }
  .agent-capability-work-actions-list { grid-template-columns: minmax(0, 1fr); }
  .agent-capability-work-action { min-height: 52px; }
  .workbuddy-employee-session-select { min-height: 48px; }
  .workbuddy-employee-session-history-toggle { min-width: 44px; min-height: 48px; }
}

@media (forced-colors: active) {
  .workbuddy-task-session { border: 1px solid CanvasText; }
  .workbuddy-task-session-action { color: ButtonText; background: transparent; }
  .workbuddy-task-session-action:disabled { color: GrayText; }
  .agent-capability-work-action { border: 1px solid CanvasText; }
}


#configuration { container: model-connection / inline-size; }
#configuration .configuration-quickstart {
  display: grid;
  gap: .85rem;
  margin-block: .25rem 1.25rem;
  padding: clamp(.9rem, 2vw, 1.25rem) 0 1.1rem;
  border-block: 1px solid var(--sheet-divider);
}
#configuration .configuration-quickstart-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
#configuration .configuration-quickstart-heading h3 { margin: 0; font-size: clamp(1.05rem, 1.8vw, 1.3rem); }
#configuration .configuration-quickstart-heading .management-page-lead { margin: .3rem 0 0; }
#configuration .configuration-quickstart-status {
  flex: 0 0 auto;
  min-height: 2rem;
  padding: .3rem .65rem;
  border: 1px solid var(--line-rest);
  border-radius: 999px;
  color: var(--muted);
  font-size: .76rem;
  font-weight: 720;
  white-space: nowrap;
}
#configuration .configuration-quickstart-status[data-state="ready"] {
  color: var(--status-ok);
  border-color: color-mix(in srgb, var(--status-ok) 56%, transparent);
  box-shadow: 0 0 20px -12px var(--status-ok);
}
#configuration .configuration-quickstart-status[data-state="attention"] {
  color: var(--status-warning);
  border-color: color-mix(in srgb, var(--status-warning) 56%, transparent);
  box-shadow: 0 0 20px -12px var(--status-warning);
}
#configuration .configuration-quickstart-status[data-state="next"] {
  color: var(--accent-strong);
  border-color: var(--line-active);
  box-shadow: 0 0 20px -12px var(--line-hot);
}
#configuration .configuration-quickstart:focus-within .configuration-quickstart-status {
  color: var(--accent-strong);
  border-color: var(--line-active);
  box-shadow: 0 0 18px -12px var(--line-hot);
}
#configuration > .section-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.model-connection-guide {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem; margin: 1rem 0; padding: 0; list-style: none;
}
.model-connection-guide > li {
  display: grid; min-width: 0; grid-template-columns: 2rem minmax(0, 1fr);
  gap: .25rem .65rem; align-content: start; align-items: start; padding: .85rem;
  border-radius: var(--radius-control); color: var(--muted); background: var(--sheet-bg-quiet);
  box-shadow: inset 0 -1px var(--line-rest);
  transition: background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}
.model-connection-guide > li > b {
  display: grid; place-items: center; width: 2rem; height: 2rem; grid-row: 1 / span 2;
  border-radius: 50%; color: var(--text); background: var(--wb-selected); font-size: .85rem;
}
.model-connection-guide strong, .model-connection-guide small { display: block; overflow-wrap: anywhere; }
.model-connection-guide strong { color: var(--text); font-size: .88rem; }
.model-connection-guide small { margin-top: .18rem; font-size: .75rem; line-height: 1.5; }
.model-connection-guide a {
  grid-column: 2; display: inline-flex; min-height: 44px; align-items: center; justify-self: start;
  color: var(--accent-strong); font-size: .78rem; font-weight: 700; text-decoration: none;
}
.model-connection-guide > li:is(:hover, :focus-within) { background: var(--sheet-bg-hover); box-shadow: inset 0 -1px var(--line-active); }
.model-connection-guide > li[data-state="ready"] { box-shadow: inset 2px 0 var(--status-ok), inset 0 -1px var(--line-rest); }
.model-connection-guide > li[data-state="attention"] { box-shadow: inset 2px 0 var(--status-warning), inset 0 -1px var(--line-rest); }
.model-connection-application { grid-column: 2; padding-top: .25rem; border-top: 1px solid var(--sheet-divider); }
.model-connection-application[data-state="attention"] { color: var(--status-warning); }
.managed-credential-center { margin: 0 0 1rem; padding: .65rem 0; border: 0; background: transparent; box-shadow: inset 0 1px var(--line-rest), inset 0 -1px var(--line-rest); }
.managed-credential-center > summary { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: .75rem; padding: .3rem .4rem; list-style: none; cursor: pointer; }
.managed-credential-center > summary::-webkit-details-marker { display: none; }
.managed-credential-center > summary span { min-width: 0; }
.managed-credential-center > summary :is(strong, small) { display: block; }
.managed-credential-center > summary small { color: var(--muted); font-size: .75rem; }
.managed-credential-center > summary b { flex: 0 0 auto; color: var(--accent-strong); font-size: .72rem; }
.managed-credential-center-intro { margin: .65rem .4rem; color: var(--muted); font-size: .85rem; line-height: 1.6; }
.managed-credential-center-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; padding: .4rem; }
.managed-credential-center-grid article { display: grid; min-width: 0; grid-template-columns: 1.6rem minmax(0, 1fr); gap: .45rem; padding: .65rem 0; }
.managed-credential-center-grid article > span { display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border-radius: 50%; color: var(--accent-strong); background: var(--wb-selected); }
.managed-credential-center-grid strong { font-size: .85rem; }
.managed-credential-center-grid p { min-height: 3em; margin: .2rem 0 .5rem; color: var(--muted); font-size: .76rem; line-height: 1.5; }
.managed-credential-center code, .harness-model-connection code { display: block; min-width: 0; padding: .65rem; border-radius: var(--radius-control); background: var(--glass-input); color: var(--text); font-size: .74rem; line-height: 1.6; white-space: normal; overflow-wrap: anywhere; }
.managed-credential-center-boundary { margin: .55rem .4rem; color: var(--muted); font-size: .74rem; line-height: 1.6; overflow-wrap: anywhere; }
.managed-credential-center-boundary code { display: inline; padding: 0; background: transparent; }
.managed-credential-center-actions { display: flex; flex-wrap: wrap; gap: .4rem; padding: .25rem .4rem; }
.managed-credential-center-actions a { display: inline-flex; min-height: 44px; align-items: center; padding: .4rem .7rem; border-radius: var(--radius-control); color: var(--text); box-shadow: inset 0 -1px var(--line-rest); font-size: .76rem; font-weight: 700; text-decoration: none; }
.model-origin-note { margin: 0; align-self: center; }
#model-base-url:disabled { color: var(--muted); background: var(--sheet-bg-quiet); cursor: not-allowed; }
.harness-model-connection-options { display: grid; gap: .35rem; }
.harness-model-connection-options article { display: grid; min-width: 0; gap: .25rem; padding: .75rem 0; box-shadow: inset 0 -1px var(--sheet-divider); }
.harness-model-connection-options strong { color: var(--text); }
.harness-model-connection-options span { font-size: .8rem; }
.harness-model-connection-options small { color: var(--muted); font-size: .74rem; line-height: 1.5; }
@container model-connection (max-width: 50rem) {
  #configuration .configuration-quickstart-heading { flex-direction: column; }
  #configuration .configuration-quickstart-status { align-self: flex-start; }
  .model-connection-guide, .managed-credential-center-grid { grid-template-columns: minmax(0, 1fr); }
  .managed-credential-center-grid p { min-height: 0; }
}
@container model-connection (max-width: 35rem) {
  .managed-credential-center > summary { align-items: flex-start; flex-direction: column; gap: .25rem; }
  #configuration .field-grid { grid-template-columns: minmax(0, 1fr); }
  #configuration .field-grid > span:empty { display: none; }
  #configuration .configuration-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  #configuration .configuration-actions button { width: 100%; }
}
.model-tracking-panel { padding: .8rem 0; }
#configuration .model-fixed-fields { min-width: 0; margin: 0; padding: 0; border: 0; }
.model-tracking-panel[hidden], #model-fixed-fields[hidden] { display: none; }
#model-tracking-status { overflow-wrap: anywhere; line-height: 1.6; }
@media (prefers-reduced-motion: reduce) { .model-connection-guide > li { transition: none; } }
@media (forced-colors: active) { .model-connection-guide > li { border: 1px solid CanvasText; } }


.model-route-lanes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.model-route-lane { min-width: 0; padding: .72rem; border: 1px solid color-mix(in srgb, var(--line) 76%, transparent); background: color-mix(in srgb, var(--surface-soft) 72%, transparent); }
.model-route-lane header, .model-route-picker, .model-route-candidate { display: flex; align-items: center; gap: .55rem; }
.model-route-lane header { justify-content: space-between; padding-bottom: .55rem; border-bottom: 1px solid color-mix(in srgb, var(--line) 58%, transparent); }
.model-route-lane header span { color: var(--muted); font-size: .72rem; }
.model-route-picker { margin-top: .6rem; }
.model-route-picker select { min-width: 0; flex: 1; }
.model-route-picker button { flex: none; }
.model-route-chain { display: grid; gap: .38rem; margin: .58rem 0 0; padding: 0; list-style: none; }
.model-route-chain > li { min-width: 0; padding: .48rem .55rem; border-top: 1px solid color-mix(in srgb, var(--line) 48%, transparent); }
.model-route-candidate { justify-content: space-between; }
.model-route-candidate > span:first-child { min-width: 0; overflow-wrap: anywhere; font-size: .77rem; }
.model-route-candidate-actions { display: flex; flex: none; gap: .28rem; }
.model-route-candidate-actions button { min-height: 1.8rem; padding: .22rem .4rem; font-size: .7rem; }
@media (max-width: 860px) { .model-route-lanes { grid-template-columns: 1fr; } }


.system-image-model-service {
  margin: 0 0 1rem;
  padding: .15rem;
  border-radius: 18px;
  background: var(--sheet-bg-quiet);
  box-shadow: inset 0 -1px var(--line-rest);
}
.system-image-model-service > summary { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem .85rem; cursor: pointer; list-style: none; }
.system-image-model-service > summary::-webkit-details-marker { display: none; }
.system-image-model-service > summary span { display: grid; min-width: 0; gap: .12rem; }
.system-image-model-service > summary small { color: var(--muted); font-size: .72rem; }
.system-image-model-service > summary b { color: var(--muted); font-size: .72rem; }
.system-image-model-service[data-state="ready"] > summary b { color: var(--status-ok); }
.system-image-model-service form { display: grid; gap: .85rem; padding: .2rem .85rem .9rem; }
.system-image-model-copy { display: grid; gap: .35rem; }
.system-image-model-copy p, .system-image-model-copy span { margin: 0; color: var(--muted); line-height: 1.5; }
.system-image-model-copy span { font-size: .78rem; }
.system-image-model-actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.system-image-model-service input, .system-image-model-service select { min-width: 0; width: 100%; }
.system-image-model-service > summary b { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 560px) { .system-image-model-actions { display: grid; } .system-image-model-actions button { width: 100%; } }


.agent-execution-profile-grid button[data-readiness="ready"] { box-shadow: inset 3px 0 var(--accent), inset 0 0 0 1px rgb(77 226 177 / 15%); }
.agent-execution-profile-grid button[data-readiness="blocked"] { box-shadow: inset 3px 0 var(--danger), inset 0 0 0 1px rgb(255 124 120 / 13%); }
.agent-execution-profile-grid button[data-readiness="setup"], .agent-execution-profile-grid button[data-readiness="login"] { box-shadow: inset 3px 0 var(--metal-gold, #d9b96f), inset 0 0 0 1px rgb(217 185 111 / 12%); }
.agent-execution-profile-grid button[aria-pressed="true"] { background: linear-gradient(135deg, rgb(217 185 111 / 11%), rgb(255 255 255 / 2%)); }
.agent-tool-delegation { display: grid; gap: .55rem; padding: .7rem; border-radius: 12px; background: rgb(255 255 255 / 2.5%); }
.agent-tool-delegation h5, .agent-tool-delegation p { margin: 0; }
.agent-tool-delegation > p { color: var(--muted); font-size: .76rem; }
.agent-tool-delegation label { display: grid; gap: .3rem; font-weight: 720; }
.agent-tool-delegation-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.agent-tool-delegation-actions button { flex: 1 1 9rem; }
#agent-tool-delegation-result { display: grid; gap: .25rem; min-width: 0; padding: .6rem; border-left: 2px solid var(--accent); background: rgb(77 226 177 / 5%); }
#agent-tool-delegation-result p, #agent-tool-delegation-result small { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.digital-employee-capability-lens { display: grid; min-width: 0; gap: .45rem; padding: .65rem; border-radius: 12px; background: rgb(8 15 25 / 54%); }
.digital-employee-capability-lens-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; }
.digital-employee-capability-lens-heading small { color: var(--muted); text-align: right; }
.digital-employee-capability-item, .digital-employee-capability-lens-empty { display: grid; min-width: 0; gap: .15rem .55rem; padding: .55rem .6rem; border-left: 2px solid rgb(255 255 255 / 16%); background: rgb(255 255 255 / 2.5%); }
.digital-employee-capability-item { grid-template-columns: minmax(7rem, .3fr) minmax(0, 1fr); }
.digital-employee-capability-lens-empty { grid-template-columns: minmax(0, 1fr); gap: .4rem; }
.digital-employee-capability-lens-empty > * { min-width: 0; overflow-wrap: anywhere; }
.digital-employee-capability-lens-empty small { color: var(--muted); line-height: 1.55; }
.digital-employee-capability-item[data-readiness="ready"] { border-left-color: var(--accent); }
.digital-employee-capability-item[data-readiness="matched"], .digital-employee-capability-item[data-readiness="reference"] { border-left-color: var(--metal-gold, #d9b96f); }
.digital-employee-capability-item[data-readiness="drift"] { border-left-color: var(--danger); }
.digital-employee-capability-item > strong, .digital-employee-capability-item > small { min-width: 0; overflow-wrap: anywhere; }
.digital-employee-capability-item > small { grid-column: 2; color: var(--muted); }
.digital-employee-capability-kind { grid-row: 1 / span 4; color: var(--muted); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.digital-employee-capability-authority { color: var(--warning) !important; }
.digital-employee-capability-runtime { color: var(--text) !important; }
.digital-employee-capability-boundary { margin: .2rem 0 0; color: var(--muted); font-size: .75rem; }
@media (max-width: 560px) {
  .agent-tool-delegation-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .agent-tool-delegation-actions button { width: 100%; }
}
@container digital-employee-lab (max-width: 560px) {
  .digital-employee-capability-lens-heading { align-items: stretch; flex-direction: column; }
  .digital-employee-capability-lens-heading small { text-align: left; }
  .digital-employee-capability-item { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-capability-kind, .digital-employee-capability-item > small { grid-column: 1; grid-row: auto; }
}
@media (forced-colors: active) {
  .agent-tool-delegation, .digital-employee-capability-lens, .digital-employee-capability-item { border: 1px solid CanvasText; background: Canvas; }
  .agent-execution-profile-grid button[data-readiness] { border: 1px solid CanvasText; box-shadow: none; }
}


.agent-harness-mini-view {
  --harness-phase-color: var(--metal-gold, #d9b96f);
  display: grid;
  gap: .48rem;
  margin: .35rem 0 .2rem;
  padding: .58rem .7rem .5rem;
  border: 0;
  border-radius: 15px;
  background: linear-gradient(125deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 1.5%));
  box-shadow: inset 0 1px rgb(255 255 255 / 8%), 0 12px 34px rgb(0 0 0 / 12%);
  color: var(--text);
  backdrop-filter: blur(20px) saturate(118%);
}
.agent-harness-mini-view[hidden] { display: none; }
.agent-conversation-work-surface-slot, .agent-conversation-current-work { min-width: 0; }
.agent-conversation-work-surface-slot[hidden], .agent-conversation-current-work[hidden] { display: none; }
.agent-message-task-details.has-work-surface > .agent-message-plan,
.agent-message-task-details.has-work-surface > .agent-message-process-note { display: none; }
.agent-conversation-work-surface-slot > .agent-conversation-inline-surfaces { margin-block: .5rem; }
.agent-harness-mini-view[data-state="active"] { --harness-phase-color: var(--accent); }
.agent-harness-mini-view[data-state="attention"] { --harness-phase-color: var(--warning); }
.agent-harness-mini-view[data-state="failed"] { --harness-phase-color: var(--danger); }
.agent-harness-mini-view[data-state="complete"] { --harness-phase-color: var(--accent); }
.agent-harness-mini-strip { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; }
.agent-harness-mini-pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--harness-phase-color); box-shadow: 0 0 0 4px color-mix(in srgb, var(--harness-phase-color) 13%, transparent), 0 0 18px color-mix(in srgb, var(--harness-phase-color) 45%, transparent); }
.agent-harness-mini-view[data-state="active"] .agent-harness-mini-pulse { animation: agent-harness-pulse 1.8s ease-out infinite; }
.agent-harness-mini-title { display: grid; min-width: 0; gap: .05rem; }
.agent-harness-mini-title strong, .agent-harness-mini-title small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agent-harness-mini-title strong { font-size: .79rem; letter-spacing: .01em; }
.agent-harness-mini-title small { color: var(--muted); font-size: .68rem; }
.agent-harness-mini-state { padding: .18rem .42rem; border-radius: 999px; background: color-mix(in srgb, var(--harness-phase-color) 11%, transparent); color: var(--harness-phase-color); font-size: .66rem; font-weight: 780; white-space: nowrap; }
.agent-harness-mini-rail { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 3px; margin: 0; padding: 0; list-style: none; }
.agent-harness-mini-rail li { position: relative; min-width: 0; padding-top: 5px; color: var(--muted); font-size: .58rem; text-align: center; }
.agent-harness-mini-rail li::before { position: absolute; inset: 0 0 auto; height: 2px; border-radius: 999px; background: rgb(255 255 255 / 9%); content: ""; }
.agent-harness-mini-rail li.is-complete::before, .agent-harness-mini-rail li.is-current::before { background: var(--harness-phase-color); }
.agent-harness-mini-rail li.is-current { color: var(--text); font-weight: 760; }
.agent-harness-relation-map { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .5rem; }
.agent-harness-relation-map[hidden] { display: none; }
.agent-harness-relation-map h4 { margin: 0; color: var(--muted); font-size: .61rem; font-weight: 680; white-space: nowrap; }
.agent-harness-relation-map ol { display: flex; min-width: 0; gap: .3rem; margin: 0; padding: 0 1px 2px; overflow-x: auto; list-style: none; scrollbar-width: thin; }
.agent-harness-relation-map li { --relation-tone: var(--muted); position: relative; display: inline-flex; min-width: max-content; align-items: center; gap: .28rem; padding: .2rem .42rem; border-radius: 999px; color: var(--muted); background: color-mix(in srgb, var(--relation-tone) 8%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--relation-tone) 18%, transparent); font-size: .59rem; }
.agent-harness-relation-map li[data-tone="active"] { --relation-tone: var(--accent); }
.agent-harness-relation-map li[data-tone="attention"] { --relation-tone: var(--warning); }
.agent-harness-relation-map li[data-tone="failed"] { --relation-tone: var(--danger); }
.agent-harness-relation-map li[data-tone="complete"] { --relation-tone: var(--accent); }
.agent-harness-relation-map li[data-focus="true"] { color: var(--text); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--relation-tone) 46%, transparent), 0 0 14px color-mix(in srgb, var(--relation-tone) 10%, transparent); }
.agent-harness-relation-map li:not(:last-child)::after { position: absolute; right: -.31rem; width: .32rem; height: 1px; background: color-mix(in srgb, var(--relation-tone) 28%, transparent); content: ""; }
.agent-harness-relation-map li small { color: var(--relation-tone); font-size: .56rem; }
.agent-harness-mini-details { min-width: 0; }
.agent-harness-mini-details > summary { display: flex; min-height: 28px; align-items: center; justify-content: space-between; gap: .8rem; color: var(--muted); cursor: pointer; font-size: .69rem; list-style: none; }
.agent-harness-mini-details > summary::-webkit-details-marker { display: none; }
.agent-harness-mini-details > summary::before { content: "＋"; color: var(--harness-phase-color); font-weight: 850; }
.agent-harness-mini-details[open] > summary::before { content: "−"; }
.agent-harness-mini-details > summary > span { margin-right: auto; color: var(--text); font-weight: 720; }
.agent-harness-mini-details > summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agent-harness-mini-expanded { display: grid; grid-template-columns: minmax(12rem, .75fr) minmax(0, 1.25fr); gap: .75rem; padding: .48rem 0 .12rem; }
.agent-harness-mini-facts { display: grid; align-content: start; gap: .28rem; margin: 0; }
.agent-harness-mini-facts > div { display: grid; grid-template-columns: 4.35rem minmax(0, 1fr); gap: .45rem; }
.agent-harness-mini-facts dt, .agent-harness-mini-facts dd { min-width: 0; margin: 0; overflow-wrap: anywhere; font-size: .66rem; }
.agent-harness-mini-facts dt { color: var(--muted); }
.agent-harness-mini-events { display: grid; max-height: 10rem; gap: .3rem; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.agent-harness-mini-events li { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto; gap: .42rem; align-items: baseline; padding-left: .52rem; border-left: 1px solid color-mix(in srgb, var(--harness-phase-color) 42%, transparent); font-size: .66rem; }
.agent-harness-mini-events li span { min-width: 0; overflow-wrap: anywhere; }
.agent-harness-mini-events li small, .agent-harness-mini-events li time { color: var(--muted); font-size: .6rem; white-space: nowrap; }
.agent-harness-catalog { min-width: 0; }
.agent-harness-catalog[hidden] { display: none; }
.agent-harness-catalog > summary { display: flex; min-height: 28px; align-items: center; gap: .55rem; color: var(--text); cursor: pointer; font-size: .68rem; font-weight: 720; list-style: none; }
.agent-harness-catalog > summary::-webkit-details-marker { display: none; }
.agent-harness-catalog > summary::before { color: var(--harness-phase-color); content: "＋"; font-weight: 850; }
.agent-harness-catalog[open] > summary::before { content: "−"; }
.agent-harness-catalog > summary small { margin-left: auto; color: var(--muted); font-size: .6rem; font-weight: 600; }
.agent-harness-catalog-body { display: grid; grid-template-columns: minmax(7rem, .34fr) minmax(0, 1fr); gap: .4rem .55rem; padding: .35rem 0 .15rem; }
.agent-harness-catalog-body > label { align-self: center; color: var(--muted); font-size: .62rem; }
.agent-harness-catalog-body > input { min-width: 0; min-height: 34px; padding: .32rem .52rem; border: 0; border-radius: 10px; background: rgb(255 255 255 / 5%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 7%); color: var(--text); font-size: .68rem; }
.agent-harness-catalog-list { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; }
.agent-harness-catalog-list button { display: grid; min-width: 0; min-height: 38px; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: .04rem; padding: .32rem .48rem; border: 0; border-radius: 10px; background: rgb(255 255 255 / 3.5%); text-align: left; }
.agent-harness-catalog-list button small, .agent-harness-catalog-list button span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agent-harness-catalog-list button small { color: var(--muted); font-size: .56rem; }
.agent-harness-catalog-list button span { color: var(--text); font-size: .65rem; }
.agent-harness-catalog-empty { grid-column: 1 / -1; margin: 0; padding: .45rem; color: var(--muted); font-size: .65rem; text-align: center; }
.agent-harness-mini-attention { display: flex; align-items: center; justify-content: space-between; gap: .55rem; padding-top: .35rem; border-top: 1px solid rgb(255 255 255 / 7%); }
.agent-harness-mini-attention[hidden] { display: none; }
.agent-harness-mini-attention p { min-width: 0; margin: 0; color: var(--muted); font-size: .68rem; overflow-wrap: anywhere; }
.agent-harness-mini-attention button { min-height: 34px; padding: .38rem .72rem; border-radius: 999px; font-size: .68rem; white-space: nowrap; }
.agent-harness-mini-attention .agent-harness-mini-primary { border: 0; background: linear-gradient(115deg, #80601e 0%, #e5c56f 34%, #fff0b0 52%, #b88b32 76%, #eccf7e 100%); box-shadow: inset 0 1px rgb(255 255 255 / 68%), 0 5px 18px rgb(184 139 50 / 18%); color: #18130a; font-weight: 820; }
.agent-harness-mini-boundary { margin: 0; color: var(--muted); font-size: .59rem; line-height: 1.4; }
@keyframes agent-harness-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--harness-phase-color) 32%, transparent); } 75%, 100% { box-shadow: 0 0 0 8px transparent; } }
@media (max-width: 620px) {
  .agent-harness-mini-view { padding-inline: .6rem; border-radius: 13px; }
  .agent-harness-mini-expanded { grid-template-columns: minmax(0, 1fr); }
  .agent-harness-mini-rail li span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .agent-harness-mini-rail li { min-height: 7px; padding-top: 0; }
  .agent-harness-mini-details > summary small { max-width: 55%; }
  .agent-harness-relation-map { grid-template-columns: minmax(0, 1fr); gap: .24rem; }
  .agent-harness-catalog-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 390px) {
  .agent-harness-mini-title small, .agent-harness-mini-boundary { display: none; }
  .agent-harness-mini-state { max-width: 7rem; overflow: hidden; text-overflow: ellipsis; }
  .agent-harness-mini-attention { align-items: stretch; flex-direction: column; }
  .agent-harness-mini-attention button { width: 100%; }
  .agent-harness-catalog-body { grid-template-columns: minmax(0, 1fr); }
  .agent-harness-catalog-list { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) { .agent-harness-mini-view[data-state="active"] .agent-harness-mini-pulse { animation: none; } }
@media (forced-colors: active) {
  .agent-harness-mini-view { border: 1px solid CanvasText; background: Canvas; box-shadow: none; backdrop-filter: none; }
  .agent-harness-mini-rail li::before, .agent-harness-mini-events li, .agent-harness-relation-map li { border-color: CanvasText; background: Canvas; box-shadow: none; }
  .agent-harness-mini-rail li.is-current { outline: 1px solid Highlight; }
  .agent-harness-mini-attention .agent-harness-mini-primary { color: ButtonText; background: ButtonFace; box-shadow: none; }
}


.agent-kernel-observatory {
  container: agent-kernel / inline-size;
  min-width: 0;
  margin: 0;
  padding: 14px 0;
  border-block: 1px solid var(--sheet-divider);
  color: var(--text);
  background: transparent;
}
.agent-kernel-header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 12px; }
.agent-kernel-header small { color: var(--muted); font-size: 9px; letter-spacing: .13em; }
.agent-kernel-header h4 { margin: 5px 0; color: var(--ui-title); font-size: 18px; letter-spacing: .02em; }
.agent-kernel-header p { margin: 0; color: var(--muted); font-size: 11px; }
.agent-kernel-connection { padding: 5px 8px; border: 1px solid var(--sheet-divider); border-radius: 999px; color: var(--muted); background: var(--sheet-bg-quiet); font-size: 10px; white-space: nowrap; }
.agent-kernel-observatory[data-live="true"] .agent-kernel-connection { color: var(--status-ok); background: var(--status-ok-soft); }
.agent-kernel-circuit { display: grid; grid-template-columns: 1fr 18px 1fr 18px 1fr 18px 1fr; align-items: center; gap: 5px; margin: 18px 0 14px; }
.agent-kernel-node { position: relative; display: flex; min-width: 0; flex-direction: column; gap: 6px; padding: 12px 9px; border: 1px solid var(--sheet-divider); border-radius: 10px; background: var(--sheet-bg-quiet); box-shadow: inset 0 1px rgb(255 255 255 / 5%); transition: background .25s, border-color .25s, box-shadow .25s; }
.agent-kernel-node > span { color: var(--muted); font: 10px ui-monospace, monospace; }
.agent-kernel-node strong { color: var(--ui-strong); font-size: 12px; }.agent-kernel-node small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.agent-kernel-node[data-active="true"] { border-color: var(--line-active); background: var(--sheet-bg-hover); box-shadow: inset 2px 0 var(--status-ok), inset 0 1px rgb(255 255 255 / 8%); }
.agent-kernel-observatory[data-live="true"] .agent-kernel-node[data-active="true"]::after { content: ""; position: absolute; top: 10px; right: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--status-ok); box-shadow: 0 0 0 4px var(--status-ok-soft), 0 0 12px var(--status-ok); animation: agent-kernel-beat 1.8s ease-in-out infinite; }
.agent-kernel-link { color: var(--muted); text-align: center; font-size: 15px; }
.agent-kernel-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 12px 0; border-block: 1px solid var(--sheet-divider); }
.agent-kernel-metrics div { display: flex; flex-direction: column; gap: 3px; text-align: center; border-right: 1px solid var(--sheet-divider); }.agent-kernel-metrics div:last-child { border: 0; }.agent-kernel-metrics strong { color: var(--ui-strong); font: 22px ui-monospace, monospace; font-weight: 600; }.agent-kernel-metrics span { color: var(--muted); font-size: 10px; }
.agent-kernel-replay { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 14px; }.agent-kernel-replay button { padding: 5px 10px; border: 1px solid var(--sheet-divider); border-radius: 999px; color: var(--control-text); background: var(--control-bg); font-size: 11px; }.agent-kernel-replay button[aria-pressed="true"] { border-color: var(--line-active); color: var(--ui-primary-text); background: var(--action-bg); }.agent-kernel-replay label, .agent-kernel-replay output { color: var(--muted); font-size: 10px; }.agent-kernel-replay input { flex: 1; min-width: 80px; height: 20px; accent-color: var(--accent-strong); }
.agent-kernel-current { min-height: 20px; margin: 12px 0 8px; color: var(--text); font-size: 12px; line-height: 1.6; }
.agent-kernel-timeline { display: flex; gap: 6px; margin: 0; padding: 0; overflow-x: auto; list-style: none; }.agent-kernel-timeline li { min-width: 97px; max-width: 170px; padding: 0; border: 1px solid var(--sheet-divider); border-radius: 7px; background: var(--sheet-bg-quiet); }.agent-kernel-timeline button { display: flex; width: 100%; min-height: 44px; flex-direction: column; gap: 4px; padding: 8px; border: 0; border-radius: 6px; color: inherit; background: transparent; text-align: left; overflow-wrap: anywhere; cursor: pointer; }.agent-kernel-timeline button:hover { background: var(--sheet-bg-hover); }.agent-kernel-timeline button:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }.agent-kernel-timeline li[data-selected="true"] { border-color: var(--line-active); background: var(--sheet-bg-hover); }.agent-kernel-timeline time { color: var(--muted); font: 9px ui-monospace, monospace; }.agent-kernel-timeline span { font-size: 10px; }
.agent-kernel-note { margin: 12px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
@keyframes agent-kernel-beat { 50% { box-shadow: 0 0 0 7px var(--status-ok-soft); opacity: .55; } }
@container agent-kernel (max-width: 500px) { .agent-kernel-circuit { grid-template-columns: 1fr 12px 1fr; }.agent-kernel-link:nth-of-type(2) { display: none; } }
@media (prefers-reduced-motion: reduce) { .agent-kernel-observatory *, .agent-kernel-observatory *::after { animation: none !important; transition: none !important; } }
@media (max-width: 620px) { .agent-kernel-observatory { padding-block: 12px; }.agent-kernel-circuit { grid-template-columns: 1fr 12px 1fr; }.agent-kernel-link:nth-of-type(2) { display: none; }.agent-kernel-node small { font-size: 10px; }.agent-kernel-header { flex-wrap: wrap; } }


.agent-harness-workflow-trace {
  --workflow-trace-tone: var(--accent);
  min-width: 0;
  border-radius: 13px;
  background: linear-gradient(120deg, color-mix(in srgb, var(--workflow-trace-tone) 7%, transparent), rgb(255 255 255 / 1.5%));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--workflow-trace-tone) 13%, transparent);
}
.agent-harness-workflow-trace[hidden] { display: none; }
.agent-harness-workflow-trace[data-state="failed"] { --workflow-trace-tone: var(--danger); }
.agent-harness-workflow-trace[data-state="waiting"] { --workflow-trace-tone: var(--warning); }
.agent-harness-workflow-trace > summary {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  padding: .35rem .55rem;
  color: var(--text);
  cursor: pointer;
  list-style: none;
}
.agent-harness-workflow-trace > summary::-webkit-details-marker { display: none; }
.agent-harness-workflow-trace > summary > span { display: inline-flex; min-width: 0; align-items: center; gap: .42rem; }
.agent-harness-workflow-trace > summary i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--workflow-trace-tone); box-shadow: 0 0 13px color-mix(in srgb, var(--workflow-trace-tone) 50%, transparent); }
.agent-harness-workflow-trace > summary strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .69rem; }
.agent-harness-workflow-trace > summary small { max-width: 55%; overflow: hidden; color: var(--workflow-trace-tone); font-size: .61rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.agent-harness-workflow-trace-body { display: grid; min-width: 0; gap: .48rem; padding: .1rem .6rem .58rem; }
.agent-harness-workflow-trace-body > header { display: flex; min-width: 0; align-items: end; justify-content: space-between; gap: .75rem; }
.agent-harness-workflow-trace-body > header > div { display: grid; min-width: 0; gap: .02rem; }
.agent-harness-workflow-trace-body > header strong { font-size: .68rem; }
.agent-harness-workflow-trace-body > header small, .agent-harness-workflow-trace-body > header time { color: var(--muted); font-size: .58rem; }
.agent-harness-workflow-trace-body > header small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agent-harness-workflow-trace-body > header time { flex: 0 0 auto; }
.agent-harness-workflow-trace progress { width: 100%; height: 3px; overflow: hidden; border: 0; border-radius: 999px; background: rgb(255 255 255 / 7%); appearance: none; }
.agent-harness-workflow-trace progress::-webkit-progress-bar { border-radius: 999px; background: rgb(255 255 255 / 7%); }
.agent-harness-workflow-trace progress::-webkit-progress-value { border-radius: 999px; background: var(--workflow-trace-tone); box-shadow: 0 0 12px color-mix(in srgb, var(--workflow-trace-tone) 45%, transparent); }
.agent-harness-workflow-trace progress::-moz-progress-bar { border-radius: 999px; background: var(--workflow-trace-tone); }
.agent-harness-workflow-trace ol { display: grid; max-height: 12.5rem; gap: .28rem; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.agent-harness-workflow-trace li { display: grid; min-width: 0; grid-template-columns: 1.4rem minmax(0, 1fr) auto; gap: .42rem; align-items: center; padding: .32rem .42rem; border-radius: 9px; background: rgb(255 255 255 / 2.8%); }
.agent-harness-workflow-trace li[data-state="running"] { background: color-mix(in srgb, var(--accent) 7%, transparent); }
.agent-harness-workflow-trace li[data-state="failed"] { background: color-mix(in srgb, var(--danger) 7%, transparent); }
.agent-harness-workflow-trace-step { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: var(--muted); background: rgb(255 255 255 / 6%); font-size: .56rem; font-weight: 780; }
.agent-harness-workflow-trace li[data-state="running"] .agent-harness-workflow-trace-step { color: var(--accent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); }
.agent-harness-workflow-trace li[data-state="failed"] .agent-harness-workflow-trace-step { color: var(--danger); }
.agent-harness-workflow-trace-copy { display: grid; min-width: 0; gap: .02rem; }
.agent-harness-workflow-trace-copy strong, .agent-harness-workflow-trace-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agent-harness-workflow-trace-copy strong { font-size: .64rem; }
.agent-harness-workflow-trace-copy small { color: var(--muted); font-size: .57rem; }
.agent-harness-workflow-trace-status { color: var(--muted); font-size: .57rem; white-space: nowrap; }
.agent-harness-workflow-trace li[data-state="running"] .agent-harness-workflow-trace-status { color: var(--accent); }
.agent-harness-workflow-trace li[data-state="failed"] .agent-harness-workflow-trace-status { color: var(--danger); }
.agent-harness-workflow-trace-note { margin: 0; color: var(--muted); font-size: .56rem; line-height: 1.4; }
@media (max-width: 520px) {
  .agent-harness-workflow-trace-body > header { align-items: start; flex-direction: column; gap: .1rem; }
  .agent-harness-workflow-trace li { grid-template-columns: 1.35rem minmax(0, 1fr); }
  .agent-harness-workflow-trace-status { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) { .agent-harness-workflow-trace > summary i { box-shadow: none; } }
@media (forced-colors: active) {
  .agent-harness-workflow-trace, .agent-harness-workflow-trace li { border: 1px solid CanvasText; background: Canvas; box-shadow: none; }
  .agent-harness-workflow-trace progress { border: 1px solid CanvasText; }
}


#visual-workflow-conversation-input-note {
  margin: 0;
  padding: .62rem .72rem;
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 7%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);
}
#agent-composer-all-functions .agent-harness-catalog { margin: .28rem .35rem .18rem; }
#agent-composer-all-functions .agent-harness-catalog-body,
#agent-composer-all-functions .agent-harness-catalog-list { grid-template-columns: minmax(0, 1fr); }
#agent-composer-all-functions .agent-harness-catalog-list { grid-column: 1; }
.agent-harness-relation-map li[data-tone="active"]:not(:last-child)::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, transparent),
    color-mix(in srgb, var(--accent) 78%, transparent), color-mix(in srgb, var(--accent) 12%, transparent));
  background-size: 220% 100%;
  animation: agent-harness-relation-flow 2.8s linear infinite;
}
.agent-harness-relation-map li[data-tone="active"][data-focus="true"] {
  animation: agent-harness-relation-focus 2.8s ease-in-out infinite;
}
@keyframes agent-harness-relation-flow { to { background-position: -220% 0; } }
@keyframes agent-harness-relation-focus {
  0%, 100% { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent), 0 0 8px transparent; }
  50% { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 58%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 13%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  .agent-harness-relation-map li[data-tone="active"],
  .agent-harness-relation-map li[data-tone="active"]::after { animation: none; }
}
@media (forced-colors: active) {
  .agent-harness-relation-map li[data-tone="active"] { animation: none; box-shadow: none; }
  .agent-harness-relation-map li[data-tone="active"]::after { animation: none; background: CanvasText; }
}


.distributed-control-overview {
  --distributed-control-line: color-mix(in srgb, var(--line-active) 54%, transparent);
  container: distributed-control / inline-size;
  display: grid;
  gap: .9rem;
  padding-block: 1rem;
  border-block: 1px solid var(--distributed-control-line);
  background: transparent;
  color: var(--surface-text, var(--text));
}
.distributed-control-overview > header { display: flex; align-items: end; justify-content: space-between; gap: 1rem 2rem; }
.distributed-control-overview > header :is(h3, p) { margin: 0; }
.distributed-control-overview > header h3 { color: var(--surface-text-strong, var(--text)); font-size: clamp(1.25rem, 2.5vw, 1.8rem); letter-spacing: -.03em; }
.distributed-control-overview > header > div > p:last-child { max-width: 74ch; margin-top: .35rem; color: var(--surface-muted, var(--muted)); font-size: .84rem; }
.distributed-control-overview > header nav { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: .4rem .8rem; }
.distributed-control-overview > header nav a { padding-block: .35rem; border-block-end: 1px solid var(--line-active); color: var(--surface-text-strong, var(--text)); font-size: .78rem; font-weight: 760; text-decoration: none; }
.distributed-control-overview > header nav a:is(:hover, :focus-visible) { border-block-end-color: var(--line-hot); color: var(--accent-strong, var(--accent)); }
.distributed-control-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.distributed-control-flow li { position: relative; display: grid; align-content: start; gap: .2rem; min-width: 0; padding: .72rem .8rem .72rem 1rem; border-inline-start: 1px solid var(--distributed-control-line); }
.distributed-control-flow li::before { content: ""; position: absolute; inset: 1rem auto auto -.22rem; width: .4rem; height: .4rem; border-radius: 50%; background: var(--line-hot); box-shadow: 0 0 12px var(--line-hot); }
.distributed-control-flow li > span { color: var(--accent-strong, var(--accent)); font-size: .66rem; font-weight: 820; letter-spacing: .08em; }
.distributed-control-flow li > strong { color: var(--surface-text-strong, var(--text)); font-size: .9rem; }
.distributed-control-flow li > small { color: var(--surface-muted, var(--muted)); line-height: 1.5; }
.distributed-control-ownership { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--sheet-divider); }
.distributed-control-ownership section { min-width: 0; padding: .8rem 1rem; }
.distributed-control-ownership section + section { border-inline-start: 1px solid var(--sheet-divider); }
.distributed-control-ownership strong { color: var(--surface-text-strong, var(--text)); }
.distributed-control-ownership p { margin: .3rem 0 0; color: var(--surface-muted, var(--muted)); font-size: .78rem; line-height: 1.6; }
.distributed-control-live-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; }
.distributed-control-live-summary > div { min-width: 0; padding: .25rem .75rem; border-inline-start: 1px solid var(--distributed-control-line); }
.distributed-control-live-summary :is(dt, dd, small) { display: block; margin: 0; overflow-wrap: anywhere; }
.distributed-control-live-summary dt { color: var(--surface-muted, var(--muted)); font-size: .68rem; }
.distributed-control-live-summary dd { margin-block: .18rem; color: var(--surface-text-strong, var(--text)); font-size: .9rem; font-weight: 780; }
.distributed-control-live-summary small { color: var(--surface-muted, var(--muted)); font-size: .68rem; line-height: 1.45; }
.distributed-control-boundary { margin: 0; padding-inline-start: .75rem; border-inline-start: 2px solid var(--line-active); color: var(--surface-muted, var(--muted)); font-size: .76rem; line-height: 1.6; }
.distributed-control-boundary strong { color: var(--surface-text-strong, var(--text)); }
@container distributed-control (max-width: 58rem) {
  .distributed-control-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .distributed-control-live-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem 0; }
}
@container distributed-control (max-width: 42rem) {
  .distributed-control-overview > header { align-items: start; flex-direction: column; }
  .distributed-control-overview > header nav { justify-content: flex-start; }
  .distributed-control-flow, .distributed-control-ownership, .distributed-control-live-summary { grid-template-columns: 1fr; }
  .distributed-control-ownership section + section { border-inline-start: 0; border-block-start: 1px solid var(--sheet-divider); }
}
@media (forced-colors: active) {
  .distributed-control-overview, .distributed-control-ownership,
  .distributed-control-flow li, .distributed-control-live-summary > div { border-color: CanvasText; }
  .distributed-control-flow li::before { background: Highlight; box-shadow: none; }
}


.public-command-center {
  --public-command-text: var(--surface-text); --public-command-strong: var(--surface-text-strong);
  --public-command-muted: var(--surface-muted); --public-command-accent: var(--line-hot); --public-command-gold: var(--metal-gold-text);
  container: public-command / inline-size; display: grid; grid-auto-rows: max-content; align-content: start;
  gap: clamp(.65rem, 1.4vw, 1rem); min-width: 0; min-height: 0; padding: clamp(.75rem, 1.7vw, 1.35rem); overflow: auto; color: var(--public-command-text);
}
.public-command-overview, .public-command-surface, .public-command-details { position: relative; min-width: 0; }
.public-command-overview { display: grid; gap: .35rem; padding-block-end: .4rem; }
.public-command-overview::after, .public-command-surface::after, .public-command-details > summary::after {
  content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--line-rest) 8%, var(--line-active) 50%, var(--line-rest) 92%, transparent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--line-hot) 20%, transparent);
}
.public-command-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(1rem, 3vw, 2.5rem); min-height: 0; padding: 0; overflow: visible; }
.public-command-hero::before, .public-command-hero::after { display: none; }
.public-command-hero > div { min-width: 0; }
.public-command-hero h2 { max-width: 22ch; margin-block: .12rem 0; color: var(--public-command-strong); font-size: clamp(1.2rem, 1.8vw, 1.55rem); letter-spacing: -.025em; line-height: 1.3; text-wrap: balance; }
.public-command-hero h2:focus-visible { outline: 0; text-shadow: 0 0 18px color-mix(in srgb, var(--line-hot) 34%, transparent); }
.public-command-hero p { max-width: 62ch; margin: .2rem 0 0; color: var(--public-command-muted); line-height: 1.6; }
.public-command-hero .eyebrow { color: var(--public-command-accent); }
.public-command-hero > button { flex: 0 0 auto; min-height: 36px; padding: .35rem .65rem; font-size: .75rem; }
.public-command-hero .public-command-live-state { font-size: .76rem; }
.public-command-hero p > span { font-size: .7rem; }
.public-command-metrics, .public-command-detail-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.public-command-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.public-command-metrics article, .public-command-detail-metrics article { position: relative; min-width: 0; padding: .45rem .65rem; }
.public-command-metrics article:not(:last-child)::after, .public-command-detail-metrics article:not(:last-child)::after {
  content: ""; position: absolute; inset-block: 12%; inset-inline-end: 0; width: 1px; pointer-events: none;
  background: linear-gradient(transparent, var(--line-active), transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--line-hot) 18%, transparent);
}
.public-command-metrics span, .public-command-metrics small, .public-command-detail-metrics span, .public-command-detail-metrics small { display: block; color: var(--public-command-muted); font-size: .72rem; }
.public-command-metrics strong, .public-command-detail-metrics strong { display: block; margin: .25rem 0; color: var(--public-command-strong); font-size: clamp(1.2rem, 1.8vw, 1.55rem); letter-spacing: -.035em; overflow-wrap: anywhere; }
.public-command-primary-grid, .public-command-secondary-grid { display: grid; gap: clamp(1rem, 2vw, 1.5rem); min-width: 0; }
.public-command-primary-grid { grid-template-columns: minmax(0, 2.25fr) minmax(270px, .75fr); align-items: stretch; }
.public-command-secondary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.public-command-surface { padding: clamp(.85rem, 1.8vw, 1.2rem) 0 clamp(1rem, 2vw, 1.4rem); border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.public-command-surface > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: .8rem; }
.public-command-surface header span { color: var(--public-command-muted); font-size: .66rem; font-weight: 850; letter-spacing: .13em; }
.public-command-surface h3 { margin: .1rem 0 0; color: var(--public-command-strong); }
.public-command-surface header a { color: var(--public-command-gold); font-size: .78rem; font-weight: 750; white-space: nowrap; }
.public-command-surface header b { display: grid; place-items: center; min-width: 32px; min-height: 32px; padding-inline: .45rem; border-radius: 999px; background: var(--status-danger-soft); color: var(--status-danger); }
.public-command-live-map { padding-block-start: .2rem; }
.public-command-live-map-summary { display: flex; align-items: baseline; gap: .5rem; color: var(--public-command-muted); }
.public-command-live-map-summary b { min-width: 0; min-height: 0; padding: 0; background: transparent; color: var(--public-command-strong); font-size: 1.05rem; }
.public-command-live-map-summary small { font-size: .68rem; }
.public-command-live-map-toolbar { display: flex; flex-wrap: wrap; gap: .35rem; margin-block: .25rem .8rem; }
.public-command-live-map-toolbar button { min-height: 34px; padding: .28rem .62rem; border: 1px solid var(--sheet-divider); border-radius: 999px; background: color-mix(in srgb, var(--overlay-bg) 70%, transparent); color: var(--public-command-muted); font-size: .68rem; }
.public-command-live-map-toolbar button:hover, .public-command-live-map-toolbar button.is-selected { border-color: var(--line-hot); background: color-mix(in srgb, var(--line-hot) 13%, var(--overlay-bg)); color: var(--public-command-strong); }
.public-command-live-map-flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: .55rem; min-width: 0; }
.public-command-live-lane { position: relative; display: grid; gap: .52rem; min-width: 0; padding: .72rem; overflow: hidden; border: 1px solid color-mix(in srgb, var(--line-active) 65%, transparent); border-radius: var(--radius-reading, 18px); background: linear-gradient(135deg, color-mix(in srgb, var(--line-hot) 8%, var(--overlay-bg)), color-mix(in srgb, var(--workspace-canvas) 68%, transparent)); box-shadow: inset 0 1px color-mix(in srgb, white 6%, transparent), 0 10px 34px color-mix(in srgb, var(--line-hot) 6%, transparent); backdrop-filter: blur(16px) saturate(1.12); -webkit-backdrop-filter: blur(16px) saturate(1.12); }
.public-command-live-lane::before { content: ""; position: absolute; inset-inline-start: 0; inset-block: .7rem; width: 2px; border-radius: 999px; background: var(--line-active); box-shadow: 0 0 12px color-mix(in srgb, var(--line-hot) 45%, transparent); }
.public-command-live-lane[data-state="active"]::before { background: var(--ok); box-shadow: 0 0 12px color-mix(in srgb, var(--ok) 54%, transparent); }
.public-command-live-lane[data-state="attention"]::before { background: var(--danger); box-shadow: 0 0 12px color-mix(in srgb, var(--danger) 54%, transparent); }
.public-command-live-lane[data-state="completed"]::before { background: var(--line-hot); }
.public-command-live-lane header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .55rem; margin: 0; padding-inline-start: .25rem; }
.public-command-live-lane header strong, .public-command-live-lane header small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-command-live-lane header strong { color: var(--public-command-strong); font-size: .8rem; }
.public-command-live-lane header small { margin-top: .12rem; color: var(--public-command-muted); font-size: .64rem; }
.public-command-live-lane-state { padding: .2rem .4rem; border-radius: 999px; background: color-mix(in srgb, var(--line-active) 12%, transparent); color: var(--public-command-muted); font-size: .62rem; font-weight: 800; white-space: nowrap; }
.public-command-live-lane[data-state="active"] .public-command-live-lane-state { background: color-mix(in srgb, var(--ok) 14%, transparent); color: var(--ok); }
.public-command-live-lane[data-state="attention"] .public-command-live-lane-state { background: color-mix(in srgb, var(--danger) 14%, transparent); color: var(--danger); }
.public-command-live-lane[data-state="completed"] .public-command-live-lane-state { color: var(--line-hot); }
.public-command-live-rail { display: flex; align-items: center; min-width: 0; padding: .25rem 0 .1rem .25rem; }
.public-command-live-rail-step { display: flex; flex: 1 1 0; align-items: center; min-width: 0; }
.public-command-live-rail-step::after { content: ""; flex: 1 1 auto; height: 1px; margin: 0 .22rem; background: var(--sheet-divider); }
.public-command-live-rail-step:last-child::after { display: none; }
.public-command-live-rail-step i { display: grid; flex: 0 0 1rem; width: 1rem; height: 1rem; place-items: center; border: 1px solid var(--sheet-divider); border-radius: 50%; color: var(--public-command-muted); font-size: .5rem; font-style: normal; }
.public-command-live-rail-step[data-state="running"] i { border-color: var(--ok); background: color-mix(in srgb, var(--ok) 18%, transparent); color: var(--ok); box-shadow: 0 0 10px color-mix(in srgb, var(--ok) 35%, transparent); }
.public-command-live-rail-step[data-state="succeeded"] i { border-color: var(--line-hot); color: var(--line-hot); }
.public-command-live-rail-step[data-state="failed"] i { border-color: var(--danger); color: var(--danger); }
.public-command-live-rail-step span { max-width: 6rem; overflow: hidden; color: var(--public-command-muted); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.public-command-live-lane-footer { display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-width: 0; padding-inline-start: .25rem; color: var(--public-command-muted); font-size: .62rem; }
.public-command-live-lane-footer span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-command-live-lane-footer button { flex: 0 0 auto; min-height: 28px; padding: .2rem .45rem; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--line-hot) 9%, transparent); color: var(--public-command-gold); font-size: .6rem; }
.public-command-live-map-note { margin: .65rem 0 0; color: var(--public-command-muted); font-size: .68rem; }
.public-command-graph-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .32rem; }
.public-command-graph-controls button { min-width: 44px; min-height: 44px; padding: .35rem .58rem; font-size: .72rem; }
.public-command-graph-boundary { margin: -.2rem 0 .7rem; color: var(--public-command-muted); font-size: .72rem; line-height: 1.55; }
.public-command-graph-evidence { color: var(--public-command-muted); font-size: .75rem; }
.public-command-graph-evidence > summary { min-height: 44px; align-content: center; cursor: pointer; }
.public-command-graph { position: relative; height: clamp(240px, 34vh, 370px); min-height: 0; overflow: auto; overscroll-behavior: contain; touch-action: pan-x pan-y; scrollbar-gutter: stable both-edges; scroll-behavior: smooth; border: 0; border-radius: var(--radius-reading, 18px); outline: none; background:
  radial-gradient(circle at 12% 18%, rgb(var(--accent-rgb) / 16%), transparent 34%), radial-gradient(circle at 88% 72%, rgb(var(--accent-hot-rgb) / 8%), transparent 38%),
  linear-gradient(rgb(var(--accent-rgb) / 2.2%) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--accent-rgb) / 2.2%) 1px, transparent 1px), var(--workspace-canvas);
  background-size: auto, auto, 24px 24px, 24px 24px, auto; box-shadow: inset 0 1px var(--line-active), 0 0 26px color-mix(in srgb, var(--line-hot) 8%, transparent);
}
.public-command-graph:focus-visible { box-shadow: inset 0 0 0 2px var(--line-hot), 0 0 28px color-mix(in srgb, var(--line-hot) 16%, transparent); }
.public-command-graph[data-overflow-x="false"] .public-command-graph-svg { margin-inline: auto; }
.public-command-graph-svg { display: block; width: auto; height: auto; max-width: none; max-height: none; }
.public-command-graph-layer rect { fill: rgb(var(--accent-rgb) / 2.5%); stroke: var(--sheet-divider); stroke-width: 1; }
.public-command-graph-layer text { fill: var(--surface-muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.public-command-edge { fill: none; stroke: var(--line-active); stroke-width: 1.15; stroke-opacity: .42; vector-effect: non-scaling-stroke; transition: stroke-opacity var(--motion-fast) ease; }
.public-command-edge[data-live="true"] { stroke: var(--line-hot); stroke-width: 1.6; stroke-opacity: .78; }
.public-command-edge-arrow { fill: var(--line-active); }
.public-command-graph-node { cursor: pointer; outline: none; }
.public-command-node-card { fill: var(--overlay-bg); stroke: var(--sheet-line); stroke-width: 1; vector-effect: non-scaling-stroke; transition: fill var(--motion-fast) ease, stroke var(--motion-fast) ease; }
.public-command-graph-node:hover .public-command-node-card, .public-command-graph-node:focus-visible .public-command-node-card { fill: var(--sheet-bg-hover); stroke: var(--line-hot); stroke-width: 2; }
.public-command-node-marker { fill: var(--surface-muted); }
.public-command-graph-node[data-tone="active"] .public-command-node-marker { fill: var(--ok); filter: drop-shadow(0 0 5px var(--ok)); }
.public-command-graph-node[data-tone="attention"] .public-command-node-marker { fill: var(--danger); filter: drop-shadow(0 0 5px var(--danger)); }
.public-command-graph-node[data-kind="digital-employee"] .public-command-node-marker, .public-command-graph-node[data-kind="workflow-run"] .public-command-node-marker { fill: var(--line-hot); }
.public-command-node-kind { fill: var(--surface-muted); font-size: 9px; font-weight: 760; letter-spacing: .04em; }
.public-command-node-label { fill: var(--surface-text-strong); font-size: 11px; font-weight: 760; }
.public-command-node-state { fill: var(--surface-muted); font-size: 9px; }
.public-command-graph-node.is-pulsing .public-command-node-card { animation: public-command-node-pulse 1.1s var(--ease-out); }
.public-command-graph-focus { display: flex; align-items: center; justify-content: space-between; gap: .7rem; min-height: 52px; margin-top: .65rem; padding: .65rem 0 0; border: 0; border-block-start: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; color: var(--public-command-muted); font-size: .74rem; }
.public-command-graph-focus strong, .public-command-graph-focus small { display: block; overflow-wrap: anywhere; }
.public-command-graph-focus strong { color: var(--public-command-strong); }
.public-command-graph-provenance { opacity: .82; }
.public-command-focus-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.public-command-graph-focus button, .public-command-binding > button { min-height: 44px; padding: .4rem .65rem; font-size: .72rem; }
.public-command-center.is-graph-expanded .public-command-primary-grid { grid-template-columns: minmax(0, 1fr); }
.public-command-center.is-graph-expanded .public-command-graph { height: min(78vh, 760px); }
.public-command-attention { display: grid; grid-template-rows: repeat(4, max-content); align-content: start; padding-inline-start: clamp(1rem, 2vw, 1.5rem); }
.public-command-attention::before { content: ""; position: absolute; inset-block: 4%; inset-inline-start: 0; width: 1px; background: linear-gradient(transparent, var(--line-active), transparent); box-shadow: 0 0 12px color-mix(in srgb, var(--line-hot) 22%, transparent); }
.public-command-next-step { display: grid; gap: .35rem; padding-block: .15rem .5rem; }
.public-command-next-step > span { color: var(--public-command-accent); font-size: .65rem; font-weight: 850; letter-spacing: .13em; }
.public-command-next-step strong, .public-command-next-step small { display: block; overflow-wrap: anywhere; }
.public-command-next-step strong { color: var(--public-command-strong); font-size: 1rem; }
.public-command-next-step small { color: var(--public-command-muted); line-height: 1.5; }
.public-command-next-step button { width: 100%; min-height: 36px; margin-top: .2rem; }
.public-command-next-step button[hidden] { display: none; }
.public-command-list { display: grid; gap: .15rem; max-height: 340px; margin: 0; padding: .75rem 0 0; overflow: auto; border-block-start: 1px solid var(--sheet-divider); list-style: none; }
.public-command-alert { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: start; gap: .7rem; padding: .65rem 0; border: 0; border-radius: 0; background: transparent; }
.public-command-alert-dot { width: 7px; height: 7px; margin-top: .38rem; border-radius: 50%; background: var(--status-warning); box-shadow: 0 0 10px var(--status-warning); }
.public-command-alert-critical .public-command-alert-dot { background: var(--status-danger); box-shadow: 0 0 10px var(--status-danger); }
.public-command-alert strong, .public-command-alert small { display: block; overflow-wrap: anywhere; }
.public-command-alert small { color: var(--public-command-muted); line-height: 1.45; }
.public-command-alert.is-primary strong { color: var(--public-command-strong); }
.public-command-alert > button { align-self: center; min-height: 36px; padding: .2rem .4rem; font-size: .7rem; }
.public-command-alert-groups { display: flex; flex-wrap: wrap; gap: .3rem; padding-block: .35rem; }
.public-command-alert-groups button { min-height: 32px; padding: .25rem .45rem; font-size: .68rem; border-radius: 10px; color: var(--public-command-text); background: var(--sheet-bg-hover); }
.public-command-alert-groups button[data-level="critical"] { color: var(--status-danger); }
.public-command-alert-detail { min-width: 0; }
.public-command-alert-detail > summary, .public-command-disclosure > summary { cursor: pointer; min-height: 40px; padding-block: .35rem; color: var(--public-command-strong); font-size: .8rem; }
.public-command-disclosure { min-width: 0; border-block-start: 1px solid var(--sheet-divider); }
.public-command-disclosure > summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .45rem; }
.public-command-disclosure > summary small { color: var(--public-command-muted); font-size: .7rem; }
.public-command-disclosure > summary::after { content: "+"; margin-inline-start: auto; }
.public-command-disclosure[open] > summary::after { content: "−"; }
.public-command-disclosure > summary:focus-visible, .public-command-alert-detail > summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.public-command-page-controls { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; padding-top: .5rem; color: var(--public-command-muted); font-size: .7rem; }
.public-command-page-controls button { min-height: 36px; padding: .3rem .5rem; font-size: .7rem; }
.public-command-flow-link { display: inline-block; margin-top: .5rem; color: var(--public-command-gold); font-size: .76rem; }

.public-command-details { margin-top: -.25rem; }
.public-command-details > summary { position: relative; display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 0 .8rem; cursor: pointer; list-style: none; color: var(--public-command-strong); }
.public-command-details > summary::-webkit-details-marker { display: none; }
.public-command-details > summary > span:first-child { display: grid; gap: .15rem; }
.public-command-details > summary small { color: var(--public-command-muted); font-weight: 500; }
.public-command-details-toggle::before { content: "+"; display: grid; width: 44px; height: 44px; place-items: center; color: var(--public-command-accent); font-size: 1.2rem; }
.public-command-details[open] .public-command-details-toggle::before { content: "−"; }
.public-command-details > summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 4px; }
.public-command-detail-body { display: grid; gap: clamp(1rem, 2vw, 1.6rem); padding-block: clamp(1rem, 2vw, 1.6rem); }
.public-command-boundary { margin: 0; padding: .25rem 0 .8rem; border: 0; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; color: var(--public-command-muted); box-shadow: none; font-size: .82rem; line-height: 1.65; }
.public-command-detail-metrics { border-block-end: 1px solid var(--sheet-divider); }
.public-command-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; }
.public-command-actions button { min-width: 0; min-height: 44px; border: 0; border-block-end: 1px solid var(--line-rest); border-radius: 0; background: transparent; box-shadow: none; color: var(--public-command-text); }
.public-command-actions button:hover { background: var(--sheet-bg-hover); }
.public-command-binding { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.2fr) auto; align-items: center; gap: .6rem; padding: .7rem 0; border-block-end: 1px solid var(--sheet-divider); background: transparent; }
.public-command-binding b, .public-command-binding small { display: block; overflow-wrap: anywhere; }
.public-command-binding small { color: var(--public-command-muted); }
.public-command-window-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.public-command-operation-grid { display: grid; gap: .25rem; }
.public-command-operation { display: grid; grid-template-columns: 1fr auto; gap: .15rem .6rem; min-height: 44px; text-align: left; border: 0; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; color: var(--public-command-strong); }
.public-command-operation strong { color: var(--public-command-gold); }
.public-command-operation small { grid-column: 1 / -1; color: var(--public-command-muted); }
.public-command-employee-overview { padding-block-start: .15rem; }
.public-command-employee-overview > header { align-items: center; }
.public-command-surface-actions { display: flex; align-items: center; gap: .65rem; }
.public-command-surface-actions b { color: var(--public-command-strong); font-size: .8rem; }
.public-command-surface-actions a { color: var(--public-command-gold); font-size: .78rem; font-weight: 750; white-space: nowrap; }
.public-command-employee-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
.public-command-employee-window { position: relative; display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: .16rem .55rem; min-width: 0; min-height: 100px; padding: .7rem; border: 1px solid var(--sheet-divider); border-radius: var(--radius-reading, 18px); background: var(--overlay-bg); color: var(--public-command-text); text-align: left; cursor: pointer; transition: border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, transform var(--motion-fast) ease; }
.public-command-employee-window:hover, .public-command-employee-window:focus-visible { border-color: var(--line-hot); background: var(--sheet-bg-hover); transform: translateY(-1px); }
.public-command-employee-window:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.public-command-employee-window[data-state="attention"] { border-inline-start: 3px solid var(--warning); }
.public-command-employee-window[data-state="working"] { border-inline-start: 3px solid var(--line-hot); }
.public-command-employee-avatar { display: grid; width: 2.25rem; height: 2.25rem; grid-row: 1 / span 2; place-items: center; overflow: hidden; border-radius: 50%; background: color-mix(in srgb, var(--line-hot) 18%, var(--overlay-bg)); color: var(--public-command-strong); font-weight: 850; }
.public-command-employee-copy { display: grid; min-width: 0; gap: .08rem; }
.public-command-employee-copy strong, .public-command-employee-copy small, .public-command-employee-latest, .public-command-employee-counts { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-command-employee-copy strong { color: var(--public-command-strong); font-size: .82rem; }
.public-command-employee-copy small { color: var(--public-command-muted); font-size: .68rem; }
.public-command-employee-latest { color: var(--public-command-muted); font-size: .66rem; }
.public-command-employee-state { align-self: start; padding: .18rem .36rem; border-radius: 999px; background: var(--status-ok-soft); color: var(--status-ok); font-size: .64rem; font-weight: 800; white-space: nowrap; }
.public-command-employee-state[data-state="attention"] { background: var(--status-warning-soft); color: var(--status-warning); }
.public-command-employee-state[data-state="draft"], .public-command-employee-state[data-state="retired"] { background: var(--sheet-bg-hover); color: var(--public-command-muted); }
.public-command-employee-counts { grid-column: 2 / -1; color: var(--public-command-muted); font-size: .64rem; }
.public-command-employee-note { margin: .65rem 0 0; color: var(--public-command-muted); font-size: .72rem; line-height: 1.45; }
@keyframes public-command-node-pulse { 0%, 100% { stroke-width: 1; } 35% { stroke: var(--line-hot); stroke-width: 4; } }
@container public-command (max-width: 980px) {
  .public-command-primary-grid { grid-template-columns: minmax(0, 1.7fr) minmax(240px, .7fr); }
  .public-command-secondary-grid { grid-template-columns: 1fr 1fr; } .public-command-secondary-grid > :last-child { grid-column: 1 / -1; }
}
@container public-command (max-width: 680px) {
  .public-command-center { gap: 1rem; padding: clamp(.75rem, 4vw, 1rem); }
  .public-command-primary-grid { grid-template-columns: minmax(0, 1fr); }
  .public-command-hero { gap: .6rem; }
  .public-command-hero > button { min-height: 40px; }
  .public-command-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .public-command-detail-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-command-metrics small { font-size: .62rem; }
  .public-command-detail-metrics article:nth-child(2n)::after { display: none; }
  .public-command-detail-metrics article:nth-child(-n+2)::before { content: ""; position: absolute; inset-inline: 8%; inset-block-end: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--line-rest), transparent); }
  .public-command-attention { order: -1; padding-inline-start: 0; padding-block-start: .2rem; }
  .public-command-attention::before { inset-inline: 0; inset-block: 0 auto; width: auto; height: 1px; background: linear-gradient(90deg, transparent, var(--line-active), transparent); }
  .public-command-secondary-grid, .public-command-window-grid { grid-template-columns: minmax(0, 1fr); } .public-command-secondary-grid > :last-child { grid-column: auto; }
  .public-command-employee-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-command-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-command-live-map-flow { grid-template-columns: minmax(0, 1fr); }
  .public-command-live-rail-step span { max-width: 8rem; }
  .public-command-graph { height: min(42vh, 360px); }
  .public-command-topology > header { align-items: stretch; flex-direction: column; }
  .public-command-graph-controls { justify-content: flex-start; }
  .public-command-graph-focus { align-items: stretch; flex-direction: column; }
  .public-command-focus-actions { justify-content: stretch; }
  .public-command-focus-actions button, .public-command-binding > button { width: 100%; }
  .public-command-binding { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.2fr); }
  .public-command-binding > button { grid-column: 1 / -1; }
  .public-command-details > summary { align-items: flex-start; }
}
@container public-command (max-width: 440px) {
  .public-command-employee-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .public-command-graph { scroll-behavior: auto; } .public-command-graph-node.is-pulsing .public-command-node-card { animation: none; } .public-command-edge, .public-command-node-card { transition: none; } }
@media (forced-colors: active) {
  .public-command-hero h2:focus-visible { outline: 2px solid Highlight; outline-offset: 3px; text-shadow: none; }
  .public-command-overview::after, .public-command-surface::after, .public-command-details > summary::after, .public-command-attention::before { background: CanvasText; box-shadow: none; }
  .public-command-graph, .public-command-live-lane { border: 1px solid CanvasText; background: Canvas; box-shadow: none; }
  .public-command-graph:focus-visible { outline: 2px solid Highlight; outline-offset: -3px; box-shadow: none; }
  .public-command-graph-layer rect, .public-command-node-card { fill: Canvas; stroke: CanvasText; } .public-command-edge { stroke: CanvasText; }
  .public-command-graph-node:focus-visible .public-command-node-card { stroke: Highlight; stroke-width: 3; }
}


.public-command-catalog { display: grid; gap: .85rem; }
.public-command-surface > .public-command-catalog-header { align-items: end; }
.public-command-catalog-search { display: grid; gap: .25rem; width: min(360px, 100%); }
.public-command-catalog-search span { color: var(--surface-muted); font-size: .72rem; font-weight: 760; letter-spacing: .02em; }
.public-command-catalog-search input { width: 100%; min-height: 42px; border: 0; border-block-end: 1px solid var(--line-rest); border-radius: 0; background: transparent; color: var(--surface-text); box-shadow: none; }
.public-command-catalog-boundary, .public-command-catalog-status { margin: 0; color: var(--surface-muted); font-size: .8rem; line-height: 1.65; }
.public-command-catalog-boundary { padding: .75rem .9rem; border-inline-start: 1px solid var(--line-active); border-radius: 0; background: transparent; }
.public-command-selection { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .68rem .8rem; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; box-shadow: none; }
.public-command-selection strong, .public-command-selection small { display: block; }
.public-command-selection strong { color: var(--surface-text-strong); font-size: .82rem; }
.public-command-selection small { color: var(--surface-muted); font-size: .7rem; }
.public-command-selection > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.public-command-selection button { min-height: 32px; padding: .35rem .55rem; border-radius: 11px; font-size: .7rem; }
.public-command-catalog-status { min-height: 1.4em; padding-inline: .2rem; color: var(--warning); font-weight: 720; }
.public-command-catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; min-height: 340px; }
.public-command-catalog-grid > section { min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: .55rem; padding: .72rem; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; box-shadow: none; }
.public-command-catalog-grid > section > header { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.public-command-catalog-grid h4 { margin: 0; color: var(--surface-text-strong); font-size: .92rem; }
.public-command-catalog-grid header b { display: grid; place-items: center; min-width: 34px; height: 26px; padding-inline: .45rem; border-radius: 999px; background: var(--sheet-bg-hover); color: rgb(var(--accent-hot-rgb)); font-size: .72rem; }
.public-command-catalog-list { display: grid; align-content: start; gap: .55rem; max-height: 560px; overflow: auto; padding: .05rem .15rem .05rem .05rem; scrollbar-width: thin; }
.public-command-catalog-card { min-width: 0; display: grid; gap: .42rem; padding: .78rem; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; box-shadow: none; transition: background-color var(--motion-fast) ease, border-color var(--motion-fast) ease; }
.public-command-catalog-card:hover { border-block-end-color: var(--line-active); background: var(--sheet-bg-hover); transform: none; box-shadow: none; }
.public-command-catalog-card > header { display: flex; justify-content: space-between; gap: .6rem; align-items: flex-start; }
.public-command-catalog-card header > div { min-width: 0; }
.public-command-catalog-card strong, .public-command-catalog-card small { display: block; }
.public-command-catalog-card strong { color: var(--surface-text-strong); overflow-wrap: anywhere; }
.public-command-catalog-card small { margin-top: .12rem; color: var(--surface-muted); font-size: .73rem; overflow-wrap: anywhere; }
.public-command-catalog-id { margin: 0; color: var(--surface-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .65rem; overflow-wrap: anywhere; }
.public-command-catalog-meta { margin: 0; color: var(--surface-muted); font-size: .72rem; line-height: 1.5; }
.public-command-catalog-capabilities { margin: 0; padding: .38rem .48rem; border-inline-start: 1px solid var(--line-rest); border-radius: 0; background: transparent; color: var(--surface-muted); font-size: .66rem; line-height: 1.45; }
.public-command-catalog-card-actions { display: flex; flex-wrap: wrap; gap: .35rem; padding-top: .15rem; }
.public-command-catalog-card-actions button { min-height: 32px; padding: .38rem .55rem; border-radius: 11px; font-size: .7rem; }
.public-command-catalog-card-actions .public-command-catalog-primary { border: 0; background: var(--action-bg); color: #fff; box-shadow: none; }
.public-command-node-selector { display: inline-flex; align-items: center; gap: .35rem; min-height: 32px; padding: .3rem .5rem; border-radius: 0; background: transparent; color: var(--surface-muted); box-shadow: inset 0 -1px var(--line-rest); font-size: .68rem; cursor: pointer; }
.public-command-node-selector input { width: 15px; height: 15px; margin: 0; accent-color: rgb(var(--action-rgb)); }
.public-command-catalog-card > header .pill { flex: 0 0 auto; }
@container public-command (max-width: 1040px) { .public-command-catalog-grid { grid-template-columns: 1fr 1fr; } .public-command-catalog-grid > section:last-child { grid-column: 1 / -1; } }
@container public-command (max-width: 680px) { .public-command-surface > .public-command-catalog-header { align-items: stretch; } .public-command-catalog-header, .public-command-catalog-grid { grid-template-columns: 1fr; } .public-command-selection { align-items: stretch; flex-direction: column; } .public-command-selection > div:last-child { justify-content: flex-start; } .public-command-catalog-grid > section:last-child { grid-column: auto; } .public-command-catalog-list { max-height: 460px; } }
@media (prefers-reduced-motion: reduce) { .public-command-catalog-card { transition: none; } }


.public-command-surface-actions { display: flex; align-items: center; gap: .55rem; }
.public-command-surface-actions b { display: grid; place-items: center; min-width: 34px; min-height: 28px; padding-inline: .5rem; border-radius: 999px; background: var(--sheet-bg-hover); color: rgb(var(--accent-hot-rgb)); font-size: .72rem; }
.public-command-window-grid { grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); max-height: 720px; overflow: auto; padding: .08rem; scrollbar-width: thin; }
.public-command-device-window { min-width: 0; display: grid; align-content: start; gap: .48rem; padding: .65rem; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; box-shadow: none; }
.public-command-device-window.has-user-impact { border-inline-start: 1px solid var(--danger); box-shadow: none; }
.public-command-device-window > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; margin: 0; }
.public-command-device-window header > div { min-width: 0; }
.public-command-device-window strong, .public-command-device-window small { display: block; overflow-wrap: anywhere; }
.public-command-device-window strong { color: var(--surface-text-strong); }
.public-command-device-window small { margin-top: .1rem; color: var(--surface-muted); font-size: .7rem; }
.public-command-device-frame { border: 0; border-radius: var(--radius-control); background: radial-gradient(circle at 75% 25%, rgb(var(--accent-rgb) / 13%), transparent 38%), var(--workspace-canvas); color: var(--surface-text); box-shadow: inset 0 1px var(--line-rest); }
.public-command-device-meta, .public-command-device-window .work-session-frame-status { margin: 0; color: var(--surface-muted); font-size: .72rem; line-height: 1.45; }
.public-command-device-actions { display: flex; gap: .4rem; }
.public-command-device-actions button { min-height: 32px; padding: .35rem .58rem; border-radius: 11px; font-size: .7rem; }
.public-command-device-truncated { grid-column: 1 / -1; margin: 0; padding: .6rem .75rem; border-inline-start: 1px solid var(--warning); border-radius: 0; background: transparent; color: var(--warning); font-size: .76rem; }
@container public-command (max-width: 680px) {
  .public-command-surface-actions { align-items: flex-end; flex-direction: column; }
  .public-command-window-grid { max-height: none; }
}


.work-session-mini-view {
  position: fixed;
  inset: auto max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) auto;
  z-index: 44;
  display: grid;
  width: min(430px, calc(100vw - 32px));
  max-height: min(78vh, 720px);
  overflow: hidden;
  border: 1px solid var(--line-active);
  border-radius: 18px;
  background: var(--overlay-bg);
  box-shadow: var(--shadow-overlay, 0 20px 60px rgb(0 0 0 / 28%));
  color: var(--text);
}
.work-session-mini-view[hidden] { display: none; }
.work-session-mini-view[data-dock="left"] {
  right: auto;
  left: max(16px, env(safe-area-inset-left));
}
.work-session-mini-view.is-minimized { width: min(390px, calc(100vw - 32px)); }
.work-session-mini-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 8px;
}
.work-session-mini-header h2 { margin: 1px 0 0; font-size: 1rem; }
.work-session-mini-header .eyebrow { margin: 0; }
.work-session-mini-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 16px 10px;
}
.work-session-mini-actions button { min-height: 36px; padding: 6px 10px; font-size: .78rem; }
.work-session-mini-content {
  min-height: 0;
  overflow: auto;
  padding: 0 16px 14px;
  scrollbar-gutter: stable;
}
.work-session-mini-content[hidden] { display: none; }
.work-session-mini-identity { margin: 0 0 8px; color: var(--muted); font-size: .82rem; }
.work-session-mini-frame {
  min-height: 190px;
  max-height: min(48vh, 430px);
  pointer-events: none;
  user-select: none;
}
.work-session-mini-evidence { display: grid; gap: 4px; margin-top: 8px; font-size: .78rem; color: var(--muted); }
.work-session-mini-evidence strong { color: var(--text); }
.work-session-mini-view .work-device-input-boundary { margin: 10px 0 0; }
@media (max-width: 560px) {
  .work-session-mini-view,
  .work-session-mini-view[data-dock="left"] {
    inset: auto max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom))
      max(8px, env(safe-area-inset-left));
    width: auto;
    max-height: 72vh;
  }
  .work-session-mini-actions button { flex: 1 1 auto; min-height: 44px; }
  .work-session-mini-frame { min-height: 160px; }
}
@media (forced-colors: active) {
  .work-session-mini-view { border: 2px solid CanvasText; }
}


.public-command-live-surface { display: grid; gap: .65rem; }
.public-command-live-controls { display: flex; align-items: center; justify-content: flex-end; gap: .45rem; }
.public-command-live-controls b { display: grid; place-items: center; min-width: 34px; height: 30px; border-radius: 999px; background: var(--sheet-bg-hover); color: rgb(var(--accent-hot-rgb)); font-size: .72rem; }
.public-command-live-controls label { width: min(200px, 32vw); }
.public-command-live-controls select { min-height: 36px; padding: .35rem .55rem; border: 0; border-block-end: 1px solid var(--line-rest); border-radius: 0; background: transparent; color: var(--surface-text); font-size: .73rem; }
.public-command-live-controls button { min-height: 36px; padding: .4rem .65rem; font-size: .72rem; }
.public-command-live-boundary { margin: 0; color: var(--surface-muted); font-size: .76rem; line-height: 1.55; }
.public-command-live-events { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 32%); gap: .55rem; margin: 0; padding: .1rem .1rem .45rem; overflow-x: auto; list-style: none; scroll-snap-type: x proximity; scrollbar-width: thin; }
.public-command-live-event { min-width: 0; min-height: 138px; display: grid; align-content: start; gap: .5rem; padding: .75rem; border-block-end: 1px solid var(--sheet-divider); border-radius: 0; background: transparent; box-shadow: none; scroll-snap-align: end; }
.public-command-live-event-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; }
.public-command-live-event-heading strong { color: var(--surface-text-strong); }
.public-command-live-event-heading time { color: var(--surface-muted); font-size: .68rem; white-space: nowrap; }
.public-command-live-detail { margin: 0; color: var(--surface-muted); font-size: .73rem; }
.public-command-live-fragment { margin: 0; padding: .55rem .65rem; border-inline-start: 1px solid var(--line-active); border-radius: 0; background: rgb(var(--surface-rgb) / 78%); color: var(--surface-text); font-size: .76rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.public-command-live-events.empty-state { display: grid; grid-auto-flow: row; grid-template-columns: 1fr; min-height: 118px; place-items: center; color: var(--surface-muted); }
@container public-command (max-width: 680px) {
  .public-command-live-surface > header, .public-command-live-controls { align-items: stretch; flex-direction: column; }
  .public-command-live-controls label { width: 100%; }
  .public-command-live-events { grid-auto-columns: 86%; }
}


.cloud-command-intent {
  position: relative;
  overflow: hidden;
  background: transparent;
}
.cloud-command-intent::after {
  content: ""; position: absolute; width: 180px; height: 180px; right: -72px; bottom: -105px;
  border: 1px solid var(--line-rest); border-radius: 50%; box-shadow: 0 0 52px var(--line-glow);
  pointer-events: none;
}
.cloud-command-intent > p { max-width: 76rem; color: var(--surface-muted); }
.cloud-command-intent-form {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 1rem; align-items: end;
}
.cloud-command-intent-form label { display: grid; gap: .35rem; min-width: 0; }
.cloud-command-intent-form label > span {
  color: var(--surface-muted); font-size: .72rem; font-weight: 750; letter-spacing: .06em;
}
.cloud-command-intent-form select, .cloud-command-intent-form textarea { width: 100%; min-width: 0; }
.cloud-command-intent-subject, .cloud-command-intent-goal, .cloud-command-intent-boundary { grid-column: 1 / -1; }
.cloud-command-intent-boundary {
  margin: 0; padding: .72rem .85rem; border-inline-start: 1px solid var(--warning);
  border-radius: 0; background: transparent; color: var(--surface-muted); font-size: .79rem;
}
.cloud-command-intent-form > button { justify-self: start; }
.cloud-command-intent-result {
  position: relative; z-index: 1; margin-top: .9rem; padding: .75rem .9rem; min-height: 2.7rem;
  border-radius: var(--radius-control); background: var(--overlay-bg); color: var(--surface-text); box-shadow: inset 0 1px var(--overlay-line);
  overflow-wrap: anywhere;
}
@container public-command (max-width: 680px) {
  .cloud-command-intent-form { grid-template-columns: minmax(0, 1fr); }
  .cloud-command-intent-subject, .cloud-command-intent-goal, .cloud-command-intent-boundary { grid-column: auto; }
  .cloud-command-intent-form > button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .cloud-command-intent::after { box-shadow: none; }
}


.admin-account-directory { container: admin-account-directory / inline-size; display: grid; min-inline-size: 0; gap: .75rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgb(50 91 82 / .12); }
.admin-account-directory > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.admin-account-directory h3, .admin-account-directory p { margin: 0; }
.admin-account-directory header p { margin-top: .25rem; color: var(--muted); font-size: .78rem; }
.admin-account-directory-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: .55rem; }
.admin-account-directory-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .55rem; align-items: start; padding: .75rem; border-radius: 16px; background: rgb(255 255 255 / .56); box-shadow: inset 0 1px 0 rgb(255 255 255 / .9); }
.admin-account-directory-card strong, .admin-account-directory-card small { display: block; overflow-wrap: anywhere; }
.admin-account-directory-card small { margin-top: .18rem; color: var(--muted); }
.admin-account-directory-card-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; min-height: 32px; }
.admin-account-directory-card-actions button { min-height: 32px; padding: .35rem .6rem; }
.admin-account-directory > details { padding: .7rem .8rem; border-radius: 16px; background: rgb(247 251 249 / .54); }
.admin-account-directory > details > summary { color: var(--accent); cursor: pointer; font-weight: 760; }
.admin-account-directory-form { display: grid; grid-template-columns: minmax(9rem, .32fr) minmax(0, 1fr); gap: .65rem 1rem; align-items: center; margin-top: .8rem; }
.admin-account-directory-form > label:not(.check-row) { font-weight: 700; }
.admin-account-directory-wide { grid-column: 1 / -1; }
.admin-account-directory-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.admin-account-directory :where(button, input, select) { min-inline-size: 0; max-inline-size: 100%; }
.admin-account-directory button { white-space: normal; overflow-wrap: anywhere; }
@container admin-account-directory (max-width: 35rem) {
  .admin-account-directory > header, .admin-account-directory-form { display: grid; grid-template-columns: minmax(0, 1fr); }
  .admin-account-directory-wide { grid-column: auto; }
}
@media (max-width: 680px) { .admin-account-directory > header, .admin-account-directory-form { display: grid; grid-template-columns: 1fr; } .admin-account-directory-wide { grid-column: auto; } }


.admin-configuration-catalog {
  container: admin-configuration-catalog / inline-size;
  display: grid;
  gap: .8rem;
  margin-block: .8rem 1.1rem;
  padding-block: .25rem .9rem;
  border: 0;
  border-block: 1px solid var(--sheet-divider);
  background: transparent;
}
.admin-configuration-catalog > header { display: flex; align-items: end; justify-content: space-between; gap: .75rem; }
.admin-configuration-catalog > header :is(h3, p) { margin: 0; }
.admin-configuration-catalog > header > span { color: var(--muted); font-size: .72rem; }
.admin-configuration-catalog-lead,
.admin-configuration-catalog-boundary,
.admin-configuration-group > p { margin: 0; color: var(--muted); font-size: .82rem; }
.admin-configuration-catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.2rem; }
.admin-configuration-group {
  display: grid;
  align-content: start;
  gap: .48rem;
  padding-block: .85rem;
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  background: transparent;
  box-shadow: none;
}
.admin-configuration-group > header { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; }
.admin-configuration-group > header b { color: var(--accent); font-size: .68rem; white-space: nowrap; }
.admin-configuration-group > nav { display: flex; flex-wrap: wrap; gap: .3rem .75rem; }
.admin-configuration-group > nav :is(a, button) {
  min-height: 2.25rem;
  padding: .42rem .05rem;
  color: var(--text);
  text-align: start;
  text-decoration: none;
  border: 0;
  border-radius: 0;
  border-block-end: 1px solid var(--line-rest);
  background: transparent;
  box-shadow: none;
}
.admin-configuration-group > nav :is(a, button):is(:hover, :focus-visible) {
  color: var(--text);
  background: var(--sheet-bg-hover);
  border-block-end-color: var(--line-hot);
  box-shadow: 0 5px 14px -12px var(--line-hot);
  transform: none;
}
.admin-configuration-catalog-boundary { padding-inline-start: .65rem; border-inline-start: 2px solid var(--line-active); }
@container admin-configuration-catalog (max-width: 46rem) {
  .admin-configuration-catalog-grid { grid-template-columns: 1fr; }
}
@container admin-configuration-catalog (max-width: 34rem) {
  .admin-configuration-catalog > header { align-items: start; flex-direction: column; }
  .admin-configuration-group > header { align-items: start; flex-direction: column; }
}
@media (forced-colors: active) {
  .admin-configuration-group { border-block-end: 1px solid CanvasText; }
  .admin-configuration-group > nav :is(a, button):focus-visible { outline: 2px solid Highlight; }
}


.runtime-acceptance {
  container: runtime-acceptance / inline-size;
  display: grid;
  gap: .72rem;
  margin-block: .8rem 1.05rem;
  padding-block: .8rem;
  border-block: 1px solid var(--sheet-divider);
  background: transparent;
}
.runtime-acceptance > header { display: flex; align-items: end; justify-content: space-between; gap: .8rem; }
.runtime-acceptance > header :is(h3, p), .runtime-acceptance-summary { margin: 0; }
.runtime-acceptance-summary { color: var(--muted); font-size: .82rem; max-width: 82ch; }
.runtime-acceptance-stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 1rem; margin: 0; padding: 0; list-style: none; }
.runtime-acceptance-stages.empty-state { display: block; color: var(--muted); }
.runtime-acceptance-stage { display: grid; gap: .18rem; padding-block: .62rem; border-block-end: 1px solid var(--sheet-divider); }
.runtime-acceptance-stage > span { color: var(--accent); font-size: .67rem; font-weight: 800; letter-spacing: .08em; }
.runtime-acceptance-stage > span::before { content: ""; display: inline-block; width: .4rem; height: .4rem; margin-inline-end: .4rem; border-radius: 50%; background: currentColor; }
.runtime-acceptance-stage[data-state="warn"] > span { color: var(--warning, #f4c26a); }
.runtime-acceptance-stage[data-state="muted"] > span { color: var(--muted); }
.runtime-acceptance-stage[data-state="active"] > span::before { animation: runtime-acceptance-pulse 1.5s ease-in-out infinite; }
@keyframes runtime-acceptance-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .runtime-acceptance-stage[data-state="active"] > span::before { animation: none; } }
.runtime-acceptance-stage > small { color: var(--muted); overflow-wrap: anywhere; }
.runtime-acceptance-boundaries { display: flex; flex-wrap: wrap; gap: .35rem .8rem; color: var(--muted); font-size: .74rem; }
.runtime-acceptance-boundaries > span { padding-inline-start: .55rem; border-inline-start: 1px solid var(--line-active); }
.runtime-acceptance-next { justify-self: start; color: var(--accent-strong, var(--accent)); font-size: .8rem; font-weight: 760; text-underline-offset: .22em; }
@container runtime-acceptance (max-width: 48rem) { .runtime-acceptance-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container runtime-acceptance (max-width: 30rem) {
  .runtime-acceptance > header { align-items: start; flex-direction: column; }
  .runtime-acceptance-stages { grid-template-columns: 1fr; }
}
@media (forced-colors: active) { .runtime-acceptance-stage { border-block-end: 1px solid CanvasText; } }


/* Geometry-only adaptive contract. Palette lives in styles-atmosphere-system.ts. */
:root {
  --ui-space-1: .25rem;
  --ui-space-2: .5rem;
  --ui-space-3: .75rem;
  --ui-space-4: 1rem;
  --ui-space-5: 1.5rem;
  --ui-space-6: 2rem;
  --ui-space-7: 3rem;
  --ui-content-max: 1360px;
  --ui-gutter: clamp(.5rem, 1vw, 1rem);
  /* The shell is one continuous workbench. Insets belong to overlays only. */
  --ui-shell-inset: 0px;
  --ui-shell-gap: 0px;
  --ui-section-gap: .5rem;
  --ui-sheet-padding: clamp(1rem, 1.6vw, 1.5rem);
  --ui-region-padding-block: clamp(.75rem, 1vw, 1rem);
  --ui-measure-copy: 60ch;
  --ui-measure-wide: 90ch;
  --ui-control-min: 36px;
  --ui-radius-sm: 8px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 16px;
  --workbuddy-sidebar-width: 244px;
  --collaboration-room-width: 480px;
  --digital-employee-roster-width: 320px;
  --digital-employee-coaching-width: 380px;
  --workbuddy-sidebar-effective-width: clamp(
    220px,
    var(--workbuddy-sidebar-width),
    min(420px, calc(100vi - 30rem))
  );
}
@media (pointer: coarse) {
  :root { --ui-control-min: 44px; }
}

/* Layout variants own positioning; these are low-specificity fallbacks. */
:where(.dashboard-resize-handle) {
  position: relative;
  min-inline-size: 16px;
  cursor: ew-resize;
  touch-action: none;
}
.dashboard-resize-handle::before {
  position: absolute;
  inset-block: .45rem;
  inset-inline-start: 7px;
  width: 2px;
  border-radius: 999px;
  content: "";
}
.dashboard-resize-handle::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 6px;
  width: 4px;
  height: 40px;
  border-radius: 999px;
  transform: translateY(-50%);
  content: "";
  pointer-events: none;
}
.dashboard-resize-handle[aria-disabled="true"] { display: none; }
body.dashboard-panel-resizing, body.dashboard-panel-resizing * { cursor: ew-resize; user-select: none; }
.dashboard-resize-handle-navigation {
  position: absolute;
  z-index: 10;
  inset-block: 0;
  inset-inline-start: calc(var(--workbuddy-sidebar-effective-width) + var(--ui-shell-gap) / 2 - 8px);
  width: 16px;
}
.dashboard-resize-handle-overlay {
  position: absolute;
  z-index: 1;
  inset-block: 0;
  inset-inline-start: -8px;
  width: 16px;
}
.agent-dialogue-column { container: conversation-surface / inline-size; }
.agent-collaboration-room-drawer {
  container: collaboration-panel / inline-size;
  inline-size: min(var(--collaboration-room-width), calc(100vi - 1.5rem));
  max-inline-size: calc(100vi - 1.5rem);
}
.digital-employee-directory { container: employee-roster / inline-size; }
.digital-employee-coaching-panel { container: coaching-panel / inline-size; }
.dashboard-workspace,
.apps-workspace,
.generated-app-workspace,
.business-plugin-workspace { inline-size: 100%; min-inline-size: 0; }

.workbuddy-sidebar { min-inline-size: 0; }
.workbuddy-sidebar > *,
.workbuddy-sidebar .section-nav,
.workbuddy-sidebar-contexts {
  width: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
}
.workbuddy-account { flex-wrap: wrap; }
.workbuddy-account > * { min-inline-size: 0; }

:where(button, input:not([type="checkbox"]):not([type="radio"]), select) {
  min-block-size: var(--ui-control-min);
}
:where(input, textarea, select) { min-inline-size: 0; max-inline-size: 100%; }
:where(.panel, .card, .list-item, .metric, fieldset, details, form, dl, dd, li) { min-inline-size: 0; }
:where(p, li, dt, dd, label, legend, code, pre, .message, .muted, .card-meta, .item-meta) { overflow-wrap: anywhere; }
:where(pre) { min-inline-size: 0; max-inline-size: 100%; overflow: auto; overscroll-behavior-inline: contain; }
:where(img, video, canvas, svg) { max-inline-size: 100%; }
:where(.table-wrap, .drayage-exceptions-table-wrap, .monitor-graph, .workflow-canvas) {
  max-inline-size: 100%;
  overflow: auto;
  overscroll-behavior-inline: contain;
}
.metric-grid, .card-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: clamp(var(--ui-space-3), 1.2vw, var(--ui-space-5));
}
.section-heading, .toolbar { min-inline-size: 0; }
.section-heading > *, .toolbar > * { min-inline-size: 0; }
.section-heading { margin-block-end: var(--ui-space-4); }
:where(.subtitle, .form-note) { max-inline-size: var(--ui-measure-copy); }

/* Every reading sheet responds to its own usable width, independent of viewport chrome.
   These are component rules, not zero-specificity defaults: they must supersede
   the same components' desktop tracks and explicit child placement. */
@container (max-width: 35rem) {
  :is(.definition-list, .form-grid, .field-grid, .inline-form,
    .configuration-layout, .monitor-layout, .workflow-lifecycle-grid,
    .agent-job-create-form, .communication-setup-form) {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(.definition-list, .form-grid, .field-grid, .inline-form) > *,
  .form-grid > button, .inline-form > :is(label, input) { grid-column: 1; }
  :is(.section-heading, .toolbar) { align-items: stretch; flex-direction: column; }
  .toolbar .message { text-align: start; }
}

@container (min-width: 68rem) {
  :is(.metric-grid, .card-grid) {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  }
  :is(.configuration-layout, .monitor-layout) { column-gap: clamp(1rem, 2cqi, 1.8rem); }
}

/* Resizable side tools consume their own available width instead of the viewport. */
@container navigation-panel (max-width: 15rem) {
  .workbuddy-brand { gap: .45rem; }
  .workbuddy-brand small { white-space: normal; }
  .workbuddy-account { align-items: stretch; flex-direction: column; }
  .workbuddy-account > button { width: 100%; }
}

@container collaboration-panel (max-width: 24rem) {
  .dashboard-resize-handle-overlay { display: none; }
  .agent-collaboration-room-heading { align-items: stretch; }
  .agent-room-available-item { grid-template-columns: minmax(0, 1fr); }
  .agent-room-available-item button { width: 100%; }
  #agent-collaboration-room-create-form > div,
  .agent-collaboration-room-actions,
  .digital-employee-handoff-card-actions,
  #digital-employee-handoff-form > div { display: grid; grid-template-columns: minmax(0, 1fr); }
}

@container employee-roster (max-width: 18rem) {
  .digital-employee-list { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-section-heading { align-items: stretch; flex-direction: column; }
  .digital-employee-conversation-card { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-conversation-card > * { grid-column: 1; grid-row: auto; }
}

@container coaching-panel (max-width: 22rem) {
  .digital-employee-coaching-heading { align-items: stretch; flex-direction: column; }
  .digital-employee-coaching-track,
  .digital-employee-coaching-actions { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-coaching-actions > * { width: 100%; }
}

@container digital-employee-workspace (min-width: 40rem) {
  .digital-employee-layout {
    grid-template-columns: minmax(13rem, min(var(--digital-employee-roster-width), 28cqi)) 16px minmax(0, 1fr);
  }
}

@container digital-employee-workspace (min-width: 80rem) {
  .digital-employee-focus {
    grid-template-columns: minmax(0, 1fr) 16px minmax(18.75rem, min(var(--digital-employee-coaching-width), 38cqi));
  }
}

@container dashboard-workspace (max-width: 900px) {
  :is(.configuration-layout, .monitor-layout, .communication-connector-layout,
    .workflow-studio-layout, .agent-jobs-workspace) {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(.toolbar, .section-heading) { align-items: stretch; flex-direction: column; }
  .toolbar .message { text-align: left; }
}

@container dashboard-workspace (max-width: 640px) {
  :is(.form-grid, .field-grid, .inline-form, .definition-list,
    .workflow-metadata-grid, .workflow-editor-lower, .workflow-inspector-grid,
    .workflow-lifecycle-grid, .agent-job-create-form, .communication-setup-form) {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(.form-grid, .field-grid, .inline-form) > *,
  .form-grid > button, .inline-form > :is(label, input) { grid-column: 1; }
  :is(.card-actions, .item-actions, .configuration-actions) > button { flex: 1 1 10rem; min-inline-size: 0; overflow-wrap: anywhere; }
}

@container conversation-surface (max-width: 620px) {
  .agent-message { max-inline-size: 96%; }
  .agent-message.is-user { margin-inline-start: auto; }
  .agent-conversation-form { gap: .35rem; padding: .55rem; border-radius: 18px; }
  .agent-conversation-form textarea {
    min-height: 72px; max-height: 88px; font-size: 1rem; resize: none;
  }
  .agent-conversation-actions { align-items: center; flex-direction: row; gap: .3rem; }
  .agent-conversation-actions .agent-composer-tools {
    width: 0; min-width: 0; flex: 1 1 auto; flex-wrap: nowrap; gap: .25rem;
  }
  .agent-conversation-actions .agent-composer-tools > button {
    width: auto; min-width: 44px; max-width: 100%; min-height: 44px; flex: 0 1 auto; padding-inline: .45rem;
  }
  .agent-conversation-actions > #agent-conversation-submit {
    width: 64px; min-height: 44px; flex: 0 0 64px; align-self: center;
  }
  #agent-conversation-status { max-height: 2.8em; overflow: auto; line-height: 1.35; }
  .agent-composer-tools .muted { display: none; }
}

@media (max-width: 760px) {
  :root {
    --ui-gutter: max(.5rem, env(safe-area-inset-left, 0px));
    --ui-shell-inset: 0px;
    --ui-shell-gap: 0px;
    --ui-section-gap: .5rem;
    --ui-sheet-padding: 1rem;
    --ui-region-padding-block: .75rem;
    --ui-radius-lg: 14px;
  }
  .dashboard-resize-handle-navigation,
  .dashboard-resize-handle-overlay,
  .dashboard-resize-handle-employee,
  .digital-employee-coaching-resizer { display: none; }
  .workbuddy-sidebar { width: 100%; max-inline-size: 100%; }
  .agent-studio-header h2 { font-size: clamp(1.3rem, 5vw, 1.65rem); }
  .agent-conversation-form { border-radius: 18px; }
}

@media (max-width: 420px) {
  .agent-message { max-inline-size: 100%; }
  .agent-conversation-form textarea { min-block-size: 68px; }
  :is(.card-actions, .item-actions, .configuration-actions) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  :is(.card-actions, .item-actions, .configuration-actions) > * { width: 100%; }
}

@media (max-width: 760px) and (orientation: landscape) and (max-height: 520px) {
  .agent-studio-header { display: none; }
}



.agent-authority-selector { position: relative; min-width: 0; }
.agent-composer-tools > .agent-authority-selector { flex: 0 1 auto; min-width: 0; }
.agent-authority-selector > summary {
  display: inline-flex; min-height: 36px; max-width: min(42vw, 25rem); align-items: center; gap: .42rem;
  padding: .35rem .62rem; border-radius: 999px; color: var(--text); background: var(--glass-input);
  box-shadow: inset 0 0 0 1px var(--line-rest);
  box-shadow: inset 0 0 0 1px rgb(77 107 97 / 13%); list-style: none; cursor: pointer;
}
.agent-authority-selector > summary::-webkit-details-marker { display: none; }
.agent-authority-selector > summary::after { content: "⌄"; color: var(--muted); font-size: .8rem; }
.agent-authority-selector[open] > summary::after { content: "⌃"; }
.agent-authority-selector > summary strong { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; letter-spacing: .01em; }
.agent-authority-selector > summary small {
  min-width: 0; overflow: hidden; color: var(--muted); font-size: .74rem; text-overflow: ellipsis; white-space: nowrap;
}
.agent-authority-popover {
  /* Without a native top layer, remain in the bounded composer scroll flow. */
  position: static; display: none; width: min(35rem, 100%); box-sizing: border-box;
  max-height: min(58dvh, 26rem); gap: .35rem; padding: .6rem; overflow-y: auto; border: 1px solid var(--overlay-line, var(--border)); border-radius: 18px;
  background: var(--overlay-bg, rgb(248 251 252 / 91%)); box-shadow: var(--shadow-overlay, 0 24px 72px rgb(2 10 18 / 26%));
  backdrop-filter: blur(18px);
}
.agent-authority-selector[open] > .agent-authority-popover { display: grid; }
.agent-authority-popover > header { padding: .4rem .48rem .55rem; }
.agent-authority-popover > header strong, .agent-authority-popover > header small { display: block; }
.agent-authority-popover > header strong { color: var(--text); font-size: .82rem; }
.agent-authority-popover > header small { margin-top: .18rem; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.agent-authority-employees { display: grid; gap: .35rem; margin: 0 .2rem .35rem; padding: .55rem 0; border-block: 1px solid var(--sheet-divider, var(--border)); background: transparent; }
.agent-authority-employees > div:first-child :is(strong, small) { display: block; }
.agent-authority-employees > div:first-child strong { font-size: .74rem; }
.agent-authority-employees > div:first-child small { color: var(--muted); font-size: .68rem; }
.agent-authority-employees > div:first-child button { margin-top: .35rem; padding: .25rem .5rem; font-size: .66rem; }
#agent-authority-employee-list { display: grid; max-height: 8.5rem; gap: .2rem; overflow-y: auto; }
.agent-authority-employee {
  display: grid; min-height: 48px; grid-template-columns: 32px minmax(0, 1fr) 12px; align-items: center; gap: .5rem;
  padding: .38rem .48rem; border: 0; border-radius: 10px; color: var(--text); background: transparent; text-align: left;
}
.agent-authority-employee:hover, .agent-authority-employee:focus-visible { background: var(--sheet-bg-hover, rgb(255 255 255 / 24%)); filter: none; }
.agent-authority-employee.is-selected { background: var(--sea-salt-soft); box-shadow: inset 3px 0 var(--metal-gold-mid); }
.agent-authority-employee > span:first-child { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--pearl-inset); background-position: center; background-size: cover; color: var(--sea-salt-deep); font-size: .72rem; font-weight: 800; }
.agent-authority-employee :is(strong, small) { display: block; overflow-wrap: anywhere; }
.agent-authority-employee strong { font-size: .76rem; }.agent-authority-employee small { color: var(--muted); font-size: .68rem; }
.agent-authority-employee b { color: var(--metal-gold-text); }
.agent-reviewed-procedures { display: grid; gap: .35rem; margin: 0 .2rem .35rem; padding: .5rem 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); }
.agent-reviewed-procedure-heading { display: flex; align-items: start; justify-content: space-between; gap: .6rem; }
.agent-reviewed-procedure-heading :is(strong, small) { display: block; }.agent-reviewed-procedure-heading strong { font-size: .74rem; }
.agent-reviewed-procedure-heading small { margin-top: .1rem; color: var(--muted); font-size: .66rem; line-height: 1.4; }
.agent-reviewed-procedure-heading button { flex: 0 0 auto; min-height: 30px; padding: .25rem .48rem; font-size: .64rem; }
#agent-reviewed-procedure-list { display: grid; max-height: 11rem; gap: .2rem; overflow-y: auto; }
.agent-reviewed-procedure { display: grid; min-height: 52px; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: .48rem; padding: .42rem .48rem; border: 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); border-radius: 0; color: var(--text); background: transparent; text-align: left; box-shadow: none; }
.agent-reviewed-procedure:hover:not(:disabled), .agent-reviewed-procedure:focus-visible { background: var(--sheet-bg-hover, rgb(255 255 255 / 24%)); filter: none; }
.agent-reviewed-procedure.is-selected { background: var(--sea-salt-soft); box-shadow: inset 3px 0 var(--metal-gold-mid); }
.agent-reviewed-procedure > span:first-child { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--pearl-inset); color: var(--sea-salt-deep); font-size: .64rem; }
.agent-reviewed-procedure :is(strong, small) { display: block; overflow-wrap: anywhere; }.agent-reviewed-procedure strong { font-size: .74rem; }.agent-reviewed-procedure small { color: var(--muted); font-size: .64rem; }.agent-reviewed-procedure b { color: var(--metal-gold-text); font-size: .65rem; }
.agent-reviewed-workflow-inputs { display: grid; min-width: 0; gap: .4rem; padding: .45rem .5rem .15rem; background: rgb(255 255 255 / 3%); }
.agent-reviewed-workflow-inputs[hidden] { display: none; }
.agent-reviewed-workflow-heading { display: flex; align-items: start; justify-content: space-between; gap: .5rem; }
.agent-reviewed-workflow-heading > span { display: grid; min-width: 0; gap: .08rem; }
.agent-reviewed-workflow-heading strong { font-size: .72rem; }
.agent-reviewed-workflow-heading small, .agent-reviewed-workflow-coach-boundary { color: var(--muted); font-size: .64rem; overflow-wrap: anywhere; }
.agent-reviewed-workflow-heading button { flex: 0 0 auto; min-height: 32px; padding: .28rem .5rem; font-size: .64rem; }
.agent-reviewed-workflow-coach-boundary { padding-inline-start: .45rem; border-inline-start: 2px solid var(--metal-gold-mid); line-height: 1.45; }
.agent-reviewed-workflow-input-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr)); gap: .36rem; }
.agent-reviewed-workflow-input-field { display: grid; min-width: 0; gap: .2rem; }
.agent-reviewed-workflow-input-field :is(span, small) { overflow-wrap: anywhere; }.agent-reviewed-workflow-input-field span { font-size: .68rem; }.agent-reviewed-workflow-input-field small { color: var(--muted); font-size: .6rem; }
.agent-reviewed-workflow-input-field :is(input, select) { width: 100%; min-width: 0; }
.agent-execution-paths, .agent-approval-policy { display: grid; gap: .38rem; padding: .48rem 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); background: transparent; box-shadow: none; }
.agent-execution-paths-heading, .agent-approval-policy > div:first-child { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: .65rem; }
.agent-execution-paths-heading strong, .agent-approval-policy > div:first-child strong { flex: 0 0 auto; font-size: .74rem; }
.agent-execution-paths-heading small, .agent-approval-policy > div:first-child small { min-width: 0; color: var(--muted); font-size: .66rem; line-height: 1.35; text-align: right; }
.agent-execution-path-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .32rem; }
.agent-execution-path-grid > button { display: grid; min-width: 0; min-height: 58px; grid-template-columns: 27px minmax(0, 1fr) 10px; align-items: center; gap: .42rem; padding: .45rem .48rem; border: 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); border-radius: 0; color: var(--text); background: transparent; text-align: left; box-shadow: none; }
.agent-execution-path-grid > button:hover:not(:disabled), .agent-execution-path-grid > button:focus-visible { background: var(--sheet-bg-hover, rgb(255 255 255 / 24%)); filter: none; }
.agent-execution-path-grid > button[data-state="ready"] { box-shadow: inset 0 0 0 1px rgb(58 132 108 / 24%); }
.agent-execution-path-grid > button[data-state="setup"] { box-shadow: inset 0 0 0 1px rgb(174 131 37 / 24%); }
.agent-execution-path-grid > button[data-state="unavailable"] { opacity: .68; }
.agent-execution-path-grid > button.is-selected { background: var(--sea-salt-soft); box-shadow: inset 3px 0 var(--metal-gold-mid); }
.agent-execution-path-grid > button > span:first-child { color: var(--sea-salt-deep); font-size: .95rem; text-align: center; }
.agent-execution-path-grid > button :is(strong, small) { display: block; overflow-wrap: anywhere; }.agent-execution-path-grid > button strong { font-size: .75rem; }.agent-execution-path-grid > button small { margin-top: .1rem; color: var(--muted); font-size: .64rem; line-height: 1.35; }.agent-execution-path-grid > button b { color: var(--metal-gold-text); font-size: .72rem; }
.agent-approval-policy-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; }
.agent-approval-policy-options > button { min-width: 0; padding: .4rem .45rem; border: 0; border-block-end: 1px solid var(--sheet-divider, var(--border)); border-radius: 0; color: var(--text); background: transparent; text-align: left; box-shadow: none; }
.agent-approval-policy-options > button:is(:hover, :focus-visible):not(:disabled) { background: var(--sheet-bg-hover, rgb(255 255 255 / 24%)); filter: none; }
.agent-approval-policy-options > button.is-selected { background: var(--sea-salt-soft); box-shadow: inset 3px 0 var(--metal-gold-mid); }
.agent-approval-policy-options > button[data-state="setup"], .agent-approval-policy-options > button[data-state="unavailable"] { opacity: .7; }
.agent-approval-policy-options :is(strong, small) { display: block; overflow-wrap: anywhere; }.agent-approval-policy-options strong { font-size: .7rem; }.agent-approval-policy-options small { margin-top: .08rem; color: var(--muted); font-size: .61rem; line-height: 1.35; }
.agent-authority-advanced { margin: 0 .1rem; border-block-end: 1px solid var(--sheet-divider, var(--border)); background: transparent; }.agent-authority-advanced > summary { padding: .45rem .55rem; color: var(--muted); font-size: .7rem; font-weight: 720; cursor: pointer; }.agent-authority-advanced > .agent-authority-options { padding: 0 .25rem .3rem; }
.agent-authority-options { display: grid; gap: .2rem; }
.agent-authority-option {
  position: relative; display: grid; min-height: 56px; grid-template-columns: 30px minmax(0, 1fr) 18px;
  align-items: center; gap: .55rem; padding: .48rem .58rem; border: 0; border-radius: 12px;
  color: var(--text); background: transparent; text-align: left;
}
.agent-authority-option:hover:not(:disabled), .agent-authority-option:focus-visible { background: var(--sea-salt-soft); filter: none; }
.agent-authority-option.is-selected { background: linear-gradient(135deg, rgb(218 239 232 / 78%), rgb(244 235 208 / 70%)); }
.agent-authority-option > span:first-child { color: var(--sea-salt-deep); font-size: 1rem; text-align: center; }
.agent-authority-option strong, .agent-authority-option small { display: block; }
.agent-authority-option strong { font-size: .8rem; }
.agent-authority-option small { margin-top: .1rem; color: var(--muted); font-size: .71rem; line-height: 1.4; }
.agent-authority-option .agent-authority-check { color: transparent; }
.agent-authority-option.is-selected .agent-authority-check { color: var(--metal-gold-text); }
.agent-authority-boundary { margin: .35rem .48rem .2rem; color: var(--muted); font-size: .68rem; line-height: 1.45; }
@media (max-width: 1024px) {
  .agent-authority-selector > summary { min-height: 44px; }

}
@media (pointer: coarse) {
  .agent-authority-selector > summary { min-height: 44px; }
}
@container conversation-surface (max-width: 620px) {
  .agent-composer-tools > .agent-authority-selector { width: 0; min-width: 0; flex: 1 1 0; }
  .agent-authority-selector > summary { width: 100%; max-width: none; }
}
@media (max-width: 620px) {
  .agent-composer-tools > .agent-authority-selector { width: 0; min-width: 0; flex: 1 1 0; }
  .agent-authority-selector > summary { width: 100%; max-width: none; }
  .agent-reviewed-workflow-heading { align-items: stretch; flex-direction: column; }
  .agent-reviewed-workflow-heading button { width: 100%; }
  .agent-execution-paths-heading, .agent-approval-policy > div:first-child { display: grid; gap: .12rem; }.agent-execution-paths-heading small, .agent-approval-policy > div:first-child small { text-align: left; }
}
@media (max-width: 420px) {
  .agent-authority-selector > summary small { display: none; }
  .agent-authority-selector > summary { justify-content: space-between; }
  .agent-execution-path-grid, .agent-approval-policy-options { grid-template-columns: minmax(0, 1fr); }
}
.agent-authority-selector[open] > .agent-authority-popover:popover-open {
  position: fixed; z-index: 90; top: auto;
  right: max(.75rem, env(safe-area-inset-right, 0px)); bottom: max(.75rem, env(safe-area-inset-bottom, 0px)); left: max(.75rem, env(safe-area-inset-left, 0px));
  display: grid; box-sizing: border-box; width: auto; max-width: 35rem;
  max-height: min(82vh, 42rem); max-height: min(82dvh, 42rem, calc(100dvh - 1.5rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); margin: 0 auto;
  overflow-y: auto; overscroll-behavior: contain; transform: none;
}
@supports selector(.agent-authority-popover:popover-open) {
  .agent-authority-selector[open] > .agent-authority-popover[popover]:not(:popover-open) { display: none; }
}



/* Authentication is one shell-level modal, never a routed workspace or reparented conversation panel. */
.dashboard-auth-backdrop {
  position: fixed;
  inset: 0;
  z-index: 49;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--scrim-neutral, rgb(3 9 16 / 38%));
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.workbuddy-shell > .auth-panel {
  container: account-dialog / inline-size;
  position: fixed;
  top: max(1rem, env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  left: max(1rem, env(safe-area-inset-left));
  z-index: 50;
  width: min(720px, calc(100% - 2rem));
  max-height: calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  margin: 0 auto;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  border: 0;
  border-radius: 22px;
  color: var(--surface-text);
  background: var(--overlay-bg, rgb(248 251 252 / 91%));
  box-shadow: var(--shadow-overlay, 0 24px 72px rgb(2 10 18 / 26%));
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.workbuddy-shell > .auth-panel:not([hidden]) { display: block; }
.workbuddy-shell > .auth-panel .auth-panel-heading {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border-bottom: 1px solid var(--glass-line);
  color: var(--surface-text-strong);
  background: var(--overlay-bg, rgb(248 251 252 / 96%));
}
.workbuddy-shell > .auth-panel .auth-panel-heading :where(h2, p) { margin: 0; }
.workbuddy-shell > .auth-panel .auth-panel-heading > div { display: grid; min-width: 0; gap: .35rem; overflow-wrap: anywhere; }
.workbuddy-shell > .auth-panel .auth-panel-heading > div > p:last-child {
  max-width: 62ch;
  color: var(--surface-muted);
  font-size: .82rem;
  line-height: 1.5;
}
.workbuddy-shell > .auth-panel .auth-panel-heading > button { flex: 0 0 auto; min-width: 44px; min-height: 44px; }
.workbuddy-shell > .auth-panel .auth-panel-content {
  min-inline-size: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: .8rem;
  padding: 1rem;
}
.workbuddy-shell > .auth-panel:not(.authenticated) .auth-form,
.workbuddy-shell > .auth-panel:not(.authenticated) .auth-fields { grid-template-columns: minmax(0, 1fr); }
.workbuddy-shell > .auth-panel .auth-actions { justify-content: stretch; }
.workbuddy-shell > .auth-panel .auth-actions button { flex: 1 1 10rem; }
.workbuddy-shell > .auth-panel.authenticated .auth-panel-content {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "status actions" "account account" "continuity continuity";
}
.workbuddy-shell > .auth-panel.authenticated .auth-panel-content > .auth-form { grid-area: actions; }
.workbuddy-shell > .auth-panel.authenticated .auth-panel-content > .message { grid-area: status; }
.workbuddy-shell > .auth-panel.authenticated .auth-panel-content > .admin-account-panel { grid-area: account; }
.workbuddy-shell > .auth-panel.authenticated .auth-panel-content > .admin-continuity-guide { grid-area: continuity; }

@media (max-width: 760px) {
  .workbuddy-shell > .auth-panel {
    top: max(.5rem, env(safe-area-inset-top));
    right: max(.5rem, env(safe-area-inset-right));
    left: max(.5rem, env(safe-area-inset-left));
    width: calc(100% - 1rem);
    max-height: calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius: 18px;
  }
  .workbuddy-shell > .auth-panel .auth-panel-heading { padding: .8rem; }
  .workbuddy-shell > .auth-panel.authenticated .auth-panel-content {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "status" "actions" "account" "continuity";
  }
}

/* Leave long headings in the scroll flow when height is scarce; no sticky text
 * may cover the password fields or submit/close controls below it. */
@media (max-height: 540px) {
  .workbuddy-shell > .auth-panel .auth-panel-heading { position: static; }
}

@media (prefers-reduced-transparency: reduce) {
  .dashboard-auth-backdrop { background: rgb(3 9 16 / 62%); backdrop-filter: none; -webkit-backdrop-filter: none; }
  .workbuddy-shell > .auth-panel,
  .workbuddy-shell > .auth-panel .auth-panel-heading { background: var(--overlay-bg, #f8fbfc); backdrop-filter: none; -webkit-backdrop-filter: none; }
}

@media (forced-colors: active) {
  .dashboard-auth-backdrop { background: Canvas; opacity: .7; }
  .workbuddy-shell > .auth-panel { border: 2px solid CanvasText; background: Canvas; }
  .workbuddy-shell > .auth-panel .auth-panel-heading { border-color: CanvasText; background: Canvas; }
}


.admin-continuity-guide { min-width: 0; border-block: 1px solid var(--line-rest, var(--wb-line)); }
.admin-continuity-guide > summary { min-height: 44px; padding: .55rem 0; color: var(--muted); cursor: pointer; font-size: .78rem; font-weight: 720; }
.admin-continuity-guide > div { display: grid; gap: .55rem; padding: 0 0 .7rem; }
.admin-continuity-guide p { margin: 0; color: var(--muted); font-size: .74rem; line-height: 1.55; }
.admin-continuity-guide code { display: block; max-width: 100%; padding: .62rem 0; overflow-x: auto; border-block: 1px solid var(--line-rest, var(--wb-line)); color: var(--text); background: transparent; font-size: .68rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.guided-tour .admin-continuity-guide { margin-top: .15rem; }
.workbuddy-shell > .auth-panel .admin-continuity-guide { grid-column: 1 / -1; }
@media (forced-colors: active) { .admin-continuity-guide, .admin-continuity-guide code { border-color: CanvasText; } }



:is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-page-lead {
  margin: .4rem 0 1.2rem; color: var(--muted); line-height: 1.6;
}
:is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-live-section {
  margin-block: 1rem; padding: 1rem; border: 1px solid var(--border);
  border-radius: 12px; background: var(--surface-raised); min-width: 0;
}
:is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-live-section > h3 {
  margin: 0 0 .65rem; font-size: 1rem;
}
:is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-live-section > .compact-heading {
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
}
:is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-disclosure {
  min-width: 0; margin-block: .8rem; padding: .7rem .9rem; border: 1px solid var(--border);
  border-radius: 10px; background: var(--surface-raised);
}
:is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-disclosure > summary {
  min-height: 2rem; align-content: center; cursor: pointer; color: var(--text); font-weight: 650;
  line-height: 1.5; overflow-wrap: anywhere;
}
:is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-disclosure > summary:focus-visible {
  outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 4px;
}
:is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-disclosure[open] > summary {
  padding-bottom: .65rem; margin-bottom: .65rem; border-bottom: 1px solid var(--border);
}
#communication-actions .communication-native-compose { margin-block: 0; }
#communication-actions .communication-profile-editor > .communication-setup-form { max-width: 48rem; }
#configuration .management-configuration-workspace { grid-template-columns: minmax(16rem, .85fr) minmax(0, 1.35fr); }
#configuration .management-configuration-workspace > .model-catalog { margin: 0; }
#configuration .configuration-expert-options > fieldset { border: 0; padding: .4rem 0; }
#work-sessions .browser-control-windows { margin-top: .8rem; }
#work-sessions .browser-control-windows .work-session-grid { margin-bottom: .8rem; }
@media (max-width: 980px) {
  #configuration .management-configuration-workspace { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  :is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-live-section { padding: .75rem; }
  :is(#communication-actions, #configuration, #work-sessions, #node-onboarding, #boss-operating-system, #authority-registry) .management-disclosure { padding: .65rem .75rem; }
}


.workbuddy-context-tools[data-dashboard-inline-signal] { position: static; min-width: 0; margin-block: .6rem; }
.workbuddy-context-tools[data-dashboard-inline-signal] > summary { position: relative; z-index: 2; }
.workbuddy-context-tools[data-dashboard-inline-signal] > summary::after { content: ""; position: absolute; inset: .25rem; border-radius: 999px; pointer-events: none; opacity: 0; box-shadow: 0 0 0 1px color-mix(in srgb, var(--line-hot) 45%, transparent), 0 0 1.2rem color-mix(in srgb, var(--line-hot) 18%, transparent); transition: opacity var(--motion-fast, 160ms) ease; }
.workbuddy-context-tools[data-signal-running="true"] > summary::after,
.workbuddy-context-tools[data-signal-state="approval"] > summary::after,
.workbuddy-context-tools[data-signal-state="blocked"] > summary::after,
.workbuddy-context-tools[data-signal-state="failed"] > summary::after { opacity: 1; }
.workbuddy-context-tools[data-dashboard-inline-signal][open] { display: block; min-height: 0; flex: 0 0 auto; }
.workbuddy-context-tools[data-dashboard-inline-signal][open] > .workbuddy-context-panel { position: static; width: 100%; min-width: 0; max-height: min(65dvh, 40rem); overflow-y: auto; padding: .6rem; border: 1px solid var(--wb-line); border-radius: 12px; background: var(--sheet-bg); box-shadow: none; }
.dashboard-run-signal-panel-heading { display: flex; min-width: 0; align-items: start; justify-content: space-between; gap: .7rem; padding: .15rem .1rem .7rem; border-bottom: 1px solid color-mix(in srgb, var(--line-rest) 80%, transparent); }
.dashboard-run-signal-panel-heading > div { display: grid; min-width: 0; gap: .1rem; }
.dashboard-run-signal-panel-heading .eyebrow { margin: 0; color: var(--line-hot); font-size: .58rem; letter-spacing: .11em; }
.dashboard-run-signal-panel-heading strong { font-size: .95rem; }
.dashboard-run-signal-panel-heading small { color: var(--muted); font-size: .65rem; }
.dashboard-run-signal-panel-heading > .pill { flex: 0 0 auto; max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-run-signal-hero { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .8rem; margin: .7rem 0 .65rem; padding: .75rem .7rem; border: 1px solid color-mix(in srgb, var(--line-hot) 18%, var(--line-rest)); border-radius: 14px; background: linear-gradient(135deg, color-mix(in srgb, var(--line-hot) 9%, transparent), transparent 75%); }
.dashboard-run-signal-hero > div:first-child { display: grid; min-width: 0; gap: .16rem; }
.dashboard-run-signal-hero strong { overflow-wrap: anywhere; font-size: .86rem; }
.dashboard-run-signal-hero small { color: var(--muted); font-size: .68rem; line-height: 1.45; }
.dashboard-run-signal-wave { display: flex; flex: 0 0 auto; height: 1.9rem; align-items: center; gap: 3px; }
.dashboard-run-signal-wave i { display: block; width: 3px; height: .65rem; border-radius: 999px; background: var(--line-hot); opacity: .34; }
.workbuddy-context-tools[data-signal-running="true"] .dashboard-run-signal-wave i { animation: dashboard-signal-wave 1.35s ease-in-out infinite; opacity: .9; }
.dashboard-run-signal-wave i:nth-child(2) { animation-delay: .12s; }
.dashboard-run-signal-wave i:nth-child(3) { animation-delay: .24s; }
.dashboard-run-signal-wave i:nth-child(4) { animation-delay: .36s; }
.dashboard-run-signal-wave i:nth-child(5) { animation-delay: .48s; }
.workbuddy-context-tools[data-dashboard-inline-signal][open] .workbuddy-agent-hud { margin-top: .55rem; }
.workbuddy-context-tools[data-dashboard-inline-signal][open] .workbuddy-agent-hud > summary { padding-inline: .2rem; }
.dashboard-run-signal-icon { position: relative; display: inline-grid; place-items: center; width: 1.2rem; height: 1.2rem; border: 1px solid currentColor; border-radius: 50%; color: var(--muted); }
.dashboard-run-signal-icon::after { content: ""; width: .32rem; height: .32rem; border-radius: 50%; background: currentColor; }
#workbuddy-context-tools[data-signal-state="running"] .dashboard-run-signal-icon { color: var(--accent); }
#workbuddy-context-tools[data-signal-state="approval"] .dashboard-run-signal-icon,
#workbuddy-context-tools[data-signal-state="blocked"] .dashboard-run-signal-icon { color: var(--warning, #dba64e); border-radius: .3rem; }
#workbuddy-context-tools[data-signal-state="failed"] .dashboard-run-signal-icon { color: var(--danger, #d96872); }
#workbuddy-context-tools[data-signal-state="offline"] .dashboard-run-signal-icon { border-style: dashed; }
#workbuddy-context-tools[data-signal-running="true"] .dashboard-run-signal-icon::after { animation: dashboard-signal-pulse 1.8s ease-in-out infinite; }
#dashboard-run-signal-state { font-variant-numeric: tabular-nums; }
.dashboard-run-signal-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; }
.dashboard-run-signal-item { display: flex; min-width: 0; min-height: 44px; align-items: center; justify-content: space-between; gap: .4rem; padding: .45rem .6rem; border: 1px solid var(--border); border-radius: .65rem; color: var(--text); text-decoration: none; font-size: .72rem; }
.dashboard-run-signal-item strong { color: var(--accent); font-size: 1rem; font-variant-numeric: tabular-nums; }
.dashboard-run-signal-item[data-signal-kind="failed"] strong { color: var(--danger, #d96872); }
.dashboard-run-signal-item:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.dashboard-run-signal-item:hover { background: var(--surface-hover, rgb(255 255 255 / 6%)); }
.dashboard-run-signal-note { grid-column: 1 / -1; margin: .1rem 0; color: var(--muted); font-size: .65rem; line-height: 1.45; overflow-wrap: anywhere; }
@keyframes dashboard-signal-pulse { 0%, 100% { opacity: .5; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.2); } }
@keyframes dashboard-signal-wave { 0%, 100% { height: .55rem; } 50% { height: 1.55rem; } }
html[data-dashboard-motion="reduced"] .dashboard-run-signal-icon::after,
html[data-dashboard-visual-motion="paused"] .dashboard-run-signal-icon::after,
html[data-dashboard-visual-visibility="hidden"] .dashboard-run-signal-icon::after,
details:not([open]) > :not(summary) .dashboard-run-signal-icon::after,
[hidden] .dashboard-run-signal-icon::after { animation: none !important; }
html[data-dashboard-motion="reduced"] .dashboard-run-signal-wave i,
html[data-dashboard-visual-motion="paused"] .dashboard-run-signal-wave i,
html[data-dashboard-visual-visibility="hidden"] .dashboard-run-signal-wave i,
details:not([open]) .dashboard-run-signal-wave i { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  .dashboard-run-signal-wave i,
  .dashboard-run-signal-icon::after { animation: none !important; }
}
@media (forced-colors: active) { .dashboard-run-signal-icon, .dashboard-run-signal-item { border-color: CanvasText; } }



:where(open-agent-avatar) {
  display: inline-block;
  inline-size: var(--oaa-size, 4rem);
  block-size: var(--oaa-size, 4rem);
}
.oa-agent-avatar {
  --oaa-core: #74eccd;
  --oaa-deep: #207768;
  --oaa-eye: #03090e;
  --oaa-highlight: #f5fffc;
  --oaa-accent: #8fffe3;
  position: relative;
  isolation: isolate;
  overflow: visible;
  transform-origin: 50% 82%;
}
.oa-agent-avatar__root {
  position: absolute;
  z-index: 1;
  inset: -9%;
  display: block;
  pointer-events: none;
}
.oa-agent-avatar[data-avatar-detail="compact"] .oa-agent-avatar__root { inset: -5%; }
.oa-agent-avatar__rig { display: block; inline-size: 100%; block-size: 100%; overflow: visible; }
.oa-agent-avatar__head {
  fill: var(--oaa-core);
  stroke: color-mix(in srgb, var(--oaa-highlight) 54%, transparent);
  stroke-width: 1.05;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 .14em .24em color-mix(in srgb, var(--oaa-deep) 34%, transparent))
    drop-shadow(0 0 .12em color-mix(in srgb, var(--oaa-accent) 30%, transparent));
}
.oa-agent-avatar__shade { fill: color-mix(in srgb, var(--oaa-deep) 22%, transparent); }
.oa-agent-avatar__highlight { fill: color-mix(in srgb, var(--oaa-highlight) 26%, transparent); }
.oa-agent-avatar__face-marker,
.oa-agent-avatar__eye { transform-box: fill-box; transform-origin: center; }
.oa-agent-avatar__eye-shell {
  fill: var(--oaa-eye);
  stroke: color-mix(in srgb, var(--oaa-highlight) 30%, transparent);
  stroke-width: .12;
  vector-effect: non-scaling-stroke;
  transform-box: fill-box;
  transform-origin: center;
}
.oa-agent-avatar__mouth { fill: none; stroke: var(--oaa-eye); stroke-width: 1.55; stroke-linecap: round;
  stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.oa-agent-avatar__mouth[data-expression="surprised"] { fill: var(--oaa-eye); }
.oa-agent-avatar[data-avatar-emotion="curious"] [data-eye="right"] .oa-agent-avatar__eye-shell { transform: scaleY(.84); }
.oa-agent-avatar[data-avatar-emotion="focused"] .oa-agent-avatar__eye-shell { transform: scaleY(.67); }
.oa-agent-avatar[data-avatar-emotion="joyful"] .oa-agent-avatar__eye-shell { transform: translateY(.08px) scaleY(.72); }
.oa-agent-avatar[data-avatar-emotion="concerned"] [data-eye="left"] .oa-agent-avatar__eye-shell { transform: rotate(-9deg) scaleY(.84); }
.oa-agent-avatar[data-avatar-emotion="concerned"] [data-eye="right"] .oa-agent-avatar__eye-shell { transform: rotate(9deg) scaleY(.84); }
.oa-agent-avatar[data-avatar-emotion="confident"] [data-eye="left"] .oa-agent-avatar__eye-shell { transform: scaleY(.78); }
.oa-agent-avatar[data-avatar-emotion="gentle"] .oa-agent-avatar__eye-shell { transform: scaleY(.82); }
.oa-agent-avatar[data-avatar-emotion="surprised"] .oa-agent-avatar__eye-shell { transform: scaleY(1.16); }
.oa-agent-avatar__orbit {
  fill: none;
  stroke: color-mix(in srgb, var(--oaa-accent) 78%, transparent);
  stroke-linecap: round;
  stroke-width: 1.7;
  vector-effect: non-scaling-stroke;
  opacity: .12;
  stroke-dasharray: 2.5 3.5;
}
.oa-agent-avatar__orbit--back { stroke: color-mix(in srgb, var(--oaa-deep) 46%, transparent); }
.oa-agent-avatar[data-avatar-reaction="offline"] .oa-agent-avatar__orbit { opacity: 0; }
.oa-agent-avatar:is([data-avatar-reaction="listening"], [data-avatar-reaction="approval"]) .oa-agent-avatar__orbit { opacity: .42; }
.oa-agent-avatar:is([data-avatar-reaction="thinking"], [data-avatar-reaction="working"],
  [data-avatar-reaction="learning"], [data-avatar-reaction="handoff"]) .oa-agent-avatar__orbit { opacity: .82; }
.oa-agent-avatar:is([data-avatar-reaction="working"], [data-avatar-reaction="handoff"]) .oa-agent-avatar__orbit {
  stroke-width: 2.05;
  stroke-dasharray: 9 3;
}
.oa-agent-avatar[data-avatar-focus="dialogue"] .oa-agent-avatar__orbit { stroke-dasharray: 1.5 4.5; }
.oa-agent-avatar[data-avatar-focus="workflow"] .oa-agent-avatar__orbit { stroke-dasharray: 7 2 1 2; }
.oa-agent-avatar[data-avatar-focus="automation"] .oa-agent-avatar__orbit { stroke-dasharray: 11 2; }
.oa-agent-avatar[data-avatar-focus="collaboration"] .oa-agent-avatar__orbit { stroke-width: 2.35; stroke-dasharray: 4 2; }
.oa-agent-avatar[data-avatar-focus="review"] .oa-agent-avatar__orbit { stroke: #f2cf79; }
.oa-agent-avatar[data-avatar-focus="learning"] .oa-agent-avatar__orbit { stroke-dasharray: 2 2; }
.oa-agent-avatar__status {
  position: absolute;
  z-index: 3;
  inset-inline-end: 3%;
  inset-block-end: 4%;
  display: none;
  inline-size: 16%;
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--oaa-highlight) 74%, transparent);
  border-radius: 999px;
  background: var(--oaa-accent);
  box-shadow: 0 0 .48rem color-mix(in srgb, var(--oaa-accent) 70%, transparent);
}
.oa-agent-avatar:is([data-avatar-reaction="working"], [data-avatar-reaction="approval"],
  [data-avatar-reaction="blocked"], [data-avatar-reaction="complete"]) .oa-agent-avatar__status { display: block; }
.oa-agent-avatar[data-avatar-motion="auto"][data-avatar-reaction="working"] { animation: oaa-work 1.45s ease-in-out var(--oaa-motion-delay) infinite; }
.oa-agent-avatar[data-avatar-motion="auto"][data-avatar-reaction="approval"] { animation: oaa-attention 1.75s ease-in-out var(--oaa-motion-delay) infinite; }
.oa-agent-avatar[data-avatar-reaction="approval"] .oa-agent-avatar__status { background: #f2cf79; }
.oa-agent-avatar[data-avatar-motion="auto"][data-avatar-reaction="blocked"] { animation: oaa-blocked 2.2s ease-in-out var(--oaa-motion-delay) infinite; }
.oa-agent-avatar[data-avatar-reaction="blocked"] .oa-agent-avatar__status { background: #f28ca5; }
.oa-agent-avatar[data-avatar-reaction="complete"] .oa-agent-avatar__status { background: var(--oaa-highlight); }
.oa-agent-avatar[data-avatar-motion="auto"][data-avatar-reaction="complete"] { animation: oaa-proud 3.2s ease-in-out var(--oaa-motion-delay) infinite; }
.oa-agent-avatar[data-avatar-motion="auto"][data-avatar-reaction="learning"] { animation: oaa-learn 2.8s ease-in-out var(--oaa-motion-delay) infinite; }
.oa-agent-avatar[data-avatar-motion="auto"][data-avatar-reaction="handoff"] { animation: oaa-handoff 1.65s ease-in-out var(--oaa-motion-delay) infinite; }
.oa-agent-avatar[data-avatar-motion="auto"]:is([data-avatar-reaction="thinking"], [data-avatar-reaction="working"],
  [data-avatar-reaction="learning"], [data-avatar-reaction="handoff"]) .oa-agent-avatar__orbit {
  animation: oaa-cognition 2.4s linear var(--oaa-motion-delay) infinite;
}
.oa-agent-avatar[data-avatar-reaction="offline"] { filter: grayscale(.72) saturate(.55); opacity: .58; transform: scale(.94); }
.oa-agent-avatar[data-avatar-emotion="surprised"] .oa-agent-avatar__status,
.oa-agent-avatar[data-avatar-cue="alert"] .oa-agent-avatar__status { display: block; }
@keyframes oaa-work { 0%, 100% { transform: translateY(0) scaleY(1); } 50% { transform: translateY(-5%) scaleY(1.04); } }
@keyframes oaa-attention { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.055); } }
@keyframes oaa-blocked { 0%, 100% { transform: rotate(0); } 45% { transform: rotate(-2.5deg); } 55% { transform: rotate(2.5deg); } }
@keyframes oaa-proud { 0%, 100% { transform: translateY(0) scale(1); } 40% { transform: translateY(-5%) scale(1.04, .98); } }
@keyframes oaa-learn { 0%, 100% { transform: rotate(-1.5deg); } 50% { transform: rotate(2deg) translateY(-2%); } }
@keyframes oaa-handoff { 0%, 100% { transform: translateX(-3%); } 50% { transform: translateX(3%) scale(1.03); } }
@keyframes oaa-cognition { to { stroke-dashoffset: -24; } }
.oa-agent-avatar:not([data-avatar-motion="auto"]),
.oa-agent-avatar:not([data-avatar-motion="auto"]) * { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  .oa-agent-avatar, .oa-agent-avatar__root, .oa-agent-avatar__rig, .oa-agent-avatar__face-marker, .oa-agent-avatar__eye,
  .oa-agent-avatar__eye-shell, .oa-agent-avatar__status, .oa-agent-avatar__orbit {
    animation: none !important;
    transition: none !important;
  }
  .oa-agent-avatar[data-avatar-reaction="offline"] { transform: none; }
}
@media (forced-colors: active) {
  .oa-agent-avatar { border: 1px solid CanvasText; border-radius: 50%; background: Canvas !important; }
  .oa-agent-avatar__head { fill: Canvas; stroke: CanvasText; filter: none; }
  .oa-agent-avatar__eye-shell { fill: CanvasText; stroke: CanvasText; }
  .oa-agent-avatar__mouth { stroke: CanvasText; }
  .oa-agent-avatar__orbit { stroke: CanvasText; }
  .oa-agent-avatar__highlight, .oa-agent-avatar__shade { display: none; }
  .oa-agent-avatar__status { border-color: Canvas; background: CanvasText; }
}

/* A reviewed portrait carries identity while the portable rig carries live
   presence. Keep both visible as one bounded composite instead of replacing
   the rig when portrait loading completes. */
.employee-mascot[data-portrait-state="ready"],
.employee-mascot:has(> .oa-agent-avatar__root) {
  color: transparent;
  text-shadow: none;
}
.employee-mascot[data-portrait-state="ready"] .oa-agent-avatar__root {
  inset: auto 1% 1% auto;
  inline-size: 58%;
  block-size: 58%;
  visibility: visible;
  opacity: 1;
  border: 1px solid color-mix(in srgb, var(--oaa-highlight) 68%, transparent);
  border-radius: 38%;
  background: color-mix(in srgb, var(--oaa-deep) 72%, transparent);
  box-shadow: 0 0 .72rem color-mix(in srgb, var(--oaa-accent) 44%, transparent);
}
.employee-mascot[data-portrait-state="ready"][data-avatar-detail="hero"] .oa-agent-avatar__root {
  inline-size: 48%;
  block-size: 48%;
}
.employee-mascot:not([data-portrait-state="ready"]) {
  border-radius: 50%;
  background-image: none;
  box-shadow: none;
}
/* Without a portrait the rig is the complete identity, in both rows and hero
   profiles. Only a loaded portrait reduces it to a corner presence badge. */
.employee-mascot:not([data-portrait-state="ready"]) .oa-agent-avatar__root { inset: 0; }
.employee-mascot[data-avatar-detail="hero"] { overflow: visible; }
@media (forced-colors: active) {
  .employee-mascot[data-portrait-state="ready"] .oa-agent-avatar__root {
    border-color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }
}
.workbuddy-employee-session-group[data-work-state="working"] .oa-agent-avatar__status,
.workbuddy-employee-session-group[data-work-state="attention"] .oa-agent-avatar__status { display: block; }
.workbuddy-employee-session-group[data-work-state="working"] .oa-agent-avatar__status {
  box-shadow: 0 0 0 2px rgb(79 143 132 / 18%);
}
.workbuddy-employee-session-group[data-work-state="attention"] .oa-agent-avatar__status {
  background: var(--metal-gold-text);
}

}
@layer dashboard-atmosphere {

/*
 * Atmosphere owns palette and the single page background. Material modules may
 * consume these tokens, but no feature is allowed to paint another route-wide
 * backdrop. The selected artwork stays beneath one static chromatic-black veil;
 * navigation and compact controls own their materials, while status colours
 * remain operational evidence.
 */
:root {
  color-scheme: dark;
  --ui-text: #e7f0fb;
  --ui-title: #f7fbff;
  --ui-strong: #eef6ff;
  --ui-muted: #aab9cc;
  --ui-label: #c4d2e3;
  --ui-value: #91ead4;
  --ui-primary-text: #ddfff6;
  --ui-primary-bg: rgb(19 76 69 / 96%);
  --ui-secondary-text: #d5e2f0;
  --ui-secondary-bg: rgb(174 210 237 / 8%);
  --ui-secondary-border: rgb(174 210 237 / 20%);
  --ui-field-bg: rgb(2 7 14 / 82%);
  --ui-region-bg: rgb(10 15 24 / var(--reading-opacity));
  --ui-region-tint: rgb(var(--chroma-cyan-rgb) / 6%);
  --ui-region-border: rgb(154 193 220 / 18%);
  --ui-user-message-bg: rgb(24 67 78 / 70%);
  --sheet-edge: linear-gradient(90deg, rgb(var(--chroma-violet-rgb) / 42%), rgb(var(--line-hot-rgb) / 58%) 34%, rgb(var(--chroma-cyan-rgb) / 44%) 68%, rgb(var(--chroma-gold-rgb) / 34%));
  --sheet-sheen: linear-gradient(118deg, rgb(255 255 255 / 8%), transparent 38%, rgb(var(--chroma-cyan-rgb) / 9%) 70%, rgb(var(--chroma-gold-rgb) / 8%)), radial-gradient(circle at 9% 0%, rgb(var(--chroma-cyan-rgb) / 10%), transparent 29%), radial-gradient(circle at 86% 4%, rgb(var(--chroma-violet-rgb) / 12%), transparent 32%);
  --canvas-text: var(--ui-text);
  --canvas-text-strong: var(--ui-strong);
  --canvas-muted: var(--ui-muted);
  --surface-text: var(--ui-text);
  --surface-text-strong: var(--ui-strong);
  --surface-muted: var(--ui-muted);
  --text: var(--ui-text);
  --ink-strong: var(--ui-strong);
  --muted: var(--ui-muted);
  --surface-rgb: 10 15 24;
  --accent-rgb: 104 232 216;
  --accent-hot-rgb: 184 255 245;
  --line-rgb: 162 193 218;
  --line-hot-rgb: 220 248 255;
  --canvas-accent: rgb(var(--accent-rgb));
  --accent: var(--canvas-accent);
  --accent-strong: rgb(var(--accent-hot-rgb));
  --sheet-bg: rgb(var(--surface-rgb) / var(--reading-opacity));
  --sheet-bg-quiet: rgb(var(--chroma-cyan-rgb) / 6%);
  --sheet-bg-hover: rgb(var(--chroma-cyan-rgb) / 11%);
  --sheet-line: rgb(var(--line-rgb) / 17%);
  --sheet-divider: rgb(var(--line-rgb) / 12%);
  --line-rest: rgb(var(--line-rgb) / 18%);
  --line-active: rgb(var(--line-rgb) / 35%);
  --line-hot: rgb(var(--line-hot-rgb) / 74%);
  --overlay-bg: rgb(var(--surface-rgb) / 95%);
  --overlay-line: rgb(var(--line-rgb) / 24%);
  --control-text: var(--ui-secondary-text);
  --control-bg: var(--ui-secondary-bg);
  --control-selected-bg: rgb(var(--accent-rgb) / 13%);
  --glass-input: var(--ui-field-bg);
  --glass-input-fluid: var(--glass-input);
  --glass-panel: var(--sheet-bg);
  --glass-panel-strong: var(--overlay-bg);
  --glass-surface: var(--sheet-bg);
  --glass-surface-strong: var(--overlay-bg);
  --glass-surface-soft: var(--sheet-bg-quiet);
  --glass-line: var(--sheet-line);
  --region-hover: var(--sheet-bg-hover);
  --pearl-canvas: var(--sheet-bg);
  --surface: var(--sheet-bg);
  --surface-raised: var(--sheet-bg-quiet);
  --surface-soft: var(--sheet-bg-quiet);
  --border: var(--sheet-line);
  --line: var(--sheet-line);
  --wb-line: var(--sheet-divider);
  --region-base: rgb(var(--surface-rgb) / var(--reading-opacity));
  --region-raised: rgb(var(--surface-rgb) / 90%);
  --region-deep: rgb(var(--surface-rgb) / 94%);
  --workspace-grid-dot: rgb(var(--line-rgb) / 14%);
  --status-ok: #8ee8d1;
  --status-warning: #f0c46a;
  --status-danger: #ff9caf;
  --status-info: #8fd8ff;
  --danger: var(--status-danger);
  --warning: var(--status-warning);
  --ok: var(--status-ok);
  --success: var(--status-ok);
  --shadow-sheet: inset 0 1px 0 rgb(255 255 255 / 5%);
  --shadow-edge: inset 0 0 0 1px rgb(var(--line-rgb) / 14%);
  --focus-ring: rgb(var(--accent-hot-rgb) / 84%);

  /* The reading contract is global and emitted once. Feature styles consume
     these aliases instead of copying a second palette into every sheet. */
  --canvas-text: var(--ui-text);
  --canvas-text-strong: var(--ui-strong);
  --canvas-muted: var(--ui-muted);
  --surface-text: var(--ui-text);
  --surface-text-strong: var(--ui-strong);
  --surface-muted: var(--ui-muted);

  /* Status colours are operational semantics, never atmosphere decoration. */
  --status-ok: #8ee8d1;
  --status-ok-strong: #2aa98f;
  --status-ok-soft: rgb(42 169 143 / 14%);
  --status-warning: #f0c46a;
  --status-warning-strong: #ae7422;
  --status-warning-soft: rgb(174 116 34 / 17%);
  --status-danger: #ff9caf;
  --status-danger-strong: #b73e62;
  --status-danger-soft: rgb(183 62 98 / 14%);
  --status-info: #8fd8ff;
  --status-info-strong: #3c95c7;
  --status-info-soft: rgb(60 149 199 / 15%);
  --danger: var(--status-danger);
  --warning: var(--status-warning);
  --ok: var(--status-ok);
  --success: var(--status-ok);

  /* Chromatic black: five restrained spectral fields share one near-black base. */
  --chroma-cyan-rgb: 0 220 198;
  --chroma-blue-rgb: 52 126 255;
  --chroma-violet-rgb: 154 96 255;
  --chroma-magenta-rgb: 238 72 184;
  --chroma-gold-rgb: 242 178 76;
  --surface-rgb: 10 14 22;
  --accent-rgb: 104 232 216;
  --accent-hot-rgb: 184 255 245;
  --action-rgb: 20 91 87;
  --action-deep-rgb: 27 67 95;
  --line-rgb: 165 196 218;
  --line-hot-rgb: 223 251 255;
  --canvas-bg: #030509;
  --atmosphere-position: center;
  --atmosphere-image: none;
  --atmosphere-image-selected: url("/dashboard/visuals/cosmic-horizon-v2.png");

  --canvas-veil: rgb(2 4 9 / 68%);
  --reading-opacity: 91%;
  --canvas-accent: rgb(var(--accent-rgb));
  --sheet-bg: rgb(var(--surface-rgb) / 82%);
  --chrome-bg: rgb(var(--surface-rgb) / 78%);
  --chrome-backdrop-filter: blur(18px) saturate(1.14);
  --sheet-bg-quiet: rgb(var(--chroma-cyan-rgb) / 6%);
  --sheet-bg-hover: rgb(var(--chroma-cyan-rgb) / 11%);
  --sheet-line: rgb(var(--line-rgb) / 17%);
  --sheet-divider: rgb(var(--line-rgb) / 12%);
  --line-rest: rgb(var(--line-rgb) / 16%);
  --line-active: rgb(var(--line-rgb) / 35%);
  --line-hot: rgb(var(--line-hot-rgb) / 74%);
  --line-glow: transparent;
  --overlay-bg: rgb(var(--surface-rgb) / 95%);
  --overlay-line: rgb(var(--line-rgb) / 18%);
  --scrim-neutral: rgb(0 1 4 / 58%);
  --action-bg: rgb(var(--action-rgb));
  --action-bg-hover: rgb(var(--action-deep-rgb));
  --focus-ring: rgb(var(--accent-hot-rgb) / 76%);
  --region-tint: rgb(var(--accent-rgb) / 8%);
  --control-text: var(--ui-secondary-text);
  --control-bg: var(--ui-secondary-bg);
  --control-selected-bg: rgb(var(--accent-rgb) / 13%);
  --shadow-edge: inset 0 1px 0 rgb(255 255 255 / 9%), inset 0 0 0 1px rgb(var(--line-rgb) / 12%);
  --shadow-sheet: inset 0 1px 0 rgb(255 255 255 / 5%);
  --shadow-overlay: 0 28px 80px -20px rgb(0 0 0 / 80%);
  --shadow-focus: 0 0 0 2px rgb(var(--accent-rgb) / 12%);
  --material-blur: 16px;
  --material-saturation: 1.14;
  --reading-luminance-veil: none;
  --chrome-luminance-veil: linear-gradient(112deg, rgb(2 7 15 / 92%), rgb(9 9 21 / 88%) 52%, rgb(16 6 18 / 92%)), radial-gradient(circle at 6% -12%, rgb(var(--chroma-cyan-rgb) / 14%), transparent 34%), radial-gradient(circle at 82% -8%, rgb(var(--chroma-violet-rgb) / 14%), transparent 36%), radial-gradient(circle at 46% 120%, rgb(var(--chroma-gold-rgb) / 9%), transparent 42%);
  --sheet-edge: linear-gradient(90deg, rgb(var(--chroma-violet-rgb) / 42%), rgb(var(--line-hot-rgb) / 58%) 34%, rgb(var(--chroma-cyan-rgb) / 44%) 68%, rgb(var(--chroma-gold-rgb) / 34%));
  --sheet-sheen: linear-gradient(120deg, rgb(255 255 255 / 8%), transparent 38%, rgb(var(--chroma-cyan-rgb) / 9%) 70%, rgb(var(--chroma-gold-rgb) / 8%)), radial-gradient(circle at 9% 0%, rgb(var(--chroma-cyan-rgb) / 10%), transparent 29%), radial-gradient(circle at 86% 4%, rgb(var(--chroma-violet-rgb) / 12%), transparent 32%);
  --region-divider: linear-gradient(90deg, transparent, var(--region-line-color) 8%, var(--region-line-color) 92%, transparent);
  --radius-sheet: 10px;
  --radius-overlay: 14px;
  --radius-control: 8px;

  --bg: var(--canvas-bg);
  --surface: var(--sheet-bg);
  --surface-raised: var(--sheet-bg-quiet);
  --border: var(--sheet-line);
  --line: var(--sheet-line);
  --surface-soft: var(--sheet-bg-quiet);
  --text: var(--canvas-text);
  --ink-strong: var(--canvas-text-strong);
  --muted: var(--canvas-muted);
  --accent: var(--canvas-accent);
  --accent-strong: rgb(var(--accent-hot-rgb));

  /* Compatibility aliases consume the atmosphere; they never own material. */
  --glass-panel: var(--sheet-bg);
  --glass-panel-strong: var(--overlay-bg);
  --glass-raised: transparent;
  --glass-input: var(--ui-field-bg);
  --glass-line: var(--sheet-line);
  --glass-highlight: transparent;
  --glass-shadow: none;
  --glass-shadow-soft: none;
  --glass-outline-fluid: var(--sheet-line);
  --glass-surface: var(--sheet-bg);
  --glass-surface-strong: var(--overlay-bg);
  --glass-surface-soft: var(--sheet-bg-quiet);
  --glass-input-fluid: var(--glass-input);
  --glass-highlight-fluid: transparent;
  --glass-shadow-fluid: none;
  --glass-blur-fluid: var(--material-blur);
  --pearl-canvas: rgb(var(--surface-rgb) / 80%);
  --pearl-canvas-bright: var(--canvas-bg);
  --pearl-specular: #ffffff;
  --pearl-inset: rgb(255 255 255 / 22%);
  --region-deep: rgb(var(--surface-rgb) / 90%);
  --region-base: rgb(var(--surface-rgb) / 88%);
  --region-raised: rgb(var(--surface-rgb) / 90%);
  --region-hover: var(--sheet-bg-hover);
  --workspace-inset: transparent;
  --workspace-inset-strong: transparent;
  --workspace-canvas: transparent;
  --workspace-grid-dot: rgb(var(--line-rgb) / 11%);
  --sea-salt-soft: rgb(var(--accent-rgb) / 10%);
  --sea-salt: rgb(var(--accent-rgb));
  --sea-salt-strong: rgb(var(--action-rgb));
  --sea-salt-deep: rgb(var(--action-deep-rgb));
  --sea-salt-text: rgb(var(--accent-hot-rgb));
  --metal-gold-dark: #76501e;
  --metal-gold-mid: #ad7b35;
  --metal-gold: #c69745;
  --metal-gold-light: #e7cf8b;
  --metal-gold-specular: #fff0ba;
  --metal-gold-gradient: linear-gradient(110deg, #a56f28, #d7b45e 32%, #fff0ba 50%, #bd8737 72%, #a56f28);
  --metal-gold-text: var(--warning);
  --gold-button-text: #120c02;
  --wb-sidebar: var(--chrome-bg);
  --wb-selected: rgb(var(--accent-rgb) / 9%);
  --wb-line: var(--sheet-divider);
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --ease-out: cubic-bezier(.22, 1, .36, 1);

  /* One state bus drives every spectral layer. Components consume these
     channels; they do not invent independent glow colours or tempos. */
  --dashboard-state-primary-rgb: var(--chroma-cyan-rgb);
  --dashboard-state-secondary-rgb: var(--chroma-violet-rgb);
  --dashboard-state-tertiary-rgb: var(--chroma-gold-rgb);
  --dashboard-state-energy: .24;
  --dashboard-state-sheen: 7%;
  --dashboard-state-flow-duration: 26s;
  --dashboard-state-breathe-duration: 10s;
}

:root[data-dashboard-atmosphere="neural"] {
  --surface-rgb: 8 17 23;
  --accent-rgb: 92 221 232;
  --accent-hot-rgb: 178 252 255;
  --action-rgb: 17 91 106;
  --action-deep-rgb: 25 66 98;
  --line-rgb: 157 210 224;
  --line-hot-rgb: 218 255 255;
  --canvas-bg: #02090d;
  --atmosphere-image-selected: url("/dashboard/visuals/neural-aurora-v2.png");
}

:root[data-dashboard-atmosphere="orbital"] {
  --surface-rgb: 8 13 24;
  --accent-rgb: 130 192 255;
  --accent-hot-rgb: 196 229 255;
  --action-rgb: 25 76 126;
  --action-deep-rgb: 30 57 106;
  --line-rgb: 164 196 232;
  --line-hot-rgb: 222 246 255;
  --canvas-bg: #03070f;
  --atmosphere-image-selected: url("/dashboard/visuals/orbital-horizon-v2.png");
}

:root[data-dashboard-atmosphere="amethyst"] {
  --surface-rgb: 15 10 24;
  --accent-rgb: 205 165 255;
  --accent-hot-rgb: 238 215 255;
  --action-rgb: 81 47 139;
  --action-deep-rgb: 70 42 111;
  --line-rgb: 203 181 232;
  --line-hot-rgb: 255 221 255;
  --canvas-bg: #07030d;
  --atmosphere-image-selected: url("/dashboard/visuals/amethyst-lens-v2.png");
}

:root[data-dashboard-atmosphere="rose"] {
  --surface-rgb: 19 9 18;
  --accent-rgb: 255 160 211;
  --accent-hot-rgb: 255 218 237;
  --action-rgb: 121 45 87;
  --action-deep-rgb: 104 39 78;
  --line-rgb: 228 173 207;
  --line-hot-rgb: 255 229 242;
  --canvas-bg: #0b030a;
  --atmosphere-image-selected: url("/dashboard/visuals/rose-stellar-nursery-v2.png");
}

:root[data-dashboard-atmosphere="eclipse"] {
  --surface-rgb: 20 15 8;
  --accent-rgb: 245 194 108;
  --accent-hot-rgb: 255 232 170;
  --action-rgb: 121 72 24;
  --action-deep-rgb: 102 59 24;
  --line-rgb: 224 192 133;
  --line-hot-rgb: 255 239 193;
  --canvas-bg: #0b0803;
  --atmosphere-image-selected: url("/dashboard/visuals/eclipse-corona-v2.png");
}

:root[data-dashboard-atmosphere-ready="true"] {
  --atmosphere-image: var(--atmosphere-image-selected);
}

:root[data-dashboard-system-state="idle"] {
  --dashboard-state-energy: .24;
  --dashboard-state-sheen: 7%;
  --dashboard-state-flow-duration: 26s;
  --dashboard-state-breathe-duration: 10s;
}
:root[data-dashboard-system-state="ready"] {
  --dashboard-state-primary-rgb: var(--chroma-cyan-rgb);
  --dashboard-state-secondary-rgb: var(--chroma-blue-rgb);
  --dashboard-state-tertiary-rgb: var(--chroma-gold-rgb);
  --dashboard-state-energy: .38;
  --dashboard-state-sheen: 10%;
  --dashboard-state-flow-duration: 15s;
  --dashboard-state-breathe-duration: 7.5s;
}
:root[data-dashboard-system-state="working"] {
  --dashboard-state-primary-rgb: var(--chroma-cyan-rgb);
  --dashboard-state-secondary-rgb: var(--chroma-violet-rgb);
  --dashboard-state-tertiary-rgb: var(--chroma-gold-rgb);
  --dashboard-state-energy: .58;
  --dashboard-state-sheen: 15%;
  --dashboard-state-flow-duration: 8s;
  --dashboard-state-breathe-duration: 4.2s;
}
:root[data-dashboard-system-state="attention"] {
  --dashboard-state-primary-rgb: var(--chroma-gold-rgb);
  --dashboard-state-secondary-rgb: var(--chroma-magenta-rgb);
  --dashboard-state-tertiary-rgb: var(--chroma-violet-rgb);
  --dashboard-state-energy: .62;
  --dashboard-state-sheen: 17%;
  --dashboard-state-flow-duration: 6.5s;
  --dashboard-state-breathe-duration: 3.8s;
}
:root[data-dashboard-system-state="offline"] {
  --dashboard-state-primary-rgb: var(--chroma-blue-rgb);
  --dashboard-state-secondary-rgb: var(--chroma-violet-rgb);
  --dashboard-state-tertiary-rgb: var(--chroma-magenta-rgb);
  --dashboard-state-energy: .30;
  --dashboard-state-sheen: 6%;
  --dashboard-state-flow-duration: 24s;
  --dashboard-state-breathe-duration: 12s;
}

html { background: var(--canvas-bg); }
body {
  position: relative;
  color: var(--canvas-text);
  text-shadow: none;
  background-color: var(--canvas-bg);
  background-image:
    linear-gradient(var(--canvas-veil), var(--canvas-veil)),
    radial-gradient(circle at 4% -10%, rgb(var(--chroma-cyan-rgb) / 16%), transparent 34%),
    radial-gradient(circle at 96% 0%, rgb(var(--chroma-violet-rgb) / 14%), transparent 35%),
    radial-gradient(circle at 8% 104%, rgb(var(--chroma-magenta-rgb) / 11%), transparent 36%),
    radial-gradient(circle at 94% 94%, rgb(var(--chroma-gold-rgb) / 10%), transparent 35%),
    linear-gradient(135deg, rgb(2 4 9 / 40%), rgb(3 4 10 / 72%)),
    var(--atmosphere-image),
    radial-gradient(circle at 62% 20%, #10293a 0%, #05070c 48%, #020306 100%);
  background-position: var(--atmosphere-position);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  transition: background-color var(--motion-base) var(--ease-out), color var(--motion-fast) ease;
}
body::before,
body::after {
  content: "";
  position: fixed;
  z-index: 0;
  inset: -18%;
  display: block;
  pointer-events: none;
  user-select: none;
  mix-blend-mode: screen;
  will-change: transform, opacity, background-position;
}
/* A shared volumetric field: the current system state changes its hue,
   energy and cadence. It remains one page layer, beneath every work surface. */
body::before {
  background:
    radial-gradient(ellipse at 15% 18%, rgb(var(--dashboard-state-primary-rgb) / 24%), transparent 38%),
    radial-gradient(ellipse at 86% 12%, rgb(var(--dashboard-state-secondary-rgb) / 21%), transparent 36%),
    radial-gradient(ellipse at 48% 92%, rgb(var(--dashboard-state-tertiary-rgb) / 16%), transparent 34%),
    conic-gradient(from 140deg at 50% 50%, transparent 0 23%, rgb(var(--dashboard-state-primary-rgb) / 8%) 34%, transparent 45%, rgb(var(--dashboard-state-secondary-rgb) / 9%) 62%, transparent 76%, rgb(var(--dashboard-state-tertiary-rgb) / 7%) 88%, transparent);
  background-size: 82% 88%, 76% 78%, 64% 58%, 180% 180%;
  background-position: 0% 0%, 100% 0%, 50% 100%, 0% 0%;
  filter: blur(26px) saturate(1.38);
  opacity: var(--dashboard-state-energy);
}
/* Fine spectral ribbons keep the field legible as motion instead of a static
   gradient. Their low alpha leaves the work surface and text contrast intact. */
body::after {
  background:
    repeating-linear-gradient(116deg, transparent 0 12%, rgb(var(--dashboard-state-primary-rgb) / 7%) 13%, transparent 15% 29%),
    repeating-linear-gradient(26deg, transparent 0 18%, rgb(var(--dashboard-state-secondary-rgb) / 6%) 19%, transparent 21% 36%),
    radial-gradient(ellipse at 52% 48%, rgb(var(--dashboard-state-tertiary-rgb) / 9%), transparent 48%);
  background-size: 260% 160%, 230% 190%, 120% 120%;
  background-position: 0% 50%, 100% 50%, 50% 50%;
  filter: blur(20px) saturate(1.55);
  opacity: calc(var(--dashboard-state-energy) * .58);
}
:root[data-dashboard-system-state="working"] body::before { animation: dashboard-state-breathe var(--dashboard-state-breathe-duration) ease-in-out infinite, dashboard-state-flow var(--dashboard-state-flow-duration) linear infinite; }
:root[data-dashboard-system-state="working"] body::after { animation: dashboard-state-ribbons var(--dashboard-state-flow-duration) linear infinite; }
.workbuddy-shell { position: relative; z-index: 1; }
@keyframes dashboard-state-breathe {
  0%, 100% { transform: scale(.98); opacity: calc(var(--dashboard-state-energy) * .72); }
  50% { transform: scale(1.04); opacity: var(--dashboard-state-energy); }
}
@keyframes dashboard-state-flow {
  0% { background-position: 0% 0%, 100% 0%, 50% 100%, 0% 0%; }
  50% { background-position: 12% 8%, 88% 14%, 44% 92%, 48% 54%; }
  100% { background-position: 0% 0%, 100% 0%, 50% 100%, 96% 108%; }
}
@keyframes dashboard-state-ribbons {
  0% { background-position: 0% 50%, 100% 50%, 50% 50%; transform: rotate(-1deg) scale(1); }
  50% { background-position: 48% 42%, 54% 58%, 52% 46%; transform: rotate(1deg) scale(1.035); }
  100% { background-position: 96% 50%, 0% 50%, 50% 50%; transform: rotate(-1deg) scale(1); }
}

@media (max-width: 760px) {
  body { background-attachment: scroll; background-position: center; }
}
@media (prefers-color-scheme: light) {
  :root[data-dashboard-appearance-mode="auto"] { --reading-opacity: 93%; --canvas-veil: rgb(2 4 9 / 78%); }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --material-blur: 0px; --reading-opacity: 100%; --sheet-sheen: none; --chrome-luminance-veil: none; --material-saturation: 1; --chrome-backdrop-filter: none; --sheet-bg: rgb(var(--surface-rgb)); --chrome-bg: rgb(var(--surface-rgb)); --overlay-bg: rgb(var(--surface-rgb)); --region-base: rgb(var(--surface-rgb)); --region-raised: rgb(var(--surface-rgb)); --region-deep: rgb(var(--surface-rgb)); --control-bg: rgb(18 31 46); --control-selected-bg: rgb(22 62 66); --ui-user-message-bg: rgb(20 53 64); }
  body { background-image: linear-gradient(rgb(2 4 9 / 90%), rgb(2 4 9 / 90%)), var(--atmosphere-image), radial-gradient(circle at 62% 20%, #071522, #020306); }
  body::before, body::after { display: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root { --material-blur: 0px; --reading-opacity: 98%; --chrome-backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  body { transition: none; }
  :root[data-dashboard-system-state="working"] body::before, :root[data-dashboard-system-state="working"] body::after, body::before, body::after { animation: none; }
}
@media (forced-colors: active) {
  :root { color-scheme: light dark; --chrome-backdrop-filter: none; }
  body { color: CanvasText; background: Canvas; }
  body::before, body::after { display: none; }
}

}
@layer dashboard-material {


body { font-size: .875rem; font-weight: 400; line-height: 1.55; }
:where(h1, h2) { color: var(--ui-title); font-weight: 620; letter-spacing: -.025em; text-shadow: none; }
:where(h3, h4, h5, h6) { color: var(--ink-strong); font-weight: 600; letter-spacing: -.015em; text-shadow: none; }
:where(.section-heading, .compact-heading, .management-live-section, .workflow-workbench-panel) > :is(h3, h4) { color: var(--ui-title); }
:where(.section-heading h2, .workflow-center-heading h2, .dashboard-settings-heading h2) { font-size: clamp(1.05rem, 1.35vw, 1.35rem); line-height: 1.35; }
:where(p, li, dd) { font-weight: 400; }
:where(p, li, dd) > strong { color: var(--ui-strong); font-weight: 600; }
:where(label, legend, dt) { color: var(--ui-label); font-weight: 550; text-shadow: none; }
:where(label > span, .field-grid > label) { font-size: .75rem; }
:where(.eyebrow) { color: var(--ui-label); font-size: .65rem; font-weight: 550; letter-spacing: .06em; }
:where(.subtitle, .form-note, .management-page-lead, .section-heading > div > p:not(.eyebrow)) {
  color: var(--muted); font-size: .8rem; font-weight: 400; line-height: 1.6; max-inline-size: 70ch;
}
:where(.muted, small, .card-meta, .item-meta, .catalog-source) { color: var(--muted); font-weight: 400; text-shadow: none; }
:where(.card-title, .item-title, .card > header > strong, .list-item > div > strong) { color: var(--ink-strong); font-weight: 600; }
:where(.metric-value, .metric > strong, .metric dd, .count-badge) { color: var(--ui-value); font-weight: 650; font-variant-numeric: tabular-nums; }
:where(time, .timestamp, .event-time, .item-meta code) { color: var(--muted); font-variant-numeric: tabular-nums; }
:where(summary) { color: var(--ui-label); font-weight: 550; }
:where(a:not([class])) { color: var(--ui-label); text-underline-offset: .2em; }
:where(pre, code) { color: var(--ui-value); text-shadow: none; }
:where(.agent-markdown, .workflow-run-outputs) { color: var(--text); line-height: 1.65; text-shadow: none; }
@media (forced-colors: active) {
  :where(h1, h2, h3, h4, h5, h6, label, legend, dt, p, li, dd, small, summary, pre, code, .muted, .eyebrow, .count-badge) { color: CanvasText; text-shadow: none; }
  :where(a:not([class])) { color: LinkText; }
}

/*
 * Canonical translucent material system. Palette and page artwork are owned by
 * styles-atmosphere-system.ts; this file only maps structure to visual depth.
 *
 * There are exactly three visual depths:
 *   0. canvas        — the product background and unboxed route layout;
 *   1. reading sheet — one tinted surface per independent work region;
 *   2. overlay       — dialogs, drawers and popovers that must float above work.
 *
 * Independent work regions share one translucent material; nested rows stay flat.
 * Text roles, control states and region boundaries supply hierarchy without new layout layers.
 */
/* Level 0 — one continuous canvas. */
.workbuddy-shell,
.workbuddy-main,
.dashboard-workspace,
.generated-app-workspace,
.agent-studio,
.agent-studio-conversation,
.agent-studio-front,
.digital-employee-focus,
.digital-employee-lab {
  color: var(--canvas-text);
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.workbuddy-main {
  --text: var(--canvas-text);
  --ink-strong: var(--canvas-text-strong);
  --muted: var(--canvas-muted);
  --accent: var(--canvas-accent);
  --accent-strong: var(--canvas-accent);
}
.workbuddy-main > .topbar {
  color: var(--canvas-text);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.workbuddy-main > .topbar h1 { color: var(--canvas-text-strong); }
.workbuddy-main > .topbar :is(.subtitle, .muted, .message) { color: var(--canvas-muted); }
.workbuddy-main > .topbar :is(h1, .subtitle) { text-shadow: inherit; }
/* Persistent navigation keeps ink glass with a quiet iridescent reflection.
 * Layout modules own geometry, never a replacement palette or opacity. */
.dashboard-workspace-topnav {
  background-color: var(--chrome-bg);
  background-image: var(--chrome-luminance-veil);
  backdrop-filter: var(--chrome-backdrop-filter);
  -webkit-backdrop-filter: var(--chrome-backdrop-filter);
  box-shadow: var(--shadow-edge);
}
/* Borderless navigation material; the separate resize line owns edge feedback.
 * Each reading sheet separately owns its blur; page artwork is never blurred. */
.workbuddy-sidebar,
.dashboard-settings-sidebar {
  border: 0;
  background-color: var(--chrome-bg);
  background-image: var(--chrome-luminance-veil);
  box-shadow: none;
  backdrop-filter: var(--chrome-backdrop-filter);
  -webkit-backdrop-filter: var(--chrome-backdrop-filter);
}
.workbuddy-sidebar {
  --text: var(--canvas-text);
  --ink-strong: var(--canvas-text-strong);
  --muted: var(--canvas-muted);
  --accent: var(--canvas-accent);
  --accent-strong: rgb(var(--accent-hot-rgb));
  color: var(--text);
}
.workbuddy-brand::after { display: none; }
.workbuddy-brand-mark {
  color: var(--canvas-text-strong);
  border: 0;
  background: linear-gradient(145deg, rgb(var(--action-rgb)), rgb(var(--action-deep-rgb)));
  box-shadow: none;
}
.workbuddy-sidebar .section-nav,
.business-plugin-nav,
.generated-app-workspace-nav,
.status-cluster {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.workbuddy-sidebar :where(.section-nav a, .workbuddy-task-session),
.business-plugin-nav a,
.generated-app-workspace-nav :is(a, button) {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.workbuddy-sidebar :where(.section-nav a, .workbuddy-task-session):is(:hover, [aria-current="page"], [aria-current="location"]) {
  color: var(--text);
  background: var(--wb-selected);
  box-shadow: inset 1px 0 var(--line-hot), inset 9px 0 18px -16px var(--line-hot);
}

/* The open workboard stays on the ink canvas; its actual work lanes own pearl contrast. */
.company-flow-lane {
  color: var(--text);
}
/* Level 1 — one reading sheet per route or independent work column. */
:where(
  .dashboard-workspace > .panel:not(#overview):not(#workboard):not(#company-brain):not(.digital-employee-workspace),
  .dashboard-settings-content > .panel,
  .dashboard-work-panel-slot > .panel:not(#workboard):not(#company-brain),
  .digital-employee-directory,
  .digital-employee-lab,
  .digital-employee-coaching-panel,
  .agent-capability-workspace,
  .agent-command-center,
  .agent-roster-workspace,
  .apps-workspace,
  .generated-app-workspace,
  .business-plugin-workspace
) {
  --sheet-hairline-center: var(--line-rest);
  --text: var(--surface-text);
  --ink-strong: var(--surface-text-strong);
  --muted: var(--surface-muted);
  --accent: var(--canvas-accent);
  --accent-strong: rgb(var(--accent-hot-rgb));
  color: var(--text);
  container-type: inline-size;
  padding: var(--ui-sheet-padding);
  border: 0;
  border-radius: var(--radius-sheet);
  background-color: var(--sheet-bg);
  background-image: var(--sheet-edge), var(--sheet-sheen), var(--reading-luminance-veil);
  background-position: center top, center, center;
  background-size: 100% 1px, 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  box-shadow: var(--shadow-sheet);
  backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
  -webkit-backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
  transition: background-color var(--motion-base) var(--ease-out), backdrop-filter var(--motion-base) var(--ease-out);
}
.dashboard-workspace > .digital-employee-workspace {
  --text: var(--canvas-text);
  --ink-strong: var(--canvas-text-strong);
  --muted: var(--canvas-muted);
  --accent: var(--canvas-accent);
  --accent-strong: var(--canvas-accent);
  color: var(--text);
  border: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:where(
  .dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
  .digital-employee-directory, .digital-employee-lab, .digital-employee-coaching-panel,
  .agent-capability-workspace, .agent-command-center, .agent-roster-workspace,
  .apps-workspace, .generated-app-workspace, .business-plugin-workspace
):focus-within {
  --sheet-hairline-center: var(--line-hot);
}
.digital-employee-focus {
  min-width: 0;
  overflow: clip;
  color: inherit;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#overview.panel {
  color: var(--text);
  background-color: var(--sheet-bg);
  background-image:
    linear-gradient(118deg, rgb(var(--dashboard-state-primary-rgb) / var(--dashboard-state-sheen)), transparent 42%, rgb(var(--dashboard-state-secondary-rgb) / 10%) 72%, rgb(var(--dashboard-state-tertiary-rgb) / 7%)),
    var(--sheet-sheen);
  background-size: 190% 190%, 100% 100%;
  background-position: 0% 50%, center;
  box-shadow: var(--shadow-sheet);
  backdrop-filter: blur(var(--material-blur));
  -webkit-backdrop-filter: blur(var(--material-blur));
}
/* Conversation mode is one pearl reading rail: the transcript and its
 * composer share a surface seam while the adjacent workboard stays ink. */
.dashboard-work-layout[data-conversation="shown"] > #overview {
  border-bottom: 0;
  border-radius: var(--radius-sheet) var(--radius-sheet) 0 0;
  background-image: var(--sheet-edge), var(--sheet-sheen);
  background-position: center top, center;
  background-size: 100% 1px, 100% 100%;
  background-repeat: no-repeat;
  background-color: var(--sheet-bg);
  backdrop-filter: blur(20px) saturate(1.22);
  -webkit-backdrop-filter: blur(20px) saturate(1.22);
}
.dashboard-work-layout[data-conversation="shown"] .dashboard-work-composer-heading {
  margin: 0;
  padding: .42rem .65rem .18rem;
  color: var(--ui-label);
}
.dashboard-work-layout[data-conversation="shown"] .dashboard-work-composer-heading > small { color: var(--ui-muted); }
.dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot > .agent-conversation-form {
  border-radius: 0;
}
/* Keep the command input independent from the reading rail. The grid row
 * reserves its space, so the centered control never covers the canvas. */
.dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot {
  grid-column: 1 / -1;
  grid-row: 2;
  grid-area: 2 / 1 / auto / -1;
  width: min(68rem, calc(100% - 1rem));
  justify-self: center;
  padding-bottom: 0;
  pointer-events: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: hidden;
}
.dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot > * { pointer-events: auto; }
.dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot > .dashboard-work-composer-heading {
  justify-content: center;
  margin: 0 0 .18rem;
  color: color-mix(in srgb, var(--ui-muted) 82%, transparent);
  opacity: .78;
}
.dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot .agent-conversation-form {
  width: 100%;
  margin-inline: auto;
}
.dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot .agent-conversation-form textarea {
  animation: dashboard-composer-breath 4.8s ease-in-out infinite;
}
.dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot .agent-conversation-form textarea:focus {
  border-color: var(--line-hot);
}
@keyframes dashboard-composer-breath {
  0%, 100% { box-shadow: inset 0 1px 0 color-mix(in srgb, white 58%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 4%, transparent), 0 12px 32px -24px color-mix(in srgb, var(--accent) 52%, transparent); }
  50% { box-shadow: inset 0 1px 0 color-mix(in srgb, white 74%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 11%, transparent), 0 15px 38px -22px color-mix(in srgb, var(--accent) 68%, transparent); }
}
@keyframes dashboard-state-surface-flow {
  0% { background-position: 0% 50%, center; }
  50% { background-position: 100% 44%, center; }
  100% { background-position: 0% 50%, center; }
}
.dashboard-work-layout[data-conversation="shown"] #overview .agent-message {
  background-image: var(--sheet-sheen);
  box-shadow: inset 0 0 0 1px var(--sheet-divider), 0 8px 22px -20px rgb(52 47 77 / 42%);
}
.dashboard-work-layout[data-conversation="shown"] #overview .agent-message.is-user {
  background-image: linear-gradient(130deg, rgb(var(--chroma-violet-rgb) / 20%), rgb(var(--chroma-cyan-rgb) / 16%) 68%, rgb(var(--chroma-gold-rgb) / 12%));
  box-shadow: inset 0 0 0 1px rgb(87 82 145 / 21%), 0 8px 22px -20px rgb(52 47 77 / 42%);
}
.dashboard-work-layout[data-conversation="shown"] #overview .agent-message.is-system {
  background-image: none;
  box-shadow: none;
}
.agent-studio {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace):focus-visible {
  outline: 3px solid var(--accent-strong);
  outline-offset: 3px;
  box-shadow: none;
}
/* Route and dialog headings receive focus as navigation destinations. Express that
 * destination with a luminous text hairline instead of drawing a card-shaped frame
 * around otherwise borderless content. Forced-colour users retain a native outline. */
:where([data-dashboard-route-focus], #guided-tour-heading, #guided-tour-step-heading):focus-visible {
  outline: 0;
  text-decoration-line: underline;
  text-decoration-color: var(--focus-ring);
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
  text-shadow: 0 0 18px color-mix(in srgb, var(--focus-ring) 32%, transparent);
}
.guided-tour-mission-panel:focus-visible {
  outline: 0;
  box-shadow: inset 2px 0 var(--line-hot), -8px 0 22px -20px var(--line-hot);
}
/* Nested structure stays flat; independent regions below receive one shared material. */
:where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace), .generated-app-workspace > .panel,
  .digital-employee-directory) :where(
    .metric, .card, .list-item, .event-item, article, fieldset,
    .configuration-editor, .configuration-preview, .model-catalog, .managed-credential-center,
    .communication-connector-card, .communication-aibot-outbound, .communication-outlet-setup,
    .communication-setup-form, .workflow-editor-shell, .workflow-inspector, .workflow-preview,
    .workflow-disclosure, .workflow-primary-tool, .workflow-lifecycle-grid > section,
    .taught-skill-template-bar, .taught-skill-example-card, .taught-skill-targets,
    .taught-skill-draft-summary, .agent-roster-workspace, .agent-command-center,
    .agent-command-plan, .agent-tool-delegation, .agent-studio-backend,
    .agent-canvas-inspector, .agent-media-renderer, .lan-candidate-body,
    .digital-employee-profile, .digital-employee-operating-picture, .digital-employee-todo,
    .digital-employee-schedule, .digital-employee-work-resources, .digital-employee-model-policy,
    .digital-employee-onboarding,
    .digital-employee-brain-inspector, .digital-employee-brain-settings,
    .digital-employee-capability-lens, .digital-employee-fabric,
    .boss-operating-system, .boss-os-realm-control, .boss-os-tenant-bar,
    .boss-os-membership-control, .boss-os-surface, .boss-os-card,
    .boss-os-membership-card, .boss-os-cloud-create, .boss-os-bot-create,
    .boss-os-role-card, .boss-os-mailbox-item, .boss-os-rbac-summary > span,
    .boss-os-directory-metrics > span, .plus-mode-guide, .plus-mode-card,
    .generated-app-first-look, .generated-app-card, .business-plugin-card,
    .system-refresh-tools, .local-component-console, .local-component-card
  ) {
  color: var(--text);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace), .generated-app-workspace > .panel) :where(
  .list-item, .event-item, .card, .metric, .boss-os-card, .boss-os-membership-card,
  .boss-os-mailbox-item, .communication-connector-card, .digital-employee-capability-item,
  .workflow-run-trace li, .candidate-row, .monitor-console-item
) {
  --region-line-color: var(--sheet-divider);
  border-block-end: 0;
  border-radius: 0;
}
:where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace), .generated-app-workspace > .panel) :where(
  .list-item, .event-item, .card, .boss-os-card, .boss-os-membership-card,
  .boss-os-mailbox-item, .communication-connector-card
):is(:hover, :focus-within) {
  --region-line-color: var(--line-active);
  background-color: var(--sheet-bg-hover);
  box-shadow: inset 0 -7px 18px -18px var(--line-hot);
}

/* One regional fill groups related information; it does not add another backdrop. */
:where(.management-live-section, .configuration-editor, .configuration-preview, .model-catalog,
  .managed-credential-center, .communication-connector-card, .communication-native-compose,
  .digital-employee-profile, .digital-employee-operating-picture, .digital-employee-onboarding,
  .digital-employee-brain-settings, .agent-job-card, .boss-os-card, .boss-os-cloud-create,
  .boss-os-bot-create, .generated-app-card, .business-plugin-card, .system-refresh-tools,
  .local-component-console, .local-component-card, .agent-result-artifacts) {
  border: 1px solid var(--sheet-divider); border-radius: 10px;
  background-color: var(--sheet-bg-quiet); box-shadow: none;
}
:where(.management-disclosure, .workflow-disclosure, .configuration-editor > details) {
  border-color: var(--sheet-divider); border-radius: 8px; background-color: transparent;
}
:where(.management-disclosure, .workflow-disclosure, .configuration-editor > details) > summary { color: var(--ui-label); }
:where(.metric, .card, .list-item, .event-item) { text-shadow: none; }

/* Inputs and ordinary buttons are quiet. Explicit primary actions carry the accent. */
input,
textarea,
select {
  color: var(--text);
  min-height: var(--ui-control-min); padding: .5rem .65rem; font-size: .8125rem; line-height: 1.5;
  border: 0;
  border-radius: var(--radius-control);
  background: var(--glass-input);
  box-shadow: inset 0 0 0 1px var(--line-rest);
}
input::placeholder,
textarea::placeholder { color: var(--surface-muted); opacity: .92; }
input:is(:hover, :focus),
textarea:is(:hover, :focus),
select:is(:hover, :focus) {
  color: var(--text);
  background: color-mix(in srgb, var(--glass-input), rgb(var(--accent-rgb) / 9%));
  box-shadow: inset 0 0 0 1px var(--line-active);
}
input[type="checkbox"],
input[type="radio"] { accent-color: var(--accent-strong); min-height: auto; padding: 0; }
button {
  color: var(--control-text);
  min-height: var(--ui-control-min); padding: .4rem .7rem; font-size: .75rem; line-height: 1.4;
  font-weight: 550; text-shadow: none;
  border: 0;
  border-radius: var(--radius-control);
  background: var(--control-bg);
  box-shadow: inset 0 0 0 1px var(--sheet-line);
  transition: color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}
button:hover:not(:disabled) { color: var(--ink-strong); background: var(--control-selected-bg); filter: none; transform: none; box-shadow: inset 0 0 0 1px var(--line-active); }
button:active:not(:disabled) { transform: translateY(0); }
button[type="submit"]:not(.secondary, .danger):not(:disabled),
button.primary:not(:disabled),
button.ui-primary-action:not(:disabled),
.public-command-catalog-primary:not(:disabled),
.agent-harness-mini-primary:not(:disabled),
#agent-conversation-submit:not(:disabled),
.adaptive-conversation-primary > .adaptive-home-step:not(.is-unavailable):not(:disabled) {
  color: var(--ui-primary-text);
  background: var(--action-bg);
  box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 32%);
}
button[type="submit"]:not(.secondary, .danger):hover:not(:disabled),
button.primary:hover:not(:disabled),
button.ui-primary-action:hover:not(:disabled),
.public-command-catalog-primary:hover:not(:disabled),
.agent-harness-mini-primary:hover:not(:disabled),
#agent-conversation-submit:hover:not(:disabled),
.adaptive-conversation-primary > .adaptive-home-step:not(.is-unavailable):hover {
  color: var(--ui-primary-text);
  background: var(--action-bg-hover);
  box-shadow: inset 0 0 0 1px var(--accent);
}
.adaptive-conversation-primary > .adaptive-home-step:not(.is-unavailable)::after { color: currentColor; }
button.secondary,
.agent-composer-menu > summary {
  color: var(--control-text); border: 0;
  background: var(--control-bg);
  box-shadow: none;
}
button.secondary:hover:not(:disabled),
.agent-composer-menu > summary:hover { color: var(--text); background: var(--sheet-bg-hover); }
button.danger { color: var(--danger); border: 0; background: var(--status-danger-soft); box-shadow: inset 0 -1px color-mix(in srgb, var(--danger) 34%, transparent); }
button.danger:hover:not(:disabled) { color: #ffd5df; background: rgb(132 39 65 / 68%); }
button:disabled { color: var(--muted); background: var(--ui-field-bg); opacity: .58; box-shadow: inset 0 0 0 1px var(--sheet-divider); transform: none; }
select option, select optgroup { color: var(--text); background: rgb(var(--surface-rgb)); }
button.ui-choice-row {
  color: var(--control-text);
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  text-align: left;
  transform: none;
}
button.ui-choice-row:is(:hover, :focus-visible):not(:disabled) {
  color: var(--text);
  border-block-end-color: var(--line-active);
  background: var(--sheet-bg-hover);
  box-shadow: inset 1px 0 var(--line-active), inset 8px 0 18px -16px var(--line-active);
  transform: none;
}
button.ui-choice-row:is(.is-selected, [aria-current="true"], [aria-checked="true"]) {
  color: var(--text);
  border-block-end-color: var(--line-hot);
  background: var(--sheet-bg-hover);
  box-shadow: inset 1px 0 var(--line-hot), inset 8px 0 18px -16px var(--line-hot);
}
button.ui-choice-row[data-state="ready"] { border-block-end-color: var(--line-active); }
button.ui-choice-row[data-state="setup"] { border-block-end-color: color-mix(in srgb, var(--warning) 62%, transparent); }
/* Speaker identity is visible in the bubble tint; the transcript remains readable. */
.agent-message {
  --text: var(--surface-text);
  --ink-strong: var(--surface-text-strong);
  --muted: var(--surface-muted);
  color: var(--text);
  border: 0;
  background: var(--sheet-bg-quiet);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.agent-message.is-user { background: var(--ui-user-message-bg); }
.agent-message.is-system { background: transparent; }
.agent-conversation-form {
  --text: var(--surface-text);
  --ink-strong: var(--surface-text-strong);
  --muted: var(--surface-muted);
  color: var(--text);
  border: 0;
  background: var(--sheet-bg);
  box-shadow: var(--shadow-edge);
  backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
  -webkit-backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
}
.agent-conversation-form:focus-within { box-shadow: inset 0 0 0 1px var(--line-active); }
/* The persistent command bar is the one intentional level-1 glass field.
 * Keep its material here so layout modules only decide where it sits. */
.dashboard-work-composer-slot > .agent-conversation-form {
  min-width: 0;
  color: var(--surface-text);
  border: 0;
  border-radius: 10px;
  background-color: rgb(var(--surface-rgb) / 20%);
  background-image: var(--sheet-sheen);
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 14%, transparent);
  backdrop-filter: blur(20px) saturate(1.28);
  -webkit-backdrop-filter: blur(20px) saturate(1.28);
  animation: dashboard-state-surface-flow var(--dashboard-state-flow-duration) linear infinite;
}
.dashboard-work-composer-slot > .agent-conversation-form textarea {
  min-height: 64px;
  height: clamp(64px, 8dvh, 104px);
  max-height: min(24dvh, 220px);
  padding: .82rem 1rem;
  border: 1px solid color-mix(in srgb, var(--line-hot) 30%, transparent);
  border-radius: 10px;
  color: var(--text);
    background-color: rgb(var(--surface-rgb) / 14%);
  background-image: linear-gradient(120deg, rgb(var(--dashboard-state-primary-rgb) / 9%), transparent 48%, rgb(var(--dashboard-state-secondary-rgb) / 8%));
  background-size: 180% 180%;
  background-position: 0% 50%;
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent),
    0 10px 30px -24px rgb(var(--accent-rgb) / 58%);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  animation: dashboard-state-surface-flow var(--dashboard-state-flow-duration) linear infinite;
}
.dashboard-work-composer-slot > .agent-conversation-form textarea:focus {
  border-color: var(--line-hot);
  background-color: rgb(var(--surface-rgb) / 26%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 34%, transparent),
    0 0 0 3px rgb(var(--accent-rgb) / 12%),
    0 16px 38px -25px rgb(var(--accent-rgb) / 72%);
}
.dashboard-work-composer-slot > .agent-conversation-form .agent-conversation-actions {
  min-height: 48px;
}
.dashboard-work-composer-slot > .agent-conversation-form #agent-conversation-submit {
  min-inline-size: 92px;
  min-width: 92px;
  min-height: 48px;
  border-radius: 999px;
  color: var(--ui-primary-text);
  background: color-mix(in srgb, var(--ui-primary-bg) 78%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 18%, transparent),
    0 10px 24px -18px rgb(var(--accent-rgb) / 62%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.dashboard-work-composer-slot > .agent-conversation-form #agent-conversation-submit:hover:not(:disabled) {
  background: color-mix(in srgb, var(--action-bg-hover) 76%, transparent);
}
.agent-markdown pre { color: var(--text); border: 0; background: var(--glass-input); box-shadow: inset 0 1px var(--line-rest); }
.security-notice {
  border: 0;
  border-radius: 0;
  background: color-mix(in srgb, var(--warning) 7%, transparent);
  box-shadow: inset 1px 0 color-mix(in srgb, var(--warning) 72%, transparent), inset 9px 0 20px -18px var(--warning);
}

/* Level 2 — only genuine floating surfaces receive strong opacity and elevation. */
:where(.agent-collaboration-room-drawer, .agent-composer-menu-popover,
  .agent-authority-popover, .workbuddy-shell > .auth-panel,
  .agent-media-tools[open], .guided-tour) {
  --text: var(--surface-text);
  --ink-strong: var(--surface-text-strong);
  --muted: var(--surface-muted);
  color: var(--text);
  border: 0;
  background: var(--overlay-bg);
  box-shadow: inset 0 1px var(--overlay-line), var(--shadow-overlay);
  backdrop-filter: blur(var(--material-blur));
  -webkit-backdrop-filter: blur(var(--material-blur));
}
:where(.agent-collaboration-room-drawer, .agent-composer-menu-popover,
  .agent-authority-popover, .workbuddy-shell > .auth-panel, .guided-tour) :where(
  .panel, article, section, fieldset, details, .card, .metric, .list-item,
  .agent-authority-employees, .agent-execution-paths, .agent-approval-policy,
  .agent-authority-advanced, .agent-authority-employee
) {
  color: var(--text);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.workbuddy-shell > .auth-panel :where(.admin-account-directory-card, .admin-account-directory > details) {
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.dashboard-auth-backdrop { background: var(--scrim-neutral); backdrop-filter: none; -webkit-backdrop-filter: none; }
button.dashboard-auth-backdrop:is(:hover, :active, :focus-visible) { background: var(--scrim-neutral); box-shadow: none; filter: none; transform: none; }
.workbuddy-shell > .auth-panel .auth-panel-heading { backdrop-filter: none; -webkit-backdrop-filter: none; }
.pill,
.count-badge { color: var(--ui-value); background: var(--ui-secondary-bg); border: 0; box-shadow: inset 0 0 0 1px var(--sheet-divider); font-weight: 550; }
.pill.ok { color: var(--status-ok); background: var(--status-ok-soft); }
.pill.warn { color: var(--status-warning); background: var(--status-warning-soft); }
.pill.bad,
.pill.failed { color: var(--status-danger); background: var(--status-danger-soft); }
.status-dot.status-ok,
.system-map-plugin-node i.is-online,
.agent-live-presence-item.is-online .agent-live-presence-dot {
  background: var(--status-ok-strong);
  box-shadow: 0 0 0 4px var(--status-ok-soft);
  animation: none;
}
@keyframes translucent-flat-live { 50% { opacity: .72; transform: scale(.9); } }

/* The hit area stays invisible. Only the single, fading line communicates
 * hover, keyboard focus and dragging; never draw a rectangle around the div. */
.dashboard-resize-handle { border: 0; background: transparent; box-shadow: none; }
.dashboard-resize-handle:focus-visible { outline: 0; }
.dashboard-resize-handle::before {
  background: linear-gradient(180deg, transparent, var(--line-rest) 15%, var(--line-active) 50%, var(--line-rest) 85%, transparent);
  filter: none;
  transition: background var(--motion-fast) ease, filter var(--motion-fast) ease;
}
.dashboard-resize-handle::after {
  background: var(--line-active);
  box-shadow: 0 0 8px var(--line-glow);
  transition: background var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}
:is(.workbuddy-sidebar, .dashboard-settings-sidebar):is(:hover, :focus-within) ~ .dashboard-resize-handle::before,
.dashboard-resize-handle:is(:hover, :focus-visible, [data-resizing="true"])::before {
  background: linear-gradient(180deg, transparent, var(--line-active) 12%, var(--line-hot) 50%, var(--line-active) 88%, transparent);
  filter: drop-shadow(0 0 7px var(--line-glow));
}
:is(.workbuddy-sidebar, .dashboard-settings-sidebar):is(:hover, :focus-within) ~ .dashboard-resize-handle::after,
.dashboard-resize-handle:is(:hover, :focus-visible, [data-resizing="true"])::after {
  background: var(--line-hot);
  box-shadow: 0 0 12px var(--line-hot), 0 0 22px var(--line-glow);
}
/* A wider grip makes keyboard focus visible without outlining the hit area. */
.dashboard-resize-handle:focus-visible::after { transform: translateY(-50%) scaleX(1.5); }
@media (forced-colors: active) {
  .dashboard-resize-handle { --line-rest: CanvasText; --line-active: CanvasText; --line-hot: Highlight; --line-glow: transparent; }
  .dashboard-resize-handle::before, .dashboard-resize-handle::after { forced-color-adjust: none; }
}

* { scrollbar-width: thin; scrollbar-color: rgb(var(--line-rgb) / 34%) transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: rgb(var(--line-rgb) / 38%); background-clip: padding-box; }
::-webkit-scrollbar-track { background: transparent; }

@media (max-width: 760px) {
  .dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
  .generated-app-workspace,
  .digital-employee-directory,
  .digital-employee-lab,
  .digital-employee-coaching-panel { border-radius: 14px; }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :where(.agent-collaboration-room-drawer, .agent-composer-menu-popover,
    .agent-authority-popover, .workbuddy-shell > .auth-panel, .guided-tour) { background: rgb(var(--surface-rgb)); }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --reading-opacity: 100%; --sheet-bg: rgb(var(--surface-rgb)); --chrome-bg: rgb(var(--surface-rgb)); --overlay-bg: rgb(var(--surface-rgb)); }
  :where(.workbuddy-sidebar, .dashboard-workspace > .panel, .agent-message,
    .agent-conversation-form, .agent-collaboration-room-drawer,
    .agent-composer-menu-popover, .agent-authority-popover, .workbuddy-shell > .auth-panel,
    .guided-tour) {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .dashboard-work-layout[data-conversation="shown"] > #overview,
  .dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot {
    background-color: rgb(var(--surface-rgb));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot .agent-conversation-form textarea { animation: none; background: rgb(var(--surface-rgb)); }
}
@media (prefers-contrast: more) {
  :root { --reading-opacity: 100%; }
  :where(.dashboard-workspace, .dashboard-work-panel-slot, .agent-conversation-form) { --sheet-line: currentColor; --sheet-divider: currentColor; }
  .dashboard-workspace > .panel:not(#overview), .digital-employee-directory,
  .digital-employee-lab, .digital-employee-coaching-panel,
  :where(.agent-collaboration-room-drawer, .agent-composer-menu-popover,
    .agent-authority-popover, .workbuddy-shell > .auth-panel, .guided-tour) { border: 2px solid var(--sheet-line); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; transition-delay: 0s !important; }
  button, .status-dot.status-ok, .system-map-plugin-node i.is-online,
  .agent-live-presence-item.is-online .agent-live-presence-dot, .monitor-edge.is-live { animation: none; }
  button:hover:not(:disabled) { transform: none; }
}
@media (forced-colors: active) {
  :root { color-scheme: light dark; }
  body, .workbuddy-shell, .workbuddy-main, .workbuddy-sidebar, .dashboard-settings-sidebar, .dashboard-workspace > .panel,
  .dashboard-work-panel-slot > .panel, #overview.panel,
  .digital-employee-directory, .digital-employee-focus, .agent-message, .agent-conversation-form,
  .agent-collaboration-room-drawer, .agent-composer-menu-popover,
  .agent-authority-popover, .workbuddy-shell > .auth-panel, .guided-tour {
    color: CanvasText;
    border: 1px solid CanvasText;
    background: Canvas;
    box-shadow: none;
    backdrop-filter: none;
  }
  .dashboard-work-layout[data-conversation="shown"] > #overview,
  .dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot {
    color: CanvasText;
    border: 1px solid CanvasText;
    background: Canvas;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .dashboard-work-layout[data-conversation="shown"] > #overview { border-bottom: 0; }
  .dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot { border-top: 0; }
  .dashboard-work-layout[data-conversation="shown"] > .dashboard-work-composer-slot .agent-conversation-form textarea {
    background: Canvas;
    border-color: CanvasText;
    box-shadow: none;
    animation: none;
  }
  .dashboard-work-layout[data-conversation="shown"] #overview .agent-message,
  .dashboard-work-layout[data-conversation="shown"] #overview .agent-message * {
    color: CanvasText;
    border-color: CanvasText;
    background: Canvas;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  button, #agent-conversation-submit { color: ButtonText; border: 1px solid ButtonText; background: ButtonFace; }
  :where([data-dashboard-route-focus], #guided-tour-heading, #guided-tour-step-heading):focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 3px;
    text-decoration: none;
    text-shadow: none;
  }
  .guided-tour-mission-panel:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: -3px;
    box-shadow: none;
  }
}


/* Native, device-local appearance picker. It consumes the fixed atmosphere registry only. */
.workbuddy-atmosphere { min-width: 0; }
.workbuddy-atmosphere > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .35rem .45rem;
  color: var(--muted);
  font-size: .76rem;
  font-weight: 760;
  list-style: none;
  cursor: pointer;
}
.workbuddy-atmosphere > summary::-webkit-details-marker { display: none; }
.workbuddy-atmosphere > summary small { color: var(--text); font-weight: 640; }
.workbuddy-atmosphere:not([open]) > .dashboard-atmosphere-picker { display: none; }
.dashboard-atmosphere-picker {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .25rem;
  margin: 0;
  padding: .35rem .2rem .55rem;
  border: 0;
  background: transparent;
}
.dashboard-atmosphere-picker label {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 44px;
  grid-template-columns: 1.1rem minmax(0, 1fr);
  align-items: center;
  gap: .35rem;
  padding: .35rem;
  color: var(--muted);
  border-radius: 8px;
  background-color: transparent;
  box-shadow: inset 0 -1px var(--line-rest);
  cursor: pointer;
  transition: color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}
.dashboard-atmosphere-picker .atmosphere-choice-adaptive {
  grid-column: 1 / -1;
  grid-template-columns: 1.1rem minmax(0, 1fr) auto;
}
.dashboard-atmosphere-picker .atmosphere-choice-adaptive::after {
  content: "随当前工作区";
  color: var(--muted);
  font-size: .62rem;
  font-weight: 560;
  letter-spacing: .02em;
}
.dashboard-atmosphere-picker input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  opacity: 0;
  pointer-events: none;
}
.dashboard-atmosphere-picker label:is(:hover, :has(input:checked)) {
  color: var(--text);
  background-color: var(--sheet-bg-hover);
  box-shadow: inset 0 -1px var(--line-active), 0 7px 20px -20px var(--line-hot);
}
.dashboard-atmosphere-picker label:has(input:focus-visible) {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.atmosphere-swatch { width: 1rem; height: 1rem; border-radius: 50%; box-shadow: 0 0 10px currentColor; }
.atmosphere-swatch-adaptive { color: #b9f4ed; background: conic-gradient(from 35deg, #6ce7e9, #9b78ff, #ff9ecc, #ffcc84, #6ce7e9); }
.atmosphere-swatch-cosmic { color: #83e3d0; background: linear-gradient(135deg, #0b2734, #83e3d0 58%, #d6b66a); }
.atmosphere-swatch-neural { color: #67e5e9; background: linear-gradient(135deg, #081c34, #67e5e9 58%, #ffc66d); }
.atmosphere-swatch-orbital { color: #7ed3ff; background: linear-gradient(135deg, #071a36, #7ed3ff 58%, #ffcb6b); }
.atmosphere-swatch-amethyst { color: #d7afff; background: linear-gradient(135deg, #2b0b4d, #d7afff 58%, #5da1ff); }
.atmosphere-swatch-rose { color: #ffb5da; background: linear-gradient(135deg, #4d0d35, #ffb5da 58%, #886bff); }
.atmosphere-swatch-eclipse { color: #ffcc84; background: linear-gradient(135deg, #3c1607, #ffcc84 58%, #ca493c); }

@media (max-width: 760px) {
  .workbuddy-atmosphere > summary {
    display: flex;
    min-height: 44px;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: .35rem;
    padding: .35rem .45rem;
    overflow: hidden;
    white-space: nowrap;
  }
  .workbuddy-atmosphere > summary > span { overflow: hidden; text-overflow: ellipsis; }
  .workbuddy-atmosphere > summary small { overflow: hidden; text-overflow: ellipsis; }
  .workbuddy-atmosphere[open] > summary { color: var(--text); background: var(--wb-selected); }
  .workbuddy-atmosphere[open] > .dashboard-atmosphere-picker {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    padding: .45rem .2rem .65rem;
    color: var(--surface-text);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .dashboard-atmosphere-picker .atmosphere-choice-adaptive { grid-column: 1 / -1; }
}
@media (forced-colors: active) {
  .dashboard-atmosphere-picker label { color: CanvasText; box-shadow: inset 0 -1px CanvasText; }
  .dashboard-atmosphere-picker label:has(input:checked) { color: HighlightText; outline: 2px solid Highlight; background: Highlight; }
  .dashboard-atmosphere-picker label:has(input:focus-visible) { outline: 3px solid Highlight; outline-offset: 2px; }
}


/* Feature surfaces map structure to shared region tokens; palette stays canonical. */
/* The conversation home stays on the canvas instead of adding a white-green hero card. */
.adaptive-workforce-home {
  --text: var(--canvas-text);
  --ink-strong: var(--canvas-text-strong);
  --muted: var(--canvas-muted);
  --accent: var(--canvas-accent);
  --accent-strong: var(--canvas-accent);
  color: var(--text);
  padding-inline: 0;
  border: 0;
  border-block-end: 1px solid var(--line-rest);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.adaptive-workforce-home > header a {
  color: var(--text);
  border: 0;
  background: var(--glass-input);
  box-shadow: inset 0 -1px var(--line-rest);
}
.adaptive-workforce-person {
  color: var(--text);
  border-radius: 12px;
  border-block-end: 1px solid var(--line-rest);
  background: var(--region-base);
  box-shadow: none;
}
.adaptive-workforce-person:is(:hover, :focus-visible) { color: var(--text); border-block-end-color: var(--line-active); background: var(--sheet-bg-hover); }
.adaptive-workforce-person:is(.is-attention, .is-working) { box-shadow: inset 1px 0 currentColor, inset 8px 0 18px -16px currentColor; }
.adaptive-workforce-identity small,
.adaptive-workforce-counts,
.adaptive-workforce-status { color: var(--muted); }
.workflow-workbench-tabs button { color: var(--muted); background: transparent; box-shadow: none; }
.workflow-workbench-tabs button[aria-selected="true"] { color: var(--ui-title); background: var(--control-selected-bg); box-shadow: inset 0 -2px var(--accent); }
/* Inline tools replace the conversation rather than floating above another sheet. */
:where(.agent-capability-workspace, .agent-command-center, .agent-roster-workspace) {
  min-width: 0;
}
:where(.agent-capability-workspace, .agent-command-center, .agent-roster-workspace) :where(
  article, section, fieldset, details, .card, .metric, .list-item,
  .agent-command-plan, .agent-command-readiness, .agent-roster-card,
  .agent-roster-summary, .agent-roster-skills, .agent-roster-capabilities
) {
  color: var(--text);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.agent-capability-grid > a { background: transparent; }
.agent-capability-grid > a:hover { background: var(--sheet-bg-hover); }
/* The application catalog is one route sheet; factory and examples are content sections. */
.apps-workspace {
  display: grid;
  min-height: 0;
  gap: var(--ui-section-gap);
  padding: var(--ui-sheet-padding);
  overflow: auto;
}
.apps-workspace > :where(.panel, section, details, article) {
  color: var(--text);
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.apps-workspace > .business-plugin-center { border-block-start: 1px solid var(--sheet-divider); }
.apps-workspace .generated-app-first-look {
  color: var(--text);
  border: 0;
  border-block: 1px solid var(--sheet-divider);
  border-radius: 12px;
  background: var(--region-base);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* A selected generated app is also one sheet; header, navigation and empty state are rows. */
.generated-app-workspace {
  padding: var(--ui-sheet-padding);
  overflow: auto;
}
.generated-app-workspace > .panel,
.generated-app-workspace > :where(header, nav, section, article, .empty-state) {
  color: var(--text);
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.generated-app-workspace-content > .panel,
.generated-app-workspace .generated-app-case-card {
  color: var(--text);
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 12px;
  background: var(--region-base);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* A business app owns one route sheet. Its header, definition, engine and active tool are rows. */
.business-plugin-workspace {
  padding: var(--ui-sheet-padding);
  overflow: auto;
}
.business-plugin-workspace > :where(.panel, section, details, article, [data-dashboard-app-surface]) {
  color: var(--text);
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.business-plugin-workspace > .business-plugin-nav {
  border: 0;
  border-block: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: var(--sheet-bg-quiet);
  box-shadow: none;
}
/* Employee workspace: directory, work lab and coaching are sibling reading sheets. */
.digital-employee-focus {
  color: var(--canvas-text);
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-lab,
.digital-employee-coaching-panel {
  min-width: 0;
}
.digital-employee-coaching-panel :where(
  .digital-employee-coaching-gate, .digital-employee-coaching-artifact,
  .digital-employee-coaching-role, .digital-employee-coaching-text-row,
  .agent-coaching-stage-list li, .agent-coaching-candidate,
  .agent-coaching-workflow-steps li, .agent-message.is-coaching
) {
  color: var(--text);
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-lab :where(
  .digital-employee-profile, .digital-employee-operating-picture, .digital-employee-todo,
  .digital-employee-schedule, .digital-employee-work-resources, .digital-employee-model-policy,
  .digital-employee-onboarding,
  .digital-employee-brain-inspector, .digital-employee-brain-settings,
  .digital-employee-capability-lens, .digital-employee-fabric
) {
  color: var(--text);
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-schedule :where(
  .digital-employee-schedule-conversation-step,
  .digital-employee-schedule-confirmation,
  .digital-employee-schedule-instruction-review
),
.agent-job-scheduled-run {
  color: var(--text);
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-lab :where(
  .digital-employee-profile, .digital-employee-operating-picture, .digital-employee-todo,
  .digital-employee-schedule, .digital-employee-work-resources, .digital-employee-model-policy,
  .digital-employee-developer-authority, .digital-employee-onboarding,
  .digital-employee-capability-lens, .digital-employee-fabric
) :where(.card, .metric, .list-item, article, fieldset, details) {
  color: var(--text);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-boss-studio,
.boss-operating-system {
  --text: var(--surface-text);
  --ink-strong: var(--surface-text-strong);
  --muted: var(--surface-muted);
  color: var(--text);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-boss-studio { border-block-start: 1px solid var(--sheet-divider); }
.digital-employee-boss-studio::after { display: none; }
.digital-employee-boss-metrics > div { color: var(--text); border: 0; background: var(--sheet-bg-quiet); box-shadow: none; }
.boss-os-grid { border-block-start: 1px solid var(--sheet-divider); }
.boss-os-surface { border-block-end: 1px solid var(--sheet-divider); border-radius: 0; }
.boss-os-boundary { border: 0; border-inline-start: 3px solid color-mix(in srgb, var(--warning) 70%, transparent); border-radius: 0; background: transparent; }
.boss-os-topology { padding-block: .5rem; }
.boss-os-role-card { border: 1px dashed var(--sheet-line); border-radius: var(--radius-control); }
.boss-os-role-card.is-bound { border-style: solid; border-color: color-mix(in srgb, var(--accent) 50%, var(--sheet-line)); }

/* Public command is one route sheet with dividers; only its topology is a data canvas. */
.public-command-hero,
.public-command-surface,
.public-command-catalog-grid > section,
.public-command-catalog-card,
.public-command-device-window,
.public-command-live-event,
.public-command-selection,
.public-command-boundary {
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.public-command-hero { min-height: 0; padding-inline: 0; overflow: visible; }
.public-command-hero::before,
.public-command-hero::after { display: none; }
.public-command-hero-actions .secondary,
.public-command-live-state { color: var(--text); border: 0; background: transparent; box-shadow: none; }
.public-command-catalog-card:hover { transform: none; background: var(--sheet-bg-hover); box-shadow: none; }
.public-command-catalog-boundary,
.public-command-catalog-capabilities,
.public-command-node-selector,
.public-command-graph-focus,
.public-command-alert,
.public-command-binding,
.public-command-operation { color: var(--text); background: transparent; box-shadow: none; }
.public-command-device-window,
.public-command-live-event { padding-inline: 0; }

/* Large integration explanations are sections of their route, not alternate canvases. */
#visual-workflows .workbuddy-plugin,
#configuration .managed-credential-center {
  color: var(--text);
  border: 0;
  border-block: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Secondary feature families follow the same row-and-divider hierarchy. */
:where(.digital-employee-fabric-workforce, .digital-employee-fabric-person,
  .digital-employee-fabric-body > section, .system-image-model-service,
  .workflow-business-metric, .workflow-business-lane, .workflow-business-step) {
  border-color: transparent;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* The deployment fabric is a relationship view inside its route sheet, not another pearl card. */
.system-map-plugin-fabric {
  color: var(--text);
  border: 0;
  border-block: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.system-map-plugin-fabric :where(
  .system-map-plugin-fabric-metrics > span,
  .system-map-plugin-detail,
  .system-map-plugin-detail-summary span,
  .system-map-plugin-claim,
  .system-map-plugin-capability-list li,
  .system-map-plugin-fabric-actions a
) {
  color: var(--text);
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.system-map-plugin-fabric-metrics strong { color: var(--text); }
.system-map-plugin-node {
  color: var(--text);
  border: 0;
  border-block-end: 1px solid var(--sheet-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.system-map-plugin-node:is(:hover, .is-selected) {
  color: var(--text);
  background: var(--sheet-bg-hover);
  box-shadow: inset 1px 0 var(--line-hot), inset 8px 0 18px -16px var(--line-hot);
  transform: none;
}

/* Advanced configuration navigation expands only inside its owned surface. */
.agent-tool-drawer .system-advanced-nav > div {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Adjacent regions share one luminous hairline; no child owns a framed card. */
:is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
  .digital-employee-lab, .digital-employee-coaching-panel) > * {
  border: 0;
  box-shadow: none;
}
:is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
  .digital-employee-lab, .digital-employee-coaching-panel) > * + * {
  --region-line-color: var(--line-rest);
  background-image: var(--region-divider);
  background-position: center top;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  transition: background-color var(--motion-fast) ease, background-size var(--motion-fast) ease;
}
:is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
  .digital-employee-lab, .digital-employee-coaching-panel) > * + *:is(:hover, :focus-within) {
  --region-line-color: var(--line-active);
  background-color: var(--sheet-bg-hover);
  background-size: 100% 1px;
}
:is(.agent-capability-workspace, .agent-command-center, .agent-roster-workspace,
  .apps-workspace, .generated-app-workspace, .business-plugin-workspace,
  .digital-employee-lab, .digital-employee-coaching-panel):focus-within {
  --sheet-hairline-center: var(--line-hot);
}

/* Bounded data canvases keep their own visual grammar. */
:where(.workflow-canvas, .agent-studio-canvas) {
  border: 1px solid var(--sheet-line);
  background-color: var(--workspace-canvas);
  background-image: radial-gradient(circle, var(--workspace-grid-dot) 1px, transparent 1px);
  box-shadow: none;
}
.workflow-node-card,
.agent-canvas-node { color: var(--text); background: var(--glass-input); box-shadow: none; }
:where(.monitor-graph, .agent-live-activity, .system-map-topology) {
  --text: var(--surface-text);
  --ink-strong: var(--surface-text-strong);
  --muted: var(--surface-muted);
  color: var(--text);
  border: 1px solid var(--sheet-line);
  background: var(--workspace-canvas);
  box-shadow: none;
}
.monitor-console-item { background: transparent; box-shadow: none; }
/* Monitoring relationships are observations, never endpoint-derived traffic. */

@media (max-width: 760px) {
  .workbuddy-context-panel {
    --text: var(--surface-text);
    --ink-strong: var(--surface-text-strong);
    --muted: var(--surface-muted);
    color: var(--text);
    border: 0;
    background: var(--overlay-bg);
    box-shadow: inset 0 1px var(--overlay-line), var(--shadow-overlay);
    backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
    -webkit-backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
  }
  .workbuddy-context-panel :where(.workbuddy-session-panel, .agent-live-activity, .dashboard-atmosphere-picker) {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}


/*
 * Semantic regions share one independent hairline. The line is absolutely
 * positioned, so interaction never changes layout and never consumes a
 * feature-owned background image.
 */
:where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
  .generated-app-workspace > .panel) :where(
    .list-item, .event-item, .card, .metric, .boss-os-card,
    .boss-os-membership-card, .boss-os-mailbox-item,
    .communication-connector-card, .digital-employee-capability-item,
    .workflow-run-trace li, .candidate-row, .monitor-console-item
  ) {
  position: relative;
  padding-block: var(--ui-region-padding-block);
  background-image: none;
}
:where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
  .generated-app-workspace > .panel) :where(
    .list-item, .event-item, .card, .metric, .boss-os-card,
    .boss-os-membership-card, .boss-os-mailbox-item,
    .communication-connector-card, .digital-employee-capability-item,
    .workflow-run-trace li, .candidate-row, .monitor-console-item
  )::after {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 1px;
  pointer-events: none;
  background: var(--region-divider);
  box-shadow: 0 0 10px -3px transparent;
  content: "";
  opacity: .76;
  transform: scaleX(.94);
  transform-origin: center;
  transition: opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) ease;
}
:where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
  .generated-app-workspace > .panel) :where(
    .list-item, .event-item, .card, .metric, .boss-os-card,
    .boss-os-membership-card, .boss-os-mailbox-item,
    .communication-connector-card, .digital-employee-capability-item,
    .workflow-run-trace li, .candidate-row, .monitor-console-item
  ):is(:hover, :focus-within, .is-current, .is-selected, [aria-current="true"], [aria-selected="true"], [data-state="active"]) {
  --region-line-color: var(--line-active);
}
:where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
  .generated-app-workspace > .panel) :where(
    .list-item, .event-item, .card, .metric, .boss-os-card,
    .boss-os-membership-card, .boss-os-mailbox-item,
    .communication-connector-card, .digital-employee-capability-item,
    .workflow-run-trace li, .candidate-row, .monitor-console-item
  ):is(:hover, :focus-within, .is-current, .is-selected, [aria-current="true"], [aria-selected="true"], [data-state="active"])::after {
  box-shadow: 0 0 12px -2px var(--line-glow);
  opacity: 1;
  transform: scaleX(1);
}

/* Sibling work regions use the same contract at their leading edge. */
:is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
  .digital-employee-lab, .digital-employee-coaching-panel) > * + * {
  position: relative;
  background-image: none;
}
:is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
  .digital-employee-lab, .digital-employee-coaching-panel) > * + *::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 1px;
  pointer-events: none;
  background: var(--region-divider);
  box-shadow: 0 0 10px -3px transparent;
  content: "";
  opacity: .72;
  transform: scaleX(.94);
  transform-origin: center;
  transition: opacity var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) ease;
}
:is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
  .digital-employee-lab, .digital-employee-coaching-panel) > * + *:is(
    :hover, :focus-within, .is-current, .is-selected,
    [aria-current="true"], [aria-selected="true"], [data-state="active"]
  ) {
  --region-line-color: var(--line-active);
}
:is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
  .digital-employee-lab, .digital-employee-coaching-panel) > * + *:is(
    :hover, :focus-within, .is-current, .is-selected,
    [aria-current="true"], [aria-selected="true"], [data-state="active"]
  )::before {
  box-shadow: 0 0 12px -2px var(--line-glow);
  opacity: 1;
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  :where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
    .generated-app-workspace > .panel) :where(
      .list-item, .event-item, .card, .metric, .boss-os-card,
      .boss-os-membership-card, .boss-os-mailbox-item,
      .communication-connector-card, .digital-employee-capability-item,
      .workflow-run-trace li, .candidate-row, .monitor-console-item
    )::after,
  :is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
    .digital-employee-lab, .digital-employee-coaching-panel) > * + *::before {
    transition: none;
  }
}
@media (prefers-contrast: more) {
  :where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
    .generated-app-workspace > .panel) :where(
      .list-item, .event-item, .card, .metric, .boss-os-card,
      .boss-os-membership-card, .boss-os-mailbox-item,
      .communication-connector-card, .digital-employee-capability-item,
      .workflow-run-trace li, .candidate-row, .monitor-console-item
    )::after,
  :is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
    .digital-employee-lab, .digital-employee-coaching-panel) > * + *::before {
    height: 2px;
    opacity: 1;
    transform: none;
  }
}
@media (forced-colors: active) {
  :where(.dashboard-workspace > .panel:not(#overview):not(.digital-employee-workspace),
    .generated-app-workspace > .panel) :where(
      .list-item, .event-item, .card, .metric, .boss-os-card,
      .boss-os-membership-card, .boss-os-mailbox-item,
      .communication-connector-card, .digital-employee-capability-item,
      .workflow-run-trace li, .candidate-row, .monitor-console-item
    )::after,
  :is(.apps-workspace, .generated-app-workspace, .business-plugin-workspace,
    .digital-employee-lab, .digital-employee-coaching-panel) > * + *::before {
    background: CanvasText;
    box-shadow: none;
  }
}


/* Employee work is the foreground. Configuration and operational evidence are opened explicitly. */
.digital-employee-workspace .digital-employee-layout {
  gap: var(--ui-section-gap);
}
.employee-workspace-journey { margin-block: .15rem .85rem; }
.employee-workspace-journey ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 14px;
  background: color-mix(in srgb, var(--line-rest, var(--border)) 70%, transparent);
  list-style: none;
}
.employee-workspace-journey li {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .55rem;
  padding: .62rem .7rem;
  color: var(--muted);
  background: var(--sheet-bg-quiet, var(--surface));
}
.employee-workspace-journey li > b { display: grid; width: 1.55rem; height: 1.55rem; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--line-rest) 46%, transparent); font-size: .68rem; }
.employee-workspace-journey li > span { display: grid; min-width: 0; gap: .05rem; }
.employee-workspace-journey strong { color: var(--ink-strong); font-size: .76rem; }
.employee-workspace-journey small { overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.employee-workspace-journey li[data-state="current"] { background: color-mix(in srgb, var(--sea-salt-soft) 70%, var(--sheet-bg-quiet)); }
.employee-workspace-journey li[data-state="current"] > b { color: var(--sea-salt-text); background: color-mix(in srgb, var(--sea-salt) 62%, transparent); }
.employee-workspace-journey li[data-state="complete"] > b { color: var(--status-ok); background: var(--status-ok-soft); }
.employee-workspace-journey li[data-state="blocked"] { opacity: .58; }
.digital-employee-workspace .digital-employee-directory {
  padding: .35rem .8rem .6rem 0;
  border-inline-end: 1px solid color-mix(in srgb, var(--line-rest, var(--border)) 62%, transparent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-workspace .digital-employee-lab {
  display: grid;
  min-width: 0;
  gap: var(--ui-section-gap);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-focus { grid-template-columns: minmax(0, 1fr); }
.digital-employee-coaching-resizer { display: none; }
.digital-employee-workspace :is(.digital-employee-profile, .digital-employee-boss-studio) {
  border: 1px solid var(--sheet-divider);
  border-radius: 14px; padding: .85rem;
  background: var(--region-base);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.digital-employee-workspace :is(#digital-employee-profile-mission, #digital-employee-profile-voice,
  #digital-employee-boss-name, #digital-employee-boss-status) {
  font-size: .875rem;
  line-height: 1.55;
}
#digital-employee-colleague-activity { font-size: .75rem; line-height: 1.5; }

.digital-employee-inspector {
  display: grid;
  min-width: 0;
  border-block: 1px solid color-mix(in srgb, var(--line-rest, var(--border)) 72%, transparent);
  background: transparent;
}
.digital-employee-inspector:not([open]) > :not(summary) { display: none !important; }
.digital-employee-inspector > summary {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: .9rem;
  padding: .55rem .15rem;
  color: var(--text);
  list-style: none;
  cursor: pointer;
}
.digital-employee-inspector > summary::-webkit-details-marker { display: none; }
.digital-employee-inspector-title {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  min-width: 0;
}
.digital-employee-inspector-title > i {
  display: grid;
  width: 1.75rem;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 8px;
  color: var(--accent-strong);
  background: color-mix(in srgb, var(--accent) 9%, transparent);
  font-style: normal;
}
.digital-employee-inspector-title > span { display: grid; gap: .08rem; min-width: 0; }
.digital-employee-inspector-title strong { font-size: .875rem; }
.digital-employee-inspector-title small,
.digital-employee-inspector-state { color: var(--muted); font-size: .75rem; line-height: 1.45; }
.digital-employee-inspector-state { flex: 0 0 auto; }
.digital-employee-inspector-state::after { margin-inline-start: .45rem; content: "+"; color: var(--accent-strong); }
.digital-employee-inspector[open] .digital-employee-inspector-state::after { content: "−"; }
.digital-employee-inspector[open] > summary {
  box-shadow: inset 0 -1px color-mix(in srgb, var(--line-active, var(--accent)) 42%, transparent);
}
.digital-employee-inspector-body {
  display: grid;
  min-width: 0;
  gap: 1rem;
  padding: 1rem .15rem .2rem;
}
.digital-employee-inspector-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: flex-end;
}
.digital-employee-inspector-actions > button { min-height: 42px; }
.digital-employee-inspector .digital-employee-coaching-panel {
  position: static;
  max-height: none;
  padding: 1rem 0 0;
  border-block-start: 1px solid color-mix(in srgb, var(--line-rest, var(--border)) 70%, transparent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.employee-conversation-streams {
  gap: .8rem;
  padding: .85rem 0 .35rem;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.employee-conversation-streams::before { opacity: .5; }
.employee-conversation-streams-identity-copy > p:last-child { font-size: .875rem; }
.employee-conversation-workbench-card {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .2rem .5rem;
  padding: .3rem .55rem;
  border-inline-start: 1px solid color-mix(in srgb, var(--employee-stream-accent) 64%, transparent);
  background: color-mix(in srgb, var(--employee-stream-accent) 4%, transparent);
}
.employee-conversation-workbench-card > span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; font-size: .82rem; }
.employee-conversation-workbench-card > button { grid-column: 2; grid-row: 1; }
.employee-conversation-workbench-card strong { font-size: .88rem; }
.employee-conversation-workbench-next-step { font-size: .82rem; }
.employee-conversation-workbench-status { font-size: .75rem; line-height: 1.5; }

.employee-conversation-activity-drawer {
  display: grid;
  min-width: 0;
  border-block: 1px solid color-mix(in srgb, var(--sheet-divider, var(--border)) 62%, transparent);
  background: transparent;
}
.employee-conversation-activity-drawer:not([open]) > :not(summary) { display: none !important; }
.employee-conversation-activity-drawer > summary {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .5rem .1rem;
  color: var(--text);
  list-style: none;
  cursor: pointer;
}
.employee-conversation-activity-drawer > summary::-webkit-details-marker { display: none; }
.employee-activity-drawer-title {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
}
.employee-activity-drawer-title > i {
  width: .58rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--employee-stream-accent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--employee-stream-accent) 55%, transparent);
}
.employee-activity-drawer-title > span { display: grid; gap: .08rem; min-width: 0; }
.employee-activity-drawer-title strong { font-size: .875rem; }
.employee-activity-drawer-title small,
.employee-activity-drawer-state { color: var(--muted); font-size: .75rem; line-height: 1.45; }
.employee-activity-drawer-state { flex: 0 0 auto; }
.employee-activity-drawer-state::after { margin-inline-start: .45rem; content: "+"; color: var(--employee-stream-accent); }
.employee-conversation-activity-drawer[open] .employee-activity-drawer-state::after { content: "−"; }
.employee-conversation-activity-drawer[open] > summary {
  box-shadow: inset 0 -1px color-mix(in srgb, var(--employee-stream-accent) 48%, transparent);
}
.employee-conversation-activity-drawer-body {
  display: grid;
  min-width: 0;
  max-height: min(72dvh, 52rem);
  gap: .8rem;
  padding: .8rem .1rem .25rem;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.employee-conversation-activity-drawer-body :is(p, dd, .empty-state) { font-size: max(.75rem, 12px); }
.employee-conversation-activity-drawer-body :is(button, summary, strong) { font-size: max(.75rem, 12px); }

@container digital-employee-workspace (max-width: 39.999rem) {
  .digital-employee-layout { grid-template-columns: minmax(0, 1fr); }
  .dashboard-resize-handle-employee { display: none; }
  .digital-employee-directory {
    position: static;
    max-height: none;
    padding: .35rem 0 .7rem;
    border-inline-end: 0;
    border-block-end: 1px solid color-mix(in srgb, var(--line-rest, var(--border)) 62%, transparent);
  }
}
@container (max-width: 620px) {
  .employee-conversation-streams-heading,
  .employee-conversation-workbench > header,
  .employee-conversation-activity-drawer > summary { align-items: flex-start; }
  .employee-conversation-workbench-card { grid-template-columns: minmax(0, 1fr) auto; }
  .employee-conversation-workbench-next-step { text-align: start; }
  .employee-conversation-activity-drawer > summary { flex-direction: column; }
  .employee-activity-drawer-state { padding-inline-start: 1.25rem; }
}
@container digital-employee-workspace (max-width: 560px) {
  .employee-workspace-journey ol { grid-template-columns: minmax(0, 1fr); }
  .employee-workspace-journey small { white-space: normal; }
  .digital-employee-inspector > summary { align-items: flex-start; flex-direction: column; }
  .digital-employee-inspector-state { padding-inline-start: 2.4rem; }
  .digital-employee-inspector-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .digital-employee-inspector-actions > button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .employee-activity-drawer-title > i { box-shadow: none; }
  .employee-stream-presence::before { animation: none !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .digital-employee-workspace .digital-employee-directory,
  .digital-employee-inspector .digital-employee-coaching-panel { backdrop-filter: none; }
}


/*
 * The daily employee surface has one visual owner: a readable conversation,
 * one compact teammate header and an explicitly opened live inspector. The
 * rules are intentionally late-bound so older feature modules keep ownership
 * of their internal controls without competing for page geometry.
 */
.agent-studio-conversation { max-width: none; }
.agent-dialogue-column { isolation: isolate; }
.agent-studio:has(#employee-conversation-frame:not([hidden])) { grid-template-rows: auto minmax(0, 1fr); }
.agent-studio:has(#employee-conversation-frame:not([hidden])) .agent-studio-header { padding-block: .3rem .7rem; }
.agent-studio:has(#employee-conversation-frame:not([hidden])) .adaptive-conversation-home {
  width: min(54rem, 100%); grid-template-columns: minmax(0, 1fr) auto; gap: .3rem 1rem;
}
.agent-studio:has(#employee-conversation-frame:not([hidden])) .adaptive-conversation-summary { grid-column: 1; }
.agent-studio:has(#employee-conversation-frame:not([hidden])) .adaptive-conversation-primary { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.agent-studio:has(#employee-conversation-frame:not([hidden])) :is(.adaptive-work-context, .adaptive-configuration-request) { grid-column: 1 / -1; }
.employee-workbench-mode-details { border-block-end: 1px solid var(--line-rest); }
.employee-workbench-mode-details > summary { min-height: 44px; align-content: center; cursor: pointer; color: var(--muted); font-size: .8rem; }
.employee-workbench-mode-details > summary:focus-visible { outline: 2px solid var(--line-hot); outline-offset: 2px; }
.employee-conversation-frame {
  --employee-stream-accent: var(--sea-salt-text);
  grid-area: employee;
  display: grid;
  width: 100%;
  min-width: 0;
  gap: .2rem;
  margin-inline: auto;
  padding: .25rem .7rem;
  background: var(--sheet-bg);
  border-radius: var(--radius-sheet);
  backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
  -webkit-backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
  border-bottom: 1px solid var(--wb-line);
  box-shadow: none;
}
.employee-conversation-frame[hidden] { display: none; }
.agent-conversation-feed {
  display: grid;
  /* The feed owns scrolling; transcript and inspector rows keep their content height. */
  grid-auto-rows: max-content;
  min-width: 0;
  align-content: start;
  gap: clamp(.8rem, 1.4vw, 1.15rem);
}
.agent-conversation-feed > * { min-width: 0; }
.employee-conversation-streams:not([hidden]) {
  display: grid;
  grid-column: 1 / -1;
  gap: inherit;
  min-width: 0;
}
.employee-conversation-streams[hidden] { display: none; }

.employee-conversation-streams-heading {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  min-height: 3.25rem;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: .5rem;
  margin-inline: auto;
  padding: .3rem .2rem;
  border: 0;
  background: transparent;
}
.employee-conversation-streams-identity {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  align-items: center;
  gap: .72rem;
  min-width: 0;
}
.employee-conversation-streams-avatar {
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
  border: 0;
  border-radius: 1.05rem;
  background-color: var(--sheet-bg-quiet);
  box-shadow: inset 0 0 0 1px var(--line-rest);
}
.employee-conversation-streams-avatar.employee-mascot:not([data-portrait-state="ready"]) {
  border-radius: 1.05rem;
}
.employee-conversation-streams-identity-copy { min-width: 0; }
.employee-conversation-streams-identity-copy .eyebrow { margin: 0 0 .06rem; font-size: .58rem; }
.employee-conversation-streams-heading h3 {
  overflow: hidden;
  margin: 0;
  font-size: .95rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-conversation-streams-identity-copy > p:last-child {
  overflow: hidden;
  margin: .12rem 0 0;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-thread-surface-heading-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .65rem;
}
.employee-thread-surface-status { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; justify-content: flex-start; gap: .35rem; }
.employee-thread-surface-heading-actions > a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding-inline: .35rem;
  color: var(--muted);
  font-size: .8rem;
  text-decoration: none;
}
.employee-thread-surface-heading-actions > a:is(:hover, :focus-visible) {
  color: var(--ink-strong);
  text-decoration: underline;
  text-underline-offset: .22em;
}
.employee-stream-presence,
.employee-stream-connection { min-height: 32px; padding: 0; font-size: .78rem; }

#agent-conversation-history {
  order: 10;
  width: min(54rem, 100%);
  margin-inline: auto;
  padding: .45rem .2rem 1rem;
}
.agent-message {
  max-width: min(82%, 45rem);
  padding: .9rem 1rem;
  border-radius: 1.1rem 1.1rem 1.1rem .35rem;
  background: var(--sheet-bg);
  box-shadow: none;
  backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
  -webkit-backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
}
.agent-message.is-user {
  border-radius: 1.1rem 1.1rem .35rem 1.1rem;
  background: var(--sheet-bg-hover);
}
.agent-message.is-user { background: var(--ui-user-message-bg); }
.agent-message:not(.is-user):not(.is-system) { background: var(--region-base); }
.agent-message.is-system { color: var(--muted); background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.agent-message .agent-markdown { font-size: 1rem; line-height: 1.7; }

.employee-conversation-workbench {
  order: -30;
  display: grid;
  width: min(54rem, 100%);
  gap: .5rem;
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.employee-conversation-workbench::before { display: none; }
.employee-conversation-workbench > header {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.employee-conversation-workbench-card {
  display: grid;
  grid-template-columns: minmax(6rem, auto) minmax(0, 1fr) minmax(8rem, auto);
  width: 100%;
  min-height: 4rem;
  align-items: center;
  gap: .7rem;
  padding: .8rem 1rem;
  border: 0;
  border-radius: .85rem;
  color: var(--ink-strong);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--line-rest);
  text-align: left;
}
.employee-conversation-workbench-card > span:first-child { display: grid; gap: .18rem; }
.employee-conversation-workbench-card small { color: var(--muted); font-size: .74rem; }
.employee-conversation-workbench-card strong { font-size: .98rem; }
.employee-conversation-workbench-card > span:nth-child(2) {
  color: var(--muted);
  font-size: .85rem;
  line-height: 1.5;
}
.employee-conversation-workbench-next-step { font-size: .82rem; text-align: left; }
.employee-conversation-workbench-more { margin-top: .05rem; }
.employee-conversation-workbench-more > summary { min-height: 48px; padding: .5rem .2rem; }
.employee-conversation-workbench-more > summary strong { font-size: .86rem; }
.employee-conversation-workbench-more > summary small { font-size: .76rem; }
.employee-conversation-workbench-more > summary > b { font-size: .78rem; }
.employee-workbench-evidence { min-width: 0; color: var(--muted); font-size: .8rem; }
.employee-workbench-evidence > summary { display: list-item; min-height: 44px; align-content: center; padding: .5rem .2rem; cursor: pointer; }
.employee-workbench-evidence > :not(summary) { margin: .25rem 0 .7rem; line-height: 1.65; overflow-wrap: anywhere; }
.employee-workbench-evidence dl { display: grid; gap: .6rem; }
.employee-workbench-evidence :is(dt, dd) { font-size: .78rem; line-height: 1.55; }
.employee-workbench-evidence dt { color: var(--muted); }
.employee-workbench-evidence dd { margin: .15rem 0 0; color: var(--ink-strong); }
.employee-conversation-workbench :is(button, summary):focus-visible { outline: 2px solid var(--line-hot); outline-offset: 3px; }
.employee-conversation-workbench-proposal,
.employee-boss-action-session { gap: .7rem; padding: 1rem; box-shadow: inset 0 0 0 1px var(--line-rest); }
.employee-conversation-workbench :is(.employee-conversation-workbench-proposal, .employee-boss-action-session) > header strong { font-size: 1rem; }
.employee-conversation-workbench :is(.employee-conversation-workbench-proposal, .employee-boss-action-session) > p { font-size: .86rem; line-height: 1.65; }
.employee-conversation-workbench :is(.employee-conversation-workbench-proposal-actions, .employee-boss-action-session-actions) > button { min-height: 44px; font-size: .82rem; }
.employee-conversation-workbench-proposal:is([data-state="unknown"], [data-state="invalid"]),
.employee-boss-action-session:is([data-phase="blocked"], [data-phase="unknown"]) { box-shadow: inset 3px 0 var(--warning), inset 0 0 0 1px var(--line-rest); }
.employee-conversation-workbench-status {
  min-height: 0;
  margin: 0;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.6;
}

.employee-conversation-activity-drawer {
  order: -10;
  width: min(56rem, 100%);
  margin-inline: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 1px var(--line-rest);
}
.employee-conversation-activity-drawer:not([open]) > :not(summary) { display: none !important; }
.employee-conversation-activity-drawer > summary {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .4rem .15rem;
  color: var(--muted);
  cursor: pointer;
  list-style: none;
}
.employee-conversation-activity-drawer > summary::-webkit-details-marker { display: none; }
.employee-activity-drawer-title { display: flex; align-items: center; gap: .58rem; min-width: 0; }
.employee-activity-drawer-title > i {
  width: .5rem;
  height: .5rem;
  flex: 0 0 auto;
  border: 1px solid var(--line-active);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--line-glow);
}
.employee-activity-drawer-title > span { display: grid; min-width: 0; }
.employee-activity-drawer-title strong { color: var(--ink-strong); font-size: .88rem; }
.employee-activity-drawer-title small { color: var(--muted); font-size: .78rem; }
.employee-activity-drawer-state { color: var(--accent-strong); font-size: .78rem; white-space: nowrap; }
.employee-conversation-activity-drawer[open] > summary { box-shadow: inset 0 -1px var(--line-rest); }
.employee-conversation-activity-drawer-body {
  display: grid;
  min-width: 0;
  gap: .7rem;
  padding: .7rem .1rem 1rem;
}
.employee-conversation-stream-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .2rem;
  padding: .18rem;
  border-radius: .85rem;
  background: var(--sheet-bg-quiet);
}
.employee-conversation-stream-tabs::after { display: none; }
.employee-conversation-stream-tabs > button {
  display: grid;
  min-width: 0;
  min-height: 52px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .42rem;
  padding: .4rem .48rem;
  border: 0;
  border-radius: .7rem;
  color: var(--muted);
  background: transparent;
  box-shadow: none;
  text-align: left;
}
.employee-conversation-stream-tabs > button::before,
.employee-conversation-stream-tabs > button::after { display: none; }
.employee-conversation-stream-tabs > button:is(:hover, :focus-visible) {
  color: var(--ink-strong);
  background: var(--sheet-bg-hover);
}
.employee-conversation-stream-tabs > button[aria-selected="true"] {
  color: var(--ink-strong);
  background: var(--wb-selected);
  box-shadow: inset 0 0 0 1px var(--line-active);
}
.employee-conversation-stream-tabs > button:focus-visible { outline: 2px solid var(--line-hot); outline-offset: 1px; }
.employee-conversation-stream-tabs strong { font-size: .84rem; }
.employee-conversation-stream-tabs small { display: none; }
.employee-stream-count { font-size: .76rem; font-variant-numeric: tabular-nums; }
.employee-conversation-stream-tabs > button[aria-selected="true"] .employee-stream-count { color: var(--accent-strong); }
.employee-conversation-stream-detail,
.employee-conversation-collaboration,
.employee-conversation-collaboration-actions,
.employee-runtime-picture,
.employee-web-workspace {
  min-width: 0;
  padding-inline: .2rem;
}
.employee-conversation-collaboration[hidden],
.employee-conversation-collaboration-actions[hidden],
.employee-dialogue-execution-evidence[hidden],
.employee-runtime-picture[hidden],
.employee-web-workspace[hidden] { display: none !important; }
.employee-conversation-stream-detail > header { align-items: center; }
.employee-conversation-stream-detail-body { gap: .4rem; }
.employee-stream-row { padding-block: .62rem; }
.employee-stream-row p { line-height: 1.48; }

.agent-conversation-form {
  width: min(54rem, 100%);
  justify-self: center;
  border: 0;
  border-radius: 1.15rem;
  background: var(--sheet-bg);
  box-shadow: var(--shadow-sheet);
  backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
  -webkit-backdrop-filter: blur(var(--material-blur)) saturate(var(--material-saturation));
}
/* The editing field owns the only focus ring; the surrounding composer never glows. */
.agent-conversation-form:focus-within { box-shadow: none; }
.agent-conversation-form textarea { min-height: 68px; font-size: 1rem; line-height: 1.55; border: 0; background: transparent; box-shadow: none; outline: none; }
.agent-conversation-form textarea:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.agent-conversation-heading-copy > p:last-child { margin: .18rem 0 0; color: var(--muted); font-size: .78rem; }

@media (max-width: 760px) {
  .employee-conversation-streams-identity-copy > p:last-child { white-space: normal; }
  .employee-stream-connection { display: inline-flex; white-space: normal; }
  .employee-conversation-workbench-card { grid-template-columns: minmax(0, 1fr) auto; }
  .employee-conversation-workbench-card > span:nth-child(2) { grid-row: 2; grid-column: 1 / -1; }
  .employee-conversation-stream-tabs { grid-auto-flow: column; grid-auto-columns: minmax(7rem, 1fr); grid-template-columns: none; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  .employee-conversation-stream-tabs > button { min-height: 48px; }
  .agent-message { max-width: 92%; }
  .agent-conversation-form { border-radius: 1rem; }
}

@media (max-width: 480px) {
  .agent-studio:has(#employee-conversation-frame:not([hidden])) .adaptive-conversation-home { gap: .2rem .5rem; }
  .agent-studio:has(#employee-conversation-frame:not([hidden])) .adaptive-home-step { min-height: 44px; font-size: .76rem; padding-inline: .5rem; }
  .employee-conversation-streams-heading { align-items: flex-start; flex-wrap: wrap; gap: .45rem; }
  .employee-thread-surface-heading-actions { width: 100%; justify-content: space-between; gap: .4rem; }
  .employee-thread-surface-status { justify-content: flex-start; }
  .employee-thread-surface-heading-actions > a,
  .employee-stream-presence { min-height: 38px; }
  .employee-conversation-workbench-card { gap: .55rem; padding: .8rem; }
  .employee-activity-drawer-title small { display: none; }
  .employee-conversation-stream-detail > header { align-items: flex-start; flex-direction: column; }
  .employee-stream-detail-actions { width: 100%; }
  .agent-message { max-width: 96%; padding: .68rem .72rem; }
}

@media (prefers-reduced-motion: reduce) {
  .employee-conversation-streams-heading,
  .agent-conversation-form { scroll-behavior: auto; }
}

@media (forced-colors: active) {
  .employee-conversation-streams-heading,
  .employee-conversation-activity-drawer,
  .employee-conversation-stream-tabs,
  .employee-conversation-stream-tabs > button,
  .agent-message,
  .agent-conversation-form { border: 1px solid CanvasText; }
  .employee-conversation-stream-tabs > button[aria-selected="true"] { outline: 2px solid Highlight; }
  .agent-conversation-form textarea:focus-visible { outline-color: Highlight; }
}

.employee-conversation-streams-identity-copy > .employee-thread-surface-status { margin-top: .2rem; gap: .35rem; }
.employee-conversation-frame .employee-stream-presence { font-size: .65rem; }
.employee-conversation-frame .employee-stream-connection { min-height: 0; padding: 0; border: 0; background: transparent; font-size: .65rem; }
.employee-conversation-frame .employee-thread-surface-heading-actions { display: contents; }
.employee-conversation-frame #employee-thread-surface-settings { grid-column: 2; grid-row: 1; align-self: start; padding: .3rem .4rem; min-height: 30px; font-size: .72rem; }
.employee-conversation-frame .employee-workbench-mode-picker { display: contents; }
.employee-workbench-mode-picker > summary { grid-column: 2; grid-row: 1; align-self: end; margin-top: 1.9rem; min-height: 30px; padding: .25rem .45rem; border: 1px solid var(--line-rest); border-radius: 8px; color: var(--text); font-size: .7rem; cursor: pointer; list-style: none; }
.employee-workbench-mode-picker > summary::-webkit-details-marker { display: none; }
.employee-workbench-mode-picker > summary b { margin-left: .4rem; font-size: .65rem; }
.employee-workbench-mode-panel { grid-column: 1 / -1; position: static; display: grid; gap: .4rem; width: 100%; max-height: min(36dvh, 20rem); overflow: auto; padding: .6rem; border-top: 1px solid var(--line-rest); background: var(--sheet-bg-quiet); }
.employee-workbench-mode-picker:not([open]) > .employee-workbench-mode-panel { display: none; }
.employee-workbench-mode-panel .employee-conversation-workbench-actions { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .3rem; }
.employee-workbench-mode-panel .employee-conversation-workbench-actions > button { min-height: 40px; padding: .35rem .5rem; border: 1px solid var(--line-rest); border-radius: 8px; background: transparent; }
.employee-workbench-mode-panel .employee-conversation-workbench-actions strong { font-size: .74rem; }
.employee-workbench-mode-panel .employee-conversation-workbench-actions small { display: none; }
.employee-workbench-mode-panel .employee-conversation-workbench-actions > button[aria-pressed="true"] { border-color: var(--line-hot); background: var(--wb-selected); }
.employee-conversation-frame :is(a,summary,button):focus-visible { outline: 2px solid var(--line-hot); outline-offset: 2px; }
@container conversation-frame (max-width: 32rem) {
  .employee-conversation-streams-heading { grid-template-columns: minmax(0,1fr) auto; gap: .35rem; }
  .employee-conversation-streams-identity { grid-template-columns: 1.8rem minmax(0,1fr); gap: .4rem; }
  .employee-conversation-streams-avatar { width: 1.8rem; height: 1.8rem; }
  .employee-conversation-frame .employee-stream-presence { display: none; }
  .employee-workbench-mode-panel .employee-conversation-workbench-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
}



.employee-floating-window { position: static; }
.employee-floating-window[hidden] { display: none !important; }

.employee-floating-window-backdrop {
  display: none;
}

.employee-floating-window:not([hidden]) .employee-floating-window-backdrop {
  display: none;
}

.employee-floating-window-panel {
  position: fixed;
  top: max(5rem, env(safe-area-inset-top, 0) + 1.5rem);
  right: max(1.5rem, env(safe-area-inset-right, 0) + 1.5rem);
  z-index: 41;
  display: grid;
  width: min(28rem, calc(100vw - 3rem));
  max-height: calc(100dvh - max(6rem, env(safe-area-inset-top, 0) + env(safe-area-inset-bottom, 0) + 3rem));
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--line-hot) 24%, var(--wb-line));
  border-radius: 18px;
  background: color-mix(in srgb, var(--surface) 96%, transparent);
  box-shadow: var(--shadow-overlay);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  opacity: 0;
  transform: translateY(-1.2rem) scale(0.96);
  transition: opacity var(--motion-normal, 240ms) ease, transform var(--motion-normal, 240ms) cubic-bezier(0.34, 1.56, 0.64, 1);
}

.employee-floating-window:not([hidden]) .employee-floating-window-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.employee-floating-window-panel[data-minimized="true"] {
  grid-template-rows: auto 0 0;
  max-height: none;
}

.employee-floating-window-panel[data-minimized="true"] .employee-floating-window-body,
.employee-floating-window-panel[data-minimized="true"] .employee-floating-window-footer {
  display: none;
}

.employee-floating-window-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .85rem;
  padding: .95rem 1.1rem .85rem;
  border-bottom: 1px solid var(--wb-line);
  cursor: move;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.employee-floating-window-header:active {
  cursor: grabbing;
}

.employee-floating-window-identity {
  display: grid;
  min-width: 0;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
}

.employee-floating-window-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 18%, var(--surface-raised));
  color: var(--accent);
  font-size: .9rem;
  font-weight: 750;
  transform: rotate(45deg);
}

.employee-floating-window-title-group {
  display: grid;
  min-width: 0;
  gap: .08rem;
}

.employee-floating-window-title-group h3,
.employee-floating-window-title-group small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-floating-window-title-group h3 {
  margin: 0;
  font-size: .88rem;
  font-weight: 720;
}

.employee-floating-window-title-group small {
  color: var(--muted);
  font-size: .68rem;
}

.employee-floating-window-controls {
  display: flex;
  gap: .35rem;
}

.employee-floating-window-control {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: all var(--motion-fast, 160ms) ease;
}

.employee-floating-window-control:hover,
.employee-floating-window-control:focus-visible {
  border-color: var(--line-hot);
  background: var(--sheet-bg-hover);
  color: var(--text);
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

.employee-floating-window-control[data-employee-window-close]:hover {
  border-color: var(--danger, #d96872);
  color: var(--danger, #d96872);
}

.employee-floating-window-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1rem 1.1rem;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--muted) 38%, transparent) transparent;
}

.employee-floating-window-body::-webkit-scrollbar {
  width: 6px;
}

.employee-floating-window-body::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: color-mix(in srgb, var(--muted) 38%, transparent);
}

.employee-floating-window-body .employee-runtime-picture {
  margin: 0;
  padding: 0;
}

.employee-floating-window-body #employee-floating-summary {
  margin: 0 0 .8rem;
  font-size: .85rem;
  font-weight: 650;
}

.employee-floating-window-body .runtime-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 0;
}

.employee-floating-window-body .runtime-metrics > div {
  min-width: 0;
  padding: .65rem;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--surface-raised) 72%, transparent);
}

.employee-floating-window-body .runtime-metrics dt { color: var(--muted); font-size: .72rem; }
.employee-floating-window-body .runtime-metrics dd { margin: .15rem 0 0; font-size: 1rem; font-weight: 700; }
.employee-floating-window-body #employee-floating-task-window { margin: .75rem 0 0; font-size: .75rem; }

.employee-floating-window-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem 1.1rem;
  border-top: 1px solid var(--wb-line);
  background: color-mix(in srgb, var(--surface-raised) 50%, transparent);
}

.employee-floating-window-footer .pill {
  flex: 0 0 auto;
}

.employee-floating-window-footer small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: .64rem;
}

body.employee-status-popout { display: block; min-width: 0; margin: 0; background: #111a21; color: #e6f7f4; }
.employee-status-popout-content { display: grid; gap: .85rem; padding: 1.1rem; font: 14px/1.5 system-ui, sans-serif; }
.employee-status-popout-content h1, .employee-status-popout-content p { margin: 0; }
.employee-status-popout-content h1 { font-size: 1.2rem; }
.employee-status-popout-content dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: 0; }
.employee-status-popout-content dl div { padding: .65rem; border-radius: 9px; background: #1c2a33; }
.employee-status-popout-content dt { color: #a7bfbe; font-size: .75rem; }
.employee-status-popout-content dd { margin: .15rem 0 0; font-weight: 700; }
.employee-status-popout-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.employee-status-popout-actions button { min-height: 38px; }

@media (max-width: 760px) {
  .employee-floating-window-panel {
    top: max(1rem, env(safe-area-inset-top, 0) + .75rem);
    right: max(.75rem, env(safe-area-inset-right, 0) + .75rem);
    left: auto;
    width: min(28rem, calc(100vw - 1.5rem));
    max-height: calc(100dvh - max(2rem, env(safe-area-inset-top, 0) + env(safe-area-inset-bottom, 0) + 1.5rem));
  }

  .employee-floating-window-header {
    padding: .75rem .85rem .65rem;
  }

  .employee-floating-window-body {
    padding: .85rem .85rem 1rem;
  }

  .employee-floating-window-footer {
    padding: .65rem .85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .employee-floating-window-backdrop,
  .employee-floating-window-panel,
  .employee-floating-window-control {
    transition: none !important;
  }
}

@media (forced-colors: active) {
  .employee-floating-window-panel {
    border-color: CanvasText;
  }
}


.agent-demonstration-toggle { margin-block-start: .7rem; }
.agent-demonstration-workspace {
  display: grid;
  gap: .9rem;
  margin-block-start: .85rem;
  padding: clamp(.9rem, 2vw, 1.15rem);
  border: 1px solid color-mix(in srgb, var(--employee-stream-accent, var(--accent)) 34%, var(--border));
  border-radius: 16px;
  background:
    radial-gradient(circle at 7% 0%, color-mix(in srgb, var(--employee-stream-accent, var(--accent)) 14%, transparent), transparent 36%),
    color-mix(in srgb, var(--surface-raised) 92%, transparent);
}
.agent-demonstration-heading,
.agent-demonstration-heading-actions,
.agent-demonstration-controls,
.agent-demonstration-actions,
.agent-demonstration-review-actions { display: flex; align-items: center; gap: .65rem; }
.agent-demonstration-heading, .agent-demonstration-controls { justify-content: space-between; }
.agent-demonstration-heading h5, .agent-demonstration-heading p,
.agent-demonstration-intro p, .agent-demonstration-boundary { margin: 0; }
.agent-demonstration-heading-actions { flex-wrap: wrap; justify-content: flex-end; }
#agent-demonstration-status { color: var(--muted); font-size: .75rem; }
.agent-demonstration-workspace[data-state="observing"] #agent-demonstration-status,
.agent-demonstration-workspace[data-state="redacted"] #agent-demonstration-status,
.agent-demonstration-workspace[data-state="draft"] #agent-demonstration-status { color: var(--accent); }
.agent-demonstration-intro { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .8rem; align-items: center; }
.agent-demonstration-intro p, .agent-demonstration-boundary { color: var(--muted); font-size: .75rem; line-height: 1.55; }
.agent-demonstration-orbit { position: relative; width: 2.8rem; aspect-ratio: 1; border: 1px solid var(--border); border-radius: 14px; }
.agent-demonstration-orbit :is(i, b, em) { position: absolute; border-radius: 999px; background: var(--employee-stream-accent, var(--accent)); }
.agent-demonstration-orbit i { inset: .75rem; }
.agent-demonstration-orbit b { width: .35rem; height: .35rem; inset: .35rem auto auto .45rem; }
.agent-demonstration-orbit em { width: .26rem; height: .26rem; inset: auto .38rem .5rem auto; opacity: .65; }
.agent-demonstration-controls > label { display: grid; min-width: min(25rem, 100%); gap: .3rem; color: var(--muted); font-size: .75rem; }
.agent-demonstration-actions, .agent-demonstration-review-actions { flex-wrap: wrap; }
.agent-demonstration-actions button, .agent-demonstration-review-actions button,
.agent-demonstration-heading-actions button { min-height: 34px; padding: .35rem .65rem; font-size: .76rem; }
.agent-demonstration-recipe-list { display: grid; gap: .55rem; padding: 0; }
.agent-demonstration-record { display: grid; gap: .45rem; padding: .75rem; border: 1px solid var(--border); border-radius: 12px; }
.agent-demonstration-record > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }
.agent-demonstration-record :is(h6, p) { margin: 0; }
.agent-demonstration-record h6 { font-size: .84rem; }
.agent-demonstration-record p { color: var(--muted); font-size: .74rem; }
.agent-demonstration-record-state { color: var(--employee-stream-accent, var(--accent)); font-size: .7rem; white-space: nowrap; }
.agent-demonstration-record-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.agent-demonstration-record-actions button { min-height: 32px; padding: .3rem .58rem; font-size: .72rem; }
.agent-demonstration-candidate-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 0; padding: .8rem; border: 1px solid var(--border); border-radius: 12px; }
.agent-demonstration-candidate-fields legend { padding-inline: .35rem; font-size: .78rem; font-weight: 700; }
.agent-demonstration-candidate-fields label { display: grid; gap: .25rem; color: var(--muted); font-size: .72rem; }
.agent-demonstration-candidate-fields label:nth-of-type(n + 3), .agent-demonstration-candidate-fields > p { grid-column: 1 / -1; }
.agent-demonstration-candidate-fields textarea { min-height: 4rem; resize: vertical; }
.agent-demonstration-candidate-fields > p { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
@media (max-width: 760px) {
  .agent-demonstration-heading, .agent-demonstration-controls { align-items: stretch; flex-direction: column; }
  .agent-demonstration-heading-actions { justify-content: flex-start; }
  .agent-demonstration-actions > *, .agent-demonstration-review-actions > * { flex: 1 1 9rem; }
  .agent-demonstration-candidate-fields { grid-template-columns: 1fr; }
  .agent-demonstration-candidate-fields label, .agent-demonstration-candidate-fields > p { grid-column: 1; }
}

}
@layer dashboard-mobile {

/* Final responsive layer: keep every workspace usable down to the supported 280px shell. */
@media (max-width: 760px) {
  :root {
    scroll-padding-block-start: calc(9.75rem + env(safe-area-inset-top, 0px));
  }

  html {
    overflow-x: clip;
  }

  body {
    overflow-x: clip;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .topbar,
  main,
  footer,
  .section-nav {
    width: auto;
    margin-inline-start: max(.5rem, env(safe-area-inset-left, 0px));
    margin-inline-end: max(.5rem, env(safe-area-inset-right, 0px));
  }

  .section-nav {
    top: calc(.4rem + env(safe-area-inset-top, 0px));
  }

  .system-section-nav {
    top: calc(4.25rem + env(safe-area-inset-top, 0px));
  }

  .section-nav,
  .system-section-nav,
  .business-plugin-nav,
  .generated-app-workspace-nav {
    max-width: 100%;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .system-advanced-nav > div {
    top: calc(9.25rem + env(safe-area-inset-top, 0px));
    right: max(.5rem, env(safe-area-inset-right, 0px));
    left: max(.5rem, env(safe-area-inset-left, 0px));
    max-height: calc(100dvh - 10rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
  }

  .panel,
  [data-dashboard-route-focus],
  :target,
  :focus-visible {
    scroll-margin-block-start: calc(9.75rem + env(safe-area-inset-top, 0px));
  }

  button,
  input:not([type="checkbox"]):not([type="radio"]),
  select {
    min-block-size: 44px !important;
  }

  :where(button, a, summary, label.check-row) {
    touch-action: manipulation;
  }

  details > summary {
    /* Feature modules use class-qualified summary rules; the mobile touch floor must win them all. */
    min-block-size: 44px !important;
    padding-block: .6rem;
    cursor: pointer;
  }

  .agent-conversation-actions {
    width: 100%;
    min-width: 0;
    align-items: center;
    flex-direction: row;
  }

  .agent-conversation-actions .agent-composer-tools {
    width: 0;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .agent-composer-tools > .agent-authority-selector {
    min-width: 0;
    flex: 1 1 auto;
  }

  .agent-conversation-actions > #agent-conversation-submit {
    width: 64px;
    flex: 0 0 64px;
  }

  label.check-row,
  .taught-skill-target-option,
  .browser-control-parameter.boolean,
  .browser-monitor-parameter.boolean {
    min-block-size: 44px;
    cursor: pointer;
  }

  :where(.section-nav, .system-section-nav, .business-plugin-nav, .generated-app-workspace-nav) > a,
  .generated-app-workspace-nav > button,
  .system-advanced-nav > summary,
  .system-advanced-nav > div a {
    display: flex;
    min-block-size: 44px;
    align-items: center;
    justify-content: center;
  }

  .journey-page-nav a,
  .plus-mode-actions a,
  .system-map-onboarding > a,
  .system-map-process-summary a,
  .system-map-fleet-heading > a,
  .system-start-primary,
  .system-start-secondary a,
  .workflow-integration-open,
  .workflow-run-task-link,
  .business-plugin-open,
  .generated-app-first-actions a,
  #generated-business-app-casework-open-system {
    display: inline-flex;
    min-block-size: 44px;
    align-items: center;
    justify-content: center;
    padding-block: .55rem;
  }

  .journey-page-nav a {
    padding-inline: .55rem;
  }

  .system-map-view-switcher button,
  .card-actions button,
  .item-actions button,
  .taught-skill-template-actions button,
  .taught-skill-example-heading button,
  .workflow-node-card button,
  .workflow-edge-item button,
  .workflow-inspector-actions button,
  .workflow-editor-actions button,
  .browser-monitor-card button,
  .generated-app-card-actions button,
  .generated-app-workspace-nav button {
    min-block-size: 44px;
  }

  .auth-panel:not(.authenticated) .auth-form,
  .auth-panel:not(.authenticated) .auth-fields,
  .inline-form,
  .definition-list,
  .metric-grid,
  .card-grid,
  .work-session-grid,
  .taught-skill-stats,
  .taught-skill-stepper ol,
  .taught-skill-journey ol,
  .workflow-node-catalog,
  .workflow-integration-stages,
  .workflow-run-variable,
  .generated-app-system-path,
  .generated-app-journey ol,
  .generated-app-grid,
  .browser-control-stages,
  .system-map-process-list,
  .system-map-deployment-layout,
  .system-map-node-list,
  .system-map-concepts,
  .system-map-entry-grid,
  .system-map-execution-chain,
  .system-map-hub-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .auth-panel:not(.authenticated) .auth-actions,
  .generated-app-first-actions,
  .taught-skill-template-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .auth-panel:not(.authenticated) .auth-actions button,
  .generated-app-first-actions a,
  .taught-skill-template-actions button {
    width: 100%;
  }

  .section-heading:not(.section-heading-compact),
  .system-map-header,
  .system-map-onboarding,
  .system-map-process-summary,
  .system-map-fleet-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .section-heading > *,
  .system-map-header > *,
  .system-map-onboarding > *,
  .system-map-process-summary > *,
  .system-map-fleet-heading > * {
    min-inline-size: 0;
  }

  .system-map-process-summary a {
    margin-left: 0;
  }

  .system-map-execution-chain .system-map-stage,
  .system-map-execution-chain .system-map-stage.stage-result {
    padding-bottom: 1.65rem;
  }

  .system-map-execution-chain .system-map-stage.stage-result {
    padding-bottom: 0;
  }

  .system-map-execution-chain .system-map-stage:not(:last-child)::after {
    content: "↓";
    display: block;
    inset: auto 50% -.15rem auto;
    translate: 50% 0;
  }

  .system-map-execution-chain .system-map-link-label {
    display: block;
  }

  .browser-control-stages li {
    grid-template-columns: auto minmax(0, 1fr);
    justify-items: start;
    align-items: center;
    min-block-size: 44px;
    gap: .65rem;
  }

  .browser-control-stages li:not(:last-child)::after {
    top: calc(50% + .8rem);
    bottom: calc(-50% + .8rem);
    left: .78rem;
    width: 1px;
    height: auto;
  }

  :where(.panel, .card, .list-item, fieldset, details, form, dl, dd, li) {
    min-inline-size: 0;
  }

  :where(p, li, dd, code, pre, .message, .muted) {
    overflow-wrap: anywhere;
  }

  pre,
  table {
    max-inline-size: 100%;
  }

  pre,
  .workflow-canvas,
  .monitor-graph,
  .drayage-exceptions-table-wrap {
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .guided-tour-mission-panel:focus-visible {
    outline: 0;
    box-shadow: inset 2px 0 var(--line-hot), -8px 0 22px -20px var(--line-hot);
  }
}

@media (max-width: 760px) and (orientation: landscape) and (max-height: 520px) {
  :root {
    scroll-padding-block-start: calc(4.5rem + env(safe-area-inset-top, 0px));
  }

  .system-section-nav,
  .business-plugin-nav,
  .generated-app-workspace-nav {
    position: relative;
    top: auto;
  }

  .panel,
  [data-dashboard-route-focus],
  :target,
  :focus-visible {
    scroll-margin-block-start: calc(4.5rem + env(safe-area-inset-top, 0px));
  }

  .system-advanced-nav > div {
    top: calc(4rem + env(safe-area-inset-top, 0px));
    max-height: calc(100dvh - 4.75rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 760px) and (forced-colors: active) {
  :where(.section-nav, .system-section-nav, .business-plugin-nav, .generated-app-workspace-nav) a[aria-current] {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
  .guided-tour-mission-panel:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: -3px;
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
  }
}

}
@layer dashboard-workspace {

.dashboard-workspace-scope { display: grid; min-width: 0; align-content: start; gap: .6rem; }
.dashboard-workspace-scope > header { display: flex; min-width: 0; align-items: start; justify-content: space-between; gap: .6rem; }
.dashboard-workspace-scope > header h3 { margin: 0; font-size: .95rem; letter-spacing: -.02em; }
.dashboard-workspace-scope > header small { max-width: 11rem; overflow: hidden; padding: .25rem .45rem; border-radius: 999px; color: var(--accent); background: color-mix(in srgb, var(--accent) 9%, transparent); font-size: .64rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-workspace-scope-note { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.dashboard-workspace-scope-status:empty { display: none; }
.dashboard-workspace-scope-status { margin: 0; padding: .38rem .48rem; border-radius: 9px; color: var(--danger); background: var(--status-danger-soft); font-size: .64rem; line-height: 1.4; }
.dashboard-workspace-scope-tree, .dashboard-workspace-scope-group { display: grid; min-width: 0; gap: .16rem; }
.dashboard-workspace-scope-group { margin: 0; padding: 0; }
.dashboard-workspace-scope-row { display: grid; min-width: 0; grid-template-columns: 28px minmax(0, 1fr); gap: .18rem; align-items: stretch; }
.dashboard-workspace-scope-row[data-level="2"] { padding-inline-start: .45rem; }
.dashboard-workspace-scope-row[data-level="3"] { grid-template-columns: minmax(0, 1fr); padding-inline-start: 1.9rem; }
.dashboard-workspace-scope-row[data-level="3"].dashboard-workspace-scope-node { grid-template-columns: 28px minmax(0, 1fr); padding-inline-start: 1.3rem; }
.dashboard-workspace-scope-row[data-level="4"] { grid-template-columns: minmax(0, 1fr); padding-inline-start: 3.5rem; }
.dashboard-workspace-scope-machine { align-items: center; }
.dashboard-workspace-scope-machine-copy { position: relative; min-height: 38px; align-content: center; padding: .2rem .45rem .2rem 1rem; }
.dashboard-workspace-scope-machine-copy::before { content: ""; position: absolute; inset-inline-start: .2rem; top: 50%; width: .48rem; height: .48rem; border-radius: 50%; background: var(--muted); transform: translateY(-50%); }
.dashboard-workspace-scope-machine[data-node-status="online"] .dashboard-workspace-scope-machine-copy::before { background: var(--status-ok, var(--accent)); box-shadow: 0 0 8px var(--status-ok, var(--accent)); }
.dashboard-workspace-scope-machine[data-node-status="degraded"] .dashboard-workspace-scope-machine-copy::before { background: var(--warning); }
.dashboard-workspace-scope-machine[data-node-status="offline"] .dashboard-workspace-scope-machine-copy::before { background: var(--danger); }
.dashboard-workspace-scope-services { margin-inline-start: .3rem; border-inline-start: 1px solid var(--sheet-divider, var(--border)); }
.dashboard-workspace-scope-toggle, .dashboard-workspace-scope-select { min-width: 0; min-height: 38px; border: 0; border-radius: 10px; color: var(--muted); background: transparent; box-shadow: none; }
.dashboard-workspace-scope-toggle { display: grid; width: 28px; place-items: center; padding: 0; font-size: .72rem; }
.dashboard-workspace-scope-toggle:hover, .dashboard-workspace-scope-toggle:focus-visible, .dashboard-workspace-scope-select:hover, .dashboard-workspace-scope-select:focus-visible { color: var(--text); background: color-mix(in srgb, var(--accent) 7%, transparent); }
.dashboard-workspace-scope-select { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .42rem; padding: .35rem .45rem; text-align: left; }
.dashboard-workspace-scope-select[aria-current="true"] { color: var(--ui-title); background: var(--control-selected-bg); box-shadow: inset 2px 0 var(--accent); }
.dashboard-workspace-scope-icon { display: grid; width: 1.45rem; height: 1.45rem; place-items: center; border-radius: 50%; color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); font-size: .6rem; font-weight: 780; }
.dashboard-workspace-scope-select[data-node-status="offline"] .dashboard-workspace-scope-icon { color: var(--danger); background: var(--status-danger-soft); }
.dashboard-workspace-scope-select[data-node-status="degraded"] .dashboard-workspace-scope-icon { color: var(--warning); }
.dashboard-workspace-scope-copy { display: grid; min-width: 0; gap: .03rem; }
.dashboard-workspace-scope-copy strong, .dashboard-workspace-scope-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-workspace-scope-copy strong { color: var(--ink-strong); font-size: .72rem; }
.dashboard-workspace-scope-copy small { color: var(--muted); font-size: .6rem; }
.dashboard-workspace-scope-department-label { display: flex; min-width: 0; align-items: center; gap: .42rem; padding: .35rem .45rem; }
.dashboard-workspace-scope-department-label .dashboard-workspace-scope-copy strong { color: var(--text); font-size: .7rem; }
.dashboard-workspace-scope-employees { padding-top: .1rem; border-inline-start: 1px solid var(--sheet-divider, var(--border)); }
.dashboard-workspace-scope-runtime-link { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem .45rem 0; border-top: 1px solid var(--sheet-divider, var(--border)); color: var(--text); font-size: .66rem; text-decoration: none; }
.dashboard-workspace-scope-runtime-link span { color: var(--accent); }
.dashboard-workspace-scope-orphans { margin: .2rem 0 0 1.9rem; padding-top: .3rem; border-top: 1px solid rgb(255 255 255 / 7%); }
.dashboard-workspace-scope-orphans > strong { display: block; padding: .18rem .45rem; color: var(--muted); font-size: .63rem; }
@media (max-width: 760px) { .dashboard-workspace-scope-note { font-size: .7rem; } }
@media (forced-colors: active) { .dashboard-workspace-scope-select[aria-current="true"] { outline: 2px solid Highlight; } }


.dashboard-workflow-run-visual { display: grid; gap: 9px; min-width: 0; }
.dashboard-workflow-run-visual-heading { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 6px 8px; }
.dashboard-workflow-run-visual-meta { display: grid; gap: 1px; }
.dashboard-workflow-run-visual-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.dashboard-workflow-run-visual-control { min-width: 0; min-height: 28px; padding: 4px 7px; border: 1px solid color-mix(in srgb, var(--muted) 26%, transparent); border-radius: 8px; background: var(--sheet-bg-quiet); color: var(--muted); font: inherit; font-size: 11px; line-height: 1.4; white-space: nowrap; cursor: pointer; }
.dashboard-workflow-run-visual-control:hover:not(:disabled), .dashboard-workflow-run-visual-control[aria-pressed="true"] { color: var(--text); background: var(--sheet-bg-hover); }
.dashboard-workflow-run-visual-control:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.dashboard-workflow-run-visual-control:disabled { opacity: .55; cursor: default; }
.dashboard-workflow-run-visual-heading strong { font-size: 12px; overflow-wrap: anywhere; }
.dashboard-workflow-run-visual-heading small, .dashboard-workflow-run-visual-note { color: var(--muted); font-size: 12px; line-height: 1.6; }
.dashboard-workflow-run-visual-note { margin: 0; }
.dashboard-workflow-run-visual-viewport { overflow: auto; overscroll-behavior: contain; max-height: min(56vh, 520px); min-height: 120px; border-radius: 12px; }
.dashboard-workflow-run-visual-viewport svg { display: block; min-width: 100%; max-inline-size: none; max-width: none; }
.dashboard-workflow-run-visual[data-workflow-run-visual-scale-mode="fit-width"] .dashboard-workflow-run-visual-viewport svg { width: auto; min-width: 0; max-width: 100%; max-inline-size: 100%; height: auto; margin-inline: auto; }
.dashboard-workflow-run-visual-edge { stroke: color-mix(in srgb, var(--muted) 34%, transparent); stroke-width: 1.4; }
.dashboard-workflow-run-visual-edge[data-workflow-run-visual-status="observed"] { stroke: color-mix(in srgb, var(--accent) 80%, transparent); stroke-width: 2; }
.dashboard-workflow-run-visual-edge[data-workflow-run-visual-loop="true"] { stroke-dasharray: 4 4; }
.dashboard-workflow-run-visual-arrow { fill: var(--muted); }
.dashboard-workflow-run-visual-edge-label { fill: var(--muted); font-size: 11px; paint-order: stroke; stroke: var(--sheet-bg-quiet); stroke-width: 3px; stroke-linejoin: round; }
.dashboard-workflow-run-visual-node { cursor: pointer; outline: none; }
.dashboard-workflow-run-visual-node rect { fill: var(--sheet-bg-hover); stroke: color-mix(in srgb, var(--muted) 36%, transparent); stroke-width: 1.2; }
.dashboard-workflow-run-visual-node[data-kind="condition"] rect { stroke-dasharray: 3 2; }
.dashboard-workflow-run-visual-node[data-kind="parallel-fork"] rect,
.dashboard-workflow-run-visual-node[data-kind="parallel-join"] rect { stroke-width: 2.3; }
.dashboard-workflow-run-visual-node[data-kind="bounded-loop"] rect { stroke-dasharray: 8 3; }
.dashboard-workflow-run-visual-node[data-workflow-run-visual-status="succeeded"] rect { stroke: var(--status-ok); }
.dashboard-workflow-run-visual-node[data-workflow-run-visual-status="failed"] rect { stroke: var(--danger); }
.dashboard-workflow-run-visual-node[data-workflow-run-visual-status="waiting"] rect { stroke: var(--warning); }
.dashboard-workflow-run-visual-node[data-workflow-run-visual-status="working"] rect,
.dashboard-workflow-run-visual-node[data-workflow-run-visual-status="ready"] rect { stroke: var(--accent); stroke-width: 2; }
.dashboard-workflow-run-visual-node[data-motion="active"] rect { animation: dashboard-workflow-observed-node 2.4s ease-in-out 2; }
.dashboard-workflow-run-visual-node[data-observed-change="true"] rect { animation:dashboard-workflow-observed-node 1.2s ease-in-out 2; }
.dashboard-workflow-run-visual-edge[data-observed-change="true"] { animation:dashboard-workflow-observed-node 1.2s ease-in-out 2; }
.dashboard-workflow-run-visual-node[data-selected="true"] rect { stroke-width: 2.6; }
.dashboard-workflow-run-visual-node:focus-visible rect { stroke: var(--accent); stroke-width: 3; }
.dashboard-workflow-run-visual-kind { fill: var(--muted); font-size: 11px; }
.dashboard-workflow-run-visual-label { fill: var(--text); font-size: 13px; font-weight: 650; }
.dashboard-workflow-run-visual-status { fill: var(--muted); font-size: 11px; }
.dashboard-workflow-run-visual-detail { display: grid; gap: 3px; padding: 8px 10px; border-inline-start: 2px solid color-mix(in srgb, var(--accent) 50%, transparent); font-size: 12px; }
.dashboard-workflow-run-visual-detail strong { font-size: 12px; }
.dashboard-workflow-run-visual-detail span, .dashboard-workflow-run-visual-detail small { color: var(--muted); line-height: 1.6; }
.dashboard-workflow-run-spatial-stage { position: relative; width: 100%; min-width: 0; min-height: 260px; height: clamp(280px, 42dvh, 520px); overflow: hidden; border: 1px solid color-mix(in srgb, var(--muted) 16%, transparent); }
.dashboard-workflow-run-spatial-stage > canvas { display: block; width: 100%; height: 100%; touch-action: none; }
.dashboard-workflow-spatial-loading { position: absolute; inset: 50% auto auto 50%; z-index: 1; transform: translate(-50%, -50%); margin: 0; color: var(--muted); font-size: 12px; }
.dashboard-workflow-spatial-labels { position: absolute; inset: 0; pointer-events: none; }
.dashboard-workflow-spatial-labels > button { position: absolute; display: grid; place-items: center; width: 28px; min-width: 28px; height: 28px; min-height: 28px; padding: 5px; transform: translate(-50%, -50%); border: 1px solid transparent; border-radius: 50%; color: var(--workflow-spatial-node-color, var(--text)); background: transparent; box-shadow: none; pointer-events: auto; cursor: pointer; }
.dashboard-workflow-spatial-labels > button > i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 14%, transparent); }
.dashboard-workflow-spatial-labels > button > span { position: absolute; top: calc(50% + 17px); left: 50%; width: max-content; max-width: min(12rem, 70vw); padding: 4px 7px; transform: translateX(-50%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid color-mix(in srgb, var(--muted) 18%, transparent); border-radius: 7px; color: var(--text); background: color-mix(in srgb, var(--overlay-bg) 78%, transparent); backdrop-filter: blur(12px); font-size: 11px; line-height: 1.35; }
.dashboard-workflow-spatial-labels > button[data-current="true"] { border-color: color-mix(in srgb, var(--accent) 55%, transparent); }
.dashboard-workflow-spatial-labels > button[data-focused="true"], .dashboard-workflow-spatial-labels > button[aria-pressed="true"] { z-index: 2; border-color: var(--focus-ring); background: var(--sheet-bg-hover); }
.dashboard-workflow-spatial-labels > button[data-muted="true"] { opacity: .28; }
.dashboard-workflow-spatial-labels > button:focus-visible { z-index: 3; outline: 2px solid var(--focus-ring); outline-offset: 3px; opacity: 1; }
.dashboard-workflow-run-spatial-tools { padding-bottom: 0; }
@media (pointer: coarse), (max-width: 760px) {
  .dashboard-workflow-spatial-labels > button { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
  .dashboard-workflow-spatial-labels > button > span { top: calc(50% + 25px); }
}
@media (max-width: 430px) {
  .dashboard-workflow-run-spatial-tools .dashboard-spatial-camera { flex: 1 1 100%; flex-wrap: wrap; justify-content: center; margin-left: 0; }
}
@keyframes dashboard-workflow-observed-node { 50% { stroke-opacity: .55; } }
html[data-dashboard-visual-motion="paused"] .dashboard-workflow-run-visual *,
html[data-dashboard-visual-visibility="hidden"] .dashboard-workflow-run-visual *,
details:not([open]) .dashboard-workflow-run-visual *,
[hidden] .dashboard-workflow-run-visual * { animation: none !important; }
@media (prefers-reduced-motion: reduce) { .dashboard-workflow-run-visual * { animation: none !important; } }
@media (forced-colors: active) {
  .dashboard-workflow-run-visual * { animation: none !important; }
  .dashboard-workflow-run-visual-node rect { fill: Canvas; stroke: CanvasText; }
  .dashboard-workflow-run-visual-node text, .dashboard-workflow-run-visual-edge-label { fill: CanvasText; stroke: none; }
  .dashboard-workflow-run-visual-edge { stroke: CanvasText; }
  .dashboard-workflow-run-visual-node:focus-visible rect { stroke: Highlight; }
  .dashboard-workflow-run-visual-control { border-color: ButtonText; background: ButtonFace; color: ButtonText; }
  .dashboard-workflow-run-spatial-stage, .dashboard-workflow-run-spatial-tools { display: none !important; }
}


/* The stage uses the existing glass sheet. Controls, type regions and focus share one visual hierarchy. */
.dashboard-spatial-viewbar { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .5rem; margin: .6rem 0; }
.dashboard-spatial-viewbar > span { color: var(--muted); font-size: .7rem; }
.dashboard-spatial-viewbar > button { min-height: 36px; padding: .3rem .65rem; border: 1px solid var(--border); border-radius: 999px; background: var(--sheet-bg-hover); color: var(--text); font: inherit; font-size: .72rem; cursor: pointer; }
.dashboard-spatial-viewbar > button:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.dashboard-spatial-stage { position: relative; min-width: 0; }
.dashboard-spatial-canvas { position: relative; width: 100%; min-width: 0; height: clamp(250px, 32dvh, 380px); overflow: hidden; border-radius: 16px; background: transparent; }
.dashboard-spatial-canvas > canvas { display: block; width: 100%; height: 100%; touch-action: none; }
.dashboard-spatial-labels, .dashboard-spatial-captions { position: absolute; inset: 0; pointer-events: none; }
.dashboard-spatial-captions > span { position: absolute; transform: translateX(-50%); color: var(--muted); font-size: .68rem; font-weight: 500; letter-spacing: .08em; white-space: nowrap; }
.dashboard-spatial-labels > button { position: absolute; transform: translate(-50%, -50%); pointer-events: auto; display: grid; place-items: center; width: 28px; min-width: 28px; height: 28px; min-height: 28px; padding: 6px; border: 1px solid transparent; border-radius: 50%; color: var(--spatial-node-color, var(--text)); background: transparent; box-shadow: none; transition: color 160ms ease, opacity 160ms ease; cursor: pointer; opacity: .95; }
.dashboard-spatial-labels > button:hover:not(:disabled), .dashboard-spatial-labels > button:active:not(:disabled) { transform: translate(-50%, -50%); box-shadow: none; }
.dashboard-spatial-labels > button > svg, .dashboard-spatial-camera svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-spatial-labels > button > span { position: absolute; top: calc(50% + 18px); left: 50%; width: max-content; max-width: min(9rem, 65vw); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: .25rem .5rem; font-size: .72rem; font-weight: 500; line-height: 1.3; color: var(--text); border-radius: .45rem; background: color-mix(in srgb, var(--overlay-bg) 72%, transparent); backdrop-filter: blur(12px); }
.dashboard-spatial-labels > button[data-focused="true"], .dashboard-spatial-labels > button[aria-pressed="true"] { z-index: 2; color: var(--text); background: var(--sheet-bg-hover); border-color: var(--focus-ring); }
.dashboard-spatial-labels > button[data-muted="true"] { opacity: .3; }
.dashboard-spatial-labels > button:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; opacity: 1; z-index: 3; }
.dashboard-spatial-controls { display: flex; min-width: 0; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; padding: .1rem .25rem .55rem; }
.dashboard-spatial-hint { color: var(--muted); font-size: .65rem; opacity: .8; }
.dashboard-spatial-camera { display: flex; flex: 0 0 auto; gap: 2px; margin-left: auto; padding: 3px; border: 1px solid var(--border); border-radius: 999px; background: var(--chrome-bg); backdrop-filter: var(--chrome-backdrop-filter); }
.dashboard-spatial-camera button, .dashboard-spatial-camera-more > summary { display: grid; place-items: center; width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 7px; margin: 0; border: 0; border-radius: 50%; color: var(--muted); background: transparent; box-shadow: none; font: inherit; font-size: 1rem; line-height: 1; cursor: pointer; list-style: none; }
.dashboard-spatial-camera-more { position: relative; }
.dashboard-spatial-camera-more > summary::-webkit-details-marker { display: none; }
.dashboard-spatial-camera-more > div { position: absolute; right: 0; bottom: calc(100% + .6rem); z-index: 4; display: grid; gap: .2rem; width: max-content; max-width: 12rem; padding: .4rem; border: 1px solid var(--overlay-line); border-radius: .8rem; background: var(--overlay-bg); box-shadow: var(--shadow-overlay); }
.dashboard-spatial-camera-more > div > button { width: auto; min-width: 6rem; height: auto; min-height: 36px; padding: .5rem .65rem; border-radius: .5rem; font-size: .75rem; }
.dashboard-spatial-camera :is(button, summary):hover { color: var(--text); background: var(--sheet-bg-hover); }
.dashboard-spatial-camera :is(button, summary):focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
@media (pointer: coarse) { .dashboard-spatial-camera button, .dashboard-spatial-camera-more > summary { width: 44px; min-width: 44px; height: 44px; min-height: 44px; } }
@media (max-width: 760px) { .dashboard-spatial-camera button, .dashboard-spatial-camera-more > summary { width: 44px; min-width: 44px; height: 44px; min-height: 44px; } }
@media (max-width: 430px) { .dashboard-spatial-hint { display: none; } }

#workboard.workboard-panel { width: 100%; max-width: none; margin-inline: auto; box-sizing: border-box; isolation: isolate; position: relative; min-height: 100%; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; background-image: radial-gradient(color-mix(in srgb, var(--muted) 13%, transparent) .65px, transparent .65px); background-size: 24px 24px; }
#workboard .workboard-canvas-intro { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: clamp(220px, 40dvh, 480px); padding: clamp(1rem, 3cqi, 2rem) 1rem; text-align: center; background: radial-gradient(ellipse at center, rgb(var(--surface-rgb) / 82%) 0%, transparent 68%); }
#workboard .workboard-canvas-intro h3 { margin: 0 0 .8rem; color: var(--ink-strong); font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 540; letter-spacing: -.045em; }
#workboard .workboard-canvas-intro p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.9; }
#workboard .workboard-canvas-seed { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 1.5rem; border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent); border-radius: 17px; background: color-mix(in srgb, var(--accent) 4%, transparent); color: var(--accent); font-size: 1.55rem; }
#workboard .workboard-canvas-intro nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 1.25rem; }
#workboard .workboard-canvas-intro a { display: inline-flex; min-height: 36px; align-items: center; padding: .3rem .6rem; border-radius: 8px; color: var(--text); font-size: .75rem; text-decoration: none; }
#workboard .workboard-canvas-intro a:hover { color: var(--accent); background: var(--region-base); }
#workboard .workboard-canvas-intro a:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
@media (pointer: coarse) { #workboard .workboard-canvas-intro a { min-height: 44px; } }
@media (prefers-contrast: more), (forced-colors: active) { #workboard.workboard-panel { background-image: none; } #workboard .workboard-canvas-intro { background: none; } }
#workboard .workboard-heading, #workboard .workboard-surface-heading, #workboard .workboard-detail-heading, #workboard .workboard-detail-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
#workboard .workboard-heading { align-items: center; gap: 1rem; margin-bottom: .75rem; }
#workboard .workboard-record-links { display: flex; flex-wrap: wrap; gap: .7rem; padding-block: .5rem; font-size: .75rem; }
#workboard .workboard-record-links a { min-height: 36px; align-content: center; color: var(--accent); }
#workboard .workboard-record-links a:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
#workboard .workboard-heading-copy { min-width: 0; flex: 1 1 32rem; }
#workboard .workboard-heading h2 { margin: 0; font-size: .88rem; font-weight: 560; letter-spacing: -.025em; }
#workboard .workboard-heading-copy > p:last-child { max-width: 48rem; margin: .2rem 0 0; font-size: .69rem; color: var(--muted); }
#workboard .workboard-heading-actions { display: flex; min-width: 0; flex: 0 1 auto; align-items: center; justify-content: flex-end; gap: .5rem; flex-wrap: wrap; }
#workboard .workboard-heading-actions .muted { font-size: .65rem; white-space: nowrap; }
#workboard .workboard-designer-link { display: inline-flex; min-height: 34px; align-items: center; padding: .35rem .6rem; border: 0; border-radius: 8px; color: var(--text); text-decoration: none; }
#workboard .workboard-signal-strip { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: .2rem 0; margin: 0 0 1rem; padding: .35rem .1rem; border-block: 1px solid var(--sheet-divider, var(--border)); }
#workboard .workboard-signal { display: inline-flex; min-height: 42px; align-items: center; gap: .45rem; padding: .25rem .95rem; border-right: 1px solid var(--sheet-divider, var(--border)); }
#workboard .workboard-signal:first-child { padding-left: .25rem; }
#workboard .workboard-signal:last-child { border-right: 0; }
#workboard .workboard-signal b { color: var(--text); font-size: 1.15rem; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
#workboard .workboard-signal small { color: var(--muted); font-size: .7rem; }
#workboard .workboard-signal-dot { width: .46rem; height: .46rem; flex: 0 0 .46rem; border-radius: 50%; background: var(--muted); }
#workboard .workboard-signal-dot.running, #workboard .workboard-signal-dot.ready { background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent); }
#workboard .workboard-signal-dot.attention, #workboard .workboard-signal-dot.pending { background: var(--warning, #f5c56b); box-shadow: 0 0 0 4px color-mix(in srgb, var(--warning, #f5c56b) 11%, transparent); }
#workboard .workboard-signal-dot.workflow { background: #8aa8ff; }
#workboard .workboard-command-grid { display: grid; min-width: 0; grid-template-columns: minmax(0, 1.7fr) minmax(16rem, .8fr); gap: .85rem; align-items: start; }
#workboard .workboard-flow-surface, #workboard .workboard-operator-surface { min-width: 0; border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--sheet-divider, var(--border))); border-radius: 18px; background: linear-gradient(145deg, color-mix(in srgb, var(--sheet-bg) 90%, transparent), color-mix(in srgb, var(--sheet-bg-quiet, var(--surface-raised)) 78%, transparent)); box-shadow: inset 0 1px rgb(255 255 255 / 6%), 0 18px 52px rgb(0 0 0 / 11%); backdrop-filter: blur(18px) saturate(1.08); -webkit-backdrop-filter: blur(18px) saturate(1.08); }
#workboard .workboard-flow-surface { padding: 1rem; }
#workboard .workboard-surface-heading { min-width: 0; align-items: flex-end; margin-bottom: .85rem; }
#workboard .workboard-surface-heading > div { min-width: 0; }
#workboard .workboard-surface-heading h3 { margin: .08rem 0 0; font-size: 1rem; letter-spacing: -.02em; }
#workboard .workboard-surface-heading .muted { max-width: 18rem; overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-flow-picker { display: grid; gap: .45rem; }
#workboard .workboard-flow-picker-heading, #workboard .workboard-run-area-heading { display: flex; align-items: center; justify-content: space-between; gap: .6rem; color: var(--muted); font-size: .69rem; }
#workboard .workboard-flow-picker-heading { padding-bottom: .35rem; border-bottom: 1px solid var(--sheet-divider, var(--border)); }
#workboard .workboard-flow-picker-heading .count-badge { min-width: 1.8rem; text-align: center; }
#workboard .workboard-workflow-items { display: flex; min-width: 0; gap: .45rem; overflow-x: auto; padding: .15rem 0 .35rem; scrollbar-width: thin; }
#workboard .workboard-workflow-items.empty-state { display: block; padding: .8rem 0; }
#workboard .workboard-workflow-item { display: grid; min-width: min(13.5rem, 45%); flex: 0 0 min(13.5rem, 45%); gap: .22rem; padding: .67rem .72rem; border: 1px solid var(--sheet-line, var(--border)); border-radius: 11px; background: color-mix(in srgb, var(--sheet-bg-quiet, var(--surface-raised)) 70%, transparent); color: var(--text); text-align: left; cursor: pointer; }
#workboard .workboard-workflow-item:hover, #workboard .workboard-workflow-item[aria-current="true"] { border-color: color-mix(in srgb, var(--accent) 65%, var(--border)); background: color-mix(in srgb, var(--accent) 10%, var(--sheet-bg-quiet, var(--surface-raised))); }
#workboard .workboard-workflow-item strong { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-workflow-item small { color: var(--muted); font-size: .67rem; }
#workboard .workboard-workflow-meta, #workboard .workboard-run-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; color: var(--muted); }
#workboard .workboard-workflow-meta { font-size: .63rem; }
#workboard .workboard-dot { width: .45rem; height: .45rem; border-radius: 50%; background: var(--muted); }
#workboard .workboard-dot-running, #workboard .status-orb.running { background: var(--accent); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent) 12%, transparent); }
#workboard .workboard-dot-attention, #workboard .status-orb.failed { background: var(--danger, #ff7480); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--danger, #ff7480) 12%, transparent); }
#workboard .workboard-dot-waiting, #workboard .status-orb.waiting-human { background: var(--warning, #f5c56b); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--warning, #f5c56b) 12%, transparent); }
#workboard .workboard-dot-completed { background: #8aa8ff; }
#workboard .workboard-run-area { margin-top: .95rem; padding-top: .75rem; border-top: 1px solid var(--sheet-divider, var(--border)); }
#workboard .workboard-run-area-hint { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-run-stream { display: grid; gap: .45rem; margin-top: .5rem; }
#workboard .workboard-run-stream.empty-state { padding: .75rem 0; }
#workboard .workboard-run-card { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: .18rem .8rem; padding: .7rem .78rem; border: 1px solid var(--sheet-line, var(--border)); border-radius: 11px; background: color-mix(in srgb, var(--sheet-bg-quiet, var(--surface-raised)) 74%, transparent); color: var(--text); text-align: left; cursor: pointer; }
#workboard .workboard-run-card:hover, #workboard .workboard-run-card[aria-current="true"] { border-color: color-mix(in srgb, var(--accent) 65%, var(--border)); background: color-mix(in srgb, var(--accent) 9%, var(--sheet-bg-quiet, var(--surface-raised))); }
#workboard .workboard-run-card > :first-child { min-width: 0; }
#workboard .workboard-run-card strong { overflow: hidden; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-run-card small { color: var(--muted); font-size: .68rem; }
#workboard .workboard-run-card .workboard-run-status { grid-column: 2; grid-row: 1 / span 4; align-self: center; justify-self: end; white-space: nowrap; }
#workboard .workboard-run-card .workboard-run-node { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-run-card .workboard-run-node::before { content: ""; display: inline-block; width: .43rem; height: .43rem; margin-right: .38rem; border-radius: 50%; background: var(--accent); }
#workboard .workboard-run-card .workboard-run-node.waiting::before { background: var(--warning, #f5c56b); }
#workboard .workboard-run-card .workboard-run-node.failed::before { background: var(--danger, #ff7480); }
#workboard .workboard-run-card[data-state="waiting-human"] { border-inline-start: 3px solid var(--warning, #f5c56b); }
#workboard .workboard-run-card[data-state="failed"] { border-inline-start: 3px solid var(--danger, #ff7480); }
#workboard .workboard-run-owner { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-detail { margin-top: .85rem; padding-top: 1rem; border-top: 1px solid color-mix(in srgb, var(--accent) 28%, var(--sheet-divider, var(--border))); }
#workboard .workboard-detail-heading { align-items: flex-start; }
#workboard .workboard-detail-heading h3 { margin: .05rem 0 .12rem; font-size: 1rem; }
#workboard .workboard-detail-heading p { margin: 0; }
#workboard .status-orb { display: block; width: .78rem; height: .78rem; margin: .3rem .2rem 0 0; border-radius: 50%; background: var(--muted); }
#workboard .workboard-boss-status { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto auto; gap: .75rem; align-items: center; margin: .75rem 0 .1rem; padding: .68rem .75rem; border-inline-start: 3px solid var(--accent); background: color-mix(in srgb, var(--accent) 8%, var(--sheet-bg)); }
#workboard .workboard-boss-status[data-state="blocked"], #workboard .workboard-boss-status[data-state="attention"] { border-inline-start-color: var(--warning, #f5c56b); }
#workboard .workboard-boss-status > div { display: grid; min-width: 0; gap: .08rem; }
#workboard .workboard-boss-status small { color: var(--muted); font-size: .62rem; }
#workboard .workboard-boss-status strong { overflow-wrap: anywhere; font-size: .76rem; }
#workboard .workboard-boss-status span { overflow: hidden; color: var(--muted); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-boss-status > div:nth-child(2) { min-width: 5.5rem; text-align: right; }
#workboard .workboard-boss-status button { min-height: 30px; padding: .28rem .5rem; font-size: .62rem; }
#workboard .workboard-node-rail { display: flex; min-width: 0; align-items: stretch; gap: 0; overflow-x: auto; padding: .95rem .1rem .8rem; scrollbar-width: thin; }
#workboard .workboard-node { position: relative; display: grid; min-width: 148px; flex: 1 0 148px; grid-template-columns: auto minmax(0, 1fr); gap: .5rem; padding: .7rem .72rem; border: 1px solid var(--sheet-line, var(--border)); border-radius: 11px; background: color-mix(in srgb, var(--sheet-bg) 88%, transparent); }
#workboard .workboard-node:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -1rem; width: 1rem; height: 1px; background: var(--border-strong, var(--border)); }
#workboard .workboard-node-icon { display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border-radius: 50%; color: var(--accent); background: color-mix(in srgb, var(--accent) 13%, transparent); font-size: .75rem; font-weight: 800; }
#workboard .workboard-node.waiting-human .workboard-node-icon, #workboard .workboard-node.waiting-external .workboard-node-icon { color: var(--warning, #f5c56b); background: color-mix(in srgb, var(--warning, #f5c56b) 13%, transparent); }
#workboard .workboard-node.failed .workboard-node-icon, #workboard .workboard-node.needs-evidence .workboard-node-icon { color: var(--danger, #ff7480); background: color-mix(in srgb, var(--danger, #ff7480) 13%, transparent); }
#workboard .workboard-node strong { overflow-wrap: anywhere; font-size: .78rem; }
#workboard .workboard-node small { display: block; margin-top: .1rem; color: var(--muted); font-size: .63rem; }
#workboard .workboard-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
#workboard .workboard-detail-card { display: flex; min-width: 0; min-height: 76px; gap: .6rem; padding: .65rem .7rem; border-top: 1px solid var(--sheet-divider, var(--border)); background: color-mix(in srgb, var(--sheet-bg) 82%, transparent); }
#workboard .workboard-detail-card[data-state="unknown"], #workboard .workboard-detail-card[data-state="not-required"] { border-top-color: color-mix(in srgb, var(--warning, #f5c56b) 72%, var(--sheet-divider, var(--border))); }
#workboard .workboard-detail-card[data-state="missing"], #workboard .workboard-detail-card[data-state="partial"], #workboard .workboard-detail-card[data-state="conflicted"], #workboard .workboard-detail-card[data-state="stale"], #workboard .workboard-detail-card[data-state="overdue"] { border-top-color: color-mix(in srgb, var(--danger, #ff7480) 72%, var(--sheet-divider, var(--border))); }
#workboard .workboard-run-owner[data-state="unknown"] { color: var(--warning, #f5c56b); }
#workboard .detail-card-icon { color: var(--accent); font-size: 1.08rem; line-height: 1.3; }
#workboard .workboard-evidence-ring { display: grid; width: 2.45rem; height: 2.45rem; flex: 0 0 2.45rem; place-items: center; border-radius: 50%; background: radial-gradient(circle, var(--sheet-bg) 56%, transparent 58%), conic-gradient(var(--accent) calc(var(--workboard-evidence-progress, 0) * 1%), rgb(255 255 255 / 8%) 0); color: var(--text); font-size: .64rem; font-weight: 800; }
#workboard .workboard-detail-card > div { min-width: 0; }
#workboard .workboard-detail-card small { display: block; color: var(--muted); font-size: .62rem; }
#workboard .workboard-detail-card strong { display: block; margin-top: .1rem; overflow-wrap: anywhere; font-size: .75rem; }
#workboard .workboard-detail-card p { margin: .12rem 0 0; overflow: hidden; color: var(--muted); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-detail-actions { margin-top: .7rem; padding-top: .65rem; border-top: 1px solid var(--sheet-divider, var(--border)); }
#workboard .workboard-detail-actions .muted { margin: 0; overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-operator-rail { display: grid; min-width: 0; gap: .75rem; }
#workboard .workboard-operator-surface { padding: .9rem; }
#workboard .workboard-operator-surface .workboard-surface-heading { margin-bottom: .65rem; }
#workboard .workboard-operator-surface .workboard-surface-heading h3 { font-size: .9rem; }
#workboard .workboard-focus-list { display: grid; gap: .15rem; margin: 0; padding: 0; list-style: none; counter-reset: focus; }
#workboard .workboard-focus-list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .6rem; align-items: start; padding: .55rem 0; border-top: 1px solid var(--sheet-divider, var(--border)); }
#workboard .workboard-focus-list li:first-child { border-top: 0; }
#workboard .workboard-focus-index { color: var(--accent); font-size: .65rem; font-variant-numeric: tabular-nums; }
#workboard .workboard-focus-list strong { display: block; font-size: .76rem; }
#workboard .workboard-focus-list small { display: block; margin-top: .16rem; color: var(--muted); font-size: .65rem; line-height: 1.45; }
#workboard .workboard-employee-state { display: flex; min-width: 0; align-items: center; gap: .65rem; padding: .65rem 0 .75rem; }
#workboard .workboard-employee-orbit { display: grid; width: 2.1rem; height: 2.1rem; flex: 0 0 2.1rem; place-items: center; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); border-radius: 50%; color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); }
#workboard .workboard-employee-state div { display: grid; min-width: 0; gap: .15rem; }
#workboard .workboard-employee-state strong { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-employee-state small { overflow: hidden; color: var(--muted); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
#workboard .workboard-terminal-link { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding-top: .65rem; border-top: 1px solid var(--sheet-divider, var(--border)); color: var(--text); font-size: .7rem; text-decoration: none; }
#workboard .workboard-terminal-link span { color: var(--accent); }
#workboard .workboard-live-note { display: flex; gap: .65rem; align-items: flex-start; border-color: color-mix(in srgb, var(--accent) 18%, var(--sheet-divider, var(--border))); background: color-mix(in srgb, var(--accent) 6%, var(--sheet-bg)); }
#workboard .workboard-live-note-icon { display: grid; width: 1.65rem; height: 1.65rem; flex: 0 0 1.65rem; place-items: center; border-radius: 50%; color: var(--accent); background: color-mix(in srgb, var(--accent) 13%, transparent); }
#workboard .workboard-live-note strong { display: block; font-size: .72rem; }
#workboard .workboard-live-note p { margin: .14rem 0 0; color: var(--muted); font-size: .65rem; line-height: 1.45; }
#workboard .workboard-boundary { margin-top: .9rem; color: var(--muted); font-size: .72rem; }
#workboard .workboard-boundary p { max-width: 90ch; margin: .55rem 0 0; line-height: 1.55; }
@container work-panel (max-width: 980px) {
  #workboard .workboard-heading { align-items: flex-start; flex-direction: column; }
  #workboard .workboard-heading-copy { flex: 0 0 auto; width: 100%; }
  #workboard .workboard-heading-actions { width: 100%; justify-content: flex-start; }
  #workboard .workboard-command-grid { grid-template-columns: minmax(0, 1fr); }
  #workboard .workboard-operator-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #workboard .workboard-live-note { grid-column: 1 / -1; }
}
@container work-panel (max-width: 680px) {
  #workboard .workboard-signal { flex: 1 1 33%; padding-inline: .55rem; }
  #workboard .workboard-signal:nth-child(3) { border-right: 0; }
  #workboard .workboard-signal-tail { display: none; }
  #workboard .workboard-workflow-item { min-width: 12.5rem; flex-basis: 12.5rem; }
  #workboard .workboard-operator-rail { grid-template-columns: minmax(0, 1fr); }
  #workboard .workboard-live-note { grid-column: auto; }
  #workboard .workboard-boss-status { grid-template-columns: minmax(0, 1fr) auto; }
  #workboard .workboard-boss-status > div:nth-child(2) { text-align: left; }
  #workboard .workboard-boss-status button { grid-column: 1 / -1; justify-self: start; }
  #workboard .workboard-detail-grid { grid-template-columns: minmax(0, 1fr); }
  #workboard .workboard-detail-actions { align-items: flex-start; flex-direction: column; }
  #workboard .workboard-detail-actions button { width: 100%; }
}
@container work-panel (max-width: 440px) {
  #workboard .workboard-heading-actions > #workboard-captured { display: none; }
  #workboard .workboard-signal { flex-basis: 50%; }
  #workboard .workboard-signal:nth-child(2) { border-right: 0; }
  #workboard .workboard-run-card { grid-template-columns: minmax(0, 1fr); }
  #workboard .workboard-run-card .workboard-run-status { grid-column: 1; grid-row: auto; justify-self: start; margin-top: .2rem; }
}
@media (prefers-reduced-motion: reduce) { #workboard *, #workboard *::before, #workboard *::after { animation: none !important; transition: none !important; } }


.workbuddy-shell {
  --workspace-topbar-height: calc(54px + env(safe-area-inset-top, 0px));
  --workspace-topbar-min-height: calc(54px + env(safe-area-inset-top, 0px));
  --workspace-navigation-width: var(--workbuddy-sidebar-effective-width, 230px);
  display: grid; height: 100dvh; min-height: 0;
  grid-template-columns: var(--workspace-navigation-width) minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr); gap: 0; padding: 0; margin: 0;
}
.workbuddy-sidebar { container: navigation-panel / inline-size; }
.dashboard-workspace-topnav {
  container: workspace-navigation / inline-size;
  grid-column: 1 / -1; grid-row: 1; z-index: 40; display: flex; min-width: 0;
  min-height: var(--workspace-topbar-min-height);
  align-items: center; gap: 2rem; padding: calc(.5rem + env(safe-area-inset-top, 0px)) max(1.2rem, env(safe-area-inset-right, 0px)) .5rem max(1.2rem, env(safe-area-inset-left, 0px));
  border-bottom: 1px solid var(--wb-line);
}
.dashboard-workspace-wordmark { display: flex; align-items: center; gap: .6rem; color: var(--text); text-decoration: none; white-space: nowrap; }
.dashboard-workspace-wordmark > span { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--wb-line); border-radius: 10px; color: var(--accent); font-size: .68rem; font-weight: 800; }
.dashboard-workspace-wordmark strong { color: var(--ink-strong); font-size: .83rem; font-weight: 650; letter-spacing: -.02em; }
.dashboard-workspace-topnav .section-nav { position: static; display: flex; min-width: 0; flex-wrap: wrap; gap: .3rem; margin: 0; padding: 0; width: auto; border: 0; background: transparent; overflow: visible; backdrop-filter: none; -webkit-backdrop-filter: none; }
.dashboard-workspace-topnav .section-nav > :is(a, details) { flex: 0 0 auto; }
.dashboard-workspace-topnav .section-nav > a, :is(.dashboard-tools-navigation, .dashboard-feature-discovery) > summary {
  display: flex; align-items: center; justify-content: center; gap: .45rem; min-height: 40px; padding: .45rem .9rem;
  border: 0; border-radius: 10px; background: transparent; color: var(--muted); font-size: .79rem; font-weight: 620; text-decoration: none; white-space: nowrap; cursor: pointer; list-style: none;
}
.dashboard-tools-navigation > summary::-webkit-details-marker, .dashboard-feature-discovery > summary::-webkit-details-marker { display: none; }
.dashboard-workspace-topnav .section-nav > a[aria-current], .dashboard-workspace-topnav .section-nav > a:hover,
.dashboard-tools-navigation > summary:hover, .dashboard-tools-navigation[open] > summary,
.dashboard-feature-discovery > summary:hover, .dashboard-feature-discovery[open] > summary { color: var(--ui-title); background: var(--control-selected-bg); }
.dashboard-tools-navigation, .dashboard-feature-discovery { position: relative; }
:is(.dashboard-tools-navigation-menu, .dashboard-feature-discovery-panel) { position: absolute; top: calc(100% + .7rem); left: 0; z-index: 45; display: grid; grid-template-columns: minmax(0, 1fr); width: min(600px, calc(100vw - 2rem)); max-height: min(70dvh, 520px, calc(100dvh - var(--workspace-topbar-height) - 1.5rem - env(safe-area-inset-bottom, 0px))); overflow: auto; overscroll-behavior: contain; padding: .45rem; border: 1px solid var(--wb-line); border-radius: 16px; background: var(--overlay-bg); box-shadow: 0 20px 70px #0004; }
.dashboard-feature-links { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; }
.dashboard-feature-links[hidden] { display: none; }
.dashboard-feature-links > a { display: grid; min-width: 0; gap: .35rem; align-content: start; min-height: 84px; padding: .85rem; border: 1px solid var(--wb-line); border-radius: 12px; color: var(--text); text-decoration: none; white-space: normal; overflow-wrap: anywhere; }
.dashboard-feature-links > a:hover { background: var(--wb-selected); }
.dashboard-feature-search-field { display: grid; min-width: 0; gap: .4rem; padding: .6rem .7rem; }
.dashboard-feature-search-field label { flex-wrap: wrap; overflow-wrap: anywhere; }
.dashboard-feature-search-field label { display: flex; justify-content: space-between; gap: .5rem; font-size: .72rem; }
.dashboard-feature-search-field input { width: 100%; min-width: 0; }
.dashboard-feature-search-note { margin: 0; padding: .6rem .7rem; font-size: .65rem; color: var(--muted); line-height: 1.5; }
:is(.dashboard-tools-navigation-menu, .dashboard-feature-discovery-panel) strong { font-size: .8rem; }
:is(.dashboard-tools-navigation-menu, .dashboard-feature-discovery-panel) small { color: var(--muted); font-size: .67rem; line-height: 1.5; }
/* The collaborator drawer control stays outside the route strip. */
.dashboard-layout-controls { display: flex; flex: 0 0 auto; align-items: center; gap: .25rem; margin-inline-start: auto; }
.dashboard-layout-controls > button { display: inline-flex; gap: .32rem; align-items: center; min-height: 36px; padding: .35rem .6rem; border: 1px solid var(--wb-line); border-radius: 10px; background: transparent; color: var(--muted); font-size: .72rem; white-space: nowrap; }
.dashboard-top-account { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; min-height:40px; padding:.35rem .65rem; border:1px solid var(--wb-line); border-radius:10px; background:var(--region-base); color:var(--text); font-size:.74rem; white-space:nowrap; }
.dashboard-layout-controls > button[aria-expanded="true"] { color: var(--ui-title); background: var(--control-selected-bg); }
.dashboard-layout-controls > button:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.workbuddy-shell[data-navigation-rail="hidden"] { --workspace-navigation-width: 0px; }
.workbuddy-sidebar[hidden], #workbuddy-sidebar-resizer[hidden], .dashboard-scope-scrim[hidden] { display: none !important; }
.dashboard-scope-scrim { position: fixed; z-index: 34; inset: var(--workspace-topbar-height) 0 0; border: 0; border-radius: 0; background: #0005; }
@media (min-width: 761px) { .dashboard-scope-scrim { display: none; } }
.workbuddy-sidebar { position: relative; grid-column: 1; grid-row: 2; top: auto; height: 100%; min-height: 0; width: auto; margin: 0; padding: 1.1rem .6rem .5rem; grid-template-rows: minmax(0, 1fr) auto; gap: .6rem; border-radius: 0; overflow: hidden; }
.dashboard-workspace-scope { overflow: auto; overscroll-behavior: contain; padding: 0 .2rem; scrollbar-width: thin; }
.dashboard-workspace-scope > header { align-items: center; padding: 0 .5rem .35rem; }
.dashboard-workspace-scope > header .eyebrow, .dashboard-workspace-scope > header > small { display: none; }
.dashboard-workspace-scope > header h3 { font-size: .71rem; font-weight: 550; color: var(--muted); }
.dashboard-workspace-scope-note { font-size: .62rem; padding: 0 .5rem; }
.workbuddy-sidebar-contexts { display: flex; position: static; width: auto; max-height: 44dvh; padding: .3rem 0 0; margin: 0; flex-direction: column; gap: .2rem; overflow: auto; }
.workbuddy-session-management { display: block; flex: none; min-height: 44px; overflow: visible; }
.workbuddy-session-management[open] { display: block; flex: none; }
.workbuddy-session-panel { max-height: 26dvh; overflow-y: auto; }
.workbuddy-manual-link { min-height: 32px; padding: .3rem .5rem; }
.workbuddy-manual-link small { display: none; }
.workbuddy-account { position: static; width: 100%; margin: 0; }
.workbuddy-account > button { min-height: 42px; }
.workbuddy-main { grid-column: 2; grid-row: 2; grid-template-rows: auto minmax(0, 1fr); margin: 0; width: auto; height: 100%; padding: 0; container: dashboard-workspace / inline-size; }
.workbuddy-main > main { width: 100%; margin: 0; padding: 0; }
.workbuddy-main > main, .dashboard-workspace { gap: 0; }
.workbuddy-main > .site-footer { display: none; }
.workbuddy-main > .topbar { margin: 0; padding: .8rem 1.2rem 0; width: 100%; }
.workbuddy-shell[data-work-surface="conversation"] .workbuddy-main > .topbar { display: none; }
.workbuddy-shell[data-work-surface="conversation"] .workbuddy-main { grid-template-rows: minmax(0, 1fr); }
/* User-first defaults: keep the first screen focused on one decision. Advanced
   evidence and editing controls remain available from their disclosure panels. */
.dashboard-quick-start {
  display: block;
  gap: .7rem;
  margin: 0;
  padding: .2rem 0;
  border-bottom: 1px solid var(--wb-line);
}
.dashboard-quick-start > summary { padding: .5rem .3rem; color: var(--muted); font-size: .75rem; cursor: pointer; }
.dashboard-quick-start-actions { padding-block: .65rem; }
.dashboard-quick-start > header { display: flex; min-width: 0; align-items: start; justify-content: space-between; gap: .8rem; }
.dashboard-quick-start > header h3 { margin: 0; font-size: 1.08rem; letter-spacing: -.02em; }
.dashboard-quick-start > header p { max-width: 42rem; margin: .2rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.5; }
.dashboard-quick-start-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.dashboard-quick-start-actions :is(button, a) {
  display: grid; min-width: 0; min-height: 68px; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; gap: .1rem .45rem;
  padding: .62rem .68rem; border: 1px solid var(--wb-line); border-radius: 12px; color: var(--text); background: var(--sheet-bg-quiet, transparent); text-align: left; text-decoration: none; cursor: pointer;
}
.dashboard-quick-start-actions :is(button, a):hover, .dashboard-quick-start-actions :is(button, a):focus-visible { border-color: var(--line-hot); background: var(--wb-selected); }
.dashboard-quick-start-actions :is(button, a) > span:first-child { grid-row: 1 / -1; display: grid; width: 1.55rem; height: 1.55rem; place-items: center; border-radius: 50%; color: var(--accent-strong); background: color-mix(in srgb, var(--accent) 12%, transparent); font-size: .72rem; font-weight: 760; }
.dashboard-quick-start-actions strong { min-width: 0; overflow: hidden; font-size: .77rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-quick-start-actions small { min-width: 0; overflow: hidden; color: var(--muted); font-size: .65rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.agent-conversation-history { gap: .55rem; }
.agent-conversation-history .agent-message { max-width: min(42rem, 100%); }
.workflow-center-heading > div:first-child > p:last-child { margin: .25rem 0 0; color: var(--muted); font-size: .78rem; }
.workflow-center-stage-navigation { margin-block: .65rem .8rem; }
.workflow-center-command-strip { min-height: 48px; padding: .55rem .7rem; border-radius: 12px; }
.workflow-center-command-copy { gap: .1rem; }
.workflow-center-command-copy .eyebrow { display: none; }
.workflow-center-command-copy strong { font-size: .78rem; }
.workflow-center-command-copy small { font-size: .67rem; }
.workflow-center-start { padding: .85rem; border-radius: 14px; }
.workflow-center-start-heading { align-items: center; gap: .6rem; }
.workflow-center-start-heading h3 { margin: 0; font-size: 1rem; }
.workflow-center-start-heading p { margin: .2rem 0 0; font-size: .7rem; }
.workflow-center-start-options { gap: .5rem; }
.workflow-center-start-option button { min-height: 78px; padding: .7rem .75rem; }
.workflow-center-start-copy { gap: .16rem; }
.workflow-center-start-copy small { font-size: .62rem; }
.workflow-center-start-copy strong { font-size: .82rem; }
.workflow-center-start-copy > span:last-child { font-size: .68rem; line-height: 1.4; }
@media (max-width: 760px) {
  .dashboard-quick-start-actions { grid-template-columns: minmax(0, 1fr); }
  .dashboard-quick-start-actions :is(button, a) { min-height: 56px; }
}
/* The separator belongs to the actual first grid track, including saved widths.
   An old shell-gap offset can otherwise put its hit area over the composer. */
#workbuddy-sidebar-resizer { grid-column: 1 / 2; grid-row: 2 / 3; inset-inline-start: auto; inset-inline-end: -8px; top: 0; height: calc(100dvh - var(--workspace-topbar-height)); }
.agent-studio, .agent-studio[data-conversation-state="new"] { grid-template-rows: minmax(0, 1fr); }
.agent-studio-header, .agent-studio[data-conversation-state="new"] .agent-studio-header { max-height: min(20dvh, 150px); padding: .35rem .4rem .55rem; text-align: left; }
.agent-studio-header h2 { font-size: 1rem; }
.adaptive-conversation-home { gap: .35rem; }
.adaptive-conversation-summary { font-size: .75rem; }
.dashboard-work-readiness { margin: .25rem 0 .7rem; border-bottom: 1px solid var(--wb-line); }
.dashboard-work-readiness > summary { display: flex; align-items: center; gap: .7rem; padding: .6rem .2rem; color: var(--muted); font-size: .68rem; cursor: pointer; }
.dashboard-work-readiness > summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-work-readiness .agent-studio-header { display: grid; max-height: none; overflow: visible; padding: .65rem; }
.dashboard-work-readiness .adaptive-conversation-home { display: grid; grid-template-columns: minmax(0, 1fr); }
.dashboard-work-readiness .adaptive-conversation-home > * { grid-column: 1; grid-row: auto; }
.agent-studio-front { width: 100%; grid-template-rows: auto minmax(0, 1fr); container: conversation-frame / size; }
.agent-studio-conversation { display: grid; grid-template-rows: auto minmax(0, 1fr); }
.agent-studio:has(#employee-conversation-frame:not([hidden])) .agent-studio-conversation { grid-template-rows: minmax(0,1fr); }
.agent-studio:has(#employee-conversation-frame:not([hidden])) .dashboard-conversation-scope { display: none; }
.dashboard-conversation-scope { background: var(--region-base); border-radius: 10px; position: relative; display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-width: 0; min-height: 40px; padding: .25rem .3rem; border-bottom: 1px solid var(--wb-line); }
.dashboard-conversation-scope > div:first-child { min-width: 0; }
.dashboard-conversation-scope h2 { margin: .12rem 0 0; overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-conversation-scope small { color: var(--muted); font-size: .63rem; }
.dashboard-conversation-scope-actions { display: flex; gap: .35rem; align-items: center; }
.dashboard-conversation-scope-actions > button, .dashboard-conversation-participants > summary { min-height: 34px; padding: .4rem .5rem; border: 1px solid var(--wb-line); border-radius: 10px; background: transparent; color: var(--muted); font-size: .65rem; white-space: nowrap; cursor: pointer; }
.dashboard-conversation-participants > .agent-conversation-presence { position: absolute; z-index: 25; top: 100%; right: 0; display: grid; width: min(330px, 100%); max-height: 50dvh; overflow: auto; padding: .8rem; border: 1px solid var(--wb-line); border-radius: 16px; background: var(--overlay-bg); box-shadow: 0 12px 32px #0003; }
.agent-collaboration-layout, .agent-studio[data-conversation-state="new"] .agent-collaboration-layout { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 0; align-items: stretch; }
.agent-collaboration-layout > .agent-dialogue-column { grid-column: 1; grid-row: 1; }
.agent-dialogue-column, .agent-studio[data-conversation-state="new"] .agent-dialogue-column { height: 100%; min-height: 0; grid-template-rows: auto auto minmax(0, 1fr) auto minmax(0, auto) auto; align-content: stretch; padding-block: .6rem 0; }
.agent-studio[data-conversation-state="new"]:has(#employee-conversation-frame[hidden]) .agent-dialogue-column {
  grid-template-rows: auto auto minmax(0, 1fr) auto minmax(0, auto) auto;
  align-content: stretch;
}
.agent-conversation-feed { min-height: 0; padding-inline: .25rem; }
.agent-conversation-form { width: 100%; max-width: none; margin-inline: 0; }
.agent-conversation-input-row { min-width: 0; }
#agent-conversation-submit { min-inline-size: 92px; min-width: 92px; white-space: nowrap; }
.dashboard-workspace-topnav :is(a, button, summary):focus-visible { outline: 2px solid var(--line-hot); outline-offset: 2px; }

/* An existing employee conversation gets the available viewport, not the
   first-use launcher above it. One feed scrolls between context and composer. */
.agent-studio[data-conversation-state="thread"] .dashboard-quick-start,
.agent-studio:has(#employee-conversation-frame:not([hidden])) .dashboard-quick-start { display: none; }
.agent-studio[data-conversation-state="thread"] .agent-studio-front,
.agent-studio:has(#employee-conversation-frame:not([hidden])) .agent-studio-front { grid-template-rows: minmax(0, 1fr); }
.agent-studio:has(#employee-conversation-frame:not([hidden])) { grid-template-rows: minmax(0, 1fr); }
.workbuddy-main > main { background: transparent; }
.dashboard-quick-start-actions { align-self: start; }
.dashboard-quick-start { align-content: start; }
.employee-workbench-next-action { align-self: center; margin: 0; padding: 0; }
.agent-studio:has(#employee-conversation-workbench[data-intent="dialogue"]) .employee-workbench-next-action { display: none; }
#employee-local-review-items { max-height: 240px; overflow: auto; }
.agent-conversation-feed { min-height: 0; }
.agent-conversation-form { padding: .5rem .65rem; gap: .3rem; }
.agent-studio:has(#employee-conversation-frame:not([hidden])) #agent-conversation-intent-disclosure { display: none; }
.agent-conversation-form #agent-authority-summary > small { display: none; }
.agent-conversation-form #agent-authority-summary { width: auto; }
.agent-conversation-form #agent-conversation-status { margin: 0; font-size: .67rem; }
#agent-conversation-status { max-height: 2.8em; overflow: auto; font-size: .75rem; line-height: 1.4; }
.dashboard-work-composer-slot > .agent-conversation-form textarea {
  color: var(--text);
  caret-color: var(--accent-strong);
}
.dashboard-work-composer-slot > .agent-conversation-form textarea::placeholder {
  color: var(--ui-muted);
  opacity: 1;
}
.dashboard-work-composer-slot > .agent-conversation-form #agent-authority-summary > summary,
.dashboard-work-composer-slot > .agent-conversation-form .agent-authority-selector > summary {
  color: var(--control-text);
  background: var(--control-bg);
}
.dashboard-work-composer-slot > .agent-conversation-form :is(button, summary):disabled {
  color: var(--ui-muted);
  opacity: .78;
}
.dashboard-work-composer-slot > .agent-conversation-form #agent-conversation-submit:disabled {
  color: var(--ui-secondary-text);
  background: var(--control-selected-bg);
  box-shadow: inset 0 0 0 1px var(--sheet-divider);
}
.dashboard-work-composer-slot > .agent-conversation-form #agent-conversation-status {
  color: var(--ui-muted);
}
.digital-employee-fabric[hidden] { display: none; }
.digital-employee-fabric-deployment-grid { grid-template-columns: minmax(0, 1fr); }
.digital-employee-fabric-actions > a { display: inline-flex; align-items: center; min-height: 44px; padding: .6rem .9rem; border: 1px solid var(--wb-line); border-radius: 10px; color: var(--text); text-decoration: none; }
.digital-employee-fabric .management-disclosure > summary { min-height: 44px; align-content: center; cursor: pointer; }
.digital-employee-fabric .eyebrow { display: none; }
.digital-employee-fabric-node-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-block: .4rem; }
@media (max-width: 760px) {
  .employee-workbench-next-action { display: flex; justify-content: space-between; }
  .dashboard-conversation-scope { min-height: 44px; padding-block: .3rem; }
}
.model-tracking-family-grid { display: grid; gap: .45rem; margin-block: .7rem; }
.dashboard-settings-content { background: var(--region-deep); }
.model-tracking-panel { padding: .8rem; }
.model-tracking-family-grid > div { display: grid; grid-template-columns: minmax(6rem, .8fr) 1fr 1fr 1fr; gap: .45rem; align-items: center; }
.model-tracking-family-grid select { min-width: 0; }
.agent-studio:has(#employee-conversation-frame:not([hidden])) #dashboard-conversation-scope-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 760px) {
  .digital-employee-fabric .digital-employee-fabric-metrics,
  .digital-employee-fabric .digital-employee-fabric-deployment-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .digital-employee-fabric-metrics > div { min-width: 0; padding: .6rem; }
  .digital-employee-fabric-metrics strong { overflow-wrap: anywhere; }
  .model-tracking-family-grid > div { grid-template-columns: 1fr 1fr; }
  .model-tracking-family-grid > div > label { grid-column: 1 / -1; }
}

/* A compact conversation keeps the composer inside its grid track. Context,
   transcript and expanded tools scroll in their own bounded rows; none can
   grow through the neighbouring work panel. The shell below owns outer scroll. */
@container conversation-frame (max-height: 26rem) {
  .agent-dialogue-column, .agent-studio[data-conversation-state="new"] .agent-dialogue-column {
    grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, 1fr) auto minmax(0, auto) auto;
  }
  .agent-conversation-feed { min-height: 0; max-height: none; overflow-y: auto; }
  .agent-dialogue-column > :is(.agent-collaboration-room-strip, .employee-conversation-frame, .agent-capability-workspace) {
    min-height: 0; max-height: 30cqh; overflow-y: auto; overscroll-behavior-y: auto;
  }
  .agent-conversation-form { min-block-size: 0; max-height: min(48cqh, 13rem); overflow-y: auto; overscroll-behavior-y: auto; }
  .agent-conversation-form textarea { min-height: 44px; height: 44px; max-height: 72px; }
  .agent-studio:has(#employee-conversation-frame:not([hidden])) .employee-workbench-mode-panel {
    max-height: min(68dvh, 34rem, max(5rem, calc(100cqh - 20rem)));
  }
}
@media (max-width: 1180px) {
  .workbuddy-main > main { padding-inline: .35rem; }
  .dashboard-workspace-wordmark strong { display: none; }
}
@media (max-width: 980px) {
  .workbuddy-shell { --workspace-navigation-width: 210px; grid-template-columns: var(--workspace-navigation-width) minmax(0, 1fr); }
  .dashboard-conversation-scope { flex-wrap: wrap; }
  .dashboard-conversation-scope-actions { display: flex; flex-wrap: wrap; }
  #workbuddy-sidebar-resizer { display: none; }
}
@media (max-width: 760px) {
  .workbuddy-shell, .workbuddy-shell[data-work-surface="page"] { --workspace-topbar-height: calc(58px + env(safe-area-inset-top, 0px)); --workspace-topbar-min-height: calc(58px + env(safe-area-inset-top, 0px)); grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  .dashboard-workspace-topnav { gap: .4rem; padding: calc(.4rem + env(safe-area-inset-top, 0px)) max(.5rem, env(safe-area-inset-right)) .4rem max(.5rem, env(safe-area-inset-left)); }
  .dashboard-workspace-wordmark { display: none; }
  .dashboard-workspace-topnav .section-nav { flex: 1; flex-wrap: nowrap; justify-content: flex-start; gap: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .dashboard-workspace-topnav .section-nav > a, :is(.dashboard-tools-navigation, .dashboard-feature-discovery) > summary { min-height: 40px; padding: .4rem .5rem; gap: .2rem; font-size: .72rem; }
  .dashboard-workspace-topnav .section-nav > a > span, :is(.dashboard-tools-navigation, .dashboard-feature-discovery) > summary > span:first-child { display: none; }
  :is(.dashboard-tools-navigation-menu, .dashboard-feature-discovery-panel) { position: fixed; top: calc(var(--workspace-topbar-height) + 1px); right: max(.5rem, env(safe-area-inset-right, 0px)); left: auto; }
  .dashboard-layout-controls { gap: .15rem; }
  .dashboard-layout-controls > button { min-height: 40px; padding: .3rem .4rem; font-size: .68rem; }
  .dashboard-layout-controls > button > span:first-child { display: none; }
  .workbuddy-main { grid-column: 1; grid-row: 2; }
  .workbuddy-main > main { padding: .25rem .35rem max(.35rem, env(safe-area-inset-bottom)); }
  .workbuddy-sidebar { display: none; }
  .workbuddy-shell[data-scope-open="true"] .workbuddy-sidebar { display: grid; position: fixed; z-index: 35; inset: var(--workspace-topbar-height) auto 0 0; width: min(310px, calc(100vw - 2rem)); height: calc(100dvh - var(--workspace-topbar-height)); padding-bottom: max(.5rem, env(safe-area-inset-bottom, 0px)); background: var(--overlay-bg); border-radius: 0 16px 16px 0; box-shadow: 12px 0 40px #0004; }
  .workbuddy-sidebar-contexts { position: static; display: flex; grid-column: auto; grid-row: auto; }
  .workbuddy-account, .workbuddy-manual-link { display: block; }
  .dashboard-conversation-scope { min-height: 68px; }
  .agent-studio-header { max-height: 112px; }
  .agent-conversation-form { padding-bottom: .3rem; }
}
/* Enlarged text keeps its readable size. The native horizontal tab strip
   scrolls on touch or keyboard focus without displacing the conversation. */
@container workspace-navigation (max-width: 22em) {
  .dashboard-workspace-topnav .section-nav { flex-wrap: nowrap; flex: 1; gap: .15rem; padding-block: .15rem .4rem; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .dashboard-workspace-topnav .section-nav > a, :is(.dashboard-tools-navigation, .dashboard-feature-discovery) > summary { padding: .35rem .4rem; white-space: nowrap; }
}
@media (max-width: 480px) { .dashboard-feature-links { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .dashboard-workspace-topnav, .workbuddy-sidebar { transition: none; } }
@media (forced-colors: active) { .dashboard-workspace-topnav, :is(.dashboard-tools-navigation-menu, .dashboard-feature-discovery-panel) { background: Canvas; border-color: CanvasText; } }
/* Single canvas, transcript and composer owners; feature controllers keep their DOM. */
.workbuddy-shell[data-dashboard-page] .workbuddy-main { grid-template-rows: minmax(0, 1fr); }
.workbuddy-shell[data-dashboard-page] .workbuddy-main > .topbar { display: none; }
.workbuddy-shell[data-dashboard-page="configuration"] { grid-template-columns: 0 minmax(0, 1fr); }
.workbuddy-shell[data-dashboard-target="super-brain-center"] #dashboard-work-conversation-toggle,
.workbuddy-shell[data-dashboard-target="super-brain-center"] [id="dashboard-work-composer-slot"] { display: none; }
#dashboard-top-account { margin-inline-start: auto; }
#main[data-dashboard-page] { min-height: 0; overflow: hidden; }
#system-workspace[data-dashboard-presentation="work"] { display: grid; width: 100%; max-width: none; margin-inline: auto; height: 100%; min-height: 0; grid-template-rows: auto minmax(0, 1fr); gap: 0; overflow: hidden; }
#system-workspace[hidden] { display: none !important; }
.dashboard-work-view-navigation { display: flex; flex-wrap: wrap; min-width: 0; align-items: center; gap: .2rem; padding: .25rem .55rem; border-block-end: 1px solid color-mix(in srgb, var(--wb-line) 72%, transparent); }
.dashboard-work-view-navigation a, .dashboard-work-view-navigation button { min-height: 32px; padding: .3rem .65rem; border: 1px solid var(--wb-line); border-radius: 8px; background: var(--region-base); color: var(--muted); text-decoration: none; font-size: .74rem; }
.dashboard-work-view-navigation a[aria-current], .dashboard-work-view-navigation button[aria-expanded="true"] { color: var(--accent); background: var(--control-selected-bg); border-color: var(--line-active); }
.dashboard-work-view-navigation :is(a,button):focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.dashboard-work-view-navigation .dashboard-layout-controls { margin-inline-start: auto; }
.dashboard-work-layout { display: grid; min-width: 0; min-height: 0; grid-template-columns: minmax(0, 1fr) clamp(18rem, 27%, 26rem); grid-template-rows: minmax(0, 1fr) auto; gap: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--wb-line) 76%, transparent); border-block-start: 0; background: rgb(var(--surface-rgb) / 22%); }
.dashboard-work-layout[data-conversation="hidden"] { grid-template-columns: minmax(0, 1fr); }
.dashboard-work-layout[data-conversation="hidden"] > .dashboard-work-panel-slot { grid-row: 1; }
.dashboard-work-layout > #overview { grid-column: 2; grid-row: 1; min-width: 0; min-height: 0; height: 100%; padding: 0; overflow: hidden; border: 0; border-inline-start: 1px solid color-mix(in srgb, var(--wb-line) 86%, transparent); border-radius: 0; background: linear-gradient(180deg, rgb(var(--surface-rgb) / 26%), transparent 42%); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.dashboard-work-panel-slot { grid-column: 1; grid-row: 1 / -1; min-width: 0; min-height: 0; height: 100%; overflow: hidden; container: work-panel / inline-size; }
.dashboard-work-panel-slot > .panel { height: 100%; min-height: 0; max-height: 100%; margin: 0; padding: .85rem; overflow: auto; overscroll-behavior: contain; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.dashboard-work-panel-slot > [hidden], .dashboard-work-layout > [hidden] { display: none !important; }
.dashboard-work-layout #boss-company-flow-home:empty { display: none; }
.dashboard-work-composer-slot { grid-column: 2; grid-row: 2; min-width: 0; width: min(100%, 68rem); justify-self: stretch; padding: .45rem .65rem max(.45rem, env(safe-area-inset-bottom, 0px)); border-block-start: 1px solid color-mix(in srgb, var(--wb-line) 72%, transparent); background: transparent; }
.dashboard-work-layout[data-conversation="hidden"] > .dashboard-work-composer-slot { grid-column: 1; width: min(100%, 68rem); }
.dashboard-work-composer-heading { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin: 0 .35rem .25rem; color: var(--text); font-size: .7rem; }
.dashboard-work-composer-heading > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-work-composer-heading > small { flex-shrink: 0; color: var(--muted); font-size: .62rem; }
.dashboard-work-composer-slot > .agent-conversation-form { min-block-size: 0; margin: 0; padding: .65rem .85rem; gap: .45rem; max-height: min(40dvh, 20rem); overflow-y: auto; }
.dashboard-work-composer-slot .agent-conversation-form { position: relative; }
.dashboard-work-composer-slot #agent-conversation-status { overflow-wrap: anywhere; }
/* Conversation mode is one continuous reading rail; material ownership stays
   in the canonical translucent layer while this module owns the seam geometry. */
.dashboard-work-layout[data-conversation="shown"] { row-gap: 0; }
.dashboard-workspace-scope { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.dashboard-workspace-hire-slot .boss-hire-entry > summary { display: flex; align-items: center; min-height: 36px; padding: .35rem .5rem; border: 1px solid var(--wb-line); border-radius: 8px; background: var(--control-bg); font-size: .74rem; cursor: pointer; }
.dashboard-workspace-hire-slot .boss-hire-panel { position: static; width: 100%; margin-top: .4rem; padding: .65rem; box-shadow: none; }
.dashboard-workspace-scope-help { margin-block: .4rem; color: var(--muted); font-size: .7rem; }
.dashboard-workspace-scope-help > summary { cursor: pointer; }
.company-brain-surface { min-height: 220px; }
@container dashboard-workspace (max-width: 900px) {
  .dashboard-work-layout { grid-template-columns: minmax(0, 1fr); }
  .dashboard-work-layout > #overview { grid-column: 1; }
  .dashboard-work-layout > .dashboard-work-composer-slot { grid-column: 1; width: min(100%, 68rem); }
  .dashboard-work-layout[data-conversation="shown"] > .dashboard-work-panel-slot { display: none; }
}
@media (max-width: 760px) {
  .workbuddy-shell[data-dashboard-page="configuration"] { grid-template-columns: minmax(0,1fr); }
  .workbuddy-shell[data-dashboard-page="configuration"] .workbuddy-main { grid-column: 1; }
  .dashboard-work-view-navigation { gap: .2rem; }
  .dashboard-work-view-navigation a, .dashboard-work-view-navigation button { min-height: 44px; padding-inline: .45rem; font-size: .72rem; }
  .dashboard-work-view-navigation .dashboard-layout-controls { margin-inline-start: 0; }
  .workbuddy-shell[data-scope-open="true"] #dashboard-scope-toggle { position: fixed; z-index: 36; top: calc(var(--workspace-topbar-height) + .35rem); inset-inline-end: .65rem; background: var(--overlay-bg); }
  .dashboard-work-composer-heading > small { display: none; }
  .dashboard-work-composer-slot > .agent-conversation-form { max-height: min(45dvh, 20rem); }
}
/* Short windows reserve a readable work region. The same composer scrolls
   only when its disclosures or status need more room; no controls are removed. */
@media (max-height: 540px) {
  .dashboard-workspace-topnav { padding-block: .25rem; }
  .workbuddy-main > main { padding-block: .35rem max(.5rem, env(safe-area-inset-bottom, 0px)); }
  #system-workspace[data-dashboard-presentation="work"] { gap: 0; }
  .dashboard-work-layout { gap: 0; }
  .dashboard-work-composer-heading { margin-bottom: .15rem; }
  .dashboard-work-composer-heading > small { display: none; }
  .dashboard-work-composer-slot > .agent-conversation-form { max-height: min(34dvh, 8rem); padding-block: .3rem; gap: .2rem; scroll-padding-block: .3rem; }
  .dashboard-work-composer-slot .agent-conversation-form textarea { height: 44px; max-height: 72px; }
  /* Company totals remain in the canvas; preserve the short transcript. */
  #overview .boss-command-deck { display: none; }
  #overview .agent-studio-front { grid-template-rows: minmax(0, 1fr); }
  #overview .dashboard-conversation-scope { min-height: 36px; padding-block: .1rem; flex-wrap: nowrap; }
  #overview .dashboard-conversation-scope > div:first-child > small { display: none; }
  #overview .dashboard-conversation-scope h2 { margin: 0; font-size: .85rem; }
  #overview .dashboard-conversation-scope-actions { flex-wrap: nowrap; }
  #overview .dashboard-conversation-scope-actions > button, #overview .dashboard-conversation-participants > summary { min-height: 32px; padding-block: .25rem; }
  #overview .agent-dialogue-column { padding-block: .1rem 0; }
  #overview .dashboard-work-readiness { margin: 0 0 .2rem; }
  #overview .dashboard-work-readiness > summary { min-height: 24px; padding-block: .15rem; }
  #overview #agent-conversation-history { min-height: 3rem; padding-block: .25rem; }
}



#company-brain {
  color:var(--text); display:flex; flex-direction:column; container:company-brain / inline-size; box-sizing:border-box; min-width:0; min-height:0; height:100%; padding:0; gap:0; overflow:hidden; background:transparent;
}
#company-brain[hidden] { display:none; }
.company-brain-header,.company-brain-toolbar,.company-brain-footer { display:flex; flex-shrink:0; align-items:center; gap:8px; flex-wrap:wrap; }
.company-brain-header h2 { font-size:18px; color:var(--ui-title); margin:0; }
.company-brain-header .eyebrow { margin:0 0 4px; font-size:9px; letter-spacing:.19em; color:var(--muted); }
.company-brain-header>div { margin-right:auto; }
.company-brain-header button,.company-brain-toolbar button,.company-brain-camera button { min-height:30px; padding:4px 9px; font-size:12px; border-radius:8px; background:var(--sheet-bg-quiet); border:1px solid var(--sheet-line); color:var(--control-text); }
.company-brain-toolbar button[aria-pressed="true"] { color:var(--accent); border-color:var(--line-active); background:var(--sheet-bg-quiet); }
.company-brain-connection { font-size:11px; color:var(--muted); }
.company-brain-connection[data-state="observed"] { color:var(--status-ok); }
.company-brain-connection[data-state="stale"] { color:var(--warning); }
.company-brain-toolbar input,.company-brain-toolbar select { min-height:32px; font-size:12px; border-radius:8px; padding:5px 9px; background:var(--sheet-bg-quiet); border:1px solid var(--sheet-line); color:var(--text); }
.company-brain-toolbar input { min-width:120px; flex:1; }
.company-brain-toolbar select { width:auto; max-width:130px; }
.company-brain-organization { flex-shrink:0; min-width:0; margin:0; padding:5px 9px; border:1px solid var(--sheet-line); border-radius:9px; background:var(--sheet-bg-quiet); color:var(--muted); font-size:11px; }
.company-brain-organization[hidden] { display:none; }
.company-brain-organization summary { cursor:pointer; line-height:1.45; }
.company-brain-organization[data-state="limited"],.company-brain-organization[data-state="attention"] { color:var(--warning); }
.company-brain-source-list { max-height:110px; overflow:auto; padding-top:4px; }
.company-brain-source-list p { margin:5px 0; }
.company-brain-source-list strong { font-size:11px; font-weight:500; }
.company-brain-source-list small { display:block; margin:3px 0; color:var(--muted); font-size:10px; }
.company-brain-type { display:inline-flex; padding:2px 7px; border:1px solid var(--sheet-line); border-radius:20px; font-size:10px; color:var(--text); background:var(--sheet-bg-quiet); }
.company-brain-type[data-kind="person"] { color:var(--warning); border-color:var(--line-active); }
.company-brain-type[data-kind="employee"] { color:var(--ok); border-color:var(--line-active); }
.company-brain-relations { margin:8px 0; padding-top:7px; border-top:1px solid var(--sheet-divider); }
.company-brain-relations summary { font-size:11px; color:var(--ui-label); cursor:pointer; }
.company-brain-relations button span { display:block; color:var(--text); }
.company-brain-relations button small { margin-top:3px; font-size:10px; color:var(--muted); }
.company-brain-toolbar button[hidden] { display:none; }
.company-brain-relations button { display:block; width:100%; text-align:left; overflow-wrap:anywhere; }
.company-brain-actions { display:flex; flex-wrap:wrap; gap:3px; }
.company-brain-body { display:grid; flex:1; min-height:0; grid-template-columns:minmax(0,1fr); gap:10px; overflow:auto; overscroll-behavior:contain; }
.company-brain-body:has(>.company-brain-inspector:not([hidden])) { grid-template-columns:minmax(0,1fr) minmax(200px,32%); }
.company-brain-viewport {
  color:var(--text); flex:1; min-width:0; min-height:200px; position:relative; border:1px solid var(--sheet-line); border-radius:16px;
  background:
    radial-gradient(circle at 50% 44%, rgb(var(--chroma-cyan-rgb) / 12%), transparent 48%),
    linear-gradient(125deg, rgb(var(--chroma-violet-rgb) / 12%), transparent 45%, rgb(var(--chroma-cyan-rgb) / 9%)),
    rgb(var(--surface-rgb) / 24%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 12%), 0 18px 42px -32px rgb(0 0 0 / 78%);
  backdrop-filter:blur(14px) saturate(1.18); -webkit-backdrop-filter:blur(14px) saturate(1.18); overflow:hidden; }
.company-brain-stage { position:absolute; inset:0; width:100%; height:100%; min-height:0; touch-action:none; }
.company-brain-stage>canvas { width:100%; height:100%; }
.company-brain-stage .dashboard-workflow-spatial-labels button { background:transparent; border-color:transparent; box-shadow:none; }
.company-brain-stage .dashboard-workflow-spatial-labels button i { width:5px; height:5px; box-shadow:0 0 9px var(--workflow-spatial-node-color); }
.company-brain-stage .dashboard-workflow-spatial-labels button[data-focused="true"] { background:var(--sheet-bg-quiet); border-color:var(--line-active); }
.company-brain-stage .dashboard-workflow-spatial-labels button[data-bridge="true"] i { width:7px; height:7px; box-shadow:0 0 12px var(--workflow-spatial-node-color),0 0 22px rgb(126 237 220 / 45%); }
.company-brain-stage .dashboard-workflow-spatial-labels button span { font-size:11px; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.company-brain-stage-readout { position:absolute; z-index:2; inset:10px 12px auto; pointer-events:none; padding:8px 10px 9px; border-top:1px solid rgb(176 229 232 / 32%); border-bottom:1px solid rgb(176 229 232 / 16%); background:linear-gradient(180deg,rgb(5 19 30 / 62%),rgb(5 19 30 / 24%) 75%,transparent); color:rgb(221 244 242 / 92%); text-shadow:0 1px 10px rgb(0 0 0 / 55%); }
.company-brain-stage-readout-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.company-brain-stage-kicker { color:rgb(155 219 221 / 76%); font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; white-space:nowrap; }
.company-brain-stage-readout strong { display:inline-flex; align-items:center; gap:6px; color:rgb(236 255 246 / 94%); font-size:11px; font-weight:600; white-space:nowrap; }
.company-brain-stage-readout strong::before { content:""; width:6px; height:6px; border-radius:50%; background:#9af3d8; box-shadow:0 0 12px #84f0d1; }
.company-brain-stage-readout[data-state="stale"] strong::before { background:#f6c978; box-shadow:0 0 10px #f6c978; }
.company-brain-stage-readout[data-state="idle"] strong::before { background:#91a1ae; box-shadow:none; }
.company-brain-stage-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-top:8px; border-top:1px solid rgb(176 229 232 / 14%); }
.company-brain-stage-metrics span { display:grid; gap:2px; min-width:0; padding:7px 8px 0 0; border-right:1px solid rgb(176 229 232 / 13%); }
.company-brain-stage-metrics span:not(:first-child) { padding-left:8px; }
.company-brain-stage-metrics span:last-child { border-right:0; }
.company-brain-stage-metrics b { color:rgb(239 255 249 / 96%); font:600 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.company-brain-stage-metrics small { color:rgb(170 212 214 / 78%); font-size:9px; white-space:nowrap; }
.company-brain-stage-signal { margin-top:7px; overflow:hidden; color:rgb(167 207 212 / 75%); font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
.company-brain-empty { position:absolute; left:16px; right:16px; top:45%; text-align:center; color:var(--muted); font-size:13px; pointer-events:none; }
.company-brain-camera { position:absolute; bottom:12px; left:12px; display:flex; gap:5px; }
.company-brain-inspector { min-width:0; min-height:0; overflow:auto; padding:14px; border:1px solid var(--sheet-line); border-radius:14px; background:var(--sheet-bg-quiet); }
.company-brain-provenance { margin:8px 0; border:0; background:transparent; }
.company-brain-provenance summary { font-size:11px; color:var(--muted); cursor:pointer; }
.company-brain-inspector h3 { font-size:16px; color:var(--ui-title); margin:5px 0 10px; overflow-wrap:anywhere; }
.company-brain-inspector p { font-size:12px; line-height:1.65; color:var(--text); overflow-wrap:anywhere; white-space:pre-wrap; }
.company-brain-inspector small { display:block; font-size:10px; color:var(--muted); overflow-wrap:anywhere; }
.company-brain-inspector button { font-size:11px; padding:5px 8px; min-height:28px; margin:5px 5px 0 0; }
.company-brain-inspector .company-brain-evidence { color:var(--accent); font-size:11px; }
.company-brain-process { flex-shrink:0; min-width:0; margin:0; border:1px solid var(--sheet-line); border-radius:9px; background:var(--sheet-bg-quiet); color:var(--text); font-size:11px; }
.company-brain-process>summary { padding:7px 9px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.company-brain-process-history { max-height:150px; overflow:auto; padding:0 9px 7px; overscroll-behavior:contain; }
.company-brain-process-history small { display:block; color:var(--muted); font-size:10px; overflow-wrap:anywhere; }
.company-brain-process-entry { padding:6px 0; border-top:1px solid var(--sheet-divider); }
.company-brain-process-entry button { display:block; width:100%; text-align:left; min-height:24px; margin:0; padding:3px 0; border:0; background:transparent; color:var(--text); font-size:11px; overflow-wrap:anywhere; }
.company-brain-process-entry details { margin:3px 0 0; color:var(--muted); font-size:10px; }
.company-brain-process-entry details summary { cursor:pointer; }
.company-brain-footer { justify-content:space-between; color:var(--muted); font-size:10px; min-height:20px; }
.company-brain-list { height:100%; overflow:auto; padding:12px 12px 52px; box-sizing:border-box; }
.company-brain-list button { display:block; text-align:left; width:100%; margin-bottom:7px; padding:9px; min-height:38px; background:var(--sheet-bg-quiet); border:1px solid var(--sheet-line); color:var(--text); font-size:12px; }
.company-brain-list button[aria-pressed="true"] { border-color:var(--line-hot); background:var(--sheet-bg-quiet); }
/* The live graph companion is a real column of the work surface. The slot
 * owns the split geometry; the crystal vessel never covers the live flow. */
#dashboard-work-panel-slot:has(> #company-brain[data-floating="true"]) {
  --company-brain-dock-width:clamp(19rem,28vw,29rem);
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--company-brain-dock-width);
  gap:0;
  overflow:hidden;
}
#dashboard-work-panel-slot:has(> #company-brain[data-floating="true"]) > #workboard { grid-column:1; grid-row:1; min-width:0; min-height:0; }
#dashboard-work-panel-slot:has(> #company-brain[data-floating="true"]) > #company-brain { grid-column:2; grid-row:1; min-width:0; min-height:0; }
#company-brain[data-floating="true"] {
  position:relative; z-index:1; isolation:isolate; inset:auto; width:auto; height:100%; max-height:none;
  box-sizing:border-box; padding:0; border:0; border-inline-start:1px solid rgb(149 221 230 / 24%); border-radius:0;
  background:
    linear-gradient(135deg, rgb(var(--chroma-cyan-rgb) / 10%), transparent 42%, rgb(var(--chroma-violet-rgb) / 8%)),
    rgb(var(--surface-rgb) / 8%);
  background-size: 190% 190%, 100% 100%;
  background-position: 0% 50%, center;
  box-shadow:inset 1px 0 0 rgb(232 255 250 / 9%);
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
#company-brain[data-floating="true"]::before { content:""; position:absolute; z-index:0; inset:1px; border:1px solid rgb(221 255 250 / 12%); border-radius:19px; background:linear-gradient(115deg, rgb(255 255 255 / 8%), transparent 30%, transparent 68%, rgb(var(--chroma-gold-rgb) / 6%)); pointer-events:none; }
#company-brain[data-floating="true"]::after { content:""; position:absolute; z-index:0; inset:16% 9% 7%; border-radius:50%; background:radial-gradient(ellipse, rgb(var(--chroma-cyan-rgb) / 16%), transparent 68%); filter:blur(18px) saturate(1.4); opacity:.72; pointer-events:none; }
#company-brain[data-floating="true"] > * { position:relative; z-index:1; }
#company-brain[data-floating="true"] .company-brain-header { min-height:42px; padding:.55rem .8rem .5rem; color:rgb(244 249 255 / 92%); border-bottom:1px solid rgb(176 229 232 / 16%); background:linear-gradient(90deg, rgb(var(--chroma-cyan-rgb) / 8%), transparent 55%, rgb(var(--chroma-violet-rgb) / 7%)); text-shadow:0 1px 14px rgb(0 0 0 / 70%); }
#company-brain[data-floating="true"]:not([data-docked="true"]) .company-brain-header { cursor:grab; user-select:none; touch-action:none; }
#company-brain[data-floating="true"] .company-brain-header h2 { color:rgb(248 253 255 / 96%); text-shadow:0 1px 16px rgb(0 0 0 / 80%); }
#company-brain[data-floating="true"] .company-brain-header .eyebrow,
#company-brain[data-floating="true"] .company-brain-header .company-brain-connection { color:rgb(222 242 244 / 86%); text-shadow:0 1px 12px rgb(0 0 0 / 78%); }
#company-brain[data-floating="true"] .company-brain-header .company-brain-connection[data-state="observed"] { color:rgb(145 245 216 / 96%); }
#company-brain[data-floating="true"] .company-brain-header .company-brain-connection[data-state="stale"] { color:rgb(255 214 132 / 96%); }
#company-brain[data-floating="true"] .company-brain-header.is-dragging { cursor:grabbing; }
#company-brain[data-floating="true"] .company-brain-toolbar,
#company-brain[data-floating="true"] .company-brain-process,
#company-brain[data-floating="true"] .company-brain-footer { display:none; }
#company-brain[data-floating="true"] .company-brain-header button { background:rgb(7 14 24 / 18%); border-color:rgb(226 246 247 / 28%); color:rgb(244 249 255 / 88%); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
#company-brain[data-floating="true"] .company-brain-organization,
#company-brain[data-floating="true"] .company-brain-process { display:none; }
#company-brain[data-floating="true"] .company-brain-body { overflow:hidden; gap:0; }
#company-brain[data-floating="true"] .company-brain-inspector { display:none; }
#company-brain[data-floating="true"] .company-brain-viewport { min-height:160px; border-color:rgb(149 221 230 / 42%); border-radius:18px; background:radial-gradient(circle at 50% 46%,rgb(var(--chroma-cyan-rgb) / 20%),transparent 48%),linear-gradient(145deg,rgb(5 19 31 / 24%),rgb(8 30 43 / 12%) 54%,rgb(var(--chroma-violet-rgb) / 10%)); background-size:140% 140%,180% 180%; background-position:50% 46%,0% 50%; box-shadow:inset 0 1px rgb(226 255 250 / 18%),inset 0 0 0 1px rgb(56 166 188 / 10%),0 0 0 1px rgb(68 202 215 / 9%),0 0 45px rgb(37 178 191 / 18%); backdrop-filter:blur(18px) saturate(1.3); -webkit-backdrop-filter:blur(18px) saturate(1.3); }
#company-brain[data-floating="true"] .company-brain-viewport::before { content:""; position:absolute; z-index:1; inset:4px; border:1px solid rgb(202 245 241 / 10%); border-radius:14px; pointer-events:none; }
#company-brain[data-floating="true"] .company-brain-stage-readout { inset:10px 12px auto; }
#company-brain[data-floating="true"] .company-brain-camera { z-index:3; }
#company-brain[data-floating="true"] .company-brain-empty { z-index:3; }
#company-brain[data-expanded="true"] { position:fixed; inset:12px; z-index:50; width:auto; height:auto; max-height:none; }
#company-brain[data-expanded="true"] { box-sizing:border-box; background:var(--sheet-sheen),rgb(var(--surface-rgb)); }
@container company-brain (max-width:700px) {
  .company-brain-body:has(>.company-brain-inspector:not([hidden])) { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(220px,1fr) auto; }
  .company-brain-inspector { max-height:220px; padding:10px; }
  .company-brain-toolbar { gap:5px; }
  .company-brain-toolbar input { flex-basis:130px; }
}
@media(max-height:540px) {
  #company-brain { gap:6px; padding:8px; }
  .company-brain-header .eyebrow { display:none; }
  .company-brain-header h2 { font-size:15px; }
  .company-brain-viewport { min-height:160px; }
  .company-brain-body:has(>.company-brain-inspector:not([hidden])) { grid-template-rows:minmax(160px,1fr) auto; }
  .company-brain-inspector { max-height:180px; }
  .company-brain-footer { font-size:9px; }
}
@media(max-width:820px) {
  #dashboard-work-panel-slot:has(> #company-brain[data-floating="true"]) {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) minmax(20rem,auto);
    overflow:auto;
  }
  #dashboard-work-panel-slot:has(> #company-brain[data-floating="true"]) > #workboard { grid-column:1; grid-row:1; }
  #dashboard-work-panel-slot:has(> #company-brain[data-floating="true"]) > #company-brain { grid-column:1; grid-row:2; }
  #company-brain[data-floating="true"] { inset:auto; width:auto; height:min(28rem,72dvh); max-height:none; }
}
@media(prefers-reduced-transparency:reduce) {
  #company-brain[data-floating="true"] { background:rgb(var(--surface-rgb)); backdrop-filter:none; -webkit-backdrop-filter:none; }
  #company-brain[data-floating="true"]::before,
  #company-brain[data-floating="true"]::after { display:none; }
  #company-brain[data-floating="true"] .company-brain-header button { backdrop-filter:none; -webkit-backdrop-filter:none; }
  #company-brain[data-floating="true"] .company-brain-viewport { background:rgb(var(--surface-rgb)); backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@media(prefers-reduced-motion:reduce) { #company-brain * { animation:none!important; transition:none!important; } }
@media(forced-colors:active) {
  #company-brain,#company-brain[data-floating="true"],.company-brain-viewport,.company-brain-inspector { color:CanvasText; background:Canvas; border:1px solid CanvasText; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
  #company-brain[data-floating="true"] .company-brain-viewport,
  #company-brain[data-floating="true"] .company-brain-header button { background:Canvas; border-color:CanvasText; color:CanvasText; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
  #company-brain[data-floating="true"] .company-brain-header h2,
  #company-brain[data-floating="true"] .company-brain-header .eyebrow,
  #company-brain[data-floating="true"] .company-brain-header .company-brain-connection { color:CanvasText; text-shadow:none; }
  .company-brain-viewport { --text:CanvasText; --muted:CanvasText; --control-text:ButtonText; --sheet-bg-quiet:ButtonFace; --sheet-line:ButtonText; --focus-ring:Highlight; }
}


#super-brain-center [hidden]{display:none!important}
.sb-domain-switch{display:flex;gap:2px;border-bottom:1px solid var(--sb-line);padding:0 16px;flex-shrink:0}
#super-brain-center .sb-domain-switch button{border:0;border-radius:0;padding:11px 16px;background:transparent;color:var(--sb-muted)}
#super-brain-center .sb-domain-switch button[aria-pressed=true]{color:var(--sb-blue);box-shadow:inset 0 -1px var(--sb-blue)}
.bk-workbench{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;flex:1;min-height:0;overflow:hidden;background:transparent}
.bk-library,.bk-evidence{overflow:auto;padding:16px;min-width:0;min-height:0}.bk-library{border-right:1px solid var(--sb-line)}.bk-evidence{border-left:1px solid var(--sb-line)}
.bk-library header,.bk-toolbar,.bk-report header,.bk-editor footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.bk-library label{display:grid;gap:7px;margin:14px 0;font-size:11px;color:var(--sb-muted)}
.bk-muted,.bk-status,#bk-graph-note,.bk-report>p{color:var(--sb-dim);font-size:11px;line-height:1.7}.bk-library hr{border:0;border-top:1px solid var(--sb-line);margin:20px 0}
.bk-main{display:flex;flex-direction:column;min-height:0;min-width:0}.bk-toolbar{padding:14px 18px;border-bottom:1px solid var(--sb-line);flex-wrap:wrap}.bk-toolbar nav{display:flex;gap:4px;flex-wrap:wrap}.bk-toolbar h3{margin-bottom:5px!important}.bk-timebar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--sb-line);font-size:10px;color:var(--sb-muted)}.bk-timebar label{display:grid;gap:5px;flex:1;min-width:170px}.bk-timebar span{padding:8px 0;color:var(--sb-gold)}
.bk-graph-pane{position:relative;flex:1;min-height:360px;overflow:hidden;background:radial-gradient(ellipse at 48% 46%,rgb(65 121 154 / 6%),transparent 70%)}#bk-canvas{width:100%;height:100%;position:absolute;inset:0}#bk-graph-note{position:absolute;bottom:12px;left:18px;right:18px;pointer-events:none;margin:0}.bk-status{border-top:1px solid var(--sb-line);padding:8px 18px}.bk-status p{margin:0;overflow-wrap:anywhere}
#bk-records{display:grid;margin-top:12px;max-height:40%;overflow:auto}#super-brain-center .bk-record-row{text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--sb-line);padding:12px 0;background:transparent;display:grid;gap:4px}.bk-record-row small{color:var(--sb-dim);font-size:10px}.bk-record-row[aria-current=true]{color:var(--sb-blue)!important}#bk-detail{border-top:1px solid var(--sb-line);margin-top:20px;padding-top:16px;overflow-wrap:anywhere;font-size:12px;line-height:1.7}#bk-detail dl{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px;font-size:10px}#bk-detail dt{color:var(--sb-dim)}#bk-detail dd{margin:0}#bk-detail code{font-size:10px;word-break:break-all}#bk-detail button{margin:12px 6px 0 0}
.bk-editor,.bk-report,.bk-extraction{flex:1;overflow:auto;min-height:0;padding:20px}.bk-editor #bk-fields{display:grid;gap:16px}.bk-editor label{display:grid;gap:6px;color:var(--sb-muted);font-size:11px}.bk-editor fieldset{min-width:0;border:0;border-top:1px solid var(--sb-line);padding:16px 0 0;margin:0}.bk-editor legend{color:var(--sb-gold);font-size:11px;padding-right:10px}.bk-edit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--sb-line);align-items:end}.bk-editor footer{position:sticky;bottom:-20px;background:#06090d;border-top:1px solid var(--sb-line);padding:14px 0;margin-top:20px;justify-content:flex-end}.bk-report table{width:100%;border-collapse:collapse;font-size:12px}.bk-report th,.bk-report td{padding:12px 8px;border-bottom:1px solid var(--sb-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.bk-report td small{display:block;color:var(--sb-dim)}
.bk-extraction{font-size:12px;line-height:1.7}.bk-extraction header{border-bottom:1px solid var(--sb-line);padding-bottom:10px}.bk-extraction form{padding:14px 0 22px;border-bottom:1px solid var(--sb-line)}.bk-extraction label{display:grid;gap:6px;min-width:0;color:var(--sb-muted)}.bk-extraction textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:150px;line-height:1.8}.bk-extraction-fields{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px;margin-bottom:14px}.bk-extraction-run{border-bottom:1px solid var(--sb-line);padding:18px 0;overflow-wrap:anywhere}.bk-extraction-run h4{margin:0;color:var(--sb-blue)}.bk-extraction-run code{font-size:10px;word-break:break-all}.bk-extraction-run p{white-space:pre-wrap}.bk-extraction-run button{margin:12px 8px 0 0}
@media(max-width:1150px){.bk-workbench{grid-template-columns:180px minmax(0,1fr)}.bk-evidence{grid-column:1/-1;border-left:0;border-top:1px solid var(--sb-line);display:grid;grid-template-columns:1fr 1fr;gap:16px;max-height:400px}.bk-evidence h3{grid-column:1/-1}#bk-records{max-height:none;margin:0}#bk-detail{border:0;margin:0;padding:0}.bk-workbench{overflow:auto;min-height:0;grid-template-rows:minmax(480px,1fr) auto}.bk-graph-pane{min-height:320px}}
@media(max-width:680px){.bk-workbench{display:flex;flex-direction:column}.bk-library,.bk-main,.bk-evidence{flex:none;overflow:visible}.bk-library{border-right:0;border-bottom:1px solid var(--sb-line);display:grid;grid-template-columns:1fr 1fr;gap:8px}.bk-library header,.bk-library>p,.bk-library hr,#bk-indices{grid-column:1/-1}.bk-library label{margin:4px 0}.bk-library hr{margin:8px 0}.bk-main{min-height:600px}.bk-evidence{display:block;max-height:none}.bk-edit-row{grid-template-columns:1fr 1fr}.bk-extraction-fields{grid-template-columns:1fr}.bk-extraction{padding:14px}.bk-report{padding:12px}.bk-toolbar{padding:12px}.bk-timebar{padding:10px}.bk-timebar label{min-width:140px}.bk-editor{padding:14px}.bk-editor footer{bottom:-14px}}

.bk-analysis{padding:20px;overflow:auto;font-size:12px;line-height:1.8}.bk-analysis>header,.ba-workspace header{display:flex;justify-content:space-between;align-items:start;gap:12px;border-bottom:1px solid var(--sb-line);padding-bottom:12px}.bk-analysis h3,.bk-analysis h4{margin:0 0 10px}.bk-analysis details{padding:14px 0;border-bottom:1px solid var(--sb-line)}.bk-analysis summary{cursor:pointer;color:var(--sb-blue)}.bk-analysis label{display:grid;gap:6px;min-width:0;margin:12px 0;color:var(--sb-muted)}.bk-analysis textarea,.bk-analysis input,.bk-analysis select{width:100%;box-sizing:border-box}.ba-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ba-roles{grid-template-columns:repeat(3,minmax(0,1fr))}.ba-limits{grid-template-columns:repeat(5,minmax(0,1fr))}.ba-start,.ba-export{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 0;border-bottom:1px solid var(--sb-line)}.ba-start span{color:var(--sb-dim)}.ba-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;min-height:450px}.ba-workspace>aside{border-right:1px solid var(--sb-line);padding:12px 12px 12px 0}.ba-workspace>main{padding:16px 0 16px 20px;min-width:0}.ba-run-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--sb-line);padding:12px 0;background:transparent}.ba-run-row strong,.ba-run-row span,.ba-run-row small{display:block}.ba-run-row[aria-current=true]{color:var(--sb-blue)}.ba-alert-row,.ba-share-row{padding:12px 0;border-bottom:1px solid var(--sb-line)}.ba-alert-row button{margin:8px 8px 0 0}.ba-check{display:flex!important;align-items:center;gap:10px}.ba-check input{width:auto!important}.analysis-report{font-size:13px;line-height:1.85;overflow-wrap:anywhere}.analysis-report h2{font-size:25px;margin-top:24px}.analysis-report h3{font-size:20px;border-top:1px solid var(--sb-line);padding-top:20px}.analysis-report h4{font-size:15px;color:var(--sb-blue)}.analysis-report p{white-space:pre-wrap}.analysis-report-block,.analysis-finding{padding:14px 0;border-bottom:1px solid var(--sb-line)}.analysis-report figure{margin:12px 0}.analysis-report figure img{width:100%;height:auto}.analysis-citation,.analysis-report figcaption,.analysis-report small{color:var(--sb-dim)}.analysis-report details span{display:block}.analysis-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.analysis-metrics dd{margin:0;color:var(--sb-gold);font-size:22px}.analysis-finding.is-critical h4{color:var(--sb-red)}.analysis-finding.is-warning h4{color:var(--sb-gold)}.rich-table{overflow-x:auto}.rich-table table{width:100%;border-collapse:collapse}.rich-table td,.rich-table th{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--sb-line);overflow-wrap:anywhere}.analysis-disclosure{color:var(--sb-muted);border-bottom:1px solid var(--sb-line);padding-bottom:16px}@media(max-width:950px){.ba-workspace{grid-template-columns:150px minmax(0,1fr)}.ba-limits{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.bk-analysis{padding:14px}.ba-workspace{display:block}.ba-workspace>aside{border-right:0;border-bottom:1px solid var(--sb-line)}.ba-workspace>main{padding-left:0}.ba-fields,.ba-roles{grid-template-columns:1fr}.ba-limits{grid-template-columns:1fr 1fr}}
.sb-entity-nodes g[data-kind="connection"],.super-brain-connectome-module[data-kind="connection"]{color:#8bc8e7}
.sb-entity-nodes g[data-kind="route"],.super-brain-connectome-module[data-kind="route"]{color:#7ad2d3}
.sb-entity-nodes g[data-kind="service"],.super-brain-connectome-module[data-kind="service"]{color:#d9ba83}
.sb-entity-nodes g[data-kind="prompt"],.super-brain-connectome-module[data-kind="prompt"]{color:#b7a6dd}
.sb-entity-nodes g[data-kind="tool"],.super-brain-connectome-module[data-kind="tool"]{color:#c19e75}
.sb-entity-nodes g[data-kind="skill"],.super-brain-connectome-module[data-kind="skill"]{color:#b8ce8b}
.sb-entity-nodes g[data-kind="employee"],.super-brain-connectome-module[data-kind="employee"]{color:#83c8bd}
.sb-entity-nodes g[data-kind="workflow"],.super-brain-connectome-module[data-kind="workflow"]{color:#a9b6e9}
.sb-entity-nodes g[data-kind="worker"],.super-brain-connectome-module[data-kind="worker"]{color:#90c5e3}
.sb-entity-nodes g[data-kind="task"],.super-brain-connectome-module[data-kind="task"]{color:#dda3a5}
.sb-entity-nodes g[data-kind="edge-node"],.super-brain-connectome-module[data-kind="edge-node"]{color:#9eb7c9}
.sb-entity-nodes g[data-kind="plan"],.super-brain-connectome-module[data-kind="plan"]{color:#c2b99c}
.sb-entity-nodes g[data-kind="subscription"],.super-brain-connectome-module[data-kind="subscription"]{color:#aeaccc}
.sb-entity-nodes g[data-kind="tenant"],.super-brain-connectome-module[data-kind="tenant"]{color:#c7ba8f}
.sb-entity-nodes g[data-kind="workspace"],.super-brain-connectome-module[data-kind="workspace"]{color:#9ccbbb}
.super-brain-neural-chamber{min-width:0;border-bottom:1px solid var(--sb-line);background:linear-gradient(150deg,rgb(67 114 143 / 4%),transparent 48%)}
.sb-neural-toolbar{padding:14px 16px 10px;border-bottom:1px solid var(--sb-line)}
.super-brain-stage-bar{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--sb-dim)}
.sb-neural-scope{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}
#super-brain-center .sb-neural-scope button{border:0;border-radius:0;font-size:11px;min-height:40px;background:transparent;padding:8px 10px}
.sb-neural-scope button[aria-pressed=true]{color:var(--sb-blue);box-shadow:inset 0 -1px var(--sb-blue)}
.sb-neural-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--sb-muted);margin-top:8px}
.sb-neural-tools>span{flex-basis:100%;color:var(--sb-dim)}
#super-brain-center .sb-neural-tools>select{width:auto;max-width:100%;min-height:40px;font-size:11px;background:transparent}
#super-brain-center .sb-neural-tools button{font-size:11px;min-height:40px;background:transparent}
.sb-neural-filters{min-width:0;flex-basis:100%;order:1;border-top:1px solid var(--sb-line);padding-top:4px}
.sb-neural-filters summary{cursor:pointer;min-height:36px;line-height:36px;color:var(--sb-muted)}
.sb-neural-filter-fields{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:6px 10px;align-items:center;padding-bottom:8px}
.sb-neural-filter-fields>span{grid-column:1/-1;line-height:1.6;overflow-wrap:anywhere}
.sb-neural-stage-layout{display:block;min-width:0}
.sb-neural-canvas{min-width:0;display:flex;flex-direction:column}
.super-brain-crystal-vessel{position:relative;width:100%;height:220px;background:transparent}
.super-brain-neural-map{display:block;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:grab}
.super-brain-neural-map:active{cursor:grabbing}
.sb-crystal{fill:none;stroke:rgb(148 206 227 / 22%);stroke-width:.8;pointer-events:none}
.sb-crystal-highlight{stroke:rgb(174 224 242 / 48%);stroke-width:1.2}
.sb-neural-layers path{fill:none;stroke:var(--sb-line);stroke-width:1}
.sb-neural-layers text{fill:var(--sb-muted);font:14px system-ui}
.sb-entity-links>path{stroke:#8da8b6;stroke-width:1.2;opacity:.4;fill:none}
.sb-entity-links>path[data-effective=false][data-state=current]:not([data-scope=draft]){stroke-dasharray:8 3 2 3;opacity:.25}
.sb-entity-links>path[data-scope=draft]{stroke-dasharray:2 5;opacity:.25}
.sb-entity-links>path[data-state=stale]{stroke:var(--sb-gold);stroke-dasharray:9 6;opacity:.4}
.sb-entity-links>path[data-selected=true]{opacity:.95;stroke-width:1.8}
.sb-entity-links>path[data-related=false]{opacity:.09}
.sb-entity-links>path[data-active=true]{opacity:1;stroke-dasharray:5 14;animation:sb-signal 1.8s linear infinite}
.sb-entity-nodes g{cursor:pointer}
.sb-entity-core{fill:currentColor;fill-opacity:.52;stroke:currentColor;stroke-width:1.4}
.sb-entity-hit{fill:transparent;stroke:none}
.sb-entity-halo{fill:none;stroke:currentColor;stroke-width:.8;opacity:.12}
.sb-entity-nodes g[data-related=false]{opacity:.3}
.sb-entity-nodes g[data-state=draft] .sb-entity-core{stroke-dasharray:2 2}
.sb-entity-nodes g[data-state=failed] .sb-entity-core,.sb-entity-nodes g[data-state=blocked] .sb-entity-core{stroke:var(--sb-red)}
.sb-entity-nodes g[data-runtime=unavailable] .sb-entity-core{fill-opacity:.16}
.sb-entity-nodes g[aria-pressed=true] .sb-entity-halo,.sb-entity-nodes g:focus-visible .sb-entity-halo{opacity:1;stroke-width:2}
.sb-entity-nodes g[data-active=true] .sb-entity-halo,.sb-entity-nodes g[data-running=true] .sb-entity-halo{opacity:.8;animation:sb-halo 1.6s ease-in-out infinite}
.sb-entity-nodes text{fill:var(--sb-ink);font:14px system-ui}
.sb-neural-hover{min-height:36px;margin:0;padding:7px 16px;font-size:11px;color:var(--sb-muted);overflow-wrap:anywhere;border-top:1px solid var(--sb-line)}
.sb-neural-empty{fill:var(--sb-dim);font:17px system-ui}
.sb-neural-context{min-width:0;padding:16px;border-top:1px solid var(--sb-line)}
.super-brain-core-caption{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.super-brain-core-caption strong{font-size:14px;font-weight:550;color:var(--sb-blue)}
.super-brain-core-caption small{font-size:11px;color:var(--sb-dim);line-height:1.7}
.super-brain-neural-readout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}
.super-brain-neural-readout-grid>div{border-left:1px solid var(--sb-line);padding-left:12px}
.super-brain-neural-readout-grid>div:nth-child(odd){border:0;padding:0}
.super-brain-neural-readout-grid small{font-size:10px;color:var(--sb-dim)}
.super-brain-neural-readout-grid strong{display:block;font:21px ui-monospace,monospace;margin-top:5px}
#super-brain-connectome-provenance{font-size:10px;color:var(--sb-dim);margin:16px 0 0;line-height:1.7}
#super-brain-connectome-module-list{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--sb-line)}
.super-brain-connectome-module{display:inline-flex;align-items:center;font-size:11px;line-height:1.7}
#super-brain-neural-readout-detail{font-size:10px;line-height:1.7;color:var(--sb-dim);margin-bottom:0}
.sb-neural-directory{border-top:1px solid var(--sb-line);margin-top:16px;padding-top:12px;font-size:11px;color:var(--sb-muted)}
.sb-neural-directory summary{cursor:pointer;min-height:32px;line-height:32px}
#super-brain-neural-directory{max-height:220px;overflow:auto;margin-top:8px}
#super-brain-neural-directory button{display:block;text-align:left;width:100%;min-height:44px;border:0;border-radius:0;border-bottom:1px solid var(--sb-line);background:transparent;font-size:11px;overflow-wrap:anywhere}
#super-brain-neural-directory button[aria-pressed=true]{color:var(--sb-blue);background:rgb(99 160 192 / 8%)}
.sb-neural-inspector{border-top:1px solid var(--sb-line);padding-top:12px;margin-top:16px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.sb-neural-inspector>strong{font-size:13px;color:var(--sb-ink)}
.sb-neural-inspector p{margin:6px 0;color:var(--sb-muted)}
.sb-neural-inspector dl{margin:10px 0}
.sb-neural-inspector dl>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;padding:4px 0}
.sb-neural-inspector dt{color:var(--sb-dim)}
.sb-neural-inspector dd{margin:0;font:10px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}
.sb-neural-inspector code{font:10px/1.7 ui-monospace,monospace;color:var(--sb-gold)}
.sb-neural-relation{padding:7px 0;border-bottom:1px solid var(--sb-line)}
.sb-neural-relation button{width:100%;text-align:left;border:0;border-radius:0;background:transparent;min-height:44px}
.sb-neural-relation small{display:block;font:9px/1.7 ui-monospace,monospace;color:var(--sb-dim);overflow-wrap:anywhere}
.sb-neural-inspector .sb-neural-unresolved{color:var(--sb-gold)}
#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .sb-library,#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .sb-editor-pane{display:none}
#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .super-brain-workbench-context{grid-column:1/-1;border-left:0}
#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .sb-binding-context{display:none}
#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .sb-neural-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch}
#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .super-brain-crystal-vessel{height:clamp(420px,calc(100dvh - 280px),820px)}
#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .sb-neural-context{border-top:0;border-left:1px solid var(--sb-line);max-height:calc(100dvh - 230px);overflow:auto}
@keyframes sb-signal{to{stroke-dashoffset:-57}}
@keyframes sb-halo{50%{opacity:.3}}
@media(max-width:1000px){#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .sb-neural-stage-layout{grid-template-columns:minmax(0,1fr)}#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .sb-neural-context{border-left:0;border-top:1px solid var(--sb-line);max-height:none;overflow:visible}#super-brain-center[data-mapping=expanded]:not([data-workbench=api]):not([data-workbench=knowledge]) .super-brain-crystal-vessel{height:clamp(340px,50dvh,600px)}}
@media(max-width:620px){.sb-neural-toolbar{padding:12px}.sb-neural-tools{gap:6px}.sb-neural-tools>select{flex:1}.sb-neural-context{padding:12px}.sb-neural-hover{padding-inline:12px}.sb-neural-filter-fields{grid-template-columns:100px minmax(0,1fr)}}
@media(forced-colors:active){.sb-entity-links path{stroke:CanvasText}.sb-entity-nodes .sb-entity-core,.sb-entity-nodes .sb-entity-halo{stroke:ButtonText}.sb-entity-nodes text,.sb-neural-empty{fill:CanvasText}}

#super-brain-center { --sb-ink:#e5edf2;--sb-muted:#93a9b8;--sb-dim:#748795;--sb-blue:#8ec9de;--sb-gold:#c1ad84;--sb-red:#d57e82;--sb-line:rgb(155 190 213 / 13%);color:var(--sb-ink);background:#06090d;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;font-size:13px; }
#super-brain-center[hidden],#super-brain-center [hidden]{display:none!important}#super-brain-center *{box-sizing:border-box}#super-brain-center button,#super-brain-center input,#super-brain-center select,#super-brain-center textarea{font:inherit;color:var(--sb-ink);border:1px solid var(--sb-line);border-radius:5px;background:rgb(124 170 197 / 4%);box-shadow:none;min-width:0}#super-brain-center button{padding:8px 12px;cursor:pointer}#super-brain-center button:disabled{opacity:.35;cursor:default}#super-brain-center :focus-visible{outline:2px solid var(--sb-blue);outline-offset:2px}#super-brain-center input:not([type=checkbox]):not([type=radio]),#super-brain-center select,#super-brain-center textarea{padding:9px 10px;width:100%}#super-brain-center option{background:#10171d}#super-brain-center textarea{resize:vertical;line-height:1.65;min-height:96px}#super-brain-center h3{margin:0;font-size:14px;font-weight:550}#super-brain-center p{line-height:1.6}#super-brain-center a{color:var(--sb-blue);text-decoration:none}
.super-brain-kicker{font:10px/1.4 ui-monospace,monospace;letter-spacing:.13em;color:var(--sb-dim);margin:0}.super-brain-command-header{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.super-brain-command-header h2{font-size:27px;letter-spacing:-.045em;margin:5px 0;font-weight:560}.super-brain-command-header p:last-child{margin:0;color:var(--sb-muted);font-size:12px}.super-brain-command-actions{display:flex;gap:12px;align-items:center}.super-brain-live-chip{font-size:11px;color:var(--sb-muted);display:flex;gap:8px;align-items:center}.super-brain-status-dot{width:5px;height:5px;border-radius:50%;background:var(--sb-dim)}.super-brain-live-chip[data-state=live] .super-brain-status-dot{background:var(--sb-blue)}.super-brain-live-chip[data-state=stale] .super-brain-status-dot{background:var(--sb-red)}.super-brain-scope-bar{display:flex;border-block:1px solid var(--sb-line);padding:0 20px;gap:20px;align-items:center;min-height:38px;flex-shrink:0;font-size:11px;overflow:auto;white-space:nowrap}.super-brain-scope-bar span{margin-left:auto;color:var(--sb-dim)}
.super-brain-workbench{display:grid;grid-template-columns:190px minmax(300px,1fr) minmax(310px,32%);flex:1;min-height:0;min-width:0;border-bottom:1px solid var(--sb-line);overflow:hidden}.sb-library{border-right:1px solid var(--sb-line);min-height:0;display:flex;flex-direction:column;padding:10px 0}.sb-library nav{display:grid;gap:2px;padding:0 10px 12px;border-bottom:1px solid var(--sb-line)}#sb-kind-tabs button{text-align:left;border:0;border-radius:3px;background:transparent}#sb-kind-tabs button[aria-pressed=true]{color:var(--sb-blue);background:rgb(99 160 192 / 10%)}.sb-library-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px;color:var(--sb-muted);font-size:11px}#sb-asset-new{font-size:11px;padding:5px 7px}#sb-asset-search{margin:0 10px 8px;width:calc(100% - 20px);font-size:11px}#sb-asset-list{overflow:auto;min-height:0;flex:1}.sb-asset-row{width:100%;display:grid;text-align:left;padding:12px 14px!important;gap:5px;border:0!important;border-radius:0!important;border-bottom:1px solid var(--sb-line)!important;background:transparent!important}.sb-asset-row[aria-current=true]{background:rgb(104 164 193 / 9%)!important;box-shadow:inset 2px 0 var(--sb-blue)!important}.sb-asset-row strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.sb-asset-row small{font-size:10px;color:var(--sb-dim)}
.sb-editor-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(125deg,rgb(66 104 132 / 3%),transparent 50%)}.sb-editor-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--sb-line);gap:12px}.sb-editor-heading h3{font-size:20px!important;margin-top:4px!important;letter-spacing:-.025em}#sb-editor-revision{font:10px ui-monospace,monospace;color:var(--sb-dim);white-space:nowrap}.sb-editor-fields{padding:18px 22px;overflow:auto;flex:1;min-height:0;display:grid;align-content:start;gap:17px}.sb-field{display:grid;gap:7px;min-width:0}.sb-field>span,.sb-field>legend{font-size:11px;color:var(--sb-muted)}.sb-field small{color:var(--sb-dim);font-size:11px;line-height:1.6}.sb-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sb-form-section{border:0;border-top:1px solid var(--sb-line);padding:17px 0 0;margin:0;display:grid;gap:12px;min-width:0}.sb-form-section legend{padding:0 9px 0 0;color:var(--sb-gold);font-size:11px}.sb-binding-choice{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid var(--sb-line);color:var(--sb-muted);font-size:12px}.sb-binding-choice input{width:14px!important;margin-top:2px}.sb-binding-choice>label{display:flex;align-items:flex-start;gap:9px;flex:1;min-width:0}.sb-binding-order{display:flex;gap:3px;margin-left:auto}.sb-binding-order button{padding:2px 6px!important}.sb-binding-choice span{min-width:0;overflow-wrap:anywhere}.sb-binding-choice small{display:block;font-size:10px;color:var(--sb-dim);margin-top:3px}.sb-variable-row{display:grid;grid-template-columns:1fr 110px;gap:8px;border-bottom:1px solid var(--sb-line);padding-bottom:13px}.sb-variable-row textarea{grid-column:1/-1;min-height:64px!important}.sb-variable-row button{justify-self:end;grid-column:2;font-size:11px!important}.sb-editor-footer{padding:12px 22px;border-top:1px solid var(--sb-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.sb-editor-footer p{margin:0;font-size:11px;color:var(--sb-muted);overflow-wrap:anywhere}.sb-editor-footer>div{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}#sb-asset-publish{background:rgb(111 169 197 / 14%);color:#c8e9f4}.sb-editor-pane[data-dirty=true] #sb-editor-revision{color:var(--sb-gold)}.sb-check{display:grid;grid-template-columns:1fr auto;gap:4px;padding:8px 0;border-bottom:1px solid var(--sb-line)}.sb-check small{grid-column:1/-1;font:10px ui-monospace,monospace;overflow-wrap:anywhere}.sb-check[data-status=blocked]{color:var(--sb-red)}.sb-check[data-status=ready]>span:last-of-type{color:var(--sb-blue)}.sb-inspection-preview{margin-top:14px}.sb-inspection-preview summary{cursor:pointer;color:var(--sb-gold)}#super-brain-center [aria-invalid=true]{border-color:var(--sb-red)}.sb-code-note{font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;word-break:break-all;color:var(--sb-muted)}
.super-brain-workbench-context{grid-column:3;border-left:1px solid var(--sb-line);overflow:auto;min-height:0;min-width:0;background:linear-gradient(175deg,rgb(33 74 106 / 5%),transparent 50%)}.sb-binding-context,.super-brain-stream-ledger,.sb-operating-details{padding:16px;border-bottom:1px solid var(--sb-line)}#sb-binding-summary{font-size:12px;color:var(--sb-muted);line-height:1.7;margin-top:10px;overflow-wrap:anywhere}.super-brain-event-row{display:flex;gap:6px 9px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--sb-line);font-size:11px}.super-brain-event-row strong{overflow-wrap:anywhere}.super-brain-event-row>span{flex-basis:100%;color:var(--sb-muted);font-size:10px;overflow-wrap:anywhere}.super-brain-event-row small{margin-left:auto;color:var(--sb-dim)}.super-brain-event-row[data-status=failed]{color:var(--sb-red)}.super-brain-empty{font-size:12px;color:var(--sb-dim);padding:8px;line-height:1.8}.sb-operating-details summary{cursor:pointer;color:var(--sb-muted);font-size:12px}.super-brain-panel,.super-brain-context-section{padding:14px 0;border-bottom:1px solid var(--sb-line)}.super-brain-panel header,.super-brain-section-line{display:flex;justify-content:space-between;gap:8px}.super-brain-panel p,.super-brain-context-section p{font-size:11px;color:var(--sb-dim)}.super-brain-panel-link{display:block;font-size:11px;margin-top:10px}.super-brain-connection-row,.super-brain-edge-row,.super-brain-key-row,.super-brain-person{display:flex;gap:8px;padding:8px 0;font-size:11px;color:var(--sb-muted);flex-wrap:wrap}.super-brain-key-detail{width:100%;overflow-wrap:anywhere}.super-brain-key-row small{color:var(--sb-dim)}.super-brain-api-code{font:10px/1.8 ui-monospace,monospace;display:grid;gap:6px;overflow-wrap:anywhere}.super-brain-stat-row{display:flex;gap:10px;font-size:11px}.super-brain-stat-row strong{display:block}.super-brain-studio-route{padding:10px 0;font-size:11px;color:var(--sb-dim)}.super-brain-meter{height:2px;background:var(--sb-line);margin-top:12px}.super-brain-meter span{height:2px;display:block;background:var(--sb-blue)}.super-brain-footer{font-size:10px;color:var(--sb-dim);padding:8px 16px;display:flex;gap:12px;justify-content:space-between;flex-shrink:0}.super-brain-footer p{margin:0}.super-brain-api-status[data-state=blocked]{color:var(--sb-red)}
.pg-workbench{grid-column:1/span 2;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;background:linear-gradient(120deg,rgb(94 161 191 / 4%),transparent 60%)}.pg-heading,.pg-selection,.pg-issue-form,.pg-secret,.pg-key-history,.pg-footer{padding:18px 22px;border-bottom:1px solid var(--sb-line)}.pg-heading{display:flex;gap:16px;justify-content:space-between;align-items:center}.pg-heading h3{font-size:22px!important;letter-spacing:-.025em}.pg-heading p,.pg-footer p{margin:5px 0;color:var(--sb-muted)}.pg-selection,.pg-form-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.pg-workbench label{display:grid;gap:8px;color:var(--sb-muted);font-size:12px}.pg-workbench input,.pg-workbench select,.pg-workbench button{min-height:44px}.pg-workbench code{display:block;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;color:var(--sb-blue)}.pg-workbench small{font-size:11px;color:var(--sb-dim);line-height:1.7}.pg-selection p{font-size:11px;color:var(--sb-dim);overflow-wrap:anywhere;margin:6px 0 0}.pg-issue-form fieldset{border:0;padding:16px 0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px}.pg-issue-form legend{font-size:11px;color:var(--sb-dim);padding-top:14px}.pg-issue-form fieldset label{display:flex;align-items:center;gap:9px;min-height:44px}.pg-issue-form input[type=checkbox]{flex:none;width:17px;height:17px;min-height:17px;padding:0;accent-color:var(--sb-blue)}.pg-action-line{display:flex;gap:14px;align-items:center;justify-content:space-between}.pg-action-line p{font-size:12px;color:var(--sb-muted)}#pg-issue{background:rgb(119 191 216 / 12%);color:var(--sb-blue);flex-shrink:0}.pg-secret{background:rgb(171 151 107 / 5%)}.pg-secret>div{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}#pg-token{font:13px ui-monospace,monospace;color:var(--sb-gold)}.pg-key-history{flex:1;padding-bottom:0}.pg-key-history>header{display:flex;align-items:center;gap:18px;justify-content:space-between}.pg-key-history>header label{max-width:160px}.pg-key-history p{font-size:11px;color:var(--sb-dim);margin:5px 0}.pg-key-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--sb-line);padding:16px 0}.pg-key-row>div{display:grid;gap:4px;min-width:0;flex:1}.pg-key-row strong{font-size:13px;font-weight:500}.pg-key-row small{overflow-wrap:anywhere}.pg-key-row button{flex-shrink:0;color:var(--sb-red)!important}.pg-pagination{display:flex;justify-content:flex-end;gap:8px;padding:14px 0}.pg-footer{border-bottom:0}.pg-footer small{display:block}.pg-footer p{overflow-wrap:anywhere}
.super-brain-usage-select { display: grid; gap: .35rem; margin-block: .75rem; color: var(--ui-label); font-size: .75rem; }
.super-brain-usage-select select { width: 100%; min-width: 0; min-height: 44px; background: transparent; color: var(--ui-text); border: 1px solid var(--sb-line); border-radius: 4px; }
.super-brain-usage-holds { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin-block: .75rem; }
.super-brain-usage-holds div { display: flex; gap: .5rem; align-items: baseline; }
.super-brain-usage-holds dt { color: var(--ui-label); font-size: .72rem; }
.super-brain-usage-holds dd { margin: 0; color: var(--ui-value); font-variant-numeric: tabular-nums; }
@media(max-width:1200px){.super-brain-workbench{grid-template-columns:160px minmax(280px,1fr) 290px}.sb-editor-fields,.sb-editor-heading,.sb-editor-footer{padding-inline:15px}.sb-editor-footer{flex-wrap:wrap}.super-brain-command-header{padding-inline:15px}}
@media(max-width:1000px){.super-brain-workbench{grid-template-columns:165px minmax(0,1fr)}.super-brain-workbench-context{grid-column:1/-1;border-left:0;border-top:1px solid var(--sb-line)}#super-brain-center:not([data-workbench=knowledge]){height:100%;min-height:0;overflow:auto;overscroll-behavior-y:contain}.super-brain-workbench{overflow:visible;flex:0 0 auto}.sb-editor-fields{overflow:visible;flex:0 0 auto}.sb-library{max-height:none}#sb-asset-list{overflow:visible;flex:0 0 auto}.pg-workbench{min-height:0;overflow:visible}.super-brain-command-header p:last-child{max-width:470px}}
@media(max-width:620px){.super-brain-command-header{padding:12px;align-items:flex-start}.super-brain-command-header h2{font-size:24px}.super-brain-command-actions{flex-direction:column;align-items:flex-end}.super-brain-live-chip{font-size:9px}.super-brain-scope-bar{padding-inline:12px;gap:14px}.super-brain-workbench{display:flex;flex-direction:column}.sb-library{padding:8px 0;border-right:0;border-bottom:1px solid var(--sb-line);max-height:300px}.sb-library nav{display:flex;overflow:auto;padding:0 6px 6px;flex-shrink:0}#sb-kind-tabs button{white-space:nowrap;padding:8px}.sb-library-toolbar{padding:8px 12px}#sb-asset-list{display:flex;overflow-x:auto;overflow-y:hidden;max-height:92px;flex:none}.sb-asset-row{min-width:160px;max-width:200px;border-right:1px solid var(--sb-line)!important}.sb-editor-pane{min-height:0}.sb-form-row{grid-template-columns:1fr}.sb-editor-fields{overflow:visible}.super-brain-workbench-context{display:block;border-left:0}.sb-binding-context{border-left:0}.super-brain-footer{display:block;padding:10px 12px}.sb-editor-footer>div{width:100%;justify-content:flex-end}.pg-heading,.pg-selection,.pg-issue-form,.pg-secret,.pg-key-history,.pg-footer{padding:16px 12px}.pg-selection,.pg-form-fields{grid-template-columns:1fr}.pg-key-history>header{flex-wrap:wrap}.pg-action-line{align-items:flex-start;flex-direction:column}.pg-action-line button{width:100%}}
@media(prefers-reduced-motion:reduce){#super-brain-center *,#super-brain-center *::before,#super-brain-center *::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){#super-brain-center{background:Canvas;color:CanvasText}}


#visual-workflows.panel {
  color-scheme: dark;
  --ui-text: #dcebe8;
  --ui-title: #eef8f5;
  --ui-strong: #e6f3f0;
  --ui-muted: #a9c1bd;
  --ui-label: #b9d2cd;
  --ui-value: #d9eee9;
  --ui-secondary-text: #c9ded9;
  --ui-secondary-bg: rgb(255 255 255 / 5%);
  --ui-secondary-border: rgb(156 232 218 / 18%);
  --ui-field-bg: rgb(2 12 18 / 72%);
  --surface-rgb: 8 20 28;
  --canvas-text: #dcebe8;
  --canvas-text-strong: #eef8f5;
  --canvas-muted: #a9c1bd;
  --surface-text: #dcebe8;
  --surface-text-strong: #eef8f5;
  --surface-muted: #a9c1bd;
  --text: #dcebe8;
  --ink-strong: #e6f3f0;
  --muted: #a9c1bd;
  --accent: #7fe4d0;
  --accent-strong: #a7f1df;
  --sheet-bg: rgb(8 20 28 / 92%);
  --sheet-bg-quiet: rgb(255 255 255 / 4%);
  --sheet-bg-hover: rgb(127 228 208 / 10%);
  --sheet-line: rgb(157 231 218 / 20%);
  --sheet-divider: rgb(157 231 218 / 15%);
  --line-rest: rgb(157 231 218 / 18%);
  --line-active: rgb(157 231 218 / 38%);
  --line-hot: rgb(167 241 223 / 72%);
  --overlay-bg: rgb(5 15 22 / 96%);
  --overlay-line: rgb(157 231 218 / 24%);
  --control-text: #dcebe8;
  --control-bg: rgb(255 255 255 / 5%);
  --control-selected-bg: rgb(127 228 208 / 14%);
  --glass-input: rgb(2 12 18 / 76%);
  --glass-panel: var(--sheet-bg);
  --glass-surface: var(--sheet-bg);
  --glass-surface-soft: var(--sheet-bg-quiet);
  --glass-line: var(--sheet-line);
  --surface: var(--sheet-bg);
  --surface-raised: var(--sheet-bg-quiet);
  --surface-soft: var(--sheet-bg-quiet);
  --border: var(--sheet-line);
  --line: var(--sheet-line);
  --wb-line: var(--sheet-divider);
  --region-raised: rgb(8 20 28 / 86%);
  --region-deep: rgb(3 12 18 / 92%);
  --region-base: transparent;
  --region-hover: var(--sheet-bg-hover);
  --shadow-sheet: inset 0 1px 0 rgb(255 255 255 / 7%), 0 24px 70px rgb(0 0 0 / 24%);
  --shadow-edge: inset 0 0 0 1px rgb(157 231 218 / 14%);
  --focus-ring: rgb(167 241 223 / 80%);
  overflow: clip;
  border: 1px solid rgb(157 231 218 / 16%);
  border-radius: 26px;
  background:
    radial-gradient(circle at 96% 0%, rgb(127 228 208 / 10%), transparent 28%),
    linear-gradient(135deg, rgb(8 20 28 / 96%), rgb(13 32 41 / 91%));
  box-shadow: inset 0 1px rgb(255 255 255 / 7%), 0 24px 80px rgb(0 0 0 / 26%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#visual-workflows.workflow-center-source-unavailable #workflow-center-catalog {
  display: flex;
  flex-direction: column;
  min-height: 18rem;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 2rem;
  border: 1px dashed rgb(157 231 218 / 24%);
  border-radius: 20px;
  background: linear-gradient(145deg, rgb(127 228 208 / 6%), rgb(255 255 255 / 2%));
  color: var(--muted);
  font-size: 0;
  text-align: center;
}
#visual-workflows.workflow-center-source-unavailable #workflow-center-catalog::before {
  content: "⌬";
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border: 1px solid rgb(167 241 223 / 34%);
  border-radius: 50%;
  color: var(--accent-strong);
  font-size: 1.35rem;
  box-shadow: 0 0 28px rgb(127 228 208 / 13%);
}
#visual-workflows.workflow-center-source-unavailable #workflow-center-catalog::after {
  content: "登录管理员账户后，这里会显示流程库；也可以先进入设计创建本地草案。";
  max-width: 32rem;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.65;
}
#visual-workflows.workflow-center-source-unavailable .workflow-center-library-tools {
  margin-top: 1rem;
  padding: .2rem .8rem;
  border: 1px solid var(--sheet-divider);
  border-radius: 16px;
  background: rgb(255 255 255 / 2%);
}


.cognition-settings { max-width: 60rem; margin-inline: auto; }
.cognition-settings .section-heading p:not(.eyebrow), .cognition-boundary { color: var(--muted); font-size: .8rem; line-height: 1.6; }
.cognition-form { display: grid; gap: 1rem; padding: 1rem; border: 1px solid var(--border); border-radius: 16px; background: color-mix(in srgb, var(--sheet-bg) 70%, transparent); }
.cognition-form > .check-row { font-size: .95rem; font-weight: 650; }
.cognition-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.cognition-fields label { display: grid; min-width: 0; gap: .3rem; font-size: .8rem; }
.cognition-fields small, .cognition-actions span, .cognition-current small { color: var(--muted); font-size: .72rem; line-height: 1.5; }
.cognition-fields :is(input, select) { min-width: 0; width: 100%; margin: 0; }
.cognition-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.cognition-actions button { width: auto; min-height: 2.2rem; padding: .35rem .7rem; font-size: .78rem; }
.cognition-actions span { flex: 1 1 14rem; }
.cognition-current { display: grid; gap: .35rem; margin-block: 1rem; padding: 1rem; border-inline-start: 3px solid var(--accent); border-radius: 12px; background: var(--sheet-bg-quiet); }
.cognition-current p { margin: 0; white-space: pre-line; color: var(--text); font-size: .85rem; line-height: 1.6; overflow-wrap: anywhere; }
.cognition-history { margin-block: 1rem; padding: .7rem .9rem; border: 1px solid var(--border); border-radius: 12px; }
.cognition-history > summary { cursor: pointer; color: var(--accent); font-size: .8rem; }
.cognition-history > p { color: var(--muted); font-size: .72rem; }
#cognition-history-list { max-height: 26rem; overflow: auto; color: var(--text); font-size: .79rem; line-height: 1.65; overflow-wrap: anywhere; }
.cognition-cycle { padding-block: .65rem; border-top: 1px solid var(--border); }
.cognition-cycle > summary { cursor: pointer; color: var(--accent); font-size: .76rem; line-height: 1.6; }
.cognition-cycle-summary { color: var(--text); margin-block: .55rem .3rem; }
.cognition-source-scope, .cognition-insight > small { display: block; color: var(--muted); font-size: .71rem; }
.cognition-insight { margin-top: .65rem; padding: .65rem; border-inline-start: 2px solid var(--accent); border-radius: 8px; background: var(--sheet-bg-quiet); }
.cognition-insight[data-kind="warning"] { border-inline-start-color: var(--warning); }
.cognition-insight > strong { color: var(--accent); font-size: .72rem; }
.cognition-insight[data-kind="warning"] > strong { color: var(--warning); }
.cognition-insight p { margin-block: .2rem .4rem; white-space: pre-line; }
.cognition-citations { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.cognition-citation { display: grid; gap: .1rem; min-width: 0; max-width: 100%; min-height: 2.2rem; padding: .3rem .5rem; text-align: start; border-radius: 8px; font-size: .72rem; overflow-wrap: anywhere; }
.cognition-insight-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-top: .5rem; }
.cognition-insight-actions button { width: auto; min-height: 2rem; padding: .25rem .5rem; font-size: .72rem; }
.cognition-insight-status { flex: 1 1 100%; color: var(--muted); font-size: .7rem; line-height: 1.5; }
.cognition-citation small { color: var(--muted); font-size: .65rem; }
.cognition-citation:focus-visible, .cognition-cycle > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#cognition-history-status { margin-block: .4rem 0; }
.cognition-boundary a { margin-inline-start: .5rem; color: var(--accent); }
#dashboard-work-view-navigation { position: relative; }
.cognition-overlay { position: static; flex: 0 1 auto; min-width: 0; max-width: 100%; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border)); border-radius: 9px; background: var(--region-base); }
.cognition-overlay:has(.cognition-overlay-body:not([hidden])) { flex: 1 1 100%; }
.cognition-overlay-toggle { display: flex; width: 100%; min-width: 0; min-height: 32px; align-items: center; gap: .4rem; margin: 0; padding: .45rem .6rem; border: 0; border-radius: 9px; background: transparent; color: var(--text); font-size: .69rem; pointer-events: auto; }
.cognition-overlay-toggle i { flex: 0 0 .4rem; width: .4rem; height: .4rem; border-radius: 50%; background: var(--muted); }
.cognition-overlay-toggle strong { min-width: 0; flex: 1; color: var(--accent); font-weight: 600; text-align: end; }
.cognition-overlay[data-state="running"] i, .cognition-overlay[data-state="reviewing"] i { background: var(--accent); box-shadow: 0 0 8px color-mix(in srgb, var(--accent) 60%, transparent); }
.cognition-overlay[data-fresh="true"]:is([data-state="running"], [data-state="reviewing"]) .cognition-overlay-toggle i { animation: cognition-breathe 2.8s ease-in-out infinite; }
@keyframes cognition-breathe { 0%, 100% { opacity: .55; transform: scale(.85); } 50% { opacity: 1; transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .cognition-overlay .cognition-overlay-toggle i { animation: none !important; } }
.cognition-overlay[data-fresh="false"] .cognition-overlay-toggle strong { color: var(--warning); }
.cognition-overlay-body { display: grid; gap: .35rem; padding: 0 .7rem .65rem; }
.cognition-overlay-body p { margin: 0; white-space: pre-line; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--text); font-size: .76rem; line-height: 1.5; overflow-wrap: anywhere; }
.cognition-overlay-body small { color: var(--muted); font-size: .65rem; line-height: 1.4; }
.cognition-overlay-actions { display: flex; justify-content: flex-end; align-items: center; gap: .5rem; flex-wrap: wrap; }
.cognition-overlay .cognition-overlay-actions button { width: auto; min-height: 30px; margin: 0; padding: .2rem .45rem; font-size: .68rem; pointer-events: auto; }
.cognition-overlay-body a { color: var(--accent); font-size: .66rem; pointer-events: auto; }
@media (max-width: 800px), (max-height: 650px) {
  #dashboard-work-view-navigation { flex-wrap: wrap; }
  .cognition-overlay { max-width: 100%; }
  .cognition-overlay-toggle { min-height: 44px; }
  .cognition-overlay-body p { -webkit-line-clamp: 2; }
  .cognition-fields { grid-template-columns: 1fr; }
}
@media (forced-colors: active) { .cognition-overlay, .cognition-form, .cognition-current { border: 1px solid CanvasText; background: Canvas; } }


#boss-company-flow-home { display: contents; }
#boss-company-flow-home .company-flow-modes { display: none; }
#boss-company-flow-home .company-flow-graph[data-workflow-run-visual-state="ready"] > .dashboard-workflow-run-visual-note { display: none; }
#boss-company-flow-home .company-flow-other { display: none; }
#boss-company-flow-home .company-flow-legend { display: none; }
#boss-company-flow-home .company-flow-graph .dashboard-workflow-run-visual-heading { display: none; }
#boss-company-flow-home .company-flow-graph .dashboard-workflow-run-visual-viewport { min-height: 100px; max-height: 150px; }
#boss-company-flow-home .company-flow-lane { padding: .45rem .6rem;  background: var(--region-base); }
#boss-company-flow-home .company-flow-run-picker { margin-block: .15rem; }
#boss-company-flow-home .company-flow-run-picker > select { max-width: 12rem; }
#boss-company-flow-home .company-flow-lane-copy { display: grid; gap: .15rem; }
.agent-studio[data-conversation-state="new"]:has(#employee-conversation-frame[hidden]):has(#boss-company-flow-home .company-flow-lane) #agent-conversation-history { display: none; }
.boss-activity-stream { display: none; width: min(72rem, 100%); min-width: 0; gap: .65rem; margin: .4rem auto; padding: .3rem; }
.agent-studio[data-conversation-state="new"]:has(#employee-conversation-frame[hidden]) .boss-activity-stream,
#boss-company-flow-workboard .boss-activity-stream { display: grid; }
.boss-activity-stream > header { display: flex; align-items: end; justify-content: space-between; gap: .6rem; }
.boss-activity-stream > header small { color: var(--muted); font-size: .65rem; }
.boss-activity-stream h3 { margin: .1rem 0 0; font-size: 1rem; }
.boss-activity-stream > header a { color: var(--accent-strong); font-size: .72rem; white-space: nowrap; }
.boss-activity-stream > p { margin: 0; color: var(--muted); font-size: .69rem; line-height: 1.6; }
.company-flow-toolbar, .company-flow-modes, .company-flow-filters, .company-flow-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; }
.company-flow-modes { padding-inline-end: .35rem; border-inline-end: 1px solid var(--wb-line); }
.company-flow-pagination { margin-inline-start: auto; flex-wrap: nowrap; }
.company-flow-pagination small { min-width: 3rem; text-align: center; color: var(--muted); font-variant-numeric: tabular-nums; }
.company-flow-toolbar button, .company-flow-detail-link, .company-flow-follow, .company-flow-run-picker select { min-width: 30px; min-height: 30px; padding: .3rem .6rem; border: 1px solid transparent; border-radius: 8px; color: var(--muted); background: transparent; font: inherit; font-size: .72rem; line-height: 1.35; box-shadow: none; cursor: pointer; }
.company-flow-toolbar button[aria-pressed="true"] { color: var(--text); background: var(--wb-selected); border-color: transparent; }
.company-flow-toolbar button:disabled, .company-flow-detail-link:disabled { opacity: .5; cursor: default; }
.company-flow-toolbar button:focus-visible, .company-flow-detail-link:focus-visible, .company-flow-follow:focus-visible, .company-flow-run-picker select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.company-flow-legend { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; color: var(--muted); font-size: .64rem; }
.company-flow-legend > span:first-child { color: var(--accent); }
.company-flow-legend > span:nth-child(2) { color: var(--status-ok); }
.company-flow-legend > span:nth-child(3) { color: var(--warning); }
.company-flow-legend small { margin-inline-start: auto; font-size: inherit; }
.boss-activity-stream[data-company-flow-empty="true"] .company-flow-toolbar, .boss-activity-stream[data-company-flow-empty="true"] .company-flow-legend { display: none; }
.boss-activity-items { display: grid; gap: .65rem; min-width: 0; }
.company-flow-lane { min-width: 0; padding: 1rem 1.1rem .8rem; border: 1px solid var(--wb-line); border-radius: 14px; background: var(--sheet-bg); }
.company-flow-lane > header { display: flex; min-width: 0; align-items: center; gap: .65rem; margin-bottom: .4rem; }
.company-flow-lane-copy { display: flex; flex: 1; min-width: 0; align-items: baseline; flex-wrap: wrap; gap: .25rem .75rem; }
.company-flow-lane-copy strong { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .83rem; }
.company-flow-lane-copy small { color: var(--muted); font-size: .67rem; overflow-wrap: anywhere; }
.company-flow-status { flex: 0 0 auto; border-radius: 7px; padding: .2rem .4rem; color: var(--accent); background: color-mix(in srgb, var(--accent) 9%, transparent); font-size: .67rem; }
.company-flow-lane[data-tone="attention"] .company-flow-status { color: var(--warning); background: color-mix(in srgb, var(--warning) 9%, transparent); }
.company-flow-lane[data-tone="done"] .company-flow-status { color: var(--muted); background: transparent; }
.company-flow-detail-link { border: 0; font-size: .65rem; padding: .25rem; flex: 0 0 auto; }
.company-flow-run-picker { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; margin-block: .1rem .35rem; min-width: 0; }
.company-flow-run-picker > small { color: var(--muted); font-size: .64rem; margin-inline-end: auto; }
.company-flow-run-picker select { width: auto; min-width: 0; max-width: min(22rem, 100%); color: var(--text); font-size: .65rem; }
.company-flow-run-picker option { color: var(--text); background: var(--overlay-bg); }
.company-flow-follow { font-size: .62rem; }
.company-flow-follow[aria-pressed="false"] { color: var(--accent); border-color: var(--line-hot); }
.company-flow-notice { margin: .4rem 0; color: var(--warning); font-size: .72rem; }
.company-flow-graph { gap: .3rem; }
.company-flow-graph .dashboard-workflow-run-visual-heading { justify-content: end; }
.company-flow-graph .dashboard-workflow-run-visual-meta { margin-inline-end: auto; }
.company-flow-graph .dashboard-workflow-run-visual-meta > strong { display: none; }
.company-flow-graph .dashboard-workflow-run-visual-meta small { font-size: .63rem; }
.company-flow-graph .dashboard-workflow-run-visual-control { min-height: 26px; font-size: .63rem; padding: .2rem .4rem; }
.company-flow-graph .dashboard-workflow-run-visual-viewport { min-height: 112px; max-height: 225px; border-radius: 8px; scrollbar-width: thin; }
.company-flow-graph .dashboard-workflow-run-visual-detail { display: flex; align-items: baseline; flex-wrap: wrap; padding: .3rem .4rem; gap: .2rem .5rem; min-height: 29px; }
.company-flow-graph .dashboard-workflow-run-visual-detail :is(strong, span, small) { font-size: .66rem; }
.company-flow-graph[data-workflow-run-visual-state="ready"] > .dashboard-workflow-run-visual-note { font-size: .6rem; opacity: .8; }
.boss-activity-stream[data-company-flow-state="stale"] .company-flow-graph * { animation: none !important; }
.boss-activity-stream[data-company-flow-state="stale"] .company-flow-status { color: var(--muted); background: transparent; }
.boss-activity-empty { padding: 1.4rem; border: 1px dashed var(--wb-line); border-radius: 12px; color: var(--muted); text-align: center; }
.company-flow-other { max-height: 4rem; overflow: auto; overflow-wrap: anywhere; }
#boss-company-flow-workboard { min-width: 0; }
#boss-company-flow-workboard .boss-activity-stream { width: 100%; margin: 0; }
#boss-company-flow-workboard .boss-activity-stream > header { display: none; }
.company-flow-records { margin-top: 1rem; border-top: 1px solid var(--wb-line); padding-top: .4rem; }
.company-flow-records > summary { width: fit-content; color: var(--muted); font-size: .78rem; cursor: pointer; padding: .4rem .1rem; }
.company-flow-records > .workboard-command-grid { grid-template-columns: minmax(0, 1fr); }
.company-flow-records .workboard-operator-rail { display: none; }
#workboard .company-flow-records .workboard-evidence-ring { background: var(--sheet-bg); border: 2px solid var(--wb-line); }
#workboard .company-flow-records .workboard-evidence-ring[data-evidence-state="satisfied"] { border-color: var(--status-ok); }
#workboard .company-flow-records .workboard-evidence-ring[data-evidence-state="partial"] { border-color: var(--warning); }
@media (max-width: 760px) {
  .company-flow-lane { padding: .5rem; }
  .company-flow-lane > header { flex-wrap: wrap; gap: .3rem; }
  .company-flow-lane-copy { flex-basis: 65%; }
  .company-flow-detail-link { margin-inline-start: auto; }
  .company-flow-toolbar button { min-height: 44px; }
  .company-flow-legend small { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) { .boss-activity-stream * { animation: none !important; scroll-behavior: auto !important; } }


.employee-control-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-block: .4rem; }
.employee-control-actions button, .employee-control-actions summary, .employee-control-machine button,
.employee-control-placement button { min-height: 34px; width: auto; padding: .35rem .65rem; font-size: .76rem; white-space: nowrap; }
.employee-control-conversation-entry { display: contents; border: 0; padding: 0; margin: 0; min-width: 0; }
.employee-control-actions summary { display: flex; align-items: center; cursor: pointer; list-style: none; border: 1px solid var(--border); border-radius: 9px; }
.employee-control-more { position: relative; }
.employee-control-more > div { position: absolute; z-index: 12; inset: calc(100% + .4rem) 0 auto auto; width: min(260px, calc(100vw - 3rem)); display: grid; gap: .5rem; padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: var(--overlay-bg, var(--surface-raised)); box-shadow: 0 15px 35px #0003; }
.employee-control-more:not([open]) > div { display: none; }
.employee-control-more small, .employee-control-placement small { color: var(--muted); font-size: .71rem; line-height: 1.5; }
.employee-control-state { font-size: .76rem; font-weight: 600; }
.employee-control-machines { display: grid; gap: .4rem; }
.employee-control-machine { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; padding: .6rem .7rem; border: 1px solid var(--border); border-radius: 11px; background: var(--region-base); }
.employee-control-machine > span { display: grid; gap: .2rem; min-width: 0; flex: 1 1 10rem; }
.employee-control-machine strong { font-size: .78rem; overflow-wrap: anywhere; }
.employee-control-machine small { font-size: .69rem; color: var(--muted); }
.employee-control-placement:not([hidden]) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; align-items: end; padding: .7rem; border: 1px solid var(--border); border-radius: 11px; }
.employee-control-placement label { display: grid; gap: .35rem; min-width: 0; color: var(--muted); font-size: .74rem; }
.employee-control-placement select { width: 100%; min-width: 0; font-size: .78rem; }
.employee-control-placement > div { display: flex; gap: .35rem; }
.employee-control-placement > small { grid-column: 1 / -1; }
#employee-control-status:empty { display: none; }
.employee-control-help { color: var(--muted); font-size: .72rem; }
.employee-control-help > summary { cursor: pointer; padding: .35rem 0; }
.employee-control-help .digital-employee-roster-controls { margin-block: .5rem; }
.digital-employee-workspace .digital-employee-heading-actions button { min-height: 34px; padding: .4rem .7rem; font-size: .76rem; }
.digital-employee-workspace .digital-employee-profile { grid-template-columns: auto minmax(0, 1fr); align-items: start; padding-block: .65rem; gap: .7rem; }
.digital-employee-workspace .digital-employee-profile-title h4 { font-size: 1.15rem; }
.digital-employee-workspace .digital-employee-profile-copy > .eyebrow { display: none; }
.digital-employee-workspace .digital-employee-profile-description { font-size: .76rem; color: var(--muted); }
.digital-employee-profile-description summary { cursor: pointer; }
.digital-employee-workspace .digital-employee-readiness[data-state="ready"] { padding: .45rem .65rem; }
.digital-employee-workspace .digital-employee-readiness[data-state="ready"] :is(.eyebrow, #digital-employee-readiness-detail) { display: none; }
.digital-employee-workspace .digital-employee-readiness[data-state="ready"] :is(h4, #digital-employee-readiness-action) { display: none; }
.digital-employee-workspace .digital-employee-readiness[data-state="ready"] #digital-employee-status { font-size: .7rem; }
.digital-employee-workspace .employee-thread-surface-directory { padding: .6rem 0; gap: .6rem; }
.digital-employee-workspace .employee-thread-surface-directory .eyebrow { display: none; }
.digital-employee-workspace .employee-thread-surface-directory-heading h4 { font-size: .96rem; }
.digital-employee-workspace .employee-thread-surface-directory-heading p { font-size: .76rem; }
.digital-employee-workspace .digital-employee-card { padding: .6rem; border-radius: 11px; }
.digital-employee-workspace .digital-employee-card > small { font-size: .67rem; }
/* Management owns a compact directory and the selected role's controls. */
.digital-employee-heading .eyebrow, .digital-employee-section-heading .eyebrow { display: none; }
.digital-employee-heading p { font-size: .75rem; }
.digital-employee-heading-actions, .digital-employee-section-heading { align-items: center; }
.digital-employee-workspace .digital-employee-list { grid-template-columns: minmax(0, 1fr); }
.digital-employee-workspace .digital-employee-directory { padding: .5rem; max-height: calc(100dvh - 17rem); }
.digital-employee-workspace .digital-employee-readiness > button { min-height: 34px; min-width: 0; padding: .35rem .6rem; font-size: .75rem; }
.digital-employee-workspace .digital-employee-more-actions > summary { min-height: 34px; min-width: 0; font-size: .75rem; padding: .35rem .6rem; }
.digital-employee-workspace .digital-employee-profile-avatar { width: 3rem; height: 3rem; }
.digital-employee-workspace .digital-employee-profile-presence { font-size: .7rem; }
.digital-employee-workspace .digital-employee-lab { gap: .55rem; align-content: start; }
.digital-employee-workspace .digital-employee-profile-copy { gap: .25rem; align-content: start; }
.employee-studio-advanced { margin-block: .4rem; border-block: 1px solid var(--border); }
.employee-studio-advanced > summary { padding: .6rem .2rem; cursor: pointer; font-size: .8rem; color: var(--muted); }
.employee-studio-advanced:not([open]) > :not(summary) { display: none; }
#employee-studio-build #digital-employee-brain-settings > summary { display: none; }
#employee-studio-build .digital-employee-onboarding { padding-block: .4rem; }
#employee-studio-build .digital-employee-onboarding .eyebrow { display: none; }
.employee-studio-tabs { display: flex; gap: .25rem; border-bottom: 1px solid var(--border); padding: .25rem 0; }
.employee-studio-tabs button { width: auto; min-height: 36px; padding: .4rem .9rem; background: transparent; color: var(--muted); border: 1px solid transparent; box-shadow: none; font-size: .8rem; }
.employee-studio-tabs button[aria-selected="true"] { color: var(--ui-title); border-color: var(--border); background: var(--control-selected-bg); }
.employee-studio-panel { min-width: 0; padding-block: .7rem; }
.employee-studio-panel[hidden], .employee-studio-station[hidden], .employee-studio-flow-context[hidden] { display: none; }
.employee-studio-station { padding: .65rem; margin-block: .5rem; border: 1px solid var(--border); border-radius: 12px; }
.employee-studio-flow-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; }
.employee-studio-flow-heading h4 { margin: 0; font-size: 1rem; }
.employee-studio-flow-heading p, .employee-studio-note { color: var(--muted); font-size: .75rem; line-height: 1.5; }
.employee-studio-flow-list { display: grid; gap: .6rem; margin-block: .7rem; }
.employee-studio-flow-card { display: flex; align-items: center; gap: .65rem; border: 1px solid var(--border); border-radius: 12px; padding: .8rem; background: var(--region-base); }
.employee-studio-flow-card > div { min-width: 0; flex: 1; display: grid; gap: .35rem; overflow-wrap: anywhere; }
.employee-studio-flow-card strong { font-size: .85rem; }
.employee-studio-flow-card small { color: var(--muted); font-size: .72rem; }
.employee-studio-flow-card button, .employee-studio-flow-context button { width: auto; min-height: 34px; padding: .35rem .6rem; font-size: .75rem; flex-shrink: 0; }
.employee-studio-flow-context { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; padding: .5rem; margin-block: .4rem; border: 1px solid var(--border); border-radius: 10px; font-size: .76rem; color: var(--muted); }
#employee-studio-build > .digital-employee-inspector { border: 0; background: transparent; box-shadow: none; }
#employee-studio-build > .digital-employee-inspector > summary { display: none; }
#employee-studio-build .digital-employee-inspector-body { padding: 0; }
#employee-studio-work .digital-employee-todo { margin-top: .8rem; }
#employee-studio-flows .digital-employee-schedule { margin-block: 1rem; }
@container digital-employee-workspace (max-width: 39.999rem) {
  .digital-employee-layout { grid-template-columns: minmax(0, 1fr); }
  .digital-employee-focus { order: -1; }
  .digital-employee-directory { position: static; }
  .digital-employee-workspace .digital-employee-directory { max-height: 19rem; }
  .dashboard-resize-handle-employee { display: none; }
}
@media (max-width: 650px) {
  .employee-control-placement:not([hidden]) { grid-template-columns: minmax(0, 1fr); }
  .employee-control-actions button, .employee-control-actions summary, .employee-control-placement button { min-height: 40px; }
  .digital-employee-workspace .digital-employee-profile-avatar { width: 2.5rem; }
}


.boss-command-deck { position: relative; z-index: 5; display: grid; min-width: 0; gap: .35rem; padding: .55rem .65rem; border-bottom: 1px solid var(--wb-line);  background: var(--region-base); border-radius: 12px;}
.boss-command-deck-main { display: flex; flex-wrap: wrap; min-width: 0; align-items: center; gap: .58rem; }
.boss-command-deck-pulse { width: .55rem; height: .55rem; flex: 0 0 auto; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--accent) 12%, transparent); }
.boss-command-deck-copy { display: grid; min-width: 0; flex: 1 1 13rem; gap: .12rem; }
.boss-command-deck-copy > small { display: none; }
.boss-command-deck-copy > strong { overflow: hidden; color: var(--ink-strong); font-size: .89rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.boss-command-deck-copy > span { overflow: hidden; color: var(--muted); font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.boss-command-deck-actions { display: flex; flex-wrap: wrap; min-width: 0; flex: 0 1 auto; align-items: center; gap: .25rem; }
.boss-command-deck-actions :is(a, summary) { display: inline-flex; min-height: 32px; align-items: center; justify-content: center; padding: .25rem .5rem; border: 1px solid var(--wb-line); border-radius: 9px; color: var(--control-text); background: var(--control-bg); font-size: .68rem; font-weight: 650; text-decoration: none; white-space: nowrap; cursor: pointer; }
.boss-command-deck-actions :is(a, summary):hover { background: var(--wb-selected); }
.boss-hire-entry > summary { color: var(--accent-strong) !important; list-style: none; }
.boss-hire-entry > summary::-webkit-details-marker { display: none; }
.boss-hire-entry { position: relative; }
.boss-hire-panel { position: absolute; z-index: 55; top: calc(100% + .45rem); right: 0; display: grid; width: min(350px, calc(100vw - 2rem)); gap: .5rem; padding: .85rem; border: 1px solid var(--wb-line); border-radius: 15px; color: var(--text); background: var(--overlay-bg); box-shadow: 0 20px 55px #0005; }
.boss-hire-entry:not([open]) > .boss-hire-panel { display: none; }
.boss-hire-panel header { display: grid; gap: .15rem; }
.boss-hire-panel header strong { font-size: .83rem; }
.boss-hire-panel header small, .boss-hire-panel > p { color: var(--muted); font-size: .68rem; }
.boss-hire-panel label { display: grid; gap: .2rem; font-size: .7rem; }
.boss-hire-panel textarea { min-height: 88px; width: 100%; resize: vertical; }
.boss-hire-panel :is(textarea, input) { padding: .48rem; border: 1px solid var(--wb-line); border-radius: 9px; color: var(--text); background: var(--sheet-bg); font: inherit; }
.boss-hire-panel button { min-height: 36px; padding: .4rem .7rem; font-size: .72rem; }
.boss-hire-identity { display: grid; gap: .4rem; }
.boss-hire-identity > summary { display: list-item !important; width: fit-content; min-height: 28px !important; padding: .2rem !important; border: 0 !important; color: var(--muted) !important; }
.boss-hire-identity[open] { gap: .5rem; }
.boss-hire-identity > label { margin-top: .35rem; }
.boss-command-deck-metrics { display: flex; flex-wrap: wrap; min-width: 0; align-items: center; gap: .25rem .75rem; padding-left: 1.05rem; }
.boss-command-deck-metrics > span { display: inline-flex; gap: .2rem; align-items: baseline; white-space: nowrap; }
.boss-command-deck-metrics b { color: var(--ui-value); font-size: .68rem; font-variant-numeric: tabular-nums; }
.boss-command-deck-metrics small { color: var(--muted); font-size: .61rem; }
#boss-deck-sync { margin-left: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.digital-employee-workspace[data-editor-mode="create"] :is(.digital-employee-readiness, .employee-workspace-journey, .digital-employee-directory, .dashboard-resize-handle-employee),
.digital-employee-workspace[data-editor-mode="create"] .digital-employee-lab > :not(#employee-studio-build),
.digital-employee-workspace[data-editor-mode="create"] .digital-employee-inspector-body > :not(#digital-employee-onboarding):not(#digital-employee-brain-settings):not(#digital-employee-review-lane) { display: none; }
.digital-employee-workspace[data-editor-mode="create"] .digital-employee-layout { grid-template-columns: minmax(0, 1fr); }
.digital-employee-workspace[data-editor-mode="create"] .digital-employee-focus { grid-column: 1; }
.digital-employee-workspace[data-editor-mode="create"] .digital-employee-inspector { border: 0; }
.digital-employee-workspace[data-editor-mode="create"] .digital-employee-inspector > summary { display: none; }
.digital-employee-onboarding > header > button { min-height: 32px; margin-inline-start: auto; padding: .28rem .55rem; font-size: .68rem; white-space: nowrap; }
.agent-studio[data-conversation-state="thread"] .boss-command-deck,
.agent-studio:has(#employee-conversation-frame:not([hidden])) .boss-command-deck { display: none; }
@media (max-width: 760px) {
  .boss-command-deck { padding: .42rem .3rem; }
  .boss-command-deck-main { flex-wrap: wrap; }
  .boss-command-deck-copy { flex-basis: calc(100% - 1.2rem); }
  .boss-command-deck-actions { width: 100%; justify-content: flex-start; padding-left: 1rem; }
  .boss-command-deck-actions :is(a, summary) { min-height: 36px; }
  .boss-command-deck-metrics { gap: .55rem; }
  #boss-deck-sync { display: none; }
}

}