:root {
    --tellant-primary: #8b1658;
    --tellant-primary-rgb: 139, 22, 88;
}

.tellant-dashboard-brand {
    color: var(--tellant-primary);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -.03em;
}

.navbar-vertical .nav-link.active,
.navbar-vertical .nav-link:hover {
    color: var(--tellant-primary);
}

.navbar-vertical .nav-link.active::before {
    background-color: var(--tellant-primary);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--tellant-primary);
    border-color: var(--tellant-primary);
}

.text-primary,
.link-primary {
    color: var(--tellant-primary) !important;
}

.icon-soft-primary {
    background-color: rgba(var(--tellant-primary-rgb), .1);
    color: var(--tellant-primary);
}

.tellant-dashboard-illustration {
    max-width: 12rem;
}

.tellant-profile-settings {
    max-width: 72rem;
}

.tellant-profile-settings .bg-white {
    border: 1px solid #e7eaf3;
    border-radius: .5rem;
    box-shadow: 0 .375rem .75rem rgba(140, 152, 164, .075) !important;
}

.tellant-profile-settings .bg-gray-50 {
    background-color: #f8fafd !important;
    border: 1px solid #e7eaf3;
    border-top: 0;
}

.tellant-profile-settings .card-footer {
    background-color: #f8fafd;
}

.tellant-profile-settings .form-label {
    color: #132144;
    font-size: .875rem;
    font-weight: 600;
}

.tellant-profile-settings .border-gray-200 {
    border-color: #e7eaf3 !important;
}

.tellant-profile-settings .text-gray-900 {
    color: #132144 !important;
}

.tellant-profile-settings .text-gray-600,
.tellant-profile-settings .text-gray-500 {
    color: #677788 !important;
}

.tellant-profile-settings input[type="text"],
.tellant-profile-settings input[type="email"],
.tellant-profile-settings input[type="password"] {
    border-color: #d5dae2;
    border-radius: .3125rem;
    min-height: calc(1.5em + 1.125rem + 2px);
}

.tellant-profile-settings input:focus {
    border-color: rgba(var(--tellant-primary-rgb), .55);
    box-shadow: 0 0 0 .2rem rgba(var(--tellant-primary-rgb), .12);
}

.tellant-profile-settings button.bg-gray-800,
.tellant-profile-settings button.bg-red-600 {
    background-color: var(--tellant-primary) !important;
}

.jetstream-modal .card-header,
.jetstream-modal .card-footer {
    background-color: #fff;
}

.jetstream-modal .card-footer {
    border-top-color: #e7eaf3;
}

.tellant-cms-modal {
    align-items: center;
    background: rgba(19, 33, 68, .52);
    display: none;
    inset: 0;
    justify-content: center;
    padding: 1.5rem;
    position: fixed;
    z-index: 1060;
}

.tellant-cms-modal.is-open {
    display: flex;
}

.tellant-cms-modal-dialog {
    max-height: calc(100vh - 3rem);
    max-width: 52rem;
    overflow-y: auto;
    width: 100%;
}

.tellant-profile-settings button.bg-gray-800:hover,
.tellant-profile-settings button.bg-red-600:hover {
    background-color: #6d1045 !important;
}