feat: apply B-147 visual tokens to screener, review and account surfaces

Unify intelligent screener, review workspace, and account/admin chrome with shared tokens, table density, and left-aligned first columns.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
MS-01-Codex
2026-08-20 06:39:25 +08:00
co-authored by Cursor multica-agent
parent ee37223722
commit 22d4dcd339
7 changed files with 394 additions and 293 deletions
+28 -26
View File
@@ -10,7 +10,9 @@
.dialog-header h2 {
margin: 2px 0px 0px;
font-size: 19px;
font-size: 16px;
font-weight: var(--font-weight-semibold);
letter-spacing: 0px;
}
@@ -36,9 +38,9 @@
}
.admin-dialog .model-row {
border-color: rgb(223, 228, 234);
border-color: var(--border);
border-radius: 7px;
border-radius: 8px;
background: var(--surface-subtle);
}
@@ -240,11 +242,11 @@
}
.alert-button.has-alerts {
border-color: rgb(214, 180, 93);
border-color: var(--warning-color);
background: rgb(255, 249, 233);
background: var(--warning-soft);
color: rgb(138, 97, 0);
color: var(--warning-color);
}
.alert-badge {
@@ -526,17 +528,17 @@
}
.assistant-message.user .assistant-message-content {
border-color: rgb(190, 210, 235);
border-color: var(--color-action-line);
background: var(--action-soft);
}
.assistant-message.is-error .assistant-message-content {
border-color: rgb(239, 197, 200);
border-color: var(--market-up);
background: var(--market-up-soft);
color: rgb(139, 47, 52);
color: var(--market-up);
}
.assistant-message-content p {
@@ -778,7 +780,7 @@
gap: 16px;
padding: 14px 18px;
padding: 20px;
min-height: 62px;
@@ -786,7 +788,7 @@
}
.assistant-dialog {
border-radius: 9px;
border-radius: 12px;
width: min(820px, -32px + 100vw);
@@ -796,9 +798,9 @@
}
.dialog-eyebrow {
color: var(--text-muted);
color: var(--text-3);
font-size: 12px;
font-size: var(--font-size-caption);
}
.global-search-dialog {
@@ -806,7 +808,7 @@
border-radius: 8px;
box-shadow: rgba(26, 37, 47, 0.22) 0px 22px 70px, rgba(26, 37, 47, 0.1) 0px 3px 14px;
box-shadow: var(--shadow-float);
max-width: 700px;
@@ -892,13 +894,13 @@
font: 11px / 1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
border-color: rgb(214, 221, 229);
border-color: var(--border-strong);
border-radius: 5px;
background: rgb(247, 248, 250);
background: var(--surface-subtle);
color: rgb(125, 136, 150);
color: var(--text-tertiary);
}
.global-search-results {
@@ -920,7 +922,7 @@
padding: 9px 10px 5px;
color: rgb(135, 146, 160);
color: var(--text-tertiary);
font-size: 10px;
}
@@ -957,9 +959,9 @@
.global-search-result.is-active,
.global-search-result:hover {
background: rgb(238, 244, 255);
background: var(--action-soft);
color: rgb(31, 85, 165);
color: var(--action);
}
.global-search-result-icon {
@@ -973,7 +975,7 @@
color: var(--text-muted);
border-color: rgb(224, 229, 235);
border-color: var(--border);
border-radius: 7px;
@@ -1003,7 +1005,7 @@
border-color: var(--dialog-line);
background: rgb(251, 252, 253);
background: var(--surface-subtle);
}
.alerts-dialog .alert-form {
@@ -1077,7 +1079,7 @@
padding: 16px 18px;
background: rgb(247, 249, 251);
background: var(--surface-subtle);
}
.assistant-dialog .assistant-message {
@@ -1087,9 +1089,9 @@
}
.assistant-dialog .assistant-message-content {
border-color: rgb(220, 227, 235);
border-color: var(--border);
border-radius: 7px;
border-radius: 8px;
font-size: 12.5px;
@@ -1197,7 +1199,7 @@
z-index: 95;
box-shadow: rgba(0, 0, 0, 0.12) -8px 0px 24px;
box-shadow: var(--shadow-float);
transition: right 0.25s;