/* Load after the Syncfusion theme. Popups are rendered outside the scoped page markup. */
.e-input-group:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):is(:hover, :active, :focus-within, .e-input-focus),
.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):is(:hover, :active, :focus-within, .e-input-focus) {
    border-color: var(--color-primary);
}

.e-input-group:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):is(:active, :focus-within, .e-input-focus),
.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error):is(:active, :focus-within, .e-input-focus) {
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--color-primary) 25%, transparent);
}

.e-input:focus:not([disabled]):not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--color-primary) 25%, transparent);
}

/* The wrapper owns the focus ring; an inner input must not draw a second (vendor-blue) ring. */
.e-input-group:not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus {
    box-shadow: none;
}

.e-popup:is(.e-ddl, .e-multi-select-list-wrapper) .e-list-item:not(.e-disabled):is(:hover, .e-hover, .e-item-focus) {
    background-color: color-mix(in srgb, var(--color-primary) 10%, var(--bs-body-bg));
    color: var(--bs-body-color);
}

.e-popup:is(.e-ddl, .e-multi-select-list-wrapper) .e-list-item.e-active:not(.e-disabled) {
    background-color: var(--color-primary);
    color: var(--bs-white);
}

    .e-popup:is(.e-ddl, .e-multi-select-list-wrapper) .e-list-item.e-active:not(.e-disabled):is(:hover, .e-hover, .e-item-focus) {
        background-color: var(--color-secondary);
        color: var(--bs-white);
    }

.e-popup.e-multi-select-list-wrapper .e-checkbox-wrapper:not(.e-checkbox-disabled) .e-frame:is(.e-check, .e-stop) {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--bs-white);
}

.e-popup.e-multi-select-list-wrapper .e-checkbox-wrapper:not(.e-checkbox-disabled):is(:hover, :focus-within) .e-frame:is(.e-check, .e-stop) {
    background-color: var(--color-secondary);
    border-color: var(--color-primary);
    color: var(--bs-white);
}