/*
 * CRM ectype theme — Bootstrap 5.3 color tokens and component styling ported from
 * bootstrap-color ectype (Bootstrap 4.3): https://cdn.jsdelivr.net/npm/bootstrap-color/dist/ectype/bootstrap-color.css
 */

:root,
[data-bs-theme="light"] {
    --bs-font-sans-serif: "Varela", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --bs-blue: #078fee;
    --bs-indigo: #6610f2;
    --bs-purple: #815de6;
    --bs-pink: #e83e8c;
    --bs-red: #ed534e;
    --bs-orange: #f57400;
    --bs-yellow: #ffc107;
    --bs-green: #30b643;
    --bs-teal: #20c997;
    --bs-cyan: #17a2b8;

    --bs-primary: #078fee;
    --bs-primary-rgb: 7, 143, 238;
    --bs-primary-text-emphasis: #045a9a;
    --bs-primary-bg-subtle: #e1f2fd;
    --bs-primary-border-subtle: #79c6fb;

    --bs-secondary: #404346;
    --bs-secondary-rgb: 64, 67, 70;
    --bs-secondary-text-emphasis: #26292b;
    --bs-secondary-bg-subtle: #e8e8e9;
    --bs-secondary-border-subtle: #9c9d9f;

    --bs-success: #30b643;
    --bs-success-rgb: 48, 182, 67;
    --bs-success-text-emphasis: #1d6e29;
    --bs-success-bg-subtle: #e6f6e8;
    --bs-success-border-subtle: #93d99d;

    --bs-info: #815de6;
    --bs-info-rgb: 129, 93, 230;
    --bs-info-text-emphasis: #4e3892;
    --bs-info-bg-subtle: #f0ecfc;
    --bs-info-border-subtle: #bdabf2;

    --bs-warning: #f57400;
    --bs-warning-rgb: 245, 116, 0;
    --bs-warning-text-emphasis: #934600;
    --bs-warning-bg-subtle: #feeee0;
    --bs-warning-border-subtle: #fab77a;

    --bs-danger: #ed534e;
    --bs-danger-rgb: 237, 83, 78;
    --bs-danger-text-emphasis: #8e3230;
    --bs-danger-bg-subtle: #fdeaea;
    --bs-danger-border-subtle: #f6a6a3;

    --bs-light: #f3f6f7;
    --bs-light-rgb: 243, 246, 247;
    --bs-light-text-emphasis: #6c757d;
    --bs-light-bg-subtle: #f8f9fa;
    --bs-light-border-subtle: #dee2e6;

    --bs-dark: #343a40;
    --bs-dark-rgb: 52, 58, 64;
    --bs-dark-text-emphasis: #1a1d20;
    --bs-dark-bg-subtle: #e7e7e8;
    --bs-dark-border-subtle: #95999c;

    --bs-body-bg: #ffffff;
    --bs-body-color: #0f2848;
    --bs-body-color-rgb: 15, 40, 72;
    --bs-emphasis-color: #0f2848;
    --bs-emphasis-color-rgb: 15, 40, 72;
    --bs-secondary-color: #6c757d;
    --bs-secondary-bg: #f3f6f7;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-color: #6c757d;

    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(15, 40, 72, 0.12);
    --bs-border-radius: 0.25rem;
    --bs-border-radius-sm: 0.2rem;
    --bs-border-radius-lg: 0.3rem;

    --bs-link-color: #078fee;
    --bs-link-color-rgb: 7, 143, 238;
    --bs-link-hover-color: #0562a4;
    --bs-link-hover-color-rgb: 5, 98, 164;

    --bs-focus-ring-color: rgba(7, 143, 238, 0.25);
    --bs-focus-ring-width: 0.2rem;

    --bs-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.06);
    --bs-box-shadow-sm: var(--bs-box-shadow);
    --bs-card-box-shadow: var(--bs-box-shadow);

    --bs-form-control-focus-border-color: #79c6fb;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ectype: tinted fill + theme-color border (matches bootstrap-color cascade). */
.btn-primary {
    --bs-btn-color: #078fee;
    --bs-btn-bg: #e1f2fd;
    --bs-btn-border-color: #078fee;
    --bs-btn-hover-color: #0679c9;
    --bs-btn-hover-bg: #cce7fb;
    --bs-btn-hover-border-color: #0679c9;
    --bs-btn-focus-shadow-rgb: 7, 143, 238;
    --bs-btn-active-color: #0671bc;
    --bs-btn-active-bg: #b8dcfa;
    --bs-btn-active-border-color: #0671bc;
    --bs-btn-disabled-color: #078fee;
    --bs-btn-disabled-bg: #e1f2fd;
    --bs-btn-disabled-border-color: #79c6fb;
}

