create-pmos 0.512.0 → 0.514.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +27 -95
- package/payload/KIT-VERSION +1 -1
- package/payload/planning/evals/eval-calibration.md +1 -1
- package/payload/planning/okrs/health-budgets.md +1 -1
- package/payload/state/discoveries.md +1 -1
- package/workspace/briefing-premium-adddoc-test.js +3 -3
- package/workspace/briefing-premium-board-test.js +2 -2
- package/workspace/briefing-premium-initiative-test.js +3 -3
- package/workspace/briefing-premium-insights-test.js +2 -2
- package/workspace/briefing-premium-sources-test.js +4 -5
- package/workspace/briefing-premium-test.js +2 -2
- package/workspace/changelog.json +26 -0
- package/workspace/guide/home.md +1 -1
- package/workspace/intel-report-ui-test.js +1 -1
- package/workspace/intelligence-gaps-ui-test.js +1 -1
- package/workspace/lib/premium-console-type.js +15 -12
- package/workspace/lib/routes-boards.js +18 -6
- package/workspace/metric-drafts-ui-test.js +2 -2
- package/workspace/package-lock.json +2 -2
- package/workspace/package.json +1 -1
- package/workspace/premium-menu-rows-test.js +1 -1
- package/workspace/premium-vw-doc-test.js +1 -1
- package/workspace/public/pm/bd-pin-card.css +4 -4
- package/workspace/public/pm/bd-publish.css +11 -11
- package/workspace/public/pm/bd-shared.css +17 -17
- package/workspace/public/pm/c3-capture.css +9 -9
- package/workspace/public/pm/c3-initiatives.css +23 -23
- package/workspace/public/pm/c3-listen.css +1 -1
- package/workspace/public/pm/components.css +572 -572
- package/workspace/public/pm/console3.css +374 -373
- package/workspace/public/pm/cozy-adler.css +4 -4
- package/workspace/public/pm/cozy-aud.css +1 -1
- package/workspace/public/pm/cozy-board.css +328 -328
- package/workspace/public/pm/cozy-ev.css +78 -78
- package/workspace/public/pm/cozy-home-rows.css +32 -32
- package/workspace/public/pm/cozy-home.css +240 -240
- package/workspace/public/pm/cozy-insights.css +200 -200
- package/workspace/public/pm/cozy-live-pill.css +5 -5
- package/workspace/public/pm/cozy-mtg-present.css +28 -28
- package/workspace/public/pm/cozy-onboard.css +15 -15
- package/workspace/public/pm/cozy-panel.css +39 -39
- package/workspace/public/pm/cozy-pick.css +5 -5
- package/workspace/public/pm/cozy-rec-now.css +23 -23
- package/workspace/public/pm/cozy-rec-present.css +11 -11
- package/workspace/public/pm/cozy-rec-tab.css +13 -13
- package/workspace/public/pm/cozy-steps.css +14 -14
- package/workspace/public/pm/cozy-today.css +95 -95
- package/workspace/public/pm/cozy-viewer.css +27 -27
- package/workspace/public/pm/cozy-vw-mtg.css +113 -113
- package/workspace/public/pm/cozy-vw-rp.css +79 -79
- package/workspace/public/pm/cozy-vw-shell.css +43 -43
- package/workspace/public/pm/cozy-vw.css +129 -129
- package/workspace/public/pm/cozy-xv.css +15 -15
- package/workspace/public/pm/cozy.css +53 -21
- package/workspace/public/pm/dash-view.css +27 -27
- package/workspace/public/pm/hi-pop.css +26 -26
- package/workspace/public/pm/home-impact.css +8 -8
- package/workspace/public/pm/home-ini.css +36 -36
- package/workspace/public/pm/home-line.css +7 -7
- package/workspace/public/pm/impact.css +9 -9
- package/workspace/public/pm/ini-view.css +243 -243
- package/workspace/public/pm/load-shapes.css +1 -1
- package/workspace/public/pm/loose-props.css +14 -14
- package/workspace/public/pm/metric-drafts.css +20 -20
- package/workspace/public/pm/ms-suggest.css +9 -9
- package/workspace/public/pm/ov-view.css +14 -14
- package/workspace/public/pm/premium-insights.js +3 -3
- package/workspace/public/pm/premium-report-frame.css +1 -1
- package/workspace/public/pm/premium-report-intel.css +17 -17
- package/workspace/public/pm/premium-report-print.css +1 -1
- package/workspace/public/pm/premium-vw-backlog.css +13 -13
- package/workspace/public/pm/premium-vw-cal.css +32 -32
- package/workspace/public/pm/premium-vw-copy.css +7 -7
- package/workspace/public/pm/premium-vw-doc.css +69 -69
- package/workspace/public/pm/premium-vw-item.css +12 -12
- package/workspace/public/pm/premium-vw-jira.css +39 -39
- package/workspace/public/pm/premium-vw-meet.css +28 -28
- package/workspace/public/pm/premium-vw-notepad.css +13 -13
- package/workspace/public/pm/premium-vw-notes.css +11 -11
- package/workspace/public/pm/premium-vw-rec.css +27 -27
- package/workspace/public/pm/premium-vw-report.css +21 -21
- package/workspace/public/pm/premium-vw-slides.css +28 -28
- package/workspace/public/pm/premium.css +618 -618
- package/workspace/public/pm/prog-order.css +6 -6
- package/workspace/public/pm/prog-page.css +17 -17
- package/workspace/public/pm/program-charter.css +33 -33
- package/workspace/public/pm/ready-lib.css +6 -6
- package/workspace/public/pm/sort-order.css +1 -1
- package/workspace/public/pm/split-merge.css +18 -18
- package/workspace/public/pm/task-card.css +24 -24
- package/workspace/public/pm/tk-tasks.css +42 -42
- package/workspace/public/pm/tk-view.css +6 -6
- package/workspace/public/pm/wf-page.css +31 -31
- package/workspace/public/premium-aud.html +1 -1
- package/workspace/public/premium-board.html +1 -1
- package/workspace/public/premium-intelligence.html +1 -1
- package/workspace/public/premium-rec.html +1 -1
- package/workspace/public/premium-viewer.html +1 -1
- package/workspace/public/premium-workflows.html +1 -1
- package/workspace/public/premium.html +1 -1
- package/workspace/public/vendor/plus-jakarta-sans-var.woff2 +0 -0
- package/workspace/server.js +1 -0
- package/workspace/third-party/README.md +2 -1
- package/workspace/third-party/plus-jakarta-sans-OFL.LICENSE +93 -0
|
@@ -12,14 +12,15 @@
|
|
|
12
12
|
* White text on the blue accent and the alpha-mask colour read --on-accent and --mask from tokens.css; the scrim and shadow
|
|
13
13
|
* alphas stay as written. */
|
|
14
14
|
.c3{
|
|
15
|
-
--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px;
|
|
15
|
+
--fs-1:11px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:20px;--fs-6:28px; /* the old steps, still read by the few legacy rules that keep them (feedback batch 26 item 6) */
|
|
16
|
+
--fw-regular:400;--fw-strong:600;--fs-field:16px;--fs-display:26px;--fs-page:26px;--fs-panel:18px;--fs-section:15px;--fs-row:15px;--fs-body:15px;--fs-meta:13px;--fs-label:13px;--fs-badge:13px;--lh-display:1.2;--lh-page:1.2;--lh-panel:1.3;--lh-section:1.35;--lh-row:1.4;--lh-body:1.6;--lh-meta:1.5;--lh-label:1.35;--lh-badge:1.2;
|
|
16
17
|
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;
|
|
17
18
|
--acc:oklch(0.623 0.214 259.815);--accw:oklch(0.623 0.214 259.815 / 18%);
|
|
18
19
|
--sh1:0 1px 2px oklch(0 0 0 / 40%);
|
|
19
20
|
--sh2:0 2px 6px oklch(0 0 0 / 35%),0 14px 32px oklch(0 0 0 / 45%);
|
|
20
21
|
--sh3:0 8px 20px oklch(0 0 0 / 45%),0 32px 70px oklch(0 0 0 / 55%);
|
|
21
22
|
--hi:inset 0 1px 0 oklch(1 0 0 / 7%);
|
|
22
|
-
color:var(--foreground);font:var(--fs-
|
|
23
|
+
color:var(--foreground);font:var(--fs-body)/1.5 var(--sans);container-type:inline-size;min-width:0;
|
|
23
24
|
}
|
|
24
25
|
[data-pm-theme="light"] .c3,html[data-pm-page-theme="light"] .c3{
|
|
25
26
|
--acc:oklch(0.488 0.243 264.376);--accw:oklch(0.488 0.243 264.376 / 12%);
|
|
@@ -28,7 +29,7 @@
|
|
|
28
29
|
--sh3:0 6px 16px oklch(0.2 0.02 250 / 12%),0 28px 64px oklch(0.2 0.02 250 / 18%);
|
|
29
30
|
--hi:inset 0 1px 0 oklch(1 0 0 / 70%);
|
|
30
31
|
}
|
|
31
|
-
.c3 b,.c3 strong{font-weight:
|
|
32
|
+
.c3 b,.c3 strong{font-weight:var(--fw-strong)}
|
|
32
33
|
.c3 h1,.c3 h2,.c3 h3{line-height:1.3;text-wrap:balance}
|
|
33
34
|
.c3 [hidden]{display:none!important}
|
|
34
35
|
.c3 button{font:inherit;color:inherit;cursor:pointer}
|
|
@@ -47,15 +48,15 @@
|
|
|
47
48
|
.c3 .ib:hover{border-color:var(--ring)}
|
|
48
49
|
.c3 .chip2.lk:hover,.c3 .tt:hover{color:var(--acc)}
|
|
49
50
|
}
|
|
50
|
-
.c3 .bdg{font:
|
|
51
|
+
.c3 .bdg{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);background:var(--acc);color:var(--on-accent);min-width:16px;height:16px;border-radius:8px;display:inline-grid;place-items:center;padding:0 4px}
|
|
51
52
|
.c3 .bdg.g{background:var(--muted);color:var(--muted-foreground)}
|
|
52
53
|
.c3 .seg{display:inline-flex;border:1px solid var(--border);padding:2px;gap:2px;background:var(--muted);border-radius:8px}
|
|
53
|
-
.c3 .seg button{border:0;background:transparent;padding:4px 10px;display:flex;gap:6px;align-items:center;font:
|
|
54
|
+
.c3 .seg button{border:0;background:transparent;padding:4px 10px;display:flex;gap:6px;align-items:center;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);border-radius:6px}
|
|
54
55
|
.c3 .seg button[aria-pressed="true"]{background:var(--background);color:var(--foreground);box-shadow:0 0 0 1px var(--border)}
|
|
55
56
|
.c3 .card{border:1px solid var(--border);background:var(--card);padding:14px;display:grid;gap:10px;align-content:start;border-radius:8px}
|
|
56
|
-
.c3 .card h3,.c3 .sh h2{margin:0;font:
|
|
57
|
+
.c3 .card h3,.c3 .sh h2{margin:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:8px;align-items:center}
|
|
57
58
|
.c3 .sh{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--foreground)}
|
|
58
|
-
.c3 .sh .r{display:flex;gap:6px;align-items:center;font:var(--fs-
|
|
59
|
+
.c3 .sh .r{display:flex;gap:6px;align-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
59
60
|
.c3 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
|
|
60
61
|
.c3 .sec{display:grid;gap:10px}
|
|
61
62
|
.c3{display:grid;gap:16px;align-content:start}
|
|
@@ -67,23 +68,23 @@
|
|
|
67
68
|
.c3 .ki{width:30px;height:30px;border-radius:8px;background:var(--muted);display:grid;place-items:center;color:var(--muted-foreground)}
|
|
68
69
|
.c3 .ki.hot{background:var(--accw);color:var(--acc)}
|
|
69
70
|
.c3 .nb{min-width:0}
|
|
70
|
-
.c3 .tt{border:0;background:transparent;padding:0;text-align:left;font-weight:
|
|
71
|
+
.c3 .tt{border:0;background:transparent;padding:0;text-align:left;font-weight:var(--fw-regular);color:var(--foreground);overflow-wrap:anywhere}
|
|
71
72
|
.c3 .chips{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px;align-items:center}
|
|
72
|
-
.c3 .chip2{display:inline-flex;gap:4px;align-items:center;font:var(--fs-
|
|
73
|
+
.c3 .chip2{display:inline-flex;gap:4px;align-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);border:0;background:transparent;padding:0}
|
|
73
74
|
.c3 .chip2.lk{cursor:pointer}
|
|
74
75
|
.c3 .tag{font:500 var(--fs-1) var(--mono);padding:1px 6px;background:var(--muted);color:var(--muted-foreground);border-radius:4px;white-space:nowrap}
|
|
75
76
|
.c3 .fl{font:500 var(--fs-1) var(--mono);padding:1px 6px;border:1px solid var(--border);color:var(--muted-foreground);border-radius:4px}
|
|
76
77
|
.c3 .fl.p1{color:var(--destructive);border-color:var(--destructive)}
|
|
77
78
|
.c3 .fl.p2{color:var(--warning);border-color:var(--warning)}
|
|
78
79
|
.c3 .fl.p3{color:var(--acc);border-color:var(--acc)}
|
|
79
|
-
.c3 .why{font-size:var(--fs-
|
|
80
|
+
.c3 .why{font-size:var(--fs-body);color:var(--muted-foreground);margin-top:6px;animation:c3-fadein .2s;line-height:var(--lh-body);}
|
|
80
81
|
.c3 .acts{display:flex;gap:6px;align-items:center}
|
|
81
82
|
.c3 .av{width:22px;height:22px;border-radius:50%;background:var(--muted);color:var(--foreground);border:1px solid var(--border);font:500 var(--fs-1) var(--mono);display:inline-grid;place-items:center;padding:0}
|
|
82
83
|
@media (hover:hover){
|
|
83
84
|
.c3 .av:hover{border-color:var(--acc);color:var(--acc)}
|
|
84
85
|
}
|
|
85
|
-
.c3 .av.lg{width:40px;height:40px;font-size:var(--fs-
|
|
86
|
-
.c3 .st{display:inline-flex;gap:4px;align-items:center;font:
|
|
86
|
+
.c3 .av.lg{width:40px;height:40px;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
87
|
+
.c3 .st{display:inline-flex;gap:4px;align-items:center;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
87
88
|
.c3 .st.ok{color:var(--success)}
|
|
88
89
|
.c3 .st.warn{color:var(--warning)}
|
|
89
90
|
.c3 .st.bad{color:var(--destructive)}
|
|
@@ -94,26 +95,26 @@
|
|
|
94
95
|
.c3 .dotc.bad{background:var(--destructive)}
|
|
95
96
|
.c3 .dotc.acc{background:var(--acc)}
|
|
96
97
|
.c3 .dotc.pulse{animation:c3-pulse 1.6s infinite}
|
|
97
|
-
.c3 .fold{border:1px dashed var(--ring);padding:8px 12px;font:var(--fs-
|
|
98
|
+
.c3 .fold{border:1px dashed var(--ring);padding:8px 12px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);border-radius:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
|
|
98
99
|
.c3 .fold.w{border-color:var(--warning);color:var(--warning)}
|
|
99
100
|
.c3 .fold.a{border-color:var(--acc);color:var(--acc)}
|
|
100
101
|
.c3 .incident{border:1px solid var(--destructive);color:var(--destructive);padding:10px 14px;border-radius:8px;display:flex;gap:10px;align-items:center}
|
|
101
102
|
.c3 .hero{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center}
|
|
102
|
-
.c3 .hero b{font-size:var(--fs-
|
|
103
|
-
.c3 .hs{display:inline-flex;gap:6px;align-items:center;font:
|
|
103
|
+
.c3 .hero b{font-size:var(--fs-display);font-weight:var(--fw-strong);line-height:1.3}
|
|
104
|
+
.c3 .hs{display:inline-flex;gap:6px;align-items:center;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
104
105
|
.c3 .chips2{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
|
|
105
106
|
.c3 .pill{border:1px solid var(--border);background:var(--background);padding:3px 10px;font:var(--fs-3) var(--sans);color:var(--muted-foreground);display:inline-flex;gap:6px;align-items:center;border-radius:16px}
|
|
106
107
|
.c3 .pill[aria-pressed="true"]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}
|
|
107
|
-
.c3 .pill .c{font:var(--fs-
|
|
108
|
-
.c3 .tbl{width:100%;border-collapse:collapse;font-size:var(--fs-
|
|
109
|
-
.c3 .tbl th{font:
|
|
108
|
+
.c3 .pill .c{font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
109
|
+
.c3 .tbl{width:100%;border-collapse:collapse;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
110
|
+
.c3 .tbl th{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:6px 8px 6px 0}
|
|
110
111
|
.c3 .tbl td{padding:8px 8px 8px 0;border-top:1px solid var(--border);vertical-align:middle}
|
|
111
112
|
.c3 .chart{width:100%;height:auto;display:block}
|
|
112
|
-
.c3 .chart text{font:var(--fs-
|
|
113
|
+
.c3 .chart text{font:var(--fs-meta)/var(--lh-meta) var(--mono);fill:var(--muted-foreground)}
|
|
113
114
|
.c3 .chart .t{fill:var(--foreground)}
|
|
114
115
|
.c3 .chart.sm{max-width:300px}
|
|
115
116
|
.c3 .chart.md{max-width:920px}
|
|
116
|
-
.c3.ph .chart.day text{font-size:var(--fs-
|
|
117
|
+
.c3.ph .chart.day text{font-size:var(--fs-panel);line-height:var(--lh-panel);}
|
|
117
118
|
.c3.ph .chart.day .bl,.c3.ph .chart.day .fr{display:none}
|
|
118
119
|
.c3 .chart .hit{fill:transparent;cursor:pointer}
|
|
119
120
|
.c3 .grow{transform-origin:left center;transform-box:fill-box;animation:c3-grow .6s ease-out backwards}
|
|
@@ -125,13 +126,13 @@
|
|
|
125
126
|
.c3 .wave i:nth-child(2n){animation-delay:.2s}
|
|
126
127
|
.c3 .wave i:nth-child(3n){animation-delay:.4s}
|
|
127
128
|
.c3 .wave i:nth-child(5n){animation-delay:.6s}
|
|
128
|
-
.c3 .term{font:var(--fs-
|
|
129
|
+
.c3 .term{font:var(--fs-meta)/1.5 var(--mono);background:var(--muted);padding:8px 10px;min-height:96px;max-height:200px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px}
|
|
129
130
|
.c3 .form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
|
|
130
|
-
.c3 input[type=text],.c3 select,.c3 textarea{font:inherit;font-size:var(--fs-
|
|
131
|
+
.c3 input[type=text],.c3 select,.c3 textarea{font:inherit;font-size:var(--fs-body);padding:6px 8px;border:1px solid var(--border);background:var(--background);color:var(--foreground);min-width:0;border-radius:6px;line-height:var(--lh-body);}
|
|
131
132
|
.c3 .form input[type=text]{flex:1 1 140px}
|
|
132
133
|
.c3 .q{border:1px solid var(--border);border-radius:8px;padding:10px;display:grid;gap:6px;align-content:start}
|
|
133
|
-
.c3 .q h4{margin:0;font:
|
|
134
|
-
.c3 .q .li{font-size:var(--fs-
|
|
134
|
+
.c3 .q h4{margin:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:6px;align-items:center}
|
|
135
|
+
.c3 .q .li{font-size:var(--fs-body);display:flex;gap:6px;align-items:center;justify-content:space-between;line-height:var(--lh-body);}
|
|
135
136
|
.c3 .view{animation:c3-fadein .25s}
|
|
136
137
|
.c3.ph .tabs,.c3.ph .dock,.c3.ph .hide-ph{display:none!important}
|
|
137
138
|
.c3.ph .bottombar{display:flex}
|
|
@@ -144,24 +145,24 @@
|
|
|
144
145
|
.c3 .show-ph{display:none}
|
|
145
146
|
.c3.ph .show-ph{display:block}
|
|
146
147
|
.c3 .cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
|
|
147
|
-
.c3 .cal .dh{font:
|
|
148
|
+
.c3 .cal .dh{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-align:center;padding:2px}
|
|
148
149
|
.c3 .cd{border:1px solid var(--border);border-radius:8px;background:var(--background);min-height:78px;padding:6px;display:grid;align-content:space-between;gap:4px;text-align:left;position:relative;overflow:hidden}
|
|
149
|
-
.c3 .cd .n{font:
|
|
150
|
+
.c3 .cd .n{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
150
151
|
.c3 .cd.out{opacity:.4}
|
|
151
152
|
.c3 .cd.we{background:var(--muted)}
|
|
152
153
|
.c3 .cd.today{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
|
|
153
|
-
.c3 .cd .m{font-size:var(--fs-
|
|
154
|
+
.c3 .cd .m{font-size:var(--fs-meta);display:flex;gap:2px;flex-wrap:wrap;line-height:1}
|
|
154
155
|
.c3 .cd .heat{position:absolute;left:0;right:0;bottom:0;background:var(--acc);opacity:.22;transition:height .4s}
|
|
155
156
|
.c3.ph .cd{min-height:56px;padding:4px}
|
|
156
157
|
.c3 .job{display:grid;gap:6px}
|
|
157
|
-
.c3 .job .jl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;font-size:var(--fs-
|
|
158
|
-
.c3 .job .jl b{font:
|
|
159
|
-
.c3 .bul{font:
|
|
158
|
+
.c3 .job .jl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;font-size:var(--fs-body);align-items:baseline;line-height:var(--lh-body);}
|
|
159
|
+
.c3 .job .jl b{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em}
|
|
160
|
+
.c3 .bul{font:var(--fw-regular) var(--fs-body)/1 var(--mono);width:26px;height:26px;border:0;background:transparent;color:var(--foreground);display:grid;place-items:center;border-radius:6px;padding:0}
|
|
160
161
|
@media (hover:hover){
|
|
161
162
|
.c3 .bul:hover{background:var(--muted)}
|
|
162
163
|
}
|
|
163
164
|
.c3 .bul.dn{color:var(--muted-foreground)}
|
|
164
|
-
.c3 .legend{display:flex;gap:6px 14px;flex-wrap:wrap;font:var(--fs-
|
|
165
|
+
.c3 .legend{display:flex;gap:6px 14px;flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);align-items:center}
|
|
165
166
|
.c3.ph .cmp{grid-template-columns:minmax(0,1fr)}
|
|
166
167
|
.c3 .rise{animation:c3-rise .5s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0)*38ms)}
|
|
167
168
|
@keyframes c3-rise{from{opacity:0;transform:translateY(12px)}}
|
|
@@ -196,7 +197,7 @@
|
|
|
196
197
|
.c3 .nrow.leave,.c3 .drow.leave,.c3 .row.leave{opacity:0;transform:translateX(26px);max-height:0!important;padding-block:0!important;border-width:0}
|
|
197
198
|
.c3 .lens .lbl{display:inline}
|
|
198
199
|
.c3.ph .lens .lbl{display:none}
|
|
199
|
-
.c3 .lvl{font:
|
|
200
|
+
.c3 .lvl{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);padding:6px 2px 0}
|
|
200
201
|
.c3 .vz{padding:4px 0 0}
|
|
201
202
|
.c3 .vz .chart{max-width:540px}
|
|
202
203
|
.c3{container-type:inline-size}
|
|
@@ -219,7 +220,7 @@
|
|
|
219
220
|
.c3 .brief .card{box-shadow:var(--sh1),var(--hi);border-radius:12px}
|
|
220
221
|
.c3 .brief .sect{padding:6px 16px 10px}
|
|
221
222
|
.c3 .brief .sect .sh2{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0 8px;border-bottom:1px solid var(--border)}
|
|
222
|
-
.c3 .brief .sect .sh2 h2{margin:0;font:
|
|
223
|
+
.c3 .brief .sect .sh2 h2{margin:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:8px;align-items:center}
|
|
223
224
|
.c3 .brief .nrow,.c3 .brief .drow{border-radius:8px;transition:background .15s,opacity .2s,transform .2s,max-height .2s}
|
|
224
225
|
@media (hover:hover){
|
|
225
226
|
.c3 .brief .nrow:hover,.c3 .brief .drow:hover{background:color-mix(in oklab,var(--muted) 60%,transparent)}
|
|
@@ -228,8 +229,8 @@
|
|
|
228
229
|
.c3 .glass{background:color-mix(in oklab,var(--card) 78%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:var(--sh2),var(--hi)}
|
|
229
230
|
.c3 .gate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 22px;padding:18px 20px;border-radius:16px;border:1px solid color-mix(in oklab,var(--acc) 30%,var(--border));background:linear-gradient(125deg,var(--accw),transparent 58%),var(--card);box-shadow:var(--sh2),var(--hi);position:relative}
|
|
230
231
|
.c3 .gate.done{background:linear-gradient(125deg,color-mix(in oklab,var(--success) 14%,transparent),transparent 58%),var(--card);border-color:color-mix(in oklab,var(--success) 32%,var(--border))}
|
|
231
|
-
.c3 .gate h2{margin:0;font-size:var(--fs-
|
|
232
|
-
.c3 .eyebrow{display:flex;gap:6px;align-items:center;font:
|
|
232
|
+
.c3 .gate h2{margin:0;font-size:var(--fs-panel);line-height:1.3;font-weight:var(--fw-strong);text-wrap:balance}
|
|
233
|
+
.c3 .eyebrow{display:flex;gap:6px;align-items:center;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
|
|
233
234
|
.c3 .gate.done .eyebrow{color:var(--success)}
|
|
234
235
|
.c3 .gate .side{display:grid;justify-items:center;align-content:start;gap:2px;grid-row:1/span 3;grid-column:2}
|
|
235
236
|
@container (max-width:520px){
|
|
@@ -255,8 +256,8 @@
|
|
|
255
256
|
@media (hover:hover){
|
|
256
257
|
.c3 .prow:hover{background:color-mix(in oklab,var(--muted) 70%,transparent)}
|
|
257
258
|
}
|
|
258
|
-
.c3 .pnote{font-size:var(--fs-
|
|
259
|
-
.c3 .pst{font:var(--fs-
|
|
259
|
+
.c3 .pnote{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
260
|
+
.c3 .pst{font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
260
261
|
.c3 .pst-ok{color:var(--foreground)}
|
|
261
262
|
.c3 .pst-warn{color:var(--warning)}
|
|
262
263
|
.c3 .pst-bad{color:var(--destructive)}
|
|
@@ -270,20 +271,20 @@
|
|
|
270
271
|
.c3 .bcol.r{max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px;margin:-4px}
|
|
271
272
|
.c3 .ribbon .chart{max-width:520px;margin-inline:auto}
|
|
272
273
|
.c3 .vday{position:relative;height:361px;margin-top:2px;user-select:none}
|
|
273
|
-
.c3 .vday .hr{position:absolute;left:0;right:0;border-top:1px solid var(--border);font:var(--fs-
|
|
274
|
+
.c3 .vday .hr{position:absolute;left:0;right:0;border-top:1px solid var(--border);font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
274
275
|
.c3 .vday .hr span{position:absolute;top:-7px;left:0;padding-right:5px;background:color-mix(in oklab,var(--card) 70%,transparent)}
|
|
275
|
-
.c3 .vday .vb{position:absolute;left:44px;right:0;border:0;border-radius:8px;background:var(--acc);color:var(--on-accent);text-align:left;padding:4px 10px;font-size:var(--fs-
|
|
276
|
-
.c3 .vday .vb small{display:block;font:var(--fs-
|
|
276
|
+
.c3 .vday .vb{position:absolute;left:44px;right:0;border:0;border-radius:8px;background:var(--acc);color:var(--on-accent);text-align:left;padding:4px 10px;font-size:var(--fs-meta);line-height:1.3;overflow:hidden;box-shadow:var(--sh1);transition:transform .18s cubic-bezier(.3,.7,.2,1),box-shadow .18s;animation:c3-swap .5s cubic-bezier(.2,.7,.2,1) backwards}
|
|
277
|
+
.c3 .vday .vb small{display:block;font:var(--fs-meta)/var(--lh-meta) var(--mono);opacity:.88}
|
|
277
278
|
.c3 .vday .vb.hot{background:var(--destructive)}
|
|
278
279
|
@media (hover:hover){
|
|
279
280
|
.c3 .vday .vb:hover{transform:translateX(3px);box-shadow:var(--sh2)}
|
|
280
281
|
}
|
|
281
|
-
.c3 .vday .vf{position:absolute;left:44px;right:0;border-radius:8px;background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in oklab,var(--muted) 90%,transparent) 6px 8px);display:grid;place-items:center;font:var(--fs-
|
|
282
|
+
.c3 .vday .vf{position:absolute;left:44px;right:0;border-radius:8px;background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in oklab,var(--muted) 90%,transparent) 6px 8px);display:grid;place-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
282
283
|
.c3 .vday .vnow{position:absolute;left:36px;right:0;height:0;border-top:2px solid var(--foreground);z-index:3}
|
|
283
284
|
.c3 .vday .vnow::before,.c3 .vday .vnow::after{content:"";position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--foreground)}
|
|
284
285
|
.c3 .vday .vnow::after{animation:c3-ping 1.8s ease-out infinite}
|
|
285
286
|
.c3 .vday .vdl{position:absolute;left:44px;right:0;height:0;border-top:2px solid var(--destructive);z-index:2}
|
|
286
|
-
.c3 .vday .vdl span{position:absolute;right:0;top:-18px;font:
|
|
287
|
+
.c3 .vday .vdl span{position:absolute;right:0;top:-18px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--destructive)}
|
|
287
288
|
.c3 .vday .vsc{position:absolute;left:36px;right:0;height:0;border-top:1px solid color-mix(in oklab,var(--foreground) 45%,transparent);pointer-events:none;opacity:0;transition:opacity .15s;z-index:5}
|
|
288
289
|
.c3 .vday .vsc span{position:absolute;right:0;top:-19px;background:var(--foreground);color:var(--background);font:var(--fs-1) var(--mono);padding:1px 7px;border-radius:5px;white-space:nowrap}
|
|
289
290
|
.c3 .lbar{display:flex;gap:2px;height:10px;margin-top:6px}
|
|
@@ -299,8 +300,8 @@
|
|
|
299
300
|
}
|
|
300
301
|
.c3 .fc.k-decision{background:linear-gradient(125deg,var(--accw),transparent 58%),var(--card);border-color:color-mix(in oklab,var(--acc) 30%,var(--border))}
|
|
301
302
|
.c3 .fc.k-decision.ok{background:linear-gradient(125deg,color-mix(in oklab,var(--success) 14%,transparent),transparent 58%),var(--card);border-color:color-mix(in oklab,var(--success) 30%,var(--border))}
|
|
302
|
-
.c3 .fc h2{margin:6px 0 0;font-size:var(--fs-
|
|
303
|
-
.c3 .fc .go{position:absolute;right:16px;bottom:12px;font-size:var(--fs-
|
|
303
|
+
.c3 .fc h2{margin:6px 0 0;font-size:var(--fs-panel);line-height:1.3;font-weight:var(--fw-strong);text-wrap:balance}
|
|
304
|
+
.c3 .fc .go{position:absolute;right:16px;bottom:12px;font-size:var(--fs-meta);color:var(--muted-foreground);display:flex;gap:2px;align-items:center;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;line-height:var(--lh-meta);}
|
|
304
305
|
@media (hover:hover){
|
|
305
306
|
.c3 .fc.on:hover .go{opacity:1;transform:none}
|
|
306
307
|
}
|
|
@@ -322,7 +323,7 @@
|
|
|
322
323
|
.c3 .dotb{border:0;background:transparent;padding:3px;display:inline-flex}
|
|
323
324
|
.c3 .dotb .dotc{width:10px;height:10px}
|
|
324
325
|
.c3 .dotp{width:10px;height:10px;border-radius:50%;border:1.5px dashed var(--ring);display:inline-block;margin:3px}
|
|
325
|
-
.c3 .yc{display:grid;place-items:center;height:26px;border-radius:6px;font:
|
|
326
|
+
.c3 .yc{display:grid;place-items:center;height:26px;border-radius:6px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
326
327
|
.c3 .yc.c1{background:var(--acc);color:var(--on-accent)}
|
|
327
328
|
.c3 .yc.c2{background:var(--accw);color:var(--acc)}
|
|
328
329
|
.c3 .yc.c3{border:1px solid var(--ring);color:var(--muted-foreground)}
|
|
@@ -357,11 +358,11 @@
|
|
|
357
358
|
.c3 .fc.back .flipg{display:none}
|
|
358
359
|
.c3 .rsv{position:absolute;right:14px;top:12px;display:flex;gap:5px;align-items:center;font:500 var(--fs-1) var(--mono);color:var(--success)}
|
|
359
360
|
.c3 .fh{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer}
|
|
360
|
-
.c3 .fh .why2{font-size:var(--fs-
|
|
361
|
+
.c3 .fh .why2{font-size:var(--fs-meta);color:var(--muted-foreground);display:flex;gap:5px;align-items:center;line-height:var(--lh-meta);}
|
|
361
362
|
.c3 .case{display:grid;gap:10px;cursor:default}
|
|
362
|
-
.c3 .case .sit{margin:0;font-size:var(--fs-
|
|
363
|
+
.c3 .case .sit{margin:0;font-size:var(--fs-body);line-height:1.45;font-weight:var(--fw-regular);text-wrap:pretty}
|
|
363
364
|
.c3 .chgl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
|
|
364
|
-
.c3 .chgl li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:var(--fs-
|
|
365
|
+
.c3 .chgl li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
365
366
|
.c3 .chgl li>.ic{color:var(--muted-foreground)}
|
|
366
367
|
.c3 .chgl li.ok>.ic{color:var(--success)}
|
|
367
368
|
.c3 .chgl li.warn>.ic{color:var(--warning)}
|
|
@@ -375,11 +376,11 @@
|
|
|
375
376
|
@media (hover:hover){
|
|
376
377
|
.c3 .opt:hover{transform:translateY(-2px);opacity:1}
|
|
377
378
|
}
|
|
378
|
-
.c3 .opt .rk{display:inline-flex;gap:4px;align-items:center;font:
|
|
379
|
+
.c3 .opt .rk{display:inline-flex;gap:4px;align-items:center;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--tc)}
|
|
379
380
|
.c3 .opt .rk:empty{display:none}
|
|
380
381
|
.c3 .opt .rk,.c3 .opt b{padding-right:24px}
|
|
381
|
-
.c3 .opt b{font-size:var(--fs-
|
|
382
|
-
.c3 .opt .fx{display:grid;gap:3px;font-size:var(--fs-
|
|
382
|
+
.c3 .opt b{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:1.3}
|
|
383
|
+
.c3 .opt .fx{display:grid;gap:3px;font-size:var(--fs-meta);color:var(--muted-foreground);line-height:var(--lh-meta);}
|
|
383
384
|
.c3 .opt .fx span{display:flex;gap:6px;align-items:center}
|
|
384
385
|
.c3 .opt .fx .ok{color:var(--success)}
|
|
385
386
|
.c3 .opt .fx .warn{color:var(--warning)}
|
|
@@ -392,7 +393,7 @@
|
|
|
392
393
|
.c3 .conf i{display:block;height:100%;background:var(--tc);transform-origin:left;animation:c3-grow .8s backwards}
|
|
393
394
|
.c3 .slt{--p:0;position:relative;height:44px;border-radius:22px;background:var(--muted);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;user-select:none;touch-action:none}
|
|
394
395
|
.c3 .slt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--p)*100%);background:color-mix(in oklab,var(--tc) 30%,transparent)}
|
|
395
|
-
.c3 .slt .lb{position:relative;font:
|
|
396
|
+
.c3 .slt .lb{position:relative;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.04em;opacity:calc(1 - var(--p)*1.5);background:linear-gradient(90deg,var(--muted-foreground) 38%,var(--foreground) 50%,var(--muted-foreground) 62%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:c3-shim 2.6s linear infinite}
|
|
396
397
|
@keyframes c3-shim{from{background-position:120% 0}to{background-position:-120% 0}}
|
|
397
398
|
.c3 .slt .th{position:absolute;left:3px;top:3px;width:36px;height:36px;border-radius:50%;border:0;background:var(--tc);color:var(--background);display:grid;place-items:center;box-shadow:var(--sh2);cursor:grab;transition:transform .3s cubic-bezier(.3,1.4,.5,1);animation:c3-thint 4.5s ease-in-out 1.2s infinite;touch-action:none}
|
|
398
399
|
.c3 .slt .th:active{cursor:grabbing;animation:none}
|
|
@@ -400,17 +401,17 @@
|
|
|
400
401
|
@keyframes c3-thint{0%,84%,100%{transform:none}92%{transform:translateX(12px)}}
|
|
401
402
|
@keyframes c3-nudge{30%{transform:translateX(18px)}60%{transform:translateX(4px)}}
|
|
402
403
|
.c3 .slt.alt{--tc:var(--muted-foreground)}
|
|
403
|
-
.c3 .cft{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:var(--fs-
|
|
404
|
+
.c3 .cft{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:var(--fs-meta);color:var(--muted-foreground);line-height:var(--lh-meta);}
|
|
404
405
|
.c3 .cft span{display:inline-flex;gap:5px;align-items:center}
|
|
405
406
|
.c3 .cft .cm{display:inline-flex;gap:6px;align-items:center}
|
|
406
407
|
.c3 .cft .cm .conf{width:56px}
|
|
407
|
-
.c3 .qd{border-left:2px solid var(--ring);padding:2px 0 2px 10px;font-size:var(--fs-
|
|
408
|
+
.c3 .qd{border-left:2px solid var(--ring);padding:2px 0 2px 10px;font-size:var(--fs-body);white-space:pre-wrap;margin:0;line-height:var(--lh-body);}
|
|
408
409
|
.c3 .qd.qd-md{white-space:normal;max-height:28rem;overflow:auto}
|
|
409
|
-
.c3 .wk-agent-md{font-size:var(--fs-
|
|
410
|
-
.c3 .wk-agent-md h1{font-size:var(--fs-
|
|
411
|
-
.c3 .wk-agent-md h2{font-size:var(--fs-
|
|
410
|
+
.c3 .wk-agent-md{font-size:var(--fs-body);max-width:none;line-height:var(--lh-body);}
|
|
411
|
+
.c3 .wk-agent-md h1{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
412
|
+
.c3 .wk-agent-md h2{font-size:var(--fs-body);margin:14px 0 4px;line-height:var(--lh-body);}
|
|
412
413
|
.c3 .fun{display:grid;gap:4px}
|
|
413
|
-
.c3 .fun div{display:grid;grid-template-columns:62px 1fr 34px;gap:8px;align-items:center;font:var(--fs-
|
|
414
|
+
.c3 .fun div{display:grid;grid-template-columns:62px 1fr 34px;gap:8px;align-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
414
415
|
.c3 .fun i{display:block;height:8px;border-radius:4px;background:var(--ring);transform-origin:left;animation:c3-grow .7s backwards}
|
|
415
416
|
.c3 .fun .hot i{background:var(--destructive)}
|
|
416
417
|
.c3 .fun .hot{color:var(--destructive)}
|
|
@@ -437,19 +438,19 @@
|
|
|
437
438
|
.c3 .brief .nrow.swl,.c3 .brief .drow.swl{background:color-mix(in oklab,var(--warning) 15%,transparent)}
|
|
438
439
|
.c3 .stance{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:0 2px 8px}
|
|
439
440
|
.c3 .stance>div:nth-child(2){flex:1;min-width:0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
|
|
440
|
-
.c3 .stance b{font-size:var(--fs-
|
|
441
|
-
.c3 .stance .dim{font-size:var(--fs-
|
|
441
|
+
.c3 .stance b{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
442
|
+
.c3 .stance .dim{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
442
443
|
.c3 .lens{display:flex;align-items:center;gap:6px;max-width:100%}
|
|
443
444
|
.c3 .lens .seg{overflow-x:auto;min-width:0}
|
|
444
445
|
.c3 .lh{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:2px 0 6px}
|
|
445
|
-
.c3 .lh b{font-size:var(--fs-
|
|
446
|
-
.c3 .lh .dim{font-size:var(--fs-
|
|
446
|
+
.c3 .lh b{font-size:var(--fs-body);line-height:1.3;display:block;text-wrap:balance}
|
|
447
|
+
.c3 .lh .dim{font-size:var(--fs-meta);line-height:1.35}
|
|
447
448
|
.c3 .rpane.zi{animation:c3-zin .38s cubic-bezier(.2,.8,.2,1)}
|
|
448
449
|
.c3 .rpane.zo{animation:c3-zout .38s cubic-bezier(.2,.8,.2,1)}
|
|
449
450
|
@keyframes c3-zin{from{opacity:0;transform:scale(1.07)}}
|
|
450
451
|
@keyframes c3-zout{from{opacity:0;transform:scale(.93)}}
|
|
451
452
|
.c3 .rdet{display:grid;gap:6px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--card);box-shadow:var(--sh1);margin-top:8px;animation:c3-fadein .25s}
|
|
452
|
-
.c3 .rdet .rr{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-
|
|
453
|
+
.c3 .rdet .rr{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
453
454
|
.c3 .rdet .rr .ic{margin-top:2px;color:var(--muted-foreground)}
|
|
454
455
|
.c3 .vday .vb.rt{background:var(--muted);color:var(--muted-foreground);box-shadow:none}
|
|
455
456
|
.c3 .vday .vb.sel{outline:2px solid var(--foreground);outline-offset:1px}
|
|
@@ -472,8 +473,8 @@
|
|
|
472
473
|
.c3 .tkt{display:inline-flex;white-space:nowrap;animation:c3-tk 38s linear infinite;will-change:transform}
|
|
473
474
|
.c3 .tick:active .tkt,.c3 .tick:hover .tkt{animation-play-state:paused}
|
|
474
475
|
@keyframes c3-tk{to{transform:translateX(-50%)}}
|
|
475
|
-
.c3 .tki{display:inline-flex;gap:6px;align-items:center;padding-right:30px;font-size:var(--fs-
|
|
476
|
-
.c3 .tki b{font:
|
|
476
|
+
.c3 .tki{display:inline-flex;gap:6px;align-items:center;padding-right:30px;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
477
|
+
.c3 .tki b{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;text-transform:uppercase}
|
|
477
478
|
.c3.ph .lens .seg button{padding:4px 7px}
|
|
478
479
|
.c3 .bs .sb .ribbon{width:100%}
|
|
479
480
|
.c3 .calbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
|
|
@@ -498,10 +499,10 @@
|
|
|
498
499
|
.c3 .cal3{display:grid;gap:var(--sp-3);min-width:0}
|
|
499
500
|
.c3 .cal3 .calbar{margin-bottom:0}
|
|
500
501
|
.c3 .cal3-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
|
|
501
|
-
.c3 .cal3 button.cal3-chip{display:inline-flex;align-items:center;gap:6px;height:auto;min-height:30px;padding:3px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--muted-foreground);font:
|
|
502
|
+
.c3 .cal3 button.cal3-chip{display:inline-flex;align-items:center;gap:6px;height:auto;min-height:30px;padding:3px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--muted-foreground);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--sans);cursor:pointer;white-space:nowrap}
|
|
502
503
|
.c3 .cal3 button.cal3-chip>span{display:inline-flex;align-items:center;gap:6px}
|
|
503
504
|
.c3 .cal3 button.cal3-chip[aria-pressed="true"]{background:var(--accw);border-color:var(--acc);color:var(--foreground)}
|
|
504
|
-
.c3 .cal3-chip .cal3-n{font:var(--fs-
|
|
505
|
+
.c3 .cal3-chip .cal3-n{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
505
506
|
.c3 .cal3-sep{width:1px;align-self:stretch;background:var(--border);margin:0 4px}
|
|
506
507
|
.c3 .cal3-sw{display:inline-block;flex:none;width:10px;height:10px;border-radius:0;background:var(--muted-foreground)}
|
|
507
508
|
.c3 .cal3-sw-meetings{background:var(--acc)}
|
|
@@ -521,14 +522,14 @@
|
|
|
521
522
|
.c3 .cal3-nsearch{width:100%}
|
|
522
523
|
.c3 .cal3-nrow{cursor:pointer}
|
|
523
524
|
.c3 .cal3-nrow.on{background:var(--muted)}
|
|
524
|
-
.c3 .cal3-sm{font-size:var(--fs-
|
|
525
|
-
.c3 .cal3-xs{font-size:var(--fs-
|
|
525
|
+
.c3 .cal3-sm{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
526
|
+
.c3 .cal3-xs{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
526
527
|
.c3 .cal3-prep{align-items:flex-start;padding:6px 0;border-bottom:1px solid var(--border)}
|
|
527
528
|
.c3 .cal3-prep .ki{flex:none}
|
|
528
529
|
/* Calendar › Notes meeting series (c3-notes-series): a series' recent meetings indented under it, the quiet "more" lines,
|
|
529
530
|
the head's series line, the topic dots (last 10 meetings) and two cards side by side when there is room */
|
|
530
531
|
.c3 .cal3-nrow.cal3-nsub{padding-left:var(--sp-5)}
|
|
531
|
-
.c3 .cal3-nrow.cal3-nsub .tt{font-weight:
|
|
532
|
+
.c3 .cal3-nrow.cal3-nsub .tt{font-weight:var(--fw-regular);font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
532
533
|
.c3 .nrow.cal3-nmore{display:flex;padding-top:2px;padding-bottom:2px}
|
|
533
534
|
.c3 .cal3-nserl{gap:4px;flex-wrap:wrap}
|
|
534
535
|
.c3 .cal3-nadd{padding-top:var(--sp-2);flex-wrap:wrap}
|
|
@@ -538,7 +539,7 @@
|
|
|
538
539
|
.c3 .cal3-dots .cal3-dot.on{background:var(--acc)}
|
|
539
540
|
.c3 .cal3-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--sp-3);align-items:start}
|
|
540
541
|
.c3 .cal3-two:empty{display:none}
|
|
541
|
-
.c3 .cal3-prepb{flex:1;min-width:0;font-size:var(--fs-
|
|
542
|
+
.c3 .cal3-prepb{flex:1;min-width:0;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
542
543
|
.c3 .cal3-agi{display:inline-flex;align-items:center;gap:2px}
|
|
543
544
|
.c3 .cal3-agi[data-cal3-heard="true"] svg{color:var(--acc)}
|
|
544
545
|
.c3 .cal3-wrapl{display:inline-flex;flex-wrap:wrap}
|
|
@@ -576,7 +577,7 @@
|
|
|
576
577
|
.c3 .cal3-main,.c3 .cal3-side{display:grid;gap:var(--sp-3);min-width:0;align-content:start}
|
|
577
578
|
.c3 .cal3-scroll{overflow-x:auto;min-width:0}
|
|
578
579
|
/* a marker: glyph and short title; the left edge carries the tone */
|
|
579
|
-
.c3 .cal3 button.cal3-mk{--cal3-tc:var(--muted-foreground);display:flex;align-items:center;width:100%;min-width:0;height:auto;min-height:22px;padding:1px 6px;border:0;border-left:3px solid var(--cal3-tc);border-radius:6px;background:var(--muted);color:var(--foreground);font:
|
|
580
|
+
.c3 .cal3 button.cal3-mk{--cal3-tc:var(--muted-foreground);display:flex;align-items:center;width:100%;min-width:0;height:auto;min-height:22px;padding:1px 6px;border:0;border-left:3px solid var(--cal3-tc);border-radius:6px;background:var(--muted);color:var(--foreground);font:var(--fw-regular) var(--fs-meta)/1.4 var(--sans);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;justify-content:flex-start}
|
|
580
581
|
.c3 .cal3 button.cal3-mk>span{display:flex;gap:4px;align-items:center;min-width:0;overflow:hidden}
|
|
581
582
|
.c3 .cal3-mk .ic{flex:none;color:var(--cal3-tc)}
|
|
582
583
|
.c3 .cal3-mk .cal3-mk-t{overflow:hidden;text-overflow:ellipsis;min-width:0}
|
|
@@ -590,46 +591,46 @@
|
|
|
590
591
|
.c3 .tag.cal3-tone-warn{color:var(--warning)}
|
|
591
592
|
.c3 .tag.cal3-tone-bad{color:var(--destructive)}
|
|
592
593
|
.c3 .tag.cal3-up{color:var(--acc)}
|
|
593
|
-
.c3 .cal3-more,.c3 .cal3 button.cal3-more{font:var(--fs-
|
|
594
|
+
.c3 .cal3-more,.c3 .cal3 button.cal3-more{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
594
595
|
.c3 .cal3 button.cal3-more{display:inline-flex;align-items:center;height:auto;min-height:20px;padding:0 6px;border:0;border-radius:6px;background:transparent;cursor:pointer}
|
|
595
596
|
@media (hover:hover){.c3 .cal3 button.cal3-more:hover{background:var(--accw);color:var(--foreground)}}
|
|
596
|
-
.c3 .cal3-cnt{font:var(--fs-
|
|
597
|
+
.c3 .cal3-cnt{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--acc)}
|
|
597
598
|
/* Day and Week: the timeline, its day heads and the all-day marker strip */
|
|
598
599
|
.c3 .cal3-tg{min-width:0}
|
|
599
600
|
.c3 .cal3-tg:not(.one){min-width:620px}
|
|
600
601
|
.c3 .cal3-row{display:grid;grid-template-columns:44px repeat(var(--cal3-n),minmax(0,1fr))}
|
|
601
602
|
.c3 .cal3-dhead,.c3 .cal3-strip{border-bottom:1px solid var(--border)}
|
|
602
|
-
.c3 .cal3-dh{padding:4px;border-left:1px solid var(--border);min-width:0;font:
|
|
603
|
+
.c3 .cal3-dh{padding:4px;border-left:1px solid var(--border);min-width:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
603
604
|
.c3 .cal3-dh.today b,.c3 .cal3-dh.today button.cal3-dbtn{color:var(--acc)}
|
|
604
|
-
.c3 .cal3-gut{font:var(--fs-
|
|
605
|
+
.c3 .cal3-gut{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);padding:6px 4px}
|
|
605
606
|
.c3 .cal3-sc{border-left:1px solid var(--border);padding:3px;display:grid;gap:2px;align-content:start;min-height:28px;min-width:0}
|
|
606
607
|
.c3 .cal3-sc.line{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
|
|
607
608
|
.c3 .cal3-sc.line button.cal3-mk,.c3 .cal3-sc.line button.cal3-allday{width:auto;max-width:280px;flex:0 1 auto}
|
|
608
609
|
/* the Reports fold of the dates strip (initiative c3-cal-strip-popup) */
|
|
609
|
-
.c3 .cal3 button.cal3-rf{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;height:auto;min-height:22px;padding:1px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font:
|
|
610
|
+
.c3 .cal3 button.cal3-rf{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;height:auto;min-height:22px;padding:1px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font:var(--fw-regular) var(--fs-meta)/1.4 var(--sans);cursor:pointer;white-space:nowrap;overflow:hidden}
|
|
610
611
|
.c3 .cal3-sc:not(.line) button.cal3-rf{width:100%}
|
|
611
612
|
.c3 .cal3 button.cal3-rf>span{display:flex;gap:6px;align-items:center;min-width:0}
|
|
612
613
|
.c3 .cal3-rf .ic{color:var(--muted-foreground)}
|
|
613
|
-
.c3 .cal3-rf .cal3-n{font:
|
|
614
|
-
.c3 .cal3-rf-bd{font:var(--fs-
|
|
614
|
+
.c3 .cal3-rf .cal3-n{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--acc)}
|
|
615
|
+
.c3 .cal3-rf-bd{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;min-width:0}
|
|
615
616
|
.c3 .cal3 button.cal3-rf[aria-expanded="true"]{background:var(--accw)}
|
|
616
617
|
.c3 .cal3-rf-open{display:grid;gap:2px;min-width:0}
|
|
617
618
|
.c3 .cal3-sc.line .cal3-rf-open{flex-basis:100%;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:3px}
|
|
618
|
-
.c3 .cal3-mk-s{margin-left:auto;padding-left:8px;font:var(--fs-
|
|
619
|
+
.c3 .cal3-mk-s{margin-left:auto;padding-left:8px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);flex:none}
|
|
619
620
|
.c3 .cal3 button.cal3-mk:has(.cal3-mk-s)>span{width:100%}
|
|
620
621
|
@media (hover:hover){.c3 .cal3 button.cal3-rf:hover{background:var(--accw)}}
|
|
621
|
-
.c3 .cal3-none{font:var(--fs-
|
|
622
|
+
.c3 .cal3-none{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);padding:4px}
|
|
622
623
|
.c3 .cal3-hours{position:relative;height:var(--cal3-hgt)}
|
|
623
|
-
.c3 .cal3-hours span{position:absolute;top:var(--cal3-y);right:6px;font:var(--fs-
|
|
624
|
+
.c3 .cal3-hours span{position:absolute;top:var(--cal3-y);right:6px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
624
625
|
.c3 .vday.cal3-col{height:var(--cal3-hgt);margin-top:0;border-left:1px solid var(--border);background:repeating-linear-gradient(to bottom,var(--border) 0 1px,transparent 1px var(--cal3-pph))}
|
|
625
626
|
.c3 .vday.cal3-col.we{background-color:var(--muted)}
|
|
626
627
|
.c3 .vday.cal3-col.today{background-color:var(--accw)}
|
|
627
628
|
.c3 .vday .cal3-free{left:2px;right:2px;top:var(--cal3-y);height:var(--cal3-h);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 6px;overflow:hidden;border:1px dashed var(--focus-window);background:color-mix(in oklab,var(--focus-window) 7%,transparent);z-index:1}
|
|
628
|
-
.c3 .vday .cal3-free b{font:var(--fs-
|
|
629
|
+
.c3 .vday .cal3-free b{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--focus-window)}
|
|
629
630
|
/* the day header: the day button with its hours, and the load bar (tied to a promise or decision, routine, the rest) */
|
|
630
631
|
.c3 .cal3-dh{display:grid;gap:2px;align-content:start}
|
|
631
632
|
.c3 .cal3-dh .dhl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 6px}
|
|
632
|
-
.c3 .cal3-dh .hrs{font:var(--fs-
|
|
633
|
+
.c3 .cal3-dh .hrs{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);white-space:nowrap}
|
|
633
634
|
.c3 .cal3-dh .dhl button.cal3-dbtn{white-space:nowrap;padding:2px 2px;min-width:0}
|
|
634
635
|
.c3 .cal3-dh .lbar{height:5px;margin:0 4px 4px}
|
|
635
636
|
.c3 .cal3-dh .lbar i{width:var(--cal3-w,0);background:var(--muted)}
|
|
@@ -644,18 +645,18 @@
|
|
|
644
645
|
.c3 .legend .lgk.pro{transform:rotate(45deg) scale(.8);background:transparent;border:1px solid var(--muted-foreground)}
|
|
645
646
|
.c3 .legend .lgk.rep{width:6px;height:6px}
|
|
646
647
|
.c3 .legend .lgfw{color:var(--focus-window)}
|
|
647
|
-
.c3 .sheet.calpop .calpop-esc{font:var(--fs-
|
|
648
|
+
.c3 .sheet.calpop .calpop-esc{font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
648
649
|
.c3 .cal3-grid .legend{padding:var(--sp-2) var(--sp-2) 0}
|
|
649
650
|
.c3 .cal3-tidyl .iacts,.c3 .cal3-tidy-i .iacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 100%}
|
|
650
651
|
.c3 .vday button.cal3-ev{top:var(--cal3-y);height:var(--cal3-h);min-height:0;left:calc(2px + (100% - 4px) * var(--cal3-l) / var(--cal3-lc));right:auto;width:calc((100% - 4px) / var(--cal3-lc) - 2px);display:block;padding:3px 8px;z-index:2;white-space:nowrap;cursor:pointer}
|
|
651
652
|
.c3 .vday button.cal3-ev>span{display:block;overflow:hidden}
|
|
652
|
-
.c3 .vday .cal3-ev b{display:block;overflow:hidden;text-overflow:ellipsis;font-weight:
|
|
653
|
+
.c3 .vday .cal3-ev b{display:block;overflow:hidden;text-overflow:ellipsis;font-weight:var(--fw-regular)}
|
|
653
654
|
.c3 .vday .cal3-now{left:0;top:var(--cal3-y)}
|
|
654
|
-
.c3 .cal3 button.cal3-allday{display:block;width:100%;height:auto;min-height:22px;padding:1px 6px;border:0;border-radius:6px;background:var(--acc);color:var(--on-accent);font:
|
|
655
|
-
.c3 .cal3 button.cal3-dbtn,.c3 .cal3 button.cal3-dn{display:inline-flex;align-items:center;height:auto;min-height:24px;padding:2px 6px;border:0;border-radius:6px;background:transparent;color:var(--foreground);font:
|
|
655
|
+
.c3 .cal3 button.cal3-allday{display:block;width:100%;height:auto;min-height:22px;padding:1px 6px;border:0;border-radius:6px;background:var(--acc);color:var(--on-accent);font:var(--fw-regular) var(--fs-meta)/1.4 var(--sans);text-align:left;overflow:hidden;white-space:nowrap;cursor:pointer}
|
|
656
|
+
.c3 .cal3 button.cal3-dbtn,.c3 .cal3 button.cal3-dn{display:inline-flex;align-items:center;height:auto;min-height:24px;padding:2px 6px;border:0;border-radius:6px;background:transparent;color:var(--foreground);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);cursor:pointer;justify-content:flex-start}
|
|
656
657
|
/* Month */
|
|
657
658
|
.c3 .cal3-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
|
|
658
|
-
.c3 .cal3-wd{font:
|
|
659
|
+
.c3 .cal3-wd{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-align:center;padding:2px}
|
|
659
660
|
.c3 .cal3-mc{border:1px solid var(--border);border-radius:8px;background:var(--background);min-height:96px;padding:4px;display:grid;gap:2px;align-content:start;min-width:0;overflow:hidden}
|
|
660
661
|
.c3 .cal3-mc.out{border:0;background:transparent}
|
|
661
662
|
.c3 .cal3-mc.we{background:var(--muted)}
|
|
@@ -671,11 +672,11 @@
|
|
|
671
672
|
.c3 .cal3-ym{border:1px solid var(--border);border-radius:8px;padding:8px;display:grid;gap:6px;align-content:start;min-width:0}
|
|
672
673
|
/* calendar-highlights: the range summary above the grid, a highlight per Month day, per Quarter month and per Year quarter */
|
|
673
674
|
.c3 .cal3-sum{display:grid;gap:4px;margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--acc);border-radius:8px;background:var(--muted)}
|
|
674
|
-
.c3 .cal3-sum-h{font:var(--fs-
|
|
675
|
-
.c3 .cal3-sum p{margin:0;font-size:var(--fs-
|
|
676
|
-
.c3 .cal3-hl{margin:2px 2px 0;font-size:var(--fs-
|
|
677
|
-
.c3 .cal3-col .cal3-hl{font-size:var(--fs-
|
|
678
|
-
.c3 .cal3 button.cal3-sl{display:inline;height:auto;min-height:0;padding:0;border:0;background:none;font:inherit;font-weight:
|
|
675
|
+
.c3 .cal3-sum-h{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em}
|
|
676
|
+
.c3 .cal3-sum p{margin:0;font-size:var(--fs-body);line-height:1.55;color:var(--foreground)}
|
|
677
|
+
.c3 .cal3-hl{margin:2px 2px 0;font-size:var(--fs-meta);line-height:1.45;color:var(--foreground);overflow-wrap:anywhere}
|
|
678
|
+
.c3 .cal3-col .cal3-hl{font-size:var(--fs-meta);line-height:1.55}
|
|
679
|
+
.c3 .cal3 button.cal3-sl{display:inline;height:auto;min-height:0;padding:0;border:0;background:none;font:inherit;font-weight:var(--fw-strong);line-height:inherit;color:inherit;white-space:normal;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
|
|
679
680
|
@media (hover:hover){.c3 .cal3 button.cal3-sl:hover{text-decoration-color:currentColor}}
|
|
680
681
|
.c3 .cal3 button.cal3-sl:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
|
|
681
682
|
.c3 .cal3-watch{color:var(--destructive)}
|
|
@@ -684,7 +685,7 @@
|
|
|
684
685
|
.c3 .cal3-cols.cal3-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
|
|
685
686
|
.c3 .cal3-col{padding:10px;gap:8px;min-height:160px}
|
|
686
687
|
.c3 .cal3-mlinks{display:flex;gap:4px;flex-wrap:wrap}
|
|
687
|
-
.c3 .cal3-fold{margin:8px 4px 0;font-size:var(--fs-
|
|
688
|
+
.c3 .cal3-fold{margin:8px 4px 0;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
688
689
|
/* titles wrap instead of being cut, in Month, Quarter and Year */
|
|
689
690
|
.c3 .cal3-mc button.cal3-mk,.c3 .cal3-qmk button.cal3-mk{white-space:normal;align-items:flex-start}
|
|
690
691
|
.c3 .cal3-mc button.cal3-mk>span,.c3 .cal3-qmk button.cal3-mk>span{align-items:flex-start;overflow:visible}
|
|
@@ -699,17 +700,17 @@
|
|
|
699
700
|
/* the detail column */
|
|
700
701
|
.c3 .cal3-dt{display:flex;align-items:center;gap:8px}
|
|
701
702
|
.c3 .cal3-dt h3{flex:1}
|
|
702
|
-
.c3 .cal3-title{font:
|
|
703
|
-
.c3 .cal3-when{font-size:var(--fs-
|
|
703
|
+
.c3 .cal3-title{font:var(--fw-strong) var(--fs-row)/var(--lh-row) var(--sans)}
|
|
704
|
+
.c3 .cal3-when{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
704
705
|
.c3 .cal3-ctx{display:grid;gap:6px}
|
|
705
|
-
.c3 .cal3-ctx h4{margin:0;font:
|
|
706
|
+
.c3 .cal3-ctx h4{margin:0;font:var(--fw-strong) var(--fs-label)/var(--lh-label) var(--sans);color:var(--foreground)}
|
|
706
707
|
.c3 .cal3-cl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
|
|
707
|
-
.c3 .cal3-ci{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:var(--fs-
|
|
708
|
+
.c3 .cal3-ci{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:var(--fs-meta);padding-bottom:6px;border-bottom:1px solid var(--border);line-height:var(--lh-meta);}
|
|
708
709
|
.c3 .cal3-ct{flex:1 1 160px;min-width:0}
|
|
709
|
-
.c3 .cal3-at{font-size:var(--fs-
|
|
710
|
-
.c3 .cal3-note{margin:0;font-size:var(--fs-
|
|
711
|
-
.c3 .cal3 a.cal3-ref{display:inline-flex;gap:4px;align-items:center;color:var(--acc);font:
|
|
712
|
-
.c3 .cal3-lane{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;font-size:var(--fs-
|
|
710
|
+
.c3 .cal3-at{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
711
|
+
.c3 .cal3-note{margin:0;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
712
|
+
.c3 .cal3 a.cal3-ref{display:inline-flex;gap:4px;align-items:center;color:var(--acc);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--sans);text-decoration:underline;text-underline-offset:2px}
|
|
713
|
+
.c3 .cal3-lane{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
713
714
|
.c3 .cal3-why{text-align:right}
|
|
714
715
|
/* the tidy-up: a meeting a suggestion names carries an inset ring in the tone of its most severe suggestion; the panel groups by severity */
|
|
715
716
|
.c3 .cal3 button.cal3-tidy-ev{--cal3-tc:var(--foreground);box-shadow:inset 0 0 0 2px var(--cal3-tc)}
|
|
@@ -722,7 +723,7 @@
|
|
|
722
723
|
.c3 .cal3-tidy-i.cal3-tidy-bad{--cal3-tc:var(--destructive)}
|
|
723
724
|
.c3 .cal3-tidy-t,.c3 .cal3-tidy-why,.c3 .cal3-tidy-fix{flex:1 1 100%;min-width:0}
|
|
724
725
|
.c3 .cal3-tidy-refs{display:flex;flex-wrap:wrap;gap:4px 12px;min-width:0}
|
|
725
|
-
.c3 .cal3 button.cal3-close{margin-left:auto;height:auto;min-height:24px;padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted-foreground);font:
|
|
726
|
+
.c3 .cal3 button.cal3-close{margin-left:auto;height:auto;min-height:24px;padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted-foreground);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);cursor:pointer}
|
|
726
727
|
.c3 .cal3 button:focus-visible,.c3 .cal3 a:focus-visible{outline:2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));outline-offset:2px}
|
|
727
728
|
@media (hover:hover){
|
|
728
729
|
.c3 .cal3 button.cal3-chip:hover{border-color:var(--ring)}
|
|
@@ -764,17 +765,17 @@
|
|
|
764
765
|
.c3 .tdy .ic{width:14px;height:14px}
|
|
765
766
|
@keyframes c3-tdyin{from{transform:scale(.85);opacity:0}}
|
|
766
767
|
.c3 .sfc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--sp-5);align-items:start}
|
|
767
|
-
.c3 .sfh{display:flex;gap:8px;align-items:center;font:
|
|
768
|
+
.c3 .sfh{display:flex;gap:8px;align-items:center;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-3)}
|
|
768
769
|
.c3 .sfr{display:flex;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-3)}
|
|
769
770
|
.c3 .stt{display:grid;justify-items:center;gap:0;padding:6px 2px;border-radius:10px;background:color-mix(in oklab,var(--c) 10%,transparent);color:var(--c)}
|
|
770
|
-
.c3 .stt b{font:
|
|
771
|
-
.c3 .stt i{font:
|
|
771
|
+
.c3 .stt b{font:var(--fw-strong) var(--fs-row)/1.2 var(--mono)}
|
|
772
|
+
.c3 .stt i{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);font-style:normal;color:var(--muted-foreground);letter-spacing:.02em}
|
|
772
773
|
.c3 .fcl{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2);border:0;font:inherit;color:inherit}
|
|
773
774
|
.c3 .fli{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--sh1);cursor:pointer;transition:transform .15s,box-shadow .2s}
|
|
774
775
|
.c3 .fli>b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 var(--fs-1) var(--mono);background:color-mix(in oklab,var(--tc) 14%,transparent);color:var(--tc)}
|
|
775
|
-
.c3 .fli .ft{font-weight:
|
|
776
|
-
.c3 .fli .fw{font-size:var(--fs-
|
|
777
|
-
.c3 .fli .fm{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:6px;font:var(--fs-
|
|
776
|
+
.c3 .fli .ft{font-weight:var(--fw-strong);line-height:1.3}
|
|
777
|
+
.c3 .fli .fw{font-size:var(--fs-meta);color:var(--muted-foreground);margin-top:2px;line-height:var(--lh-meta);}
|
|
778
|
+
.c3 .fli .fm{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:6px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
778
779
|
.c3 .fli .fm span{display:inline-flex;gap:4px;align-items:center}
|
|
779
780
|
.c3 .fli .fm .rc{color:var(--acc)}
|
|
780
781
|
@media (hover:hover){
|
|
@@ -782,30 +783,30 @@
|
|
|
782
783
|
}
|
|
783
784
|
.c3 .pg{width:100%;max-width:1100px;height:auto;display:block}
|
|
784
785
|
.c3 .chart.md{max-width:880px;margin-inline:auto}
|
|
785
|
-
.c3 .pg text{font:var(--fs-
|
|
786
|
+
.c3 .pg text{font:var(--fs-meta)/var(--lh-meta) var(--mono);fill:var(--muted-foreground)}
|
|
786
787
|
.c3 .pg .t{fill:var(--foreground)}
|
|
787
|
-
.c3 .pgl{display:flex;gap:var(--sp-4);flex-wrap:wrap;font:var(--fs-
|
|
788
|
+
.c3 .pgl{display:flex;gap:var(--sp-4);flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
788
789
|
.c3 .prow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border)}
|
|
789
790
|
.c3 .prow .ki{width:28px;height:28px}
|
|
790
|
-
.c3 .prow small{display:block;font:var(--fs-
|
|
791
|
-
.c3 .chip-s{display:inline-flex;gap:4px;align-items:center;font:
|
|
791
|
+
.c3 .prow small{display:block;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
792
|
+
.c3 .chip-s{display:inline-flex;gap:4px;align-items:center;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--c)}
|
|
792
793
|
.c3 .dir{--tc:var(--warning)}
|
|
793
794
|
.c3 .dial{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:2px 0}
|
|
794
|
-
.c3 .dial span{display:grid;justify-items:center;gap:4px;font:
|
|
795
|
+
.c3 .dial span{display:grid;justify-items:center;gap:4px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em}
|
|
795
796
|
.c3 .dial span i{display:block;width:100%;height:8px;border-radius:4px;background:var(--muted)}
|
|
796
797
|
.c3 .dial span.on{color:var(--foreground)}
|
|
797
798
|
.c3 .dial span.on i{background:var(--c);box-shadow:0 0 0 3px color-mix(in oklab,var(--c) 22%,transparent)}
|
|
798
|
-
.c3 .sevs{display:flex;gap:var(--sp-3);flex-wrap:wrap;font:var(--fs-
|
|
799
|
+
.c3 .sevs{display:flex;gap:var(--sp-3);flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
799
800
|
.c3 .sevs span{display:inline-flex;gap:4px;align-items:center}
|
|
800
801
|
.c3 .krg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:var(--sp-3);align-items:center;padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}
|
|
801
802
|
.c3 .krg:last-child{border-bottom:0}
|
|
802
803
|
.c3 .krg b{display:block;line-height:1.3}
|
|
803
|
-
.c3 .krg small{display:block;font:var(--fs-
|
|
804
|
+
.c3 .krg small{display:block;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
804
805
|
.c3 .krt{position:relative;height:10px;border-radius:5px;background:var(--muted);margin:8px 0 10px}
|
|
805
806
|
.c3 .krt i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--c)}
|
|
806
807
|
.c3 .krt u{position:absolute;top:-4px;width:2px;height:18px;background:var(--foreground);text-decoration:none}
|
|
807
808
|
.c3 .krt s{position:absolute;top:-3px;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:2px dashed var(--c);background:var(--card);text-decoration:none}
|
|
808
|
-
.c3 .krt em{position:absolute;top:14px;font:var(--fs-
|
|
809
|
+
.c3 .krt em{position:absolute;top:14px;font:var(--fs-meta)/var(--lh-meta) var(--mono);font-style:normal;color:var(--muted-foreground);transform:translateX(-50%);white-space:nowrap}
|
|
809
810
|
.c3 .sgl{display:grid;gap:0}
|
|
810
811
|
.c3 .sgr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-3);align-items:start;padding:var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border);cursor:pointer;border-radius:8px;position:relative}
|
|
811
812
|
.c3 .sgr:last-child{border-bottom:0}
|
|
@@ -813,11 +814,11 @@
|
|
|
813
814
|
.c3 .sgr:hover{background:color-mix(in oklab,var(--muted) 60%,transparent)}
|
|
814
815
|
}
|
|
815
816
|
.c3 .sgr .ki{width:30px;height:30px}
|
|
816
|
-
.c3 .sgr .st1{font-weight:
|
|
817
|
-
.c3 .sgr .st2{font-size:var(--fs-
|
|
818
|
-
.c3 .sgr .st3{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:6px;font:var(--fs-
|
|
817
|
+
.c3 .sgr .st1{font-weight:var(--fw-strong);line-height:1.3}
|
|
818
|
+
.c3 .sgr .st2{font-size:var(--fs-meta);color:var(--muted-foreground);margin-top:2px;line-height:var(--lh-meta);}
|
|
819
|
+
.c3 .sgr .st3{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:6px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
819
820
|
.c3 .sgr .st3 span{display:inline-flex;gap:4px;align-items:center}
|
|
820
|
-
.c3 .sgr .sv{font:
|
|
821
|
+
.c3 .sgr .sv{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--c)}
|
|
821
822
|
.c3 .sgr .xp{grid-column:1/-1}
|
|
822
823
|
.c3 .sgr .spk{width:64px;height:26px}
|
|
823
824
|
.c3 .calwrap .bcol.r{position:static;max-height:none;overflow:visible;padding:0;margin:0}
|
|
@@ -833,65 +834,65 @@
|
|
|
833
834
|
.c3 .fc:not(.back){grid-template-rows:minmax(0,1fr)}
|
|
834
835
|
.c3 .cf .cfa{grid-area:t;min-width:0}
|
|
835
836
|
.c3 .cf .cfh{grid-area:h;min-width:0;display:grid;align-content:center;justify-items:end}
|
|
836
|
-
.c3 .cf h2{font-size:var(--fs-
|
|
837
|
-
.c3 .cf .cfs{color:var(--muted-foreground);font-size:var(--fs-
|
|
837
|
+
.c3 .cf h2{font-size:var(--fs-panel);line-height:1.25;margin:0;text-wrap:balance}
|
|
838
|
+
.c3 .cf .cfs{color:var(--muted-foreground);font-size:var(--fs-body);margin-top:var(--sp-1);text-wrap:pretty;line-height:var(--lh-body);}
|
|
838
839
|
.c3 .cf .cff{grid-area:f;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;border-top:1px solid color-mix(in oklab,var(--tc) 18%,var(--border));padding-top:var(--sp-3)}
|
|
839
|
-
.c3 .cf .cfx{display:flex;gap:6px var(--sp-4);flex-wrap:wrap;font:var(--fs-
|
|
840
|
+
.c3 .cf .cfx{display:flex;gap:6px var(--sp-4);flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
840
841
|
.c3 .cf .cfx span{display:inline-flex;gap:5px;align-items:center}
|
|
841
|
-
.c3 .cf .cfr{display:inline-flex;gap:6px;align-items:center;color:var(--tc);font:
|
|
842
|
+
.c3 .cf .cfr{display:inline-flex;gap:6px;align-items:center;color:var(--tc);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
842
843
|
.c3 .cf .cfr.n{color:var(--muted-foreground)}
|
|
843
844
|
.c3 .hero{width:100%;max-width:360px}
|
|
844
845
|
.c3 .hero svg{width:100%;height:auto;display:block}
|
|
845
846
|
.c3 .hero .hr svg,.c3 .hero .hg svg{width:auto;height:auto;flex:none}
|
|
846
847
|
.c3 .hero svg.ic{width:16px;height:16px;flex:none}
|
|
847
848
|
.c3 .hero svg.ic.sm{width:14px;height:14px}
|
|
848
|
-
.c3 .hero text{font:var(--fs-
|
|
849
|
+
.c3 .hero text{font:var(--fs-meta)/var(--lh-meta) var(--mono);fill:var(--muted-foreground)}
|
|
849
850
|
.c3 .hero .t{fill:var(--foreground)}
|
|
850
851
|
.c3 .hn{display:grid;gap:2px}
|
|
851
852
|
.c3 .hn .a{display:flex;align-items:baseline;gap:6px}
|
|
852
|
-
.c3 .hn .a b{font:
|
|
853
|
-
.c3 .hn .a span{font:
|
|
854
|
-
.c3 .hn .d{font:
|
|
853
|
+
.c3 .hn .a b{font:var(--fw-strong) var(--fs-display)/1 var(--mono);letter-spacing:-.02em}
|
|
854
|
+
.c3 .hn .a span{font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--mono);color:var(--muted-foreground)}
|
|
855
|
+
.c3 .hn .d{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
855
856
|
.c3 .hr{display:flex;gap:var(--sp-4);align-items:center;justify-content:flex-end}
|
|
856
857
|
.c3 .hr .c{display:grid;gap:2px;min-width:0}
|
|
857
|
-
.c3 .hr .c b{font-size:var(--fs-
|
|
858
|
-
.c3 .hr .c span{font-size:var(--fs-
|
|
858
|
+
.c3 .hr .c b{font-size:var(--fs-body);line-height:1.2}
|
|
859
|
+
.c3 .hr .c span{font-size:var(--fs-meta);color:var(--muted-foreground);line-height:var(--lh-meta);}
|
|
859
860
|
.c3 .hrw{display:grid;gap:var(--sp-2)}
|
|
860
|
-
.c3 .hrr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-2);align-items:center;font-size:var(--fs-
|
|
861
|
+
.c3 .hrr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-2);align-items:center;font-size:var(--fs-body);line-height:1.3}
|
|
861
862
|
.c3 .hrr .ic{color:var(--muted-foreground)}
|
|
862
863
|
.c3 .hrr.ok .ic,.c3 .hrr.ok i{color:var(--success)}
|
|
863
864
|
.c3 .hrr.warn .ic,.c3 .hrr.warn i{color:var(--warning)}
|
|
864
865
|
.c3 .hrr.bad .ic,.c3 .hrr.bad i{color:var(--destructive)}
|
|
865
|
-
.c3 .hrr i{font:
|
|
866
|
+
.c3 .hrr i{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);font-style:normal;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em}
|
|
866
867
|
.c3 .hbs{display:grid;gap:var(--sp-3)}
|
|
867
868
|
.c3 .hbr{display:grid;gap:4px}
|
|
868
|
-
.c3 .hbr .l{display:flex;justify-content:space-between;font-size:var(--fs-
|
|
869
|
-
.c3 .hbr .l i{font:var(--fs-
|
|
869
|
+
.c3 .hbr .l{display:flex;justify-content:space-between;font-size:var(--fs-meta);gap:8px;line-height:var(--lh-meta);}
|
|
870
|
+
.c3 .hbr .l i{font:var(--fs-meta)/var(--lh-meta) var(--mono);font-style:normal;color:var(--muted-foreground)}
|
|
870
871
|
.c3 .hbr .tk{height:8px;border-radius:4px;background:var(--muted);overflow:hidden}
|
|
871
872
|
.c3 .hbr .tk u{display:block;height:100%;border-radius:4px;background:var(--c);text-decoration:none;transform-origin:left;animation:c3-grow .7s backwards}
|
|
872
873
|
.c3 .htl{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:var(--sp-2);width:100%}
|
|
873
874
|
.c3 .htl>div{display:grid;justify-items:center;gap:0;padding:10px 6px;border-radius:12px;background:color-mix(in oklab,var(--c) 10%,transparent);text-align:center}
|
|
874
|
-
.c3 .htl b{font:
|
|
875
|
-
.c3 .htl span{font-size:var(--fs-
|
|
875
|
+
.c3 .htl b{font:var(--fw-strong) var(--fs-display)/1.1 var(--mono);color:var(--c)}
|
|
876
|
+
.c3 .htl span{font-size:var(--fs-meta);color:var(--muted-foreground);line-height:1.3}
|
|
876
877
|
.c3 .hg{display:flex;gap:var(--sp-3);align-items:center;justify-content:flex-end;min-width:0}
|
|
877
878
|
.c3 .hg svg{width:64px;height:64px;flex:none}
|
|
878
879
|
.c3 .hg .ki{width:56px!important;height:56px!important;flex:none}
|
|
879
880
|
.c3 .hch{display:grid;gap:var(--sp-3);position:relative;padding-left:18px}
|
|
880
881
|
.c3 .hch::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(var(--ring) 0 4px,transparent 4px 8px)}
|
|
881
|
-
.c3 .hch>div{position:relative;font-size:var(--fs-
|
|
882
|
+
.c3 .hch>div{position:relative;font-size:var(--fs-meta);line-height:1.25}
|
|
882
883
|
.c3 .hch{gap:var(--sp-2)}
|
|
883
884
|
.c3 .hch>div::before{content:"";position:absolute;left:-18px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--card)}
|
|
884
885
|
.c3 .hch>div{white-space:nowrap}
|
|
885
|
-
.c3 .hch b{font-size:var(--fs-
|
|
886
|
-
.c3 .hch span{font:var(--fs-
|
|
886
|
+
.c3 .hch b{font-size:var(--fs-meta);margin-right:6px;line-height:var(--lh-meta);}
|
|
887
|
+
.c3 .hch span{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--c)}
|
|
887
888
|
.c3 .cdeck{display:grid;gap:8px}
|
|
888
889
|
.c3 .fc{container-type:inline-size;container-name:card}
|
|
889
890
|
.c3 .cf{grid-template-areas:"t h" "f f"}
|
|
890
891
|
.c3 .cfk{display:none;gap:var(--sp-3);align-items:stretch}
|
|
891
892
|
.c3 .kp{display:grid;gap:0;padding:6px 12px;border-radius:12px;background:color-mix(in oklab,var(--c,var(--tc)) 10%,transparent);min-width:78px}
|
|
892
|
-
.c3 .kp b{font:
|
|
893
|
+
.c3 .kp b{font:var(--fw-strong) var(--fs-display)/1.2 var(--mono);color:var(--c,var(--tc))}
|
|
893
894
|
.c3 .kp b span{text-transform:none;font:inherit;letter-spacing:0;color:inherit}
|
|
894
|
-
.c3 .kp span{font-size:var(--fs-
|
|
895
|
+
.c3 .kp span{font-size:var(--fs-meta);color:var(--muted-foreground);letter-spacing:.03em;text-transform:uppercase;font-family:var(--mono);line-height:var(--lh-meta);}
|
|
895
896
|
@container card (min-width:500px){
|
|
896
897
|
.c3 .fc .cf{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"t h" "k h" "f f";grid-template-rows:auto minmax(0,1fr) auto;align-items:start}
|
|
897
898
|
.c3 .fc .cf .cfh{align-self:stretch;align-content:center}
|
|
@@ -908,18 +909,18 @@
|
|
|
908
909
|
.c3 .fc .cf .cfh{justify-items:center;align-self:center;min-height:92px}
|
|
909
910
|
.c3 .fc .cf .cfk{display:flex}
|
|
910
911
|
.c3 .fc .cf .kp{flex:1;min-width:0;padding:4px 8px;text-align:center}
|
|
911
|
-
.c3 .fc .cf .kp b{font-size:var(--fs-
|
|
912
|
+
.c3 .fc .cf .kp b{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
912
913
|
.c3 .fc .hero{max-width:none}
|
|
913
914
|
.c3 .fc .hero svg{max-height:132px}
|
|
914
|
-
.c3 .fc .cf h2{font-size:var(--fs-
|
|
915
|
-
.c3 .fc .cf .cfs{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-
|
|
915
|
+
.c3 .fc .cf h2{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
916
|
+
.c3 .fc .cf .cfs{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
916
917
|
.c3 .fc .cf .cff{padding-top:var(--sp-2);gap:var(--sp-1) var(--sp-3)}
|
|
917
918
|
.c3 .fc .cf .cfx span:nth-child(n+2){display:none}
|
|
918
|
-
.c3 .fc .hn .a b{font-size:
|
|
919
|
+
.c3 .fc .hn .a b{font-size:var(--fs-display);line-height:var(--lh-display);}
|
|
919
920
|
.c3 .fc .hg .hch{display:none}
|
|
920
921
|
.c3 .fc .hg,.c3 .fc .hr{justify-content:center}
|
|
921
922
|
.c3 .fc .hbs{gap:var(--sp-2)}
|
|
922
|
-
.c3 .fc .htl b{font-size:var(--fs-
|
|
923
|
+
.c3 .fc .htl b{font-size:var(--fs-panel);line-height:var(--lh-panel);}
|
|
923
924
|
.c3 .fc .htl>div{padding:6px 4px}
|
|
924
925
|
.c3 .fc .hrw .hrr:nth-child(n+4){display:none}
|
|
925
926
|
}
|
|
@@ -951,15 +952,15 @@
|
|
|
951
952
|
.c3 .hn .cur{opacity:0;transition:opacity .15s}
|
|
952
953
|
.c3 .hn svg:hover .cur{opacity:1}
|
|
953
954
|
.c3 .wrow .chips .jc{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
954
|
-
.c3 .fl2{display:flex;gap:var(--sp-4);flex-wrap:wrap;font:var(--fs-
|
|
955
|
+
.c3 .fl2{display:flex;gap:var(--sp-4);flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
955
956
|
.c3 .flow{display:grid;gap:var(--sp-2)}
|
|
956
|
-
.c3 .flow>div{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;font-size:var(--fs-
|
|
957
|
+
.c3 .flow>div{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
957
958
|
.c3 .flow .b{height:10px;border-radius:5px;background:var(--muted);overflow:hidden}
|
|
958
959
|
.c3 .flow .b i{display:block;height:100%;border-radius:5px;background:var(--c);transform-origin:left;animation:c3-grow .7s backwards}
|
|
959
960
|
.c3 .jobr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}
|
|
960
961
|
.c3 .jobr:last-child{border-bottom:0}
|
|
961
962
|
.c3 .jobr b{display:block;line-height:1.3}
|
|
962
|
-
.c3 .jobr small{font:var(--fs-
|
|
963
|
+
.c3 .jobr small{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
963
964
|
@keyframes c3-fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
|
|
964
965
|
@keyframes c3-slidein{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
|
|
965
966
|
@keyframes c3-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
|
|
@@ -971,7 +972,7 @@
|
|
|
971
972
|
@media (prefers-reduced-motion: reduce){
|
|
972
973
|
.c3 *::before,.c3 *::after{animation:none!important;transition:none!important}
|
|
973
974
|
}
|
|
974
|
-
.c3 svg.pg .crit{font-weight:
|
|
975
|
+
.c3 svg.pg .crit{font-weight:var(--fw-strong)}
|
|
975
976
|
@keyframes c3-recp{50%{opacity:.3}}
|
|
976
977
|
.c3.ph .recg .rt{display:none}
|
|
977
978
|
.c3 .c3add{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-2)}
|
|
@@ -984,21 +985,21 @@
|
|
|
984
985
|
}
|
|
985
986
|
.c3 .c3steps{display:grid;gap:var(--sp-2)}
|
|
986
987
|
.c3 .c3sh{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}
|
|
987
|
-
.c3 .c3sh h4{margin:0;font:
|
|
988
|
+
.c3 .c3sh h4{margin:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:6px;align-items:center}
|
|
988
989
|
.c3 .c3steps ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}
|
|
989
|
-
.c3 .c3steps li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-2);align-items:start;font-size:var(--fs-
|
|
990
|
+
.c3 .c3steps li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-2);align-items:start;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
990
991
|
.c3 .c3steps li .c3sg{color:var(--muted-foreground);padding-top:2px}
|
|
991
992
|
.c3 .c3steps li.ok .c3sg{color:var(--success)}
|
|
992
993
|
.c3 .c3steps li.warn .c3sg{color:var(--warning)}
|
|
993
994
|
.c3 .c3stt.dn{text-decoration:line-through;color:var(--muted-foreground)}
|
|
994
|
-
.c3 .c3res{display:block;font-size:var(--fs-
|
|
995
|
+
.c3 .c3res{display:block;font-size:var(--fs-meta);margin-top:2px;line-height:var(--lh-meta);}
|
|
995
996
|
.c3 .c3sd{grid-column:1/-1;border-left:2px solid var(--border);padding-left:var(--sp-3)}
|
|
996
997
|
.c3 .c3jf{display:grid;gap:var(--sp-2)}
|
|
997
998
|
.c3 .c3jf label{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-2);align-items:center}
|
|
998
999
|
.c3 .c3jf input{width:100%}
|
|
999
1000
|
.c3.ph .c3add{width:100%;margin:0}
|
|
1000
1001
|
.c3.ph .c3add .chips2:empty{display:none}
|
|
1001
|
-
.c3 input[type=date],.c3 input[type=time]{font:inherit;font-size:var(--fs-
|
|
1002
|
+
.c3 input[type=date],.c3 input[type=time]{font:inherit;font-size:var(--fs-body);padding:6px 8px;border:1px solid var(--border);background:var(--background);color:var(--foreground);min-width:0;border-radius:6px;line-height:var(--lh-body);}
|
|
1002
1003
|
.c3 .nrow[data-ag] .c3strip:empty{display:none}
|
|
1003
1004
|
/* console3.css addition: the slide placeholder on a case file that cannot send yet (the mockup's slider always works). */
|
|
1004
1005
|
.c3 .slt[aria-disabled="true"]{opacity:.55}
|
|
@@ -1019,16 +1020,16 @@
|
|
|
1019
1020
|
* header lines "left out: the Initiatives, Reports and Release classes" are superseded by this block. One deliberate change:
|
|
1020
1021
|
* the mockup's `.sn` (a timeline snapshot button) is scoped as `.sntrack .sn`, because `.calbody.sn` above is the Calendar's
|
|
1021
1022
|
* slide animation class and a bare `.sn` rule would restyle it. */
|
|
1022
|
-
.c3 .mk{font:var(--fs-
|
|
1023
|
+
.c3 .mk{font:var(--fs-meta)/var(--lh-meta) var(--mono);width:14px;text-align:center}
|
|
1023
1024
|
.c3 .mk.w{color:var(--success)}
|
|
1024
1025
|
.c3 .mk.n{color:var(--acc)}
|
|
1025
1026
|
.c3 .mk.b{color:var(--warning)}
|
|
1026
1027
|
.c3 .mk.w{animation:c3-pulse 1.6s infinite}
|
|
1027
|
-
.c3 .hx{display:grid;gap:6px;padding:4px 0 8px 36px;font-size:var(--fs-
|
|
1028
|
+
.c3 .hx{display:grid;gap:6px;padding:4px 0 8px 36px;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
1028
1029
|
.c3 .hx div{display:flex;gap:8px;align-items:flex-start}
|
|
1029
1030
|
.c3 .hx .ic{margin-top:2px;color:var(--muted-foreground)}
|
|
1030
1031
|
.c3 .lc{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
|
|
1031
|
-
.c3 .lc>div{display:grid;justify-items:center;gap:4px;font:var(--fs-
|
|
1032
|
+
.c3 .lc>div{display:grid;justify-items:center;gap:4px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-align:center}
|
|
1032
1033
|
.c3 .lc i{display:block;width:100%;height:8px;border-radius:4px;background:var(--muted)}
|
|
1033
1034
|
.c3 .lc>div.d i{background:var(--success)}
|
|
1034
1035
|
.c3 .lc>div.n i{background:var(--acc);box-shadow:0 0 0 3px var(--accw)}
|
|
@@ -1038,16 +1039,16 @@
|
|
|
1038
1039
|
.c3 .dfi del{background:color-mix(in oklab,var(--destructive) 18%,transparent);text-decoration:line-through;border-radius:3px}
|
|
1039
1040
|
.c3 .dsec{border-left:3px solid var(--border);padding:var(--sp-2) var(--sp-3);display:grid;gap:4px}
|
|
1040
1041
|
.c3 .dsec.warn{border-color:var(--warning);background:color-mix(in oklab,var(--warning) 7%,transparent);border-radius:0 8px 8px 0}
|
|
1041
|
-
.c3 .dsec h4{margin:0;font:
|
|
1042
|
-
.c3 .dsec p,.c3 .dsec .dt{margin:0;font-size:var(--fs-
|
|
1042
|
+
.c3 .dsec h4{margin:0;font:var(--fw-strong) var(--fs-section)/var(--lh-section) var(--sans,inherit)}
|
|
1043
|
+
.c3 .dsec p,.c3 .dsec .dt{margin:0;font-size:var(--fs-body);line-height:1.5}
|
|
1043
1044
|
.c3 .dsec .dt[contenteditable=true]{outline:2px solid var(--acc);border-radius:6px;padding:4px 6px;background:var(--card)}
|
|
1044
|
-
.c3 .dsec .mt{display:flex;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--fs-
|
|
1045
|
+
.c3 .dsec .mt{display:flex;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--fs-meta);color:var(--muted-foreground);font-family:var(--mono);line-height:var(--lh-meta);}
|
|
1045
1046
|
.c3 .dpn{display:grid;gap:var(--sp-3)}
|
|
1046
|
-
.c3 .dpn textarea,.c3 .dpn input,.c3 .wform input,.c3 .wform select{width:100%;font:inherit;font-size:var(--fs-
|
|
1047
|
+
.c3 .dpn textarea,.c3 .dpn input,.c3 .wform input,.c3 .wform select{width:100%;font:inherit;font-size:var(--fs-body);padding:8px 10px;border:1px solid var(--ring);border-radius:8px;background:var(--card);color:var(--foreground);box-sizing:border-box;line-height:var(--lh-body);}
|
|
1047
1048
|
.c3 .dpn textarea{min-height:72px;resize:vertical}
|
|
1048
1049
|
.c3 .hx{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}
|
|
1049
|
-
.c3 .hx li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-2);font-size:var(--fs-
|
|
1050
|
-
.c3 .hx .w{color:var(--muted-foreground);font:var(--fs-
|
|
1050
|
+
.c3 .hx li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-2);font-size:var(--fs-meta);align-items:start;line-height:var(--lh-meta);}
|
|
1051
|
+
.c3 .hx .w{color:var(--muted-foreground);font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1051
1052
|
.c3 .hx small{display:block;color:var(--muted-foreground)}
|
|
1052
1053
|
.c3 .sntrack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;margin-bottom:var(--sp-3)}
|
|
1053
1054
|
.c3 .sntrack::before{content:"";position:absolute;left:10%;right:10%;top:9px;height:2px;background:var(--border)}
|
|
@@ -1055,8 +1056,8 @@
|
|
|
1055
1056
|
.c3 .sntrack .sn i{width:14px;height:14px;border-radius:50%;background:var(--card);border:2px solid var(--ring);z-index:1;transition:transform .2s}
|
|
1056
1057
|
.c3 .sntrack .sn[data-past=true] i{border-color:var(--acc)}
|
|
1057
1058
|
.c3 .sntrack .sn[aria-pressed=true] i{background:var(--acc);transform:scale(1.35)}
|
|
1058
|
-
.c3 .sntrack .sn b{font:
|
|
1059
|
-
.c3 .sntrack .sn span{font-size:var(--fs-
|
|
1059
|
+
.c3 .sntrack .sn b{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1060
|
+
.c3 .sntrack .sn span{font-size:var(--fs-meta);color:var(--muted-foreground);text-align:center;line-height:1.2}
|
|
1060
1061
|
.c3 .snh{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}
|
|
1061
1062
|
.c3 .lc{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}
|
|
1062
1063
|
.c3 .c3rel{display:grid;gap:var(--sp-3)}
|
|
@@ -1074,7 +1075,7 @@
|
|
|
1074
1075
|
.c3.c3e>*+*{margin-top:var(--sp-3)}
|
|
1075
1076
|
/* console3.css addition: the slide as a bare control (outbox) has no .case or .fc to set --tc; slide-confirm.js sets it on the control itself. */
|
|
1076
1077
|
.c3 .slt.done{opacity:.7}
|
|
1077
|
-
.c3 .slt-hint{font:var(--fs-
|
|
1078
|
+
.c3 .slt-hint{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);min-height:16px;margin-top:var(--sp-1)}
|
|
1078
1079
|
/* console3.css addition: a row of the lifecycle lens that opens an initiative; the mockup's `.tt` is a span, here it is a button. */
|
|
1079
1080
|
.c3 .tt.btn{border:0;background:transparent;padding:0;text-align:left;font:inherit;color:inherit}
|
|
1080
1081
|
.c3 .nrow .tt.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
|
|
@@ -1103,10 +1104,10 @@
|
|
|
1103
1104
|
.c3 .tki{display:inline-flex}
|
|
1104
1105
|
.c3 .tick.static{padding:7px 12px;-webkit-mask-image:none;mask-image:none}
|
|
1105
1106
|
.c3 .tick.static .tkt{animation:none;display:flex}
|
|
1106
|
-
.c3 .nbdg{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:8px;background:var(--destructive);color:var(--on-accent);font:
|
|
1107
|
+
.c3 .nbdg{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:8px;background:var(--destructive);color:var(--on-accent);font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);display:grid;place-items:center;padding:0 4px;box-shadow:0 0 0 2px var(--background)}
|
|
1107
1108
|
.c3 .nbdg[hidden]{display:none}
|
|
1108
1109
|
.c3 .banner{position:fixed;top:12px;left:50%;translate:-50% 0;z-index:30;display:flex;gap:8px;align-items:center;max-width:min(430px,calc(100vw - 24px));padding:9px 14px;border-radius:14px;background:var(--foreground);color:var(--background);font-size:var(--fs-3);box-shadow:var(--sh3);cursor:pointer;border:0;text-align:left;animation:c3-bdn .5s cubic-bezier(.3,1.4,.5,1)}
|
|
1109
|
-
.c3 .banner b{font:
|
|
1110
|
+
.c3 .banner b{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.75}
|
|
1110
1111
|
.c3 .banner .bx{margin-left:var(--sp-2);background:none;border:0;color:inherit;cursor:pointer;opacity:.75;padding:0 2px}
|
|
1111
1112
|
.c3.c3pop{position:fixed;inset:0;z-index:60;pointer-events:none;container-type:normal}
|
|
1112
1113
|
.c3.c3pop>*{pointer-events:auto}
|
|
@@ -1121,8 +1122,8 @@
|
|
|
1121
1122
|
.c3.ph .sheet.bs{animation:c3-slideup .3s cubic-bezier(.2,.8,.2,1);max-height:84%}
|
|
1122
1123
|
.c3 .nli{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;border:0;background:transparent;padding:10px 4px;border-bottom:1px solid var(--border);border-radius:8px;color:inherit;font:inherit;cursor:pointer}
|
|
1123
1124
|
.c3 .nli .ki{width:30px;height:30px}
|
|
1124
|
-
.c3 .nli .t{font-size:var(--fs-
|
|
1125
|
-
.c3 .nli .w{font:var(--fs-
|
|
1125
|
+
.c3 .nli .t{font-size:var(--fs-body);line-height:1.35}
|
|
1126
|
+
.c3 .nli .w{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-align:right}
|
|
1126
1127
|
@media (hover:hover){.c3 .nli:hover{background:var(--muted)}}
|
|
1127
1128
|
.c3 .eq{display:inline-flex;gap:2px;align-items:flex-end;height:16px;color:var(--acc)}
|
|
1128
1129
|
.c3 .eq i{width:3px;background:currentColor;border-radius:2px;animation:c3-eqb .9s ease-in-out infinite}
|
|
@@ -1131,11 +1132,11 @@
|
|
|
1131
1132
|
.c3 .tray .tl{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:8px 2px 6px;display:grid;justify-items:center;gap:0;box-shadow:var(--sh1),var(--hi);position:relative;transition:transform .15s;color:inherit;font:inherit;cursor:pointer;min-height:64px}
|
|
1132
1133
|
.c3 .tray .tl:active{transform:scale(.96)}
|
|
1133
1134
|
.c3 .tray .tl .ic{color:var(--muted-foreground)}
|
|
1134
|
-
.c3 .tray .tl .n{font:
|
|
1135
|
-
.c3 .tray .tl .l{font-size:var(--fs-
|
|
1135
|
+
.c3 .tray .tl .n{font:var(--fw-strong) var(--fs-row)/1.2 var(--mono)}
|
|
1136
|
+
.c3 .tray .tl .l{font-size:var(--fs-meta);color:var(--muted-foreground);line-height:var(--lh-meta);}
|
|
1136
1137
|
.c3 .tray .tl.hot::after{content:"";position:absolute;top:8px;right:16px;width:7px;height:7px;border-radius:50%;background:var(--destructive)}
|
|
1137
1138
|
.c3 .recg{display:inline-flex;align-items:stretch;border:1px solid color-mix(in oklch,var(--destructive) 55%,transparent);border-radius:8px;overflow:hidden;color:var(--destructive);background:color-mix(in oklch,var(--destructive) 7%,var(--card))}
|
|
1138
|
-
.c3 .recg>*{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:32px;font:
|
|
1139
|
+
.c3 .recg>*{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:32px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:inherit}
|
|
1139
1140
|
.c3 .recg>*+*{border-left:1px solid color-mix(in oklch,var(--destructive) 35%,transparent)}
|
|
1140
1141
|
.c3 .recg button{border:0;background:none;cursor:pointer;color:inherit}
|
|
1141
1142
|
.c3 .recg button:hover{background:color-mix(in oklch,var(--destructive) 14%,transparent)}
|
|
@@ -1174,24 +1175,24 @@
|
|
|
1174
1175
|
.c3 .c3grid:not(:has(> .c3dock:not([hidden]))){grid-template-columns:minmax(0,1fr)} /* a folded dock leaves no column and no gap */
|
|
1175
1176
|
.c3 .c3main{min-width:0;display:grid;gap:14px;container-type:inline-size;align-content:start}
|
|
1176
1177
|
.c3 .c3top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
|
|
1177
|
-
.c3 .c3top h1{margin:0;font-size:var(--fs-
|
|
1178
|
-
.c3 .c3top .sub{font:var(--fs-
|
|
1178
|
+
.c3 .c3top h1{margin:0;font-size:var(--fs-page);font-weight:var(--fw-strong);display:flex;gap:8px;align-items:center;line-height:var(--lh-page);}
|
|
1179
|
+
.c3 .c3top .sub{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1179
1180
|
.c3 .c3top .tools{display:flex;gap:6px;align-items:center}
|
|
1180
1181
|
.c3 .c3top a.ib{text-decoration:none}
|
|
1181
1182
|
.c3 .c3top .ib .bdg{position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px var(--background)}
|
|
1182
1183
|
.c3 .c3pg-bell{display:inline-flex;gap:6px;align-items:center}
|
|
1183
1184
|
.c3 .c3pg-menuwrap{position:relative;display:inline-flex}
|
|
1184
1185
|
.c3 .c3pg-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:25;min-width:200px;display:grid;gap:2px;padding:6px;background:var(--card);border:1px solid var(--ring);border-radius:10px;box-shadow:var(--sh3)}
|
|
1185
|
-
.c3 .c3pg-mi{display:flex;gap:8px;align-items:center;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:6px;color:var(--foreground);text-decoration:none;font:inherit;font-size:var(--fs-
|
|
1186
|
+
.c3 .c3pg-mi{display:flex;gap:8px;align-items:center;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:6px;color:var(--foreground);text-decoration:none;font:inherit;font-size:var(--fs-body);cursor:pointer;line-height:var(--lh-body);}
|
|
1186
1187
|
.c3 .c3pg-mi:hover,.c3 .c3pg-mi:focus-visible{background:var(--muted)}
|
|
1187
1188
|
.c3 .c3pg-tick{display:contents}
|
|
1188
1189
|
.c3[data-tab="brief"] .c3pg-tick{display:none}
|
|
1189
1190
|
.c3 .c3tabs{position:relative;display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
|
|
1190
1191
|
.c3 .c3tabs::-webkit-scrollbar{display:none}
|
|
1191
|
-
.c3 .c3tabs button{border:0;background:transparent;padding:8px 12px;color:var(--muted-foreground);border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:8px;align-items:center;font-size:var(--fs-
|
|
1192
|
-
.c3 .c3tabs button[aria-selected="true"]{color:var(--foreground);font-weight:
|
|
1192
|
+
.c3 .c3tabs button{border:0;background:transparent;padding:8px 12px;color:var(--muted-foreground);border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:8px;align-items:center;font-size:var(--fs-body);cursor:pointer;line-height:var(--lh-body);}
|
|
1193
|
+
.c3 .c3tabs button[aria-selected="true"]{color:var(--foreground);font-weight:var(--fw-regular)}
|
|
1193
1194
|
.c3 .c3tabs .ind{position:absolute;bottom:-1px;left:0;height:2px;background:var(--foreground);transition:transform .35s cubic-bezier(.3,.7,.2,1),width .35s cubic-bezier(.3,.7,.2,1);pointer-events:none;border-radius:2px}
|
|
1194
|
-
.c3 .c3tabs .bdg{font:
|
|
1195
|
+
.c3 .c3tabs .bdg{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);background:var(--acc);color:var(--on-accent);min-width:16px;height:16px;border-radius:8px;display:inline-grid;place-items:center;padding:0 4px}
|
|
1195
1196
|
.c3 .c3pg-pane{min-width:0}
|
|
1196
1197
|
.c3 .c3pg-pane[hidden]{display:none}
|
|
1197
1198
|
.c3 .c3pg-pane>.brief{display:block}
|
|
@@ -1202,7 +1203,7 @@
|
|
|
1202
1203
|
.c3 .c3dock{position:sticky;top:12px;width:330px;border:1px solid var(--border);background:var(--card);display:flex;flex-direction:column;max-height:calc(100vh - 24px);border-radius:10px;overflow:hidden}
|
|
1203
1204
|
.c3 .c3dock[hidden]{display:none}
|
|
1204
1205
|
.c3 .c3dock .dk-h{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border)}
|
|
1205
|
-
.c3 .c3dock .dk-h select{flex:1;min-width:0;font:
|
|
1206
|
+
.c3 .c3dock .dk-h select{flex:1;min-width:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);border:0;background:transparent;padding:4px;color:var(--foreground)}
|
|
1206
1207
|
.c3 .c3dock .dk-h a.ib{text-decoration:none}
|
|
1207
1208
|
.c3 .c3dock .dk-p{padding:10px;display:grid;gap:8px;overflow:auto;flex:1;align-content:start}
|
|
1208
1209
|
.c3 .c3dock .dk-p .card{box-shadow:none}
|
|
@@ -1229,16 +1230,16 @@
|
|
|
1229
1230
|
/* the dock tree: lifted from console3.html lines 157 to 168 (.dk-tree .br .bn .ss .sr .nm .mk), the .c3 prefix added */
|
|
1230
1231
|
.c3 .dk-tree{overflow:auto;padding:6px 8px;max-height:280px;border-bottom:1px solid var(--border);display:grid;gap:2px}
|
|
1231
1232
|
.c3 .br{display:grid;gap:2px}
|
|
1232
|
-
.c3 .br>.bn{display:flex;gap:6px;align-items:center;font:var(--fs-
|
|
1233
|
+
.c3 .br>.bn{display:flex;gap:6px;align-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);padding:4px 4px 0;overflow-wrap:anywhere}
|
|
1233
1234
|
.c3 .br>.ss{margin-left:12px;border-left:1px solid var(--border);padding-left:8px;display:grid;gap:2px}
|
|
1234
1235
|
.c3 .sr{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:5px 6px;border-radius:6px}
|
|
1235
1236
|
.c3 .sr[aria-current="true"]{background:var(--muted)}
|
|
1236
|
-
.c3 .sr .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-
|
|
1237
|
+
.c3 .sr .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
1237
1238
|
.c3 .sr .ic{color:var(--muted-foreground)}
|
|
1238
1239
|
.c3 .mk.w{animation:c3-pulse 1.6s infinite}
|
|
1239
1240
|
.c3 .c3dock .dk-p .term{min-height:72px;max-height:168px}
|
|
1240
1241
|
.c3 .c3dock .dk-d{padding:6px 10px;border-top:1px solid var(--border);overflow:auto;max-height:240px}
|
|
1241
|
-
.c3 .c3dock .dk-d summary{cursor:pointer;font-size:var(--fs-
|
|
1242
|
+
.c3 .c3dock .dk-d summary{cursor:pointer;font-size:var(--fs-meta);padding:4px 0;line-height:var(--lh-meta);}
|
|
1242
1243
|
.c3 .c3dock .dk-runs{display:grid;gap:8px;padding-top:6px}
|
|
1243
1244
|
.c3 .c3dock .dk-p .form{display:flex;gap:6px;align-items:center}
|
|
1244
1245
|
.c3 .c3dock .dk-p .form input[type=text]{flex:1;min-width:0}
|
|
@@ -1266,7 +1267,7 @@
|
|
|
1266
1267
|
.c3 .c3pg-demo{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font:500 var(--fs-1) var(--mono);letter-spacing:.04em;white-space:nowrap;color:var(--warning);background:color-mix(in oklab,var(--warning) 14%,transparent);border:1px solid color-mix(in oklab,var(--warning) 45%,transparent)}
|
|
1267
1268
|
.c3 .fc .tag.pov{margin-left:6px;vertical-align:middle}
|
|
1268
1269
|
.c3 svg.mat{width:100%;height:auto;display:block}
|
|
1269
|
-
.c3 svg.mat text{font:var(--fs-
|
|
1270
|
+
.c3 svg.mat text{font:var(--fs-meta)/var(--lh-meta) var(--mono);fill:var(--muted-foreground)}
|
|
1270
1271
|
.c3 svg.mat .t{fill:var(--foreground)}
|
|
1271
1272
|
.c3 .sgr .spk{align-self:center}
|
|
1272
1273
|
@media (max-width:760px){
|
|
@@ -1287,13 +1288,13 @@
|
|
|
1287
1288
|
.c3 .c3dock .dk-d{border-top:0}
|
|
1288
1289
|
|
|
1289
1290
|
/* c3 tickets/docs/signals: the mockup's RACI grid and document coverage matrix (console3.html lines 839 to 843 and 870 to 876), plus small additions */
|
|
1290
|
-
.c3 .rcg{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(5,minmax(0,.5fr));gap:6px;align-items:center;font-size:var(--fs-
|
|
1291
|
-
.c3 .rcg .h{font:
|
|
1292
|
-
.c3 .rcg .c{display:grid;place-items:center;min-height:26px;border-radius:8px;font:
|
|
1291
|
+
.c3 .rcg{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(5,minmax(0,.5fr));gap:6px;align-items:center;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1292
|
+
.c3 .rcg .h{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-align:center;text-transform:uppercase}
|
|
1293
|
+
.c3 .rcg .c{display:grid;place-items:center;min-height:26px;border-radius:8px;font:var(--fw-strong) var(--fs-label)/var(--lh-label) var(--mono)}
|
|
1293
1294
|
.c3 .rcg .c.R{background:var(--accw);color:var(--acc)}.c3 .rcg .c.A{background:var(--acc);color:var(--on-accent)}.c3 .rcg .c.C,.c3 .rcg .c.I{color:var(--muted-foreground)}
|
|
1294
|
-
.c3 .dxm{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,.55fr));gap:var(--sp-2) var(--sp-3);align-items:center;font-size:var(--fs-
|
|
1295
|
+
.c3 .dxm{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,.55fr));gap:var(--sp-2) var(--sp-3);align-items:center;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1295
1296
|
.c3 .dxm.c4{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,.55fr))}
|
|
1296
|
-
.c3 .dxm .h{font:
|
|
1297
|
+
.c3 .dxm .h{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;text-align:center}
|
|
1297
1298
|
.c3 .dxm .c{display:grid;place-items:center}
|
|
1298
1299
|
.c3 .dxm .c i{width:14px;height:14px;border-radius:50%;background:var(--success)}
|
|
1299
1300
|
.c3 .dxm .c i.w{background:transparent;border:3px solid var(--warning)}
|
|
@@ -1324,8 +1325,8 @@
|
|
|
1324
1325
|
.c3 .wbs .chv{background:none;border:0;padding:0;width:20px;height:20px;display:grid;place-items:center;color:var(--muted-foreground);cursor:pointer;transition:transform .15s}
|
|
1325
1326
|
.c3 .wbs .chv[aria-expanded=true]{transform:rotate(90deg)}
|
|
1326
1327
|
.c3 .wbed{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--border);margin-top:8px}
|
|
1327
|
-
.c3 .wbed .lb{width:68px;font:
|
|
1328
|
-
.c3 .wbed input{flex:1;min-width:120px;font:inherit;font-size:var(--fs-
|
|
1328
|
+
.c3 .wbed .lb{width:68px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;color:var(--muted-foreground);text-transform:uppercase;flex:none}
|
|
1329
|
+
.c3 .wbed input{flex:1;min-width:120px;font:inherit;font-size:var(--fs-body);border:1px solid var(--border);border-radius:8px;padding:6px 10px;background:var(--card);color:var(--foreground);line-height:var(--lh-body);}
|
|
1329
1330
|
.c3 .wbed .chip2 .chv{width:16px;height:16px}
|
|
1330
1331
|
.c3 [data-in-view="roadmap"] .case,.c3 [data-in-view="breakdown"] .xi .wbed{margin-top:8px}
|
|
1331
1332
|
.c3 [data-in-view="roadmap"] .opt{font:inherit;color:inherit;cursor:pointer}
|
|
@@ -1355,16 +1356,16 @@
|
|
|
1355
1356
|
.c3 .slt.off{opacity:.55;--tc:var(--muted-foreground)}
|
|
1356
1357
|
.c3 .slt.off .th{cursor:not-allowed;animation:none}
|
|
1357
1358
|
.c3 .slt.off .lb{animation:none}
|
|
1358
|
-
.c3 .slt-why{display:flex;gap:6px;align-items:center;font:var(--fs-
|
|
1359
|
+
.c3 .slt-why{display:flex;gap:6px;align-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1359
1360
|
/* the thumb keeps its look and gets a 44px hit area on any width */
|
|
1360
1361
|
.c3 .slt .th::after{content:"";position:absolute;inset:-4px}
|
|
1361
1362
|
/* a swipe reveals the action's label beside its icon (c3-swipe.js) */
|
|
1362
1363
|
.c3 .rv{display:inline-flex;gap:4px;align-items:center}
|
|
1363
|
-
.c3 .rv .rvl{font:
|
|
1364
|
+
.c3 .rv .rvl{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.04em;white-space:nowrap}
|
|
1364
1365
|
.c3 .nrow[data-swipe],.c3 .drow[data-swipe]{touch-action:pan-y}
|
|
1365
1366
|
.c3 .nrow[data-swipe]:focus-visible,.c3 .drow[data-swipe]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
|
|
1366
1367
|
.c3.ph .opt,.c3.ph .nrow[data-swipe],.c3.ph .drow[data-swipe]{min-height:44px}
|
|
1367
|
-
.c3 .case .conf-fig{font:
|
|
1368
|
+
.c3 .case .conf-fig{font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);color:var(--tc)}
|
|
1368
1369
|
|
|
1369
1370
|
/* ── Reports interactions (report-families-view.js): the undo toast, the demo's hidden outbox host, 44px controls on a phone ── */
|
|
1370
1371
|
.c3.c3e.c3rp-toast{display:flex;font-family:var(--sans);position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;display:flex;gap:var(--sp-3);align-items:center;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:12px;background:var(--foreground);color:var(--background);font-size:var(--fs-3);box-shadow:0 8px 28px rgba(0,0,0,.25);animation:c3-toastin .25s}
|
|
@@ -1390,7 +1391,7 @@
|
|
|
1390
1391
|
.c3 .pbs>span[role="button"]::after{content:"";position:absolute;inset:-17px 0}
|
|
1391
1392
|
.c3 .chart .hit:focus-visible,.c3 svg.pg g[role="button"]:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
|
|
1392
1393
|
.c3 [data-cv-cell][data-cv-ev]{min-height:24px}
|
|
1393
|
-
.c3 .dk-confirm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:var(--fs-
|
|
1394
|
+
.c3 .dk-confirm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1394
1395
|
@media (max-width:760px){
|
|
1395
1396
|
.c3 .rdet .chip2,.c3 .rdet .st.lk,.c3 [data-cv="stage"] .sgb,.c3 [data-cv="stage"] .chip2,.c3 [data-cv="stage"] .ib,.c3 .dotb{min-height:44px;min-width:44px}
|
|
1396
1397
|
.c3 .rdet .st.lk{display:inline-flex;align-items:center}
|
|
@@ -1412,25 +1413,25 @@
|
|
|
1412
1413
|
/* ===== console3 Briefing and global behaviour: the toast, the palette, why-each-element, the case file in a row, the bell's unread dot =====
|
|
1413
1414
|
* Lifted from console3.html: .toast (152 to 153, 245), .pal (146 to 151), .why-on and .whyp (308 to 315), .incident (99), .nli .u (507). Mockup variables to D38 tokens
|
|
1414
1415
|
* (--fg/--bg/--bad to --foreground/--background/--destructive); the brand colour is --acc. */
|
|
1415
|
-
.c3 .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--foreground);color:var(--background);padding:8px 14px;display:flex;gap:14px;align-items:center;font-size:var(--fs-
|
|
1416
|
+
.c3 .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--foreground);color:var(--background);padding:8px 14px;display:flex;gap:14px;align-items:center;font-size:var(--fs-body);z-index:40;max-width:calc(100vw - 32px);border-radius:8px;box-shadow:var(--sh3);animation:c3-toastin .4s cubic-bezier(.34,1.56,.64,1);line-height:var(--lh-body);}
|
|
1416
1417
|
.c3 .toast button{background:transparent;border:0;color:inherit;text-decoration:underline;padding:0 6px;min-height:44px;min-width:44px;font:inherit;cursor:pointer}
|
|
1417
1418
|
@keyframes c3-toastin{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translateX(-50%)}}
|
|
1418
1419
|
@media (prefers-reduced-motion:reduce){.c3 .toast{animation:none}}
|
|
1419
1420
|
.c3 .pal{position:fixed;inset:0;background:oklch(0 0 0 / 30%);z-index:30;display:grid;place-items:start center;padding-top:12vh}
|
|
1420
1421
|
.c3 .pal>div{width:min(480px,92vw);background:var(--card);border:1px solid var(--ring);border-radius:12px;overflow:hidden;animation:c3-fadein .15s;box-shadow:var(--sh3)}
|
|
1421
|
-
.c3 .pal input{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px 14px;font-size:var(--fs-
|
|
1422
|
+
.c3 .pal input{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px 14px;font-size:var(--fs-body);background:transparent;color:var(--foreground);min-height:44px;line-height:var(--lh-body);}
|
|
1422
1423
|
.c3 .pal input:focus{outline:none}
|
|
1423
1424
|
.c3 .pal ul{max-height:50vh;overflow:auto;margin:0;padding:0;list-style:none}
|
|
1424
1425
|
.c3 .pal li button{display:flex;gap:10px;align-items:center;width:100%;border:0;background:transparent;padding:8px 14px;min-height:44px;text-align:left;color:inherit;font:inherit;cursor:pointer}
|
|
1425
1426
|
.c3 .pal li button[aria-selected=true],.c3 .pal li button:focus-visible{background:var(--muted);outline:none}
|
|
1426
1427
|
@media (hover:hover){.c3 .pal li button:hover{background:var(--muted)}}
|
|
1427
1428
|
.c3 .why-on [data-n]{position:relative;outline:1px dashed color-mix(in oklab,var(--acc) 60%,transparent);outline-offset:3px;border-radius:10px}
|
|
1428
|
-
.c3 .why-on [data-n]::before{content:attr(data-n);position:absolute;top:-9px;left:-9px;z-index:4;width:20px;height:20px;border-radius:6px;background:var(--acc);color:var(--on-accent);font:
|
|
1429
|
+
.c3 .why-on [data-n]::before{content:attr(data-n);position:absolute;top:-9px;left:-9px;z-index:4;width:20px;height:20px;border-radius:6px;background:var(--acc);color:var(--on-accent);font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);display:grid;place-items:center;box-shadow:var(--sh2)}
|
|
1429
1430
|
.c3 .why-on [data-n].wy{outline:2px solid var(--acc);outline-offset:4px;animation:c3-wy 1.8s ease-in-out infinite}
|
|
1430
1431
|
@keyframes c3-wy{50%{outline-color:color-mix(in oklab,var(--acc) 30%,transparent)}}
|
|
1431
1432
|
@media (prefers-reduced-motion:reduce){.c3 .why-on [data-n].wy{animation:none}}
|
|
1432
1433
|
.c3 .whyp{position:fixed;left:16px;bottom:16px;width:340px;max-width:calc(100vw - 32px);z-index:15;border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:grid;gap:8px;animation:c3-fadein .25s}
|
|
1433
|
-
.c3 .whyp b.n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;background:var(--acc);color:var(--on-accent);font:
|
|
1434
|
+
.c3 .whyp b.n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;background:var(--acc);color:var(--on-accent);font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);margin-right:6px}
|
|
1434
1435
|
.c3 .incident{border:1px solid var(--destructive);color:var(--destructive);padding:10px 14px;border-radius:8px;display:flex;gap:10px;align-items:center;margin:0 var(--sp-3) var(--sp-2)}
|
|
1435
1436
|
.c3 .incident .dim{color:var(--muted-foreground)}
|
|
1436
1437
|
.c3 .nli .w{display:grid;gap:4px;justify-items:end}
|
|
@@ -1439,7 +1440,7 @@
|
|
|
1439
1440
|
/* a case file inside a row: the agent's block, and the options and the slide hidden while a run is on */
|
|
1440
1441
|
.c3 .case.ag-busy .opts,.c3 .case.ag-busy .c3slide{display:none}
|
|
1441
1442
|
.c3 .c3res2{display:grid;gap:var(--sp-2)}
|
|
1442
|
-
.c3 .c3res2 .tbl{width:100%;border-collapse:collapse;font-size:var(--fs-
|
|
1443
|
+
.c3 .c3res2 .tbl{width:100%;border-collapse:collapse;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1443
1444
|
.c3 .c3res2 .tbl th,.c3 .c3res2 .tbl td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--border)}
|
|
1444
1445
|
.c3 .nrow .xp .case{margin-top:var(--sp-2)}
|
|
1445
1446
|
/* the row's swipe strips draw the label beside the icon; the key hint of the case sits under the row */
|
|
@@ -1465,8 +1466,8 @@
|
|
|
1465
1466
|
.c3 [data-in-view="signals"] .sgr .spk{align-self:start}
|
|
1466
1467
|
.c3pop .wbed{border-top:0;margin-top:0;padding-top:0}
|
|
1467
1468
|
.c3pop .dsec .dt[contenteditable]{min-height:44px}
|
|
1468
|
-
.c3 .rv .rvl{font:var(--fs-
|
|
1469
|
-
.c3 [data-rm-off] input{width:100%;font:inherit;font-size:var(--fs-
|
|
1469
|
+
.c3 .rv .rvl{font:var(--fs-meta)/var(--lh-meta) var(--mono);margin-left:6px}
|
|
1470
|
+
.c3 [data-rm-off] input{width:100%;font:inherit;font-size:var(--fs-body);padding:8px 10px;border:1px solid var(--ring);border-radius:8px;background:var(--card);color:var(--foreground);min-height:44px;line-height:var(--lh-body);}
|
|
1470
1471
|
.c3 .xi .fold .c3slide{margin-top:var(--sp-2)}
|
|
1471
1472
|
@media (max-width:640px){
|
|
1472
1473
|
.c3.ph .nrow .chip2.lk,.c3.ph .sgr .chip2.lk,.c3.ph .xi .chip2.lk,.c3pop.ph .chip2.lk{min-height:44px}
|
|
@@ -1487,11 +1488,11 @@
|
|
|
1487
1488
|
.c3 .ib[data-off]{opacity:.5;cursor:not-allowed}
|
|
1488
1489
|
|
|
1489
1490
|
/* ── Work: the jobs card's "All N items" block and the + New job line, as the mockup draws them (console3.html lines 949-954) ── */
|
|
1490
|
-
.c3 .c3all{display:grid;gap:var(--sp-2);font-size:var(--fs-
|
|
1491
|
+
.c3 .c3all{display:grid;gap:var(--sp-2);font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1491
1492
|
.c3 .c3all>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-2);align-items:baseline}
|
|
1492
1493
|
.c3 .c3all>div>span:last-child{display:grid;gap:2px}
|
|
1493
1494
|
.c3 .c3all .dn{text-decoration:line-through;color:var(--muted-foreground)}
|
|
1494
|
-
.c3 .c3all>div.hd{grid-template-columns:1fr;font-size:var(--fs-
|
|
1495
|
+
.c3 .c3all>div.hd{grid-template-columns:1fr;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1495
1496
|
.c3 .c3jnew{list-style:none;padding:var(--sp-2) 0}
|
|
1496
1497
|
/* the More menu hangs off the page root, fixed under its button: no ancestor can clip it or stack over it */
|
|
1497
1498
|
.c3 .c3pg-menu{position:fixed;right:auto;z-index:90;overflow:auto}
|
|
@@ -1502,7 +1503,7 @@
|
|
|
1502
1503
|
.c3 [data-c3-tab] .shell-recdot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--destructive);box-shadow:0 0 0 2px var(--background)}
|
|
1503
1504
|
.c3 [data-c3-tab] .shell-recdot[hidden]{display:none}
|
|
1504
1505
|
.c3 .recg .rt{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
1505
|
-
.c3 [data-cv="notes"] .tbl select{min-height:32px;max-width:100%;font:var(--fs-
|
|
1506
|
+
.c3 [data-cv="notes"] .tbl select{min-height:32px;max-width:100%;font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1506
1507
|
.c3 [data-cv="week-grid"] .wb{cursor:pointer}
|
|
1507
1508
|
.c3 [data-cv="week-grid"] .wb:focus-visible rect:first-of-type,.c3 svg.pg .pgrow:focus-visible rect{outline:2px solid var(--ring)}
|
|
1508
1509
|
@media (max-width:760px){.c3 [data-cv="notes"] .tbl select{min-height:44px}.c3 [data-cv="notes"] .tbl{display:block;overflow-x:auto}}
|
|
@@ -1510,8 +1511,8 @@
|
|
|
1510
1511
|
/* ── Lifecycle panels (console3 wave L1). Lifted from console3.html lines 835 to 858 (.evm, .gt, .gtr, .sc, .scr, .sct), with the same token map as above.
|
|
1511
1512
|
* Additions the mockup does not have: a gate that is not applicable or that the engine does not claim (.gt i.na, .gt i.u), the add forms of the empty states (.lfm), and the
|
|
1512
1513
|
* untraced flag. ── */
|
|
1513
|
-
.c3 .evm{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,.5fr));gap:var(--sp-2) var(--sp-3);align-items:center;font-size:var(--fs-
|
|
1514
|
-
.c3 .evm .h{font:
|
|
1514
|
+
.c3 .evm{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,.5fr));gap:var(--sp-2) var(--sp-3);align-items:center;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1515
|
+
.c3 .evm .h{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;text-align:center}
|
|
1515
1516
|
.c3 .evm .c{display:grid;place-items:center}
|
|
1516
1517
|
.c3 .evm .c i{width:14px;height:14px;border-radius:50%;background:var(--success)}
|
|
1517
1518
|
.c3 .evm .c i.o{background:transparent;border:2px dashed var(--ring)}
|
|
@@ -1522,26 +1523,26 @@
|
|
|
1522
1523
|
.c3 .gt i.h{background:linear-gradient(90deg,var(--success) 50%,var(--muted) 50%)}
|
|
1523
1524
|
.c3 .gt i.na{background:transparent;border:1px dashed var(--ring);opacity:.6}
|
|
1524
1525
|
.c3 .gt i.u{background:repeating-linear-gradient(135deg,var(--muted) 0 4px,transparent 4px 8px);border:1px solid var(--border)}
|
|
1525
|
-
.c3 .gtr{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;font-size:var(--fs-
|
|
1526
|
+
.c3 .gtr{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;font-size:var(--fs-meta);padding:6px 0;border-bottom:1px solid var(--border);line-height:var(--lh-meta);}
|
|
1526
1527
|
.c3 .gtr:last-child{border-bottom:0}
|
|
1527
1528
|
.c3 .sc{display:grid;gap:var(--sp-3)}
|
|
1528
1529
|
.c3 .scr{display:grid;gap:4px}
|
|
1529
|
-
.c3 .scr .l{display:flex;justify-content:space-between;font-size:var(--fs-
|
|
1530
|
+
.c3 .scr .l{display:flex;justify-content:space-between;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1530
1531
|
.c3 .scr .tk{position:relative;height:10px;border-radius:5px;background:var(--muted)}
|
|
1531
1532
|
.c3 .scr .tk u{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--c);text-decoration:none}
|
|
1532
1533
|
.c3 .scr .tk s{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--foreground);text-decoration:none}
|
|
1533
1534
|
.c3 .sct{width:100%;height:auto;display:block}
|
|
1534
|
-
.c3 .sct text{font:var(--fs-
|
|
1535
|
+
.c3 .sct text{font:var(--fs-meta)/var(--lh-meta) var(--mono);fill:var(--muted-foreground)}
|
|
1535
1536
|
.c3 .sct .t{fill:var(--foreground)}
|
|
1536
1537
|
.c3 .sct circle{cursor:pointer;transition:r .15s}
|
|
1537
1538
|
.c3 .sct circle:hover{stroke:var(--foreground);stroke-width:2}
|
|
1538
|
-
.c3 .gtl{display:grid;grid-template-columns:repeat(6,1fr);font:var(--fs-
|
|
1539
|
+
.c3 .gtl{display:grid;grid-template-columns:repeat(6,1fr);font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-align:center}
|
|
1539
1540
|
.c3 .lfm{display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}
|
|
1540
|
-
.c3 .lfm label{display:grid;gap:2px;font:var(--fs-
|
|
1541
|
+
.c3 .lfm label{display:grid;gap:2px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1541
1542
|
.c3 .lfm input,.c3 .lfm select{min-height:44px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--foreground);font:var(--fs-3) var(--sans)}
|
|
1542
1543
|
.c3 .lfm .row2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}
|
|
1543
1544
|
.c3 .lfm button{min-height:44px}
|
|
1544
|
-
.c3 .lfm .err{color:var(--destructive);font-size:var(--fs-
|
|
1545
|
+
.c3 .lfm .err{color:var(--destructive);font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1545
1546
|
.c3 .st.unt{color:var(--warning)}
|
|
1546
1547
|
@container (max-width:520px){.c3 .gtr{grid-template-columns:minmax(0,1fr) auto}.c3 .gtr>.hbs{grid-column:1/-1;order:3}.c3 .lfm .row2{grid-template-columns:1fr}}
|
|
1547
1548
|
.c3.ph .gtr{grid-template-columns:minmax(0,1fr) auto}.c3.ph .gtr>.hbs{grid-column:1/-1;order:3}.c3.ph .lfm .row2{grid-template-columns:1fr}
|
|
@@ -1550,14 +1551,14 @@
|
|
|
1550
1551
|
/* console3.css addition (Calendar Quarter and Year, c3-cal-strategy.js): the mockup's .syn grid (lines 679 to 685) and .nsm (690, 694), the .c3 prefix and
|
|
1551
1552
|
* the D38 tokens in place of the mockup's names. The grid's column count is set inline, because a repository has as many key results as it has. */
|
|
1552
1553
|
.c3 .syn{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:6px;align-items:center}
|
|
1553
|
-
.c3 .syn .h{font:
|
|
1554
|
-
.c3 .syn .l{font-size:var(--fs-
|
|
1554
|
+
.c3 .syn .h{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;text-align:center;display:grid;justify-items:center;gap:2px;min-width:0;overflow-wrap:anywhere}
|
|
1555
|
+
.c3 .syn .l{font-size:var(--fs-meta);line-height:1.3;min-width:0;overflow-wrap:anywhere}
|
|
1555
1556
|
.c3 .syn .c{display:flex;justify-content:center;gap:3px;min-height:20px;align-items:center}
|
|
1556
1557
|
.c3 .syn .c i{width:10px;height:10px;border-radius:50%;background:var(--acc)}
|
|
1557
1558
|
.c3 .syn .c i.o{background:transparent;border:1.5px dashed var(--ring)}
|
|
1558
|
-
.c3 .syn .c.gap{color:var(--destructive);font:var(--fs-
|
|
1559
|
+
.c3 .syn .c.gap{color:var(--destructive);font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1559
1560
|
.c3 .nsm{width:100%;height:auto}
|
|
1560
|
-
.c3 .nsm text{font:var(--fs-
|
|
1561
|
+
.c3 .nsm text{font:var(--fs-meta)/var(--lh-meta) var(--mono);fill:var(--muted-foreground)}
|
|
1561
1562
|
.c3 [data-cs] .sgr{min-height:44px}
|
|
1562
1563
|
.c3 [data-cs="deck"] .dkd{position:relative}
|
|
1563
1564
|
.c3 .cs-empty{display:grid;gap:6px}
|
|
@@ -1567,8 +1568,8 @@
|
|
|
1567
1568
|
.c3 .sntrack[data-n]::before{left:calc(50% / var(--n));right:calc(50% / var(--n))}
|
|
1568
1569
|
.c3 .sntrack .sn{min-height:44px;align-content:start;padding-top:2px}
|
|
1569
1570
|
.c3 .fcm{width:100%;border-collapse:collapse;display:table}
|
|
1570
|
-
.c3 .fcm td,.c3 .fcm th{padding:6px 8px;font-size:var(--fs-
|
|
1571
|
-
.c3 .fcm td button{width:100%;min-height:44px;border:0;border-radius:6px;padding:4px 2px;background:transparent;font:var(--fs-
|
|
1571
|
+
.c3 .fcm td,.c3 .fcm th{padding:6px 8px;font-size:var(--fs-meta);text-align:center;line-height:var(--lh-meta);}
|
|
1572
|
+
.c3 .fcm td button{width:100%;min-height:44px;border:0;border-radius:6px;padding:4px 2px;background:transparent;font:var(--fs-meta)/var(--lh-meta) var(--mono);cursor:pointer}
|
|
1572
1573
|
.c3.ph .recg>*{min-height:44px;min-width:44px;height:44px}
|
|
1573
1574
|
.c3.ph [data-cv="notes"] .link,.c3.ph [data-cv="notes"] .ib.pri{min-height:44px;min-width:44px}
|
|
1574
1575
|
.c3.ph [data-cv="notes"] a{display:inline-flex;align-items:center;min-height:44px}
|
|
@@ -1586,11 +1587,11 @@
|
|
|
1586
1587
|
.c3 .c3t-card[data-swipe]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
|
|
1587
1588
|
.c3 .c3t-card .top{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}
|
|
1588
1589
|
.c3 .c3t-card .top>.dim:last-child{margin-left:auto}
|
|
1589
|
-
.c3 .c3t-card h3{font-size:var(--fs-
|
|
1590
|
+
.c3 .c3t-card h3{font-size:var(--fs-panel);line-height:1.3;font-weight:var(--fw-strong);margin:0;text-wrap:balance;overflow-wrap:anywhere}
|
|
1590
1591
|
.c3 .c3t-card .dim{color:var(--muted-foreground)}
|
|
1591
1592
|
.c3 .c3t-run{display:grid;gap:var(--sp-2)}
|
|
1592
1593
|
.c3 .c3t-run .line{display:flex;align-items:center;gap:var(--sp-2)}
|
|
1593
|
-
.c3 .c3t-run .line .t{flex:1;min-width:0;font:var(--fs-
|
|
1594
|
+
.c3 .c3t-run .line .t{flex:1;min-width:0;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--acc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
1594
1595
|
.c3 .c3t-obs{display:flex;gap:6px;flex-wrap:wrap}
|
|
1595
1596
|
.c3 .c3t-obs .chip2{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
|
|
1596
1597
|
.c3 .prog{display:flex;gap:3px}
|
|
@@ -1599,7 +1600,7 @@
|
|
|
1599
1600
|
.c3 .c3t-card .ask,.c3 .c3t-node .ask,.c3 .c3t-card .fail{display:grid;gap:var(--sp-2);border:1px solid var(--warning);background:color-mix(in oklab,var(--warning) 9%,transparent);border-radius:10px;padding:var(--sp-3)}
|
|
1600
1601
|
.c3 .c3t-card .fail{border-color:var(--destructive);background:color-mix(in oklab,var(--destructive) 8%,transparent)}
|
|
1601
1602
|
.c3 .c3t-card .fail.w{border-color:var(--warning);background:color-mix(in oklab,var(--warning) 9%,transparent)}
|
|
1602
|
-
.c3 .raw{background:var(--muted);border-radius:8px;padding:var(--sp-2) var(--sp-3);font:var(--fs-
|
|
1603
|
+
.c3 .raw{background:var(--muted);border-radius:8px;padding:var(--sp-2) var(--sp-3);font:var(--fs-meta)/1.6 var(--mono);color:var(--muted-foreground);overflow-wrap:anywhere;white-space:pre-wrap}
|
|
1603
1604
|
.c3 .c3t-card .draft{background:var(--muted);border-radius:10px;padding:var(--sp-3);font-size:var(--fs-3);white-space:pre-wrap;overflow-wrap:anywhere}
|
|
1604
1605
|
.c3 .c3t-tray{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}
|
|
1605
1606
|
.c3 .c3t-grow{flex:1}
|
|
@@ -1622,18 +1623,18 @@
|
|
|
1622
1623
|
.c3 .c3t-claims{display:grid;gap:var(--sp-2);margin:0;padding:0;list-style:none}
|
|
1623
1624
|
.c3 .c3t-claims li,.c3 .c3t-bul{display:flex;gap:var(--sp-2);align-items:baseline;min-width:0}
|
|
1624
1625
|
.c3 .c3t-claims li>span:last-child,.c3 .c3t-bul>span:last-child{min-width:0;overflow-wrap:anywhere}
|
|
1625
|
-
.c3 .c3t-src{font-size:var(--fs-
|
|
1626
|
+
.c3 .c3t-src{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1626
1627
|
/* heroes */
|
|
1627
1628
|
.c3 .c3t-tl{position:relative;height:46px}
|
|
1628
1629
|
.c3 .c3t-tl .axis{position:absolute;left:0;right:0;top:22px;height:2px;background:var(--border)}
|
|
1629
1630
|
.c3 .c3t-tl .gap{position:absolute;top:20px;height:6px;border-radius:3px;background:color-mix(in oklab,var(--destructive) 55%,transparent)}
|
|
1630
1631
|
.c3 .c3t-tl .mk{position:absolute;top:14px;width:2px;height:18px;background:var(--foreground)}
|
|
1631
|
-
.c3 .c3t-tl .mk span{position:absolute;white-space:nowrap;font:var(--fs-
|
|
1632
|
+
.c3 .c3t-tl .mk span{position:absolute;white-space:nowrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);transform:translateX(-50%);left:1px}
|
|
1632
1633
|
.c3 .c3t-tl .pr span{top:-14px}
|
|
1633
1634
|
.c3 .c3t-tl .fc{background:var(--acc)}
|
|
1634
1635
|
.c3 .c3t-tl .fc span{top:20px;color:var(--acc)}
|
|
1635
1636
|
.c3 .c3t-q{margin:0;padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--purple);background:var(--muted);border-radius:0 8px 8px 0;font-size:var(--fs-3)}
|
|
1636
|
-
.c3 .c3t-q cite{display:block;font:var(--fs-
|
|
1637
|
+
.c3 .c3t-q cite{display:block;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);font-style:normal;margin-top:4px}
|
|
1637
1638
|
.c3 .c3t-ci{display:flex;align-items:center;gap:var(--sp-1)}
|
|
1638
1639
|
.c3 .c3t-ci i{width:28px;height:10px;border-radius:3px;background:var(--border)}
|
|
1639
1640
|
.c3 .c3t-ci i.ok{background:var(--success)}.c3 .c3t-ci i.bad{background:var(--destructive)}.c3 .c3t-ci i.run{background:var(--acc);animation:c3-c3tbl 1s infinite alternate}
|
|
@@ -1645,31 +1646,31 @@
|
|
|
1645
1646
|
.c3 .c3t-file{border:1px solid var(--border);border-radius:10px;overflow:hidden}
|
|
1646
1647
|
.c3 .c3t-file .fh{display:flex;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-3);background:var(--muted);flex-wrap:wrap}
|
|
1647
1648
|
.c3 .c3t-file .fh b{flex:1;min-width:0}
|
|
1648
|
-
.c3 .c3t-file .fb{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-
|
|
1649
|
+
.c3 .c3t-file .fb{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1649
1650
|
.c3 .c3t-file .ft{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border);overflow-wrap:anywhere}
|
|
1650
|
-
.c3 .c3t-md h4{margin:var(--sp-2) 0 2px;font-size:var(--fs-
|
|
1651
|
-
.c3 .c3t-note{margin:0;font-size:var(--fs-
|
|
1651
|
+
.c3 .c3t-md h4{margin:var(--sp-2) 0 2px;font-size:var(--fs-body);line-height:var(--lh-body);}.c3 .c3t-md p{margin:2px 0}.c3 .c3t-md ul{margin:2px 0;padding-left:18px}
|
|
1652
|
+
.c3 .c3t-note{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
1652
1653
|
.c3 .c3t-dk{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;touch-action:pan-y;user-select:none;display:block}
|
|
1653
1654
|
.c3 .c3t-dk .sl{padding:var(--sp-4);min-height:170px;display:flex;flex-direction:column;gap:var(--sp-2)}
|
|
1654
|
-
.c3 .c3t-dk .sl h4{margin:0;font-size:var(--fs-
|
|
1655
|
+
.c3 .c3t-dk .sl h4{margin:0;font-size:var(--fs-panel);font-weight:var(--fw-strong);line-height:var(--lh-panel);}
|
|
1655
1656
|
.c3 .c3t-dk .nv{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border);background:var(--muted)}
|
|
1656
1657
|
.c3 .c3t-dk .nv .dim{flex:1;text-align:center}
|
|
1657
1658
|
.c3 .c3t-deck .foot{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2);justify-content:space-between}
|
|
1658
1659
|
.c3 .c3t-tbl .tw{overflow-x:auto}
|
|
1659
|
-
.c3 .c3t-tbl .tbl{width:100%;border-collapse:collapse;font-size:var(--fs-
|
|
1660
|
+
.c3 .c3t-tbl .tbl{width:100%;border-collapse:collapse;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1660
1661
|
.c3 .c3t-tbl .tbl td,.c3 .c3t-tbl .tbl th{padding:6px 10px 6px 0;border-bottom:1px solid var(--border);text-align:left}
|
|
1661
1662
|
.c3 .c3t-tbl .tbl td.n,.c3 .c3t-tbl .tbl th.n{font-family:var(--mono);text-align:right}
|
|
1662
1663
|
.c3 .c3t-th{background:none;border:0;padding:0 4px;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;min-height:44px}
|
|
1663
1664
|
.c3 .c3t-dg .dg{border:1px solid var(--border);border-radius:10px;background:var(--card);overflow:auto}
|
|
1664
1665
|
.c3 .c3t-dg svg{display:block;max-width:100%;height:auto}
|
|
1665
1666
|
.c3 .c3t-dg .nd{fill:var(--card);stroke:var(--border);stroke-width:1.5}.c3 .c3t-dg .cp{stroke:var(--acc);fill:color-mix(in oklab,var(--acc) 12%,transparent)}
|
|
1666
|
-
.c3 .c3t-dg text{fill:var(--foreground);font:
|
|
1667
|
+
.c3 .c3t-dg text{fill:var(--foreground);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono)}.c3 .c3t-dg .ed{stroke:var(--muted-foreground);fill:none;stroke-width:1.5}.c3 .c3t-dg .ec{stroke:var(--acc);fill:none;stroke-width:2.5}
|
|
1667
1668
|
.c3 .c3t-dg summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
|
|
1668
1669
|
.c3 .c3t-draft{display:grid;gap:var(--sp-2)}
|
|
1669
1670
|
.c3 .sayb{display:grid;gap:4px}
|
|
1670
1671
|
.c3 .sayb .m{padding:6px 12px;border-radius:12px;max-width:100%;overflow-wrap:anywhere}
|
|
1671
1672
|
.c3 .sayb .m.me{justify-self:end;background:var(--acc);color:var(--on-accent)}.c3 .sayb .m.bot{background:var(--muted)}
|
|
1672
|
-
.c3 .c3t-back{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px var(--sp-3);margin:0;font:var(--fs-
|
|
1673
|
+
.c3 .c3t-back{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px var(--sp-3);margin:0;font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1673
1674
|
.c3 .c3t-back dt{color:var(--muted-foreground)}.c3 .c3t-back dd{margin:0;overflow-wrap:anywhere}
|
|
1674
1675
|
/* the page and its groups */
|
|
1675
1676
|
.c3 .c3t-page{display:grid;gap:var(--sp-3);min-width:0}
|
|
@@ -1679,7 +1680,7 @@
|
|
|
1679
1680
|
.c3 .c3t-cards>*{min-width:0}
|
|
1680
1681
|
.c3 .c3t-sect{display:grid;gap:var(--sp-2)}
|
|
1681
1682
|
.c3 .c3t-sect .sh2{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}
|
|
1682
|
-
.c3 .c3t-sect .sh2 h2{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--fs-
|
|
1683
|
+
.c3 .c3t-sect .sh2 h2{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
1683
1684
|
.c3 .c3t .c3t-row{cursor:pointer}
|
|
1684
1685
|
.c3 .c3t .c3t-row .xp{cursor:default}
|
|
1685
1686
|
.c3 .c3t .c3t-row .xi{display:grid;gap:var(--sp-2);padding-top:var(--sp-2)}
|
|
@@ -1699,7 +1700,7 @@
|
|
|
1699
1700
|
.c3 .c3t-pad{display:grid;gap:var(--sp-2);flex:none;border-top:1px solid var(--border);padding-top:var(--sp-2);position:relative}
|
|
1700
1701
|
.c3 .c3t-pad-h{display:flex;gap:var(--sp-2);align-items:center;justify-content:space-between}
|
|
1701
1702
|
.c3 .c3t-pad-h .pill:disabled{opacity:.35;cursor:not-allowed}
|
|
1702
|
-
.c3 .c3t-pad-ta{width:100%;min-height:48px;resize:none;font:var(--fs-
|
|
1703
|
+
.c3 .c3t-pad-ta{width:100%;min-height:48px;resize:none;font:var(--fs-meta)/var(--lh-meta) var(--mono);box-sizing:border-box}
|
|
1703
1704
|
.c3 .c3t-pad-grip{position:absolute;left:0;right:0;top:-7px;height:10px;cursor:row-resize;touch-action:none;display:flex;align-items:center;justify-content:center}
|
|
1704
1705
|
.c3 .c3t-pad-grip::after{content:'';width:36px;height:3px;background:var(--border)}
|
|
1705
1706
|
.c3 .c3t-pad-grip:focus-visible::after,.c3 .c3t-pad-grip[data-dragging]::after{background:var(--ring)}
|
|
@@ -1715,52 +1716,52 @@
|
|
|
1715
1716
|
.c3 .c3t-cv-panes>[hidden]{display:none}
|
|
1716
1717
|
.c3 .c3t-cv-panes .c3t-tw{flex:1 1 0;height:auto;min-height:0}
|
|
1717
1718
|
.c3 .c3t-cv-list{display:none;border-right:1px solid var(--border);overflow:auto;padding:0 var(--sp-2) 0 0;margin-right:var(--sp-3);gap:2px;align-content:start}
|
|
1718
|
-
.c3 .c3t-cv-list .eyebrow{padding:var(--sp-2) 10px 4px;font:
|
|
1719
|
-
.c3 .c3t-cv-list button{display:grid;gap:2px;justify-content:stretch;justify-items:start;align-content:start;text-align:left;border:0;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--foreground);font:inherit;font-size:var(--fs-
|
|
1719
|
+
.c3 .c3t-cv-list .eyebrow{padding:var(--sp-2) 10px 4px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}
|
|
1720
|
+
.c3 .c3t-cv-list button{display:grid;gap:2px;justify-content:stretch;justify-items:start;align-content:start;text-align:left;border:0;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--foreground);font:inherit;font-size:var(--fs-body);line-height:1.3;width:100%;min-width:0;height:auto;min-height:0}
|
|
1720
1721
|
.c3 .c3t-cv-list button>span{max-width:100%}
|
|
1721
1722
|
.c3 .c3t-cv-list button .nm,.c3 .c3t-cv-list button .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
1722
|
-
.c3 .c3t-cv-list button .sub{font:var(--fs-
|
|
1723
|
+
.c3 .c3t-cv-list button .sub{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1723
1724
|
.c3 .c3t-cv-list button[aria-current="true"]{background:color-mix(in oklab,var(--acc) 12%,transparent)}
|
|
1724
1725
|
.c3 .c3t-cv-list button[aria-current="true"] .nm{color:var(--acc)}
|
|
1725
1726
|
.c3 .c3t-cv-main{display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0}
|
|
1726
|
-
.c3 .c3t-cv-meta{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);font:var(--fs-
|
|
1727
|
+
.c3 .c3t-cv-meta{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1727
1728
|
.c3 .c3t-cv-meta .tg{--tc:var(--acc)}
|
|
1728
1729
|
.c3 .c3t-cv-meta .tg[data-tone="muted"]{--tc:var(--muted-foreground)}
|
|
1729
1730
|
.c3 .c3t-cv-meta .tg[data-tone="warning"]{--tc:var(--warning)}
|
|
1730
1731
|
.c3 .c3t-cv-feed{flex:1 1 0;min-height:0;overflow:auto;padding:var(--sp-3) 2px}
|
|
1731
1732
|
.c3 .c3t-cv-feed>.wrap{max-width:820px;margin:0;display:flex;flex-direction:column;gap:var(--sp-2)}
|
|
1732
|
-
.c3 .c3t-cv .m{padding:8px 14px;border-radius:8px;max-width:85%;overflow-wrap:anywhere;font-size:var(--fs-
|
|
1733
|
+
.c3 .c3t-cv .m{padding:8px 14px;border-radius:8px;max-width:85%;overflow-wrap:anywhere;font-size:var(--fs-body);line-height:1.5}
|
|
1733
1734
|
.c3 .c3t-cv .m.me{align-self:flex-end;background:var(--acc);color:var(--on-accent);white-space:pre-wrap}
|
|
1734
1735
|
.c3 .c3t-cv .m.bot{align-self:flex-start;background:var(--muted)}
|
|
1735
|
-
.c3 .c3t-cv .m.st{color:var(--muted-foreground);font:var(--fs-
|
|
1736
|
+
.c3 .c3t-cv .m.st{color:var(--muted-foreground);font:var(--fs-meta)/var(--lh-meta) var(--mono);padding:0}
|
|
1736
1737
|
.c3 .c3t-cv .m.bot .c3t-md{display:grid;gap:6px}
|
|
1737
1738
|
.c3 .c3t-cv .m.bot .c3t-md>*{margin:0}
|
|
1738
1739
|
.c3 .c3t-cv .m.bot ul,.c3 .c3t-cv .m.bot ol{padding-left:18px}
|
|
1739
|
-
.c3 .c3t-cv .m.bot code{font:var(--fs-
|
|
1740
|
+
.c3 .c3t-cv .m.bot code{font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1740
1741
|
.c3 .c3t-cv .m.bot pre{margin:0;padding:8px 10px;border-radius:6px;background:var(--background);border:1px solid var(--border);overflow:auto;max-height:240px}
|
|
1741
|
-
.c3 .c3t-cv .who{display:flex;gap:6px;align-items:center;margin-top:var(--sp-2);font:
|
|
1742
|
+
.c3 .c3t-cv .who{display:flex;gap:6px;align-items:center;margin-top:var(--sp-2);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1742
1743
|
.c3 .c3t-cv .who.me{align-self:flex-end}
|
|
1743
|
-
.c3 .c3t-cv details.tools{align-self:flex-start;max-width:85%;font:var(--fs-
|
|
1744
|
+
.c3 .c3t-cv details.tools{align-self:flex-start;max-width:85%;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1744
1745
|
.c3 .c3t-cv details.tools summary{cursor:pointer;display:flex;gap:6px;align-items:center;list-style:none;padding:2px 0}
|
|
1745
1746
|
.c3 .c3t-cv details.tools summary::-webkit-details-marker{display:none}
|
|
1746
1747
|
.c3 .c3t-cv details.tools[open] summary .car{display:inline-flex;transform:rotate(90deg)}
|
|
1747
1748
|
.c3 .c3t-cv details.tools ul{list-style:none;margin:4px 0 0;padding:0 0 0 18px;display:grid;gap:4px;border-left:2px solid var(--border)}
|
|
1748
1749
|
.c3 .c3t-cv details.tools li{display:flex;gap:6px;align-items:baseline;min-width:0}
|
|
1749
|
-
.c3 .c3t-cv details.tools li b{color:var(--foreground);font-weight:
|
|
1750
|
+
.c3 .c3t-cv details.tools li b{color:var(--foreground);font-weight:var(--fw-regular)}
|
|
1750
1751
|
.c3 .c3t-cv details.tools li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
|
|
1751
|
-
.c3 .c3t-cv .live{align-self:flex-start;display:flex;gap:8px;align-items:center;font:var(--fs-
|
|
1752
|
+
.c3 .c3t-cv .live{align-self:flex-start;display:flex;gap:8px;align-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1752
1753
|
.c3 .c3t-cv .perm{border:1px solid var(--warning);border-radius:8px;padding:var(--sp-3);display:grid;gap:var(--sp-2);background:color-mix(in oklab,var(--warning) 6%,var(--card))}
|
|
1753
|
-
.c3 .c3t-cv .perm .q{font:var(--fs-
|
|
1754
|
+
.c3 .c3t-cv .perm .q{font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1754
1755
|
.c3 .c3t-cv .perm .c3t-tray{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}
|
|
1755
1756
|
.c3 .c3t-cv .none{margin:var(--sp-4) auto;max-width:420px;text-align:center;display:grid;gap:var(--sp-3);justify-items:center}
|
|
1756
1757
|
.c3 .c3t-cv .none>.ic{width:28px;height:28px;color:var(--muted-foreground)}
|
|
1757
|
-
.c3 .c3t-cv .none .dim{font-size:var(--fs-
|
|
1758
|
+
.c3 .c3t-cv .none .dim{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1758
1759
|
.c3 .c3t-cv-comp{border-top:1px solid var(--border);padding-top:var(--sp-2);display:grid;gap:6px}
|
|
1759
1760
|
.c3 .c3t-cv-comp[hidden],.c3 .c3t-cv-comp .box>[hidden]{display:none}
|
|
1760
1761
|
.c3 .c3t-cv-comp .box{display:flex;gap:var(--sp-2);align-items:flex-end;border:1px solid var(--border);border-radius:8px;padding:6px 6px 6px 12px;background:var(--card)}
|
|
1761
1762
|
.c3 .c3t-cv-comp .box:focus-within{border-color:var(--ring)}
|
|
1762
|
-
.c3 .c3t-cv-comp textarea{flex:1;border:0;background:none;resize:none;font:inherit;font-size:var(--fs-
|
|
1763
|
-
.c3 .c3t-cv-comp .hint{display:flex;gap:var(--sp-2);justify-content:space-between;align-items:center;flex-wrap:wrap;font:var(--fs-
|
|
1763
|
+
.c3 .c3t-cv-comp textarea{flex:1;border:0;background:none;resize:none;font:inherit;font-size:var(--fs-body);color:var(--foreground);padding:5px 0;outline:none;min-width:0;line-height:var(--lh-body);}
|
|
1764
|
+
.c3 .c3t-cv-comp .hint{display:flex;gap:var(--sp-2);justify-content:space-between;align-items:center;flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1764
1765
|
.c3 .c3t-cv-comp .hint .chips2[hidden]{display:none}
|
|
1765
1766
|
@media (min-width:761px){
|
|
1766
1767
|
.c3:not(.ph) .sheet.c3t-ss.tsz-two-thirds .c3t-cv,.c3:not(.ph) .sheet.c3t-ss.tsz-whole .c3t-cv{grid-template-columns:220px minmax(0,1fr)}
|
|
@@ -1778,21 +1779,21 @@
|
|
|
1778
1779
|
.c3 .c3t-panel .feed{display:flex;flex-direction:column;gap:var(--sp-2);max-height:220px;overflow:auto}
|
|
1779
1780
|
.c3 .c3t-panel .m{padding:6px 12px;border-radius:12px;max-width:88%;overflow-wrap:anywhere}
|
|
1780
1781
|
.c3 .c3t-panel .m.me{align-self:flex-end;background:var(--acc);color:var(--on-accent)}.c3 .c3t-panel .m.bot{background:var(--muted)}
|
|
1781
|
-
.c3 .c3t-panel .m.st{color:var(--muted-foreground);font:var(--fs-
|
|
1782
|
+
.c3 .c3t-panel .m.st{color:var(--muted-foreground);font:var(--fs-meta)/var(--lh-meta) var(--mono);padding:0}
|
|
1782
1783
|
/* a real session's conversation (c3-session-chat.js): taller than the demo feed, the agent's markdown inside its bubble */
|
|
1783
1784
|
.c3 .c3t-panel .feed.conv{max-height:min(460px,55vh);padding-right:4px}
|
|
1784
1785
|
.c3 .c3t-panel .m.me{white-space:pre-wrap}
|
|
1785
1786
|
.c3 .c3t-panel .m.bot .c3t-md{display:grid;gap:6px}
|
|
1786
1787
|
.c3 .c3t-panel .m.bot .c3t-md>*{margin:0}
|
|
1787
1788
|
.c3 .c3t-panel .m.bot ul,.c3 .c3t-panel .m.bot ol{padding-left:18px}
|
|
1788
|
-
.c3 .c3t-panel .m.bot code{font:var(--fs-
|
|
1789
|
+
.c3 .c3t-panel .m.bot code{font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1789
1790
|
.c3 .c3t-panel .m.bot pre{margin:0;padding:8px 10px;border-radius:8px;background:var(--background);border:1px solid var(--border);overflow:auto;max-height:240px}
|
|
1790
1791
|
.c3 .c3t-tl2 .tlr{display:flex;gap:var(--sp-2);align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border)}
|
|
1791
1792
|
.c3 .c3t-tl2 .tlr .lab{width:78px}
|
|
1792
1793
|
.c3 .c3t-edge{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:var(--sp-4);align-items:start}
|
|
1793
1794
|
.c3 .elist{display:flex;flex-direction:column;gap:2px}
|
|
1794
|
-
.c3 .elist .eh{margin-top:var(--sp-3);font:
|
|
1795
|
-
.c3 .elist button{text-align:left;padding:8px 12px;border-radius:8px;color:var(--muted-foreground);font-size:var(--fs-
|
|
1795
|
+
.c3 .elist .eh{margin-top:var(--sp-3);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}
|
|
1796
|
+
.c3 .elist button{text-align:left;padding:8px 12px;border-radius:8px;color:var(--muted-foreground);font-size:var(--fs-body);width:100%;background:none;border:0;min-height:44px;cursor:pointer;line-height:var(--lh-body);}
|
|
1796
1797
|
.c3 .elist button[aria-pressed="true"]{background:color-mix(in oklab,var(--acc) 12%,transparent);color:var(--acc)}
|
|
1797
1798
|
.c3 .c3t-node{border:1px solid var(--border);border-radius:12px;padding:var(--sp-3);display:grid;gap:var(--sp-3);background:var(--card);min-width:0}
|
|
1798
1799
|
.c3 .c3t-node .top{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}
|
|
@@ -1810,9 +1811,9 @@
|
|
|
1810
1811
|
.c3 .c3top .ib[data-c3pg="agent-button"] .ic{color:var(--acc)}
|
|
1811
1812
|
.c3 .c3dock .dk-h .ib[data-c3pg="dock-agent"] .ic{color:var(--acc)}
|
|
1812
1813
|
.c3 .c3dock .dk-h .ib .bdg{position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px var(--card)}
|
|
1813
|
-
.c3 .c3t-card h3{font:
|
|
1814
|
+
.c3 .c3t-card h3{font:var(--fw-strong) var(--fs-panel)/1.3 var(--sans);text-transform:none;letter-spacing:0;color:var(--foreground)}
|
|
1814
1815
|
.c3 .c3t-obs .chip2{display:inline-block;background:var(--muted);color:var(--muted-foreground);border-radius:99px;padding:2px 10px;font:var(--fs-1)/1.5 var(--mono);border:0}
|
|
1815
|
-
.c3 .c3t-obs .chip2 b{color:var(--foreground);font-weight:
|
|
1816
|
+
.c3 .c3t-obs .chip2 b{color:var(--foreground);font-weight:var(--fw-regular)}
|
|
1816
1817
|
.c3 .c3t-card .tg{width:max-content}
|
|
1817
1818
|
@media (max-width:760px){
|
|
1818
1819
|
.c3 .c3t .pill,.c3 .c3t-card .pill,.c3 .c3t .chip2.lk,.c3 .c3t-card .chip2.lk,.c3 .c3t-th{min-width:44px;justify-content:center}
|
|
@@ -1825,7 +1826,7 @@
|
|
|
1825
1826
|
.c3 .psess:hover{border-color:var(--ring)}
|
|
1826
1827
|
.c3 .psess:active{transform:scale(.93)}
|
|
1827
1828
|
@media (max-width:760px){.c3 .psess{min-height:44px}}
|
|
1828
|
-
.c3 .psess .c{font:var(--fs-
|
|
1829
|
+
.c3 .psess .c{font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1829
1830
|
/* Briefing as the brief (initiative briefing-brief): one column; Today agenda; own-item rows of Needs you; inline Portfolio pulse */
|
|
1830
1831
|
/* Briefing, console3-briefing-parity: the day-part switch in the stance bar, the tags, the Today rows */
|
|
1831
1832
|
.c3 .stance{flex-wrap:wrap}
|
|
@@ -1836,28 +1837,28 @@
|
|
|
1836
1837
|
.c3 .tag.opp{color:var(--acc)}
|
|
1837
1838
|
.c3 .brief .nrow.over{opacity:.6}
|
|
1838
1839
|
.c3 .lh-main{min-width:0}
|
|
1839
|
-
.c3 .lh svg text{font-size:var(--fs-
|
|
1840
|
-
.c3 .pulse-attn{font-size:var(--fs-
|
|
1840
|
+
.c3 .lh svg text{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1841
|
+
.c3 .pulse-attn{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1841
1842
|
.c3 .pulse-foot{justify-content:space-between}
|
|
1842
1843
|
.c3 .brief .lh .rg{transition:stroke-dasharray .4s}
|
|
1843
|
-
.c3 .c3s2{font-size:var(--fs-
|
|
1844
|
-
.c3 .c3s3{font-size:var(--fs-
|
|
1844
|
+
.c3 .c3s2{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1845
|
+
.c3 .c3s3{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
1845
1846
|
.c3 .ki.t-bad{color:var(--destructive)}
|
|
1846
1847
|
.c3 .ki.t-warn{color:var(--warning)}
|
|
1847
1848
|
.c3 .ki.t-ink{color:var(--foreground)}
|
|
1848
1849
|
.c3 .trow{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px 6px;border-bottom:1px solid var(--border);border-radius:8px}
|
|
1849
1850
|
.c3 .trow.past{opacity:.55}
|
|
1850
1851
|
.c3 .trow.now,.c3 .trow.next{background:var(--muted)}
|
|
1851
|
-
.c3 .trow .tm{font:
|
|
1852
|
+
.c3 .trow .tm{font:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--mono)}
|
|
1852
1853
|
.c3 .trow .tb{display:grid;gap:6px;min-width:0}
|
|
1853
|
-
.c3 .trow .tt{font-size:var(--fs-
|
|
1854
|
+
.c3 .trow .tt{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
1854
1855
|
.c3 .trow .tcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
|
|
1855
|
-
.c3 .trow .lab{font-size:var(--fs-
|
|
1856
|
-
.c3 .trow ul{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:var(--fs-
|
|
1856
|
+
.c3 .trow .lab{font-size:var(--fs-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);line-height:var(--lh-meta);}
|
|
1857
|
+
.c3 .trow ul{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1857
1858
|
.c3 .trow p{margin:2px 0 0}
|
|
1858
1859
|
.c3 .ip{display:grid;gap:8px;padding:8px 0 4px}
|
|
1859
|
-
.c3 .ip .looks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--fs-
|
|
1860
|
-
.c3 .ip .ioutcome{width:100%;min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font:inherit;font-size:var(--fs-
|
|
1860
|
+
.c3 .ip .looks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--fs-meta);padding:8px;border-radius:8px;background:var(--muted);line-height:var(--lh-meta);}
|
|
1861
|
+
.c3 .ip .ioutcome{width:100%;min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font:inherit;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
1861
1862
|
.c3 .ip .iacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
|
|
1862
1863
|
.c3 .ip .ny{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
|
|
1863
1864
|
.c3 .pulsecard{gap:8px}
|
|
@@ -1883,7 +1884,7 @@
|
|
|
1883
1884
|
.c3[data-daypart="night"]{--dp-tint:color-mix(in oklab,var(--muted-foreground) 6%,transparent);--dp-warm:var(--foreground)}
|
|
1884
1885
|
/* The page stays white: the day part keeps --dp-warm for the daylight strip and no longer washes the background. */
|
|
1885
1886
|
/* The daylight strip in the top bar: an arc, a sun or a moon on it, and the two times. 22px tall, well under the 32px limit. */
|
|
1886
|
-
.c3 .c3top .c3pg-daylight{order:1;display:inline-flex;align-items:center;gap:8px;height:22px;max-height:32px;overflow:hidden;font:var(--fs-
|
|
1887
|
+
.c3 .c3top .c3pg-daylight{order:1;display:inline-flex;align-items:center;gap:8px;height:22px;max-height:32px;overflow:hidden;font:var(--fs-meta)/1 var(--mono);color:var(--muted-foreground);white-space:nowrap}
|
|
1887
1888
|
.c3 .c3top .tools{order:2}
|
|
1888
1889
|
.c3 .c3pg-daylight .dl-svg{width:56px;height:18px;flex:none;overflow:visible}
|
|
1889
1890
|
.c3 .c3pg-daylight .dl-arc{stroke:var(--border);stroke-width:1.2;stroke-dasharray:2 2}
|
|
@@ -1922,7 +1923,7 @@
|
|
|
1922
1923
|
* path is Enter, then a Confirm button. On touch the slide stays, and it is at most 320 px wide. */
|
|
1923
1924
|
.c3 .c3slide .slt,.c3 .c3slide .slt-hint{max-width:320px}
|
|
1924
1925
|
.c3 .c3hold{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}
|
|
1925
|
-
.c3 .c3hold .hb{--tc:var(--acc);position:relative;display:inline-flex;gap:8px;align-items:center;min-height:36px;padding:4px 14px 4px 6px;border-radius:6px;border:1px solid color-mix(in oklab,var(--tc) 40%,var(--border));background:color-mix(in oklab,var(--tc) 10%,var(--card));color:var(--foreground);font:
|
|
1926
|
+
.c3 .c3hold .hb{--tc:var(--acc);position:relative;display:inline-flex;gap:8px;align-items:center;min-height:36px;padding:4px 14px 4px 6px;border-radius:6px;border:1px solid color-mix(in oklab,var(--tc) 40%,var(--border));background:color-mix(in oklab,var(--tc) 10%,var(--card));color:var(--foreground);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);cursor:pointer;user-select:none;touch-action:none}
|
|
1926
1927
|
.c3 .c3hold .hb.alt{--tc:var(--muted-foreground)}
|
|
1927
1928
|
.c3 .c3hold .hb:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
|
|
1928
1929
|
.c3 .c3hold .hb svg.hr{width:26px;height:26px;flex:none}
|
|
@@ -1931,8 +1932,8 @@
|
|
|
1931
1932
|
.c3 .c3hold .hb svg.hr .fl{stroke:var(--tc);stroke-linecap:round;stroke-dasharray:62.8;stroke-dashoffset:62.8;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-out}
|
|
1932
1933
|
.c3 .c3hold .hb.holding svg.hr .fl{stroke-dashoffset:0;transition:stroke-dashoffset 600ms linear}
|
|
1933
1934
|
.c3 .c3hold .hb.off{opacity:.55;cursor:not-allowed}
|
|
1934
|
-
.c3 .c3hold .hint{font:var(--fs-
|
|
1935
|
-
.c3 .c3hold .cq{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;font:var(--fs-
|
|
1935
|
+
.c3 .c3hold .hint{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
1936
|
+
.c3 .c3hold .cq{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
1936
1937
|
/* The Record control, always in the top bar (shell-recording.js, real mode). Left, while a meeting records or is paused: the red .recg group
|
|
1937
1938
|
* with the chip, Highlight, Pause or Resume, and Stop. Right, always: the neutral .recg.idle group with New and the arrow that lists today's meetings. */
|
|
1938
1939
|
.c3 .c3rec{position:relative;display:inline-flex;align-items:stretch;gap:6px;z-index:31}
|
|
@@ -1941,7 +1942,7 @@
|
|
|
1941
1942
|
.c3 .c3rec .recg.idle .ic{color:var(--destructive)}
|
|
1942
1943
|
.c3 .c3rec .recg .ic{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
|
|
1943
1944
|
.c3 .c3rec .recg .c3rec__chip{max-width:44ch}
|
|
1944
|
-
.c3 .c3rec .c3rec__eng{margin-left:6px;font-size:
|
|
1945
|
+
.c3 .c3rec .c3rec__eng{margin-left:6px;font-size:var(--fs-meta);color:var(--muted-foreground);white-space:nowrap;line-height:var(--lh-meta);}
|
|
1945
1946
|
.c3.ph .c3rec .c3rec__eng{display:none}
|
|
1946
1947
|
.c3 .c3rec .c3rec__off{opacity:.45;cursor:not-allowed}
|
|
1947
1948
|
@media (hover:hover){.c3 .c3rec .recg.idle button:hover{background:var(--muted)}.c3 .c3rec .c3rec__off:hover{background:none}}
|
|
@@ -1955,61 +1956,61 @@
|
|
|
1955
1956
|
/* ===== the Work page (pm/pm-work-view.js, initiative console3-work-page): Focus, Upcoming by day, the weekly Review, offline work and the
|
|
1956
1957
|
* shared actions. Tokens only; corners 6px on a control and 8px on a container. */
|
|
1957
1958
|
.c3 .wk-min{min-width:0}
|
|
1958
|
-
.c3 .wk-s{font-size:var(--fs-
|
|
1959
|
+
.c3 .wk-s{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1959
1960
|
.c3 .pill.pri{background:var(--foreground);color:var(--background);border-color:var(--foreground)}
|
|
1960
1961
|
.c3 .wkq{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin-top:var(--sp-2)}
|
|
1961
|
-
.c3 .wkq-f{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-
|
|
1962
|
-
.c3 .wkq input[type=date],.c3 .wkq-f input[type=text]{font:inherit;font-size:var(--fs-
|
|
1962
|
+
.c3 .wkq-f{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1963
|
+
.c3 .wkq input[type=date],.c3 .wkq-f input[type=text]{font:inherit;font-size:var(--fs-meta);padding:4px 6px;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:6px;min-width:0;max-width:150px;line-height:var(--lh-meta);}
|
|
1963
1964
|
/* c3-work-agent: what the agent will do, the note when the PM sends a draft back, the draft sheet */
|
|
1964
1965
|
.c3 .wk-agent-ask{display:flex;gap:6px;align-items:center;margin-top:6px}
|
|
1965
|
-
.c3 .wk-agent-ask input{flex:1;min-width:0;font:inherit;font-size:var(--fs-
|
|
1966
|
+
.c3 .wk-agent-ask input{flex:1;min-width:0;font:inherit;font-size:var(--fs-meta);padding:4px 8px;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:6px;line-height:var(--lh-meta);}
|
|
1966
1967
|
.c3 .wk-agent-ask[hidden]{display:none}
|
|
1967
1968
|
.c3 .wk-agent-sheet{display:grid;gap:var(--sp-3)}
|
|
1968
1969
|
.c3 .wk-agent-st{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0}
|
|
1969
1970
|
.c3 .wk-agent-tx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
1970
|
-
.c3 .wk-agent-will{font-size:var(--fs-
|
|
1971
|
+
.c3 .wk-agent-will{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1971
1972
|
.c3 .wk-agent-sum{margin:0}
|
|
1972
1973
|
.c3 .wk-agent-body{--tc:var(--acc)}
|
|
1973
1974
|
.c3 .wk-agent-body .sit{white-space:pre-line}
|
|
1974
|
-
.c3 .wk-agent-doc .wk-agent-md{font-size:var(--fs-
|
|
1975
|
+
.c3 .wk-agent-doc .wk-agent-md{font-size:var(--fs-body);max-width:72ch;line-height:var(--lh-body);}
|
|
1975
1976
|
.c3 .wk-doc{display:grid;gap:var(--sp-2);box-shadow:none}
|
|
1976
1977
|
.c3 .wk-doc-h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between}
|
|
1977
|
-
.c3 .wk-doc-to{font-size:var(--fs-
|
|
1978
|
+
.c3 .wk-doc-to{font-size:var(--fs-row);font-weight:var(--fw-strong);line-height:var(--lh-row);}
|
|
1978
1979
|
.c3 .wk-doc .ds-md h3{display:block;color:var(--foreground);text-transform:none;letter-spacing:0}
|
|
1979
1980
|
.c3 .wk-doc-clip{max-height:22rem;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,var(--foreground) 65%,transparent);mask-image:linear-gradient(to bottom,var(--foreground) 65%,transparent)}
|
|
1980
1981
|
.c3 .wk-doc>.chip2{justify-self:start}
|
|
1981
1982
|
.c3 .wk-conv{display:grid;gap:var(--sp-2)}
|
|
1982
1983
|
.c3 .wk-conv-h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
|
|
1983
|
-
.c3 .wk-conv-h>.dim{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-
|
|
1984
|
+
.c3 .wk-conv-h>.dim{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1984
1985
|
.c3 .wk-thr li{grid-template-columns:auto minmax(0,1fr);align-items:start}
|
|
1985
1986
|
.c3 .wk-thr li>.ic{margin-top:3px}
|
|
1986
1987
|
.c3 .wk-thr li.ag>.ic{color:var(--acc)}
|
|
1987
1988
|
.c3 .wk-turn{display:grid;gap:4px;min-width:0}
|
|
1988
1989
|
.c3 .wk-turn p{margin:0}
|
|
1989
|
-
.c3 .wk-who{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:var(--fs-
|
|
1990
|
+
.c3 .wk-who{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1990
1991
|
.c3 .wk-reply{display:grid;gap:6px}
|
|
1991
|
-
.c3 .wk-reply textarea{width:100%;box-sizing:border-box;font:inherit;font-size:var(--fs-
|
|
1992
|
+
.c3 .wk-reply textarea{width:100%;box-sizing:border-box;font:inherit;font-size:var(--fs-body);line-height:1.45;padding:8px 10px;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:8px;resize:vertical;min-height:3.2em}
|
|
1992
1993
|
.c3 .wk-reply textarea:focus-visible{outline:2px solid var(--ring);outline-offset:1px}
|
|
1993
1994
|
.c3 .wk-reply-f{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between}
|
|
1994
|
-
.c3 .wk-reply-f>.dim{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-
|
|
1995
|
+
.c3 .wk-reply-f>.dim{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
1995
1996
|
.c3 .case.wk-ag>.wkq{border-top:1px solid var(--border);padding-top:var(--sp-3)}
|
|
1996
1997
|
.c3 .wk-agent-editbox{display:grid;gap:var(--sp-2)}
|
|
1997
|
-
.c3 .wk-agent-edit{width:100%;box-sizing:border-box;font:inherit;font-size:var(--fs-
|
|
1998
|
+
.c3 .wk-agent-edit{width:100%;box-sizing:border-box;font:inherit;font-size:var(--fs-meta);line-height:1.5;padding:8px 10px;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:6px;resize:vertical}
|
|
1998
1999
|
.c3 .tag.wk-off{background:var(--accw);color:var(--acc)}
|
|
1999
2000
|
.c3 .tag.wk-nb{background:var(--muted);color:var(--foreground)}
|
|
2000
2001
|
.c3 .tag.wk-on{background:var(--acc);color:var(--background)}
|
|
2001
2002
|
.c3 .chip2.wk-fl{color:var(--acc)}
|
|
2002
2003
|
.c3 .wkoff{display:grid;gap:var(--sp-1);border:1px solid var(--border);border-radius:8px;padding:var(--sp-2) var(--sp-3);margin:var(--sp-2) 0}
|
|
2003
|
-
.c3 .wkoff-n{margin:0;display:flex;gap:6px;align-items:center;font-size:var(--fs-
|
|
2004
|
+
.c3 .wkoff-n{margin:0;display:flex;gap:6px;align-items:center;font-size:var(--fs-meta);color:var(--muted-foreground);line-height:var(--lh-meta);}
|
|
2004
2005
|
.c3 .wkoff-o{flex:1 1 220px;min-width:0}
|
|
2005
2006
|
.c3 .wkoff-o input[type=text]{width:100%}
|
|
2006
|
-
.c3 .wkev{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;border:1px dashed var(--warning);border-radius:8px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-
|
|
2007
|
+
.c3 .wkev{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;border:1px dashed var(--warning);border-radius:8px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2007
2008
|
.c3 .wkev>.wk-min{flex:1 1 200px}
|
|
2008
|
-
.c3 .wkfc-why{margin:0;font-size:var(--fs-
|
|
2009
|
+
.c3 .wkfc-why{margin:0;font-size:var(--fs-meta);color:var(--muted-foreground);line-height:var(--lh-meta);}
|
|
2009
2010
|
.c3 .wkdays{display:grid}
|
|
2010
|
-
.c3 .wkday h3.wkdayh{margin:0;padding:var(--sp-3) 0 var(--sp-1);font:
|
|
2011
|
-
.c3 .wkday h3.wkdayh .dim{font-weight:
|
|
2012
|
-
.c3 .wkday-none{color:var(--muted-foreground);font-size:var(--fs-
|
|
2011
|
+
.c3 .wkday h3.wkdayh{margin:0;padding:var(--sp-3) 0 var(--sp-1);font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);display:flex;gap:var(--sp-2);align-items:baseline;text-transform:none;letter-spacing:0}
|
|
2012
|
+
.c3 .wkday h3.wkdayh .dim{font-weight:var(--fw-regular)}
|
|
2013
|
+
.c3 .wkday-none{color:var(--muted-foreground);font-size:var(--fs-meta);padding:0 0 var(--sp-2);border-bottom:1px solid var(--border);line-height:var(--lh-meta);}
|
|
2013
2014
|
/* console3-work-parity: the mockup's Work rows have a button at the right, so the swipe glyphs give way (the swipe itself stays) */
|
|
2014
2015
|
.c3 .wk .sh2{flex-wrap:wrap}
|
|
2015
2016
|
.c3 .wk .brief .nrow{grid-template-columns:auto minmax(0,1fr) auto}
|
|
@@ -2030,17 +2031,17 @@
|
|
|
2030
2031
|
.c3 .wkfr .form input{width:100%}
|
|
2031
2032
|
|
|
2032
2033
|
.c3 .wkrv{gap:var(--sp-3)}
|
|
2033
|
-
.c3 .wkrv-p{display:flex;justify-content:space-between;font:var(--fs-
|
|
2034
|
-
.c3 .wkrv-t{margin:0;font:
|
|
2034
|
+
.c3 .wkrv-p{display:flex;justify-content:space-between;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
2035
|
+
.c3 .wkrv-t{margin:0;font:var(--fw-strong) var(--fs-row)/1.3 var(--sans);color:var(--foreground);overflow-wrap:anywhere}
|
|
2035
2036
|
.c3 .wkrv-x{display:grid;gap:var(--sp-2)}
|
|
2036
2037
|
@media (max-width:760px){
|
|
2037
2038
|
.c3 .wkq input[type=date],.c3 .wkq-f input[type=text]{min-height:44px;max-width:none}
|
|
2038
2039
|
.c3 .wkoff-o input[type=text],.c3 .wkfr input[type=text]{min-height:44px}
|
|
2039
2040
|
}
|
|
2040
2041
|
|
|
2041
|
-
.c3 .wk-sm{font-size:var(--fs-
|
|
2042
|
+
.c3 .wk-sm{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2042
2043
|
/* Work › Done (c3-work-agent amendment 18): the outcome line under the title, and the summary above the groups */
|
|
2043
|
-
.c3 .wk-done-out{display:flex;align-items:center;gap:4px;color:var(--foreground);font-size:var(--fs-
|
|
2044
|
+
.c3 .wk-done-out{display:flex;align-items:center;gap:4px;color:var(--foreground);font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2044
2045
|
.c3 .wk-done-out .ic{color:var(--muted-foreground)}
|
|
2045
2046
|
.c3 .wk-done-sum{margin-bottom:12px}
|
|
2046
2047
|
.c3 .wk-bar{appearance:none;-webkit-appearance:none;width:100%;height:8px;border:0;border-radius:6px;overflow:hidden;background:var(--muted)}
|
|
@@ -2053,7 +2054,7 @@
|
|
|
2053
2054
|
.c3 .c3grid{position:relative;z-index:1}
|
|
2054
2055
|
/* Build fix from the mockup (the primary button label colour is in components.css): console3 styled .sect .sh2 only under .brief. */
|
|
2055
2056
|
.c3 .sect > .sh2{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:var(--sp-3) 0 var(--sp-2);border-bottom:1px solid var(--border)}
|
|
2056
|
-
.c3 .sect > .sh2 h2{margin:0;font:
|
|
2057
|
+
.c3 .sect > .sh2 h2{margin:0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:8px;align-items:center}
|
|
2057
2058
|
|
|
2058
2059
|
/* console3 foundation: the front shows the number tiles; the flipped back grows to fit its content (options and the slide are never clipped). */
|
|
2059
2060
|
.c3 .cfh .kps{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end;align-content:center}
|
|
@@ -2080,21 +2081,21 @@
|
|
|
2080
2081
|
.c3 .ds-top .seg .bdg.w{background:var(--warning);color:var(--background)}
|
|
2081
2082
|
.c3 .ds-top .seg .bdg.p{background:var(--agent);color:var(--background)}
|
|
2082
2083
|
.c3 .ds-meta{flex-wrap:wrap;gap:4px 12px}
|
|
2083
|
-
.c3 .ds-meta .chip2 b{color:var(--foreground);font-weight:
|
|
2084
|
+
.c3 .ds-meta .chip2 b{color:var(--foreground);font-weight:var(--fw-regular)}
|
|
2084
2085
|
.c3 .ds-good{color:var(--good)}
|
|
2085
2086
|
.c3 .ds-warn{color:var(--warning)}
|
|
2086
2087
|
.c3 .ds-bad{color:var(--destructive)}
|
|
2087
2088
|
.c3 .ds-ag{color:var(--agent)}
|
|
2088
2089
|
.c3 .ds-pe{color:var(--acc)}
|
|
2089
|
-
.c3 .ds-note{font-size:var(--fs-
|
|
2090
|
-
.c3 .ds-mono{font:var(--fs-
|
|
2090
|
+
.c3 .ds-note{font-size:var(--fs-meta);color:var(--muted-foreground);margin:0;line-height:var(--lh-meta);}
|
|
2091
|
+
.c3 .ds-mono{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
2091
2092
|
|
|
2092
2093
|
.c3 .ds-stale{border:1px solid color-mix(in oklab,var(--warning) 45%,transparent);background:color-mix(in oklab,var(--warning) 8%,transparent);border-radius:8px;padding:var(--sp-3);display:grid;gap:6px}
|
|
2093
|
-
.c3 .ds-stale .t{display:flex;gap:8px;align-items:center;font-weight:
|
|
2094
|
-
.c3 .ds-stale p{margin:0;font-size:var(--fs-
|
|
2095
|
-
.c3 .ds-stale ul{margin:0;padding-left:18px;font:var(--fs-
|
|
2094
|
+
.c3 .ds-stale .t{display:flex;gap:8px;align-items:center;font-weight:var(--fw-strong);color:var(--warning)}
|
|
2095
|
+
.c3 .ds-stale p{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
2096
|
+
.c3 .ds-stale ul{margin:0;padding-left:18px;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);overflow-wrap:anywhere}
|
|
2096
2097
|
.c3 .ds-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
|
|
2097
|
-
.c3 .ds-btn{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:6px;padding:5px 12px;font:
|
|
2098
|
+
.c3 .ds-btn{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:6px;padding:5px 12px;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);display:inline-flex;gap:6px;align-items:center;min-height:30px}
|
|
2098
2099
|
.c3 .ds-btn.pri{background:var(--foreground);color:var(--background);border-color:var(--foreground)}
|
|
2099
2100
|
.c3 .ds-btn.ag{color:var(--agent);border-color:color-mix(in oklab,var(--agent) 45%,transparent)}
|
|
2100
2101
|
.c3 .ds-btn:disabled{opacity:.45;cursor:not-allowed}
|
|
@@ -2102,30 +2103,30 @@
|
|
|
2102
2103
|
@media (pointer:coarse){.c3 .ds-btn{min-height:44px}.c3 .ds-tb button{width:44px;height:44px}}
|
|
2103
2104
|
|
|
2104
2105
|
.c3 .ds-rbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between}
|
|
2105
|
-
.c3 .ds-sel{font:var(--fs-
|
|
2106
|
-
.c3 .ds-tg{display:inline-flex;gap:6px;align-items:center;font:var(--fs-
|
|
2106
|
+
.c3 .ds-sel{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:6px;padding:4px 8px;max-width:100%}
|
|
2107
|
+
.c3 .ds-tg{display:inline-flex;gap:6px;align-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);cursor:pointer}
|
|
2107
2108
|
.c3 .ds-tg input{accent-color:var(--acc)}
|
|
2108
|
-
.c3 .ds-legend{display:flex;gap:12px;flex-wrap:wrap;font:var(--fs-
|
|
2109
|
+
.c3 .ds-legend{display:flex;gap:12px;flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
2109
2110
|
.c3 .ds-legend i{display:inline-block;width:10px;height:10px;border-radius:6px;vertical-align:-1px;margin-right:4px}
|
|
2110
2111
|
.c3 .ds-legend i.h{background:var(--acc)}
|
|
2111
2112
|
.c3 .ds-legend i.a{background:var(--agent)}
|
|
2112
2113
|
|
|
2113
|
-
.c3 .ds-props{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;font-size:var(--fs-
|
|
2114
|
+
.c3 .ds-props{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 16px;font-size:var(--fs-meta);padding:var(--sp-3);border:1px solid var(--border);border-radius:8px;background:color-mix(in oklab,var(--muted) 50%,transparent);margin:0;line-height:var(--lh-meta);}
|
|
2114
2115
|
.c3 .ds-props dt{font-family:var(--mono);color:var(--muted-foreground)}
|
|
2115
2116
|
.c3 .ds-props dd{margin:0;min-width:0;overflow-wrap:anywhere}
|
|
2116
|
-
.c3 .ds-props input{font:inherit;font-size:var(--fs-
|
|
2117
|
-
.c3 .ds-props .sub{grid-column:1/-1;flex-wrap:wrap;font:var(--fs-
|
|
2117
|
+
.c3 .ds-props input{font:inherit;font-size:var(--fs-meta);color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:6px;padding:3px 6px;width:100%;line-height:var(--lh-meta);}
|
|
2118
|
+
.c3 .ds-props .sub{grid-column:1/-1;flex-wrap:wrap;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);display:flex;gap:6px;align-items:center}
|
|
2118
2119
|
|
|
2119
|
-
.c3 .ds-md{font:var(--fs-
|
|
2120
|
+
.c3 .ds-md{font:var(--fs-body)/1.65 var(--sans);color:var(--foreground);max-width:72ch;min-width:0;overflow-wrap:anywhere}
|
|
2120
2121
|
.c3 .ds-md>*:first-child{margin-top:0}
|
|
2121
|
-
.c3 .ds-md h1{font:
|
|
2122
|
-
.c3 .ds-md h2{font:
|
|
2123
|
-
.c3 .ds-md h3,.c3 .ds-md h4,.c3 .ds-md h5,.c3 .ds-md h6{font:
|
|
2122
|
+
.c3 .ds-md h1{font:var(--fw-strong) var(--fs-page)/1.3 var(--sans);margin:4px 0 12px}
|
|
2123
|
+
.c3 .ds-md h2{font:var(--fw-strong) var(--fs-panel)/1.35 var(--sans);margin:0}
|
|
2124
|
+
.c3 .ds-md h3,.c3 .ds-md h4,.c3 .ds-md h5,.c3 .ds-md h6{font:var(--fw-strong) var(--fs-section)/1.4 var(--sans);margin:16px 0 4px}
|
|
2124
2125
|
.c3 .ds-md p{margin:8px 0}
|
|
2125
2126
|
.c3 .ds-md a{color:var(--acc);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--acc) 40%,transparent);text-underline-offset:3px}
|
|
2126
|
-
.c3 .ds-md code{font:var(--fs-
|
|
2127
|
-
.c3 .ds-md strong{font-weight:
|
|
2128
|
-
.c3 .ds-md blockquote{margin:10px 0;padding:10px 14px;background:var(--muted);border-radius:8px;font-size:var(--fs-
|
|
2127
|
+
.c3 .ds-md code{font:var(--fs-body)/var(--lh-body) var(--mono);background:var(--muted);padding:1px 5px;border-radius:6px}
|
|
2128
|
+
.c3 .ds-md strong{font-weight:var(--fw-strong)}
|
|
2129
|
+
.c3 .ds-md blockquote{margin:10px 0;padding:10px 14px;background:var(--muted);border-radius:8px;font-size:var(--fs-body);line-height:1.6}
|
|
2129
2130
|
.c3 .ds-md blockquote p{margin:6px 0}
|
|
2130
2131
|
.c3 .ds-md ul,.c3 .ds-md ol{margin:8px 0;padding-left:22px}
|
|
2131
2132
|
.c3 .ds-md li{margin:3px 0}
|
|
@@ -2134,21 +2135,21 @@
|
|
|
2134
2135
|
.c3 .ds-md li.task.done>span{color:var(--muted-foreground)}
|
|
2135
2136
|
.c3 .ds-md hr{border:0;border-top:1px solid var(--border);margin:16px 0}
|
|
2136
2137
|
.c3 .ds-md .tw{overflow-x:auto;margin:10px 0;border:1px solid var(--border);border-radius:8px}
|
|
2137
|
-
.c3 .ds-md table{border-collapse:collapse;width:100%;font-size:var(--fs-
|
|
2138
|
-
.c3 .ds-md th{font:
|
|
2138
|
+
.c3 .ds-md table{border-collapse:collapse;width:100%;font-size:var(--fs-body);font-variant-numeric:tabular-nums;line-height:var(--lh-body);}
|
|
2139
|
+
.c3 .ds-md th{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);text-align:left;background:var(--muted)}
|
|
2139
2140
|
.c3 .ds-md th,.c3 .ds-md td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top}
|
|
2140
2141
|
.c3 .ds-md tr:last-child td{border-bottom:0}
|
|
2141
|
-
.c3 .ds-md pre{font:var(--fs-
|
|
2142
|
+
.c3 .ds-md pre{font:var(--fs-body)/1.5 var(--mono);background:var(--muted);padding:10px 12px;border-radius:8px;overflow-x:auto;white-space:pre-wrap}
|
|
2142
2143
|
.c3 .ds-md ins{background:color-mix(in oklab,var(--good) 20%,transparent);text-decoration:none;border-radius:6px;padding:0 1px}
|
|
2143
2144
|
.c3 .ds-md del{background:color-mix(in oklab,var(--destructive) 14%,transparent);color:var(--muted-foreground);border-radius:6px;padding:0 1px}
|
|
2144
2145
|
|
|
2145
2146
|
.c3 .ds-sec{position:relative;padding:var(--sp-2) 0 var(--sp-2) 14px;border-left:3px solid transparent;margin-left:-17px;border-radius:0;scroll-margin-top:120px;min-width:0}
|
|
2146
2147
|
.c3 .ds-sec+.ds-sec{margin-top:var(--sp-1)}
|
|
2147
2148
|
.c3 .ds-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
|
|
2148
|
-
.c3 .ds-sec-h h2,.c3 .ds-sec-h h3{font:
|
|
2149
|
-
.c3 .ds-sec-h h3{font-size:var(--fs-
|
|
2150
|
-
.c3 .ds-by{display:inline-flex;gap:5px;align-items:center;font:var(--fs-
|
|
2151
|
-
.c3 .ds-by .ds-dot{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;font:
|
|
2149
|
+
.c3 .ds-sec-h h2,.c3 .ds-sec-h h3{font:var(--fw-strong) var(--fs-panel)/1.35 var(--sans);margin:0}
|
|
2150
|
+
.c3 .ds-sec-h h3{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
2151
|
+
.c3 .ds-by{display:inline-flex;gap:5px;align-items:center;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);border:0;background:transparent;padding:2px 0;white-space:nowrap}
|
|
2152
|
+
.c3 .ds-by .ds-dot{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);color:var(--background);background:var(--acc)}
|
|
2152
2153
|
.c3 .ds-by .ds-dot.a{background:var(--agent)}
|
|
2153
2154
|
.c3 .ds-by .ds-dot .ic{width:10px;height:10px;stroke-width:2.4}
|
|
2154
2155
|
.c3 .ds.who .ds-sec.h{border-left-color:var(--acc);background:color-mix(in oklab,var(--acc) 5%,transparent)}
|
|
@@ -2156,14 +2157,14 @@
|
|
|
2156
2157
|
.c3 .ds-sec.flash{animation:dsflash 1.6s ease-out}
|
|
2157
2158
|
@keyframes dsflash{from{background:color-mix(in oklab,var(--acc) 18%,transparent)}to{background:transparent}}
|
|
2158
2159
|
@media (prefers-reduced-motion:reduce){.c3 .ds-sec.flash{animation:none}}
|
|
2159
|
-
.c3 .ds-pin{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;border:1px dashed color-mix(in oklab,var(--agent) 55%,transparent);border-radius:8px;padding:6px 10px;margin:6px 0;font:var(--fs-
|
|
2160
|
+
.c3 .ds-pin{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;border:1px dashed color-mix(in oklab,var(--agent) 55%,transparent);border-radius:8px;padding:6px 10px;margin:6px 0;font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--agent);background:color-mix(in oklab,var(--agent) 5%,transparent)}
|
|
2160
2161
|
.c3 .ds-pin>span{display:inline-flex;gap:6px;align-items:center}
|
|
2161
2162
|
.c3 .ds-sec.prev .ds-body{border:1px solid color-mix(in oklab,var(--agent) 35%,transparent);border-radius:8px;padding:2px 12px}
|
|
2162
2163
|
|
|
2163
2164
|
.c3 .ds-tb{display:flex;gap:2px;align-items:center;flex-wrap:wrap;border:1px solid var(--border);background:var(--muted);border-radius:8px;padding:2px;max-width:100%}
|
|
2164
2165
|
.c3 .ds-tb button{width:30px;height:30px;border-radius:6px;display:inline-grid;place-items:center;color:var(--muted-foreground);border:0;background:transparent;flex:none;padding:0}
|
|
2165
2166
|
.c3 .ds-tb button[aria-pressed="true"]{background:var(--background);color:var(--foreground);box-shadow:0 0 0 1px var(--border)}
|
|
2166
|
-
.c3 .ds-tb select{font:var(--fs-
|
|
2167
|
+
.c3 .ds-tb select{font:var(--fs-meta)/var(--lh-meta) var(--mono);background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:6px;height:30px;padding:0 6px;flex:none}
|
|
2167
2168
|
.c3 .ds-tb .sep{width:1px;height:20px;background:var(--border);margin:0 4px;flex:none}
|
|
2168
2169
|
.c3 .ds-tb .sp{flex:1 0 8px}
|
|
2169
2170
|
.c3 .ds-tb .seg{flex:none}
|
|
@@ -2173,32 +2174,32 @@
|
|
|
2173
2174
|
.c3 .ds-ed h2{margin-top:22px;position:relative}
|
|
2174
2175
|
.c3 .ds-ed h2:first-child{margin-top:4px}
|
|
2175
2176
|
.c3 .ds-ed h2.chg::before{content:"";position:absolute;left:-17px;top:4px;bottom:4px;width:4px;border-radius:6px;background:var(--acc)}
|
|
2176
|
-
.c3 .ds-ed h2.chg::after{content:"Edited";font:
|
|
2177
|
+
.c3 .ds-ed h2.chg::after{content:"Edited";font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--acc);margin-left:10px;vertical-align:middle}
|
|
2177
2178
|
.c3 .ds-ed h2.clash::after{content:"Edited · also in a proposal";color:var(--warning)}
|
|
2178
|
-
.c3 .ds-src{width:100%;min-height:420px;font:var(--fs-
|
|
2179
|
+
.c3 .ds-src{width:100%;min-height:420px;font:var(--fs-body)/1.6 var(--mono);border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--background);color:var(--foreground);resize:vertical}
|
|
2179
2180
|
.c3 .ds-save{position:sticky;bottom:calc(-1 * var(--sp-4));z-index:3;background:var(--card);border-top:1px solid var(--border);padding:var(--sp-3) 0 var(--sp-4);margin-bottom:calc(-1 * var(--sp-4));display:grid;gap:8px}
|
|
2180
|
-
.c3 .ds-save input{width:100%;font:inherit;font-size:var(--fs-
|
|
2181
|
+
.c3 .ds-save input{width:100%;font:inherit;font-size:var(--fs-body);padding:8px 10px;border:1px solid var(--ring);border-radius:6px;background:var(--background);color:var(--foreground);line-height:var(--lh-body);}
|
|
2181
2182
|
.c3 .ds-save input.bad{border-color:var(--destructive)}
|
|
2182
2183
|
.c3 .ds-save .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between}
|
|
2183
|
-
.c3 .ds-save .sum{font:var(--fs-
|
|
2184
|
+
.c3 .ds-save .sum{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
|
|
2184
2185
|
.c3 .ds-pop{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px;border:1px solid var(--ring);border-radius:8px;background:var(--card)}
|
|
2185
|
-
.c3 .ds-pop input{flex:1 1 200px;font:var(--fs-
|
|
2186
|
+
.c3 .ds-pop input{flex:1 1 200px;font:var(--fs-meta)/var(--lh-meta) var(--mono);padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground)}
|
|
2186
2187
|
|
|
2187
2188
|
.c3 .ds-ask{display:grid;gap:8px;padding:var(--sp-3);border:1px solid var(--border);border-radius:8px}
|
|
2188
|
-
.c3 .ds-ask textarea{width:100%;min-height:64px;font:inherit;font-size:var(--fs-
|
|
2189
|
-
.c3 .ds-h{margin:6px 0 0;font:
|
|
2189
|
+
.c3 .ds-ask textarea{width:100%;min-height:64px;font:inherit;font-size:var(--fs-body);padding:8px 10px;border:1px solid var(--ring);border-radius:6px;background:var(--background);color:var(--foreground);resize:vertical;line-height:var(--lh-body);}
|
|
2190
|
+
.c3 .ds-h{margin:6px 0 0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:8px;align-items:center}
|
|
2190
2191
|
.c3 .ds-prop{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden;min-width:0}
|
|
2191
2192
|
.c3 .ds-prop>.hd{padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;border-bottom:1px solid var(--border)}
|
|
2192
|
-
.c3 .ds-prop .ti{font-weight:
|
|
2193
|
-
.c3 .ds-prop .sub{font:var(--fs-
|
|
2193
|
+
.c3 .ds-prop .ti{font-weight:var(--fw-strong);font-size:var(--fs-row);overflow-wrap:anywhere;line-height:var(--lh-row);}
|
|
2194
|
+
.c3 .ds-prop .sub{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
|
|
2194
2195
|
.c3 .ds-prop .pb{padding:12px 14px;display:grid;gap:10px;min-width:0}
|
|
2195
2196
|
.c3 .ds-chg{border:1px solid var(--border);border-radius:8px;overflow:hidden;min-width:0}
|
|
2196
|
-
.c3 .ds-chg>header{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:6px 10px;background:var(--muted);font:var(--fs-
|
|
2197
|
+
.c3 .ds-chg>header{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:6px 10px;background:var(--muted);font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
2197
2198
|
.c3 .ds-chg>header label{display:inline-flex;gap:8px;align-items:center;cursor:pointer;color:var(--foreground)}
|
|
2198
2199
|
.c3 .ds-chg>header input{accent-color:var(--acc)}
|
|
2199
|
-
.c3 .ds-chg .ds-md{padding:4px 12px;font-size:var(--fs-
|
|
2200
|
+
.c3 .ds-chg .ds-md{padding:4px 12px;font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
2200
2201
|
.c3 .ds-chg.off .ds-md{opacity:.45}
|
|
2201
|
-
.c3 .ds-why{font-size:var(--fs-
|
|
2202
|
+
.c3 .ds-why{font-size:var(--fs-body);margin:0;display:flex;gap:6px;align-items:baseline;line-height:var(--lh-body);}
|
|
2202
2203
|
.c3 .ds-closed{display:grid;gap:6px}
|
|
2203
2204
|
|
|
2204
2205
|
.c3 .ds-log{list-style:none;margin:0;padding:0;display:grid}
|
|
@@ -2206,25 +2207,25 @@
|
|
|
2206
2207
|
.c3 .ds-log>li::before{content:"";position:absolute;left:13.5px;top:30px;bottom:0;width:1px;background:var(--border)}
|
|
2207
2208
|
.c3 .ds-log>li:last-child::before{display:none}
|
|
2208
2209
|
.c3 .ds-log>li.flash{background:color-mix(in oklab,var(--acc) 10%,transparent);border-radius:8px}
|
|
2209
|
-
.c3 .ds-av{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font:
|
|
2210
|
+
.c3 .ds-av{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font:var(--fw-strong) var(--fs-badge)/var(--lh-badge) var(--mono);border:1px solid var(--border);background:var(--background);color:var(--muted-foreground)}
|
|
2210
2211
|
.c3 .ds-av.h{background:var(--acc);border-color:var(--acc);color:var(--background)}
|
|
2211
2212
|
.c3 .ds-av.a{background:var(--agent);border-color:var(--agent);color:var(--background)}
|
|
2212
2213
|
.c3 .ds-av.w{color:var(--warning);border-color:color-mix(in oklab,var(--warning) 50%,transparent)}
|
|
2213
2214
|
.c3 .ds-le{display:grid;gap:4px;min-width:0}
|
|
2214
2215
|
.c3 .ds-le .l1{display:flex;gap:4px 10px;flex-wrap:wrap;align-items:baseline;justify-content:space-between}
|
|
2215
|
-
.c3 .ds-le .l1 b{font-size:var(--fs-
|
|
2216
|
-
.c3 .ds-le .when{font:var(--fs-
|
|
2217
|
-
.c3 .ds-le .who{font:var(--fs-
|
|
2218
|
-
.c3 .ds-le .why{font-size:var(--fs-
|
|
2219
|
-
.c3 .ds-le .why.none{color:var(--warning);font:var(--fs-
|
|
2216
|
+
.c3 .ds-le .l1 b{font-size:var(--fs-body);overflow-wrap:anywhere;line-height:var(--lh-body);}
|
|
2217
|
+
.c3 .ds-le .when{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);white-space:nowrap}
|
|
2218
|
+
.c3 .ds-le .who{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);display:flex;gap:4px 10px;flex-wrap:wrap;overflow-wrap:anywhere}
|
|
2219
|
+
.c3 .ds-le .why{font-size:var(--fs-body);margin:0;overflow-wrap:anywhere;line-height:var(--lh-body);}
|
|
2220
|
+
.c3 .ds-le .why.none{color:var(--warning);font:var(--fs-meta)/var(--lh-meta) var(--mono)}
|
|
2220
2221
|
.c3 .ds-le .tags{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
|
|
2221
2222
|
.c3 .ds-le .tag.add{color:var(--good)}
|
|
2222
2223
|
.c3 .ds-le .tag.del{color:var(--destructive)}
|
|
2223
2224
|
.c3 .ds-cmp{border:1px solid var(--border);border-radius:8px;padding:4px 12px;margin-top:4px;min-width:0}
|
|
2224
|
-
.c3 .ds-cmp .ds-md{font-size:var(--fs-
|
|
2225
|
-
.c3 .ds-cmp h4{margin:8px 0 0;font:
|
|
2225
|
+
.c3 .ds-cmp .ds-md{font-size:var(--fs-body);line-height:var(--lh-body);}
|
|
2226
|
+
.c3 .ds-cmp h4{margin:8px 0 0;font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}
|
|
2226
2227
|
.c3 .ds-whyadd{display:flex;gap:6px;flex-wrap:wrap}
|
|
2227
|
-
.c3 .ds-whyadd input{flex:1 1 220px;min-width:0;font:var(--fs-
|
|
2228
|
+
.c3 .ds-whyadd input{flex:1 1 220px;min-width:0;font:var(--fs-meta)/var(--lh-meta) var(--mono);padding:5px 8px;border:1px solid var(--warning);border-radius:6px;background:var(--background);color:var(--foreground)}
|
|
2228
2229
|
|
|
2229
2230
|
@media (max-width:640px){
|
|
2230
2231
|
.c3 .ds-sec{margin-left:-12px;padding-left:9px}
|
|
@@ -2242,10 +2243,10 @@
|
|
|
2242
2243
|
.c3 .ds-rlay{display:grid;grid-template-columns:232px minmax(0,1fr);gap:var(--sp-4);align-items:start}
|
|
2243
2244
|
.c3 .ds-rlay.nool{grid-template-columns:minmax(0,1fr)}
|
|
2244
2245
|
.c3 .ds-rlay.nool .ds-ol{display:none}
|
|
2245
|
-
.c3 .ds-ol{position:sticky;top:var(--in-ds-oltop,0);max-height:var(--in-ds-olmax,60vh);overflow:auto;display:grid;gap:6px;align-content:start;padding:10px 8px 10px 0;border-right:1px solid var(--border);font-size:var(--fs-
|
|
2246
|
+
.c3 .ds-ol{position:sticky;top:var(--in-ds-oltop,0);max-height:var(--in-ds-olmax,60vh);overflow:auto;display:grid;gap:6px;align-content:start;padding:10px 8px 10px 0;border-right:1px solid var(--border);font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2246
2247
|
.c3 .ds-ol .hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-left:8px}
|
|
2247
|
-
.c3 .ds-ol .hd .ds-mono{font-size:var(--fs-
|
|
2248
|
-
.c3 .ds-ol input{margin-left:8px;width:calc(100% - 8px);font:var(--fs-
|
|
2248
|
+
.c3 .ds-ol .hd .ds-mono{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2249
|
+
.c3 .ds-ol input{margin-left:8px;width:calc(100% - 8px);font:var(--fs-meta)/var(--lh-meta) var(--mono);padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground)}
|
|
2249
2250
|
.c3 .ds-ol ul{list-style:none;margin:0;padding:0;display:grid}
|
|
2250
2251
|
.c3 .ds-ol li{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start}
|
|
2251
2252
|
.c3 .ds-ol li.l2 .go{padding-left:18px}
|
|
@@ -2255,16 +2256,16 @@
|
|
|
2255
2256
|
.c3 .ds-ol .go{display:flex;align-items:flex-start;gap:6px;width:100%;text-align:left;background:none;border:0;border-left:2px solid transparent;padding:4px 8px;border-radius:0;color:var(--muted-foreground);line-height:1.35;font:inherit;min-height:0;justify-content:flex-start}
|
|
2256
2257
|
.c3 .ds-ol .go span{flex:1;min-width:0}
|
|
2257
2258
|
.c3 .ds-ol li.l1 .go{color:var(--foreground)}
|
|
2258
|
-
.c3 .ds-ol li.on .go{color:var(--acc);border-left-color:var(--acc);background:color-mix(in oklab,var(--acc) 8%,transparent);font-weight:
|
|
2259
|
+
.c3 .ds-ol li.on .go{color:var(--acc);border-left-color:var(--acc);background:color-mix(in oklab,var(--acc) 8%,transparent);font-weight:var(--fw-regular)}
|
|
2259
2260
|
.c3 .ds-ol .mdot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-top:6px;flex:none}
|
|
2260
2261
|
.c3 .ds-ol .mdot.w{background:var(--warning)}
|
|
2261
2262
|
.c3 .ds-ol .mdot.p{background:var(--agent)}
|
|
2262
|
-
.c3 .ds-ol .key{display:flex;flex-wrap:wrap;gap:4px 10px;padding:6px 0 0 8px;border-top:1px solid var(--border);font-size:var(--fs-
|
|
2263
|
+
.c3 .ds-ol .key{display:flex;flex-wrap:wrap;gap:4px 10px;padding:6px 0 0 8px;border-top:1px solid var(--border);font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2263
2264
|
.c3 .ds-ol .key span{display:inline-flex;gap:4px;align-items:center}
|
|
2264
2265
|
.c3 .ds-ol .key .mdot{margin:0}
|
|
2265
2266
|
.c3 .ds-ol .none{padding:4px 8px}
|
|
2266
2267
|
.c3 .ds-olbtn{display:none}
|
|
2267
|
-
.c3 .ds-olbtn b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:
|
|
2268
|
+
.c3 .ds-olbtn b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-regular)}
|
|
2268
2269
|
@media (hover:hover){.c3 .ds-ol .go:hover{background:var(--muted);color:var(--foreground)}.c3 .ds-gn:not(.x):not(.me):hover{border-color:var(--ring)}}
|
|
2269
2270
|
@media (max-width:900px){
|
|
2270
2271
|
.c3 .ds-rlay{grid-template-columns:minmax(0,1fr)}
|
|
@@ -2279,8 +2280,8 @@
|
|
|
2279
2280
|
.c3 .ds-sync li{display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--background);min-width:0}
|
|
2280
2281
|
.c3 .ds-sync .l1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
|
|
2281
2282
|
.c3 .ds-sync .l1 .tag{margin-left:auto;display:inline-flex;gap:4px;align-items:center}
|
|
2282
|
-
.c3 .ds-sync p{margin:0;font-size:var(--fs-
|
|
2283
|
-
.c3 .ds-sync .ds-mono{font-size:var(--fs-
|
|
2283
|
+
.c3 .ds-sync p{margin:0;font-size:var(--fs-meta);line-height:1.5}
|
|
2284
|
+
.c3 .ds-sync .ds-mono{font-size:var(--fs-meta);overflow-wrap:anywhere;line-height:var(--lh-meta);}
|
|
2284
2285
|
.c3 .ds-sync a.ds-btn{text-decoration:none}
|
|
2285
2286
|
.c3 .ds-linkadd input{border-color:var(--border)}
|
|
2286
2287
|
.c3 .ds-graph{position:relative;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--card);display:grid;gap:18px;min-width:0}
|
|
@@ -2295,14 +2296,14 @@
|
|
|
2295
2296
|
.c3 .ds-gcol{display:grid;gap:10px;min-width:0}
|
|
2296
2297
|
.c3 .ds-gn{display:grid;gap:2px;text-align:left;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);min-width:0;position:relative;text-decoration:none;font:inherit;min-height:0;justify-content:stretch}
|
|
2297
2298
|
.c3 .ds-gtop .ds-gn{min-width:140px;max-width:220px}
|
|
2298
|
-
.c3 .ds-gn b{font-weight:
|
|
2299
|
-
.c3 .ds-gn small{font:var(--fs-
|
|
2299
|
+
.c3 .ds-gn b{font-weight:var(--fw-regular);font-size:var(--fs-meta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--lh-meta);}
|
|
2300
|
+
.c3 .ds-gn small{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
2300
2301
|
.c3 .ds-gn.drift small{color:var(--warning)}
|
|
2301
2302
|
.c3 .ds-gn.conflict small{color:var(--destructive)}
|
|
2302
2303
|
.c3 .ds-gn.ahead small{color:var(--acc)}
|
|
2303
2304
|
.c3 .ds-gn.me{border-color:var(--acc);border-width:1.5px;background:color-mix(in oklab,var(--acc) 10%,var(--background));padding:10px 12px}
|
|
2304
|
-
.c3 .ds-gmore{font-size:var(--fs-
|
|
2305
|
-
.c3 .ds-graph .key{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:var(--fs-
|
|
2305
|
+
.c3 .ds-gmore{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2306
|
+
.c3 .ds-graph .key{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:var(--fs-meta);position:relative;line-height:var(--lh-meta);}
|
|
2306
2307
|
.c3 .ds-graph .key span{display:inline-flex;gap:6px;align-items:center}
|
|
2307
2308
|
.c3 .ds-graph .key .ln{width:14px;height:2px;display:inline-block;background:var(--ring)}
|
|
2308
2309
|
.c3 .ds-graph .key .ln.drift{background:var(--warning)}
|
|
@@ -2311,7 +2312,7 @@
|
|
|
2311
2312
|
.c3 .ds-rel{list-style:none;margin:0;padding:0;display:grid;gap:4px}
|
|
2312
2313
|
.c3 .ds-rel li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}
|
|
2313
2314
|
.c3 .ds-rlk{display:grid;gap:2px;text-align:left;background:none;border:0;padding:0;color:var(--foreground);font:inherit;text-decoration:none;min-height:0;justify-content:start}
|
|
2314
|
-
.c3 .ds-rlk small{font:var(--fs-
|
|
2315
|
+
.c3 .ds-rlk small{font:var(--fs-meta)/var(--lh-meta) var(--mono);color:var(--muted-foreground)}
|
|
2315
2316
|
@media (max-width:640px){
|
|
2316
2317
|
.c3 .ds-gmid{gap:16px}
|
|
2317
2318
|
.c3 .ds-graph{padding:8px}
|
|
@@ -2319,21 +2320,21 @@
|
|
|
2319
2320
|
@media (pointer:coarse){.c3 .ds-ol .go{min-height:44px}.c3 .ds-ol .tw{min-height:44px}.c3 .ds-gn{min-height:44px}}
|
|
2320
2321
|
|
|
2321
2322
|
/* the card before a meeting (initiative c3-meeting-card) */
|
|
2322
|
-
.c3 .cal3-ctx .cal3-p{margin:0;font-size:var(--fs-
|
|
2323
|
+
.c3 .cal3-ctx .cal3-p{margin:0;font-size:var(--fs-meta);line-height:1.5;color:var(--foreground)}
|
|
2323
2324
|
.c3 .cal3-ctx.cal3-gist{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--muted)}
|
|
2324
2325
|
.c3 .cal3-ctx h4{display:flex;align-items:center;gap:6px}
|
|
2325
2326
|
|
|
2326
2327
|
/* what a meeting is about: the level switch, a board's sprint and the Portfolio's boards (initiative c3-meeting-board) */
|
|
2327
2328
|
.c3 .cal3-level{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
|
|
2328
2329
|
.c3 .cal3-level .cal3-note{margin:0}
|
|
2329
|
-
.c3 .cal3-level select{font:
|
|
2330
|
-
.c3 .cal3-ctx h4 .cal3-h4r{font-weight:
|
|
2330
|
+
.c3 .cal3-level select{font:var(--fw-regular) var(--fs-meta)/var(--lh-meta) var(--mono);padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground)}
|
|
2331
|
+
.c3 .cal3-ctx h4 .cal3-h4r{font-weight:var(--fw-regular);margin-left:auto}
|
|
2331
2332
|
.c3 .cal3-bar{display:flex;height:8px;border-radius:6px;overflow:hidden;background:var(--muted)}
|
|
2332
2333
|
.c3 .cal3-bar i{display:block;min-width:2px;flex:var(--cal3-n,0)}
|
|
2333
2334
|
.c3 .cal3-bar i.d{background:var(--foreground)}
|
|
2334
2335
|
.c3 .cal3-bar i.p{background:var(--acc);opacity:.55}
|
|
2335
2336
|
.c3 .cal3-bar i.t{background:var(--border)}
|
|
2336
|
-
.c3 .cal3-counts{gap:10px;font-size:var(--fs-
|
|
2337
|
+
.c3 .cal3-counts{gap:10px;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2337
2338
|
|
|
2338
2339
|
/* ── Phone layout pass (initiative c3-phone-layout): at 760px and under, each console3 page fits a 390px screen ─────────────────
|
|
2339
2340
|
* Layout only; the desktop is unchanged. The header puts Record beside the title and the tool buttons on one row; the five tabs
|
|
@@ -2350,7 +2351,7 @@
|
|
|
2350
2351
|
.c3.c3pg[data-c3-demo] .c3top .c3pg-demo{order:4;flex:1 0 100%;justify-content:center}
|
|
2351
2352
|
/* tabs: five equal columns, an icon over a short word, the count on the icon's shoulder; nothing hides off the right */
|
|
2352
2353
|
.c3.c3pg .c3tabs{gap:0;overflow-x:visible}
|
|
2353
|
-
.c3.c3pg .c3tabs button{position:relative;flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:3px;padding:6px 2px;font-size:var(--fs-
|
|
2354
|
+
.c3.c3pg .c3tabs button{position:relative;flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:3px;padding:6px 2px;font-size:var(--fs-meta);line-height:1.1}
|
|
2354
2355
|
.c3.c3pg .c3tabs button>svg{flex:none}
|
|
2355
2356
|
.c3.c3pg .c3tabs .bdg{position:absolute;top:3px;left:calc(50% + 6px)}
|
|
2356
2357
|
/* an avatar keeps its round 22px look; its 44px tap area is the transparent box around it */
|
|
@@ -2378,14 +2379,14 @@
|
|
|
2378
2379
|
.c3.c3pg .c3set .st-hd select{flex:1 1 0;min-width:0}
|
|
2379
2380
|
}
|
|
2380
2381
|
/* the dock's note under the branch list and its empty detail (c3-dock.js) */
|
|
2381
|
-
.c3dock .dk-more { font-size: var(--fs-
|
|
2382
|
-
.c3dock .dk-empty { font-size: var(--fs-
|
|
2382
|
+
.c3dock .dk-more { font-size: var(--fs-meta); padding: 4px; line-height: var(--lh-meta); }
|
|
2383
|
+
.c3dock .dk-empty { font-size: var(--fs-meta); line-height: var(--lh-meta); }
|
|
2383
2384
|
|
|
2384
2385
|
/* the new-session sheet (c3-new-session.js) */
|
|
2385
2386
|
.c3ns { display: flex; flex-direction: column; gap: var(--sp-3); }
|
|
2386
2387
|
.c3ns-f { display: flex; flex-direction: column; gap: var(--sp-1); }
|
|
2387
2388
|
.c3ns-f input, .c3ns-f select { width: 100%; }
|
|
2388
|
-
.c3ns-err { color: var(--destructive); font-size: var(--fs-
|
|
2389
|
+
.c3ns-err { color: var(--destructive); font-size: var(--fs-meta); margin: 0; line-height: var(--lh-meta); }
|
|
2389
2390
|
.c3ns-err:empty { display: none; }
|
|
2390
2391
|
.c3ns-go { display: flex; justify-content: flex-end; }
|
|
2391
2392
|
/* a meeting in a popup (initiative c3-cal-strip-popup): the session sheet's sizes; at Half and wider the note sits beside what came out of it */
|
|
@@ -2405,17 +2406,17 @@
|
|
|
2405
2406
|
.c3 .cal3-mcol{display:grid;gap:var(--sp-3);min-width:0;align-content:start}
|
|
2406
2407
|
@media (min-width:761px){.c3:not(.ph) .sheet.cal3-ms:not(.tsz-normal) .cal3-mcols:not(.one){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
|
|
2407
2408
|
.c3 .cal3-mnote-b{display:grid;gap:4px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:8px;background:var(--muted);min-width:0;overflow-wrap:anywhere}
|
|
2408
|
-
.c3 .cal3-mnote-b p{margin:0;font-size:var(--fs-
|
|
2409
|
+
.c3 .cal3-mnote-b p{margin:0;font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2409
2410
|
.c3 .cal3-src{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
|
|
2410
2411
|
/* The brief and Mentions on the Briefing (c3-brief-summary-mentions) */
|
|
2411
2412
|
.c3 .sum-card .sh2{justify-content:space-between}
|
|
2412
|
-
.c3 .brief-when{font-size:var(--fs-
|
|
2413
|
-
.c3 .brief-sum{margin:0;font-size:var(--fs-
|
|
2414
|
-
.c3 .brief-lk{color:inherit;font-weight:
|
|
2413
|
+
.c3 .brief-when{font-size:var(--fs-meta);line-height:var(--lh-meta);}
|
|
2414
|
+
.c3 .brief-sum{margin:0;font-size:var(--fs-body);line-height:1.6;color:var(--foreground);max-width:72ch}
|
|
2415
|
+
.c3 .brief-lk{color:inherit;font-weight:var(--fw-strong);text-decoration:underline;text-decoration-color:var(--ring);text-underline-offset:3px}
|
|
2415
2416
|
@media (hover:hover){.c3 .brief-lk:hover{text-decoration-color:var(--acc)}}
|
|
2416
2417
|
.c3 .brief-lk:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}
|
|
2417
|
-
.c3 [data-c3pg="mentions"] .mn-line{margin:0;font-size:var(--fs-
|
|
2418
|
-
.c3 [data-c3pg="mentions"] .mn-q{font-size:var(--fs-
|
|
2418
|
+
.c3 [data-c3pg="mentions"] .mn-line{margin:0;font-size:var(--fs-body);line-height:1.5;color:var(--muted-foreground)}
|
|
2419
|
+
.c3 [data-c3pg="mentions"] .mn-q{font-size:var(--fs-body);line-height:1.5;color:var(--foreground);overflow-wrap:anywhere}
|
|
2419
2420
|
.c3 [data-c3pg="mentions"] .mn-acts{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:4px}
|
|
2420
2421
|
.c3 [data-c3pg="mentions"] .mn-tabs{flex-wrap:wrap;margin-bottom:var(--sp-2)}
|
|
2421
2422
|
.c3 [data-c3pg="mentions"] .sh2{justify-content:space-between}
|