// Apply-for-Leave form styling, mirroring XENHR's dialog design:
// a light balance summary strip and pill-style Leave Type Basis picker.

.o_xeno_balance_strip {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    margin: 0.25rem 0 0.5rem 0;

    .o_xeno_bal {
        color: #495057;
        font-size: 0.9rem;
        white-space: nowrap;

        .o_field_widget {
            display: inline-block;
            font-weight: 700;
            margin-left: 0.25rem;
            color: #212529;
        }
    }

    .o_xeno_bal_remaining .o_field_widget {
        color: #16a34a;
    }
}

.o_xeno_basis_pills {
    .o_radio_item {
        border: 1px solid #dee2e6;
        border-radius: 9999px;
        padding: 0.3rem 0.9rem;
        margin: 0 0.5rem 0.5rem 0;
        background: #fff;
        cursor: pointer;
        transition: border-color 0.15s ease, background 0.15s ease;

        &:hover {
            border-color: #adb5bd;
        }

        &:has(.o_radio_input:checked) {
            border-color: #2563eb;
            background: #eff6ff;
        }

        .o_form_label {
            cursor: pointer;
        }
    }
}