.btn-secondary {
    --bs-btn-color: #404346;
    --bs-btn-bg: #e8e8e9;
    --bs-btn-border-color: #404346;
    --bs-btn-hover-color: #2e3032;
    --bs-btn-hover-bg: #d8d9da;
    --bs-btn-hover-border-color: #2e3032;
    --bs-btn-focus-shadow-rgb: 64, 67, 70;
    --bs-btn-active-color: #282a2b;
    --bs-btn-active-bg: #cbcccd;
    --bs-btn-active-border-color: #282a2b;
    --bs-btn-disabled-color: #404346;
    --bs-btn-disabled-bg: #e8e8e9;
    --bs-btn-disabled-border-color: #9c9d9f;
}

.btn-success {
    --bs-btn-color: #30b643;
    --bs-btn-bg: #e6f6e8;
    --bs-btn-border-color: #30b643;
    --bs-btn-hover-color: #289838;
    --bs-btn-hover-bg: #d0edd5;
    --bs-btn-hover-border-color: #289838;
    --bs-btn-focus-shadow-rgb: 48, 182, 67;
    --bs-btn-active-color: #258e34;
    --bs-btn-active-bg: #b8e3bf;
    --bs-btn-active-border-color: #258e34;
    --bs-btn-disabled-color: #30b643;
    --bs-btn-disabled-bg: #e6f6e8;
    --bs-btn-disabled-border-color: #93d99d;
}

.btn-info {
    --bs-btn-color: #815de6;
    --bs-btn-bg: #f0ecfc;
    --bs-btn-border-color: #815de6;
    --bs-btn-hover-color: #673ce1;
    --bs-btn-hover-bg: #e2d9f9;
    --bs-btn-hover-border-color: #673ce1;
    --bs-btn-focus-shadow-rgb: 129, 93, 230;
    --bs-btn-active-color: #5f31df;
    --bs-btn-active-bg: #d4c7f5;
    --bs-btn-active-border-color: #5f31df;
    --bs-btn-disabled-color: #815de6;
    --bs-btn-disabled-bg: #f0ecfc;
    --bs-btn-disabled-border-color: #bdabf2;
}

.btn-warning {
    --bs-btn-color: #f57400;
    --bs-btn-bg: #feeee0;
    --bs-btn-border-color: #f57400;
    --bs-btn-hover-color: #cf6200;
    --bs-btn-hover-bg: #fde0c4;
    --bs-btn-hover-border-color: #cf6200;
    --bs-btn-focus-shadow-rgb: 245, 116, 0;
    --bs-btn-active-color: #c25c00;
    --bs-btn-active-bg: #fcd1a8;
    --bs-btn-active-border-color: #c25c00;
    --bs-btn-disabled-color: #f57400;
    --bs-btn-disabled-bg: #feeee0;
    --bs-btn-disabled-border-color: #fab77a;
}

.btn-danger {
    --bs-btn-color: #ed534e;
    --bs-btn-bg: #fdeaea;
    --bs-btn-border-color: #ed534e;
    --bs-btn-hover-color: #e9312b;
    --bs-btn-hover-bg: #fbd5d3;
    --bs-btn-hover-border-color: #e9312b;
    --bs-btn-focus-shadow-rgb: 237, 83, 78;
    --bs-btn-active-color: #e82620;
    --bs-btn-active-bg: #f9c0bc;
    --bs-btn-active-border-color: #e82620;
    --bs-btn-disabled-color: #ed534e;
    --bs-btn-disabled-bg: #fdeaea;
    --bs-btn-disabled-border-color: #f6a6a3;
}

.btn-light {
    --bs-btn-color: #0f2848;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #dee2e6;
    --bs-btn-hover-color: #0f2848;
    --bs-btn-hover-bg: #f3f6f7;
    --bs-btn-hover-border-color: #ced4da;
    --bs-btn-focus-shadow-rgb: 15, 40, 72;
    --bs-btn-active-color: #0f2848;
    --bs-btn-active-bg: #e9ecef;
    --bs-btn-active-border-color: #ced4da;
    --bs-btn-disabled-color: #0f2848;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #dee2e6;
}

.btn-dark {
    --bs-btn-color: #343a40;
    --bs-btn-bg: #e7e7e8;
    --bs-btn-border-color: #343a40;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #d8d9da;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 52, 58, 64;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #c9cbcd;
    --bs-btn-active-border-color: #212529;
    --bs-btn-disabled-color: #343a40;
    --bs-btn-disabled-bg: #e7e7e8;
    --bs-btn-disabled-border-color: #95999c;
}

.btn-outline-primary {
    --bs-btn-color: #078fee;
    --bs-btn-bg: #e1f2fd;
    --bs-btn-border-color: #078fee;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #078fee;
    --bs-btn-hover-border-color: #078fee;
    --bs-btn-focus-shadow-rgb: 7, 143, 238;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #078fee;
    --bs-btn-active-border-color: #078fee;
    --bs-btn-disabled-color: #078fee;
    --bs-btn-disabled-bg: #e1f2fd;
    --bs-btn-disabled-border-color: #79c6fb;
}

