/* public/assets/css/bausteine/status.css */

/* Basis Badge Styling */
.status-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.1rem 0.4rem;
    font-size: 0.68rem;
    font-weight: 700;
    border-radius: 9999px;
    border-width: 1px;
    width: 100px;
    min-width: 100px;
    white-space: normal;
    line-height: 1.2;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

@media (min-width: 640px) {
    .status-badge {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
        width: 140px;
        min-width: 140px;
    }
}

/* Status Varianten */
.status-badge--anreise-heute {
    background-color: #dcfce7;
    color: #166534;
    border-color: #86efac;
    /* Nutzt jetzt Tailwinds animate-pulse */
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; 
}

.status-badge--abreise-heute {
    background-color: #ffedd5;
    color: #9a3412;
    border-color: #fdba74;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.status-badge--anreise-zukunft {
    background-color: #dbeafe;
    color: #1d4ed8;
    border-color: #93c5fd;
}

.status-badge--abreise-zukunft {
    background-color: #ffedd5;
    color: #9a3412;
    border-color: #fdba74;
}

.status-badge--reservierung {
    background-color: #f3e8ff;
    color: #6b21a8;
    border-color: #d8b4fe;
}

.status-badge--reservierung-status {
    background-color: #ede9fe;
    color: #5b21b6;
    border-color: #c4b5fd;
}

.status-badge--wechseltag {
    background-color: #f3e8ff;
    color: #6b21a8;
    border-color: #d8b4fe;
}

.status-badge--konflikt {
    background-color: #fee2e2;
    color: #b91c1c;
    border-color: #fca5a5;
}

.status-badge--zimmer-fertig {
    background-color: #16a34a;
    color: #fff;
    border-color: #166534;
}

.status-badge--reinigung-offen {
    background-color: #ea580c;
    color: #fff;
    border-color: #9a3412;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.status-badge--warnung {
    background-color: #fef2f2;
    color: #b91c1c;
    border-color: #fca5a5;
}

/* Detail Badge (breiter) */
.detail-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    text-align: center;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem !important;
    font-weight: 600;
    border-radius: 9999px;
    border-width: 1px;
    width: 180px;
    min-width: 180px;
    white-space: normal;
    line-height: 1.2;
    box-sizing: border-box;
}