forked from forthfate/openorbit
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme-overrides.css
More file actions
149 lines (148 loc) · 69.2 KB
/
Copy paththeme-overrides.css
File metadata and controls
149 lines (148 loc) · 69.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
/* Keep the cycle iteration label and timestamp together in its compact header. */
.proposal-tree__iteration > summary > span:first-of-type { display:flex!important; align-items:baseline; gap:8px; }
.cycle-interventions__head label { display:flex!important; align-items:center; gap:8px; white-space:nowrap; }
.dashboard-hero > small { color:var(--muted); font-size:12px; line-height:1.5; }
.dashboard-feedback-chart .recharts-tooltip-wrapper { outline:none; }.dashboard-feedback-chart .recharts-default-tooltip { padding:9px 11px!important; border:1px solid var(--line)!important; border-radius:7px!important; background:var(--surface-raised)!important; box-shadow:0 10px 28px rgb(0 0 0 / .25); }.dashboard-feedback-chart .recharts-tooltip-label { margin:0 0 6px!important; color:var(--text)!important; font:600 10px 'DM Mono',monospace!important; }.dashboard-feedback-chart .recharts-tooltip-item { padding:2px 0!important; color:var(--muted)!important; font:11px Manrope,sans-serif!important; }
.dashboard-quick-starts { margin:0 0 16px; }.dashboard-quick-starts .panel-head { margin-bottom:10px; }.dashboard-quick-starts .panel-head h2 { margin:0; font-size:14px; }.dashboard-quick-starts .panel-head .hint { margin:4px 0 0; }.dashboard-quick-starts__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.dashboard-quick-start { display:flex; align-items:flex-start; gap:10px; min-width:0; padding:14px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:var(--surface); text-align:left; cursor:pointer; transition:border-color .15s ease,background .15s ease,transform .15s ease; }.dashboard-quick-start:hover { transform:translateY(-2px); border-color:var(--accent); background:var(--surface-raised); }.dashboard-quick-start > svg { flex:none; margin-top:1px; color:var(--accent); }.dashboard-quick-start span { display:grid; gap:4px; min-width:0; }.dashboard-quick-start strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.dashboard-quick-start small { display:-webkit-box; overflow:hidden; color:var(--muted); font-size:10px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; } @media(max-width:900px){.dashboard-quick-starts__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }} @media(max-width:520px){.dashboard-quick-starts__grid { grid-template-columns:1fr; }}
.analytics-chart .recharts-tooltip-wrapper { outline:none; }.analytics-chart .recharts-default-tooltip { padding:9px 11px!important; border:1px solid var(--line)!important; border-radius:7px!important; background:var(--surface-raised)!important; box-shadow:0 10px 28px rgb(0 0 0 / .25); }.analytics-chart .recharts-tooltip-label { margin:0 0 6px!important; color:var(--text)!important; font:600 10px 'DM Mono',monospace!important; }.analytics-chart .recharts-tooltip-item { padding:2px 0!important; color:var(--muted)!important; font:11px Manrope,sans-serif!important; }
main { display:block; background:var(--bg); color:var(--text); }
aside { position:fixed; inset:0 auto 0 0; z-index:10; overflow-y:auto; }
.content { width:calc(100% - 244px); margin-left:244px; }
html { color-scheme:dark; scrollbar-color:var(--line) var(--bg); scrollbar-width:thin; }
* { scrollbar-width:thin; scrollbar-color:var(--line) var(--bg); }
*::-webkit-scrollbar { width:10px; height:10px; }
*::-webkit-scrollbar-track { background:var(--bg); }
*::-webkit-scrollbar-thumb { min-height:36px; border:3px solid var(--bg); border-radius:999px; background:var(--line); }
*::-webkit-scrollbar-thumb:hover { background:var(--muted); }
*::-webkit-scrollbar-corner { background:var(--bg); }
header { margin-bottom:22px; }
.content > header { padding-bottom:22px; border-bottom:1px solid var(--line); }
footer { display:flex; align-items:center; justify-content:space-between; margin-top:48px; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }.github-link { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:32px; height:32px; margin:-7px -7px -7px 0; color:var(--muted); overflow:visible; transition:color .15s ease; }.github-link svg { display:block; flex:none; }.github-link:hover,.github-link:focus-visible { color:var(--text); }
.page-header-actions { display:flex; align-items:center; gap:8px; }.dashboard-repository-link { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--surface); font-size:11px; font-weight:600; text-decoration:none; transition:border-color .15s ease,background .15s ease; }.dashboard-repository-link:hover,.dashboard-repository-link:focus-visible { border-color:var(--accent); background:var(--surface-raised); outline:0; }
.brand > div { display:grid; gap:1px; }.brand small { color:var(--muted); font:9px 'DM Mono',monospace; letter-spacing:.04em; }
.metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.panel,.metric { background:var(--surface); border-color:var(--line); }
.notice--auto-dismiss { animation:notice-dismiss .8s ease 9.2s forwards; }
@keyframes notice-dismiss { to { opacity:0; transform:translateY(-4px); } }
.metric { background:linear-gradient(125deg,var(--surface-raised),var(--surface)); }
.content input,.content select,.content textarea,.modal input,.modal select,.modal textarea { background:var(--bg); border:1px solid var(--line); color:var(--text); font:inherit; }
.page-stack { display:grid; gap:18px; min-width:0; }
.content select,.modal select { appearance:none; min-height:38px; padding:8px 36px 8px 11px; border-radius:7px; background-color:var(--bg); background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%); background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; cursor:pointer; font-size:11px; transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease; }
.content select:hover,.modal select:hover { border-color:var(--muted); background-color:var(--surface-raised); }
.content select:focus,.modal select:focus { border-color:var(--accent); outline:0; box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent); }
.content select:disabled,.modal select:disabled { cursor:not-allowed; opacity:.55; }
.content select option,.modal select option { color:var(--text); background:var(--surface); }
.content .tr,.content .steps,.content .step,.content .approval,.content .history-row,.builder-actions { border-color:var(--line); }
.content .tr span,.content .workflow { color:var(--text); }
.content .tr.th span,.content .hint,.content .builder-actions small,.setting-row small { color:var(--muted); }
.approve,.run-button { background:var(--accent); }
.modal-backdrop { position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:24px; background:rgb(0 0 0 / .58); }
.modal { box-sizing:border-box; width:min(760px,100%); min-width:0; max-height:calc(100vh - 48px); overflow:auto; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:0 18px 60px rgb(0 0 0 / .38); padding:22px; }
.modal-header,.panel-title-action { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.modal-header { margin-bottom:18px; }.modal-header h2 { margin:0; font-size:18px; white-space:nowrap; }.modal-close { border:0; color:var(--muted); background:transparent; padding:3px; }
.modal-form { display:grid; gap:10px; }.build-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
.build-form { grid-template-columns:1fr; }.modal-setting-row { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:18px; padding:11px 0; border-bottom:1px solid var(--line); color:var(--text); font-size:12px; }.modal-setting-row textarea { min-height:150px; resize:vertical; }.build-approval-toggle { display:flex; align-items:center; gap:7px; }.prompt-changes { display:grid; gap:12px; }.prompt-changes > section { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface-raised); }.prompt-version-navigator { display:flex; align-items:center; justify-content:center; gap:10px; }.prompt-version-navigator span { min-width:94px; color:var(--muted); font:11px 'DM Mono',monospace; text-align:center; }.prompt-changes__head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border-bottom:1px solid var(--line); }.prompt-changes__head div { display:grid; gap:3px; min-width:0; }.prompt-changes__head small { overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; }.prompt-change-meta,.prompt-changes > section > .hint { margin:0; padding:10px 12px; color:var(--muted); font:11px 'DM Mono',monospace; }.prompt-diff { max-height:340px; overflow:auto; margin:0; color:var(--text); background:var(--bg); font:11px/1.6 'DM Mono',monospace; }.prompt-diff__row { display:grid; grid-template-columns:46px 46px 22px minmax(max-content,1fr); min-width:max-content; }.prompt-diff__line-number { padding:0 10px; border-right:1px solid var(--line); color:var(--muted); text-align:right; user-select:none; }.prompt-diff__marker { padding:0 7px; color:var(--muted); text-align:center; user-select:none; }.prompt-diff__row code { min-width:0; padding-right:12px; color:inherit; white-space:pre; }.prompt-diff__row--added { color:#c5edbd; background:#203c2a; }.prompt-diff__row--added .prompt-diff__line-number,.prompt-diff__row--added .prompt-diff__marker { border-color:rgb(142 211 132 / .22); color:#a9db9d; }.prompt-diff__row--removed { color:#ffc2bb; background:#492a2a; }.prompt-diff__row--removed .prompt-diff__line-number,.prompt-diff__row--removed .prompt-diff__marker { border-color:rgb(235 142 132 / .24); color:#efaaa1; }.prompt-diff::selection { background:color-mix(in srgb,var(--accent) 35%,transparent); }
.commit-changes { display:grid; gap:10px; max-height:min(510px,calc(100vh - 310px)); overflow:auto; padding-right:8px; }.commit-changes > section { display:grid; gap:12px; overflow:hidden; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--surface-raised); }.commit-changes__head { display:grid; gap:4px; }.commit-changes__head strong { font:600 12px 'DM Mono',monospace; }.commit-changes__head small,.commit-changes__group > small,.commit-changes__artifact { color:var(--muted); font:10px 'DM Mono',monospace; }.commit-changes__group { display:grid; gap:6px; }.commit-changes ul { display:grid; gap:4px; margin:0; padding:0; list-style:none; }.commit-changes li { display:flex; gap:9px; min-width:0; padding:7px 9px; border-radius:5px; background:var(--bg); font-size:11px; }.commit-changes li code { flex:none; color:var(--accent); font:10px 'DM Mono',monospace; }.commit-changes li span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.commit-changes__artifact { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.commit-changes__artifact code { color:var(--text); }.commit-diff { border:1px solid var(--line); border-radius:6px; }.commit-diff__meta { min-width:max-content; padding:0 12px; color:var(--muted); background:var(--surface); }.commit-diff__meta code { white-space:pre; }
.modal-hint,.modal-actions { grid-column:1/-1; }.modal-hint { margin:4px 0 0; color:var(--muted); font-size:11px; }.modal-actions { display:flex; justify-content:flex-end; gap:9px; padding-top:12px; border-top:1px solid var(--line); }.modal-actions button { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
.wizard-steps { display:flex; list-style:none; gap:12px; margin:0 0 20px; padding:0; color:var(--muted); font-size:11px; }.wizard-steps .current { color:var(--accent); font-weight:700; }.wizard-steps .done { color:var(--text); }.build-source-list { display:grid; gap:8px; max-height:150px; overflow:auto; }.build-source-list label { display:flex; align-items:center; gap:8px; color:var(--text); }.wizard-review dl { display:grid; grid-template-columns:160px 1fr; gap:12px; margin:0 0 20px; }.wizard-review dt { color:var(--muted); }.wizard-review dd { margin:0; overflow-wrap:anywhere; }
.wizard-steps button { border:0; padding:0; color:inherit; background:transparent; font:inherit; cursor:pointer; }.wizard-steps button:hover,.wizard-steps button:focus-visible { color:var(--accent); outline:0; text-decoration:underline; text-underline-offset:3px; }
.remote-executor-fields { display:grid; gap:10px; }.http-headers { display:grid; gap:8px; padding:12px; border:1px solid var(--line); border-radius:8px; }.http-headers > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px; gap:8px; }.http-headers > button { justify-self:start; }
.modal:has(.workflow-editor) { width:min(1120px,100%); }.pipeline-yaml-editor { display:grid; gap:10px; width:100%; }.pipeline-yaml-editor .hint { margin:0; }.pipeline-yaml-editor .cm-editor { border:1px solid var(--line); border-radius:8px; overflow:hidden; }.pipeline-yaml-editor .cm-editor:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent); }.pipeline-yaml-editor .cm-scroller { font:12px/1.6 'DM Mono',monospace; }
.modal:has(.runner-editor) { width:min(1120px,100%); overflow-x:hidden; }.runner-editor,.runner-source { min-width:0; max-width:100%; }.runner-source { display:grid; gap:7px; }.runner-source .cm-editor { width:100%; min-width:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }.runner-source .cm-editor:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent); }.runner-source .cm-scroller { max-width:100%; overflow-x:hidden; overflow-y:auto; font:12px/1.6 'DM Mono',monospace; }.runner-source .cm-content { min-width:0; overflow-wrap:anywhere; }.runner-editor .modal-actions { min-width:0; flex-wrap:wrap; }
.workflow-log-output section { display:grid; gap:7px; }.iteration-log-output section > div strong { color:var(--accent); font:10px 'DM Mono',monospace; text-transform:uppercase; }
.improvement-trends { display:grid; gap:18px; }.trend-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }.trend-head label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }.trend-head select { width:auto; min-width:76px; }.trend-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:14px; }.trend-grid article,.iteration-trends article { min-height:154px; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.trend-grid h3,.iteration-trends h3 { margin:0 0 12px; font-size:12px; }.feedback-bars { display:grid; gap:9px; }.feedback-bars > div { display:grid; grid-template-columns:minmax(110px,1fr) 2fr 24px; align-items:center; gap:9px; }.feedback-bars span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }.feedback-bars i { height:8px; overflow:hidden; border-radius:99px; background:var(--surface-raised); }.feedback-bars b { display:block; height:100%; border-radius:inherit; background:var(--accent); }.feedback-bars strong { font:11px 'DM Mono',monospace; text-align:right; }.trend-line { display:block; width:100%; height:116px; overflow:visible; }.trend-legend { display:flex; justify-content:space-between; color:var(--muted); font-size:10px; }.trend-legend strong { color:var(--text); font:14px 'DM Mono',monospace; }.iteration-trends { display:grid; gap:10px; }.iteration-trends > article header,.iteration-trends > article footer { display:flex; justify-content:space-between; gap:8px; }.iteration-trends > article header span,.iteration-trends > article footer { color:var(--muted); font:10px 'DM Mono',monospace; }.iteration-chart { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.iteration-chart > div { display:grid; grid-template-rows:auto 76px; gap:5px; }.iteration-chart small { color:var(--muted); font:10px 'DM Mono',monospace; } @media(max-width:720px){.trend-grid { grid-template-columns:1fr; }.trend-head { align-items:flex-start; flex-direction:column; }.feedback-bars > div { grid-template-columns:92px 1fr 24px; }}
.iteration-trends__head { display:flex; align-items:center; justify-content:space-between; gap:12px; }.iteration-trends__head label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }.iteration-trends__head h3 { margin:0; }.iteration-trends__head select { width:auto; max-width:320px; } @media(max-width:720px){.iteration-trends__head { align-items:flex-start; flex-direction:column; }}
.analytics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.analytics-chart { min-width:0; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.analytics-chart h3 { margin:0 0 12px; font-size:12px; }.analytics-chart .recharts-cartesian-axis-tick-value,.analytics-chart .recharts-legend-item-text { fill:var(--muted)!important; font-size:10px; }.analytics-chart .recharts-tooltip-wrapper { color:#182132; }.chart-select { display:flex; justify-content:flex-end; margin:-31px 0 10px; }.chart-select label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }.chart-select select { width:auto; max-width:320px; } @media(max-width:720px){.analytics-grid { grid-template-columns:1fr; }.chart-select { justify-content:flex-start; margin:0 0 10px; }}
.improvements-build-selector { display:flex; justify-content:flex-end; margin-bottom:16px; }.improvements-build-selector label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }.improvements-build-selector select { width:auto; max-width:360px; } @media(max-width:720px){.improvements-build-selector { justify-content:flex-start; }}
.cycle-interventions { display:grid; gap:12px; }.cycle-interventions > .hint { margin:0; }.intervention-list { display:grid; gap:10px; }.intervention-list article { display:grid; gap:9px; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.intervention-list header { display:flex; justify-content:space-between; gap:12px; }.intervention-list header div { display:grid; gap:5px; }.intervention-list small { color:var(--muted); font-size:10px; }.intervention-list p { margin:0; color:var(--muted); line-height:1.55; }.intervention-list dl { display:flex; gap:20px; margin:0; }.intervention-list dl div { display:grid; gap:3px; }.intervention-list dt { color:var(--muted); font-size:9px; text-transform:uppercase; }.intervention-list dd { margin:0; font:11px 'DM Mono',monospace; }.intervention-list pre { margin:0; padding:9px; overflow:auto; border-radius:6px; background:var(--surface-raised); color:#8fb8ff; font:11px/1.5 'DM Mono',monospace; white-space:pre-wrap; }
.proposal-history { display:grid; gap:14px; }.proposal-history .panel-head { margin-bottom:3px; }.proposal-history .hint { max-width:650px; }.proposal-filters { display:flex; gap:8px; flex-wrap:wrap; }.proposal-filters select { width:auto; max-width:230px; }.proposal-summary { display:flex; gap:8px; flex-wrap:wrap; }.proposal-summary span { display:flex; align-items:baseline; gap:6px; padding:8px 10px; border:1px solid var(--line); border-radius:7px; color:var(--muted); background:var(--bg); font-size:10px; }.proposal-summary b { color:var(--text); font:600 16px 'DM Mono',monospace; }.proposal-list { display:grid; border-top:1px solid var(--line); }.proposal-row { display:flex; justify-content:space-between; gap:14px; width:100%; padding:13px 2px; border:0; border-bottom:1px solid var(--line); color:var(--text); background:transparent; text-align:left; }.proposal-row:hover { background:var(--surface-raised); }.proposal-row > div:first-child { display:grid; min-width:0; gap:4px; }.proposal-row small,.proposal-row span { color:var(--muted); font-size:10px; }.proposal-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.proposal-row__meta { display:grid; justify-items:end; align-content:center; gap:6px; white-space:nowrap; }.modal--proposal-detail { width:min(760px,100%); }.proposal-detail { display:grid; gap:18px; }.proposal-detail__summary { display:flex; align-items:center; gap:10px; flex-wrap:wrap; color:var(--muted); font:10px 'DM Mono',monospace; }.proposal-detail section { display:grid; gap:8px; }.proposal-detail h3 { margin:0; font-size:12px; }.proposal-detail p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }.proposal-detail pre { margin:0; padding:10px; overflow:auto; border-radius:7px; background:var(--bg); color:#8fb8ff; font:11px/1.55 'DM Mono',monospace; white-space:pre-wrap; }.proposal-detail dl { display:flex; flex-wrap:wrap; gap:16px; margin:0; }.proposal-detail dl div { display:grid; min-width:120px; gap:3px; }.proposal-detail dt { color:var(--muted); font-size:9px; text-transform:uppercase; }.proposal-detail dd { max-width:480px; margin:0; overflow-wrap:anywhere; font:11px 'DM Mono',monospace; }.proposal-timeline { display:grid; gap:9px; margin:0; padding:0; list-style:none; }.proposal-timeline li { display:flex; align-items:center; gap:10px; padding-left:10px; border-left:2px solid var(--line); }.proposal-timeline li > div { display:grid; gap:3px; }.proposal-timeline strong { font-size:11px; }.proposal-timeline small { color:var(--muted); font-size:10px; } @media(max-width:720px){.proposal-history .trend-head { align-items:stretch; }.proposal-filters select { width:100%; max-width:none; }.proposal-row { align-items:flex-start; flex-direction:column; }.proposal-row__meta { justify-items:start; }.proposal-detail__summary { align-items:flex-start; flex-direction:column; }}
.panel-title-action .panel-head { flex:1; }.panel-title-action__copy { flex:1; min-width:0; }.section-description { margin:5px 0 0; }.panel-title-action:has(.section-description) { margin-bottom:12px; }.panel-head:has(+ .section-description) { margin-bottom:0; }.panel-head + .section-description { margin:5px 0 12px; }.panel-title-action .approve { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.timestamped-log-output { max-width:100%; overflow:auto; padding:8px 0; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--text); font:11px/1.55 'DM Mono',monospace; }.timestamped-log-output > div { display:grid; grid-template-columns:172px minmax(0,1fr); min-width:max-content; }.timestamped-log-output time { padding:0 10px; border-right:1px solid var(--line); color:var(--muted); text-align:right; user-select:none; white-space:nowrap; }.timestamped-log-output code { min-width:0; padding:0 12px; color:inherit; white-space:pre; }
.setting-prompt-preview { margin:12px 0 0; padding:10px 12px; border:1px solid var(--line); border-radius:7px; color:var(--muted); white-space:pre-wrap; max-height:120px; overflow:auto; }
.operational-prompt-warning { display:flex; align-items:flex-start; gap:8px; margin:0; padding:10px 12px; border:1px solid #725c31; border-radius:7px; color:#f2d394; background:#302818; font-size:11px; line-height:1.55; }.operational-prompt-warning svg { flex:none; margin-top:1px; }
.app-settings:has(.operational-prompt-warning) { grid-template-columns:1fr; gap:0; }.app-settings:has(.operational-prompt-warning) .panel-title-action { margin-bottom:4px; }
.build-actions { display:flex; align-items:center; gap:6px; }
.run-history-actions,.run-pagination { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin:-6px 0 12px; color:var(--muted); font-size:11px; }.run-history-actions { min-height:28px; }.run-pagination { justify-content:space-between; margin:14px 0 0; padding-top:12px; border-top:1px solid var(--line); }.run-pagination > div { display:flex; align-items:center; gap:8px; }
.run-filter-trigger { position:relative; display:flex; justify-content:flex-start; margin:0 0 18px; min-height:32px; }.run-filter-button { min-height:32px; padding:0 10px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--surface); }.run-filter-button .nav-run-count { margin-left:2px; }.run-filters { display:grid; gap:16px; margin:0; padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }.run-filter-popover { position:absolute; z-index:12; top:40px; left:0; width:min(390px,calc(100vw - 48px)); box-shadow:0 18px 42px rgb(0 0 0 / .32); }.run-filter-popover__header,.run-filter-popover__footer { display:flex; align-items:center; justify-content:space-between; }.run-filter-popover__header { padding-bottom:12px; border-bottom:1px solid var(--line); }.run-filter-popover__header strong { font-size:12px; }.run-filter-popover__footer { padding-top:12px; border-top:1px solid var(--line); justify-content:flex-end; gap:8px; }.run-filter-popover__footer .approve { min-width:66px; }.run-filters fieldset,.run-filters > label { display:grid; gap:7px; margin:0; padding:0; border:0; color:var(--muted); font-size:10px; }.run-filters legend { padding:0; color:var(--muted); font-size:10px; }.run-filters__statuses { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; }.run-filters fieldset label,.run-filters__active { display:flex!important; align-items:center; gap:6px; color:var(--text)!important; white-space:nowrap; }.run-filters__active { padding-top:2px; }.run-filters input { accent-color:var(--accent); }.run-filters select { width:100%; min-height:36px; }.run-filters .ghost { min-height:30px; padding:0 4px; }
.page-size-control { display:flex; }.page-size-control select { width:auto; min-height:32px; padding-block:5px; font-size:11px; }
.run-filter-trigger { gap:8px; }
.build-list-actions { display:flex; align-items:center; gap:8px; }
.build-list-toolbar { display:flex; justify-content:flex-start; margin:-2px 0 14px; }
.icon-button { width:28px; height:28px; padding:0; display:grid; place-items:center; }
.content .tr > span { display:flex; align-items:center; min-height:50px; }
.content .tr > span > .build-actions { padding:0; min-height:28px; white-space:normal; }
.build-table .tr { min-width:0; }.build-table .tr > span { min-width:0; padding-inline:6px; justify-content:flex-start!important; text-align:left; }
.lifecycle-editor { display:grid; gap:12px; margin-top:8px; }.lifecycle-editor > p { margin:0; color:var(--muted); font-size:11px; }.lifecycle-editor fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:12px; border:1px solid var(--line); border-radius:8px; }.lifecycle-editor legend { padding:0 5px; color:var(--accent); font:600 11px 'DM Mono',monospace; text-transform:uppercase; }.lifecycle-editor label { display:grid; gap:5px; color:var(--muted); font-size:10px; }.lifecycle-editor label:nth-child(2),.lifecycle-editor label:nth-child(3) { grid-column:1/-1; }.command-editor { position:relative; min-height:68px; overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--bg); }.command-editor pre,.command-editor textarea { box-sizing:border-box; width:100%; min-height:68px; margin:0; padding:9px; border:0; border-radius:0; font:11px/1.55 'DM Mono',monospace; white-space:pre-wrap; overflow-wrap:anywhere; }.command-editor pre { pointer-events:none; color:var(--text); }.command-editor textarea { position:absolute; inset:0; resize:vertical; color:transparent; caret-color:var(--text); background:transparent; }.command-string { color:#d9b97d; }.command-flag { color:#8fcddd; }.command-number { color:#c5ef87; }
.repository-field { display:flex; gap:8px; }.repository-field input { flex:1; min-width:0; }
.workspace-browser { display:grid; gap:12px; }.workspace-current { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px; border:1px solid var(--line); border-radius:8px; }.workspace-current code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.workspace-list { display:grid; max-height:280px; overflow:auto; border-top:1px solid var(--line); }.workspace-list .ghost { padding:10px 4px; border-bottom:1px solid var(--line); color:var(--text); text-align:left; }
.profile-picker { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; }.profile-picker .panel-head { margin:0; }.profile-picker > div { display:flex; align-items:center; gap:10px; }.profile-picker select { min-width:240px; }
.profile-form--rows { grid-template-columns:1fr; }
.chat-launcher { position:fixed; z-index:30; display:grid; width:48px; height:48px; place-items:center; border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line)); border-radius:50%; color:#182318; background:var(--accent); box-shadow:0 10px 28px rgb(0 0 0 / .3); touch-action:none; }.chat-launcher:focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent); outline-offset:3px; }.chat-assistant { position:fixed; z-index:30; right:24px; bottom:24px; display:grid; grid-template-rows:auto auto minmax(180px,1fr) auto; width:min(380px,calc(100vw - 32px)); height:min(560px,calc(100vh - 32px)); overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:0 18px 60px rgb(0 0 0 / .42); }.chat-assistant > header { display:flex; align-items:center; justify-content:space-between; margin:0; padding:14px 15px; border-bottom:1px solid var(--line); }.chat-assistant > header div { display:flex; align-items:center; gap:8px; }.chat-assistant > header svg { color:var(--accent); }.chat-header-actions { display:flex; gap:3px; }.chat-tool-summary { overflow:hidden; margin:8px 12px 0; padding:7px 10px; border:1px solid var(--line); border-radius:7px; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.chat-tool-summary--empty { color:var(--muted); background:color-mix(in srgb,var(--surface-raised) 82%,var(--line)); }.chat-tool-summary--ready { color:color-mix(in srgb,var(--accent) 72%,white); border-color:color-mix(in srgb,var(--accent) 35%,var(--line)); background:color-mix(in srgb,var(--accent) 12%,var(--surface-raised)); }.chat-tool-settings { display:grid; gap:8px; padding:12px 14px; border-bottom:1px solid var(--line); font-size:11px; }.chat-tool-settings p { margin:0; color:var(--muted); }.chat-tool-settings label { display:grid; gap:4px; color:var(--muted); }.chat-tool-settings input:not([type="checkbox"]) { width:100%; box-sizing:border-box; }.chat-tool-settings .chat-tool-toggle { display:flex; align-items:center; gap:7px; color:var(--text); }.chat-tool-settings .approve { justify-self:end; }.chat-messages { display:grid; align-content:start; gap:10px; overflow:auto; padding:14px; }.chat-empty { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }.chat-message { width:fit-content; max-width:88%; margin:0; padding:9px 11px; border-radius:10px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.55; }.chat-message--user { justify-self:end; color:#172116; background:var(--accent); }.chat-message--assistant { color:var(--text); background:var(--surface-raised); }.chat-assistant form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:12px; border-top:1px solid var(--line); }.chat-assistant textarea { min-height:42px; max-height:104px; resize:vertical; padding:9px; }.chat-assistant form .approve { display:grid; width:38px; height:38px; place-items:center; padding:0; align-self:end; }
@media(max-width:560px){.chat-assistant { right:16px; bottom:16px; }.chat-launcher { width:46px; height:46px; }}
.chat-assistant > header { position:relative; z-index:2; cursor:grab; user-select:none; }.chat-assistant > header:active { cursor:grabbing; }
.chat-tools-modal { width:min(430px,calc(100vw - 32px)); }.chat-tools-modal-summary { margin:0; padding:9px 10px; color:var(--muted); border:1px solid var(--line); border-radius:7px; background:var(--surface-raised); font-size:11px; }.chat-tool-modal-toggle { display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--line); color:var(--text); }.chat-tool-modal-toggle:last-of-type { border-bottom:0; }
.assistant-terminal { z-index:0; grid-row:2 / 5; min-height:0; padding:10px; overflow:hidden; background:#101614; }.assistant-terminal .xterm { height:100%; }
.chat-tools-popover { position:fixed; z-index:40; display:grid; width:296px; gap:10px; padding:14px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--surface); box-shadow:0 16px 42px rgb(0 0 0 / .35); font-size:12px; }.chat-tools-popover > strong { font-size:13px; }.chat-tools-popover > p { margin:0; padding:7px 9px; border-radius:6px; color:var(--muted); background:var(--surface-raised); font-size:11px; }.chat-tools-popover > label { display:grid; gap:5px; color:var(--muted); }.chat-tools-popover input:not([type="checkbox"]) { width:100%; box-sizing:border-box; font:inherit; }.chat-tools-popover .chat-tool-popover-toggle { display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--line); color:var(--text); }.chat-tools-popover > div { display:flex; justify-content:flex-end; gap:8px; padding-top:2px; }
.chat-assistant { resize:both; min-width:320px; min-height:360px; max-width:calc(100vw - 24px); max-height:calc(100vh - 24px); }.chat-pane { display:grid; grid-row:2 / 5; grid-template-rows:auto minmax(0,1fr) auto; min-height:0; }.chat-pane--hidden { display:none; }.assistant-terminal { display:none; }.assistant-terminal--active { display:block; }
.chat-message--assistant > :first-child { margin-top:0; }.chat-message--assistant > :last-child { margin-bottom:0; }.chat-message--assistant h1,.chat-message--assistant h2,.chat-message--assistant h3 { margin:12px 0 7px; font-size:13px; }.chat-message--assistant p,.chat-message--assistant ul,.chat-message--assistant ol { margin:8px 0; }.chat-message--assistant ul,.chat-message--assistant ol { padding-left:18px; }.chat-message--assistant a { color:var(--accent); }.chat-message--assistant pre { overflow:auto; margin:9px 0; padding:9px; border-radius:6px; background:var(--bg); font:10px/1.55 'DM Mono',monospace; }.chat-message--assistant code { font:10px 'DM Mono',monospace; }.chat-message--assistant :not(pre) > code { padding:2px 4px; border-radius:4px; background:var(--bg); }.chat-message--assistant table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; }.chat-message--assistant th,.chat-message--assistant td { padding:5px 7px; border:1px solid var(--line); text-align:left; }
.run-detail-trigger { border:0; padding:0; color:inherit; background:transparent; text-align:left; cursor:pointer; }.run-detail { position:fixed; z-index:15; top:0; right:0; width:min(560px,100vw); height:100vh; overflow:auto; padding:24px; border-left:1px solid var(--line); background:var(--surface); box-shadow:-16px 0 48px rgb(0 0 0 / .35); }.run-detail header { margin-bottom:18px; }.run-tabs { display:flex; gap:6px; border-bottom:1px solid var(--line); }.run-tabs button { border:0; border-bottom:2px solid transparent; padding:10px 12px; color:var(--muted); background:transparent; }.run-tabs button.active { border-color:var(--accent); color:var(--text); }.console-output section { padding:14px 0; border-bottom:1px solid var(--line); }.console-output small { display:block; color:var(--muted); margin:4px 0; }.line-numbered-output { max-width:100%; overflow:auto; padding:8px 0; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--text); font:11px/1.55 'DM Mono',monospace; }.line-numbered-output > div { display:grid; grid-template-columns:46px minmax(0,1fr); min-width:max-content; }.line-numbered-output span { padding:0 10px; border-right:1px solid var(--line); color:var(--muted); text-align:right; user-select:none; }.line-numbered-output code { min-width:0; padding:0 12px; color:inherit; white-space:pre; }.supervisor-translation-action { display:flex; justify-content:flex-end; margin-bottom:10px; }.supervisor-output { display:grid; gap:16px; max-height:min(510px,calc(100vh - 310px)); overflow:auto; padding:18px 8px 0 0; }.supervisor-output section { display:grid; gap:8px; }.supervisor-output__head { display:flex; align-items:center; justify-content:space-between; gap:12px; }.supervisor-output p { margin:0; color:var(--muted); }
.iteration-navigator { display:flex; align-items:center; justify-content:flex-end; gap:6px; min-height:48px; border-bottom:1px solid var(--line); }.iteration-navigator select { width:auto; min-width:76px; height:30px; padding:0 28px 0 10px; font:11px 'DM Mono',monospace; }.iteration-navigator .icon-button { display:grid; width:30px; height:30px; place-items:center; padding:0; }.iteration-navigator .icon-button:disabled { cursor:not-allowed; opacity:.4; }
.app-settings { display:grid; grid-template-columns:1fr; gap:0; }.app-settings + .app-settings { margin-top:16px; }.setting-row { display:flex !important; align-items:center; justify-content:space-between; gap:24px; padding:18px 0; border-top:1px solid var(--line); }.setting-row span { display:grid; gap:5px; }.setting-row strong { color:var(--text); }.setting-row select { min-width:220px; }.setting-actions { display:flex; align-items:center; gap:8px; }.setting-actions .approve { white-space:nowrap; }
@media (max-width:900px) { .build-form,.profile-form { grid-template-columns:1fr; } }
.recent-evaluations { display:grid; grid-template-columns:repeat(auto-fill,280px); gap:16px; }.evaluation-card { display:grid; gap:10px; min-height:150px; padding:20px; border:1px solid var(--line); border-radius:12px; color:var(--text); background:var(--surface); text-align:left; transition:transform .16s ease,border-color .16s ease,background .16s ease; }.evaluation-card:hover { transform:translateY(-2px); border-color:var(--accent); background:var(--surface-raised); }.evaluation-card small { color:var(--accent); font:500 10px 'DM Mono',monospace; }.evaluation-card strong { font-size:14px; }.evaluation-card span { color:var(--muted); font-size:12px; }
.dashboard-hero { display:grid; gap:11px; margin:-18px 0 16px; padding:26px 28px; border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line)); border-radius:12px; background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface)); }.dashboard-hero p { margin:0; color:var(--accent); font:600 10px 'DM Mono',monospace; letter-spacing:.12em; }.dashboard-hero strong { max-width:850px; font-size:clamp(21px,2.3vw,32px); letter-spacing:-1.1px; line-height:1.2; }.dashboard-hero span { max-width:720px; color:var(--muted); font-size:13px; line-height:1.6; }
.dashboard-hero-actions { display:flex; margin-top:6px; }.dashboard-hero-actions .approve { padding:9px 13px; font-size:11px; font-weight:700; }
.dashboard-overview .panel-head { margin-bottom:5px; }.dashboard-overview > .hint { margin:0 0 18px; }
.dashboard-feedback-trends { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-feedback-trends .trend-head,.dashboard-feedback-trends > .analytics-chart:last-child { grid-column:1/-1; }.dashboard-feedback-trends .trend-head:has(.section-description),.evaluation-feedback-trends .trend-head:has(.section-description) { margin-bottom:-6px; }.dashboard-feedback-trends > .analytics-grid { display:contents; } @media(max-width:720px){.dashboard-feedback-trends { grid-template-columns:1fr; }}
.build-table .tr:not(.th):hover { background:var(--surface-raised); }.table-link { border:0; padding:0; color:inherit; background:transparent; font:inherit; font-weight:700; text-align:left; cursor:pointer; }
.content { padding-inline:32px; }
.content .table { display:block; width:100%; }
.table-sort { display:inline-flex; align-items:center; gap:4px; padding:0; border:0; color:inherit; background:transparent; font:inherit; text-transform:inherit; cursor:pointer; }
.table-sort:hover { color:var(--accent); }
.build-panel,.active-evaluation-panel { padding:18px; }
.tr--interactive { cursor:pointer; }
.build-table .tr--interactive:hover,.active-evaluation-table .tr--interactive:hover { background:var(--surface-raised); }
.active-evaluation-table { display:block; max-width:100%; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }.active-evaluation-table .tr { min-width:1240px; width:100%; }.active-evaluation-table .tr > span { min-width:0; padding-inline:6px; }.active-evaluation-table .tr > span:nth-child(n+3) { justify-content:center; }
.modal--run-detail { width:min(1080px,100%); overflow:hidden; }.modal--run-detail .modal-header { flex:none; }.run-detail-evaluation { display:flex; align-items:baseline; gap:9px; min-width:0; margin:0 0 14px; }.run-detail-evaluation strong { overflow:hidden; min-width:0; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }.run-detail-evaluation code { flex:none; color:var(--muted); font:10px 'DM Mono',monospace; }.run-detail-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:20px; }.run-detail-summary > div { display:grid; gap:5px; min-width:0; padding:11px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.run-detail-summary small,.evaluation-summary small { color:var(--muted); font-size:10px; }.run-detail-summary strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.run-phase { font:600 11px 'DM Mono',monospace; }.content .tr span.run-phase--queued,.content .tr span.run-phase--awaiting_approval { color:#f1d292; }.content .tr span.run-phase--running { color:#8cc8ff; }.content .tr span.run-phase--succeeded { color:#bce989; }.content .tr span.run-phase--failed,.content .tr span.run-phase--cancelled { color:#eaa89f; }.console-output { max-height:min(510px,calc(100vh - 310px)); overflow:auto; padding-right:8px; }.run-result { display:grid; gap:16px; max-height:min(510px,calc(100vh - 310px)); overflow:auto; padding:18px 8px 0 0; }.run-result h3 { margin:0 0 10px; font-size:13px; }.result-filter-trigger { position:relative; display:flex; justify-content:flex-start; }.result-translation-action { margin-left:auto; }.result-filter-popover { right:auto; left:0; }.result-filter-range { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.result-filter-range label { display:grid; gap:7px; color:var(--muted); font-size:10px; }.result-filter-range input { min-width:0; min-height:36px; padding:8px 10px; border-radius:7px; }.result-iterations { display:grid; gap:14px; }.result-iteration { display:grid; gap:16px; padding:14px; border:1px solid var(--line); border-radius:9px; background:var(--surface-raised); }.result-iteration > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--line); }.result-iteration > header > strong { font:600 12px 'DM Mono',monospace; }.result-iteration > header > span { display:flex; align-items:center; gap:8px; }.result-iteration > header small { color:var(--muted); font-size:10px; }.result-iteration > header > span > b:last-child { font:11px 'DM Mono',monospace; }.evaluation-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.evaluation-summary > div { display:grid; gap:4px; }.evaluation-summary strong { font-size:18px; }.evaluation-summary span,.evaluation-summary p,.result-items p,.result-items small { color:var(--muted); font-size:11px; }.evaluation-summary p { grid-column:1/-1; margin:0; line-height:1.6; }.result-items { display:grid; gap:8px; }.result-items article { padding:12px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.result-row { display:grid; grid-template-columns:124px minmax(0,1fr) auto; gap:14px; align-items:start; }.result-row__time { color:var(--muted); font:10px/1.45 'DM Mono',monospace; }.result-row__body { min-width:0; }.result-row__body strong { display:block; font-size:12px; }.result-items p { margin:7px 0 0; line-height:1.55; }.result-row__metrics { display:flex; gap:13px; align-items:start; }.result-row__metrics > span { display:grid; gap:4px; min-width:52px; }.result-row__metrics small { font:9px 'DM Mono',monospace; text-transform:uppercase; }.result-row__metrics b:not(.decision) { font:11px 'DM Mono',monospace; }.decision { width:max-content; border-radius:999px; padding:3px 7px; color:var(--text); background:var(--surface-raised); font:500 9px 'DM Mono',monospace; text-transform:uppercase; }.decision--adopted,.decision--approved,.decision--low { color:#bce989; background:#283d29; }.decision--rejected,.decision--critical { color:#eaa89f; background:#402624; }.decision--medium,.decision--pending { color:#f1d292; background:#403420; } @media(max-width:720px){.result-row { grid-template-columns:1fr; gap:8px; }.result-row__metrics { flex-wrap:wrap; }.result-row__time { order:2; }.result-row__metrics { order:3; }.result-iteration > header { align-items:flex-start; flex-direction:column; }.result-filter-popover { right:auto; left:0; }}
.modal--confirm { width:min(420px,100%); }.confirm-description { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.result-behavior-summaries { display:grid; gap:8px; }
.result-behavior-trace dl { display:grid; gap:10px; margin:0; }.result-behavior-trace dl > div { display:grid; gap:3px; }.result-behavior-trace dt { color:var(--muted); font:9px 'DM Mono',monospace; text-transform:uppercase; }.result-behavior-trace dd { margin:0; font-size:12px; line-height:1.55; }
.proposal-tree { display:grid; gap:10px; margin-top:16px; }.proposal-tree details { min-width:0; border-left:1px solid var(--line); }.proposal-tree summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; }.proposal-tree summary::-webkit-details-marker { display:none; }.proposal-tree summary::before { content:'▸'; margin-right:8px; color:var(--muted); }.proposal-tree details[open] > summary::before { content:'▾'; }.proposal-tree__build { padding:12px; border:1px solid var(--line)!important; border-radius:8px; background:var(--bg); }.proposal-tree__build > summary > strong { font-size:13px; }.proposal-tree summary small { color:var(--muted); font:10px 'DM Mono',monospace; }.proposal-tree__run { margin:10px 0 0 11px; padding:10px 0 0 13px; }.proposal-tree__run > summary { justify-content:flex-start; }.proposal-tree__run > summary span,.proposal-tree__iteration > summary span { display:grid; gap:3px; }.proposal-tree__run > summary strong { font-size:11px; }.proposal-tree__iteration { margin:9px 0 0 11px; padding:9px 0 0 13px; }.proposal-tree__iteration > summary { padding:8px 10px; border:1px solid var(--line); border-radius:7px; background:var(--surface-raised); }.proposal-tree__iteration > div { display:grid; gap:6px; margin:7px 0 0 12px; }.proposal-tree__item { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:10px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--surface); text-align:left; }.proposal-tree__item:hover { border-color:var(--accent); background:var(--surface-raised); }.proposal-tree__item > span { display:grid; gap:3px; min-width:0; }.proposal-tree__item strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.proposal-tree__item small { color:var(--muted); font-size:10px; }
.proposal-tree__iteration-meta,.proposal-tree__item-meta { display:flex!important; align-items:center; gap:8px; flex:none; }.proposal-tree__score { padding:3px 6px; border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line)); border-radius:999px; color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,var(--bg)); font:600 10px 'DM Mono',monospace; white-space:nowrap; }
.cycle-interventions__head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.cycle-interventions__head .panel-head { margin:0; }.cycle-interventions__head label { display:grid; gap:6px; color:var(--muted); font-size:10px; }.cycle-interventions__head select { min-width:220px; }.cycle-health { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0; }.cycle-health article { display:grid; gap:5px; padding:12px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.cycle-health small { color:var(--muted); font-size:10px; }.cycle-health strong { font:600 14px 'DM Mono',monospace; }.cycle-ai-action { display:grid; gap:10px; margin:16px 0; }.cycle-ai-action .approve { justify-self:start; }.cycle-ai-action pre { max-height:340px; overflow:auto; margin:0; padding:12px; border:1px solid var(--line); border-radius:8px; background:var(--bg); white-space:pre-wrap; font:11px/1.6 'DM Mono',monospace; } @media(max-width:720px){.cycle-interventions__head { flex-direction:column; }.cycle-interventions__head select { min-width:0; }.cycle-health { grid-template-columns:1fr; }}
.cycle-ai-response { max-height:340px; overflow:auto; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--bg); font-size:12px; line-height:1.65; }.cycle-ai-response > :first-child { margin-top:0; }.cycle-ai-response > :last-child { margin-bottom:0; }.cycle-ai-response h1,.cycle-ai-response h2,.cycle-ai-response h3 { margin:14px 0 7px; font-size:13px; }.cycle-ai-response p,.cycle-ai-response ul,.cycle-ai-response ol { margin:8px 0; }.cycle-ai-response ul,.cycle-ai-response ol { padding-left:20px; }.cycle-ai-response code { font:10px 'DM Mono',monospace; }.cycle-ai-response pre { overflow:auto; padding:9px; border-radius:6px; background:var(--surface-raised); }
.catalog-list { display:grid; gap:6px; }.catalog-row { width:100%; display:grid; gap:4px; padding:12px 4px; border:0; border-top:1px solid var(--line); color:var(--text); background:transparent; text-align:left; }.catalog-row:first-child { border-top:0; }.catalog-row:hover { color:var(--accent); background:var(--surface-raised); }.catalog-row strong { font-size:12px; }.catalog-row span { color:var(--muted); font-size:11px; }.catalog-empty { margin:0; padding:14px 4px; color:var(--muted); font-size:12px; line-height:1.55; border-top:1px solid var(--line); }
.catalog-list__header { display:grid; grid-template-columns:1.2fr 1fr 120px; gap:8px; padding:0 4px 6px; border-bottom:1px solid var(--line); }.catalog-list__header button { display:inline-flex; align-items:center; gap:4px; padding:0; border:0; color:var(--muted); background:transparent; font:10px 'DM Mono',monospace; text-transform:uppercase; cursor:pointer; text-align:left; }.catalog-list__header button:hover { color:var(--accent); }
.catalog-row-wrap { display:flex; align-items:center; gap:8px; padding-inline:4px; border-top:1px solid var(--line); }.catalog-row-wrap:hover,.catalog-row-wrap:has(.catalog-row:focus-visible) { background:var(--surface-raised); }.catalog-row-wrap:hover .catalog-row,.catalog-row-wrap:has(.catalog-row:focus-visible) .catalog-row { color:var(--accent); background:transparent; }.catalog-row-wrap:hover .catalog-row__created,.catalog-row-wrap:has(.catalog-row:focus-visible) .catalog-row__created { color:var(--accent); }.catalog-row-wrap .catalog-row { flex:1; min-width:0; border-top:0; }.catalog-row-wrap .icon-button,.catalog-row__created { flex:none; }.catalog-row__created { margin-left:auto; white-space:nowrap; }
.telemetry-tree,.telemetry-tree ul { display:grid; gap:6px; margin:0; padding:0; list-style:none; }.telemetry-tree ul { margin-left:13px; padding-left:15px; border-left:1px solid var(--line); }.trace-node { display:flex; width:100%; align-items:flex-start; gap:8px; padding:8px 10px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--bg); text-align:left; }.trace-node:not(:disabled) { cursor:pointer; }.trace-node:not(:disabled):hover { border-color:var(--accent); background:var(--surface-raised); }.trace-node:disabled { cursor:default; }.trace-node > div { display:grid; gap:3px; min-width:0; }.trace-node strong { font:600 11px 'DM Mono',monospace; }.trace-node small { overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; font-size:10px; }.trace-status { width:7px; height:7px; flex:none; margin-top:4px; border-radius:50%; }.trace-status--ok { background:#bce989; }.trace-status--error { background:#eaa89f; }
.test-case-hint { margin:0; color:var(--muted); font-size:11px; line-height:1.55; }.test-case-editor fieldset label { display:grid; gap:5px; color:var(--muted); font-size:11px; }.test-case-editor fieldset textarea { min-height:84px; }
.build-wizard .test-case-editor { display:none; }
.build-wizard .modal-setting-row:has(textarea[placeholder]) { display:none; }
.tooltip { position:relative; display:inline-flex; }.panel-title-with-tooltip { display:inline-flex; align-items:center; gap:7px; }.panel-title-with-tooltip svg { color:var(--muted); cursor:help; }.tooltip-content { position:absolute; z-index:10; bottom:calc(100% + 9px); left:0; width:max-content; max-width:min(340px,calc(100vw - 48px)); padding:9px 11px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--surface-raised); box-shadow:0 10px 28px rgb(0 0 0 / .25); font:11px/1.5 Manrope,sans-serif; opacity:0; pointer-events:none; transform:translateY(3px); transition:opacity .15s ease,transform .15s ease; }.tooltip:hover .tooltip-content,.tooltip:focus .tooltip-content { opacity:1; transform:translateY(0); }
@media (max-width:760px) { .content { padding-inline:16px; }.recent-evaluations { grid-template-columns:1fr; }.run-detail-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }.modal--run-detail { width:100%; }.evaluation-summary { grid-template-columns:1fr; } }
.test-case-editor { display:grid; gap:10px; padding:12px; border:1px solid var(--line); border-radius:8px; }.test-case-editor > div { display:flex; align-items:center; justify-content:space-between; }.test-case-editor fieldset { display:grid; gap:8px; margin:0; padding:10px; border:1px solid var(--line); border-radius:7px; }.test-case-editor textarea { min-height:72px; }
.lifecycle-editor fieldset legend { padding:0 5px; color:var(--accent); font:600 11px 'DM Mono',monospace; letter-spacing:.03em; }.lifecycle-editor fieldset legend::after { content:':'; color:#8fb8ff; }
.repository-warning { display:inline-flex; color:#f1a95f; cursor:help; }.repository-valid { display:inline-flex; color:#9bdc82; }
.orbit-log-panel { margin-top:16px; }.orbit-log-output { max-height:280px; overflow:auto; border:1px solid var(--line); border-radius:8px; background:var(--bg); font:11px/1.55 'DM Mono',monospace; }.orbit-log-output > div { display:grid; grid-template-columns:100px 170px minmax(0,1fr); gap:12px; padding:9px 11px; border-bottom:1px solid var(--line); }.orbit-log-output > div:last-child { border:0; }.orbit-log-output time { color:var(--muted); }.orbit-log-output strong { color:var(--accent); }.orbit-log-output span { overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; }.orbit-log-output .error-log strong,.orbit-log-output .error-log span { color:#f1a29a; }
.dashboard-health { margin-top:16px; }.dashboard-health .panel-head { margin-bottom:12px; }.dashboard-health .panel-head .hint { margin:5px 0 0; }.dashboard-health-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.dashboard-health-metrics .metric { min-height:104px; padding:15px; }.dashboard-health-metrics .metric strong { font-size:25px; }.dashboard-feedback-chart { margin-top:14px; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.dashboard-feedback-chart h3 { margin:0 0 12px; font-size:12px; }.dashboard-feedback-chart .recharts-cartesian-axis-tick-value,.dashboard-feedback-chart .recharts-legend-item-text { fill:var(--muted)!important; font-size:10px; }.dashboard-feedback-chart .recharts-tooltip-wrapper { color:#182132; } @media(max-width:900px){.dashboard-health-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }} @media(max-width:520px){.dashboard-health-metrics { grid-template-columns:1fr; }}
select option[value="docker"] { display:none; }
.sidebar-toggle { position:absolute; top:35px; right:20px; z-index:1; display:grid; width:30px; height:30px; padding:0; place-items:center; border:0; border-radius:8px; color:var(--muted); background:transparent; transition:color .15s ease,background .15s ease; }.sidebar-toggle:hover,.sidebar-toggle:focus-visible { color:var(--text); background:var(--surface-raised); outline:0; }
main > aside,main > .content { transition:width .2s ease,margin-left .2s ease,padding .2s ease; } main.sidebar-collapsed > aside { width:76px; padding-inline:12px; } main.sidebar-collapsed > .content { width:calc(100% - 76px); margin-left:76px; } main.sidebar-collapsed .sidebar-toggle { display:none; } main.sidebar-collapsed .brand { justify-content:center; margin-inline:0; } .brand--expand { border:0; padding:0; background:transparent; cursor:pointer; } .brand--expand:hover,.brand--expand:focus-visible { color:var(--text); outline:0; } main.sidebar-collapsed .brand > div,main.sidebar-collapsed .nav-label { display:none; } main.sidebar-collapsed nav button { position:relative; justify-content:center; padding-inline:0; } main.sidebar-collapsed .nav-run-count { position:absolute; top:3px; right:3px; min-width:16px; height:16px; padding-inline:3px; font-size:8px; }
@media (prefers-reduced-motion:reduce) { main > aside,main > .content { transition:none; } }
.runner-template-picker { display:grid; gap:14px; }.runner-template-picker__head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.runner-template-picker__head .hint { margin:0; }.template-picker-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }.runner-template-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.runner-template-card { display:grid; gap:9px; min-height:160px; padding:16px; border:1px solid var(--line); border-radius:9px; color:var(--text); text-align:left; background:var(--bg); cursor:pointer; }.runner-template-card:hover { border-color:var(--accent); background:var(--surface-raised); }.runner-template-card span,.runner-template-card small { color:var(--muted); font-size:11px; line-height:1.55; }.runner-template-selection { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:12px; border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line)); border-radius:8px; background:color-mix(in srgb,var(--accent) 8%,var(--bg)); }.runner-template-selection > div { display:grid; gap:4px; min-width:0; }.runner-template-selection small,.runner-template-selection span { color:var(--muted); font-size:11px; }.runner-template-selection strong { font-size:13px; }.runner-template-selection span { line-height:1.45; }.runner-template-selection button { flex:none; }.runner-source { display:grid; gap:8px; color:var(--text); font-size:12px; }.runner-source textarea { min-height:440px; resize:vertical; font:12px/1.55 'DM Mono',monospace; tab-size:2; }
.runner-template-card small { display:none; }
.catalog-row__created { color:var(--muted); font:10px 'DM Mono',monospace; }
.skeleton { display:block; border-radius:5px; background:linear-gradient(90deg,var(--surface-raised) 25%,color-mix(in srgb,var(--muted) 18%,var(--surface-raised)) 50%,var(--surface-raised) 75%); background-size:200% 100%; animation:skeleton-shimmer 1.4s ease-in-out infinite; }.catalog-skeleton { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:7px 14px; padding:13px 4px; border-top:1px solid var(--line); }.catalog-skeleton__title { height:12px; }.catalog-skeleton__detail { height:10px; align-self:center; } @keyframes skeleton-shimmer { to { background-position:-200% 0; } } @media(prefers-reduced-motion:reduce) { .skeleton { animation:none; } }
.section-skeleton { display:grid; gap:12px; }.section-skeleton__title { width:38%; height:18px; }.section-skeleton__hint { width:62%; height:11px; }.section-skeleton__rows { display:grid; gap:8px; }.section-skeleton__row { height:42px; }.section-skeleton__metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.section-skeleton__metric { height:104px; }.section-skeleton__chart { height:180px; border-radius:8px; }
.dashboard-hero--skeleton { display:grid; gap:12px; }.dashboard-hero-skeleton__eyebrow { width:120px; height:11px; }.dashboard-hero-skeleton__title { width:min(540px,80%); height:42px; }.dashboard-hero-skeleton__description { width:min(680px,92%); height:16px; }.dashboard-hero-skeleton__button { width:132px; height:34px; margin-top:4px; }.dashboard-quick-starts--skeleton { display:grid; gap:12px; }.dashboard-quick-start-skeleton { min-height:104px; }.recent-evaluations--skeleton { grid-template-columns:repeat(3,minmax(0,1fr)); }.evaluation-card-skeleton { min-height:116px; }.analytics-chart--skeleton { display:grid; gap:14px; }.analytics-chart-skeleton__title { width:42%; height:14px; }.analytics-chart-skeleton__body { height:250px; }.feedback-trends-skeleton__select { width:72px; height:30px; } @media(max-width:760px){.recent-evaluations--skeleton { grid-template-columns:1fr; }}
.app-data-settings .panel-head { grid-column:1/-1; }.app-data-settings .setting-row { grid-column:1/-1; flex-direction:column; align-items:stretch; gap:12px; }.app-data-path-actions { display:flex; align-items:center; gap:8px; min-width:0; width:100%; max-width:640px; }.app-data-path-actions input,.app-data-path { min-width:0; flex:1 1 220px; }.app-data-path { margin:0; overflow-wrap:anywhere; }.app-data-path-actions .approve,.app-data-edit-actions,.app-data-edit-actions .approve { display:inline-flex; align-items:center; gap:5px; }.app-data-edit-actions { gap:8px; }.app-data-size { display:flex; grid-column:1/-1; align-items:center; gap:8px; padding:11px 12px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--bg); font-size:11px; }.app-data-size svg { color:var(--accent); }.app-data-size strong { margin-left:auto; color:var(--text); font:600 12px 'DM Mono',monospace; }
.app-data-settings .setting-actions .approve { display:inline-flex; align-items:center; gap:5px; }
.retry-confirmation .modal-actions { flex-wrap:wrap; }.retry-confirmation .approve { background:var(--accent); color:#182318; }
.build-schedule-toggle,.build-schedule-fields label { display:flex; align-items:center; gap:7px; color:var(--text); font-size:11px; }.build-schedule-fields { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:10px; }.build-schedule-fields > label { display:grid; gap:5px; color:var(--muted); }.build-schedule-days { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; }.build-schedule-days label { padding:5px 7px; border:1px solid var(--line); border-radius:6px; }.build-schedule-fields input[type="time"] { width:100%; }
.runner-template-card__select { display:grid; gap:9px; width:100%; border:0; padding:0; color:inherit; text-align:left; background:transparent; cursor:pointer; }
.create-mode-picker,.quick-start-picker,.quick-start-form { display:grid; gap:14px; }.create-mode-card,.quick-start-card { width:100%; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--bg); text-align:left; cursor:pointer; transition:border-color .15s ease,background-color .15s ease; }.create-mode-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; min-height:104px; padding:20px; }.create-mode-card:hover,.quick-start-card:hover { border-color:var(--accent); background:var(--surface-raised); }.create-mode-card > svg:first-child,.quick-start-card > svg:first-child,.quick-start-form__heading > svg { color:var(--accent); }.create-mode-card span,.quick-start-card span,.quick-start-form__heading > div { display:grid; gap:5px; min-width:0; }.create-mode-card strong,.quick-start-card strong,.quick-start-form__heading strong { font-size:14px; }.create-mode-card small,.quick-start-card small,.quick-start-card em,.quick-start-form__heading p { color:var(--muted); font-size:11px; font-style:normal; line-height:1.5; }.quick-start-picker__head { display:flex; justify-content:space-between; gap:10px; }.quick-start-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.quick-start-card { display:grid; grid-template-columns:auto minmax(0,1fr); align-content:start; gap:12px; min-height:160px; padding:16px; }.quick-start-card > svg:last-child { display:none; }.quick-start-card em { font:10px 'DM Mono',monospace; }.quick-start-form__heading { display:flex; gap:11px; padding:13px; border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line)); border-radius:8px; background:color-mix(in srgb,var(--accent) 7%,var(--bg)); }.quick-start-form__heading p { margin:0; }.quick-start-review { display:grid; gap:12px; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--bg); }.quick-start-review p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }.quick-start-review dl { display:grid; grid-template-columns:160px minmax(0,1fr); gap:9px; margin:0; font-size:12px; }.quick-start-review dt { color:var(--muted); }.quick-start-review dd { margin:0; overflow-wrap:anywhere; }
.quick-start-card { cursor:default; }.quick-start-card__select { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:12px; width:100%; border:0; padding:0; color:inherit; text-align:left; background:transparent; cursor:pointer; }.quick-start-card__select > svg:last-child { display:none; }.template-translation-action { margin-left:auto; display:grid; justify-items:end; gap:4px; }.template-translation-action .hint { margin:0; max-width:220px; }
.run-detail-tab-panel { display:grid; gap:14px; padding-top:14px; }.run-detail-tab-panel__description { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }.run-detail-tab-panel__intro { display:flex; align-items:center; justify-content:space-between; gap:12px; }.run-detail-tab-panel__intro .iteration-navigator { flex:none; min-height:30px; padding:0; border:0; }.tooltip-box { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:8px; padding:10px 12px; border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line)); border-radius:8px; color:var(--text); background:color-mix(in srgb,var(--accent) 14%,var(--surface-raised)); font-size:11px; line-height:1.55; }.tooltip-box > svg { margin-top:1px; color:var(--accent); }.tooltip-box > span { min-width:0; }.iteration-candidates { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:6px; padding:8px 0; border-bottom:1px solid var(--line); }.iteration-candidates button { display:flex; align-items:center; gap:6px; padding:4px 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:transparent; font:10px 'DM Mono',monospace; cursor:pointer; }.iteration-candidates button.selected { border-color:color-mix(in srgb,var(--accent) 45%,var(--line)); color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,var(--bg)); }.iteration-candidates small { font:inherit; }.iteration-candidates em { font-style:normal; } @media(max-width:520px){.run-detail-tab-panel__intro { align-items:flex-start; flex-direction:column; }}
.browser-evidence { display:grid; gap:6px; margin:10px 0; padding:10px; border:1px solid var(--line); border-radius:8px; background:var(--surface-raised); font-size:12px; }.browser-evidence > small,.browser-evidence div small { overflow-wrap:anywhere; color:var(--muted); }.browser-evidence div { display:grid; gap:3px; padding-top:7px; border-top:1px solid var(--line); }.browser-evidence b { width:max-content; padding:2px 6px; border-radius:999px; font-size:10px; }.browser-evidence__pass { color:#bdecc8; background:#1e4832; }.browser-evidence__fail { color:#ffc0b7; background:#4b2925; }
.run-build code { overflow:hidden; color:#839088; text-overflow:ellipsis; white-space:nowrap; font:9px 'DM Mono',monospace; }.table .tr > span { min-width:0; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; word-break:break-word; line-height:1.35; font-size:clamp(9px,.76vw,11px); }.table .tr.th > span { font-size:clamp(8px,.7vw,10px); line-height:1.25; }
.workflow-graph { height:560px; min-height:360px; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--surface); }.workflow-graph-node { position:relative; width:250px; border:1px solid var(--line); border-radius:8px; background:var(--surface-raised); color:var(--text); box-shadow:0 8px 22px rgb(0 0 0 / .18); }.workflow-graph-node header,.workflow-graph-node footer { display:grid; gap:4px; padding:10px; }.workflow-graph-node header { border-bottom:1px solid var(--line); }.workflow-graph-node small { color:var(--muted); font:9px 'DM Mono',monospace; text-transform:uppercase; }.workflow-graph-node strong { font-size:12px; }.workflow-graph-node p { margin:0; padding:10px; color:var(--muted); font-size:11px; }.workflow-graph-node footer { grid-template-columns:1fr 1fr; color:var(--muted); font-size:10px; }.workflow-graph-node--running { border-color:var(--accent); box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent),0 0 20px color-mix(in srgb,var(--accent) 42%,transparent); animation:workflow-node-pulse 1.8s ease-in-out infinite; }.workflow-graph-node--running::after { content:""; position:absolute; inset:-2px; border-radius:9px; padding:2px; pointer-events:none; background:conic-gradient(from 0deg,transparent 0 18%,var(--accent) 28%,transparent 42% 100%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:workflow-border-orbit 1.5s linear infinite; }.workflow-graph-node--failed { border-color:#eaa89f; }.workflow-graph-node--succeeded { border-color:#79c99e; }.workflow-graph-edge--condition .react-flow__edge-path { stroke:#f1d292; stroke-dasharray:5 4; }.workflow-graph-edge--loop .react-flow__edge-path { stroke:#8fb8ff; stroke-dasharray:6 4; }.workflow-graph-edge--error .react-flow__edge-path { stroke:#eaa89f; } @keyframes workflow-node-pulse { 50% { box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent),0 0 30px color-mix(in srgb,var(--accent) 56%,transparent); } } @keyframes workflow-border-orbit { to { transform:rotate(1turn); } } @media(prefers-reduced-motion:reduce) { .workflow-graph-node--running,.workflow-graph-node--running::after { animation:none; } }