@echothink-ui/admin 0.1.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.
Files changed (48) hide show
  1. package/README.md +5 -0
  2. package/dist/components/AdminHealthTemplate.d.ts +5 -0
  3. package/dist/components/AdminShell.d.ts +8 -0
  4. package/dist/components/AuditLogViewer.d.ts +9 -0
  5. package/dist/components/BillingUsagePanel.d.ts +7 -0
  6. package/dist/components/FeatureFlagPanel.d.ts +8 -0
  7. package/dist/components/IntegrationHealthTable.d.ts +6 -0
  8. package/dist/components/JobQueuePanel.d.ts +7 -0
  9. package/dist/components/PolicyConfigPanel.d.ts +9 -0
  10. package/dist/components/QueueDepthChart.d.ts +6 -0
  11. package/dist/components/RateLimitPanel.d.ts +7 -0
  12. package/dist/components/RuntimeLogViewer.d.ts +10 -0
  13. package/dist/components/ServiceStatusCard.d.ts +7 -0
  14. package/dist/components/SystemHealthDashboard.d.ts +8 -0
  15. package/dist/components/TenantSettingsPanel.d.ts +11 -0
  16. package/dist/components/WorkerPoolPanel.d.ts +7 -0
  17. package/dist/components/types.d.ts +114 -0
  18. package/dist/index.cjs +1835 -0
  19. package/dist/index.cjs.map +1 -0
  20. package/dist/index.css +1711 -0
  21. package/dist/index.css.map +1 -0
  22. package/dist/index.d.ts +19 -0
  23. package/dist/index.js +1812 -0
  24. package/dist/index.js.map +1 -0
  25. package/package.json +46 -0
  26. package/src/components/AdminHealthTemplate.tsx +25 -0
  27. package/src/components/AdminShell.tsx +48 -0
  28. package/src/components/AuditLogViewer.tsx +96 -0
  29. package/src/components/BillingUsagePanel.tsx +171 -0
  30. package/src/components/FeatureFlagPanel.tsx +178 -0
  31. package/src/components/IntegrationHealthTable.tsx +196 -0
  32. package/src/components/JobQueuePanel.tsx +171 -0
  33. package/src/components/PolicyConfigPanel.test.tsx +45 -0
  34. package/src/components/PolicyConfigPanel.tsx +131 -0
  35. package/src/components/QueueDepthChart.tsx +70 -0
  36. package/src/components/RateLimitPanel.test.tsx +29 -0
  37. package/src/components/RateLimitPanel.tsx +249 -0
  38. package/src/components/RuntimeLogViewer.test.tsx +60 -0
  39. package/src/components/RuntimeLogViewer.tsx +185 -0
  40. package/src/components/ServiceStatusCard.tsx +91 -0
  41. package/src/components/SystemHealthDashboard.tsx +214 -0
  42. package/src/components/TenantSettingsPanel.test.tsx +38 -0
  43. package/src/components/TenantSettingsPanel.tsx +44 -0
  44. package/src/components/WorkerPoolPanel.test.tsx +32 -0
  45. package/src/components/WorkerPoolPanel.tsx +281 -0
  46. package/src/components/types.ts +131 -0
  47. package/src/index.tsx +37 -0
  48. package/src/styles.css +2024 -0
