.majestic-badge, .majestic-chip { display: inline-flex; min-height: 22px; padding: 3px 7px; align-items: center; gap: var(--space-1); color: var(--text-muted-color); background: var(--surface-3); border: 1px solid var(--border-color); border-radius: var(--radius-control); font: 650 0.6875rem/1.2 var(--font-body); }
.majestic-chip { min-height: 28px; padding-inline: 9px; border-radius: 999px; font-size: 0.75rem; }
.majestic-chip[aria-pressed="true"] { color: var(--primary-color); background: color-mix(in srgb, var(--primary-color) 10%, var(--surface-2)); border-color: color-mix(in srgb, var(--primary-color) 45%, var(--border-color)); box-shadow: inset 0 -2px 0 var(--primary-color); }
.majestic-badge--success, .majestic-chip--success { color: var(--success-color); background: var(--success-background); border-color: var(--success-border-color); }
.majestic-badge--warning, .majestic-chip--warning { color: var(--warning-color); background: var(--warning-background); border-color: var(--warning-border-color); }
.majestic-badge--danger, .majestic-chip--danger { color: var(--danger-color); background: var(--danger-background); border-color: var(--danger-border-color); }
.majestic-badge--info, .majestic-chip--info { color: var(--info-color); background: var(--info-background); border-color: var(--info-border-color); }
.majestic-badge--off, .majestic-badge--soon { opacity: 0.72; }

.majestic-alert { --alert-color: var(--info-color); --alert-bg: var(--info-background); --alert-border: var(--info-border-color); display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--space-3); padding: var(--space-3) var(--space-4); color: var(--text-color); background: var(--alert-bg); border: 1px solid var(--alert-border); border-left: 3px solid var(--alert-color); border-radius: var(--radius-inner); }
.majestic-alert--success { --alert-color: var(--success-color); --alert-bg: var(--success-background); --alert-border: var(--success-border-color); }
.majestic-alert--warning { --alert-color: var(--warning-color); --alert-bg: var(--warning-background); --alert-border: var(--warning-border-color); }
.majestic-alert--danger { --alert-color: var(--danger-color); --alert-bg: var(--danger-background); --alert-border: var(--danger-border-color); }
.majestic-alert__icon { color: var(--alert-color); }
.majestic-alert__title { display: block; margin-bottom: 2px; font-weight: 650; }
.majestic-alert__body { margin: 0; color: var(--text-muted-color); font-size: 0.875rem; }

@media (prefers-reduced-motion: no-preference) {
    [data-badge-animation="new"] { animation: majestic-badge-pulse 4.8s ease-in-out infinite paused; }
    [data-badge-animation="hot"] { animation: majestic-badge-hot 5.6s ease-in-out infinite paused; }
    [data-badge-animation="updated"] { animation: majestic-badge-sweep 6.2s ease-out infinite paused; }
    [data-badge-animation="beta"] { animation: majestic-badge-glint 7s ease-in-out infinite paused; }
    [data-badge-animation][data-badge-active="true"] { animation-play-state: running; }
    [data-document-hidden] [data-badge-animation] { animation-play-state: paused !important; }
    @keyframes majestic-badge-pulse { 0%, 10%, 100% { filter: brightness(1); } 5% { filter: brightness(1.25); } }
    @keyframes majestic-badge-hot { 0%, 12%, 100% { border-color: var(--warning-border-color); } 6% { border-color: var(--warning-color); } }
    @keyframes majestic-badge-sweep { 0%, 14%, 100% { box-shadow: inset 0 0 0 transparent; } 7% { box-shadow: inset 12px 0 18px color-mix(in srgb, var(--primary-color) 18%, transparent); } }
    @keyframes majestic-badge-glint { 0%, 10%, 100% { color: var(--text-muted-color); } 5% { color: var(--info-color); } }
}

@media (forced-colors: active) {
    .majestic-badge, .majestic-chip, .majestic-alert { border-color: CanvasText; }
}