:root {
  --salesup-orange: #ef7d00;
}

body { background: var(--tblr-body-bg); }
.form-hint { margin-top: 5px; }
.form-label > .text-secondary { font-size: .8em; }
.salesup-brand-link { align-items: center; color: var(--tblr-primary); display: inline-flex; gap: .5rem; }
.salesup-brand-link:hover { color: var(--tblr-primary); }
.salesup-logo { display: block; height: 32px; max-width: 148px; width: auto; }
.salesup-logo-login { height: 42px; max-width: 180px; }
.salesup-logo-dark { display: none; }
html[data-bs-theme="dark"] .salesup-logo-light { display: none; }
html[data-bs-theme="dark"] .salesup-logo-dark { display: block; }
.navbar-brand, .salesup-brand-lockup { align-items: center; display: inline-flex; gap: .5rem; }
.salesup-release { color: var(--tblr-secondary); font-size: .75rem; font-weight: 600; letter-spacing: 0; white-space: nowrap; }
.salesup-avatar { background: var(--tblr-primary); color: #fff; }
.salesup-menu-bar { border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color); }
.salesup-sync-toggle { position: relative; }
.salesup-sync-badge { border: 2px solid var(--tblr-bg-surface); border-radius: 50%; height: .625rem; min-width: 0; padding: 0; pointer-events: none; position: absolute; right: -.1rem; top: .15rem; width: .625rem; }
.salesup-sync-menu { min-width: 20rem; }
.salesup-app-loader { align-items: center; background: var(--tblr-body-bg); display: flex; inset: 0; justify-content: center; opacity: 1; position: fixed; transition: opacity .2s ease; z-index: 2000; }
.salesup-app-loader.is-ready { opacity: 0; pointer-events: none; }
.salesup-app-loader .progress { margin-inline: auto; max-width: 16rem; }
.salesup-loader-logo { height: 36px; margin-inline: auto; max-width: 180px; }
.auth-shell { align-items: center; display: flex; justify-content: center; min-height: 100vh; padding: 1.5rem; }
.auth-card { max-width: 28rem; width: 100%; }
.offline-page { align-items: center; display: flex; justify-content: center; min-height: 100vh; padding: 1.5rem; }
.offline-page main { background: #fff; border-radius: 1rem; box-shadow: 0 1rem 3rem rgba(25, 60, 109, .12); max-width: 32rem; padding: 2rem; }
.eyebrow { color: var(--salesup-orange); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wwf-form-section { display: flex; flex-direction: column; gap: 1rem; height: 100%; }
.salesup-form-section { display: flex; flex-direction: column; gap: 1rem; }
.wwf-form-section .col-12, .wwf-form-section .col-md-2, .wwf-form-section .col-md-3, .wwf-form-section .col-md-4, .wwf-form-section .col-md-5, .wwf-form-section .col-md-6, .wwf-form-section .col-md-7 { width: 100%; }
.wwf-form-pair { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
.wwf-form-pair > * { min-width: 0; width: auto !important; }
.wwf-address-pair { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
.wwf-street-pair { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); }
#wwf-registration-form > .col-lg-4 > .card > .card-header, #offline-registration-form > .col-lg-4 > .card > .card-header { background: var(--tblr-primary); color: #fff; }
#orange-lead-form .col-lg-4 .card > .card-header { background: var(--tblr-primary); color: #fff; }
#wwf-registration-form > .col-lg-4 > .card > .card-header .card-title, #offline-registration-form > .col-lg-4 > .card > .card-header .card-title { color: #fff; }
#orange-lead-form .col-lg-4 .card > .card-header .card-title { color: #fff; }
#wwf-registration-form > .col-lg-4 > .card > .card-header .card-subtitle, #offline-registration-form > .col-lg-4 > .card > .card-header .card-subtitle { color: rgba(255, 255, 255, .72); }
#orange-lead-form .col-lg-4 .card > .card-header .card-subtitle { color: rgba(255, 255, 255, .72); }
#wwf-registration-form > .col-lg-4 > .card > .card-header .btn-outline-secondary, #offline-registration-form > .col-lg-4 > .card > .card-header .btn-outline-secondary { border-color: rgba(255, 255, 255, .55); color: #fff; }
#wwf-registration-form > .col-lg-4 > .card > .card-header .btn-outline-secondary:hover, #offline-registration-form > .col-lg-4 > .card > .card-header .btn-outline-secondary:hover { background: #fff; border-color: #fff; color: #000; }
#orange-lead-form .col-lg-4 .card > .card-header .btn-outline-secondary { border-color: rgba(255, 255, 255, .55); color: #fff; }
#orange-lead-form .col-lg-4 .card > .card-header .btn-outline-secondary:hover { background: #fff; border-color: #fff; color: #000; }
.signature { background: #fff; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); overflow: hidden; }
.wwf-confirmation-card { max-width: 44rem; }
.salesup-confirmation-card { max-width: 44rem; }
.salesup-confirmation-summary { background: var(--tblr-bg-surface-secondary); border-radius: var(--tblr-border-radius); }
.wwf-confirmation-icon { height: 5rem; overflow: hidden; width: 5rem; }
.wwf-confirmation-icon img { height: 100%; object-fit: cover; width: 100%; }
.wwf-confirmation-summary { background: var(--tblr-bg-surface-secondary); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.wwf-support-projects .form-imagecheck { display: block; }
.project-page-heading { align-items: start; display: grid; gap: 1rem; grid-template-columns: 5rem minmax(0, 1fr); }
.project-page-heading-logo { margin: 0; overflow: hidden; }
.project-page-heading-logo img { height: 100%; object-fit: cover; width: 100%; }
.project-page-heading > div { min-width: 0; }
@media (max-width: 575.98px) { .project-page-heading { gap: .75rem; } }
.signature.is-invalid { border-color: var(--tblr-danger); }
.signature-canvas { cursor: crosshair; display: block; height: 11rem; touch-action: none; width: 100%; }
html[data-bs-theme="dark"] .signature { background: var(--tblr-bg-surface); }
.wwf-validation-control { position: relative; }
.wwf-validation-control .form-control, .wwf-validation-control .form-select { padding-inline-end: 0; }
.wwf-validation-control .form-control.is-valid, .wwf-validation-control .form-control.is-invalid, .wwf-validation-control .form-select.is-valid, .wwf-validation-control .form-select.is-invalid, .was-validated .wwf-validation-control .form-control:valid, .was-validated .wwf-validation-control .form-control:invalid, .was-validated .wwf-validation-control .form-select:valid, .was-validated .wwf-validation-control .form-select:invalid { background-image: none !important; }
.was-validated .wwf-validation-control .form-control.wwf-empty-optional:valid, .was-validated .wwf-validation-control .form-select.wwf-empty-optional:valid { --tblr-form-select-bg-img: none; --tblr-form-select-bg-icon: none; background-image: none !important; border-color: var(--tblr-border-color); box-shadow: none; }
.was-validated .wwf-validation-control .form-control.wwf-empty-optional:valid ~ .valid-feedback { display: none; }
.wwf-validation-status { display: none; pointer-events: none; position: absolute; right: .75rem; top: .55rem; z-index: 2; }
.wwf-standard-validation-control > .wwf-validation-status { top: 50%; transform: translateY(-50%); }
.wwf-birth-date-part .form-select { padding-inline-end: 0; }
.wwf-birth-date-part > .wwf-validation-status { background: transparent; right: .5rem; }
.wwf-validation-control .form-control.is-valid, .wwf-validation-control .form-control.is-invalid, .wwf-validation-control .form-select.is-valid, .wwf-validation-control .form-select.is-invalid { padding-inline-end: 0 !important; }
.wwf-birth-date-part .form-select.is-valid, .wwf-birth-date-part .form-select.is-invalid { --tblr-form-select-bg-img: none; --tblr-form-select-bg-icon: none; background-image: none !important; padding-inline-end: 0 !important; }
.wwf-validation-status svg { display: none; height: 1.125rem; width: 1.125rem; }
.wwf-validation-control .form-control.is-valid ~ .wwf-validation-status, .wwf-validation-control .form-control.is-invalid ~ .wwf-validation-status, .wwf-validation-control .form-select.is-valid ~ .wwf-validation-status, .wwf-validation-control .form-select.is-invalid ~ .wwf-validation-status { display: block; }
.wwf-validation-control .form-control.is-valid ~ .wwf-validation-status, .wwf-validation-control .form-select.is-valid ~ .wwf-validation-status { color: var(--tblr-success); }
.wwf-validation-control .form-control.is-invalid ~ .wwf-validation-status, .wwf-validation-control .form-select.is-invalid ~ .wwf-validation-status { color: var(--tblr-danger); }
.wwf-validation-control .form-control.is-valid ~ .wwf-validation-status .wwf-validation-check, .wwf-validation-control .form-select.is-valid ~ .wwf-validation-status .wwf-validation-check, .wwf-validation-control .form-control.is-invalid ~ .wwf-validation-status .wwf-validation-cross, .wwf-validation-control .form-select.is-invalid ~ .wwf-validation-status .wwf-validation-cross { display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label a { color: var(--tblr-danger); text-decoration: underline; text-decoration-color: currentColor; }
.was-validated .form-check-input:not([required]):valid { border-color: var(--tblr-border-color); }
.was-validated .form-check-input:not([required]):valid:checked { background-color: var(--tblr-primary); border-color: var(--tblr-primary); }
.was-validated .form-check-input:not([required]):valid:focus { box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent); }
.was-validated .form-check-input:not([required]):valid ~ .form-check-label { color: inherit; }
.wwf-phone-control .dropdown-toggle { background: var(--tblr-bg-surface); border-color: var(--tblr-border-color); color: inherit; min-width: 5.75rem; }
.wwf-phone-control .dropdown-toggle:hover, .wwf-phone-control .dropdown-toggle:focus, .wwf-phone-control .dropdown-toggle:active { background: var(--tblr-bg-surface-secondary); border-color: var(--tblr-border-color); color: inherit; }
.wwf-phone-control .dropdown-toggle:focus, .wwf-phone-control .dropdown-toggle.show { border-color: var(--tblr-primary); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent); }
.wwf-phone-control.wwf-phone-valid > .wwf-validation-status, .wwf-phone-control.wwf-phone-invalid > .wwf-validation-status { display: block; }
.wwf-phone-control > .wwf-validation-status { z-index: 6; }
.wwf-phone-control.wwf-phone-valid > .wwf-validation-status { color: var(--tblr-success); }
.wwf-phone-control.wwf-phone-invalid > .wwf-validation-status { color: var(--tblr-danger); }
.wwf-phone-control.wwf-phone-valid > .wwf-validation-status .wwf-validation-check, .wwf-phone-control.wwf-phone-invalid > .wwf-validation-status .wwf-validation-cross { display: block; }
.wwf-phone-control:has(#phone.is-valid) > .wwf-validation-status { color: var(--tblr-success); display: block !important; }
.wwf-phone-control:has(#phone.is-invalid) > .wwf-validation-status { color: var(--tblr-danger); display: block !important; }
.wwf-phone-control:has(#phone.is-valid) > .wwf-validation-status .wwf-validation-check, .wwf-phone-control:has(#phone.is-invalid) > .wwf-validation-status .wwf-validation-cross { display: block !important; }
.wwf-phone-control .input-group > #phone.form-control { border-bottom-right-radius: var(--tblr-border-radius); border-top-right-radius: var(--tblr-border-radius); }
.wwf-phone-control .input-group > #phone.form-control:focus { border-color: var(--tblr-primary); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--tblr-primary) 25%, transparent); }
.wwf-phone-control.wwf-phone-valid .input-group > .dropdown-toggle, .wwf-phone-control.wwf-phone-valid .input-group > #phone.form-control { border-color: var(--tblr-success) !important; }
.wwf-phone-control.wwf-phone-invalid .input-group > .dropdown-toggle, .wwf-phone-control.wwf-phone-invalid .input-group > #phone.form-control { border-color: var(--tblr-danger) !important; }
.wwf-phone-control.wwf-phone-valid .input-group > .dropdown-toggle:focus, .wwf-phone-control.wwf-phone-valid .input-group > .dropdown-toggle.show, .wwf-phone-control.wwf-phone-valid .input-group > #phone.form-control:focus { box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--tblr-success) 25%, transparent); }
.wwf-phone-control.wwf-phone-invalid .input-group > .dropdown-toggle:focus, .wwf-phone-control.wwf-phone-invalid .input-group > .dropdown-toggle.show, .wwf-phone-control.wwf-phone-invalid .input-group > #phone.form-control:focus { box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--tblr-danger) 25%, transparent); }
.wwf-phone-control .dropdown-menu { min-width: 19rem; }
.wwf-phone-control .flag { flex: 0 0 auto; }
.wwf-phone-country-options { max-height: 18rem; overflow-y: auto; }
.wwf-address-country-button { align-items: center; display: flex; gap: .5rem; justify-content: flex-start; text-align: left; }
.wwf-amount-options { display: grid; gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wwf-amount-options .form-selectgroup-item { margin: 0; min-width: 0; width: 100%; }
.wwf-amount-options .form-selectgroup-label { height: 100%; justify-content: center; padding: .75rem !important; }
.wwf-amount-options .form-selectgroup-check, .wwf-amount-choice .form-selectgroup-check { display: none; }
.wwf-amount-options .form-selectgroup-label .ms-2, .wwf-amount-choice .form-selectgroup-label .ms-2 { margin-left: 0 !important; }
.wwf-amount-options .form-selectgroup-title { white-space: nowrap; }
.wwf-amount-options .badge { display: block; margin: .25rem 0 0 !important; width: max-content; }

.admin-layout { min-height: 100vh; }
.admin-sidebar .navbar-brand { min-height: 4rem; }
.admin-sidebar .nav-link { white-space: nowrap; }
.admin-sidebar .icon { flex: 0 0 auto; }