.form-status-row > label {
    display: block;
    margin-bottom: 0.5rem;
}

.status-select {
    font-weight: 600;
}

.status-select-wrapper {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.status-indicator {
    width: 0.95rem;
    height: 0.95rem;
    border: 2px solid rgba(0,0,0,0.08);
    border-radius: 999px;
    flex-shrink: 0;
}

.status-indicator--entwurf {
    background: #9ca3af;
}

.status-indicator--in_planung {
    background: #d4a900;
}

.status-indicator--zur_freigabe {
    background: #2563eb;
}

.status-indicator--veroeffentlicht {
    background: #16a34a;
}

.status-indicator--abgesagt {
    background: #dc2626;
}

.status-choice-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.status-choice {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
}

.status-choice > span.badge {
    white-space: nowrap;
}

.status-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.status-choice .badge {
    opacity: 0.35;
    border: 1px solid transparent;
    transition:
        opacity 0.12s ease,
        transform 0.12s ease,
        box-shadow 0.12s ease;
}

.status-choice input:checked + .badge {
    opacity: 1;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.status-choice:hover .badge {
    opacity: 0.85;
}

.status-choice--danger {
    position: relative;
    margin-left: 3rem;
}

.status-choice--danger::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1.5rem;
    width: 1px;
    height: 1.4rem;
    background: var(--color-border);
    transform: translateY(-50%);
}