| @@ -2946,4 +2946,32 @@ | ||
| 2946 | 2946 | margin-top: var(--mxch-spacing-sm, 12px); |
| 2947 | 2947 | font-weight: 600; |
| 2948 | 2948 | color: var(--mxch-text-primary, #1a1a2e); |
| 2949 | 2949 | } |
| 2950 | + | |
| 2951 | +/* ------------------------------------------------------------------ | |
| 2952 | + * Status pill — documented shell component (CLAUDE.md design table). | |
| 2953 | + * Moved here from admin-api-page.php's inline <style> (plan b6e4d4) so | |
| 2954 | + * every admin page renders it, not just the API page. Rules are | |
| 2955 | + * byte-identical to the inline originals. | |
| 2956 | + * ------------------------------------------------------------------ */ | |
| 2957 | +.mxch-status-pill { | |
| 2958 | + display: inline-flex; | |
| 2959 | + align-items: center; | |
| 2960 | + gap: 6px; | |
| 2961 | + padding: 4px 10px; | |
| 2962 | + border-radius: 999px; | |
| 2963 | + font-size: 12px; | |
| 2964 | + font-weight: 600; | |
| 2965 | +} | |
| 2966 | +.mxch-status-pill .mxch-status-dot { | |
| 2967 | + width: 8px; | |
| 2968 | + height: 8px; | |
| 2969 | + border-radius: 50%; | |
| 2970 | +} | |
| 2971 | +.mxch-status-pill-active { background: #e6f4ea; color: #1d7a3a; } | |
| 2972 | +.mxch-status-pill-active .mxch-status-dot { background: #1d7a3a; } | |
| 2973 | +.mxch-status-pill-disabled { background: #fef3e2; color: #a04a00; } | |
| 2974 | +.mxch-status-pill-disabled .mxch-status-dot { background: #a04a00; } | |
| 2975 | +/* Warning: something the owner still has to do by hand (plan 47c61f). */ | |
| 2976 | +.mxch-status-pill-warning { background: var(--mxch-warning-light); color: var(--mxch-warning-text); } | |
| 2977 | +.mxch-status-pill-warning .mxch-status-dot { background: var(--mxch-warning); } | |
