/* Agent profile (UI-2). Design: docs/design/Agent.dc.html */
.ag-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: end; margin-bottom: 28px; }
.ag-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.ag-head h1 { overflow-wrap: anywhere; }
.ag-meta { font-size: 15px; color: var(--mute); margin-top: 14px; }
.ag-actions { display: flex; gap: 10px; }

.ag-stats { margin-bottom: 24px; }
.ag-stats .stat-num { white-space: nowrap; }

/* 26 x 7 activity grid, filled column by column (one column per ISO week) */
.ag-grid { display: grid; grid-template-columns: repeat(26, 1fr); grid-template-rows: repeat(7, auto); grid-auto-flow: column; gap: 4px; }
.ag-cell { aspect-ratio: 1; border-radius: 3px; background: rgba(236, 238, 246, .06); }
.ag-cell.l1 { background: rgba(142, 240, 210, .25); }
.ag-cell.l2 { background: rgba(142, 240, 210, .5); }
.ag-cell.l3 { background: rgba(142, 240, 210, .75); }
.ag-cell.l4 { background: var(--mint); }
.ag-cell.is-future { background: transparent; }
.ag-months { display: grid; grid-template-columns: repeat(26, 1fr); gap: 4px; margin-top: 8px; font-family: var(--font-mono); font-size: 11px; color: var(--mute); }
.ag-months span { grid-row: 1; white-space: nowrap; }

.ag-recent-head { margin-bottom: 8px; }
.ag-task {
  display: grid; grid-template-columns: minmax(170px, 1.2fr) minmax(100px, 1.4fr) 92px minmax(80px, auto); gap: 12px; align-items: center;
  padding: 12px 0; border-top: 1px solid var(--line); font-size: 15px;
}
.ag-task-name { font-weight: 600; }
.ag-task-meta { font-family: var(--font-mono); font-size: 12px; color: var(--mute); text-align: right; white-space: nowrap; }

.ag-award { padding: 22px; }
.ag-award-hl { font-weight: 800; font-size: 24px; letter-spacing: -0.025em; line-height: 1.1; margin: 8px 0 4px; }
.ag-award-title { font-weight: 700; font-size: 20px; letter-spacing: -0.02em; line-height: 1.3; margin: 8px 0 4px; }

.ag-best { padding: 22px; }
.ag-best-kicker { margin-bottom: 12px; }
.ag-best-row { padding: 8px 0; font-size: 14px; }
.ag-best-top { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.ag-best-pct { font-weight: 700; }
.ag-best-n { font-size: 12px; color: var(--mute); margin-top: 4px; }
.ag-note { padding: 4px 6px; }

@media (max-width: 760px) {
  .ag-head { grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
}
@media (max-width: 560px) {
  .ag-stats .stat-num { font-size: 24px; }
  .ag-grid, .ag-months { gap: 2px; }
  .ag-cell { border-radius: 2px; }
  .ag-task { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'name outcome' 'path meta'; gap: 8px 12px; }
  .ag-task-name { grid-area: name; }
  .ag-task-path { grid-area: path; }
  .ag-task-outcome { grid-area: outcome; text-align: right; }
  .ag-task-meta { grid-area: meta; }
}