/* Shared visual grammar for work, ownership, urgency, and project identity. */
.ui-icon { align-items: center; display: inline-block; fill: none; flex: 0 0 16px; height: 16px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; vertical-align: -3px; width: 16px; }
.icon-label { align-items: center; display: inline-flex; gap: 4px; min-width: 0; vertical-align: middle; }
.icon-label .ui-icon { flex-basis: 14px; height: 14px; width: 14px; }
.metric-icon .ui-icon, .metric-card-heading .ui-icon { height: 16px; width: 16px; }
.button > .ui-icon, .button .ui-icon { margin-right: 4px; }
.task-title-line { align-items: center; display: inline-flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.task-title-line .task-title-button { min-width: 0; }
.task-master-table .task-title-line.is-task-list-line { display: flex; flex-wrap: nowrap; gap: 6px; min-width: 0; width: 100%; }
.task-master-table .is-task-list-line > .task-title-button { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-master-table .is-task-list-line > .task-meta-signals.is-compact { flex: 0 1 auto; margin: 0; max-width: 42%; }
.task-type-mark { align-items: center; gap: 4px; }
.task-type-mark .ui-icon { flex-basis: 14px; height: 14px; width: 14px; }
.task-type-bug { color: #934c43; }
.task-type-feature, .task-type-improvement { color: #496b56; }
.task-type-research { color: #586d79; }
.status-control-mark { align-items: center; display: inline-flex; gap: 5px; }
.status-control-mark > .ui-icon { color: #697975; flex-basis: 14px; height: 14px; width: 14px; }
.status-control-mark:has(.status-blocked) > .ui-icon, .status-blocked + .ui-icon { color: #a34e44; }
.priority-text { align-items: center; gap: 4px; }
.priority-text .ui-icon { flex-basis: 14px; height: 14px; width: 14px; }
.priority-urgent .ui-icon, .priority-high .ui-icon { color: #a55045; }
.priority-medium .ui-icon { color: #947337; }
.priority-low .ui-icon { color: #66736c; }
.status-tag .ui-icon { flex-basis: 13px; height: 13px; width: 13px; }
.status-tag.status-done .ui-icon, .status-tag.status-completed .ui-icon, .status-tag.status-verified .ui-icon { color: #4f755d; }
.status-tag.status-blocked .ui-icon, .status-tag.status-failed .ui-icon { color: #9e4e45; }
.status-tag.status-in_review .ui-icon, .status-tag.status-waiting_human .ui-icon, .status-tag.status-pending .ui-icon { color: #8a6a31; }
.date-mark { align-items: center; display: inline-flex; gap: 4px; white-space: nowrap; }
.date-mark .ui-icon { flex-basis: 13px; height: 13px; width: 13px; }
.date-overdue { color: #a34e44; font-weight: 600; }
.date-today, .date-soon { color: #8b6e38; }
.task-meta-signals { align-items: center; display: flex; flex-wrap: wrap; gap: 4px 8px; margin-top: 4px; min-width: 0; }
.task-meta-signals.is-compact { flex-wrap: nowrap; gap: 7px; margin-top: 2px; max-height: 17px; overflow: hidden; white-space: nowrap; }
.task-meta-signals.is-compact .task-meta-signal { max-width: 55px; }
.task-meta-signals.is-compact .assignee-visual { flex: 0 1 auto; font-size: 11px; max-width: 135px; }
.task-meta-signals.is-compact .actor-mark { flex-basis: 16px; height: 16px; width: 16px; }
.task-meta-signals.is-compact .actor-mark .ui-icon { flex-basis: 11px; height: 11px; width: 11px; }
.task-meta-signal { align-items: center; color: #687670; display: inline-flex; font-size: 11px; gap: 3px; line-height: 1.35; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-meta-signal .ui-icon { flex-basis: 13px; height: 13px; width: 13px; }
.task-meta-signal:has(.ui-icon use[href$="#status-blocked"]) { color: #9a4c43; }
.assignee-visual { align-items: center; display: inline-flex; gap: 5px; min-width: 0; vertical-align: middle; }
.assignee-visual > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.actor-mark { align-items: center; background: #eef1ee; border: 1px solid #d9e0db; border-radius: 50%; color: #53665a; display: inline-flex; flex: 0 0 19px; font-size: 10px; font-weight: 600; height: 19px; justify-content: center; line-height: 1; width: 19px; }
.actor-mark .ui-icon { flex-basis: 13px; height: 13px; width: 13px; }
.actor-agent { background: #edf0f1; border-color: #d8e0e2; border-radius: 3px; color: #536c77; }
.actor-human { font-variant-east-asian: full-width; }
.project-identity { align-items: center; background: #edf1ee; border: 1px solid #d8e0da; border-radius: 3px; color: #53695b; display: inline-flex; flex: 0 0 auto; gap: 4px; height: 26px; justify-content: center; min-width: 26px; padding: 0 4px; vertical-align: middle; }
.project-identity .ui-icon { flex-basis: 14px; height: 14px; width: 14px; }
.project-identity > span:last-child { font-size: 9px; font-weight: 600; line-height: 1; }
.project-identity.is-compact { height: 22px; min-width: 22px; padding: 0 3px; }
.project-identity.is-compact .ui-icon { flex-basis: 13px; height: 13px; width: 13px; }
.project-identity.is-compact > span:last-child { display: none; }
.project-identity.tone-0, .project-directory-icon.tone-0 { background: #edf1ee; border-color: #d6e0d8; color: #536b5a; }
.project-identity.tone-1, .project-directory-icon.tone-1 { background: #edf1f2; border-color: #d8e1e3; color: #536d77; }
.project-identity.tone-2, .project-directory-icon.tone-2 { background: #f3f0e8; border-color: #e3ddca; color: #78693e; }
.project-identity.tone-3, .project-directory-icon.tone-3 { background: #eef0ec; border-color: #d9ded5; color: #606e50; }
.project-identity.tone-4, .project-directory-icon.tone-4 { background: #efefed; border-color: #dcdedb; color: #5e6864; }
.project-name-with-mark { align-items: center; display: inline-flex; gap: 6px; min-width: 0; }
.review-card-context { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; }
.review-card-context .project-identity { height: 18px; min-width: 18px; }
.review-card-context .project-identity .ui-icon { height: 12px; width: 12px; }
.review-main > small .ui-icon { height: 13px; margin: 0 2px; width: 13px; }
.review-meta { align-items: center; }
.review-meta .risk-tag { align-items: center; display: inline-flex; gap: 3px; }
.review-meta .risk-tag .ui-icon { height: 12px; width: 12px; }
.project-health-card > .project-identity { align-self: start; flex-basis: 27px; height: 27px; margin-right: 8px; width: 27px; }
.project-directory-icon { align-items: center; border: 1px solid #d6e0d8; border-radius: 3px; display: inline-flex; gap: 3px; height: 32px; justify-content: center; width: 42px; }
.project-directory-icon .ui-icon { height: 15px; width: 15px; }
.project-directory-icon b { font-size: 9px; font-weight: 600; }
.project-directory-next > .ui-icon, .project-directory-alerts .ui-icon, .project-directory-facts .ui-icon { height: 13px; margin-right: 3px; width: 13px; }
.project-favorite { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 3px; color: #7b8780; display: inline-flex; height: 27px; justify-content: center; padding: 4px; width: 27px; }
.project-favorite:hover, .project-favorite:focus-visible { background: #f0f2ef; border-color: #e4e2dc; color: #42594a; }
.project-favorite.is-favorite { color: #8b713c; }
.project-favorite.is-favorite .ui-icon { fill: currentColor; }
.project-favorite .ui-icon { height: 14px; width: 14px; }
.sidebar-project-group { display: grid; gap: 2px; margin: 7px 0 10px; }
.sidebar-project-group > small { color: #7b8781; font-size: 10px; padding: 3px 6px; }
.project-shortcut-item { align-items: center; display: flex; min-width: 0; }
.project-shortcut-item .project-shortcut { flex: 1 1 auto; min-width: 0; }
.project-shortcut-item .project-shortcut > span:nth-child(2) { flex: 1 1 auto; }
.project-shortcut-item .project-favorite { flex: 0 0 25px; height: 25px; opacity: .78; width: 25px; }
.project-shortcut-item .project-shortcut:hover + .project-favorite, .project-shortcut-item .project-favorite:hover, .project-shortcut-item .project-favorite:focus-visible { opacity: 1; }
.project-shortcut .project-identity { flex-basis: 23px; height: 23px; min-width: 23px; }
.project-shortcut .project-identity .ui-icon { flex-basis: 12px; height: 12px; width: 12px; }
.project-shortcut .project-identity > span:last-child { display: none; }
.project-group .ui-icon, .project-tab .ui-icon { height: 14px; margin-right: 5px; vertical-align: -3px; width: 14px; }
.search-result-type { align-items: center; display: inline-flex; gap: 5px; }
.search-result-type .ui-icon { height: 15px; width: 15px; }
.task-card-head .type-tag { margin-right: auto; }
.task-card-head .task-key { margin-right: 2px; }
.task-card .priority-text { flex: 0 0 auto; }
.task-card-menu > summary { align-items: center; display: flex; height: 25px; justify-content: center; list-style: none; width: 28px; }
.task-card-menu > summary::-webkit-details-marker { display: none; }
.task-card-menu > summary .ui-icon { height: 15px; width: 15px; }
.task-card-menu .task-card-quick-actions { border: 1px solid #d8dfdb; border-radius: 3px; padding: 7px; }
.task-card-menu .task-card-quick-actions > button { min-height: 28px; }
.board-column-head > div { align-items: center; display: flex; gap: 6px; }
.board-column-head > div > .ui-icon { color: #65776c; height: 15px; width: 15px; }
.board-quick-add { align-items: center; background: transparent; border: 1px solid #e4e2dc; border-radius: 3px; color: #58685e; display: inline-flex; height: 25px; justify-content: center; width: 27px; }
.board-quick-add:hover, .board-quick-add:focus-visible { background: #e8eef2; border-color: #b9c8be; }
.board-quick-add .ui-icon { height: 15px; width: 15px; }
.board-column.is-drop-target { background: #eef3ef; border-color: #8da798; outline: 2px solid #8da798; outline-offset: -2px; }
.task-card[draggable="true"] { cursor: grab; }
.task-card[draggable="true"]:active { cursor: grabbing; opacity: .72; }
.backlog-item > label.backlog-field-mark { align-items: center; display: inline-flex; gap: 5px; min-width: 0; }
.backlog-item > label.backlog-field-mark > .ui-icon { color: #65736b; flex: 0 0 14px; height: 14px; width: 14px; }
.backlog-item-meta { align-items: center; display: flex; flex-wrap: wrap; gap: 4px; }
.backlog-item-meta .assignee-visual { font-size: 11px; }
.run-result-icon .ui-icon, .run-summary-icon .ui-icon { height: 17px; width: 17px; }
.run-result-icon.is-failed .ui-icon, .run-summary-failed .ui-icon { color: #a34e44; }
.run-result-icon.is-running .ui-icon, .run-summary-live .ui-icon { color: #597381; }
.run-result-icon.is-complete .ui-icon, .run-summary-done .ui-icon { color: #56755e; }
.task-breadcrumb { align-items: center; color: #718079; display: flex; flex-wrap: wrap; font-size: 11px; gap: 5px; margin: 0 0 6px; }
.task-breadcrumb .ui-icon { height: 12px; width: 12px; }
.task-breadcrumb button { background: transparent; border: 0; color: #546a5c; cursor: pointer; padding: 0; }
.task-breadcrumb button:hover { text-decoration: underline; }
.task-breadcrumb-current { color: #34443c; font-weight: 600; }
.detail-field > span .ui-icon { height: 13px; margin-right: 4px; width: 13px; }
.review-type-label { color: #536b5d; }
.metric-review-list > span, .attention-summary-row, .attention-clear > span { align-items: center; }
.attention-symbol .ui-icon, .attention-clear .ui-icon { height: 16px; width: 16px; }
.flow-step-icon .ui-icon { height: 14px; width: 14px; }
.flow-step::after { border-right: 1px solid #97a69e; border-top: 1px solid #97a69e; content: ""; height: 5px; right: -4px; top: 18px; transform: rotate(45deg); width: 5px; }
.review-workflow-step i .ui-icon { flex-basis: 10px; height: 10px; vertical-align: 0; width: 10px; }
.review-workflow-connector .ui-icon { color: #8c9b92; flex-basis: 12px; height: 12px; width: 12px; }
.button kbd { background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.3); border-radius: 2px; color: inherit; font-size: 10px; margin-left: 3px; padding: 0 3px; }
.rail-link:focus-visible, .project-favorite:focus-visible, .board-quick-add:focus-visible, .task-card-menu > summary:focus-visible { outline: 2px solid #356b50; outline-offset: 2px; }
.task-title-button:focus-visible, [data-open-task]:focus-visible { outline: 2px solid #356b50; outline-offset: 2px; }
@media (max-width: 720px) {
  .project-favorite { height: 24px; width: 24px; }
  .task-meta-signals { gap: 4px 6px; }
  .task-meta-signal { font-size: 10px; }
  .task-card-head { gap: 4px; }
  .task-card-head .type-tag { max-width: 92px; overflow: hidden; text-overflow: ellipsis; }
  .backlog-item > label.backlog-field-mark { gap: 3px; }
  .backlog-item > label.backlog-field-mark > .ui-icon { display: none; }
  .button kbd { display: none; }
}
.analytics-panel { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 16px; }
.analytics-panel .section-title { align-items: center; }
.analytics-range { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.analytics-range .button[aria-pressed="true"] { background: #e9ece9; border-color: #aab3ac; color: #26332b; }
.analytics-filters { align-items: end; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.analytics-filters > label { color: var(--muted); display: grid; font-size: 11px; gap: 3px; min-width: 132px; }
.analytics-filters select { background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--ink); font: inherit; font-size: 12px; height: 31px; max-width: 220px; padding: 0 7px; }
.analytics-filters select:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.analytics-metric-grid { background: transparent; border: 0; display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px; }
.analytics-metric { align-items: flex-start; background: var(--surface); border: 1px solid var(--line); display: flex; gap: 9px; min-height: 76px; padding: 11px; }
.analytics-metric-icon { align-items: center; background: #f2f4f2; color: #566359; display: inline-flex; height: 27px; justify-content: center; width: 27px; }
.analytics-metric-icon .ui-icon { height: 15px; width: 15px; }
.analytics-metric small, .analytics-metric strong, .analytics-metric em { display: block; font-style: normal; }
.analytics-metric small { color: var(--muted); font-size: 11px; }
.analytics-metric strong { font-size: 18px; font-variant-numeric: tabular-nums; font-weight: 600; line-height: 1.35; }
.analytics-metric em { color: var(--muted); font-size: 10px; margin-top: 2px; }
.analytics-note { color: #775d2f; font-size: 11px; margin: 8px 0 0; }
.analytics-detail-grid { display: grid; gap: 18px 26px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 15px; }
.analytics-detail-grid h3 { border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 600; margin: 0 0 4px; padding-bottom: 7px; }
.analytics-agent-row { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 8px; grid-template-columns: minmax(80px, 1fr) auto auto; padding: 7px 2px; }
.analytics-agent-row strong { font-size: 12px; font-weight: 500; }
.analytics-agent-row span, .analytics-agent-row small { color: var(--muted); font-size: 10px; }
.analytics-bottleneck { align-items: center; border-bottom: 1px solid var(--line); display: flex; font-size: 11px; gap: 8px; padding: 8px 2px; }
.analytics-bottleneck i { background: #b57b35; height: 7px; width: 7px; }

/* Focus Mode: dense, keyboard-friendly review workspace. */
.focus-page { min-width: 0; }
.focus-head-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.focus-queue-summary { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.focus-workspace { align-items: start; display: grid; gap: 12px; grid-template-columns: minmax(245px, 27%) minmax(0, 1fr); }
.focus-queue, .focus-current, .focus-section, .diagnostic-tile { background: var(--surface); border: 1px solid var(--line); min-width: 0; }
.focus-queue { position: sticky; top: 10px; }
.focus-queue-heading { align-items: center; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding: 11px 12px; }
.focus-queue-heading strong { font-size: 13px; font-weight: 600; }
.focus-queue-heading span { color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.focus-queue-list { max-height: calc(100vh - 255px); overflow: auto; }
.focus-queue-list .review-row { border: 0; border-bottom: 1px solid var(--line); border-left: 3px solid transparent; border-radius: 0; min-height: 90px; }
.focus-queue-list .review-row.is-selected { background: #f1f4f1; border-left-color: var(--accent); }
.focus-current { padding: 12px; }
.focus-navigation { align-items: center; border-bottom: 1px solid var(--line); display: flex; gap: 6px; margin: -12px -12px 12px; padding: 8px 12px; }
.focus-navigation span { color: var(--muted); flex: 1; font-size: 11px; text-align: center; }
.focus-summary { border-bottom: 1px solid var(--line); padding: 0 0 12px; }
.focus-context-line, .focus-badges { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; }
.focus-context-line { color: var(--muted); font-size: 12px; }
.focus-context-line strong { color: var(--ink); font-weight: 500; }
.focus-summary h2 { font-size: 20px; font-weight: 600; line-height: 1.35; margin: 9px 0 4px; }
.focus-summary > p { color: var(--muted); font-size: 13px; margin: 0 0 10px; }
.focus-meta-chip { align-items: center; border: 1px solid var(--line); color: var(--muted); display: inline-flex; font-size: 11px; gap: 4px; min-height: 24px; padding: 2px 6px; }
.focus-meta-chip .ui-icon { height: 13px; width: 13px; }
.focus-why { background: #f5f6f4; border-left: 3px solid #89968b; display: grid; gap: 3px; margin-top: 10px; padding: 8px 10px; }
.focus-why strong { font-size: 11px; font-weight: 600; }
.focus-why span { font-size: 12px; line-height: 1.45; }
.focus-detail-grid { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px; }
.focus-section { padding: 10px; }
.focus-section .section-title { align-items: center; margin-bottom: 7px; }
.focus-section .section-title h2, .focus-section h2 { font-size: 14px; font-weight: 600; margin: 0; }
.focus-section .section-title p { color: var(--muted); font-size: 11px; margin: 2px 0 0; }
.focus-file-list, .focus-status-list { display: grid; gap: 0; }
.focus-file-row, .focus-status-row { align-items: center; border-bottom: 1px solid var(--line); display: grid; font-size: 11px; gap: 7px; grid-template-columns: minmax(0, 1fr) auto auto auto; min-height: 29px; padding: 4px 2px; }
.focus-file-row .mono, .focus-commit-line code, .focus-compare-grid code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.focus-file-row > span:nth-child(2), .focus-file-row small, .focus-status-row small { color: var(--muted); font-size: 10px; }
.focus-status-row { grid-template-columns: 16px minmax(55px, .45fr) minmax(0, 1fr) auto; }
.focus-status-row strong { font-size: 11px; font-weight: 500; }
.focus-status-row > span:nth-of-type(2) { overflow-wrap: anywhere; }
.focus-status-command { color: var(--muted); display: block; font-size: 10px; margin-top: 2px; overflow-wrap: anywhere; }
.focus-status-glyph .ui-icon { height: 14px; width: 14px; }
.focus-status-row.is-positive .focus-status-glyph { color: #3c7153; }
.focus-status-row.is-negative .focus-status-glyph { color: #a04b42; }
.focus-status-row.is-muted .focus-status-glyph { color: #69746c; }
.focus-commit-line { align-items: center; color: var(--muted); display: flex; flex-wrap: wrap; font-size: 10px; gap: 5px; margin-top: 8px; }
.focus-commit-line code, .focus-compare-grid code { background: #f2f4f2; color: var(--ink); max-width: 170px; padding: 3px 5px; }
.focus-missing, .focus-history, .focus-rework { margin-top: 10px; }
.focus-missing ul { display: grid; gap: 4px; margin: 7px 0 0; padding-left: 18px; }
.focus-missing li { font-size: 12px; }
.focus-clear { color: #3d6b4d; font-size: 12px; margin: 5px 0 0; }
.focus-history { border: 1px solid var(--line); padding: 8px 10px; }
.focus-history summary { cursor: pointer; font-size: 12px; font-weight: 500; }
.focus-history .decision-item { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 7px; }
.focus-rework blockquote { border-left: 3px solid #b78d4f; color: var(--ink); font-size: 12px; margin: 7px 0; padding: 3px 9px; }
.focus-compare-grid { display: grid; gap: 6px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.focus-compare-grid > span { border: 1px solid var(--line); display: grid; gap: 4px; min-width: 0; padding: 6px; }
.focus-compare-grid small { color: var(--muted); font-size: 10px; }
.focus-compare-grid strong { font-size: 11px; font-weight: 500; }
.focus-decision { background: #faf9f6; border: 1px solid var(--line-strong); margin-top: 10px; padding: 10px; }
.focus-decision-fields { display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) 170px; }
.focus-decision-fields label { color: var(--ink); display: grid; font-size: 11px; gap: 4px; }
.focus-decision-fields textarea, .focus-decision-fields input { background: #fff; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); font: inherit; font-size: 12px; min-height: 34px; padding: 6px 8px; width: 100%; }
.focus-decision-fields textarea { min-height: 56px; resize: vertical; }
.focus-rework-instruction { grid-column: 1 / -1; }
.focus-decision-actions { border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; padding-top: 9px; }
.focus-empty { margin: 18px 0; padding: 28px; }
.diagnostics-page { min-width: 0; }
.diagnostics-grid { display: grid; gap: 1px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.diagnostic-tile { display: grid; gap: 5px; padding: 11px; }
.diagnostic-tile small { color: var(--muted); font-size: 11px; }
.diagnostic-tile strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.diagnostics-section { margin-top: 12px; }
.diagnostics-section code { font-size: 10px; overflow-wrap: anywhere; }
.focus-page :focus-visible, .diagnostics-page :focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.release-snapshot { border: 1px solid var(--line); margin: 10px 0; padding: 8px; }
.release-snapshot > summary { color: #405347; cursor: pointer; font-size: 12px; font-weight: 600; }
.release-snapshot-grid { display: grid; gap: 6px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 8px; }
.release-snapshot-grid span { background: #f5f7f5; border: 1px solid var(--line); display: grid; font-size: 10px; gap: 3px; padding: 6px; }
.release-snapshot-grid strong { color: var(--ink); font-size: 12px; font-weight: 600; }
.release-snapshot-section { border-top: 1px solid var(--line); display: grid; gap: 4px; margin-top: 8px; padding-top: 7px; }
.release-snapshot-section > strong { color: var(--ink); font-size: 11px; font-weight: 600; }
.release-snapshot-section > small { color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
@media (max-width: 780px) { .analytics-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .analytics-panel .section-title { align-items: flex-start; flex-direction: column; gap: 10px; } .analytics-filters { justify-content: flex-start; width: 100%; } .analytics-filters select { max-width: 100%; } .analytics-detail-grid { grid-template-columns: 1fr; } .analytics-agent-row { gap: 4px; grid-template-columns: 1fr auto; } .analytics-agent-row small { grid-column: 1 / -1; } .release-snapshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .focus-workspace { grid-template-columns: minmax(0, 1fr); } .focus-queue { position: static; } .focus-queue-list { display: flex; max-height: 210px; overflow: auto; } .focus-queue-list .review-row { flex: 0 0 min(310px, 84vw); } .diagnostics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .focus-head-actions { justify-content: flex-start; } .focus-queue-list .review-row { flex-basis: min(280px, 82vw); } .focus-current { padding: 8px; } .focus-navigation { margin: -8px -8px 8px; padding: 7px; } .focus-navigation span { font-size: 10px; } .focus-detail-grid { grid-template-columns: 1fr; } .focus-summary h2 { font-size: 17px; } .focus-compare-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .focus-decision-fields { grid-template-columns: minmax(0, 1fr); } .focus-rework-instruction { grid-column: auto; } .focus-decision-actions .button { flex: 1 1 calc(50% - 6px); } .diagnostics-grid { grid-template-columns: 1fr 1fr; } }