.lai-panel{display:grid;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.lai-section-head,.lai-provider,.lai-result,.lai-improvements article{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.lai-section-head h3,.lai-panel h4{margin:0}.lai-section-head p,.lai-panel small,.lai-provider span,.lai-improvements span{color:var(--muted)}.lai-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lai-provider{border:1px solid var(--line);border-radius:12px;padding:12px;flex-wrap:wrap}.lai-provider div,.lai-improvements article{display:grid;gap:4px}.lai-provider small{width:100%}.lai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lai-grid form,.lai-run,.lai-improvement{display:grid;gap:10px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface-subtle)}.lai-grid label,.lai-improvement label{display:grid;gap:5px;font-size:13px}.lai-run>div,.lai-improvement form>div{display:grid;grid-template-columns:2fr 2fr auto;gap:8px}.lai-result{margin-top:4px;padding:10px;border-radius:10px;background:var(--warning-bg);flex-direction:column}.lai-result.is-ready{background:var(--success-bg)}.lai-improvements{display:grid;gap:8px}.lai-improvements article{padding:8px 0;border-bottom:1px solid var(--line)}.lai-improvement form{display:grid;gap:10px}.lai-improvement textarea{min-height:76px}@media(max-width:900px){.lai-provider-grid,.lai-grid{grid-template-columns:1fr}.lai-run>div,.lai-improvement form>div{grid-template-columns:1fr}}

.lai-agent-directory,
.lai-model-connections {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-subtle);
}

.lai-agent-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.lai-agent-card {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
}

.lai-agent-card header,
.lai-agent-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.lai-agent-card p,
.lai-agent-card dl,
.lai-control-boundary { margin: 0; }
.lai-agent-card p { color: var(--muted); overflow-wrap: anywhere; }
.lai-agent-card dl { display: grid; gap: 5px; }
.lai-agent-card dt { color: var(--muted); }
.lai-agent-card dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.lai-control-boundary { padding: 10px; border-left: 3px solid var(--warning); background: var(--warning-bg); }

@media(max-width:900px) {
  .lai-agent-grid { grid-template-columns: 1fr; }
}

.lai-cluster-review {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface) 94%, var(--blue-soft));
}

.lai-cluster-hero,
.lai-cluster-section-head,
.lai-team-card > header,
.lai-mission-card > header,
.lai-mission-preview > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.lai-cluster-hero h3,
.lai-cluster-section-head h4 { margin: 3px 0 5px; }
.lai-cluster-hero p,
.lai-cluster-section-head p,
.lai-cluster-registry-state,
.lai-cluster-footnote { margin: 0; color: var(--muted); }
.lai-cluster-hero > div:first-child,
.lai-cluster-section-head > div,
.lai-team-card > header > div,
.lai-mission-card > header > div { min-width: 0; }
.lai-cluster-status { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }

.lai-cluster-tabs,
.lai-mission-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lai-cluster-tabs a,
.lai-mission-picker a,
.lai-mission-preview-link {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  width: fit-content;
  text-decoration: none;
}

.lai-cluster-tabs a[aria-current="page"],
.lai-mission-picker a[aria-current="page"] {
  border-color: var(--blue);
  color: var(--blue);
  background: var(--blue-soft);
}

.lai-cluster-panel { display: grid; gap: 12px; }
.lai-hq-grid,
.lai-team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

.lai-hq-grid article,
.lai-team-card,
.lai-mission-card,
.lai-mission-preview,
.lai-learning-path article,
.lai-learning-rules {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
}

.lai-hq-grid article > header,
.lai-learning-path article > header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.lai-hq-grid p,
.lai-hq-grid small,
.lai-team-card small,
.lai-mission-card small,
.lai-mission-preview small,
.lai-learning-path p { margin: 0; color: var(--muted); }

.lai-capability-ladder {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.lai-capability-ladder span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  border-radius: 9px;
  background: var(--surface-subtle);
}

.lai-capability-ladder small { color: var(--muted); overflow-wrap: anywhere; }
.lai-team-card dl,
.lai-mission-card dl { display: grid; gap: 6px; margin: 0; }
.lai-team-card dl div,
.lai-mission-card dl div { display: flex; justify-content: space-between; gap: 12px; }
.lai-team-card dt,
.lai-mission-card dt { color: var(--muted); }
.lai-team-card dd,
.lai-mission-card dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.lai-team-card details { padding-top: 8px; border-top: 1px solid var(--line); }
.lai-team-card summary { cursor: pointer; font-weight: 700; }
.lai-team-card ul,
.lai-mission-preview ol,
.lai-mission-preview ul,
.lai-learning-rules ul { display: grid; gap: 7px; margin: 8px 0 0; padding-left: 20px; }
.lai-team-card li span,
.lai-team-card li small { display: block; }
.lai-mission-card > button { justify-self: start; }
.lai-mission-preview.is-ready { border-left: 4px solid var(--teal); background: var(--teal-soft); }
.lai-mission-preview.is-blocked { border-left: 4px solid var(--amber); background: var(--amber-soft); }

.lai-learning-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.lai-learning-path article > header span { color: var(--muted); font-size: 12px; }
.lai-learning-rules strong { color: var(--navy); }

@media(max-width:1050px) {
  .lai-capability-ladder { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lai-learning-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media(max-width:900px) {
  .lai-hq-grid,
  .lai-team-grid { grid-template-columns: 1fr; }
}

@media(max-width:600px) {
  .lai-cluster-review { padding: 12px; }
  .lai-cluster-hero,
  .lai-cluster-section-head,
  .lai-team-card > header,
  .lai-mission-card > header,
  .lai-mission-preview > header { display: grid; }
  .lai-cluster-status { justify-content: flex-start; }
  .lai-capability-ladder,
  .lai-learning-path { grid-template-columns: 1fr; }
  .lai-team-card dl div,
  .lai-mission-card dl div,
  .lai-agent-card header,
  .lai-agent-card dl div { display: grid; }
  .lai-team-card dd,
  .lai-mission-card dd,
  .lai-agent-card dd { text-align: left; }
  .lai-cluster-review .lai-cluster-tabs a.secondary-button.compact-button,
  .lai-cluster-review .lai-mission-picker a.secondary-button.compact-button { min-height: 44px; padding-block: 10px; }
}

.lai-m3-center {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface) 96%, var(--blue-soft));
}

.lai-m3-hero,
.lai-m3-view > header,
.lai-m3-detail > header,
.lai-m3-structure-preview > header,
.lai-m3-permission-matrix > header,
.lai-m3-queue-create > header,
.lai-m3-model-evidence > header,
.lai-m3-candidate-status > header,
.lai-m3-dynamic-create > header,
.lai-m3-operational-metrics > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.lai-m3-hero h2,
.lai-m3-view h3,
.lai-m3-detail h4,
.lai-m3-summary-groups h4 { margin: 3px 0 5px; }
.lai-m3-hero p,
.lai-m3-view > header p,
.lai-m3-structure-preview p,
.lai-m3-permission-matrix p,
.lai-m3-queue-create p,
.lai-m3-model-evidence p,
.lai-m3-candidate-status p,
.lai-m3-dynamic-create p,
.lai-m3-operational-metrics p { margin: 0; color: var(--muted); }
.lai-m3-hero > div:last-child { display: grid; justify-items: end; gap: 5px; }
.lai-m3-hero-actions .secondary-button { white-space: nowrap; }

.lai-m3-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.lai-m3-nav a {
  display: grid;
  min-height: 42px;
  place-items: center;
  padding: 7px 9px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--navy);
  background: var(--surface);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.lai-m3-nav a[aria-current="page"] { border-color: var(--blue); color: var(--blue); background: var(--blue-soft); }
.lai-m3-view { display: grid; gap: 14px; min-width: 0; }

.lai-m3-summary-groups { display: grid; gap: 10px; }
.lai-m3-summary-groups > section { display: grid; gap: 7px; }
.lai-m3-summary-groups > section > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.lai-m3-metric { display: grid; gap: 2px; min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 10px; color: inherit; background: var(--surface); text-decoration: none; }
.lai-m3-metric:hover { border-color: var(--blue); }
.lai-m3-metric strong { font-size: 18px; overflow-wrap: anywhere; }
.lai-m3-metric span,
.lai-m3-metric small { color: var(--muted); }
.lai-m3-metric[data-summary-verification="unverified"] strong { font-size: 14px; color: var(--muted); }

.lai-m3-role-grid,
.lai-m3-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.lai-m3-role-grid a,
.lai-m3-card-grid article { display: grid; gap: 5px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 11px; color: inherit; background: var(--surface); text-decoration: none; }
.lai-m3-role-grid a:hover { border-color: var(--blue); }
.lai-m3-role-grid span,
.lai-m3-role-grid small,
.lai-m3-card-grid p,
.lai-m3-card-grid small { color: var(--muted); overflow-wrap: anywhere; }

.lai-m3-filters { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(120px, 1fr) minmax(150px, 1fr) auto auto; gap: 8px; align-items: end; }
.lai-m3-filters label,
.lai-m3-queue-create label,
.lai-m3-controls label,
.lai-m3-dynamic-create label,
.lai-m3-team-controls label,
.lai-m3-team-proposals label { display: grid; gap: 4px; color: var(--muted); font-size: 12px; }
.lai-m3-filters small { align-self: center; color: var(--muted); }

