/* Keep review actions visible in both embedded console versions. */ #stage .review-summary { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 18px; } #stage .review-summary-item { display:flex; align-items:center; gap:10px; padding:12px 16px; min-height:48px; border:1px solid #d4deed; border-radius:14px; color:#435572; background:#f5f8ff; font:inherit; cursor:pointer; } #stage .review-summary-item svg { width:18px; height:18px; flex:none; } #stage .review-summary-item b { font-size:20px; } #stage .review-summary-item.has-pending { background:#fff5df; color:#875600; border-color:#e5bd64; } #stage .review-summary-link { font-size:12px; margin-left:12px; } #stage .queue-filters { flex-wrap:wrap; } #stage .queue-filters .filter-pill { padding:0 12px; } #stage .queue-row.review-pending .q-copy > span, #stage .queue-row.human-pending .q-copy > span { color:#9b6000; font-weight:700; } #stage .queue-row.review-pending .q-copy i, #stage .queue-row.human-pending .q-copy i { background:#df9300; } #stage .task-review-hint { margin:12px 0; } #stage .task-review-hint > div { min-width:0; } #stage .task-review-hint p { margin:5px 0 0; line-height:1.6; overflow-wrap:anywhere; } #stage .task-review-hint strong { font-size:14px; color:#875600; } #stage .answer-empty { color:var(--muted); } #stage .queue-task-detail .answer-block { max-height:320px; overflow:auto; white-space:normal; overflow-wrap:anywhere; } #stage .queue-task-detail .task-actions { margin-top:17px; flex-wrap:wrap; } #stage .review-approve { min-height:38px; } #stage .task-card { min-height:0; } /* Counts remain legible in logical CSS pixels at every display scale. */ #stage .nav-icon { position:relative; } #stage .nav-attention-badge { position:absolute; top:-4px; right:-9px; z-index:2; display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:22px; height:22px; padding:0 5px; border:2px solid white; border-radius:999px; background:#e6374f; color:white; font-size:11px; font-weight:700; line-height:18px; font-variant-numeric:tabular-nums; pointer-events:none; } #stage .nav-attention-badge[hidden] { display:none; } /* Explicit review-reminder recipient identity; IDs stay readable at every DPI. */ #stage .assistant-recipient-card { display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; margin:14px 0; padding:16px; border:1px solid #c4d5f0; border-radius:14px; background:#f5f8ff; color:var(--ink); min-width:0; } #stage .assistant-recipient-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; background:#e4edff; color:#355da8; } #stage .assistant-recipient-icon svg { width:22px; height:22px; } #stage .assistant-recipient-copy { min-width:0; } #stage .assistant-recipient-heading { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin-bottom:8px; } #stage .assistant-recipient-tag { display:inline-block; padding:3px 8px; border-radius:6px; background:#e4edff; color:#35558d; font-size:12px; font-weight:700; line-height:1.5; } #stage .assistant-recipient-kind { color:var(--muted); font-size:12px; } #stage .assistant-recipient-name { display:block; color:var(--ink); font-size:18px; font-weight:700; line-height:1.5; white-space:normal; overflow-wrap:anywhere; } #stage .assistant-recipient-name.is-unknown { color:#875600; font-size:16px; } #stage .assistant-recipient-identity { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; margin-top:7px; font-size:13px; line-height:1.6; color:var(--muted); min-width:0; } #stage .assistant-recipient-id { font-family:ui-monospace,Consolas,monospace; font-size:13px; color:#566786; font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere; word-break:break-word; min-width:0; max-width:100%; } #stage .assistant-recipient-card.is-empty { background:#f8f9fc; border-color:#d9e0eb; } @media (max-width:640px) { #stage .assistant-recipient-card { grid-template-columns:32px minmax(0,1fr); gap:10px; padding:12px; } #stage .assistant-recipient-icon { width:32px; height:32px; } }