/*
 * FonteIA ERP overrides.
 *
 * Keep this file small and loaded after Atlantis. Do not edit Atlantis vendor
 * files for project-specific fixes.
 */

:root {
    --fonteia-erp-input-bg: #ffffff;
    --fonteia-erp-input-text: #1f283e;
    --fonteia-erp-input-border: rgba(255, 255, 255, 0.7);
    --fonteia-erp-input-focus-border: #8cc3ff;
    --fonteia-erp-dark-input-bg: #1a2035;
    --fonteia-erp-dark-input-text: #f1f4f8;
    --fonteia-erp-dark-input-border: #303a59;
    --fonteia-erp-input-help: rgba(255, 255, 255, 0.82);
    --fonteia-erp-swal-bg: #ffffff;
    --fonteia-erp-swal-text: #1f283e;
    --fonteia-erp-swal-muted: #5c6575;
    --fonteia-erp-swal-primary: #1572e8;
}

body[data-background-color="dark"] .form-control,
body[data-background-color="dark"] .form-control:focus,
body[data-background-color="dark"] .form-control:active {
    caret-color: var(--fonteia-erp-dark-input-text) !important;
    color: var(--fonteia-erp-dark-input-text) !important;
    -webkit-text-fill-color: var(--fonteia-erp-dark-input-text) !important;
}

body[data-background-color="dark"] input.form-control:-webkit-autofill,
body[data-background-color="dark"] input.form-control:-webkit-autofill:hover,
body[data-background-color="dark"] input.form-control:-webkit-autofill:focus,
body[data-background-color="dark"] input.form-control:-webkit-autofill:active,
body[data-background-color="dark"] textarea.form-control:-webkit-autofill,
body[data-background-color="dark"] textarea.form-control:-webkit-autofill:hover,
body[data-background-color="dark"] textarea.form-control:-webkit-autofill:focus,
body[data-background-color="dark"] textarea.form-control:-webkit-autofill:active,
body[data-background-color="dark"] select.form-control:-webkit-autofill,
body[data-background-color="dark"] select.form-control:-webkit-autofill:hover,
body[data-background-color="dark"] select.form-control:-webkit-autofill:focus,
body[data-background-color="dark"] select.form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px var(--fonteia-erp-dark-input-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--fonteia-erp-dark-input-bg) inset !important;
    border-color: var(--fonteia-erp-dark-input-border) !important;
    caret-color: var(--fonteia-erp-dark-input-text) !important;
    color: var(--fonteia-erp-dark-input-text) !important;
    -webkit-text-fill-color: var(--fonteia-erp-dark-input-text) !important;
    transition: background-color 999999s ease-out 0s !important;
}

.erp-auth-card .form-control,
.erp-auth-card .form-control:focus,
.erp-auth-card .form-control:active {
    background-color: var(--fonteia-erp-input-bg) !important;
    border-color: var(--fonteia-erp-input-border) !important;
    color: var(--fonteia-erp-input-text) !important;
    -webkit-text-fill-color: var(--fonteia-erp-input-text) !important;
}

.erp-auth-card .form-control:focus {
    border-color: var(--fonteia-erp-input-focus-border) !important;
}

.erp-auth-card .form-control::placeholder {
    color: #6c7481 !important;
    -webkit-text-fill-color: #6c7481 !important;
    opacity: 1 !important;
}

.erp-auth-card input.form-control:-webkit-autofill,
.erp-auth-card input.form-control:-webkit-autofill:hover,
.erp-auth-card input.form-control:-webkit-autofill:focus,
.erp-auth-card input.form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px var(--fonteia-erp-input-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--fonteia-erp-input-bg) inset !important;
    caret-color: var(--fonteia-erp-input-text) !important;
    color: var(--fonteia-erp-input-text) !important;
    -webkit-text-fill-color: var(--fonteia-erp-input-text) !important;
}

.erp-auth-card .form-floating-label .placeholder,
.erp-auth-card .form-floating-label .form-control.filled + .placeholder,
.erp-auth-card .form-floating-label .form-control:focus + .placeholder,
.erp-auth-card .form-floating-label .form-control:valid + .placeholder {
    color: #ffffff !important;
}

.erp-auth-help,
.erp-auth-help li {
    color: var(--fonteia-erp-input-help) !important;
}

.swal-modal {
    background-color: var(--fonteia-erp-swal-bg);
    border-radius: 8px;
    max-width: 430px;
}

.swal-title {
    color: var(--fonteia-erp-swal-text);
    font-size: 22px;
    font-weight: 700;
}

.swal-text {
    color: var(--fonteia-erp-swal-muted);
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

.swal-button {
    background-color: var(--fonteia-erp-swal-primary);
    border-radius: 24px;
    font-weight: 700;
    min-width: 96px;
}

.swal-button:not([disabled]):hover,
.swal-button:not([disabled]):focus {
    background-color: #1269d4;
}