/* ===== Owner Villa Selector — compartido entre todas las vistas Owner ===== */

.osp-villa-selector {
    display: inline-flex;
    border: 1px solid #e7e5e4;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    flex: 0 0 auto;
}

/* Botón nativo (Dashboard) */
.osp-villa-btn {
    background: #fff;
    border: none;
    border-right: 1px solid #e7e5e4;
    padding: 10px 24px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    color: #57534e;
    cursor: pointer;
    transition: all 0.2s;
}

    .osp-villa-btn:last-child {
        border-right: none;
    }

    .osp-villa-btn.active {
        background: #033ebc;
        color: #fff;
        border-color: #033ebc;
    }

    .osp-villa-btn:hover:not(.active) {
        background: #f5f5f4;
    }

/* Kendo ButtonGroup overrides */
.osp-villa-selector .k-button-group,
.osp-villa-selection .k-button-group {
    gap: 1px;
}

    .osp-villa-selector .k-button-group .k-button,
    .osp-villa-selection .k-button-group .k-button {
        background: #fff;
        border: 1px solid #e7e5e4;
        padding: 10px 24px;
        font-family: 'Inter', sans-serif;
        font-weight: 700;
        font-size: 11px;
        letter-spacing: 0.55px;
        text-transform: uppercase;
        color: #57534e;
        cursor: pointer;
        transition: all 0.2s ease;
        box-shadow: none;
        margin: 0;
    }

        .osp-villa-selector .k-button-group .k-button.k-state-active,
        .osp-villa-selector .k-button-group .k-button.k-selected,
        .osp-villa-selection .k-button-group .k-button.k-state-active,
        .osp-villa-selection .k-button-group .k-button.k-selected {
            background: #033ebc;
            color: #fff;
            border-color: #033ebc;
            box-shadow: 0 2px 8px rgba(3, 62, 188, 0.3);
        }

        .osp-villa-selector .k-button-group .k-button:hover:not(.k-state-active):not(.k-selected),
        .osp-villa-selection .k-button-group .k-button:hover:not(.k-state-active):not(.k-selected) {
            background: #f5f5f4;
            border-color: #d4d3d1;
        }