75 lines
4.0 KiB
CSS
75 lines
4.0 KiB
CSS
/* 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; }
|
|
}
|