.alert-banner{width: 100%;display: flex;align-items: center;gap: 0.5rem;padding: 0.6rem 1rem;box-sizing: border-box;font-weight: 500}.alert-error{background: color-mix(in srgb,var(--aura-red) 15%,transparent);color: var(--aura-red-text)}.alert-warn{background: color-mix(in srgb,var(--aura-yellow) 20%,transparent);color: var(--aura-yellow-text)}.alert-info{background: color-mix(in srgb,var(--aura-blue) 15%,transparent);color: var(--aura-blue-text)}.badge{display: inline-flex;align-items: center;justify-content: center;padding: 0.2em 0.55em;border-radius: 0.375rem;font-size: 0.75rem;font-weight: 600;line-height: 1;background-color: rgba(0,0,0,0.08);color: inherit;white-space: nowrap}.badge.primary{background-color: rgba(59,130,246,0.15);color: rgb(37,99,235)}.badge.success{background-color: rgba(16,185,129,0.15);color: rgb(5,150,105)}.badge.error{background-color: rgba(239,68,68,0.15);color: rgb(220,38,38)}.badge.contrast{background-color: rgba(0,0,0,0.75);color: white}.badge.pill{border-radius: 999px}.comment-card{width: 100%;box-sizing: border-box;background: var(--aura-surface);color: var(--aura-text-color);border-radius: var(--aura-radius-m);box-shadow: var(--aura-shadow-xs);padding: 0.9rem 1rem;display: flex;flex-direction: column;gap: 0.6rem}.comment-card-header{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;min-height: 1.75rem;font-weight: 600}.comment-card-body{line-height: 1.55;font-weight: 400}.comment-card-footer{display: flex;align-items: center;gap: 0.5rem;padding-top: 0.35rem;border-top: 1px solid var(--aura-contrast-20pct)}.music-validation-card{border-radius: 3px;box-shadow: var(--aura-shadow-m);border: 1px solid var(--aura-shadow-color);padding: 0.9rem 1rem;display: flex;flex-direction: column;gap: 0.35rem}.music-validation-card h3{margin: 0;font-size: 1.05rem}.music-validation-card p{margin: 0;line-height: 1.4;font-size: 0.92rem}html{--aura-accent-color: #393E8F}vaadin-button{--aura-accent-color: #393E8F}