.runtime-badge { align-items: center; background: #f0f3ec; border: 1px solid #cfd9c6; border-radius: 999px; color: #45603f; display: inline-flex; font-size: 11px; font-weight: 600; padding: 4px 9px; white-space: nowrap; }
.first-run-home { margin: 18px auto; max-width: 1000px; }
.first-run-home .page-head { margin-bottom: 12px; }
.first-run-card { align-items: center; background: transparent; border: 0; border-block: 1px solid var(--line); border-radius: 0; display: flex; gap: 16px; justify-content: space-between; padding: 12px 2px; }
.first-run-card > div { align-items: center; display: flex; gap: 12px; }
.first-run-card h2, .project-first-actions h2 { font-size: 15px; margin: 0; }
.first-run-card p, .project-first-actions p { color: var(--muted); margin: 0; }
.first-run-mark { align-items: center; background: #e8eef2; border-radius: 3px; color: #486a61; display: flex; flex: 0 0 30px; height: 30px; justify-content: center; }
.first-run-steps { counter-reset: steps; display: grid; gap: 0; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; margin: 20px 0; padding: 0; }
.first-run-steps li { align-items: flex-start; border-top: 1px solid var(--line); display: flex; gap: 9px; padding: 14px 10px 0 0; }
.first-run-steps li > b { align-items: center; background: #f2f4f3; border-radius: 50%; color: #50645c; display: inline-flex; flex: 0 0 23px; font-size: 11px; height: 23px; justify-content: center; }
.first-run-steps strong, .first-run-steps small { display: block; }
.first-run-steps strong { font-size: 12px; }
.first-run-steps small { color: var(--muted); font-size: 11px; margin-top: 4px; }
.project-first-actions, .release-handoff-card { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 9px; display: flex; gap: 16px; justify-content: space-between; margin: 4px 0 16px; padding: 15px 18px; }
.release-handoff-card { background: #f7faf7; border-color: #d4dfd1; }
.release-handoff-card strong, .release-handoff-card small { display: block; }
.release-handoff-card small { color: var(--muted); margin-top: 5px; }
.lifecycle-control { align-items: center; color: var(--muted); display: flex; font-size: 11px; gap: 6px; }
.lifecycle-control select { background: #fff; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); font-size: 12px; max-width: 138px; padding: 5px 7px; }
.quick-capture-body { display: grid; gap: 12px; }
.capture-title-field { display: grid; font-size: 12px; font-weight: 600; gap: 7px; }
.capture-title-field input { border: 1px solid var(--line); border-radius: 6px; font: inherit; padding: 12px; }
.capture-project-setting { border-top: 1px solid var(--line); color: var(--muted); padding-top: 10px; }
.capture-project-setting summary { cursor: pointer; font-size: 12px; }
.capture-project-setting label { display: grid; font-size: 12px; gap: 5px; margin-top: 9px; }
.triage-page, .operations-page { margin: 0 auto; max-width: 1320px; }
.triage-layout { align-items: start; display: grid; gap: 16px; grid-template-columns: minmax(250px, .8fr) minmax(400px, 1.4fr); }
.triage-list-panel, .triage-editor, .operations-project-card { background: #fff; border: 1px solid var(--line); border-radius: 9px; min-width: 0; padding: 16px; }
.triage-list { display: grid; gap: 4px; }
.triage-item { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 6px; color: var(--ink); cursor: pointer; display: flex; gap: 10px; justify-content: space-between; padding: 10px; text-align: left; width: 100%; }
.triage-item:hover, .triage-item.is-active { background: #f8f7f3; border-color: var(--line); }
.triage-item-title { min-width: 0; }
.triage-item-title strong, .triage-item-title small { display: block; overflow: hidden; text-overflow: ellipsis; }
.triage-item-title small { color: var(--muted); font-size: 11px; margin-top: 4px; }
.triage-editor { display: grid; gap: 13px; }
.triage-editor-head h2 { font-size: 19px; margin: 2px 0 4px; }
.triage-editor-head small { color: var(--muted); }
.triage-editor label, .triage-fields label { display: grid; font-size: 12px; gap: 5px; }
.triage-editor textarea, .triage-editor select, .triage-editor input { border: 1px solid var(--line); border-radius: 5px; font: inherit; min-width: 0; padding: 8px; }
.triage-editor textarea { min-height: 72px; resize: vertical; }
.triage-fields { gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.triage-advanced { border: 1px solid var(--line); border-radius: 6px; padding: 9px 11px; }
.triage-advanced summary { color: var(--ink); cursor: pointer; font-size: 12px; font-weight: 650; }
.triage-advanced summary span { color: var(--muted); float: right; font-weight: 450; }
.triage-advanced-fields { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; }
.triage-advanced-fields small { color: var(--muted); font-size: 10px; }
.triage-actions, .operations-actions { border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; }
.triage-empty { align-self: start; }
.next-actions-panel { margin-bottom: 18px; }
.next-action-list { display: grid; }
.next-action-row { align-items: center; background: transparent; border: 0; border-top: 1px solid var(--line); color: var(--ink); cursor: pointer; display: grid; gap: 10px; grid-template-columns: 26px minmax(0, 1fr) auto; padding: 10px 2px; text-align: left; }
.next-action-number { align-items: center; background: #efeee9; border-radius: 50%; color: #4d655a; display: inline-flex; font-size: 11px; height: 24px; justify-content: center; width: 24px; }
.next-action-row strong, .next-action-row small { display: block; }
.next-action-row small { color: var(--muted); font-size: 11px; margin-top: 3px; }
.operations-project-list { display: grid; gap: 14px; }
.operations-project-head { align-items: flex-start; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding-bottom: 13px; }
.operations-project-head h2 { font-size: 20px; margin: 2px 0; }
.operations-project-head small { color: var(--muted); }
.health-neutral { background: #f1f3f2; color: #63716a; }
.operations-metrics { display: grid; gap: 8px; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 14px 0; }
.operations-metrics > span { background: #f7f8f7; border-radius: 6px; padding: 9px 11px; }
.operations-metrics small, .operations-metrics strong { display: block; }
.operations-metrics small { color: var(--muted); font-size: 11px; }
.operations-metrics strong { font-size: 18px; margin-top: 4px; }
.operations-environment { align-items: center; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 10px 18px; padding: 12px 0; }
.operations-environment label { align-items: center; display: flex; flex-wrap: wrap; font-size: 12px; gap: 7px; }
.operations-environment select { border: 1px solid var(--line); border-radius: 5px; padding: 5px 7px; }
.operations-environment small { color: var(--muted); font-size: 10px; }
.operations-lists { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 15px; }
.operations-lists > section { border-top: 1px solid var(--line); min-width: 0; padding-top: 11px; }
.operations-lists h3 { font-size: 13px; margin: 0 0 8px; }
.operation-item { align-items: center; border-bottom: 1px solid #eef0ee; display: flex; flex-wrap: wrap; gap: 9px; justify-content: space-between; padding: 8px 2px; }
.operation-item strong, .operation-item small { display: block; }
.operation-item small { color: var(--muted); font-size: 11px; margin-top: 3px; }
.operation-task { background: transparent; border-left: 0; border-right: 0; border-top: 0; color: var(--ink); cursor: pointer; text-align: left; width: 100%; }
.operations-activity { border-top: 1px solid var(--line); margin-top: 12px; padding-top: 10px; }
.operations-activity summary, .operation-release summary { cursor: pointer; font-size: 12px; }
.operations-resolution-actions { align-items: center; background: #f8f8f5; border: 1px solid var(--line); border-radius: 8px; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; padding: 11px; }
.operations-resolution-actions small { color: var(--muted); flex-basis: 100%; }
.post-release-check { align-items: center; border-bottom: 1px solid #eef0ee; display: flex; justify-content: space-between; padding: 8px 2px; }
.post-release-check strong, .post-release-check small { display: block; }
.post-release-check small { color: var(--muted); font-size: 11px; margin-top: 3px; }
.post-release-check.is-passed { color: #486b55; }
.post-release-check.is-failed { color: #8a3e39; }
.operations-analytics-summary { background: #f8f9f8; border: 1px solid var(--line); border-radius: 8px; margin-top: 12px; padding: 14px; }
.operations-analytics-summary h3 { margin: 2px 0; }
.operations-analytics-summary > div:first-child small { color: var(--muted); }
.operations-analytics-grid { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 12px; }
.operations-analytics-grid span { background: #fff; border: 1px solid var(--line); border-radius: 5px; padding: 8px; }
.operations-analytics-grid small, .operations-analytics-grid strong { display: block; }
.operations-analytics-grid small { color: var(--muted); font-size: 11px; }
.operations-analytics-grid strong { margin-top: 3px; }
.lifecycle-work-distribution { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.lifecycle-work-distribution span { background: #fff; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 11px; padding: 4px 8px; }
.lifecycle-work-distribution strong { color: var(--ink); margin-left: 4px; }
.task-execution-actions { align-items: flex-start; background: #f7f8f7; border: 1px solid var(--line); border-radius: 7px; display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 14px; padding: 10px; }
.task-execution-actions > div { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; }
.task-execution-actions code { overflow-wrap: anywhere; }
.task-execution-actions small { color: var(--muted); flex-basis: 100%; }

@media (max-width: 780px) {
  .first-run-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .triage-layout { grid-template-columns: 1fr; }
  .operations-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .operations-lists { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .first-run-home { margin-top: 6px; }
  .first-run-card, .project-first-actions, .release-handoff-card { align-items: stretch; flex-direction: column; }
  .first-run-card > div { align-items: flex-start; }
  .first-run-steps { grid-template-columns: 1fr; }
  .first-run-steps li { padding: 9px 3px; }
  .lifecycle-control { display: flex; }
  .lifecycle-control > span { display: none; }
  .lifecycle-control select { max-width: 106px; }
  .triage-fields { grid-template-columns: 1fr; }
  .triage-advanced-fields { grid-template-columns: 1fr; }
  .operations-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .next-action-row { grid-template-columns: 24px minmax(0, 1fr); }
  .next-action-row > .status-tag { grid-column: 2; justify-self: start; }
  .operations-resolution-actions { align-items: flex-start; flex-direction: column; }
}