package/dist/index.css ADDED
@@ -0,0 +1,1711 @@
1
+ @import "@echothink-ui/layouts/styles.css";
2
+ @import "@echothink-ui/data/styles.css";
3
+ @import "@echothink-ui/forms/styles.css";
4
+ @import "@echothink-ui/charts/styles.css";
5
+
6
+ /* src/styles.css */
7
+ .eth-admin-shell {
8
+ --eth-admin-shell-nav-width: clamp(13.5rem, 19vw, 16.5rem);
9
+ background: var(--eth-color-background);
10
+ color: var(--eth-color-text-primary);
11
+ min-block-size: 100vh;
12
+ }
13
+ .eth-admin-shell.eth-admin-shell--preview {
14
+ min-block-size: 42rem;
15
+ }
16
+ .eth-admin-shell .eth-workspace-shell__canvas {
17
+ min-block-size: 0;
18
+ overflow: hidden;
19
+ }
20
+ .eth-admin-shell__layout {
21
+ background: var(--eth-color-background);
22
+ display: grid;
23
+ grid-template-columns: var(--eth-admin-shell-nav-width) minmax(0, 1fr);
24
+ min-block-size: 100%;
25
+ }
26
+ .eth-admin-shell__side-nav {
27
+ background: var(--eth-color-layer-02);
28
+ border-inline-end: 1px solid var(--eth-color-border-subtle);
29
+ min-inline-size: 0;
30
+ overflow: auto;
31
+ }
32
+ .eth-admin-shell__side-nav > .eth-side-nav {
33
+ border-inline-end: 0;
34
+ }
35
+ .eth-admin-shell__workspace {
36
+ background: var(--eth-color-background);
37
+ display: grid;
38
+ grid-template-rows: auto minmax(0, 1fr);
39
+ min-inline-size: 0;
40
+ overflow: hidden;
41
+ }
42
+ .eth-admin-shell__header {
43
+ background: var(--eth-color-layer-01);
44
+ border-block-end: 1px solid var(--eth-color-border-subtle);
45
+ }
46
+ .eth-admin-shell__header .eth-page-header {
47
+ border-block-end: 0;
48
+ }
49
+ .eth-admin-shell__main {
50
+ align-content: start;
51
+ display: grid;
52
+ gap: var(--eth-space-lg);
53
+ min-block-size: 0;
54
+ min-inline-size: 0;
55
+ overflow: auto;
56
+ padding: var(--eth-space-xl);
57
+ }
58
+ .eth-admin-shell__nav-header {
59
+ border-block-end: 1px solid var(--eth-color-border-subtle);
60
+ display: grid;
61
+ gap: var(--eth-space-xs);
62
+ padding: var(--eth-space-lg);
63
+ }
64
+ .eth-admin-shell__nav-title {
65
+ font-size: calc(1rem * var(--eth-text-scale, 1));
66
+ font-weight: 600;
67
+ line-height: 1.375;
68
+ margin: 0;
69
+ }
70
+ .eth-admin-shell__nav-subtitle {
71
+ color: var(--eth-color-text-secondary);
72
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
73
+ line-height: 1.333;
74
+ margin: 0;
75
+ }
76
+ .eth-admin-shell__nav-footer {
77
+ border-block-start: 1px solid var(--eth-color-border-subtle);
78
+ color: var(--eth-color-text-secondary);
79
+ display: grid;
80
+ gap: var(--eth-space-xs);
81
+ margin-block-start: var(--eth-space-md);
82
+ padding: var(--eth-space-md) var(--eth-space-lg);
83
+ }
84
+ .eth-admin-shell__nav-footer strong {
85
+ color: var(--eth-color-text-primary);
86
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
87
+ font-weight: 600;
88
+ }
89
+ .eth-admin-shell .eth-nav__item-label {
90
+ min-inline-size: 0;
91
+ overflow: hidden;
92
+ text-overflow: ellipsis;
93
+ white-space: nowrap;
94
+ }
95
+ .eth-admin-shell .eth-nav__item-badge {
96
+ margin-inline-start: auto;
97
+ }
98
+ .eth-admin-shell__summary-grid,
99
+ .eth-admin-system-health__metrics,
100
+ .eth-admin-system-health__services {
101
+ display: grid;
102
+ gap: var(--eth-space-md);
103
+ grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
104
+ }
105
+ .eth-admin-shell__content-grid {
106
+ align-items: start;
107
+ display: grid;
108
+ gap: var(--eth-space-lg);
109
+ grid-template-columns: minmax(0, 1.15fr) minmax(min(100%, 22rem), 0.85fr);
110
+ }
111
+ .eth-admin-shell__summary-card,
112
+ .eth-admin-service-status-card {
113
+ background: var(--eth-color-layer-01);
114
+ border: 1px solid var(--eth-color-border-subtle);
115
+ }
116
+ .eth-admin-service-status-card {
117
+ --eth-admin-service-status-accent: var(--eth-color-border-strong);
118
+ border-block-start: 4px solid var(--eth-admin-service-status-accent);
119
+ gap: var(--eth-space-md);
120
+ min-inline-size: 0;
121
+ }
122
+ .eth-admin-service-status-card--healthy {
123
+ --eth-admin-service-status-accent: var(--eth-color-success);
124
+ }
125
+ .eth-admin-service-status-card--degraded {
126
+ --eth-admin-service-status-accent: var(--eth-color-warning);
127
+ }
128
+ .eth-admin-service-status-card--down {
129
+ --eth-admin-service-status-accent: var(--eth-color-danger);
130
+ }
131
+ .eth-admin-shell__summary-card {
132
+ display: grid;
133
+ gap: var(--eth-space-sm);
134
+ padding: var(--eth-space-lg);
135
+ }
136
+ .eth-admin-shell__summary-card span,
137
+ .eth-admin-shell__summary-card p {
138
+ color: var(--eth-color-text-secondary);
139
+ margin: 0;
140
+ }
141
+ .eth-admin-shell__summary-card strong {
142
+ font-size: calc(2rem * var(--eth-text-scale, 1));
143
+ font-weight: 400;
144
+ line-height: 1.25;
145
+ }
146
+ .eth-admin-system-health,
147
+ .eth-admin-worker-pool,
148
+ .eth-admin-rate-limit,
149
+ .eth-admin-billing-usage,
150
+ .eth-admin-policy-config,
151
+ .eth-admin-job-queue,
152
+ .eth-admin-audit-log,
153
+ .eth-admin-runtime-log,
154
+ .eth-admin-integration-health,
155
+ .eth-admin-feature-flag,
156
+ .eth-admin-tenant-settings {
157
+ background: var(--eth-color-layer-01);
158
+ border: 1px solid var(--eth-color-border-subtle);
159
+ display: grid;
160
+ gap: var(--eth-space-lg);
161
+ min-inline-size: 0;
162
+ padding: var(--eth-space-lg);
163
+ }
164
+ .eth-admin-job-queue > header,
165
+ .eth-admin-audit-log > header,
166
+ .eth-admin-runtime-log > header,
167
+ .eth-admin-integration-health > header,
168
+ .eth-admin-feature-flag > header,
169
+ .eth-admin-worker-pool > header,
170
+ .eth-admin-rate-limit > header {
171
+ align-items: center;
172
+ display: flex;
173
+ gap: var(--eth-space-md);
174
+ justify-content: space-between;
175
+ }
176
+ .eth-admin-job-queue h3,
177
+ .eth-admin-audit-log h3,
178
+ .eth-admin-runtime-log h3,
179
+ .eth-admin-integration-health h3,
180
+ .eth-admin-feature-flag h3,
181
+ .eth-admin-worker-pool h3,
182
+ .eth-admin-rate-limit h3,
183
+ .eth-admin-system-health__incidents h3 {
184
+ font-size: calc(1.25rem * var(--eth-text-scale, 1));
185
+ font-weight: 400;
186
+ margin: 0;
187
+ }
188
+ .eth-admin-billing-usage {
189
+ --eth-admin-billing-meter-track: #e0e0e0;
190
+ }
191
+ .eth-admin-worker-pool,
192
+ .eth-admin-rate-limit,
193
+ .eth-admin-feature-flag {
194
+ gap: 0;
195
+ overflow: hidden;
196
+ padding: 0;
197
+ }
198
+ .eth-admin-job-queue,
199
+ .eth-admin-integration-health {
200
+ gap: 0;
201
+ overflow: hidden;
202
+ padding: 0;
203
+ }
204
+ .eth-admin-tenant-settings.eth-form-config {
205
+ background: var(--eth-color-layer-01);
206
+ border: 1px solid var(--eth-color-border-subtle);
207
+ gap: 0;
208
+ inline-size: min(100%, 64rem);
209
+ overflow: hidden;
210
+ padding: 0;
211
+ }
212
+ .eth-admin-tenant-settings > .eth-surface__header {
213
+ align-items: flex-start;
214
+ background: var(--eth-color-layer-02);
215
+ border-block-end: 1px solid var(--eth-color-border-subtle);
216
+ gap: var(--eth-space-lg);
217
+ padding: var(--eth-space-lg) var(--eth-space-xl);
218
+ }
219
+ .eth-admin-tenant-settings > .eth-surface__header .eth-surface__heading {
220
+ display: grid;
221
+ gap: var(--eth-space-xs);
222
+ max-inline-size: 46rem;
223
+ }
224
+ .eth-admin-tenant-settings > .eth-surface__header h2 {
225
+ font-size: calc(1.25rem * var(--eth-text-scale, 1));
226
+ font-weight: 400;
227
+ line-height: 1.4;
228
+ }
229
+ .eth-admin-tenant-settings .eth-surface__description {
230
+ color: var(--eth-color-text-secondary);
231
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
232
+ line-height: 1.4286;
233
+ margin: 0;
234
+ }
235
+ .eth-admin-tenant-settings > .eth-surface__header .eth-surface__header-actions {
236
+ justify-content: flex-end;
237
+ }
238
+ .eth-admin-tenant-settings .eth-meta-grid {
239
+ background: var(--eth-color-layer-01);
240
+ border: 0;
241
+ border-block-end: 1px solid var(--eth-color-border-subtle);
242
+ grid-template-columns: repeat(3, minmax(0, 1fr));
243
+ }
244
+ .eth-admin-tenant-settings .eth-meta-grid div {
245
+ border-inline-end: 1px solid var(--eth-color-border-subtle);
246
+ min-inline-size: 0;
247
+ padding: var(--eth-space-md) var(--eth-space-xl);
248
+ }
249
+ .eth-admin-tenant-settings .eth-meta-grid div:last-child {
250
+ border-inline-end: 0;
251
+ }
252
+ .eth-admin-tenant-settings .eth-meta-grid dt {
253
+ color: var(--eth-color-text-secondary);
254
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
255
+ line-height: 1.3333;
256
+ margin: 0 0 var(--eth-space-xs);
257
+ }
258
+ .eth-admin-tenant-settings .eth-meta-grid dd {
259
+ color: var(--eth-color-text-primary);
260
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
261
+ font-weight: 600;
262
+ line-height: 1.4286;
263
+ margin: 0;
264
+ min-inline-size: 0;
265
+ overflow: hidden;
266
+ text-overflow: ellipsis;
267
+ white-space: nowrap;
268
+ }
269
+ .eth-admin-tenant-settings .eth-form-section {
270
+ background: var(--eth-color-layer-01);
271
+ border-block-end: 1px solid var(--eth-color-border-subtle);
272
+ border-block-start: 0;
273
+ column-gap: var(--eth-space-2xl);
274
+ grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
275
+ padding: var(--eth-space-xl);
276
+ row-gap: var(--eth-space-lg);
277
+ }
278
+ .eth-admin-tenant-settings .eth-form-section__heading {
279
+ gap: var(--eth-space-xs);
280
+ }
281
+ .eth-admin-tenant-settings .eth-form-section__header h3 {
282
+ font-size: calc(1rem * var(--eth-text-scale, 1));
283
+ font-weight: 600;
284
+ line-height: 1.375;
285
+ }
286
+ .eth-admin-tenant-settings .eth-form-section__header p {
287
+ color: var(--eth-color-text-secondary);
288
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
289
+ line-height: 1.4286;
290
+ }
291
+ .eth-admin-tenant-settings .eth-form-section__body {
292
+ column-gap: var(--eth-space-lg);
293
+ grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
294
+ row-gap: var(--eth-space-lg);
295
+ }
296
+ .eth-admin-tenant-settings .eth-form-config__field--textarea,
297
+ .eth-admin-tenant-settings .eth-form-config__field--json,
298
+ .eth-admin-tenant-settings .eth-form-config__field--boolean {
299
+ grid-column: 1 / -1;
300
+ }
301
+ .eth-admin-tenant-settings .eth-form-config__validation {
302
+ padding: var(--eth-space-lg) var(--eth-space-xl) 0;
303
+ }
304
+ .eth-admin-tenant-settings .eth-form-actions {
305
+ background: var(--eth-color-layer-02);
306
+ border-block-start: 1px solid var(--eth-color-border-subtle);
307
+ padding: var(--eth-space-lg) var(--eth-space-xl);
308
+ }
309
+ .eth-admin-job-queue > header {
310
+ align-items: flex-start;
311
+ border-block-end: 1px solid var(--eth-color-border-subtle);
312
+ flex-wrap: wrap;
313
+ padding: var(--eth-space-lg);
314
+ }
315
+ .eth-admin-job-queue > header > .eth-admin-job-queue__heading {
316
+ align-items: start;
317
+ display: grid;
318
+ gap: var(--eth-space-xs);
319
+ min-inline-size: min(100%, 18rem);
320
+ }
321
+ .eth-admin-job-queue__subtitle {
322
+ color: var(--eth-color-text-secondary);
323
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
324
+ line-height: 1.4286;
325
+ margin: 0;
326
+ }
327
+ .eth-admin-job-queue__header-actions {
328
+ justify-content: flex-end;
329
+ margin-inline-start: auto;
330
+ }
331
+ .eth-admin-job-queue__summary {
332
+ background: var(--eth-color-layer-02);
333
+ border-block-end: 1px solid var(--eth-color-border-subtle);
334
+ display: grid;
335
+ grid-template-columns: repeat(3, minmax(0, 1fr));
336
+ margin: 0;
337
+ }
338
+ .eth-admin-job-queue__summary div {
339
+ border-inline-end: 1px solid var(--eth-color-border-subtle);
340
+ display: grid;
341
+ gap: var(--eth-space-xs);
342
+ padding: var(--eth-space-md) var(--eth-space-lg);
343
+ }
344
+ .eth-admin-job-queue__summary div:last-child {
345
+ border-inline-end: 0;
346
+ }
347
+ .eth-admin-job-queue__summary dt {
348
+ color: var(--eth-color-text-secondary);
349
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
350
+ font-weight: 400;
351
+ line-height: 1.333;
352
+ margin: 0;
353
+ }
354
+ .eth-admin-job-queue__summary dd {
355
+ color: var(--eth-color-text-primary);
356
+ font-size: calc(1.25rem * var(--eth-text-scale, 1));
357
+ font-weight: 400;
358
+ line-height: 1.4;
359
+ margin: 0;
360
+ }
361
+ .eth-admin-job-queue .eth-data-table-wrap {
362
+ border: 0;
363
+ inline-size: 100%;
364
+ min-inline-size: 0;
365
+ }
366
+ .eth-admin-job-queue .eth-data-table {
367
+ min-inline-size: 42rem;
368
+ table-layout: fixed;
369
+ }
370
+ .eth-admin-job-queue .eth-data-table th,
371
+ .eth-admin-job-queue .eth-data-table td {
372
+ padding-block: var(--eth-space-sm);
373
+ }
374
+ .eth-admin-job-queue .eth-data-table thead th {
375
+ background: var(--eth-color-layer-02);
376
+ }
377
+ .eth-admin-job-queue .eth-data-table tbody tr:hover {
378
+ background: var(--eth-color-layer-hover);
379
+ }
380
+ .eth-admin-job-queue__queue {
381
+ display: grid;
382
+ gap: var(--eth-space-2xs);
383
+ min-inline-size: 0;
384
+ }
385
+ .eth-admin-job-queue__queue strong {
386
+ color: var(--eth-color-text-primary);
387
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
388
+ font-weight: 600;
389
+ line-height: 1.4286;
390
+ overflow: hidden;
391
+ text-overflow: ellipsis;
392
+ white-space: nowrap;
393
+ }
394
+ .eth-admin-job-queue__queue span,
395
+ .eth-admin-job-queue__muted {
396
+ color: var(--eth-color-text-secondary);
397
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
398
+ line-height: 1.333;
399
+ }
400
+ .eth-admin-job-queue__number {
401
+ font-variant-numeric: tabular-nums;
402
+ }
403
+ .eth-admin-feature-flag > header {
404
+ align-items: flex-start;
405
+ border-block-end: 1px solid var(--eth-color-border-subtle);
406
+ flex-wrap: wrap;
407
+ padding: var(--eth-space-lg);
408
+ }
409
+ .eth-admin-rate-limit > header,
410
+ .eth-admin-worker-pool > header {
411
+ align-items: flex-start;
412
+ border-block-end: 1px solid var(--eth-color-border-subtle);
413
+ flex-wrap: wrap;
414
+ padding: var(--eth-space-lg);
415
+ }
416
+ .eth-admin-integration-health > header {
417
+ align-items: flex-start;
418
+ border-block-end: 1px solid var(--eth-color-border-subtle);
419
+ flex-wrap: wrap;
420
+ padding: var(--eth-space-lg);
421
+ }
422
+ .eth-admin-rate-limit__heading,
423
+ .eth-admin-worker-pool__heading,
424
+ .eth-admin-feature-flag__heading {
425
+ display: grid;
426
+ gap: var(--eth-space-xs);
427
+ min-inline-size: 0;
428
+ }
429
+ .eth-admin-integration-health__heading {
430
+ display: grid;
431
+ gap: var(--eth-space-xs);
432
+ min-inline-size: 0;
433
+ }
434
+ .eth-admin-rate-limit__heading p,
435
+ .eth-admin-worker-pool__heading p,
436
+ .eth-admin-feature-flag__heading p {
437
+ color: var(--eth-color-text-secondary);
438
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
439
+ line-height: 1.4286;
440
+ margin: 0;
441
+ }
442
+ .eth-admin-integration-health__heading p {
443
+ color: var(--eth-color-text-secondary);
444
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
445
+ line-height: 1.4286;
446
+ margin: 0;
447
+ }
448
+ .eth-admin-rate-limit__header-actions,
449
+ .eth-admin-worker-pool__header-actions,
450
+ .eth-admin-feature-flag__header-actions,
451
+ .eth-admin-feature-flag__summary,
452
+ .eth-admin-feature-flag__status,
453
+ .eth-admin-feature-flag__environments,
454
+ .eth-admin-integration-health__header-actions,
455
+ .eth-admin-integration-health__summary {
456
+ align-items: center;
457
+ display: flex;
458
+ flex-wrap: wrap;
459
+ gap: var(--eth-space-sm);
460
+ }
461
+ .eth-admin-rate-limit__header-actions,
462
+ .eth-admin-worker-pool__header-actions,
463
+ .eth-admin-feature-flag__header-actions,
464
+ .eth-admin-integration-health__header-actions {
465
+ justify-content: flex-end;
466
+ }
467
+ .eth-admin-rate-limit__summary,
468
+ .eth-admin-worker-pool__summary {
469
+ background: var(--eth-color-layer-02);
470
+ border-block-end: 1px solid var(--eth-color-border-subtle);
471
+ display: grid;
472
+ grid-template-columns: repeat(3, minmax(0, 1fr));
473
+ margin: 0;
474
+ }
475
+ .eth-admin-rate-limit__summary div,
476
+ .eth-admin-worker-pool__summary div {
477
+ border-inline-end: 1px solid var(--eth-color-border-subtle);
478
+ display: grid;
479
+ gap: var(--eth-space-xs);
480
+ min-inline-size: 0;
481
+ padding: var(--eth-space-md) var(--eth-space-lg);
482
+ }
483
+ .eth-admin-rate-limit__summary div:last-child,
484
+ .eth-admin-worker-pool__summary div:last-child {
485
+ border-inline-end: 0;
486
+ }
487
+ .eth-admin-rate-limit__summary dt,
488
+ .eth-admin-worker-pool__summary dt {
489
+ color: var(--eth-color-text-secondary);
490
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
491
+ font-weight: 400;
492
+ line-height: 1.333;
493
+ margin: 0;
494
+ }
495
+ .eth-admin-rate-limit__summary dd,
496
+ .eth-admin-worker-pool__summary dd {
497
+ color: var(--eth-color-text-primary);
498
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
499
+ font-weight: 600;
500
+ line-height: 1.4286;
501
+ margin: 0;
502
+ min-inline-size: 0;
503
+ overflow: hidden;
504
+ text-overflow: ellipsis;
505
+ white-space: nowrap;
506
+ }
507
+ .eth-admin-rate-limit .eth-data-table-wrap,
508
+ .eth-admin-worker-pool .eth-data-table-wrap {
509
+ background: var(--eth-color-layer-01);
510
+ border: 0;
511
+ }
512
+ .eth-admin-rate-limit .eth-data-table {
513
+ inline-size: 100%;
514
+ min-inline-size: 48rem;
515
+ table-layout: fixed;
516
+ }
517
+ .eth-admin-worker-pool .eth-data-table {
518
+ inline-size: 100%;
519
+ min-inline-size: 46rem;
520
+ table-layout: fixed;
521
+ }
522
+ .eth-admin-rate-limit .eth-data-table th,
523
+ .eth-admin-rate-limit .eth-data-table td,
524
+ .eth-admin-worker-pool .eth-data-table th,
525
+ .eth-admin-worker-pool .eth-data-table td {
526
+ border-block-start: 0;
527
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
528
+ line-height: 1.4286;
529
+ padding: var(--eth-space-sm) var(--eth-space-lg);
530
+ vertical-align: middle;
531
+ }
532
+ .eth-admin-rate-limit .eth-data-table thead th,
533
+ .eth-admin-worker-pool .eth-data-table thead th {
534
+ background: var(--eth-color-layer-02);
535
+ border-block-end: 1px solid var(--eth-color-border-subtle);
536
+ color: var(--eth-color-text-secondary);
537
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
538
+ font-weight: 600;
539
+ line-height: 1.3333;
540
+ }
541
+ .eth-admin-rate-limit .eth-data-table tbody tr,
542
+ .eth-admin-worker-pool .eth-data-table tbody tr {
543
+ background: var(--eth-color-layer-01);
544
+ }
545
+ .eth-admin-rate-limit .eth-data-table tbody tr:hover,
546
+ .eth-admin-worker-pool .eth-data-table tbody tr:hover {
547
+ background: var(--eth-color-layer-hover);
548
+ }
549
+ .eth-admin-rate-limit .eth-data-table tbody tr:last-child td,
550
+ .eth-admin-worker-pool .eth-data-table tbody tr:last-child td {
551
+ border-block-end: 0;
552
+ }
553
+ .eth-admin-rate-limit__limit,
554
+ .eth-admin-worker-pool__pool {
555
+ display: grid;
556
+ gap: var(--eth-space-2xs);
557
+ min-inline-size: 0;
558
+ }
559
+ .eth-admin-rate-limit__limit strong,
560
+ .eth-admin-worker-pool__pool strong {
561
+ color: var(--eth-color-text-primary);
562
+ font-family: var(--eth-font-mono, monospace);
563
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
564
+ font-weight: 600;
565
+ line-height: 1.4286;
566
+ overflow: hidden;
567
+ text-overflow: ellipsis;
568
+ white-space: nowrap;
569
+ }
570
+ .eth-admin-rate-limit__limit span,
571
+ .eth-admin-worker-pool__pool span {
572
+ color: var(--eth-color-text-secondary);
573
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
574
+ line-height: 1.3333;
575
+ }
576
+ .eth-admin-rate-limit__usage,
577
+ .eth-admin-worker-pool__capacity {
578
+ display: grid;
579
+ gap: var(--eth-space-sm);
580
+ min-inline-size: 0;
581
+ }
582
+ .eth-admin-rate-limit__usage-copy,
583
+ .eth-admin-worker-pool__capacity-copy {
584
+ align-items: baseline;
585
+ display: flex;
586
+ gap: var(--eth-space-sm);
587
+ justify-content: space-between;
588
+ min-inline-size: 0;
589
+ }
590
+ .eth-admin-rate-limit__usage-copy span,
591
+ .eth-admin-rate-limit__number,
592
+ .eth-admin-worker-pool__capacity-copy span,
593
+ .eth-admin-worker-pool__number {
594
+ color: var(--eth-color-text-primary);
595
+ font-variant-numeric: tabular-nums;
596
+ white-space: nowrap;
597
+ }
598
+ .eth-admin-rate-limit__usage-copy strong,
599
+ .eth-admin-worker-pool__capacity-copy strong {
600
+ color: var(--eth-color-text-secondary);
601
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
602
+ font-weight: 600;
603
+ line-height: 1.3333;
604
+ white-space: nowrap;
605
+ }
606
+ .eth-admin-rate-limit__meter,
607
+ .eth-admin-worker-pool__meter {
608
+ background: #e0e0e0;
609
+ block-size: 0.25rem;
610
+ display: block;
611
+ inline-size: 100%;
612
+ overflow: hidden;
613
+ }
614
+ .eth-admin-rate-limit__meter-fill,
615
+ .eth-admin-worker-pool__meter-fill {
616
+ background: var(--eth-color-interactive-primary);
617
+ block-size: 100%;
618
+ display: block;
619
+ inline-size: var(--eth-admin-rate-limit-usage, 0%);
620
+ }
621
+ .eth-admin-worker-pool__meter-fill {
622
+ inline-size: var(--eth-admin-worker-pool-capacity, 0%);
623
+ }
624
+ .eth-admin-rate-limit__meter-fill--warning,
625
+ .eth-admin-worker-pool__meter-fill--warning {
626
+ background: var(--eth-color-warning);
627
+ }
628
+ .eth-admin-rate-limit__meter-fill--danger,
629
+ .eth-admin-worker-pool__meter-fill--danger {
630
+ background: var(--eth-color-danger);
631
+ }
632
+ .eth-admin-rate-limit__meter-fill--neutral,
633
+ .eth-admin-worker-pool__meter-fill--neutral {
634
+ background: #525252;
635
+ }
636
+ .eth-admin-worker-pool__scale {
637
+ display: inline-flex;
638
+ gap: 1px;
639
+ justify-content: flex-end;
640
+ min-inline-size: 0;
641
+ }
642
+ .eth-admin-worker-pool__scale-button.eth-button {
643
+ inline-size: 2.5rem;
644
+ min-inline-size: 2.5rem;
645
+ padding-inline: 0;
646
+ }
647
+ .eth-admin-worker-pool__scale-button.eth-button:disabled {
648
+ background: transparent;
649
+ }
650
+ .eth-admin-rate-limit__limit-input {
651
+ inline-size: min(100%, 10rem);
652
+ min-inline-size: 0;
653
+ }
654
+ .eth-admin-rate-limit__limit-input input {
655
+ min-inline-size: 0;
656
+ }
657
+ .eth-admin-rate-limit__empty,
658
+ .eth-admin-worker-pool__empty {
659
+ border-block-start: 1px solid var(--eth-color-border-subtle);
660
+ color: var(--eth-color-text-secondary);
661
+ margin: 0;
662
+ padding: var(--eth-space-xl);
663
+ }
664
+ .eth-admin-feature-flag__name {
665
+ color: var(--eth-color-text-primary);
666
+ font-family: var(--eth-font-mono, monospace);
667
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
668
+ line-height: 1.4286;
669
+ overflow-wrap: anywhere;
670
+ }
671
+ .eth-admin-feature-flag .eth-data-table-wrap {
672
+ border: 0;
673
+ }
674
+ .eth-admin-integration-health .eth-data-table-wrap {
675
+ background: var(--eth-color-layer-01);
676
+ border: 0;
677
+ }
678
+ .eth-admin-feature-flag .eth-data-table {
679
+ inline-size: 100%;
680
+ min-inline-size: 52rem;
681
+ table-layout: fixed;
682
+ }
683
+ .eth-admin-integration-health .eth-data-table {
684
+ inline-size: 100%;
685
+ min-inline-size: 44rem;
686
+ table-layout: fixed;
687
+ }
688
+ .eth-admin-feature-flag .eth-data-table th,
689
+ .eth-admin-feature-flag .eth-data-table td {
690
+ border-block-start: 0;
691
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
692
+ line-height: 1.4286;
693
+ padding: var(--eth-space-sm) var(--eth-space-lg);
694
+ vertical-align: middle;
695
+ }
696
+ .eth-admin-integration-health .eth-data-table th,
697
+ .eth-admin-integration-health .eth-data-table td {
698
+ border-block-start: 0;
699
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
700
+ line-height: 1.4286;
701
+ padding: var(--eth-space-sm) var(--eth-space-lg);
702
+ vertical-align: middle;
703
+ }
704
+ .eth-admin-feature-flag .eth-data-table thead th {
705
+ background: var(--eth-color-layer-02);
706
+ border-block-end: 1px solid var(--eth-color-border-subtle);
707
+ color: var(--eth-color-text-secondary);
708
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
709
+ font-weight: 600;
710
+ line-height: 1.3333;
711
+ }
712
+ .eth-admin-integration-health .eth-data-table thead th {
713
+ background: var(--eth-color-layer-02);
714
+ border-block-end: 1px solid var(--eth-color-border-subtle);
715
+ color: var(--eth-color-text-secondary);
716
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
717
+ font-weight: 600;
718
+ line-height: 1.3333;
719
+ }
720
+ .eth-admin-feature-flag .eth-data-table tbody tr {
721
+ background: var(--eth-color-layer-01);
722
+ }
723
+ .eth-admin-integration-health .eth-data-table tbody tr {
724
+ background: var(--eth-color-layer-01);
725
+ }
726
+ .eth-admin-feature-flag .eth-data-table tbody tr:hover {
727
+ background: var(--eth-color-layer-hover);
728
+ }
729
+ .eth-admin-integration-health .eth-data-table tbody tr:hover {
730
+ background: var(--eth-color-layer-hover);
731
+ }
732
+ .eth-admin-feature-flag .eth-data-table tbody tr:last-child td {
733
+ border-block-end: 0;
734
+ }
735
+ .eth-admin-integration-health .eth-data-table tbody tr:last-child td {
736
+ border-block-end: 0;
737
+ }
738
+ .eth-admin-integration-health__name {
739
+ display: grid;
740
+ gap: var(--eth-space-2xs);
741
+ min-inline-size: 0;
742
+ }
743
+ .eth-admin-integration-health__name strong {
744
+ color: var(--eth-color-text-primary);
745
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
746
+ font-weight: 600;
747
+ line-height: 1.4286;
748
+ overflow: hidden;
749
+ text-overflow: ellipsis;
750
+ white-space: nowrap;
751
+ }
752
+ .eth-admin-integration-health__name span,
753
+ .eth-admin-integration-health__checked {
754
+ color: var(--eth-color-text-secondary);
755
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
756
+ line-height: 1.3333;
757
+ }
758
+ .eth-admin-integration-health__metric {
759
+ color: var(--eth-color-text-primary);
760
+ font-family: var(--eth-font-mono, monospace);
761
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
762
+ font-variant-numeric: tabular-nums;
763
+ line-height: 1.4286;
764
+ }
765
+ .eth-admin-integration-health__metric--warning {
766
+ color: #684e00;
767
+ }
768
+ .eth-admin-integration-health__metric--danger {
769
+ color: var(--eth-color-danger);
770
+ }
771
+ .eth-admin-integration-health__empty {
772
+ border-block-start: 1px solid var(--eth-color-border-subtle);
773
+ color: var(--eth-color-text-secondary);
774
+ margin: 0;
775
+ padding: var(--eth-space-xl);
776
+ }
777
+ .eth-admin-feature-flag__status {
778
+ flex-wrap: nowrap;
779
+ }
780
+ .eth-admin-feature-flag__status .cds--form-item,
781
+ .eth-admin-feature-flag__status .cds--toggle {
782
+ margin: 0;
783
+ min-block-size: 0;
784
+ }
785
+ .eth-admin-feature-flag__rollout {
786
+ align-items: center;
787
+ display: grid;
788
+ gap: var(--eth-space-xs);
789
+ grid-template-columns: 7rem auto minmax(4rem, 1fr);
790
+ max-inline-size: 16rem;
791
+ min-inline-size: 0;
792
+ }
793
+ .eth-admin-feature-flag__rollout-input {
794
+ inline-size: 7rem;
795
+ min-inline-size: 0;
796
+ }
797
+ .eth-admin-feature-flag__rollout-input input {
798
+ min-inline-size: 0;
799
+ }
800
+ .eth-admin-feature-flag__rollout-unit {
801
+ color: var(--eth-color-text-secondary);
802
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
803
+ line-height: 1.3333;
804
+ }
805
+ .eth-admin-feature-flag__meter {
806
+ background: #e0e0e0;
807
+ block-size: 0.25rem;
808
+ display: block;
809
+ inline-size: 100%;
810
+ min-inline-size: 3rem;
811
+ overflow: hidden;
812
+ }
813
+ .eth-admin-feature-flag__meter span {
814
+ background: var(--eth-color-interactive-primary);
815
+ block-size: 100%;
816
+ display: block;
817
+ inline-size: var(--eth-admin-feature-flag-rollout, 0%);
818
+ }
819
+ .eth-admin-feature-flag__empty {
820
+ color: var(--eth-color-text-secondary);
821
+ margin: 0;
822
+ padding: var(--eth-space-lg);
823
+ }
824
+ .eth-admin-policy-config {
825
+ gap: var(--eth-space-xl);
826
+ inline-size: 100%;
827
+ }
828
+ .eth-admin-policy-config > .eth-surface__header {
829
+ border-block-end: 1px solid var(--eth-color-border-subtle);
830
+ padding-block-end: var(--eth-space-lg);
831
+ }
832
+ .eth-admin-policy-config .eth-surface__heading h2 {
833
+ font-size: calc(1.75rem * var(--eth-text-scale, 1));
834
+ font-weight: 400;
835
+ line-height: 1.2857;
836
+ }
837
+ .eth-admin-policy-config .eth-surface__description {
838
+ max-inline-size: 48rem;
839
+ }
840
+ .eth-admin-policy-config__layout {
841
+ align-items: start;
842
+ display: grid;
843
+ gap: var(--eth-space-xl);
844
+ grid-template-columns: minmax(20rem, 34rem) minmax(18rem, 1fr);
845
+ }
846
+ .eth-admin-policy-config__fields {
847
+ display: grid;
848
+ gap: var(--eth-space-lg);
849
+ min-inline-size: 0;
850
+ }
851
+ .eth-admin-policy-config__fields .cds--form-item,
852
+ .eth-admin-policy-config__fields .cds--text-input-wrapper,
853
+ .eth-admin-policy-config__fields .cds--text-input,
854
+ .eth-admin-policy-config__fields .cds--text-area__wrapper,
855
+ .eth-admin-policy-config__fields .cds--text-area {
856
+ inline-size: 100%;
857
+ min-inline-size: 0;
858
+ }
859
+ .eth-admin-policy-config__summary {
860
+ border-inline-start: 1px solid var(--eth-color-border-subtle);
861
+ color: var(--eth-color-text-primary);
862
+ display: grid;
863
+ gap: var(--eth-space-lg);
864
+ min-inline-size: 0;
865
+ padding-inline-start: var(--eth-space-lg);
866
+ }
867
+ .eth-admin-policy-config__summary-header {
868
+ align-items: center;
869
+ display: flex;
870
+ gap: var(--eth-space-sm);
871
+ justify-content: space-between;
872
+ min-inline-size: 0;
873
+ }
874
+ .eth-admin-policy-config__summary-header h3 {
875
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
876
+ font-weight: 600;
877
+ line-height: 1.2857;
878
+ margin: 0;
879
+ }
880
+ .eth-admin-policy-config__summary-grid {
881
+ border-block: 1px solid var(--eth-color-border-subtle);
882
+ display: grid;
883
+ grid-template-columns: repeat(3, minmax(0, 1fr));
884
+ margin: 0;
885
+ }
886
+ .eth-admin-policy-config__summary-grid div {
887
+ border-inline-end: 1px solid var(--eth-color-border-subtle);
888
+ min-inline-size: 0;
889
+ padding: var(--eth-space-md);
890
+ }
891
+ .eth-admin-policy-config__summary-grid div:last-child {
892
+ border-inline-end: 0;
893
+ }
894
+ .eth-admin-policy-config__summary-grid dt,
895
+ .eth-admin-policy-config__variables > span {
896
+ color: var(--eth-color-text-secondary);
897
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
898
+ line-height: 1.3333;
899
+ }
900
+ .eth-admin-policy-config__summary-grid dd {
901
+ font-size: calc(1.25rem * var(--eth-text-scale, 1));
902
+ font-weight: 600;
903
+ line-height: 1.4;
904
+ margin: var(--eth-space-xs) 0 0;
905
+ }
906
+ .eth-admin-policy-config__variables {
907
+ display: grid;
908
+ gap: var(--eth-space-sm);
909
+ }
910
+ .eth-admin-policy-config__variables p {
911
+ color: var(--eth-color-text-secondary);
912
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
913
+ line-height: 1.4286;
914
+ margin: 0;
915
+ }
916
+ .eth-admin-policy-config__variable-list {
917
+ align-items: center;
918
+ display: flex;
919
+ flex-wrap: wrap;
920
+ gap: var(--eth-space-xs);
921
+ min-inline-size: 0;
922
+ }
923
+ .eth-admin-policy-config__variable-list .cds--tag {
924
+ margin: 0;
925
+ max-inline-size: 100%;
926
+ }
927
+ .eth-admin-policy-config__rules {
928
+ border-block-start: 1px solid var(--eth-color-border-subtle);
929
+ padding-block-start: var(--eth-space-lg);
930
+ }
931
+ .eth-admin-policy-config__rules .eth-form-rule-builder__empty {
932
+ align-content: center;
933
+ min-block-size: 8rem;
934
+ }
935
+ .eth-admin-policy-config__actions {
936
+ align-items: center;
937
+ border-block-start: 1px solid var(--eth-color-border-subtle);
938
+ display: flex;
939
+ justify-content: flex-end;
940
+ padding-block-start: var(--eth-space-lg);
941
+ }
942
+ .eth-admin-billing-usage .eth-surface__header {
943
+ border-block-end: 1px solid var(--eth-color-border-subtle);
944
+ padding-block-end: var(--eth-space-lg);
945
+ }
946
+ .eth-admin-billing-usage__summary {
947
+ background: var(--eth-color-layer-02);
948
+ border: 1px solid var(--eth-color-border-subtle);
949
+ display: grid;
950
+ grid-template-columns: repeat(3, minmax(0, 1fr));
951
+ margin: 0;
952
+ }
953
+ .eth-admin-billing-usage__summary div {
954
+ border-inline-end: 1px solid var(--eth-color-border-subtle);
955
+ display: grid;
956
+ gap: var(--eth-space-xs);
957
+ min-inline-size: 0;
958
+ padding: var(--eth-space-md);
959
+ }
960
+ .eth-admin-billing-usage__summary div:last-child {
961
+ border-inline-end: 0;
962
+ }
963
+ .eth-admin-billing-usage__summary dt,
964
+ .eth-admin-billing-usage__metric-details dt,
965
+ .eth-admin-billing-usage__metric-header p,
966
+ .eth-admin-billing-usage__empty {
967
+ color: var(--eth-color-text-secondary);
968
+ }
969
+ .eth-admin-billing-usage__summary dt,
970
+ .eth-admin-billing-usage__metric-details dt {
971
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
972
+ line-height: 1.333;
973
+ }
974
+ .eth-admin-billing-usage__summary dd {
975
+ align-items: center;
976
+ display: flex;
977
+ font-size: calc(1.25rem * var(--eth-text-scale, 1));
978
+ font-weight: 400;
979
+ line-height: 1.4;
980
+ margin: 0;
981
+ min-inline-size: 0;
982
+ }
983
+ .eth-admin-billing-usage__summary .cds--tag,
984
+ .eth-admin-billing-usage__metric-header .cds--tag {
985
+ flex: 0 0 auto;
986
+ margin: 0;
987
+ }
988
+ .eth-admin-billing-usage__metrics {
989
+ align-items: stretch;
990
+ display: grid;
991
+ gap: var(--eth-space-md);
992
+ grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
993
+ }
994
+ .eth-admin-billing-usage__metric {
995
+ background: var(--eth-color-layer-02);
996
+ border: 1px solid var(--eth-color-border-subtle);
997
+ display: grid;
998
+ gap: var(--eth-space-lg);
999
+ min-inline-size: 0;
1000
+ padding: var(--eth-space-lg);
1001
+ }
1002
+ .eth-admin-billing-usage__metric-header {
1003
+ align-items: flex-start;
1004
+ display: flex;
1005
+ gap: var(--eth-space-md);
1006
+ justify-content: space-between;
1007
+ min-inline-size: 0;
1008
+ }
1009
+ .eth-admin-billing-usage__metric-header > div {
1010
+ min-inline-size: 0;
1011
+ }
1012
+ .eth-admin-billing-usage__metric-header h3 {
1013
+ font-size: calc(1rem * var(--eth-text-scale, 1));
1014
+ font-weight: 600;
1015
+ line-height: 1.375;
1016
+ margin: 0;
1017
+ overflow-wrap: anywhere;
1018
+ }
1019
+ .eth-admin-billing-usage__metric-header p {
1020
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1021
+ line-height: 1.428;
1022
+ margin: var(--eth-space-xs) 0 0;
1023
+ overflow-wrap: anywhere;
1024
+ }
1025
+ .eth-admin-billing-usage__meter {
1026
+ background: var(--eth-admin-billing-meter-track);
1027
+ block-size: 0.5rem;
1028
+ inline-size: 100%;
1029
+ overflow: hidden;
1030
+ }
1031
+ .eth-admin-billing-usage__meter-fill {
1032
+ background: var(--eth-color-interactive-primary);
1033
+ block-size: 100%;
1034
+ display: block;
1035
+ inline-size: var(--eth-admin-billing-usage-percent, 0%);
1036
+ }
1037
+ .eth-admin-billing-usage__meter-fill--warning {
1038
+ background: var(--eth-color-warning);
1039
+ }
1040
+ .eth-admin-billing-usage__meter-fill--danger {
1041
+ background: var(--eth-color-danger);
1042
+ }
1043
+ .eth-admin-billing-usage__meter-fill--neutral {
1044
+ background: #525252;
1045
+ }
1046
+ .eth-admin-billing-usage__metric-details {
1047
+ border-block-start: 1px solid var(--eth-color-border-subtle);
1048
+ display: grid;
1049
+ gap: var(--eth-space-sm);
1050
+ margin: 0;
1051
+ padding-block-start: var(--eth-space-md);
1052
+ }
1053
+ .eth-admin-billing-usage__metric-details div {
1054
+ align-items: baseline;
1055
+ display: flex;
1056
+ gap: var(--eth-space-md);
1057
+ justify-content: space-between;
1058
+ min-inline-size: 0;
1059
+ }
1060
+ .eth-admin-billing-usage__metric-details dd {
1061
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1062
+ font-weight: 600;
1063
+ line-height: 1.428;
1064
+ margin: 0;
1065
+ min-inline-size: 0;
1066
+ overflow-wrap: anywhere;
1067
+ text-align: end;
1068
+ }
1069
+ .eth-admin-billing-usage__empty {
1070
+ background: var(--eth-color-layer-02);
1071
+ border: 1px dashed var(--eth-color-border-subtle);
1072
+ margin: 0;
1073
+ padding: var(--eth-space-lg);
1074
+ }
1075
+ .eth-admin-system-health {
1076
+ gap: 0;
1077
+ overflow: hidden;
1078
+ padding: 0;
1079
+ }
1080
+ .eth-admin-system-health > .eth-surface__header {
1081
+ align-items: flex-start;
1082
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1083
+ padding: var(--eth-space-lg);
1084
+ }
1085
+ .eth-admin-system-health > .eth-surface__header .eth-surface__heading {
1086
+ display: grid;
1087
+ gap: var(--eth-space-xs);
1088
+ max-inline-size: 48rem;
1089
+ }
1090
+ .eth-admin-system-health > .eth-surface__header-actions:empty {
1091
+ display: none;
1092
+ }
1093
+ .eth-admin-system-health__metrics {
1094
+ background: var(--eth-color-layer-02);
1095
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1096
+ gap: 0;
1097
+ grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
1098
+ }
1099
+ .eth-admin-system-health__metrics .eth-kpi {
1100
+ background: transparent;
1101
+ border: 0;
1102
+ border-inline-end: 1px solid var(--eth-color-border-subtle);
1103
+ min-block-size: 7rem;
1104
+ }
1105
+ .eth-admin-system-health__metrics .eth-kpi:last-child {
1106
+ border-inline-end: 0;
1107
+ }
1108
+ .eth-admin-system-health__services {
1109
+ align-items: stretch;
1110
+ gap: var(--eth-space-lg);
1111
+ grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
1112
+ padding: var(--eth-space-lg);
1113
+ }
1114
+ .eth-admin-system-health__services > .eth-admin-service-status-card {
1115
+ block-size: 100%;
1116
+ }
1117
+ .eth-admin-system-health__empty {
1118
+ background: var(--eth-color-layer-02);
1119
+ border: 1px dashed var(--eth-color-border-subtle);
1120
+ color: var(--eth-color-text-secondary);
1121
+ margin: 0;
1122
+ padding: var(--eth-space-lg);
1123
+ }
1124
+ .eth-admin-service-status-card .eth-surface__header {
1125
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1126
+ padding-block-end: var(--eth-space-md);
1127
+ }
1128
+ .eth-admin-service-status-card .eth-surface__heading {
1129
+ display: grid;
1130
+ flex: 1 1 auto;
1131
+ gap: var(--eth-space-sm);
1132
+ min-inline-size: 0;
1133
+ }
1134
+ .eth-admin-service-status-card .eth-surface__header-actions:empty {
1135
+ display: none;
1136
+ }
1137
+ .eth-admin-service-status-card .eth-surface__heading h2 {
1138
+ font-size: calc(1.25rem * var(--eth-text-scale, 1));
1139
+ font-weight: 400;
1140
+ line-height: 1.4;
1141
+ margin: 0;
1142
+ }
1143
+ .eth-admin-service-status-card .eth-surface__description {
1144
+ color: var(--eth-color-text-secondary);
1145
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1146
+ line-height: 1.4286;
1147
+ margin: 0;
1148
+ }
1149
+ .eth-admin-service-status-card__title {
1150
+ align-items: center;
1151
+ display: flex;
1152
+ gap: var(--eth-space-sm);
1153
+ justify-content: space-between;
1154
+ min-inline-size: 0;
1155
+ }
1156
+ .eth-admin-service-status-card__title > span:first-child {
1157
+ min-inline-size: 0;
1158
+ overflow: hidden;
1159
+ text-overflow: ellipsis;
1160
+ }
1161
+ .eth-admin-service-status-card__title .eth-badge {
1162
+ flex: 0 0 auto;
1163
+ }
1164
+ .eth-admin-service-status-card__metrics {
1165
+ display: grid;
1166
+ margin: 0;
1167
+ }
1168
+ .eth-admin-service-status-card__metrics div {
1169
+ align-items: baseline;
1170
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1171
+ display: grid;
1172
+ gap: var(--eth-space-md);
1173
+ grid-template-columns: minmax(0, 1fr) auto;
1174
+ justify-content: space-between;
1175
+ min-inline-size: 0;
1176
+ padding: var(--eth-space-sm) 0;
1177
+ }
1178
+ .eth-admin-service-status-card__metrics div:first-child {
1179
+ padding-block-start: 0;
1180
+ }
1181
+ .eth-admin-service-status-card__metrics div:last-child {
1182
+ border-block-end: 0;
1183
+ padding-block-end: 0;
1184
+ }
1185
+ .eth-admin-service-status-card dt {
1186
+ color: var(--eth-color-text-secondary);
1187
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1188
+ line-height: 1.3333;
1189
+ min-inline-size: 0;
1190
+ }
1191
+ .eth-admin-service-status-card dd {
1192
+ color: var(--eth-color-text-primary);
1193
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1194
+ font-variant-numeric: tabular-nums;
1195
+ font-weight: 600;
1196
+ line-height: 1.4286;
1197
+ margin: 0;
1198
+ min-inline-size: 0;
1199
+ overflow-wrap: anywhere;
1200
+ text-align: end;
1201
+ }
1202
+ .eth-admin-service-status-card__metric--muted dd {
1203
+ color: var(--eth-color-text-secondary);
1204
+ font-weight: 400;
1205
+ }
1206
+ .eth-admin-system-health__incidents {
1207
+ border-block-start: 1px solid var(--eth-color-border-subtle);
1208
+ display: grid;
1209
+ gap: var(--eth-space-md);
1210
+ padding: var(--eth-space-lg);
1211
+ }
1212
+ .eth-admin-system-health__incidents ul {
1213
+ display: grid;
1214
+ list-style: none;
1215
+ margin: 0;
1216
+ padding: 0;
1217
+ }
1218
+ .eth-admin-system-health__incidents li {
1219
+ align-items: center;
1220
+ background: var(--eth-color-layer-02);
1221
+ border-block-start: 1px solid var(--eth-color-border-subtle);
1222
+ display: grid;
1223
+ gap: var(--eth-space-sm);
1224
+ grid-template-columns: auto minmax(0, 1fr) auto;
1225
+ min-inline-size: 0;
1226
+ padding: var(--eth-space-sm) var(--eth-space-md);
1227
+ }
1228
+ .eth-admin-system-health__incidents li:last-child {
1229
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1230
+ }
1231
+ .eth-admin-system-health__incidents li > span {
1232
+ min-inline-size: 0;
1233
+ overflow: hidden;
1234
+ text-overflow: ellipsis;
1235
+ white-space: nowrap;
1236
+ }
1237
+ .eth-admin-system-health__incidents time {
1238
+ color: var(--eth-color-text-secondary);
1239
+ font-variant-numeric: tabular-nums;
1240
+ margin-inline-start: auto;
1241
+ }
1242
+ .eth-admin-job-queue > header > div,
1243
+ .eth-admin-audit-log > header > div,
1244
+ .eth-admin-runtime-log > header > div {
1245
+ align-items: center;
1246
+ display: flex;
1247
+ flex-wrap: wrap;
1248
+ gap: var(--eth-space-sm);
1249
+ }
1250
+ .eth-admin-shell .eth-data-table-wrap,
1251
+ .eth-admin-audit-log .eth-data-table-wrap {
1252
+ border: 1px solid var(--eth-color-border-subtle);
1253
+ min-inline-size: 0;
1254
+ overflow: auto;
1255
+ }
1256
+ .eth-admin-shell .eth-data-table,
1257
+ .eth-admin-audit-log .eth-data-table {
1258
+ border-collapse: collapse;
1259
+ inline-size: 100%;
1260
+ }
1261
+ .eth-admin-shell .eth-data-table th,
1262
+ .eth-admin-shell .eth-data-table td,
1263
+ .eth-admin-audit-log .eth-data-table th,
1264
+ .eth-admin-audit-log .eth-data-table td {
1265
+ border-block-start: 1px solid var(--eth-color-border-subtle);
1266
+ padding: var(--eth-space-sm) var(--eth-space-md);
1267
+ text-align: start;
1268
+ vertical-align: middle;
1269
+ }
1270
+ .eth-admin-shell .eth-data-table thead th,
1271
+ .eth-admin-audit-log .eth-data-table thead th {
1272
+ background: var(--eth-color-layer-02);
1273
+ border-block-start: 0;
1274
+ color: var(--eth-color-text-secondary);
1275
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1276
+ font-weight: 600;
1277
+ line-height: 1.333;
1278
+ }
1279
+ .eth-admin-runtime-log {
1280
+ gap: 0;
1281
+ overflow: hidden;
1282
+ padding: 0;
1283
+ }
1284
+ .eth-admin-runtime-log > .eth-admin-runtime-log__header {
1285
+ align-items: flex-start;
1286
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1287
+ flex-wrap: wrap;
1288
+ padding: var(--eth-space-lg);
1289
+ }
1290
+ .eth-admin-runtime-log > .eth-admin-runtime-log__header > .eth-admin-runtime-log__heading {
1291
+ display: grid;
1292
+ gap: var(--eth-space-xs);
1293
+ min-inline-size: min(100%, 24rem);
1294
+ }
1295
+ .eth-admin-runtime-log__heading p {
1296
+ color: var(--eth-color-text-secondary);
1297
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1298
+ line-height: 1.4286;
1299
+ margin: 0;
1300
+ }
1301
+ .eth-admin-runtime-log > .eth-admin-runtime-log__header > .eth-admin-runtime-log__status {
1302
+ align-items: center;
1303
+ display: flex;
1304
+ flex: 0 0 auto;
1305
+ flex-wrap: wrap;
1306
+ gap: var(--eth-space-sm);
1307
+ justify-content: flex-end;
1308
+ margin-inline-start: auto;
1309
+ min-block-size: 2rem;
1310
+ }
1311
+ .eth-admin-runtime-log__status span {
1312
+ color: var(--eth-color-text-secondary);
1313
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1314
+ line-height: 1.4286;
1315
+ }
1316
+ .eth-admin-runtime-log__toolbar {
1317
+ align-items: end;
1318
+ background: var(--eth-color-layer-02);
1319
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1320
+ display: flex;
1321
+ flex-wrap: wrap;
1322
+ gap: var(--eth-space-md);
1323
+ justify-content: space-between;
1324
+ min-inline-size: 0;
1325
+ padding: var(--eth-space-md) var(--eth-space-lg);
1326
+ }
1327
+ .eth-admin-runtime-log__filters {
1328
+ align-items: end;
1329
+ display: flex;
1330
+ flex: 1 1 auto;
1331
+ flex-wrap: wrap;
1332
+ gap: var(--eth-space-md);
1333
+ min-inline-size: 0;
1334
+ }
1335
+ .eth-admin-runtime-log__filters :where(.cds--form-item, .cds--search, .cds--select) {
1336
+ inline-size: min(100%, 14rem);
1337
+ min-inline-size: 10rem;
1338
+ }
1339
+ .eth-admin-runtime-log__toolbar .eth-button {
1340
+ flex: 0 0 auto;
1341
+ min-inline-size: 9rem;
1342
+ }
1343
+ .eth-admin-runtime-log__summary {
1344
+ background: var(--eth-color-layer-01);
1345
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1346
+ display: grid;
1347
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1348
+ margin: 0;
1349
+ }
1350
+ .eth-admin-runtime-log__summary > div {
1351
+ display: grid;
1352
+ gap: var(--eth-space-xs);
1353
+ min-inline-size: 0;
1354
+ padding: var(--eth-space-md) var(--eth-space-lg);
1355
+ }
1356
+ .eth-admin-runtime-log__summary > div + div {
1357
+ border-inline-start: 1px solid var(--eth-color-border-subtle);
1358
+ }
1359
+ .eth-admin-runtime-log__summary dt {
1360
+ color: var(--eth-color-text-secondary);
1361
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1362
+ font-weight: 600;
1363
+ line-height: 1.3333;
1364
+ margin: 0;
1365
+ }
1366
+ .eth-admin-runtime-log__summary dd {
1367
+ color: var(--eth-color-text-primary);
1368
+ font-family: var(--eth-font-mono, monospace);
1369
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1370
+ font-variant-numeric: tabular-nums;
1371
+ font-weight: 600;
1372
+ line-height: 1.4286;
1373
+ margin: 0;
1374
+ min-inline-size: 0;
1375
+ overflow: hidden;
1376
+ text-overflow: ellipsis;
1377
+ white-space: nowrap;
1378
+ }
1379
+ .eth-admin-runtime-log__table-shell {
1380
+ background: var(--eth-color-layer-01);
1381
+ max-block-size: 28rem;
1382
+ min-block-size: 12rem;
1383
+ min-inline-size: 0;
1384
+ overflow: auto;
1385
+ }
1386
+ .eth-admin-runtime-log .eth-data-table-wrap {
1387
+ background: var(--eth-color-layer-01);
1388
+ border: 0;
1389
+ min-block-size: 12rem;
1390
+ }
1391
+ .eth-admin-runtime-log .eth-data-table {
1392
+ inline-size: 100%;
1393
+ min-inline-size: 52rem;
1394
+ table-layout: fixed;
1395
+ }
1396
+ .eth-admin-runtime-log .eth-data-table th,
1397
+ .eth-admin-runtime-log .eth-data-table td {
1398
+ border-block-start: 0;
1399
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1400
+ line-height: 1.4286;
1401
+ padding: var(--eth-space-sm) var(--eth-space-lg);
1402
+ vertical-align: top;
1403
+ }
1404
+ .eth-admin-runtime-log .eth-data-table thead th {
1405
+ background: var(--eth-color-layer-02);
1406
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1407
+ color: var(--eth-color-text-secondary);
1408
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1409
+ font-weight: 600;
1410
+ line-height: 1.3333;
1411
+ }
1412
+ .eth-admin-runtime-log .eth-data-table tbody tr {
1413
+ background: var(--eth-color-layer-01);
1414
+ }
1415
+ .eth-admin-runtime-log .eth-data-table tbody tr:hover {
1416
+ background: var(--eth-color-layer-hover);
1417
+ }
1418
+ .eth-admin-runtime-log .eth-data-table tbody tr:last-child td {
1419
+ border-block-end: 0;
1420
+ }
1421
+ .eth-admin-runtime-log .eth-data-table .eth-badge {
1422
+ margin: 0;
1423
+ max-inline-size: 100%;
1424
+ }
1425
+ .eth-admin-runtime-log__timestamp,
1426
+ .eth-admin-runtime-log__source,
1427
+ .eth-admin-runtime-log__message {
1428
+ min-inline-size: 0;
1429
+ }
1430
+ .eth-admin-runtime-log__timestamp,
1431
+ .eth-admin-runtime-log__message {
1432
+ font-family: var(--eth-font-mono, monospace);
1433
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1434
+ }
1435
+ .eth-admin-runtime-log__timestamp {
1436
+ color: var(--eth-color-text-secondary);
1437
+ font-variant-numeric: tabular-nums;
1438
+ white-space: nowrap;
1439
+ }
1440
+ .eth-admin-runtime-log__source {
1441
+ color: var(--eth-color-text-secondary);
1442
+ display: block;
1443
+ overflow: hidden;
1444
+ text-overflow: ellipsis;
1445
+ white-space: nowrap;
1446
+ }
1447
+ .eth-admin-runtime-log__message {
1448
+ color: var(--eth-color-text-primary);
1449
+ display: block;
1450
+ overflow-wrap: anywhere;
1451
+ }
1452
+ .eth-admin-runtime-log__message--warning {
1453
+ color: var(--eth-color-text-primary);
1454
+ }
1455
+ .eth-admin-runtime-log__message--error {
1456
+ color: var(--eth-color-danger);
1457
+ }
1458
+ .eth-admin-runtime-log__empty {
1459
+ align-content: center;
1460
+ border-block-start: 1px solid var(--eth-color-border-subtle);
1461
+ display: grid;
1462
+ gap: var(--eth-space-xs);
1463
+ min-block-size: 12rem;
1464
+ padding: var(--eth-space-xl);
1465
+ }
1466
+ .eth-admin-runtime-log__empty h4,
1467
+ .eth-admin-runtime-log__empty p {
1468
+ margin: 0;
1469
+ }
1470
+ .eth-admin-runtime-log__empty h4 {
1471
+ color: var(--eth-color-text-primary);
1472
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1473
+ font-weight: 600;
1474
+ line-height: 1.4286;
1475
+ }
1476
+ .eth-admin-runtime-log__empty p {
1477
+ color: var(--eth-color-text-secondary);
1478
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1479
+ line-height: 1.4286;
1480
+ }
1481
+ .eth-admin-audit-log {
1482
+ gap: var(--eth-space-md);
1483
+ }
1484
+ .eth-admin-audit-log__heading {
1485
+ display: grid;
1486
+ gap: var(--eth-space-2xs);
1487
+ }
1488
+ .eth-admin-audit-log__heading span {
1489
+ color: var(--eth-color-text-secondary);
1490
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1491
+ line-height: 1.333;
1492
+ }
1493
+ .eth-admin-audit-log__toolbar {
1494
+ justify-content: flex-end;
1495
+ }
1496
+ .eth-admin-audit-log__filters,
1497
+ .eth-admin-audit-log__exports {
1498
+ align-items: center;
1499
+ display: flex;
1500
+ flex-wrap: wrap;
1501
+ gap: var(--eth-space-xs);
1502
+ }
1503
+ .eth-admin-audit-log__exports .eth-button {
1504
+ min-inline-size: 4rem;
1505
+ }
1506
+ .eth-admin-audit-log .eth-data-table {
1507
+ min-inline-size: 48rem;
1508
+ table-layout: fixed;
1509
+ }
1510
+ .eth-admin-audit-log .eth-data-table th,
1511
+ .eth-admin-audit-log .eth-data-table td {
1512
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1513
+ line-height: 1.2857;
1514
+ overflow: hidden;
1515
+ text-overflow: ellipsis;
1516
+ white-space: nowrap;
1517
+ }
1518
+ .eth-admin-audit-log .eth-data-table tbody tr:hover {
1519
+ background: var(--eth-color-layer-hover);
1520
+ }
1521
+ .eth-admin-audit-log .eth-data-table .cds--tag {
1522
+ margin: 0;
1523
+ max-inline-size: 100%;
1524
+ }
1525
+ .eth-admin-audit-log__actor {
1526
+ font-weight: 600;
1527
+ }
1528
+ .eth-admin-audit-log__mono {
1529
+ font-family: var(--eth-font-mono, monospace);
1530
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1531
+ }
1532
+ @media (width <= 52rem) {
1533
+ .eth-admin-shell__layout {
1534
+ grid-template-columns: 1fr;
1535
+ }
1536
+ .eth-admin-shell__side-nav {
1537
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1538
+ border-inline-end: 0;
1539
+ max-block-size: 18rem;
1540
+ }
1541
+ .eth-admin-shell__main {
1542
+ padding: var(--eth-space-lg);
1543
+ }
1544
+ .eth-admin-shell__content-grid {
1545
+ grid-template-columns: 1fr;
1546
+ }
1547
+ .eth-admin-system-health > .eth-surface__header {
1548
+ align-items: stretch;
1549
+ flex-direction: column;
1550
+ }
1551
+ .eth-admin-system-health__metrics {
1552
+ grid-template-columns: 1fr;
1553
+ }
1554
+ .eth-admin-system-health__metrics .eth-kpi {
1555
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1556
+ border-inline-end: 0;
1557
+ }
1558
+ .eth-admin-system-health__metrics .eth-kpi:last-child {
1559
+ border-block-end: 0;
1560
+ }
1561
+ .eth-admin-system-health__incidents li {
1562
+ align-items: start;
1563
+ grid-template-columns: auto minmax(0, 1fr);
1564
+ }
1565
+ .eth-admin-system-health__incidents time {
1566
+ grid-column: 2;
1567
+ margin-inline-start: 0;
1568
+ }
1569
+ .eth-admin-policy-config__layout,
1570
+ .eth-admin-policy-config__summary-grid {
1571
+ grid-template-columns: 1fr;
1572
+ }
1573
+ .eth-admin-policy-config__summary {
1574
+ border-block-start: 1px solid var(--eth-color-border-subtle);
1575
+ border-inline-start: 0;
1576
+ padding-block-start: var(--eth-space-lg);
1577
+ padding-inline-start: 0;
1578
+ }
1579
+ .eth-admin-policy-config__summary-grid div {
1580
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1581
+ border-inline-end: 0;
1582
+ }
1583
+ .eth-admin-policy-config__summary-grid div:last-child {
1584
+ border-block-end: 0;
1585
+ }
1586
+ .eth-admin-policy-config__actions,
1587
+ .eth-admin-policy-config__actions .eth-button {
1588
+ inline-size: 100%;
1589
+ }
1590
+ .eth-admin-tenant-settings > .eth-surface__header,
1591
+ .eth-admin-tenant-settings > .eth-surface__header .eth-surface__header-actions {
1592
+ align-items: stretch;
1593
+ flex-direction: column;
1594
+ }
1595
+ .eth-admin-tenant-settings .eth-actions,
1596
+ .eth-admin-tenant-settings .eth-form-actions {
1597
+ inline-size: 100%;
1598
+ justify-content: flex-start;
1599
+ }
1600
+ .eth-admin-tenant-settings .eth-actions {
1601
+ align-items: stretch;
1602
+ flex-direction: column;
1603
+ }
1604
+ .eth-admin-tenant-settings .eth-actions .eth-button,
1605
+ .eth-admin-tenant-settings .eth-form-actions .eth-button {
1606
+ inline-size: 100%;
1607
+ }
1608
+ .eth-admin-tenant-settings .eth-meta-grid,
1609
+ .eth-admin-tenant-settings .eth-form-section,
1610
+ .eth-admin-tenant-settings .eth-form-section__body {
1611
+ grid-template-columns: 1fr;
1612
+ }
1613
+ .eth-admin-tenant-settings .eth-meta-grid div {
1614
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1615
+ border-inline-end: 0;
1616
+ }
1617
+ .eth-admin-tenant-settings .eth-meta-grid div:last-child {
1618
+ border-block-end: 0;
1619
+ }
1620
+ .eth-admin-tenant-settings > .eth-surface__header,
1621
+ .eth-admin-tenant-settings .eth-meta-grid div,
1622
+ .eth-admin-tenant-settings .eth-form-section,
1623
+ .eth-admin-tenant-settings .eth-form-config__validation,
1624
+ .eth-admin-tenant-settings .eth-form-actions {
1625
+ padding-inline: var(--eth-space-lg);
1626
+ }
1627
+ .eth-admin-job-queue > header,
1628
+ .eth-admin-job-queue__header-actions {
1629
+ align-items: stretch;
1630
+ flex-direction: column;
1631
+ }
1632
+ .eth-admin-job-queue__header-actions {
1633
+ justify-content: flex-start;
1634
+ margin-inline-start: 0;
1635
+ inline-size: 100%;
1636
+ }
1637
+ .eth-admin-job-queue__summary {
1638
+ grid-template-columns: 1fr;
1639
+ }
1640
+ .eth-admin-job-queue__summary div {
1641
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1642
+ border-inline-end: 0;
1643
+ }
1644
+ .eth-admin-job-queue__summary div:last-child {
1645
+ border-block-end: 0;
1646
+ }
1647
+ .eth-admin-rate-limit > header,
1648
+ .eth-admin-worker-pool > header,
1649
+ .eth-admin-runtime-log > .eth-admin-runtime-log__header,
1650
+ .eth-admin-audit-log > header,
1651
+ .eth-admin-integration-health > header,
1652
+ .eth-admin-runtime-log__toolbar,
1653
+ .eth-admin-audit-log__toolbar {
1654
+ align-items: stretch;
1655
+ flex-direction: column;
1656
+ }
1657
+ .eth-admin-rate-limit__header-actions,
1658
+ .eth-admin-worker-pool__header-actions,
1659
+ .eth-admin-integration-health__header-actions,
1660
+ .eth-admin-integration-health__summary,
1661
+ .eth-admin-runtime-log > .eth-admin-runtime-log__header > .eth-admin-runtime-log__status {
1662
+ inline-size: 100%;
1663
+ justify-content: flex-start;
1664
+ margin-inline-start: 0;
1665
+ }
1666
+ .eth-admin-rate-limit__summary,
1667
+ .eth-admin-worker-pool__summary,
1668
+ .eth-admin-runtime-log__summary {
1669
+ grid-template-columns: 1fr;
1670
+ }
1671
+ .eth-admin-rate-limit__summary div,
1672
+ .eth-admin-worker-pool__summary div,
1673
+ .eth-admin-runtime-log__summary div {
1674
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1675
+ border-inline-end: 0;
1676
+ border-inline-start: 0;
1677
+ }
1678
+ .eth-admin-rate-limit__summary div:last-child,
1679
+ .eth-admin-worker-pool__summary div:last-child,
1680
+ .eth-admin-runtime-log__summary div:last-child {
1681
+ border-block-end: 0;
1682
+ }
1683
+ .eth-admin-runtime-log__filters,
1684
+ .eth-admin-runtime-log__filters :where(.cds--form-item, .cds--search, .cds--select),
1685
+ .eth-admin-runtime-log__toolbar .eth-button {
1686
+ inline-size: 100%;
1687
+ }
1688
+ .eth-admin-audit-log__toolbar,
1689
+ .eth-admin-audit-log__exports {
1690
+ inline-size: 100%;
1691
+ }
1692
+ .eth-admin-audit-log__exports .eth-button {
1693
+ flex: 1 1 0;
1694
+ min-inline-size: 0;
1695
+ }
1696
+ .eth-admin-billing-usage__summary {
1697
+ grid-template-columns: 1fr;
1698
+ }
1699
+ .eth-admin-billing-usage__summary div {
1700
+ border-block-end: 1px solid var(--eth-color-border-subtle);
1701
+ border-inline-end: 0;
1702
+ }
1703
+ .eth-admin-billing-usage__summary div:last-child {
1704
+ border-block-end: 0;
1705
+ }
1706
+ .eth-admin-billing-usage__metric-header,
1707
+ .eth-admin-billing-usage__metric-details div {
1708
+ align-items: flex-start;
1709
+ }
1710
+ }
1711
+ /*# sourceMappingURL=index.css.map */