/* ETIKID - feedback and form-message contrast fixes */

:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"],
.validation-summary-errors,
.etk-feedback {
    border: 1px solid #cbd5e1 !important;
    border-left-width: 5px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12) !important;
    opacity: 1 !important;
}

:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"] *,
.validation-summary-errors * {
    color: inherit !important;
}

:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="red"],
:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="danger"],
:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="error"],
.validation-summary-errors {
    border-color: #fda4af !important;
    border-left-color: #e11d48 !important;
    background: #fff1f2 !important;
    color: #881337 !important;
}

:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="green"],
:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="emerald"],
:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="success"] {
    border-color: #6ee7b7 !important;
    border-left-color: #059669 !important;
    background: #ecfdf5 !important;
    color: #065f46 !important;
}

:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="amber"],
:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="yellow"],
:where(.etk-account-shell, .cp-window-body, .login-page, form) [role="alert"][class*="warning"] {
    border-color: #fcd34d !important;
    border-left-color: #d97706 !important;
    background: #fffbeb !important;
    color: #92400e !important;
}

.validation-summary-valid,
[role="alert"]:empty,
[data-valmsg-for]:empty {
    display: none !important;
}

.field-validation-error,
form [data-valmsg-for]:not(:empty) {
    display: block !important;
    width: fit-content;
    max-width: 100%;
    margin-top: 7px !important;
    padding: 7px 10px !important;
    border: 1px solid #fecdd3 !important;
    border-radius: 9px !important;
    background: #fff1f2 !important;
    color: #9f1239 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.crm-toast {
    border-radius: 12px !important;
    opacity: 1 !important;
}

.crm-toast-success {
    border-color: #6ee7b7 !important;
    border-left-color: #059669 !important;
    background: #ecfdf5 !important;
    color: #065f46 !important;
}

.crm-toast-error {
    border-color: #fda4af !important;
    border-left-color: #e11d48 !important;
    background: #fff1f2 !important;
    color: #881337 !important;
}

.crm-toast span,
.crm-toast i,
.crm-toast button {
    color: inherit !important;
    opacity: 1 !important;
}

.crm-toast button {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.07);
}

@media (max-width: 640px) {
    .crm-toast {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }
}