.lai-m3-master-detail { display: grid; grid-template-columns: minmax(250px, .85fr) minmax(0, 1.6fr); gap: 12px; align-items: start; }
.lai-m3-list { display: grid; gap: 8px; max-height: 720px; overflow: auto; padding-right: 2px; }
.lai-m3-list-card { display: grid; gap: 7px; min-width: 0; padding: 11px; border: 1px solid var(--line); border-radius: 11px; color: inherit; background: var(--surface); text-decoration: none; }
.lai-m3-list-card.is-selected { border-color: var(--blue); box-shadow: inset 3px 0 var(--blue); }
.lai-m3-list-card > header { display: flex; justify-content: space-between; gap: 8px; }
.lai-m3-list-card > small { color: var(--muted); overflow-wrap: anywhere; }
.lai-m3-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px; padding-top: 10px; }
.lai-m3-pagination > span { display: inline-flex; gap: 4px; }
.lai-m3-pagination > span a { display: grid; place-items: center; min-width: 28px; height: 28px; border-radius: 8px; color: var(--muted); text-decoration: none; }
.lai-m3-pagination > span a[aria-current="page"] { color: var(--blue); background: var(--blue-soft); font-weight: 700; }
.lai-m3-pagination > a.is-disabled { pointer-events: none; opacity: .38; }
.lai-m3-pagination small { width: 100%; color: var(--muted); text-align: center; }

.lai-m3-detail { display: grid; gap: 12px; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.lai-m3-axes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0; }
.lai-m3-axes > div { display: grid; gap: 4px; padding: 8px; border-radius: 9px; background: var(--surface-subtle); }
.lai-m3-axes dt,
.lai-m3-facts dt { color: var(--muted); }
.lai-m3-axes dd,
.lai-m3-facts dd { margin: 0; }
.lai-m3-run-type { display: flex; justify-content: space-between; gap: 10px; margin: 0; padding: 9px; border-bottom: 1px solid var(--line); }
.lai-m3-facts { display: grid; gap: 6px; margin: 0; }
.lai-m3-facts > div { display: flex; justify-content: space-between; gap: 12px; }
.lai-m3-facts dd { text-align: right; overflow-wrap: anywhere; }

