| @@ -469,11 +469,26 @@ | ||
| 469 | 469 | border-radius: var(--mxch-radius-sm, 4px); |
| 470 | 470 | font-size: 13px; |
| 471 | 471 | color: var(--mxch-text-primary, #1d2327); |
| 472 | 472 | } |
| 473 | - /* mxch-status-pill rules moved to css/admin-sidebar.css (plan b6e4d4) | |
| 474 | - — it is a documented shell component and every admin page loads | |
| 475 | - that sheet, so it must not live in one page's inline block. */ | |
| 473 | + .mxch-status-pill { | |
| 474 | + display: inline-flex; | |
| 475 | + align-items: center; | |
| 476 | + gap: 6px; | |
| 477 | + padding: 4px 10px; | |
| 478 | + border-radius: 999px; | |
| 479 | + font-size: 12px; | |
| 480 | + font-weight: 600; | |
| 481 | + } | |
| 482 | + .mxch-status-pill .mxch-status-dot { | |
| 483 | + width: 8px; | |
| 484 | + height: 8px; | |
| 485 | + border-radius: 50%; | |
| 486 | + } | |
| 487 | + .mxch-status-pill-active { background: #e6f4ea; color: #1d7a3a; } | |
| 488 | + .mxch-status-pill-active .mxch-status-dot { background: #1d7a3a; } | |
| 489 | + .mxch-status-pill-disabled { background: #fef3e2; color: #a04a00; } | |
| 490 | + .mxch-status-pill-disabled .mxch-status-dot { background: #a04a00; } | |
| 476 | 491 | |
| 477 | 492 | .mxch-api-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } |
| 478 | 493 | .mxch-api-form { display: inline; margin: 0; } |
| 479 | 494 | |