.btn-outline-secondary {
    --bs-btn-color: #404346;
    --bs-btn-bg: #e8e8e9;
    --bs-btn-border-color: #404346;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #404346;
    --bs-btn-hover-border-color: #404346;
    --bs-btn-focus-shadow-rgb: 64, 67, 70;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #404346;
    --bs-btn-active-border-color: #404346;
    --bs-btn-disabled-color: #404346;
    --bs-btn-disabled-bg: #e8e8e9;
    --bs-btn-disabled-border-color: #9c9d9f;
}

.btn-outline-success {
    --bs-btn-color: #30b643;
    --bs-btn-bg: #e6f6e8;
    --bs-btn-border-color: #30b643;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #30b643;
    --bs-btn-hover-border-color: #30b643;
    --bs-btn-focus-shadow-rgb: 48, 182, 67;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #30b643;
    --bs-btn-active-border-color: #30b643;
    --bs-btn-disabled-color: #30b643;
    --bs-btn-disabled-bg: #e6f6e8;
    --bs-btn-disabled-border-color: #93d99d;
}

.btn-outline-info {
    --bs-btn-color: #815de6;
    --bs-btn-bg: #f0ecfc;
    --bs-btn-border-color: #815de6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #815de6;
    --bs-btn-hover-border-color: #815de6;
    --bs-btn-focus-shadow-rgb: 129, 93, 230;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #815de6;
    --bs-btn-active-border-color: #815de6;
    --bs-btn-disabled-color: #815de6;
    --bs-btn-disabled-bg: #f0ecfc;
    --bs-btn-disabled-border-color: #bdabf2;
}

.btn-outline-warning {
    --bs-btn-color: #f57400;
    --bs-btn-bg: #feeee0;
    --bs-btn-border-color: #f57400;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f57400;
    --bs-btn-hover-border-color: #f57400;
    --bs-btn-focus-shadow-rgb: 245, 116, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f57400;
    --bs-btn-active-border-color: #f57400;
    --bs-btn-disabled-color: #f57400;
    --bs-btn-disabled-bg: #feeee0;
    --bs-btn-disabled-border-color: #fab77a;
}

.btn-outline-danger {
    --bs-btn-color: #ed534e;
    --bs-btn-bg: #fdeaea;
    --bs-btn-border-color: #ed534e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ed534e;
    --bs-btn-hover-border-color: #ed534e;
    --bs-btn-focus-shadow-rgb: 237, 83, 78;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ed534e;
    --bs-btn-active-border-color: #ed534e;
    --bs-btn-disabled-color: #ed534e;
    --bs-btn-disabled-bg: #fdeaea;
    --bs-btn-disabled-border-color: #f6a6a3;
}

.btn-outline-dark {
    --bs-btn-color: #343a40;
    --bs-btn-bg: #e7e7e8;
    --bs-btn-border-color: #343a40;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #343a40;
    --bs-btn-hover-border-color: #343a40;
    --bs-btn-focus-shadow-rgb: 52, 58, 64;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #343a40;
    --bs-btn-active-border-color: #343a40;
    --bs-btn-disabled-color: #343a40;
    --bs-btn-disabled-bg: #e7e7e8;
    --bs-btn-disabled-border-color: #95999c;
}

.btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-line-height: 1.5;
    letter-spacing: 0.025rem;
    box-shadow: none;
}

.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.765625rem;
    --bs-btn-line-height: 1.5;
}

.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.09375rem;
    --bs-btn-line-height: 1.5;
}

.dropdown-menu:not(.dropdown-menu-dark) {
    --bs-dropdown-link-hover-color: #16181b;
    --bs-dropdown-link-hover-bg: #f8f9fa;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #078fee;
}

.dropdown-menu-dark {
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.12);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #078fee;
}

.dropdown-toggle::after {
    vertical-align: 0.15em;
}

.nav-underline {
    --bs-nav-underline-link-active-color: #078fee;
}

.pagination {
    --bs-pagination-color: #078fee;
    --bs-pagination-hover-color: #0562a4;
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: #0562a4;
    --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(7, 143, 238, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #078fee;
    --bs-pagination-active-border-color: #078fee;
}

.list-group {
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #078fee;
    --bs-list-group-active-border-color: #078fee;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #078fee;
}

.badge {
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.alert-primary {
    border: 1px solid #078fee;
    border-left-width: 5px;
}

.alert-secondary {
    border: 1px solid #404346;
    border-left-width: 5px;
}

.alert-success {
    border: 1px solid #30b643;
    border-left-width: 5px;
}

.alert-info {
    border: 1px solid #815de6;
    border-left-width: 5px;
}

.alert-warning {
    border: 1px solid #f57400;
    border-left-width: 5px;
}

.alert-danger {
    border: 1px solid #ed534e;
    border-left-width: 5px;
}

.alert-light {
    border: 1px solid #f8f9fa;
    border-left-width: 5px;
}

.alert-dark {
    border: 1px solid #343a40;
    border-left-width: 5px;
}

.card,
.alert {
    box-shadow: var(--bs-box-shadow);
}