.lai-m3-boundary,
.lai-m3-controls,
.lai-m3-queue-create,
.lai-m3-runtime-facts,
.lai-m3-model-evidence,
.lai-m3-candidate-status,
.lai-m3-dynamic-create,
.lai-m3-team-proposals,
.lai-m3-operational-metrics,
.lai-m3-empty,
.lai-m3-structure-preview,
.lai-m3-permission-matrix,
.lai-m3-governance-grid > section { display: grid; gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.lai-m3-boundary { border-left: 4px solid var(--warning); background: var(--warning-bg); }
.lai-m3-boundary.is-privacy { border-left-color: var(--red, #b93d45); }
.lai-m3-boundary p,
.lai-m3-controls p,
.lai-m3-empty p { margin: 0; color: var(--muted); }

.lai-m3-timeline { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.lai-m3-timeline li { display: grid; grid-template-columns: minmax(105px, .35fr) minmax(0, 1fr); gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); }
.lai-m3-timeline time,
.lai-m3-timeline small { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.lai-m3-timeline p { margin: 3px 0; overflow-wrap: anywhere; }

.lai-m3-controls > div { display: grid; gap: 8px; }
.lai-m3-controls form { display: grid; grid-template-columns: minmax(160px, 1fr) auto; gap: 8px; align-items: end; }
.lai-m3-controls form[data-control="handoff"] { grid-template-columns: repeat(2, minmax(150px, 1fr)) auto; }
.lai-m3-controls small,
.lai-m3-queue-create small { color: var(--muted); }
.lai-m3-queue-create { background: var(--surface-subtle); }
.lai-m3-queue-create textarea { min-height: 72px; }
.lai-m3-runtime-facts { background: var(--surface-subtle); }
.lai-m3-runtime-facts h4,
.lai-m3-model-evidence h4,
.lai-m3-team-proposals h4,
.lai-m3-operational-metrics h4 { margin: 0; }
.lai-m3-model-evidence { display: grid; gap: 11px; border-left: 4px solid var(--blue); background: color-mix(in srgb, var(--surface) 92%, var(--blue-soft)); }
.lai-m3-model-evidence > details { padding: 8px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.lai-m3-model-evidence > details > summary { cursor: pointer; font-weight: 700; }
.lai-m3-model-evidence > .lai-m3-review-rejection { border-color: var(--warning); border-left: 4px solid var(--warning); background: var(--warning-bg); }
.lai-m3-review-rejection p { margin: 7px 0; }
.lai-m3-review-rejection ul { display: grid; gap: 5px; margin: 7px 0 0; padding-left: 20px; }
.lai-m3-review-rejection li { overflow-wrap: anywhere; }
.lai-m3-model-evidence > small,
.lai-m3-dynamic-create > small,
.lai-m3-team-proposals small,
.lai-m3-candidate-status small { color: var(--muted); }
.lai-m3-prompt-layers,
.lai-m3-calculations { display: grid; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.lai-m3-prompt-layers li,
.lai-m3-calculations > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding-top: 9px; border-top: 1px solid var(--line); }
.lai-m3-prompt-layers code { overflow-wrap: anywhere; color: var(--muted); }
.lai-m3-calculations > li > header { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 8px; }
.lai-m3-calculations > li > p,
.lai-m3-calculations > li > details,
.lai-m3-calculations small { grid-column: 1 / -1; }
.lai-m3-calculations > li > p { margin: 0; color: var(--muted); }
.lai-m3-calculations small { color: var(--muted); }
.lai-m3-calculations details ul { display: grid; gap: 5px; margin: 7px 0 0; padding: 0; list-style: none; }
.lai-m3-calculations details li { display: grid; gap: 2px; padding: 6px 8px; border-radius: 7px; background: var(--surface-subtle); }
.lai-m3-calculation-replay { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.lai-m3-calculation-replay small { color: var(--muted); }
.lai-m3-calculation-center { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--line); border-left: 4px solid #1f8a70; border-radius: 12px; background: color-mix(in srgb, var(--surface) 94%, #e4f7f1); }
.lai-m3-calculation-center > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.lai-m3-calculation-center h4,
.lai-m3-calculation-center p { margin: 0; }
.lai-m3-calculation-center > header p { margin-top: 3px; color: var(--muted); }
.lai-m3-calculation-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.lai-m3-calculation-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.lai-m3-calculation-metrics article { display: grid; gap: 2px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.lai-m3-calculation-metrics article strong { font-size: 19px; }
.lai-m3-calculation-metrics article span { font-weight: 700; }
.lai-m3-calculation-metrics article small { color: var(--muted); }
.lai-m3-calculation-center h5 { margin: 0 0 7px; font-size: 14px; }
.lai-m3-calculation-controls > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.lai-m3-calculation-controls article { padding: 8px; border: 1px solid color-mix(in srgb, #1f8a70 28%, var(--line)); border-radius: 8px; background: color-mix(in srgb, var(--surface) 96%, #e4f7f1); }
.lai-m3-calculation-controls article strong,
.lai-m3-calculation-controls article small { display: block; }
.lai-m3-calculation-controls article strong { color: #147a5b; }
.lai-m3-calculation-controls article small { margin-top: 3px; }
.lai-m3-calculation-center article { display: grid; gap: 7px; }
.lai-m3-calculation-center article > header { display: flex; justify-content: space-between; gap: 8px; }
.lai-m3-calculation-center article small { color: var(--muted); overflow-wrap: anywhere; }
.lai-m3-calculation-evidence { padding: 9px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.lai-m3-calculation-evidence > summary { cursor: pointer; font-weight: 700; }
.lai-m3-calculation-evidence > p { margin-top: 7px; color: var(--muted); }
.lai-m3-calculation-runs { display: grid; gap: 6px; margin-top: 8px; }
.lai-m3-calculation-runs > a { display: flex; justify-content: space-between; gap: 12px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; color: inherit; text-decoration: none; }
.lai-m3-calculation-runs > a:hover { border-color: var(--blue); background: var(--blue-soft); }
.lai-m3-calculation-runs > a > span { display: grid; gap: 2px; }
.lai-m3-calculation-runs > a > span:last-child { text-align: right; }
.lai-m3-calculation-registry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 8px; }
.lai-m3-calculation-registry article { padding: 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-subtle); }
.lai-m3-calculation-center > footer { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--muted); font-size: 12px; }
.lai-m3-learning-candidate { display: grid; gap: 8px; }
.lai-m3-learning-candidate > details { border-top: 1px solid var(--line); padding-top: 7px; }
.lai-m3-learning-candidate > details > summary { cursor: pointer; font-weight: 700; }
.lai-m3-learning-stages { display: grid; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
.lai-m3-learning-stages li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 7px; padding: 6px 8px; border-radius: 7px; background: var(--surface-subtle); }
.lai-m3-learning-stages li > span { color: var(--warning); font-size: 12px; font-weight: 700; }
.lai-m3-learning-stages li[data-stage-completed="true"] > span { color: #147a5b; }
.lai-m3-learning-stages code { color: var(--muted); overflow-wrap: anywhere; }
.lai-m3-candidate-status { border-left: 4px solid var(--warning); background: var(--warning-bg); }
.lai-m3-dynamic-create { background: var(--surface-subtle); }
.lai-m3-dynamic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.lai-m3-dynamic-create fieldset { display: grid; gap: 7px; margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 10px; }
.lai-m3-member-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.lai-m3-member-grid label { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 2px 7px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.lai-m3-member-grid label small { grid-column: 2; overflow-wrap: anywhere; }
.lai-m3-team-controls { display: grid; gap: 8px; }
.lai-m3-team-controls form { display: grid; grid-template-columns: minmax(180px, 1fr) auto; gap: 8px; align-items: end; }
.lai-m3-team-proposals { display: grid; gap: 9px; }
.lai-m3-team-proposals article > header { display: flex; justify-content: space-between; gap: 8px; }
.lai-m3-team-proposals form { display: grid; grid-template-columns: minmax(130px, .6fr) minmax(180px, 1fr) auto; gap: 8px; align-items: end; }
.lai-m3-operational-metrics { display: grid; gap: 9px; background: var(--surface-subtle); }
.lai-m3-operational-metrics > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.lai-m3-operational-metrics article { display: grid; gap: 3px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.lai-m3-operational-metrics article strong { font-size: 18px; }
.lai-m3-operational-metrics article span { font-weight: 700; }
.lai-m3-operational-metrics article small { color: var(--muted); }
.lai-m3-center:not([data-runtime-freshness="fresh"]) .status-pill.success { color: var(--warning); background: var(--warning-bg); }

.lai-m3-structure-preview > nav { display: flex; flex-wrap: wrap; gap: 6px; }
.lai-m3-structure-preview > nav a { min-width: 34px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; color: inherit; text-align: center; text-decoration: none; }
.lai-m3-structure-preview > nav a[aria-current="page"] { border-color: var(--warning); background: var(--warning-bg); }
.lai-m3-preview-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; max-height: 360px; overflow: auto; }
.lai-m3-preview-list a { display: grid; gap: 3px; min-width: 0; padding: 8px; border: 1px dashed var(--line); border-radius: 8px; color: inherit; text-decoration: none; }
.lai-m3-preview-list a[aria-current="true"] { border-color: var(--blue); background: var(--blue-soft); }
.lai-m3-preview-detail { display: grid; gap: 4px; padding: 9px; border-left: 3px solid var(--blue); background: var(--surface-subtle); }
.lai-m3-preview-detail p { margin: 0; }
.lai-m3-preview-list strong,
.lai-m3-preview-list span,
.lai-m3-preview-list small { overflow-wrap: anywhere; }
.lai-m3-preview-list small { color: var(--muted); }

.lai-m3-permission-matrix > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.lai-m3-permission-matrix article { display: grid; gap: 7px; min-width: 0; padding: 9px; border: 1px solid var(--line); border-radius: 9px; }
.lai-m3-permission-matrix dl { display: grid; gap: 5px; margin: 0; }
.lai-m3-permission-matrix dl div { display: grid; gap: 2px; }
.lai-m3-permission-matrix dt { color: var(--muted); font-size: 12px; }
.lai-m3-permission-matrix dd { margin: 0; overflow-wrap: anywhere; }
.lai-m3-permission-matrix > small { color: var(--muted); }

.lai-m3-governance-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lai-m3-governance-grid h4 { margin: 0; }
.lai-m3-governance-grid ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.lai-m3-governance-grid li { display: flex; justify-content: space-between; gap: 8px; padding-top: 7px; border-top: 1px solid var(--line); }
.lai-m3-governance-grid li span { color: var(--muted); text-align: right; }
.lai-m3-legacy { padding: 8px 0; border-top: 1px solid var(--line); }
.lai-m3-legacy > summary { cursor: pointer; color: var(--muted); font-weight: 700; }
.lai-m3-legacy > .lai-cluster-review { margin-top: 10px; }

@media(max-width:1050px) {
  .lai-m3-summary-groups > section > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lai-m3-permission-matrix > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lai-m3-preview-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lai-m3-member-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lai-m3-operational-metrics > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lai-m3-calculation-metrics,
  .lai-m3-calculation-controls > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media(max-width:800px) {
  .lai-m3-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lai-m3-master-detail,
  .lai-m3-governance-grid { grid-template-columns: 1fr; }
  .lai-m3-list { max-height: 420px; }
  .lai-m3-filters { grid-template-columns: 1fr 1fr; }
  .lai-m3-role-grid,
  .lai-m3-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media(max-width:600px) {
  .lai-m3-center { padding: 12px; }
  .lai-m3-hero,
  .lai-m3-view > header,
  .lai-m3-detail > header,
  .lai-m3-structure-preview > header,
  .lai-m3-permission-matrix > header,
  .lai-m3-queue-create > header,
  .lai-m3-model-evidence > header,
  .lai-m3-candidate-status > header,
  .lai-m3-dynamic-create > header,
  .lai-m3-calculation-center > header,
  .lai-m3-operational-metrics > header { display: grid; }
  .lai-m3-calculation-badges { justify-content: flex-start; }
  .lai-m3-hero > div:last-child { justify-items: start; }
  .lai-m3-summary-groups > section > div,
  .lai-m3-role-grid,
  .lai-m3-card-grid,
  .lai-m3-permission-matrix > div,
  .lai-m3-preview-list,
  .lai-m3-filters,
  .lai-m3-axes,
  .lai-m3-dynamic-grid,
  .lai-m3-member-grid,
  .lai-m3-operational-metrics > div,
  .lai-m3-calculation-metrics,
  .lai-m3-calculation-controls > div,
  .lai-m3-calculation-registry { grid-template-columns: 1fr; }
  .lai-m3-list-card > header,
  .lai-m3-facts > div,
  .lai-m3-run-type,
  .lai-m3-governance-grid li { display: grid; }
  .lai-m3-facts dd,
  .lai-m3-governance-grid li span { text-align: left; }
  .lai-m3-timeline li { grid-template-columns: 1fr; }
  .lai-m3-learning-stages li { grid-template-columns: 1fr; }
  .lai-m3-controls form,
  .lai-m3-calculation-replay,
  .lai-m3-team-controls form,
  .lai-m3-team-proposals form,
  .lai-m3-controls form[data-control="handoff"] { grid-template-columns: 1fr; }
  .lai-m3-calculation-replay { display: grid; }
  .lai-m3-calculation-runs > a { display: grid; }
  .lai-m3-calculation-runs > a > span:last-child { text-align: left; }
  .lai-m3-nav a { min-height: 46px; }
}

.lai-qwen-workbench {
  position: relative;
  display: grid;
  gap: 16px;
  overflow: hidden;
  padding: 20px;
  border: 1px solid color-mix(in srgb, #6d5dfc 28%, var(--line));
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 0%, rgba(118, 91, 255, .16), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--surface) 94%, #ebe8ff), var(--surface));
  box-shadow: 0 14px 36px rgba(45, 34, 110, .08);
}

#main-content[data-workspace-active-page="qwen"] #agent-workspaces > h2,
#main-content[data-workspace-active-page="qwen"] #agent-workspaces > .empty-state {
  display: none;
}

#main-content[data-workspace-active-page="qwen"] #agent-workspaces {
  padding: 0;
  border: 0;
  background: transparent;
}

.lai-qwen-hero,
.lai-qwen-file > header,
.lai-qwen-result > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.lai-qwen-hero h3 { margin: 3px 0 5px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.03em; }
.lai-qwen-hero p { margin: 0; color: var(--muted); }
.lai-qwen-status { display: grid; justify-items: end; gap: 6px; white-space: nowrap; }
.lai-qwen-status small { font-weight: 650; }
.lai-qwen-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.lai-qwen-steps li { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 8px; min-width: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); background: var(--surface-subtle); font-size: 12px; }
.lai-qwen-steps li span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--surface); font-weight: 800; }
.lai-qwen-steps li strong { overflow-wrap: anywhere; }
.lai-qwen-steps li.is-done { color: #266c4a; border-color: #bee6d0; background: #f0faf5; }
.lai-qwen-steps li.is-current { color: #3f2fb5; border-color: #c9c1ff; background: #f0eeff; box-shadow: 0 5px 14px rgba(74, 55, 188, .08); }
.lai-qwen-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .75fr); gap: 12px; }
.lai-qwen-upload,
.lai-qwen-model-card,
.lai-qwen-file,
.lai-qwen-result {
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 15px;
  border: 1px solid color-mix(in srgb, #6d5dfc 16%, var(--line));
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface) 97%, #f0edff);
}
.lai-qwen-upload > header,
.lai-qwen-send > header,
.lai-qwen-output > header,
.lai-qwen-view-head,
.lai-qwen-existing-result,
.lai-qwen-next-links {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.lai-qwen-upload h4,
.lai-qwen-send h4,
.lai-qwen-view-head h3 { margin: 3px 0 0; }
.lai-qwen-upload label,
.lai-qwen-send label { display: grid; gap: 6px; font-size: 13px; font-weight: 650; }
.lai-qwen-upload input[type="file"] { padding: 10px; border: 1px dashed color-mix(in srgb, #6d5dfc 40%, var(--line)); background: var(--surface); }
.lai-qwen-model-card dl,
.lai-qwen-metrics { display: grid; gap: 7px; margin: 0; }
.lai-qwen-model-card dl div,
.lai-qwen-metrics div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.lai-qwen-model-card dt,
.lai-qwen-metrics dt { color: var(--muted); }
.lai-qwen-model-card dd,
.lai-qwen-metrics dd { margin: 0; text-align: right; overflow-wrap: anywhere; font-weight: 650; }
.lai-qwen-file-facts { display: flex; flex-wrap: wrap; gap: 7px; }
.lai-qwen-file-facts span { padding: 5px 9px; border-radius: 8px; background: var(--surface-subtle); color: var(--muted); font-size: 12px; }
.lai-qwen-file details { border-top: 1px solid var(--line); padding-top: 10px; }
.lai-qwen-file details summary { cursor: pointer; font-weight: 700; }
.lai-qwen-file details ol { display: grid; gap: 7px; max-height: 260px; overflow: auto; padding-left: 24px; }
.lai-qwen-file details li span,
.lai-qwen-file details li small { display: block; overflow-wrap: anywhere; }
.lai-qwen-send { display: grid; gap: 11px; padding-top: 4px; border-top: 1px solid var(--line); }
.lai-qwen-send textarea { min-height: 80px; }
.lai-qwen-scope { padding: 11px 12px; border-left: 3px solid #6757e8; border-radius: 8px; background: #f0eeff; }
.lai-qwen-scope p { margin: 4px 0 0; color: #514a75; }
.lai-qwen-consent { display: grid; grid-template-columns: auto 1fr; align-items: start; padding: 11px; border: 1px solid #d8d1ff; border-radius: 10px; background: var(--surface); font-weight: 550; }
.lai-qwen-consent input { margin-top: 3px; }
.lai-qwen-result { border-color: #aadfc4; background: linear-gradient(145deg, #effaf4, var(--surface)); box-shadow: 0 12px 30px rgba(32, 104, 70, .08); }
.lai-qwen-result-section { padding: 14px; border: 1px solid #cbe9d8; border-radius: 12px; background: rgba(255,255,255,.76); }
.lai-qwen-result-section h5 { margin: 0 0 7px; color: #246647; }
.lai-qwen-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lai-qwen-result-grid section { padding: 11px; border-radius: 10px; background: rgba(255,255,255,.66); }
.lai-qwen-result-grid ul { margin: 8px 0 0; padding-left: 20px; }
.lai-qwen-summary { margin: 0; font-size: 16px; line-height: 1.65; }
.lai-qwen-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lai-qwen-metrics div { display: grid; gap: 2px; }
.lai-qwen-metrics dd { text-align: left; }
.lai-qwen-empty { padding: 16px; border: 1px dashed var(--line); border-radius: 12px; text-align: center; }
.lai-qwen-empty p { margin: 5px 0 0; color: var(--muted); }
.lai-qwen-view-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding: 5px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-subtle); }
.lai-qwen-view-tabs button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; border: 0; border-radius: 10px; color: var(--muted); background: transparent; font-weight: 750; cursor: pointer; }
.lai-qwen-view-tabs button span { min-width: 22px; padding: 2px 7px; border-radius: 999px; background: color-mix(in srgb, var(--surface) 88%, #ddd8ff); font-size: 12px; }
.lai-qwen-view-tabs button[aria-current="page"] { color: #3f2fb5; background: var(--surface); box-shadow: 0 3px 12px rgba(45, 34, 110, .1); }
.lai-qwen-view-tabs button:disabled { opacity: .48; cursor: default; }
.lai-qwen-view { display: grid; gap: 14px; min-width: 0; }
.lai-qwen-view-head p { margin: 4px 0 0; color: var(--muted); }
.lai-qwen-goal { padding: 8px 11px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: var(--surface-subtle); }
.lai-qwen-goal summary { cursor: pointer; font-weight: 700; }
.lai-qwen-goal p { margin: 8px 0 2px; color: var(--text); white-space: pre-wrap; }
.lai-qwen-awaiting-result { display: grid; gap: 5px; padding: 14px 16px; border: 1px solid #d5cdfd; border-left: 5px solid #6757e8; border-radius: 12px; background: #f5f3ff; }
.lai-qwen-awaiting-result span { color: #5e51a9; font-size: 12px; font-weight: 750; }
.lai-qwen-awaiting-result strong { font-size: 17px; }
.lai-qwen-awaiting-result p { margin: 0; color: var(--muted); }
.lai-qwen-existing-result { align-items: center; padding: 13px 15px; border: 1px solid #bee6d0; border-radius: 12px; background: #f0faf5; }
.lai-qwen-existing-result > div { display: grid; gap: 4px; }
.lai-qwen-existing-result span { color: #357357; font-size: 12px; font-weight: 750; }
.lai-qwen-output { display: grid; gap: 10px; margin-top: 4px; padding: 14px; border: 1px solid #d8d2fb; border-radius: 12px; background: #f7f5ff; }
.lai-qwen-output > header > small { color: var(--muted); }
.lai-qwen-audit { padding-top: 4px; }
.lai-qwen-audit > summary { cursor: pointer; color: var(--muted); font-weight: 650; }
.lai-qwen-next-links { align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-subtle); }
.lai-qwen-next-links > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.lai-qwen-version-list { display: grid; gap: 9px; }
.lai-qwen-version-list button { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: var(--surface); text-align: left; cursor: pointer; }
.lai-qwen-version-list button:hover,
.lai-qwen-version-list button[aria-current="true"] { border-color: #bcb2f4; background: #f7f5ff; }
.lai-qwen-version-list button span { color: #5e51a9; font-size: 12px; font-weight: 750; }
.lai-qwen-version-list button small { color: var(--muted); text-align: right; }

.lai-qwen-dropzone { display: grid; gap: 12px; min-height: 145px; padding: 22px; border: 2px dashed #b9b0e8; border-radius: 12px; background: var(--surface-subtle); text-align: center; }
.lai-qwen-dropzone.is-dragging { border-color: #6757e8; background: #eeebff; }
.lai-qwen-dropzone:focus-visible, .lai-qwen-queue button:focus-visible { outline: 3px solid #6757e8; outline-offset: 3px; }
.lai-qwen-dropzone input[type="file"] { max-width: 100%; margin: auto; }
.lai-qwen-dropzone p { margin: 0; overflow-wrap: anywhere; font-size: 12px; color: var(--muted); }
.lai-qwen-upload textarea { width: 100%; min-height: 120px; resize: vertical; white-space: pre-wrap; tab-size: 4; }
.lai-qwen-workspace-grid { display: grid; grid-template-columns: minmax(190px, .6fr) minmax(0, 2fr); gap: 16px; align-items: start; }
.lai-qwen-queue { display: grid; gap: 6px; max-height: 650px; overflow: auto; padding: 12px; border: 1px solid var(--line); border-radius: 12px; }
.lai-qwen-queue h4 { margin: 0 0 8px; }
.lai-qwen-queue h4 span { color: var(--muted); font-weight: 500; }
.lai-qwen-queue button { display: grid; gap: 5px; text-align: left; padding: 11px; border: 1px solid transparent; border-radius: 8px; background: var(--surface); color: var(--text); overflow-wrap: anywhere; cursor: pointer; }
.lai-qwen-queue button span { font-size: 12px; color: var(--muted); }
.lai-qwen-queue button.is-selected { border-color: #b9b0e8; background: #f0eeff; }
.lai-qwen-queue button:disabled { opacity: .75; cursor: default; }
.lai-qwen-detail { display: grid; gap: 14px; min-width: 0; }
.lai-qwen-purpose-actions, .lai-qwen-result-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.lai-qwen-result-actions small { flex-basis: 100%; color: var(--muted); }
.lai-qwen-controlled-export { display: grid; gap: 7px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-subtle); }
.lai-qwen-controlled-export > div { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.lai-qwen-controlled-export label { display: grid; gap: 5px; min-width: 170px; font-size: 13px; font-weight: 650; }
.lai-qwen-controlled-export select { min-height: 34px; }
.lai-qwen-controlled-export > small { color: var(--muted); }
.lai-qwen-controlled-export .form-message { margin: 0; overflow-wrap: anywhere; }
.lai-qwen-model-card > summary { cursor: pointer; color: var(--muted); }
.lai-qwen-model-card dl { margin-top: 12px; }
.lai-qwen-conversation-first { max-width: 980px; margin: 0 auto; padding: 24px clamp(16px, 4vw, 44px); background: var(--surface); box-shadow: none; border-color: var(--line); }
.lai-qwen-conversation-first .lai-qwen-hero h3 { font-size: clamp(24px, 3vw, 32px); }
.lai-qwen-history { color: var(--muted); font-size: 13px; }
.lai-qwen-history > summary, .lai-qwen-new-material > summary, .lai-qwen-sources summary { cursor: pointer; padding: 8px 0; }
.lai-qwen-history .lai-qwen-queue { margin-top: 8px; max-height: 240px; }
.lai-qwen-conversation { display: grid; gap: 18px; min-width: 0; }
.lai-qwen-conversation:empty { display: none; }
.lai-qwen-conversation-first .lai-qwen-empty { border: 0; padding: 20px 8px; }
.lai-qwen-user-turn { justify-self: end; max-width: 90%; padding: 14px 18px; border-radius: 18px 18px 4px 18px; background: var(--surface-subtle); overflow-wrap: anywhere; }
.lai-qwen-user-turn p { margin: 6px 0 0; white-space: pre-wrap; }
.lai-qwen-conversation-first .lai-qwen-result { padding: 18px; }
.lai-qwen-conversation-first .lai-qwen-result-grid { grid-template-columns: 1fr; gap: 8px; }
.lai-qwen-conversation-first .lai-qwen-result-grid section { padding: 12px; background: rgba(255,255,255,.7); }
.lai-qwen-composer { display: grid; gap: 8px; border: 1px solid var(--line); border-radius: 18px; padding: 16px; box-shadow: 0 6px 20px rgba(35,45,55,.04); }
.lai-qwen-composer .lai-qwen-upload, .lai-qwen-composer .lai-qwen-send { padding: 0; border: 0; background: transparent; box-shadow: none; }
.lai-qwen-composer textarea { min-height: 130px; border-color: transparent; background: var(--surface); font-size: 16px; line-height: 1.6; }
.lai-qwen-composer .lai-qwen-dropzone { min-height: 0; padding: 10px; gap: 5px; border: 1px dashed var(--line); text-align: left; background: var(--surface-subtle); }
.lai-qwen-composer .lai-qwen-dropzone label { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.lai-qwen-composer .lai-qwen-dropzone input[type="file"] { margin: 0; padding: 4px; border: 0; }
.lai-qwen-purpose-actions > button { border-radius: 999px; font-weight: 500; }
.lai-qwen-sources h5 { margin: 10px 0 4px; font-size: 13px; }
.lai-qwen-sources details { padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; margin: 6px 0; }
.lai-qwen-sources p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.lai-qwen-sources small { display: block; padding-bottom: 10px; overflow-wrap: anywhere; color: var(--muted); }
.lai-qwen-conversation-first { max-width: 1080px; min-height: 0; gap: 12px; padding-top: 18px; padding-bottom: 18px; }
.lai-qwen-conversation-first .lai-qwen-conversation { overflow: visible; padding: 0; }
.lai-qwen-conversation-first .lai-qwen-composer { position: relative; bottom: auto; z-index: auto; max-height: none; overflow: visible; background: var(--surface); padding: 14px; }
.lai-qwen-conversation-first .lai-qwen-composer textarea { min-height: 96px; height: auto; padding: 10px 12px; }
.lai-qwen-conversation-first .lai-qwen-send { gap: 9px; border-top: 0; }
.lai-qwen-conversation-first .lai-qwen-send > small { font-size: 12px; }
.lai-qwen-conversation-first .lai-qwen-consent { padding: 9px; font-size: 12px; }
.lai-qwen-conversation-first .lai-qwen-scope { padding: 8px 10px; font-size: 12px; }
.lai-qwen-conversation-first .lai-qwen-new-material > summary { padding: 6px 0; font-size: 12px; font-weight: 700; }
.lai-qwen-conversation-first .lai-qwen-model-card { display: block; padding: 8px 10px; font-size: 12px; }
.lai-qwen-conversation-first .lai-qwen-model-card[open] { max-height: none; overflow: visible; }
.lai-qwen-conversation-first [data-qwen-document-message]:empty { display: none; }
.lai-employee-ai { border: 0; }
.lai-employee-ai-hero { align-items: center; padding: 10px 2px 2px; }
.lai-employee-ai-hero h3 { margin-top: 5px; font-size: clamp(30px, 4vw, 42px); letter-spacing: -.035em; }
#main-content .lai-qwen-conversation-first.lai-employee-ai > .lai-qwen-view-tabs { position: static; top: auto; order: 0; }
.lai-ai-start-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 4px 0 8px; }
.lai-ai-start-options > button { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 3px 9px; min-height: 98px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; color: var(--text); background: var(--surface-subtle); text-align: left; cursor: pointer; }
.lai-ai-start-options > button:hover { border-color: #b9b0e8; background: #f5f3ff; transform: translateY(-1px); }
.lai-ai-start-options span { display: grid; grid-row: 1 / span 2; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #4a3db1; background: #eae7ff; font-weight: 800; }
.lai-ai-start-options strong { align-self: end; font-size: 14px; }
.lai-ai-start-options small { color: var(--muted); line-height: 1.45; }
.lai-qwen-work-output { display: grid; gap: 9px; padding: 12px; border: 1px solid #cfe3d8; border-radius: 10px; background: #f5fbf7; }
.lai-qwen-work-output > header, .lai-qwen-work-output > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.lai-qwen-work-output > header > div { display: grid; gap: 3px; }
.lai-qwen-work-output dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.lai-qwen-work-output dl > div { display: grid; gap: 2px; padding: 8px 10px; border-radius: 8px; background: var(--surface); }
.lai-qwen-work-output dt { color: var(--muted); font-size: 12px; }
.lai-qwen-work-output dd { margin: 0; overflow-wrap: anywhere; font-weight: 700; }
.lai-qwen-work-output .form-message { margin: 0; }
.ai-v2-golden-path { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 14px 0; padding: 0; list-style: none; }
.ai-v2-golden-path li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 8px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-subtle); }
.ai-v2-golden-path span { display: grid; grid-row: 1 / span 2; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: #4a3db1; background: #eae7ff; font-weight: 800; }
.ai-v2-golden-path strong { font-size: 13px; }
.ai-v2-golden-path small { color: var(--muted); line-height: 1.35; }
.lai-v2-queue-status {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--blue) 24%, var(--line));
  border-radius: 12px;
  background: color-mix(in srgb, var(--blue-soft) 34%, var(--surface));
}
.lai-v2-queue-status > header,
.lai-v2-queue-status > footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.lai-v2-queue-status > header { justify-content: space-between; }
.lai-v2-queue-status > header > div { display: grid; gap: 2px; }
.lai-v2-queue-status > header code { color: var(--muted); font-size: 12px; }
.lai-v2-queue-status > ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lai-v2-queue-status > ol > li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--muted);
  background: var(--surface);
  font-size: 12px;
}
.lai-v2-queue-status > ol > li > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: var(--surface-subtle); }
.lai-v2-queue-status > ol > li > strong { overflow-wrap: anywhere; }
.lai-v2-queue-status > ol > li.is-done { color: #176b4d; border-color: #bfe2d1; background: #f1faf5; }
.lai-v2-queue-status > ol > li.is-current { color: var(--blue); border-color: color-mix(in srgb, var(--blue) 38%, var(--line)); background: var(--blue-soft); }
.lai-v2-queue-status > footer > small { flex: 1 1 260px; color: var(--muted); }
.lai-v2-queue-status.is-blocked { border-color: color-mix(in srgb, var(--danger) 38%, var(--line)); background: color-mix(in srgb, var(--danger) 5%, var(--surface)); }
@media (max-width: 560px) {
  .lai-qwen-conversation-first { min-height: 0; padding: 12px; }
  .lai-qwen-view-tabs { grid-template-columns: 1fr; }
  .lai-qwen-version-list button { grid-template-columns: 1fr; }
  .lai-qwen-version-list button small { text-align: left; }
  .lai-qwen-next-links, .lai-qwen-existing-result { display: grid; }
  .lai-qwen-next-links > div:last-child { justify-content: flex-start; }
  .lai-qwen-conversation-first .lai-qwen-hero p { display: none; }
  .lai-ai-start-options, .ai-v2-golden-path, .lai-v2-queue-status > ol { grid-template-columns: 1fr; }
  .lai-qwen-work-output dl { grid-template-columns: 1fr; }
}
@media (min-width: 561px) and (max-width: 900px) {
  .lai-ai-start-options, .ai-v2-golden-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.lai-qwen-summary { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 850px) { .lai-qwen-workspace-grid { grid-template-columns: 1fr; } .lai-qwen-queue { max-height: 220px; } }
@media (max-width: 560px) { .lai-qwen-dropzone { padding: 14px; } .lai-qwen-purpose-actions > button { flex: 1 1 45%; } }

@media(max-width:900px) {
  .lai-qwen-layout,
  .lai-qwen-result-grid,
  .lai-qwen-metrics { grid-template-columns: 1fr; }
}

@media(max-width:600px) {
  .lai-qwen-workbench { padding: 14px; border-radius: 14px; }
  .lai-qwen-hero,
  .lai-qwen-file > header,
  .lai-qwen-result > header { display: grid; }
  .lai-qwen-status { justify-items: start; }
  .lai-qwen-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Interface V0.2 AI assistant: one GPT-like work surface for employees.
   Sources, export and audit remain available, but stay behind progressive
   disclosure so the normal path is simply ask -> read -> act. */
#main-content[data-workspace-active-page="ai"] #agent-workspaces {
  padding: 0;
  border: 0;
  background: transparent;
}

#main-content[data-workspace-active-page="ai"] #agent-workspaces > h2,
#main-content[data-workspace-active-page="ai"] #agent-workspaces > .empty-state {
  display: none;
}

.lai-gpt-layout,
.lai-qwen-conversation-first.lai-gpt-layout {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0 auto;
  padding: 18px clamp(14px, 3.2vw, 34px) 24px;
  gap: 15px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.lai-gpt-hero {
  display: grid;
  justify-items: center;
  gap: 7px;
  padding: 30px 16px 8px;
  text-align: center;
}

.lai-gpt-hero h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(28px, 3.4vw, 34px);
  letter-spacing: -.04em;
  line-height: 1.12;
}

.lai-gpt-hero p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

#main-content .lai-qwen-conversation-first.lai-gpt-layout > .lai-qwen-view-tabs {
  position: static;
  top: auto;
  order: 0;
  z-index: auto;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  gap: 20px;
  overflow-x: auto;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.lai-gpt-layout > .lai-qwen-view-tabs button {
  min-height: 40px;
  padding: 9px 1px 8px;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  font-size: 13px;
  font-weight: 560;
  white-space: nowrap;
}

.lai-gpt-layout > .lai-qwen-view-tabs button[aria-current="page"] {
  color: var(--navy);
  border-bottom-color: var(--blue);
  background: transparent;
  box-shadow: none;
  font-weight: 700;
}

.lai-gpt-layout > .lai-qwen-view-tabs button span {
  min-width: 18px;
  padding: 1px 5px;
  color: var(--muted);
  background: #f0f1f5;
  font-size: 12px;
}

.lai-gpt-layout .lai-qwen-conversation,
.lai-employee-compose-view,
.lai-employee-result-view,
.lai-employee-history-view,
.lai-employee-answer {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.lai-employee-source {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 14px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--surface-subtle) 72%, white);
}

.lai-employee-source > div { display: grid; gap: 2px; min-width: 0; }
.lai-employee-source > div > span,
.lai-employee-source > div > small { color: var(--muted); font-size: 12px; }
.lai-employee-source > div > strong { overflow-wrap: anywhere; }
.lai-employee-source > details { grid-column: 1 / -1; border-top: 1px solid var(--line); }
.lai-employee-source > details > summary { padding-top: 9px; cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 650; }

.lai-employee-composer {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--blue) 20%, var(--line));
  border-radius: 24px;
  background: var(--surface);
  box-shadow: 0 12px 32px rgba(30, 39, 62, .09);
}

.lai-employee-composer .lai-qwen-send,
.lai-employee-composer .lai-qwen-upload {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.lai-employee-composer .lai-qwen-send > header,
.lai-employee-composer .lai-qwen-upload > header { align-items: center; }
.lai-employee-composer .lai-qwen-send h4,
.lai-employee-composer .lai-qwen-upload h4 { font-size: 15px; }
.lai-employee-composer textarea {
  width: 100%;
  min-height: 112px;
  padding: 10px 2px;
  border: 0;
  outline: 0;
  color: var(--text);
  background: transparent;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.62;
  resize: vertical;
}
.lai-employee-composer textarea:focus { box-shadow: none; }
.lai-employee-composer .lai-qwen-purpose-actions { gap: 7px; }
.lai-employee-composer .lai-qwen-purpose-actions > button {
  min-height: 34px;
  padding: 6px 11px;
  border-color: var(--line);
  color: var(--muted);
  background: var(--surface-subtle);
  font-size: 12px;
}
.lai-employee-composer .lai-qwen-purpose-actions > button:hover {
  border-color: color-mix(in srgb, var(--blue) 38%, var(--line));
  color: var(--blue);
  background: var(--blue-soft);
}
.lai-employee-composer .lai-qwen-scope {
  padding: 9px 11px;
  border: 0;
  border-radius: 10px;
  color: var(--muted);
  background: var(--surface-subtle);
  font-size: 12px;
}
.lai-employee-composer .lai-qwen-scope > summary { cursor: pointer; font-weight: 650; }
.lai-employee-composer .lai-qwen-consent { padding: 9px 10px; font-size: 12px; line-height: 1.45; }
.lai-employee-composer .lai-qwen-send > .button,
.lai-employee-composer .lai-qwen-upload > .button { justify-self: end; min-height: 40px; padding-inline: 18px; }
.lai-employee-composer .lai-qwen-dropzone {
  min-height: 104px;
  padding: 16px;
  border: 1px dashed color-mix(in srgb, var(--blue) 32%, var(--line));
  border-radius: 14px;
  background: var(--surface-subtle);
}
.lai-employee-new-material { border-top: 1px solid var(--line); }
.lai-employee-new-material > summary { padding: 10px 1px 2px; cursor: pointer; color: var(--muted); font-size: 12px; font-weight: 650; }
.lai-employee-new-material[open] > summary { margin-bottom: 12px; color: var(--blue); }

.lai-employee-answer > header,
.lai-employee-history-view > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.lai-employee-answer > header h3,
.lai-employee-history-view > header h3 { margin: 3px 0 0; font-size: 20px; }
.lai-employee-answer-summary {
  padding: 20px;
  border: 1px solid color-mix(in srgb, var(--blue) 16%, var(--line));
  border-radius: 16px;
  background: color-mix(in srgb, var(--blue-soft) 46%, white);
}
.lai-employee-answer-summary > strong { color: var(--blue); }
.lai-employee-answer-summary > p {
  margin: 8px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 17px;
  line-height: 1.72;
}
.lai-employee-answer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lai-employee-answer-grid > section {
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface);
}
.lai-employee-answer-grid ul { display: grid; gap: 7px; margin: 9px 0 0; padding-left: 19px; }
.lai-employee-answer-grid li { overflow-wrap: anywhere; line-height: 1.5; }
.lai-employee-answer-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.lai-employee-answer-detail {
  padding: 0 2px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}
.lai-employee-answer-detail > summary { padding: 11px 0 4px; cursor: pointer; font-size: 12px; font-weight: 650; }
.lai-employee-answer-detail[open] > summary { color: var(--navy); }
.lai-employee-answer .lai-qwen-work-output { padding: 13px 14px; box-shadow: none; }
.lai-employee-answer .lai-qwen-history { padding: 0 2px; border-top: 1px solid var(--line); }

.lai-employee-shortcuts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 16px;
  padding-top: 7px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}
.lai-employee-shortcuts > button,
.lai-employee-shortcuts > details > summary { padding: 5px 0; color: var(--muted); font-size: 12px; font-weight: 650; cursor: pointer; }
.lai-employee-shortcuts > details { position: relative; }
.lai-employee-shortcuts .lai-qwen-queue { min-width: min(440px, 78vw); margin-top: 8px; }
.lai-employee-model-card,
.lai-qwen-conversation-first .lai-employee-model-card {
  padding: 8px 2px;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  color: var(--muted);
  background: transparent;
  font-size: 12px;
  box-shadow: none;
}
.lai-employee-model-card > summary { cursor: pointer; text-align: center; }
.lai-employee-model-card > p { margin-bottom: 0; line-height: 1.5; }

/* V0.2 approved full-screen AI workbench.  The navigation remains unchanged;
   every pixel inside the AI page is assigned to results, composition, files,
   or the explicit model-call gate. */
#main-content[data-workspace-active-page="ai"] {
  width: 100%;
  max-width: none;
  min-height: calc(100dvh - var(--faos-topbar-height, 56px));
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#main-content[data-workspace-active-page="ai"] > .page-head,
#main-content[data-workspace-active-page="ai"] > .platform-page-head { display: none; }

#main-content[data-workspace-active-page="ai"] #agent-workspaces,
#main-content[data-workspace-active-page="ai"] #agent-workspaces > .lai-panel {
  width: 100%;
  min-width: 0;
  min-height: calc(100dvh - var(--faos-topbar-height, 56px));
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--surface);
  box-shadow: none;
}

.lai-employee-ai.lai-gpt-layout {
  position: relative;
  display: grid;
  grid-template-rows: 58px 48px minmax(0, 1fr);
  width: 100%;
  height: calc(100dvh - var(--faos-topbar-height, 56px));
  min-height: 620px;
  margin: 0;
  padding: 0;
  gap: 0;
  overflow: hidden;
  background: var(--surface);
}

.lai-employee-topbar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 20px;
  border-bottom: 1px solid var(--line);
}

.lai-employee-topbar > div,
.lai-employee-topbar > p {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.lai-employee-topbar h2 { margin: 0; color: var(--navy); font-size: 20px; letter-spacing: -.025em; }
.lai-employee-topbar > div > span,
.lai-employee-topbar > p > span { color: var(--muted); font-size: 12px; }
.lai-employee-topbar > p > i { width: 8px; height: 8px; border-radius: 50%; background: var(--muted); }
.lai-employee-topbar > p > i.is-ready { background: var(--success); }
.lai-employee-topbar > p > i.is-blocked { background: var(--danger); }
.lai-employee-topbar > p > strong { font-size: 13px; }

#main-content .lai-qwen-conversation-first.lai-employee-ai.lai-gpt-layout > .lai-qwen-view-tabs.lai-employee-tabs {
  position: static;
  top: auto;
  order: 0;
  display: flex;
  min-width: 0;
  min-height: 48px;
  align-items: stretch;
  gap: 26px;
  margin: 0;
  padding: 0 20px 0 32px;
  overflow-x: auto;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: var(--surface);
  box-shadow: none;
}

.lai-employee-ai > .lai-employee-tabs button {
  min-height: 47px;
  padding: 0 1px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--muted);
  background: transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.lai-employee-ai > .lai-employee-tabs button[aria-current="page"] {
  color: var(--navy);
  border-bottom-color: var(--blue);
  background: transparent;
}

.lai-employee-ai > .lai-employee-tabs button span { margin-left: 3px; color: var(--muted); font-size: 12px; }
.lai-employee-ai > .lai-employee-tabs .lai-employee-new-task {
  min-height: 32px;
  align-self: center;
  margin-left: auto;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  color: var(--blue);
  background: var(--blue-soft);
}

.lai-employee-workspace {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(300px, .9fr);
}

.lai-employee-main {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  padding: 18px 20px 14px;
  border-right: 1px solid var(--line);
  background: var(--surface);
}

.lai-employee-scroll {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 0 10px 12px 0;
}

.lai-employee-scroll > :is(.lai-employee-current-context, .lai-employee-welcome, .lai-employee-result-view, .lai-employee-history-view) {
  width: min(100%, 980px);
  margin: 0;
}

.lai-employee-welcome {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: clamp(34px, 8vh, 76px) 20px 18px;
  text-align: center;
}
.lai-employee-welcome > strong { color: var(--navy); font-size: clamp(22px, 2.2vw, 30px); }
.lai-employee-welcome > span { max-width: 580px; color: var(--muted); line-height: 1.55; }

.lai-employee-current-context {
  display: grid;
  gap: 9px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}
.lai-employee-current-context > div { display: grid; gap: 3px; }
.lai-employee-current-context > div > span,
.lai-employee-current-context > div > small { color: var(--muted); font-size: 12px; }
.lai-employee-current-context > details > summary { cursor: pointer; color: var(--blue); font-size: 12px; font-weight: 650; }

.lai-employee-prompt {
  width: min(100%, 860px);
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.lai-employee-prompt .lai-qwen-purpose-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.lai-employee-prompt .lai-qwen-purpose-actions > button {
  min-height: 31px;
  padding: 5px 10px;
  border-color: var(--line);
  border-radius: 8px;
  color: var(--muted);
  background: var(--surface);
  font-size: 12px;
}

.lai-employee-prompt-label {
  display: grid;
  gap: 0;
  padding: 12px 14px 9px;
  border: 1px solid color-mix(in srgb, var(--blue) 22%, var(--line));
  border-radius: 15px 15px 0 0;
  color: var(--muted);
  background: var(--surface);
  font-size: 12px;
  box-shadow: 0 8px 24px rgba(30, 39, 62, .08);
}

.lai-employee-prompt textarea,
.lai-employee-prompt textarea:focus {
  width: 100%;
  min-height: 76px;
  max-height: 32vh;
  margin: 3px 0 0;
  padding: 7px 0;
  overflow: auto;
  border: 0;
  outline: 0;
  color: var(--text);
  background: transparent;
  box-shadow: none;
  font-size: 15px;
  line-height: 1.55;
  resize: vertical;
}

.lai-employee-prompt footer {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 9px;
  margin-top: -9px;
  padding: 4px 9px 5px 14px;
  border: 1px solid color-mix(in srgb, var(--blue) 22%, var(--line));
  border-top: 0;
  border-radius: 0 0 15px 15px;
  color: var(--muted);
  background: var(--surface);
  box-shadow: 0 8px 24px rgba(30, 39, 62, .08);
  font-size: 12px;
}

.lai-employee-attach { cursor: pointer; color: var(--blue); font-size: 12px; font-weight: 650; }
.lai-employee-prompt footer > button { margin-left: auto; }
.lai-employee-main > [data-qwen-document-message] {
  width: min(100%, 980px);
  min-height: 18px;
  margin: 5px 0 0;
  padding: 2px 4px;
  font-size: 12px;
}
.lai-employee-main > [data-qwen-document-message].warning { color: var(--warning-text, #8a5b00); }
.lai-employee-main > [data-qwen-document-message].error {
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--danger) 28%, var(--line));
  border-radius: 8px;
  color: var(--danger);
  background: color-mix(in srgb, var(--danger) 6%, var(--surface));
}

.lai-employee-rail {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(150px, 1fr) auto;
  gap: 11px;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  background: var(--surface-subtle);
}

.lai-employee-rail > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lai-employee-rail > header > strong { color: var(--navy); font-size: 14px; }
.lai-employee-rail > header > span { color: var(--muted); font-size: 12px; }

.lai-employee-file-list { display: grid; gap: 7px; }
.lai-employee-file-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  min-width: 0;
  align-items: center;
  gap: 9px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--text);
  background: var(--surface);
  text-align: left;
}
.lai-employee-file-card.is-selected { border-color: color-mix(in srgb, var(--blue) 38%, var(--line)); background: color-mix(in srgb, var(--blue-soft) 35%, white); }
.lai-employee-file-card:disabled { opacity: .75; }
.lai-employee-file-kind {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--blue);
  background: var(--blue-soft);
  font-size: 12px;
  font-weight: 750;
}
.lai-employee-file-card > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.lai-employee-file-card strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.lai-employee-file-card small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.lai-employee-file-card > b { color: var(--muted); font-size: 12px; white-space: nowrap; }
.lai-employee-file-card > b.is-ready { color: var(--success); }
.lai-employee-no-files { display: grid; gap: 4px; padding: 10px 1px; color: var(--muted); font-size: 12px; }

.lai-employee-upload { min-height: 0; display: grid; grid-template-rows: minmax(128px, 1fr) auto; gap: 7px; }
.lai-employee-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.lai-employee-dropzone {
  min-height: 128px;
  display: grid;
  place-items: center;
  padding: 13px;
  border: 1px dashed color-mix(in srgb, var(--blue) 62%, var(--line));
  border-radius: 12px;
  color: var(--muted);
  background: color-mix(in srgb, var(--blue-soft) 30%, var(--surface));
  text-align: center;
}
.lai-employee-dropzone.is-dragging { border-color: var(--blue); background: var(--blue-soft); }
.lai-employee-dropzone:focus-visible,
.lai-employee-ai :is(button, summary, select, textarea, label[for]):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--blue) 42%, transparent);
  outline-offset: 2px;
}
.lai-employee-dropzone > label { max-width: 270px; display: grid; justify-items: center; gap: 6px; cursor: pointer; }
.lai-employee-dropzone strong { color: var(--navy); font-size: 13px; }
.lai-employee-dropzone small { color: var(--muted); font-size: 12px; line-height: 1.45; }
.lai-employee-dropzone > p { margin: 2px 0 0; overflow-wrap: anywhere; color: var(--blue); font-size: 12px; }
.lai-employee-drop-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--blue); background: var(--surface); font-size: 21px; }
.lai-employee-upload-limits { color: var(--muted); font-size: 12px; }
.lai-employee-upload-limits > summary { cursor: pointer; font-weight: 650; }
.lai-employee-upload-limits > p { margin: 7px 0 1px; line-height: 1.5; }
.lai-employee-upload > button { justify-self: stretch; }

.lai-employee-call-panel {
  display: grid;
  gap: 9px;
  padding-top: 11px;
  border-top: 1px solid var(--line);
}
.lai-employee-call-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lai-employee-call-panel > header > div { display: grid; gap: 2px; }
.lai-employee-call-panel > header span { color: var(--muted); font-size: 12px; }
.lai-employee-call-panel > header strong { color: var(--navy); font-size: 13px; }
.lai-employee-call-panel > header > b { color: var(--muted); font-size: 12px; }
.lai-employee-call-panel > header > b.is-ready { color: var(--success); }
.lai-employee-call-panel > header > b.is-blocked { color: var(--danger); }
.lai-employee-call-panel dl { display: grid; gap: 4px; margin: 0; }
.lai-employee-call-panel dl > div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 8px; }
.lai-employee-call-panel dt,
.lai-employee-call-panel dd { margin: 0; font-size: 12px; line-height: 1.4; }
.lai-employee-call-panel dt { color: var(--muted); }
.lai-employee-call-panel dd { color: var(--text); overflow-wrap: anywhere; }
.lai-employee-call-panel > details { color: var(--muted); font-size: 12px; }
.lai-employee-call-panel > details > summary { cursor: pointer; color: var(--blue); font-weight: 650; }
.lai-employee-call-panel > details p { line-height: 1.5; }
.lai-employee-call-consent { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 7px; padding: 8px; border-radius: 8px; background: var(--surface); color: var(--text); font-size: 12px; line-height: 1.45; }
.lai-employee-call-consent input { margin-top: 2px; }
.lai-employee-call-panel > .button { width: 100%; min-height: 36px; }
.lai-employee-call-panel > small,
.lai-employee-call-panel > p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.lai-employee-call-panel.is-disabled { align-content: start; }

.lai-employee-drag-overlay {
  position: absolute;
  inset: 12px;
  z-index: 80;
  display: grid;
  place-content: center;
  gap: 7px;
  visibility: hidden;
  border: 2px dashed var(--blue);
  border-radius: 16px;
  color: var(--navy);
  background: color-mix(in srgb, var(--blue-soft) 91%, white);
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
}
.lai-employee-drag-overlay > strong { font-size: 22px; }
.lai-employee-drag-overlay > span { color: var(--muted); font-size: 13px; }
.lai-employee-ai.is-dragging > .lai-employee-drag-overlay { visibility: visible; opacity: 1; }

.lai-employee-result-view .lai-employee-answer > header h3 { font-size: 17px; }
.lai-employee-result-view .lai-employee-answer-summary { padding: 14px 16px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.lai-employee-result-view .lai-employee-answer-summary > p { font-size: 15px; line-height: 1.65; }
.lai-employee-result-view .lai-employee-answer-grid { grid-template-columns: 1fr; }
.lai-employee-result-view .lai-employee-answer-grid > section { padding: 12px 16px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.lai-employee-result-view .lai-qwen-work-output { margin-top: 5px; }
.lai-employee-result-outlet {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-subtle);
}
.lai-employee-result-outlet > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.lai-employee-result-outlet > header > div { display: grid; gap: 3px; }
.lai-employee-result-outlet > header > small { color: var(--muted); text-align: right; }
.lai-employee-result-outlet .lai-qwen-work-output { margin: 0; padding: 12px; background: var(--surface); }
.lai-employee-ai.is-loading .lai-employee-topbar > p > i { animation: lai-employee-pulse 1.1s ease-in-out infinite; }
@keyframes lai-employee-pulse { 50% { opacity: .35; transform: scale(.82); } }

/* The dedicated AI page is already the complete AI surface. Repeating the
   page-scoped drawer and floating launcher here creates two competing inputs. */
.application:has(#main-content[data-workspace-active-page="ai"]) :is([data-global-ai-workspace], .context-rail-toggle, .context-rail, .context-rail-backdrop) {
  display: none;
}

@media(max-width:700px) {
  .lai-gpt-layout,
  .lai-qwen-conversation-first.lai-gpt-layout { padding: 10px 4px 18px; }
  .lai-gpt-hero { padding: 14px 10px 2px; }
  .lai-gpt-hero h2 { font-size: 28px; }
  .lai-gpt-hero p { font-size: 13px; }
  #main-content .lai-qwen-conversation-first.lai-gpt-layout > .lai-qwen-view-tabs { width: 100%; gap: 16px; }
  .lai-gpt-layout > .lai-qwen-view-tabs button { flex: 0 0 auto; padding-inline: 1px; }
  .lai-employee-source { grid-template-columns: 1fr; }
  .lai-employee-source > details { grid-column: 1; }
  .lai-employee-composer { padding: 14px; border-radius: 18px; }
  .lai-employee-composer .lai-qwen-send > header,
  .lai-employee-composer .lai-qwen-upload > header,
  .lai-employee-answer > header,
  .lai-employee-history-view > header { display: grid; }
  .lai-employee-answer-grid { grid-template-columns: 1fr; }
  .lai-employee-answer-summary { padding: 16px; }
  .lai-employee-answer-actions { justify-content: stretch; }
  .lai-employee-answer-actions > button { flex: 1 1 45%; }
  .lai-employee-shortcuts { justify-content: flex-start; }
  .lai-employee-shortcuts .lai-qwen-queue { min-width: 0; width: 100%; }
}

@container (max-width: 580px) {
  .lai-employee-ai.lai-gpt-layout,
  .lai-qwen-conversation-first.lai-employee-ai.lai-gpt-layout { padding: 0; }
  .lai-employee-workspace { display: block; overflow: auto; }
  .lai-employee-main { min-height: 560px; border-right: 0; border-bottom: 1px solid var(--line); }
  .lai-employee-rail { min-height: 560px; overflow: visible; }
}

@media(max-width:700px) {
  #main-content[data-workspace-active-page="ai"] { overflow: auto; }
  .lai-employee-ai.lai-gpt-layout,
  .lai-qwen-conversation-first.lai-employee-ai.lai-gpt-layout {
    height: auto;
    min-height: calc(100dvh - var(--faos-topbar-height, 56px));
    padding: 0;
    overflow: visible;
  }
  .lai-employee-topbar { padding-inline: 12px; }
  .lai-employee-topbar > div > span,
  .lai-employee-topbar > p > span { display: none; }
  #main-content .lai-qwen-conversation-first.lai-employee-ai.lai-gpt-layout > .lai-qwen-view-tabs.lai-employee-tabs { gap: 13px; padding-inline: 16px 12px; }
  .lai-employee-ai > .lai-employee-tabs .lai-employee-new-task { padding-inline: 8px; }
  .lai-employee-main,
  .lai-employee-rail { padding: 12px; }
  .lai-employee-prompt textarea { min-height: 92px; }
  .lai-employee-file-card { grid-template-columns: 34px minmax(0, 1fr) auto; }
  .lai-employee-result-outlet > header { align-items: start; display: grid; }
  .lai-employee-result-outlet > header > small { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .lai-employee-ai.is-loading .lai-employee-topbar > p > i { animation: none; }
}

/* Interface V0.2: Agent pages use one fixed third-level row and one final
   surface.  Technical maturity and legacy review material live in governance. */
.lai-m3-center { gap: 14px; padding: 0; border: 0; border-radius: 0; background: transparent; }
[data-lai-m3-page-error]:empty { display: none; }
.lai-m3-nav {
  position: sticky;
  top: var(--faos-topbar-height, 56px);
  z-index: 30;
  display: flex;
  min-height: 40px;
  align-items: end;
  gap: 22px;
  overflow-x: auto;
  border-bottom: 1px solid var(--faos-border, var(--line));
  background: rgba(255,255,255,.96);
  box-shadow: 0 7px 10px -12px rgba(32,41,56,.55);
  scrollbar-width: none;
  backdrop-filter: blur(12px);
}
.lai-m3-nav::-webkit-scrollbar { display: none; }
.lai-m3-nav a,
.lai-m3-nav a[aria-current="page"] {
  display: block;
  min-height: 39px;
  flex: 0 0 auto;
  padding: 9px 1px 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--faos-text-tertiary, var(--muted));
  background: transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 520;
  white-space: nowrap;
}
.lai-m3-nav a[aria-selected="true"] { border-bottom-color: var(--faos-accent, var(--blue)); color: var(--faos-text, var(--navy)); font-weight: 680; }
.lai-m3-statusbar { display: flex; min-height: 32px; flex-wrap: wrap; align-items: center; gap: 8px 14px; color: var(--muted); font-size: 12px; }
.lai-m3-statusbar > span { color: #147a5b; font-weight: 700; }
.lai-m3-statusbar > a { margin-left: auto; color: var(--faos-accent, var(--blue)); font-weight: 700; text-decoration: none; }
.lai-m3-statusbar > small { flex: 0 1 auto; }
.lai-m3-overview-primary { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.lai-m3-overview-primary .lai-m3-metric { min-height: 76px; align-content: center; }
.lai-m3-overview-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.lai-m3-overview-columns > section { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.lai-m3-overview-columns > section > header,
.lai-m3-compact-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lai-m3-overview-columns > section > header a { color: var(--faos-accent, var(--blue)); font-size: 12px; text-decoration: none; }
.lai-m3-overview-columns > section > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.lai-m3-overview .lai-m3-role-grid a { min-height: 58px; align-content: center; padding-block: 8px; }
.lai-m3-overview .lai-m3-role-grid a > span { display: none; }
.lai-m3-boundary-compact { display: flex; align-items: center; gap: 12px; padding-block: 9px; }
.lai-m3-boundary-compact strong { flex: none; }
.lai-m3-local-filter { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; color: var(--muted); font-size: 12px; }
.lai-m3-local-filter > span { margin-right: 3px; font-weight: 700; }
.lai-m3-local-filter a { padding: 6px 9px; border: 1px solid transparent; border-radius: 7px; color: var(--muted); text-decoration: none; }
.lai-m3-local-filter a[aria-current="true"] { border-color: color-mix(in srgb,var(--blue) 28%,var(--line)); color: var(--blue); background: var(--blue-soft); font-weight: 700; }
.lai-m3-governance-list { display: grid; gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.lai-m3-governance-list h4 { margin: 0; }
.lai-m3-governance-list > summary { cursor: pointer; color: var(--navy); font-weight: 700; }
.lai-m3-governance-list[open] > summary { margin-bottom: 8px; }
.lai-m3-governance-list ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.lai-m3-governance-list li { display: flex; justify-content: space-between; gap: 12px; padding-top: 7px; border-top: 1px solid var(--line); }
.lai-m3-governance-list li span { color: var(--muted); text-align: right; }
.lai-m3-technical { padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-subtle); }
.lai-m3-technical > summary { cursor: pointer; color: var(--navy); font-weight: 700; }
.lai-m3-technical[open] > summary { margin-bottom: 10px; }
.lai-m3-permission-matrix article p { margin: 0; color: var(--muted); line-height: 1.45; }
.lai-m3-permission-matrix article small { display: block; color: var(--muted); }
.lai-m3-contract-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.lai-m3-contract-grid li { display: grid; gap: 2px; min-width: 0; padding: 7px 8px; border: 1px solid var(--line); border-radius: 8px; }
.lai-m3-contract-grid li span { text-align: left; font-size: 12px; }
.lai-m3-control-option { flex: 0 0 auto; }
.lai-m3-control-option > summary { min-height: 34px; padding: 7px 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--navy); background: var(--surface); cursor: pointer; font-weight: 700; list-style: none; }
.lai-m3-control-option > summary::-webkit-details-marker { display: none; }
.lai-m3-control-option[open] { flex: 1 1 100%; }
.lai-m3-control-option[open] > summary { width: fit-content; border-color: var(--blue); color: var(--blue); background: var(--blue-soft); }
.lai-m3-controls > div { display: flex; flex-wrap: wrap; gap: 7px; }
.lai-m3-control-option form { margin-top: 8px; }
.lai-m3-control-option form label { grid-template-columns: 92px minmax(0,1fr); align-items: center; }
@media(max-width:700px) {
  .lai-m3-overview-primary,
  .lai-m3-overview-columns,
  .lai-m3-overview-columns > section > div { grid-template-columns: 1fr; }
  .lai-m3-nav a,
  .lai-m3-nav a[aria-current="page"] { min-height: 42px; }
  .lai-m3-governance-list li { display: grid; }
  .lai-m3-governance-list li span { text-align: left; }
  .lai-m3-contract-grid { grid-template-columns: 1fr; }
}