/* AquaMagna brand colors over the Larkon theme.
   Generated from app.min.css: each declaration that used Larkon orange (#ff6c2f, its
   Bootstrap tints/shades, and 255,108,47) is re-declared with the same tint/shade of
   the AquaMagna accent #2f6fe4. Load after app.min.css. */

html[data-menu-color=light] { --bs-main-nav-item-hover-color: #2f6fe4; }
:root,
[data-bs-theme=light] { --bs-primary: #2f6fe4; --bs-primary-rgb: 47, 111, 228; --bs-primary-text-emphasis: #132d5b; --bs-primary-bg-subtle: #d5e2fa; --bs-primary-border-subtle: #acc5f4; --bs-link-hover-color: #285ec2; --bs-focus-ring-color: rgba(47, 111, 228, 0.25); }
[data-bs-theme=dark] { --bs-primary-text-emphasis: #82a9ef; --bs-primary-bg-subtle: rgba(47, 111, 228, 0.15); --bs-primary-border-subtle: #1c4289; --bs-link-color: #82a9ef; --bs-link-hover-color: #95b6f1; }
.table-primary { --bs-table-bg: #d5e2fa; --bs-table-striped-bg: #d2e0f9; --bs-table-active-bg: #d2e0f9; --bs-table-hover-bg: #d2e0f9; }
.form-check-input:focus { -webkit-box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); }
.form-check-input:checked { background-color: #2f6fe4; border-color: #2f6fe4; }
.form-check-input[type=checkbox]:indeterminate { background-color: #2f6fe4; border-color: #2f6fe4; }
.form-range::-webkit-slider-thumb { background-color: #2f6fe4; }
.form-range::-webkit-slider-thumb:active { background-color: #c1d4f7; }
.form-range::-moz-range-thumb { background-color: #2f6fe4; }
.form-range::-moz-range-thumb:active { background-color: #c1d4f7; }
.btn-primary { --bs-btn-bg: #2f6fe4; --bs-btn-border-color: #2f6fe4; --bs-btn-hover-bg: #2a64cd; --bs-btn-hover-border-color: #2a64cd; --bs-btn-active-bg: #2659b7; --bs-btn-active-border-color: #2353ab; --bs-btn-disabled-bg: #2f6fe4; --bs-btn-disabled-border-color: #2f6fe4; }
.btn-orange { --bs-btn-bg: #2f6fe4; --bs-btn-border-color: #2f6fe4; --bs-btn-hover-bg: #2a64cd; --bs-btn-hover-border-color: #2a64cd; --bs-btn-active-bg: #2659b7; --bs-btn-active-border-color: #2353ab; --bs-btn-disabled-bg: #2f6fe4; --bs-btn-disabled-border-color: #2f6fe4; }
.btn-outline-primary { --bs-btn-color: #2f6fe4; --bs-btn-border-color: #2f6fe4; --bs-btn-hover-bg: #2f6fe4; --bs-btn-hover-border-color: #2f6fe4; --bs-btn-focus-shadow-rgb: 47, 111, 228; --bs-btn-active-bg: #2f6fe4; --bs-btn-active-border-color: #2f6fe4; --bs-btn-disabled-color: #2f6fe4; --bs-btn-disabled-border-color: #2f6fe4; }
.btn-outline-orange { --bs-btn-color: #2f6fe4; --bs-btn-border-color: #2f6fe4; --bs-btn-hover-bg: #2f6fe4; --bs-btn-hover-border-color: #2f6fe4; --bs-btn-focus-shadow-rgb: 47, 111, 228; --bs-btn-active-bg: #2f6fe4; --bs-btn-active-border-color: #2f6fe4; --bs-btn-disabled-color: #2f6fe4; --bs-btn-disabled-border-color: #2f6fe4; }
.nav-link:focus-visible { -webkit-box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); }
.nav-pills { --bs-nav-pills-link-active-bg: #2f6fe4; }
[data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2382a9ef'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2382a9ef'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.pagination { --bs-pagination-active-bg: #2f6fe4; --bs-pagination-active-border-color: #2f6fe4; }
.progress,
.progress-stacked { --bs-progress-bar-bg: #2f6fe4; }
.list-group { --bs-list-group-active-bg: #2f6fe4; --bs-list-group-active-border-color: #2f6fe4; }
.btn-close { --bs-btn-close-focus-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); }
.topbar .topbar-item .topbar-button.show, .topbar .topbar-item .topbar-button.active, .topbar .topbar-item .topbar-button:active, .topbar .topbar-item .topbar-button:hover { color: #2f6fe4; }
.footer-text { background: -webkit-gradient(linear, left top, right top, color-stop(10%, #2f6fe4), color-stop(50%, #f9b931), color-stop(60%, #22c55e)); background: linear-gradient(to right, #2f6fe4 10%, #f9b931 50%, #22c55e 60%); }
.breadcrumb-item > a:hover { color: #2f6fe4; }
.btn-link:hover { color: #285ec2; }
.btn-soft-primary { --bs-btn-color: #2f6fe4; --bs-btn-bg: rgba(47, 111, 228, 0.1); --bs-btn-hover-bg: #2f6fe4; --bs-btn-hover-border-color: #2f6fe4; --bs-btn-active-bg: #2f6fe4; --bs-btn-active-border-color: #2f6fe4; --bs-btn-disabled-bg: #2f6fe4; --bs-btn-disabled-border-color: #2f6fe4; }
.btn-soft-orange { --bs-btn-color: #2f6fe4; --bs-btn-bg: rgba(47, 111, 228, 0.1); --bs-btn-hover-bg: #2f6fe4; --bs-btn-hover-border-color: #2f6fe4; --bs-btn-active-bg: #2f6fe4; --bs-btn-active-border-color: #2f6fe4; --bs-btn-disabled-bg: #2f6fe4; --bs-btn-disabled-border-color: #2f6fe4; }
.docs-nav .nav-item .nav-link:hover { color: #2f6fe4; }
.docs-nav .nav-item.active .nav-link { color: #2f6fe4; }
.anchor .anchor-link { color: #2f6fe4; }
.form-checkbox-primary .form-check-input:checked,
.form-radio-primary .form-check-input:checked { background-color: #2f6fe4; border-color: #2f6fe4; }
.form-checkbox-orange .form-check-input:checked,
.form-radio-orange .form-check-input:checked { background-color: #2f6fe4; border-color: #2f6fe4; }
.border-dashed-primary { border-bottom: 1px dashed #2f6fe4; }
.border-dashed-orange { border-bottom: 1px dashed #2f6fe4; }
.list-group-item-primary { color: #2d6ad9; background-color: rgba(47, 111, 228, 0.15); }
.list-group-item-primary .alert-link { color: #2659b7; }
.list-group-item-orange { color: #2d6ad9; background-color: rgba(47, 111, 228, 0.15); }
.list-group-item-orange .alert-link { color: #2659b7; }
.nav-link.active { color: #2f6fe4; }
.nav-tabs li a.active { border-bottom: 1px solid #2f6fe4 !important; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { background-color: #2f6fe4; }
.profile-bg { background: radial-gradient(100% 100% at 100% 100%, rgba(0, 0, 0, 0) 46%, #5187e8 47% 53%, rgba(0, 0, 0, 0) 54%) 32px 32px, radial-gradient(100% 100% at 0 0, rgba(0, 0, 0, 0) 46%, #5187e8 47% 53%, rgba(0, 0, 0, 0) 54%) 32px 32px, radial-gradient(100% 100%, rgba(0, 0, 0, 0) 22%, #5187e8 23% 29%, rgba(0, 0, 0, 0) 30% 34%, #5187e8 35% 41%, rgba(0, 0, 0, 0) 42%) #2f6fe4; }
input[data-switch]:checked + label { background-color: #2f6fe4; }
input[data-switch=primary]:checked + label { background-color: #2f6fe4; }
input[data-switch=orange]:checked + label { background-color: #2f6fe4; }
.milestones::after { background: #2f6fe4; }
.conversation-list .ctext-wrap { color: #2f6fe4; }
.conversation-list .odd .ctext-wrap { background-color: #2f6fe4; }
.activity .activity-list::after { background: #2f6fe4; }
[data-simplebar-primary] .simplebar-scrollbar:before { background: #2f6fe4; }
[data-simplebar-orange] .simplebar-scrollbar:before { background: #2f6fe4; }
.fc-state-down,
.fc-state-active,
.fc-state-disabled { background-color: #2f6fe4; }
.fc .fc-button:focus { -webkit-box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); }
.fc .fc-button-primary:focus { -webkit-box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); }
.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus { -webkit-box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); box-shadow: 0 0 0 0.15rem rgba(47, 111, 228, 0.25); }
.fc .fc-button-primary { background-color: #2f6fe4; border-color: #2f6fe4; }
.fc .fc-button-primary:hover { background-color: #2a64cd; border-color: #2f6fe4; }
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { background-color: #2a64cd; border-color: #2f6fe4; }
.choices__list--multiple .choices__item { background-color: #2f6fe4; border: 1px solid #2f6fe4; }
.choices__list--multiple .choices__item.is-highlighted { background-color: #2f6fe4; border: 1px solid #2f6fe4; }
.ql-toolbar span:hover { color: #2f6fe4 !important; }
.gridjs-pagination .gridjs-pages button.gridjs-currentPage { background-color: #2f6fe4; border-color: #2f6fe4; }
.gridjs-tr-selected .gridjs-td .gridjs-checkbox[type=checkbox] { background-color: #2f6fe4; border-color: #2f6fe4; }
.tasks .task-header { background-color: #2f6fe4; }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #2f6fe4; border-color: #2f6fe4; }
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #2f6fe4; box-shadow: -10px 0 0 #2f6fe4; }
.swiper-button-next,
.swiper-button-prev { background-color: rgba(47, 111, 228, 0.2); }
.swiper-button-next::after,
.swiper-button-prev::after { color: #2f6fe4; }
.swal2-icon.swal2-question { border-color: #2f6fe4; color: #2f6fe4; }
.token.punctuation { color: #2f6fe4; }
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted { color: #2f6fe4; }
.noUi-connect { background: #2f6fe4; }
.noUi-handle { background: #2f6fe4; }
#blue .noUi-connect { background: #2f6fe4; }
.c-4-color { background: #2f6fe4; }
[data-slider-color=primary] .noUi-connect { background: #2f6fe4; }
[data-slider-color=primary] .noUi-handle { background: #2f6fe4; }
[data-slider-color=primary][data-slider-style=border] .noUi-handle, [data-slider-color=primary][data-slider-style=square] .noUi-handle { border-color: #2f6fe4; }
[data-slider-color=orange] .noUi-connect { background: #2f6fe4; }
[data-slider-color=orange] .noUi-handle { background: #2f6fe4; }
[data-slider-color=orange][data-slider-style=border] .noUi-handle, [data-slider-color=orange][data-slider-style=square] .noUi-handle { border-color: #2f6fe4; }
[data-slider-style=border] .noUi-handle { border-color: #2f6fe4; }
[data-slider-style=square] .noUi-handle { border-color: #2f6fe4; }
.chat-conversation-list .odd .chat-conversation-text:first-child::before { border-left-color: #2f6fe4; border-top-color: #2f6fe4; }
.chat-conversation-list .odd .chat-ctext-wrap { background-color: #2f6fe4; }
.progressbar li.active { color: #2f6fe4; }
.progressbar li.active::before { border-color: #2f6fe4; background-color: #2f6fe4; }
.progressbar li.active + li::after { background-color: #2f6fe4; }
.card-pricing .card-pricing-icon { background-color: rgba(47, 111, 228, 0.1); }
.card-pricing .pricing-ribbon { background-color: #2f6fe4; -webkit-box-shadow: 2px 5px 10px rgba(47, 111, 228, 0.3); box-shadow: 2px 5px 10px rgba(47, 111, 228, 0.3); }
.card-pricing .pricing-ribbon-primary { background: #2f6fe4; }
.card-pricing .pricing-ribbon-primary::before { border-color: #285ec2 transparent transparent; }
.card-pricing-recommended { background-color: #2f6fe4; }
.left-timeline .left-timeline-list::after { background: #2f6fe4; }
@media (min-width: 768px) { .timeline .timeline-icon::before { background: #2f6fe4; } }

/* Sidebar: deep navy from the logo instead of Larkon charcoal */
html[data-menu-color=dark], html[data-bs-theme=dark][data-menu-color=light] { --bs-main-nav-bg: #0f2747; }

/* Two-tone wordmark, as in the logo; the dark sidebar uses lighter tones for contrast */
.brand-aqua { color: #2f6fe4; }
.brand-magna { color: #4fb8f0; }
html[data-menu-color=dark] .main-nav .brand-aqua { color: #ffffff; }

/* Sidebar logo: the drop alone when collapsed, drop + wordmark when expanded */
.main-nav { --bs-logo-sm-height: 34px; }
.logo-box .brand-logo-lg { display: inline-flex; align-items: center; gap: 0.5rem; line-height: 1; vertical-align: middle; }
.logo-box .brand-logo-lg img { height: 34px; }
.logo-box a { text-decoration: none; }

/* Wide-screen auth side panel in the logo's gradient */
.auth-brand-panel { background: linear-gradient(135deg, #4fb8f0 0%, #2f6fe4 100%); }
.auth-brand-panel img { filter: drop-shadow(0 8px 24px rgba(15, 39, 71, 0.35)); }