/*
 * Hello Elementor / Elementor compatibility layer.
 * Loaded late and scoped to Company SSO Login surfaces so theme-level button,
 * form, link, typography, and table rules cannot restyle the plugin UI.
 */
body .csl-auth-shell button,
body .csl-auth-shell input,
body .csl-auth-shell select,
body .csl-auth-shell textarea,
body .csl-app-shell button,
body .csl-app-shell input,
body .csl-app-shell select,
body .csl-app-shell textarea,
body .csl-password-setup-shell button,
body .csl-password-setup-shell input,
body .csl-password-setup-shell select,
body .csl-password-setup-shell textarea {
    font-family: inherit !important;
    letter-spacing: normal;
}

body .csl-auth-shell button,
body .csl-app-shell button,
body .csl-password-setup-shell button,
body .csl-auth-shell .csl-primary-button,
body .csl-app-shell .csl-primary-button,
body .csl-app-shell .csl-action-button {
    text-transform: none !important;
    text-decoration: none !important;
}

body .csl-auth-shell .csl-auth-primary-button {
    min-height: 58px !important;
    padding: 0 24px !important;
    color: #fff !important;
    background: linear-gradient(90deg, var(--csl-primary), #28769b) !important;
    border: 0 !important;
    border-radius: 13px !important;
    box-shadow: 0 16px 28px rgba(22,75,104,.17) !important;
}
body .csl-auth-shell .csl-auth-primary-button:hover,
body .csl-auth-shell .csl-auth-primary-button:focus {
    color: #fff !important;
    background: linear-gradient(90deg, var(--csl-primary-dark), #216487) !important;
    border: 0 !important;
}

body .csl-auth-shell .csl-password-toggle,
body .csl-auth-shell .csl-password-toggle:hover,
body .csl-auth-shell .csl-password-toggle:focus {
    width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    color: #7e909c !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body .csl-auth-shell .csl-sso-tile {
    min-height: 58px !important;
    padding: 0 18px !important;
    color: var(--csl-text) !important;
    background: #fff !important;
    border: 1px solid var(--csl-line) !important;
    border-radius: 13px !important;
}
body .csl-auth-shell .csl-sso-tile:hover,
body .csl-auth-shell .csl-sso-tile:focus {
    color: #fff !important;
    background: #1a5371 !important;
    border-color: #1a5371 !important;
}

body .csl-app-shell .csl-primary-button,
body .csl-app-shell button.csl-primary-button {
    color: #fff !important;
    background: var(--csl-primary) !important;
    border: 1px solid var(--csl-primary) !important;
    border-radius: 11px !important;
    box-shadow: none;
}
body .csl-app-shell .csl-primary-button:hover,
body .csl-app-shell .csl-primary-button:focus,
body .csl-app-shell button.csl-primary-button:hover,
body .csl-app-shell button.csl-primary-button:focus {
    color: #fff !important;
    background: var(--csl-primary-dark) !important;
    border-color: var(--csl-primary-dark) !important;
}

body .csl-app-shell .csl-action-button {
    border-radius: 10px !important;
    text-decoration: none !important;
}

body .csl-app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body .csl-app-shell select,
body .csl-app-shell textarea,
body .csl-auth-shell input:not([type="checkbox"]):not([type="radio"]),
body .csl-password-setup-shell input:not([type="checkbox"]):not([type="radio"]) {
    box-shadow: none;
    text-transform: none;
}

body .csl-app-shell a,
body .csl-auth-shell a,
body .csl-password-setup-shell a {
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}

body .csl-app-shell table,
body .csl-app-shell th,
body .csl-app-shell td {
    border-color: inherit;
}

/* Force WooCommerce's Set password action to keep plugin styling under Hello. */
body.csl-my-account-page .csl-password-setup-form button.button,
body.csl-my-account-page .csl-password-setup-form .woocommerce-Button {
    min-height: 52px !important;
    padding: 0 24px !important;
    color: #fff !important;
    background: var(--csl-primary) !important;
    border: 1px solid var(--csl-primary) !important;
    border-radius: 11px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}
body.csl-my-account-page .csl-password-setup-form button.button:hover,
body.csl-my-account-page .csl-password-setup-form button.button:focus,
body.csl-my-account-page .csl-password-setup-form .woocommerce-Button:hover,
body.csl-my-account-page .csl-password-setup-form .woocommerce-Button:focus {
    color: #fff !important;
    background: var(--csl-primary-dark) !important;
    border-color: var(--csl-primary-dark) !important;
}