/* Minimal BlumenApp overrides on top of Tabler */

/* Kurumsal palet: markdowns/design-color-palette.md — info/warning/danger (mavi/sarı/kırmızı) Tabler değerleri korunur */
html[data-bs-theme="light"],
html:not([data-bs-theme="dark"]) {
    /* Üst çubuk + yatay menü altında sticky kartlar (hesabım vb.) */
    --ba-sticky-below-header-offset: 7.75rem;
    --tblr-primary: #e5487f;
    --tblr-primary-rgb: 229, 72, 127;
    --tblr-secondary: #64748b;
    --tblr-secondary-rgb: 100, 116, 139;
    --tblr-success: #22c55e;
    --tblr-success-rgb: 34, 197, 94;
    --tblr-danger: #ef4444;
    --tblr-danger-rgb: 239, 68, 68;
    --tblr-warning: #f59e0b;
    --tblr-warning-rgb: 245, 158, 11;
    --tblr-info: #3b82f6;
    --tblr-info-rgb: 59, 130, 246;
    --tblr-link-color: #c93a6c;
    --tblr-link-color-rgb: 201, 58, 108;
    --tblr-link-hover-color: #a82d56;
    --tblr-link-hover-color-rgb: 168, 45, 86;
    --tblr-body-bg: #f3f6f9;
    --tblr-body-bg-rgb: 249, 250, 251;
    --tblr-bg-surface: #ffffff;
    --tblr-bg-surface-rgb: 255, 255, 255;
    --tblr-bg-surface-tertiary: #f8fafc;
    --tblr-bg-surface-tertiary-rgb: 248, 250, 252;
    --tblr-border-color: #e5e7eb;
    --tblr-border-color-translucent: rgba(15, 23, 42, 0.08);
    --tblr-body-color: #0f172a;
    --tblr-body-color-rgb: 15, 23, 42;
    --tblr-emphasis-color: #0f172a;
    --tblr-secondary-color: #64748b;
    --tblr-secondary-color-rgb: 100, 116, 139;
    --tblr-tertiary-color: #94a3b8;
    --tblr-tertiary-color-rgb: 148, 163, 184;
    --tblr-focus-ring-color: rgba(229, 72, 127, 0.28);
    --ba-accent: #e5487f;
    --ba-accent-rgb: 229, 72, 127;
    --ba-accent-hover: #c93a6c;
    --ba-accent-light: #fde8f0;
    --ba-forest: #1f7a63;
    --ba-forest-rgb: 31, 122, 99;
    --ba-primary-light: #fde8f0;
}

html[data-bs-theme="light"] .card,
html:not([data-bs-theme="dark"]) .card {
    --tblr-card-bg: #ffffff;
    --tblr-card-cap-bg: #f8fafc;
}

.card-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.card-header.d-flex,
.card-header.card-header--row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.form-label--xs {
    font-size: 0.75rem;
    line-height: 1.25;
}

/* DataTable: sort ikonları sağda kalsın, başlık metni ile çakışmasın */
.dt-container table.dataTable thead>tr>th,
.dt-container table.dataTable thead>tr>td,
.dt-container table.dataTable tfoot>tr>th,
.dt-container table.dataTable tfoot>tr>td {
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
    /* padding-left: .75rem !important;
    padding-right: .75rem; */
    vertical-align: middle;
    font-weight: 600;
}

.dt-container thead th.dt-orderable-asc,
.dt-container thead th.dt-orderable-desc,
.dt-container thead th.dt-ordering-asc,
.dt-container thead th.dt-ordering-desc {
    padding-right: 2.2rem !important;
    vertical-align: middle;
}

/* Datatable basliklarinda hover vurgusunu kapat */
.dt-container thead th.dt-orderable-asc:hover,
.dt-container thead th.dt-orderable-desc:hover,
.dt-container thead th.dt-ordering-asc:hover,
.dt-container thead th.dt-ordering-desc:hover {
    /* background: inherit !important; */
    color: inherit !important;
    outline: 0 !important;
    outline-offset: 0 !important;
}

.op-pay-section-title {
    font-size: 0.78rem;
    text-transform: uppercase;
    /* letter-spacing: 0.04em; */
    font-weight: 700;
    color: var(--tblr-secondary-color);
}

/* DataTable satır metin rengi (merkezi, Tabler değişkeni üzerinden) */
:root {
    --ba-datatable-row-color: var(--tblr-secondary-color);
}

.dt-container table.dataTable {
    --bs-table-color: var(--ba-datatable-row-color);
    --tblr-table-color: var(--ba-datatable-row-color);
}

.dt-container table.dataTable tbody>tr>th,
.dt-container table.dataTable tbody>tr>td {
    color: var(--ba-datatable-row-color) !important;
}

.ba-dt-date-time {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
}

.ba-dt-date-time .ba-dt-date {
    color: inherit;
}

.ba-dt-date-time .ba-dt-time {
    font-size: 0.78em;
    color: var(--tblr-tertiary-color);
    font-weight: 500;
}

.ba-dt-date-time--stacked {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
    gap: 0.06rem;
}

.ba-dt-date-time--stacked .ba-dt-time {
    font-size: 0.875em;
    color: var(--tblr-tertiary-color);
    font-weight: 500;
}

.dt-container .dt-layout-row {
    padding-top: .5rem;
    padding-bottom: .5rem;
}



/* Reusable switch style aligned with standard inputs */
.ba-switch-control.form-check.form-switch {
    min-height: var(--tblr-input-height, 2.375rem);
    display: inline-flex;
    align-items: center;
    padding-left: 0;
}

.ba-switch-control.form-check.form-switch .form-check-input {
    float: none;
    margin: 0;
    width: calc(var(--tblr-input-height, 2.375rem) * 1.9);
    height: var(--tblr-input-height, 2.375rem);
    border-radius: var(--tblr-border-radius, 0.375rem);
    border: 1px solid var(--tblr-border-color);
    vertical-align: middle;
    background-position: left 0.32rem center;
}

.ba-switch-control.form-check.form-switch .form-check-input:checked {
    border-color: var(--tblr-primary);
    background-color: var(--tblr-primary);
    background-position: right 0.32rem center;
}

.ba-switch-control.form-check.form-switch .form-check-input:focus {
    border-color: var(--tblr-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--tblr-primary-rgb), 0.2);
}

/* Fieldset / form bölümleri: yüzeyden hafif ayrışan arka plan (light + dark) */
html[data-bs-theme="light"] .fieldset-light-bg,
html:not([data-bs-theme="dark"]) .fieldset-light-bg {
    background-color: var(--tblr-bg-surface-tertiary);
}

html[data-bs-theme="dark"] .fieldset-light-bg {
    background-color: var(--tblr-card-cap-bg);
}

.company-logo-uploader {
    position: relative;
    width: 148px;
    height: 148px;
}

.company-logo-uploader__preview {
    width: 148px;
    height: 148px;
    border: 1px dashed #cbd5e1;
    border-radius: 0.75rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.company-logo-uploader__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-logo-uploader__placeholder {
    color: #64748b;
    font-size: 0.75rem;
}

.company-logo-uploader__trigger {
    position: absolute;
    right: -8px;
    bottom: -8px;
    z-index: 2;
}

.product-images-uploader.is-uploading {
    opacity: 0.85;
}

.product-dropzone {
    border: 1px dashed var(--tblr-border-color, #cbd5e1);
    border-radius: 0.75rem;
    background: var(--tblr-bg-surface, #fff);
    min-height: 112px;
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.35rem;
    cursor: pointer;
    transition: border-color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}

.product-dropzone__icon {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    color: var(--tblr-primary, #206bc4);
    background: rgba(var(--tblr-primary-rgb, 32, 107, 196), 0.12);
}

.product-dropzone__title {
    font-size: 0.88rem;
    font-weight: 600;
}

.product-dropzone__hint {
    font-size: 0.75rem;
    color: var(--tblr-secondary, #64748b);
    max-width: 280px;
}

.product-dropzone.is-dragover {
    border-color: var(--tblr-primary, #206bc4);
    box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb, 32, 107, 196), 0.16) inset;
    background: rgba(var(--tblr-primary-rgb, 32, 107, 196), 0.06);
}

.product-dropzone.is-disabled {
    pointer-events: none;
    opacity: 0.65;
}

.product-images-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.product-images-grid__item {
    width: 64px;
    height: 64px;
    border: 1px solid var(--tblr-border-color, #d2d8e0);
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    background: var(--tblr-bg-surface, #fff);
}

.product-images-grid__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-images-grid__remove {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 22px;
    height: 22px;
    line-height: 1;
    padding: 0;
    border-radius: 50%;
}

.product-table-thumb {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    max-width: 38px;
    max-height: 38px;
    display: block;
    margin: 0 auto;
    border-radius: 0.4rem;
    object-fit: cover;
    border: 1px solid var(--tblr-border-color, #d2d8e0);
    background: var(--tblr-bg-surface, #fff);
}

.product-catalog-checkboxes {
    display: grid;
    gap: 0.5rem;
}

.product-catalog-checkboxes .form-check {
    margin: 0;
}

.product-catalog-checkboxes__item--disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.product-catalog-checkboxes__item--disabled .form-check-label {
    cursor: not-allowed;
}

#products_table_datatable tbody tr.product-row-clickable td:not(:last-child) {
    cursor: pointer;
}

.product-detail-modal {
    background: linear-gradient(180deg, rgba(var(--tblr-primary-rgb, 13, 110, 253), 0.03) 0%, transparent 42%);
}

.product-detail-hero {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem;
    border: 1px solid var(--tblr-border-color, #d2d8e0);
    border-radius: 0.75rem;
    background: var(--tblr-bg-surface, #fff);
}

.product-detail-hero__thumb-wrap {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 0.6rem;
    overflow: hidden;
    background: var(--tblr-bg-surface-secondary, #f6f8fb);
    border: 1px solid var(--tblr-border-color, #d2d8e0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-detail-hero__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-detail-hero__placeholder {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--tblr-secondary, #64748b);
}

.product-detail-kpi {
    border: 1px solid var(--tblr-border-color, #d2d8e0);
    border-radius: 0.7rem;
    padding: 0.65rem 0.75rem;
    background: var(--tblr-bg-surface, #fff);
}

.product-detail-kpi__label {
    font-size: 0.72rem;
    color: var(--tblr-secondary, #64748b);
    margin-bottom: 0.1rem;
}

.product-detail-kpi__value {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
}

.product-detail-description {
    border: 1px solid var(--tblr-border-color, #d2d8e0);
    border-radius: 0.7rem;
    padding: 0.65rem 0.75rem;
    min-height: 64px;
    white-space: pre-line;
    background: var(--tblr-bg-surface, #fff);
}

#productDetailModal .product-images-grid__item {
    width: 96px;
    height: 96px;
}

#productDetailModal .product-detail-gallery__item img {
    cursor: zoom-in;
}

.product-detail-lightbox-wrap {
    width: 100%;
    height: min(90vh, 900px);
    background: rgba(17, 24, 39, 0.96);
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-detail-lightbox-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.product-detail-lightbox-dialog {
    margin: 0.75rem auto;
    max-width: min(96vw, 1280px);
}

.product-detail-lightbox-content {
    background: transparent;
    border: 0;
    box-shadow: none;
    position: relative;
    overflow: visible;
}

.product-detail-lightbox-close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 999px;
    opacity: 1;
    /* filter: invert(1) grayscale(1); */
    width: 44px;
    height: 44px;
    background-size: 14px;
}

.product-lightbox-overlay {
    position: fixed;
    inset: 0;
    z-index: 1080;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.14s ease;
}

.product-lightbox-overlay.is-visible {
    opacity: 1;
}

html[data-bs-theme="dark"] {
    --ba-sticky-below-header-offset: 7.75rem;
    --tblr-primary: #e5487f;
    --tblr-primary-rgb: 229, 72, 127;
    --tblr-secondary: #9ca3af;
    --tblr-secondary-rgb: 156, 163, 175;
    --tblr-success: #22c55e;
    --tblr-success-rgb: 34, 197, 94;
    --tblr-danger: #ef4444;
    --tblr-danger-rgb: 239, 68, 68;
    --tblr-warning: #f59e0b;
    --tblr-warning-rgb: 245, 158, 11;
    --tblr-info: #3b82f6;
    --tblr-info-rgb: 59, 130, 246;
    --tblr-link-color: #fda4af;
    --tblr-link-color-rgb: 253, 164, 175;
    --tblr-link-hover-color: #fce7f3;
    --tblr-link-hover-color-rgb: 252, 231, 243;
    --tblr-body-bg: #0f172a;
    --tblr-body-bg-rgb: 15, 23, 42;
    --tblr-bg-surface: #1e293b;
    --tblr-bg-surface-rgb: 30, 41, 59;
    --tblr-bg-surface-secondary: #111827;
    --tblr-bg-surface-secondary-rgb: 17, 24, 39;
    --tblr-card-bg: #1e293b;
    --tblr-card-cap-bg: #111827;
    --tblr-border-color: #334155;
    --tblr-border-color-translucent: rgba(229, 231, 235, 0.14);
    --tblr-body-color: #e5e7eb;
    --tblr-body-color-rgb: 229, 231, 235;
    --tblr-emphasis-color: #e5e7eb;
    --tblr-secondary-color: #9ca3af;
    --tblr-secondary-color-rgb: 156, 163, 175;
    --tblr-tertiary-color: #94a3b8;
    --tblr-tertiary-color-rgb: 148, 163, 184;
    --tblr-focus-ring-color: rgba(229, 72, 127, 0.38);
    --ba-accent: #e5487f;
    --ba-accent-rgb: 229, 72, 127;
    --ba-accent-hover: #c93a6c;
    --ba-accent-light: rgba(229, 72, 127, 0.18);
    --ba-forest: #1f7a63;
    --ba-forest-rgb: 31, 122, 99;
    --ba-primary-light: rgba(229, 72, 127, 0.22);
}


/* Açık tema: koyu çizimli logo; koyu tema: açık çizimli logo (Tabler html[data-bs-theme]) */
.brand-logo {
    height: 2.6rem;
    width: auto;
    display: none;
}

html[data-bs-theme="light"] .brand-logo--theme-light,
html:not([data-bs-theme="dark"]) .brand-logo--theme-light {
    display: block;
}

html[data-bs-theme="dark"] .brand-logo--theme-dark {
    display: block;
}

.page-body {
    background: var(--tblr-body-bg);
}

body {
    background-color: var(--tblr-body-bg);
}

.app-header-sticky {
    z-index: 1030;
}

/*
 * Sağ panel sticky: satırda align-items-start kullanılırsa sağ sütun yalnızca kart kadar
 * yükselir ve sticky görünmez. Ana sütunlara align-self-start, sağda varsayılan stretch.
 */
.ba-context-help-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: max(1rem, var(--ba-sticky-below-header-offset, 7.75rem));
    z-index: 1010;
    align-self: flex-start;
    width: 100%;
}

/*
 * Sticky, taşma kırpan üst kutularda çalışmaz. Tabler .card-body position:relative;
 * firma formunda satırı saran gövdeye görünür taşma veriyoruz.
 */
.card:has(> form#company-profile-form),
#company-profile-form>.card-body {
    overflow: visible;
}

/* Firma formu: uzun yardım metni — damga sabit, gövde kayar */
.company-form-context-help-card .card-body {
    max-height: min(52vh, calc(100vh - var(--ba-sticky-below-header-offset, 7.75rem) - 14rem));
    overflow-y: auto;
}

.page-section {
    width: 100%;
}

.page-section--full-bleed {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.home-guest-hero-surface {
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: var(--tblr-bg-surface);
}

.home-guest-hero__content {
    position: relative;
    z-index: 1;
}

.page--guest-home .guest-home-header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1035;
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.page--guest-home .guest-home-header-wrap.guest-home-header-wrap--offscreen {
    transform: translate3d(0, -110%, 0);
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {

    .page--guest-home .guest-home-header-wrap {
        transition: none;
        will-change: auto;
    }
}

.page--guest-home .page-wrapper,
.page--guest-home .page-body {
    margin-top: 0;
    padding-top: 0;
}

html[data-bs-theme="light"] .page .navbar:not(.cta-nav),
html:not([data-bs-theme="dark"]) .page .navbar:not(.cta-nav) {
    background: #ffffff;
}

html[data-bs-theme="light"] .page>.navbar-expand-md:not(.cta-nav),
html:not([data-bs-theme="dark"]) .page>.navbar-expand-md:not(.cta-nav) {
    background: #ffffff;
    border-top: 0;
    border-bottom: 0;
}

html[data-bs-theme="dark"] .page .navbar:not(.cta-nav),
html[data-bs-theme="dark"] .page>.navbar-expand-md:not(.cta-nav) {
    background: #0f172a;
    border-top: 0;
    border-bottom: 0;
}

.page .navbar:not(.cta-nav) .nav-link,
.page .navbar:not(.cta-nav) .navbar-brand,
.page .navbar:not(.cta-nav) .navbar-toggler {
    color: var(--tblr-secondary-color);
}

.page .navbar:not(.cta-nav) .nav-link:hover,
.page .navbar:not(.cta-nav) .nav-link:focus {
    color: var(--tblr-body-color);
}

.page>.navbar-expand-md:not(.cta-nav) .nav-link {
    border-radius: 0.55rem;
    padding: 0.52rem 0.78rem;
    font-weight: 600;
}

.page>.navbar-expand-md:not(.cta-nav) .nav-link-title {
    font-size: 0.82rem;
}

.page>.navbar-expand-md:not(.cta-nav) .navbar-nav .nav-item.is-current>.nav-link .nav-link-title {
    border-bottom: 2px solid var(--tblr-primary);
    padding-bottom: 0.15rem;
}

.page>.navbar-expand-md:not(.cta-nav) .navbar-nav .dropdown-toggle::after {
    margin-left: 0.2rem;
}

.page>.navbar-expand-md:not(.cta-nav) .nav-link-icon {
    margin-right: 0.35rem;
    opacity: 0.86;
}

.page>.navbar-expand-md:not(.cta-nav) .nav-link:hover,
.page>.navbar-expand-md:not(.cta-nav) .nav-link:focus {
    background: rgba(15, 23, 42, 0.06);
}

html[data-bs-theme="dark"] .page>.navbar-expand-md:not(.cta-nav) .nav-link:hover,
html[data-bs-theme="dark"] .page>.navbar-expand-md:not(.cta-nav) .nav-link:focus {
    background: rgba(255, 255, 255, 0.08);
}

/* Giriş / kayıt odak sayfası */
.auth-focus.page-center {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(var(--tblr-primary-rgb), 0.2), transparent),
        radial-gradient(ellipse 60% 40% at 100% 0%, rgba(var(--ba-forest-rgb), 0.14), transparent),
        var(--tblr-body-bg);
}

.auth-focus__brand .brand-logo {
    height: 2.75rem;
}

.auth-focus .card {
    border-radius: 1rem;
}

/* Misafir ana sayfa */
.home-landing__hero {
    background:
        radial-gradient(ellipse 70% 60% at 80% 0%, rgba(var(--tblr-primary-rgb), 0.18), transparent 55%),
        radial-gradient(ellipse 60% 50% at 10% 100%, rgba(var(--ba-forest-rgb), 0.14), transparent 50%),
        var(--tblr-bg-surface);
    border-radius: 1rem;
}

/* Accent utility for action-focused areas (%10 rule) */
.btn-accent {
    --tblr-btn-color: #fff;
    --tblr-btn-bg: var(--ba-accent);
    --tblr-btn-border-color: var(--ba-accent);
    --tblr-btn-hover-color: #fff;
    --tblr-btn-hover-bg: var(--ba-accent-hover);
    --tblr-btn-hover-border-color: var(--ba-accent-hover);
    --tblr-btn-active-color: #fff;
    --tblr-btn-active-bg: var(--ba-accent-hover);
    --tblr-btn-active-border-color: var(--ba-accent-hover);
    --tblr-btn-disabled-color: #fff;
    --tblr-btn-disabled-bg: var(--ba-accent);
    --tblr-btn-disabled-border-color: var(--ba-accent);
}

.home-landing__hero-lead {
    max-width: 42rem;
}

.home-landing__logo .brand-logo {
    height: 3rem;
}

.home-landing__section {
    scroll-margin-top: 4.5rem;
}

.home-landing__section--last {
    margin-bottom: 0;
}

.home-landing__stat-val {
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    line-height: 1.2;
}

.home-landing__narrow-lead {
    max-width: 42rem;
}

.letter-spacing-wide {
    letter-spacing: 0.06em;
}

.marketing-home__hero {
    background:
        radial-gradient(ellipse 70% 60% at 85% 0%, rgba(var(--tblr-primary-rgb), 0.14), transparent 55%),
        radial-gradient(ellipse 60% 50% at 0% 100%, rgba(var(--ba-forest-rgb), 0.12), transparent 50%),
        var(--tblr-bg-surface);
}

.marketing-home__preview {
    border: 1px solid var(--tblr-border-color);
    border-radius: 0.75rem;
    overflow: hidden;
    background: var(--tblr-bg-surface);
}

.marketing-home__preview img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.marketing-home__browser {
    overflow: hidden;
}

.marketing-home__dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: var(--tblr-border-color);
    display: inline-block;
}

.marketing-home__preview-placeholder {
    min-height: 180px;
    border-radius: 0.6rem;
    border: 1px dashed var(--tblr-border-color);
    background: linear-gradient(135deg, rgba(var(--tblr-primary-rgb), 0.12), rgba(var(--ba-forest-rgb), 0.1));
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: var(--tblr-secondary-color);
}

.marketing-home__checklist li {
    position: relative;
    padding-left: 1.2rem;
    margin-bottom: 0.5rem;
}

.marketing-home__checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--tblr-primary);
}

.marketing-home__demo {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.marketing-home__demo:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, 0.12);
}

.cta-nav {
    background: transparent !important;
    border-bottom: 0;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

html[data-bs-theme="dark"] .cta-nav {
    background: transparent !important;
    border-bottom: 0;
}

.cta-nav.cta-nav--scrolled {
    /* background: rgba(255, 255, 255, 0.72) !important; */
    backdrop-filter: saturate(140%) blur(10px);
    -webkit-backdrop-filter: saturate(140%) blur(10px);
    border: 0 !important;
    /* box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08); */
}

html[data-bs-theme="dark"] .cta-nav.cta-nav--scrolled {
    background: rgba(15, 23, 42, 0.62) !important;
}

.cta-nav .container-xl {
    min-height: 76px;
    gap: 0.85rem;
}

.cta-nav__brand {
    display: inline-flex;
    flex-direction: column;
    text-decoration: none;
    color: #0f172a;
    min-width: 156px;
}

html[data-bs-theme="dark"] .cta-nav__brand {
    color: #f8fafc;
}

.cta-nav__brand-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

.cta-nav__brand-subtitle {
    margin-top: 0.15rem;
    font-size: 0.62rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, 0.65);
}

html[data-bs-theme="dark"] .cta-nav__brand-subtitle {
    color: rgba(248, 250, 252, 0.68);
}

.cta-nav__menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.cta-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.89rem;
    font-weight: 600;
    color: var(--tblr-secondary-color);
    text-decoration: none !important;
    padding: 0.48rem 0.75rem;
    border-radius: 0.55rem;
    border: 1px solid transparent;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.cta-nav__link:hover {
    color: var(--tblr-body-color);
    background: var(--tblr-bg-surface-secondary);
    border-color: transparent;
    box-shadow: none;
    text-decoration: none !important;
}

.cta-nav__link:focus,
.cta-nav__link:focus-visible,
.cta-nav__link:active {
    text-decoration: none !important;
}

.cta-nav__menu .dropdown-toggle::after {
    margin-left: 0.35rem;
}

.cta-nav .dropdown-item {
    text-decoration: none !important;
}

.cta-nav__link.is-active {
    color: var(--tblr-primary);
    background: rgba(var(--tblr-primary-rgb), 0.08);
    border-color: rgba(var(--tblr-primary-rgb), 0.2);
}

.cta-nav .dropdown-menu {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.1);
    min-width: 13rem;
    border-radius: 0.75rem;
    padding: 0.4rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

html[data-bs-theme="dark"] .cta-nav .dropdown-menu {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 12px 30px rgba(2, 6, 23, 0.45);
}

.cta-nav .dropdown-item {
    color: var(--tblr-secondary-color);
    font-size: 0.86rem;
    font-weight: 500;
    border-radius: 0.55rem;
    padding: 0.45rem 0.6rem;
}

.cta-nav .dropdown-item:hover,
.cta-nav .dropdown-item:focus {
    color: var(--tblr-body-color);
    background: var(--tblr-bg-surface-secondary);
}

.cta-nav__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e5487f;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    padding: 0.08rem 0.32rem;
    line-height: 1.2;
}

.cta-nav__cta {
    --tblr-btn-color: #fff;
    --tblr-btn-bg: #0d6efd;
    --tblr-btn-border-color: #0d6efd;
    --tblr-btn-hover-color: #fff;
    --tblr-btn-hover-bg: #0b5ed7;
    --tblr-btn-hover-border-color: #0b5ed7;
    --tblr-btn-active-color: #fff;
    --tblr-btn-active-bg: #0b5ed7;
    --tblr-btn-active-border-color: #0b5ed7;
    font-weight: 700;
    border-radius: 0.6rem;
    padding: 0.52rem 1rem;
    box-shadow: 0 10px 24px rgba(13, 110, 253, 0.28);
}

.cta-nav__cta-wrap {
    display: flex;
    align-items: center;
}

.cta-nav__theme-mobile .btn {
    min-width: 74px;
}

.cta-nav__utilities .btn {
    min-width: 74px;
}

.cta-nav__theme-btn {
    border: 0 !important;
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-secondary-color);
    font-weight: 600;
}

.cta-nav__theme-btn:hover,
.cta-nav__theme-btn:focus {
    border: 0 !important;
    background: var(--tblr-bg-surface-tertiary);
    color: var(--tblr-body-color);
}

html[data-bs-theme="dark"] .cta-nav__theme-btn--dark,
html[data-bs-theme="light"] .cta-nav__theme-btn--light,
html:not([data-bs-theme="dark"]) .cta-nav__theme-btn--light {
    background: var(--tblr-primary);
    color: #fff;
}

html[data-bs-theme="dark"] .cta-nav__theme-btn--light,
html[data-bs-theme="light"] .cta-nav__theme-btn--dark,
html:not([data-bs-theme="dark"]) .cta-nav__theme-btn--dark {
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-secondary-color);
}

.cta-nav__utility-btn {
    border: 0 !important;
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-secondary-color);
    font-weight: 600;
}

.cta-nav__utility-btn:hover,
.cta-nav__utility-btn:focus {
    border: 0 !important;
    background: var(--tblr-bg-surface-tertiary);
    color: var(--tblr-body-color);
}

.cta-nav__toggler {
    border: 0;
    border-radius: 0.55rem;
    padding: 0.35rem 0.5rem;
    box-shadow: none;
}

.cta-nav__toggler-lines {
    width: 1.25rem;
    height: 1rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.cta-nav__toggler-line {
    display: block;
    width: 100%;
    height: 2px;
    background: currentColor;
    border-radius: 999px;
    transform-origin: center;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.cta-nav__toggler-line-2 {
    width: 70% !important;
}

.cta-nav__toggler[aria-expanded="true"] .cta-nav__toggler-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.cta-nav__toggler[aria-expanded="true"] .cta-nav__toggler-line:nth-child(2) {
    opacity: 0;
}

.cta-nav__toggler[aria-expanded="true"] .cta-nav__toggler-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.app-nav__toggler {
    border: 0;
    border-radius: 0.55rem;
    padding: 0.35rem 0.5rem;
    box-shadow: none;
}

.app-nav__toggler-lines {
    width: 1.25rem;
    height: 1rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.app-nav__toggler-line {
    display: block;
    width: 100%;
    height: 2px;
    background: currentColor;
    border-radius: 999px;
    transform-origin: center;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.app-nav__toggler-line-2 {
    width: 70% !important;
}

.app-nav__toggler[aria-expanded="true"] .app-nav__toggler-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.app-nav__toggler[aria-expanded="true"] .app-nav__toggler-line:nth-child(2) {
    opacity: 0;
}

.app-nav__toggler[aria-expanded="true"] .app-nav__toggler-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 991.98px) {
    .cta-nav .container-xl {
        min-height: unset;
        padding-top: 0.45rem;
        padding-bottom: 0.45rem;
    }

    .cta-nav__menu {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
        margin-top: 0.45rem;
    }

    .cta-nav__link {
        width: 100%;
        padding-inline: 0.65rem;
    }

    .cta-nav .dropdown-menu {
        min-width: 100%;
    }

    .cta-nav__cta-wrap {
        width: 100%;
        margin-top: 0.35rem;
    }

    .cta-nav__theme-mobile {
        width: 100%;
        margin-top: 0.15rem;
    }

    .cta-nav__cta {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .app-topbar__container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .app-topbar__container .app-nav__toggler {
        order: 1;
        margin-right: 0.45rem;
    }

    .app-topbar__brand {
        order: 2;
        margin-right: auto;
    }

    .app-topbar__actions {
        order: 3;
        width: 100%;
        margin-top: 0.3rem;
        justify-content: flex-start;
        gap: 0.25rem;
    }

    .app-topbar__actions .nav-link {
        padding-inline: 0.35rem;
    }

    .app-topbar__actions .dropdown-menu {
        min-width: 11.5rem;
        max-width: calc(100vw - 1rem);
    }

    .app-topbar__actions .dropdown-menu.app-dropdown-start {
        left: 0 !important;
        right: auto !important;
        transform: none !important;
    }

    .app-topbar__actions .dropdown-menu.app-dropdown-end {
        left: auto !important;
        right: 0 !important;
        transform: none !important;
    }
}

/* SweetAlert2: arka plan bulanıklığı + popup köşe yuvarlaklığı */
.swal2-container {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

div:where(.swal2-container) div:where(.swal2-popup) {
    border-radius: 1rem;
}

/* Kurye: harita seçici (alttan kayan dropup) — overlay popup/Swal ile aynı blur */
.offcanvas-backdrop.map-picker-dropup-backdrop {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(15, 23, 42, 0.32) !important;
    opacity: 1 !important;
}

html[data-bs-theme="dark"] .offcanvas-backdrop.map-picker-dropup-backdrop {
    background-color: rgba(0, 0, 0, 0.45) !important;
}

.offcanvas-bottom.map-picker-dropup {
    height: auto;
    max-height: min(70vh, 22rem);
    border-radius: 1rem 1rem 0 0;
    padding-bottom: env(safe-area-inset-bottom, 0);
    /* Safari iOS: backdrop-filter on overlay can steal touches below this z-index */
    z-index: 1060 !important;
}

.map-picker-dropup .list-group-item[data-map-provider] {
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);
}

.map-picker-dropup .offcanvas-header {
    padding-top: 1rem;
    padding-bottom: 0.75rem;
}

.map-picker-dropup__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    font-weight: 700;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.map-picker-dropup__icon--google {
    background: #e8f0fe;
    color: #1a73e8;
}

.map-picker-dropup__icon--apple {
    background: #f1f5f9;
    color: #0f172a;
}

.map-picker-dropup__icon--yandex {
    background: #ffedd5;
    color: #ea580c;
}

/* ---- Global search (command palette) ---- */
.global-search-topbar-trigger {
    min-width: 12.5rem;
    max-width: 16rem;
    height: 2.125rem;
    padding: 0 0.75rem;
    border: 1px solid var(--tblr-border-color);
    border-radius: 999px;
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-secondary);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.global-search-topbar-trigger:hover,
.global-search-topbar-trigger:focus-visible {
    border-color: color-mix(in srgb, var(--tblr-primary) 35%, var(--tblr-border-color));
    background: var(--tblr-bg-surface);
    color: var(--tblr-body-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tblr-primary) 12%, transparent);
}

.global-search-topbar-trigger__label {
    font-size: 0.8125rem;
    font-weight: 500;
}

.global-search-topbar-kbd,
.global-search-modal__kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    padding: 0.12rem 0.4rem;
    border: 1px solid color-mix(in srgb, var(--tblr-border-color) 85%, transparent);
    border-bottom-width: 2px;
    border-radius: 0.4rem;
    background: var(--tblr-bg-surface);
    color: var(--tblr-secondary);
    font-size: 0.625rem;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.2;
    letter-spacing: 0.02em;
}

.global-search-modal .modal-backdrop.show {
    backdrop-filter: blur(6px);
}

.global-search-modal__dialog {
    max-width: 42rem;
    margin-top: min(8vh, 4rem);
}

.global-search-modal.show .global-search-modal__content {
    animation: global-search-enter 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes global-search-enter {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.global-search-modal__content {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--tblr-border-color) 88%, transparent);
    border-radius: 1rem;
    background: var(--tblr-bg-surface);
    box-shadow:
        0 24px 48px rgba(15, 23, 42, 0.16),
        0 8px 16px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-bs-theme='dark'] .global-search-modal__content {
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.45),
        0 8px 24px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.global-search-modal__chrome {
    padding: 1rem 1rem 0.85rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--tblr-primary) 5%, var(--tblr-bg-surface)) 0%, var(--tblr-bg-surface) 100%);
    border-bottom: 1px solid var(--tblr-border-color);
}

.global-search-modal__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.global-search-modal__brand {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.global-search-modal__brand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--tblr-primary) 14%, transparent);
    color: var(--tblr-primary);
    flex-shrink: 0;
}

.global-search-modal__brand-title {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--tblr-body-color);
}

.global-search-modal__brand-scope {
    margin-top: 0.1rem;
    font-size: 0.75rem;
    color: var(--tblr-secondary);
}

.global-search-modal__close {
    flex-shrink: 0;
    opacity: 0.75;
}

.global-search-modal__query-field {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3rem;
    padding: 0 0.85rem;
    border: 1px solid var(--tblr-border-color);
    border-radius: 0.85rem;
    background: var(--tblr-bg-surface);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.global-search-modal__query-field:focus-within {
    border-color: color-mix(in srgb, var(--tblr-primary) 45%, var(--tblr-border-color));
    box-shadow:
        inset 0 1px 2px rgba(15, 23, 42, 0.04),
        0 0 0 3px color-mix(in srgb, var(--tblr-primary) 14%, transparent);
    background-color: var(--tblr-bg-forms);
}

.global-search-modal__query-icon {
    display: inline-flex;
    color: var(--tblr-secondary);
    flex-shrink: 0;
}

.global-search-modal__input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--tblr-body-color);
}

.global-search-modal__input::placeholder {
    color: color-mix(in srgb, var(--tblr-secondary) 82%, transparent);
    font-weight: 400;
}

.global-search-modal__input:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
}

.global-search-modal__query-meta {
    display: none;
    flex-shrink: 0;
}

.global-search-modal__body {
    max-height: min(56vh, 26rem);
    min-height: 300px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.global-search-modal__empty,
.global-search-modal__loading,
.global-search-modal__status {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 11rem;
    padding: 5rem 1.5rem;
    text-align: center;
}

.global-search-modal__empty-icon,
.global-search-modal__status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 999px;
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-secondary);
}

.global-search-modal__empty-title,
.global-search-modal__status-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--tblr-body-color);
}

.global-search-modal__empty-text,
.global-search-modal__status-text {
    max-width: 22rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--tblr-secondary);
}

.global-search-modal__loading .spinner-border {
    width: 1.35rem;
    height: 1.35rem;
    border-width: 0.15em;
}

.global-search-modal__group+.global-search-modal__group {
    border-top: 1px solid var(--tblr-border-color);
}

.global-search-modal__group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 1rem 0.45rem;
}

.global-search-modal__group-label {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tblr-secondary);
}

.global-search-modal__group-count {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--tblr-secondary);
}

.global-search-modal__list {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0 0.5rem 0.65rem;
}

.global-search-modal__item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    text-decoration: none !important;
    color: inherit;
    transition: background-color 0.12s ease, border-color 0.12s ease, transform 0.12s ease;
}

.global-search-modal__item:hover,
.global-search-modal__item:focus,
.global-search-modal__item:focus-visible,
.global-search-modal__item:active {
    color: inherit;
    text-decoration: none !important;
}

.global-search-modal__item:hover:not(.is-active),
.global-search-modal__item:focus-visible:not(.is-active) {
    background: var(--tblr-bg-surface-secondary);
}

.global-search-modal__item.is-active,
.global-search-modal__item.is-active:hover,
.global-search-modal__item.is-active:focus-visible {
    text-decoration: none !important;
}

.global-search-modal__item[data-search-type="orders"]:hover:not(.is-active),
.global-search-modal__item[data-search-type="orders"]:focus-visible:not(.is-active) {
    background: rgba(32, 107, 196, 0.08);
    border-color: rgba(32, 107, 196, 0.16);
}

.global-search-modal__item[data-search-type="orders"].is-active,
.global-search-modal__item[data-search-type="orders"].is-active:hover,
.global-search-modal__item[data-search-type="orders"].is-active:focus-visible {
    background: rgba(32, 107, 196, 0.12);
    border-color: rgba(32, 107, 196, 0.24);
}

.global-search-modal__item[data-search-type="customers"]:hover:not(.is-active),
.global-search-modal__item[data-search-type="customers"]:focus-visible:not(.is-active) {
    background: rgba(47, 179, 68, 0.08);
    border-color: rgba(47, 179, 68, 0.16);
}

.global-search-modal__item[data-search-type="customers"].is-active,
.global-search-modal__item[data-search-type="customers"].is-active:hover,
.global-search-modal__item[data-search-type="customers"].is-active:focus-visible {
    background: rgba(47, 179, 68, 0.12);
    border-color: rgba(47, 179, 68, 0.24);
}

.global-search-modal__item[data-search-type="products"]:hover:not(.is-active),
.global-search-modal__item[data-search-type="products"]:focus-visible:not(.is-active) {
    background: rgba(247, 103, 7, 0.08);
    border-color: rgba(247, 103, 7, 0.16);
}

.global-search-modal__item[data-search-type="products"].is-active,
.global-search-modal__item[data-search-type="products"].is-active:hover,
.global-search-modal__item[data-search-type="products"].is-active:focus-visible {
    background: rgba(247, 103, 7, 0.12);
    border-color: rgba(247, 103, 7, 0.24);
}

.global-search-modal__item[data-search-type="invoices"]:hover:not(.is-active),
.global-search-modal__item[data-search-type="invoices"]:focus-visible:not(.is-active) {
    background: rgba(174, 62, 201, 0.08);
    border-color: rgba(174, 62, 201, 0.16);
}

.global-search-modal__item[data-search-type="invoices"].is-active,
.global-search-modal__item[data-search-type="invoices"].is-active:hover,
.global-search-modal__item[data-search-type="invoices"].is-active:focus-visible {
    background: rgba(174, 62, 201, 0.12);
    border-color: rgba(174, 62, 201, 0.24);
}

.global-search-modal__item[data-search-type="proposals"]:hover:not(.is-active),
.global-search-modal__item[data-search-type="proposals"]:focus-visible:not(.is-active) {
    background: rgba(23, 162, 184, 0.08);
    border-color: rgba(23, 162, 184, 0.16);
}

.global-search-modal__item[data-search-type="proposals"].is-active,
.global-search-modal__item[data-search-type="proposals"].is-active:hover,
.global-search-modal__item[data-search-type="proposals"].is-active:focus-visible {
    background: rgba(23, 162, 184, 0.12);
    border-color: rgba(23, 162, 184, 0.24);
}

.global-search-modal__item[data-search-type="statements"]:hover:not(.is-active),
.global-search-modal__item[data-search-type="statements"]:focus-visible:not(.is-active) {
    background: rgba(18, 184, 134, 0.08);
    border-color: rgba(18, 184, 134, 0.16);
}

.global-search-modal__item[data-search-type="statements"].is-active,
.global-search-modal__item[data-search-type="statements"].is-active:hover,
.global-search-modal__item[data-search-type="statements"].is-active:focus-visible {
    background: rgba(18, 184, 134, 0.12);
    border-color: rgba(18, 184, 134, 0.24);
}

.global-search-modal__item[data-search-type="reconciliations"]:hover:not(.is-active),
.global-search-modal__item[data-search-type="reconciliations"]:focus-visible:not(.is-active) {
    background: rgba(214, 51, 132, 0.08);
    border-color: rgba(214, 51, 132, 0.16);
}

.global-search-modal__item[data-search-type="reconciliations"].is-active,
.global-search-modal__item[data-search-type="reconciliations"].is-active:hover,
.global-search-modal__item[data-search-type="reconciliations"].is-active:focus-visible {
    background: rgba(214, 51, 132, 0.12);
    border-color: rgba(214, 51, 132, 0.24);
}

.global-search-modal__item[data-search-type="notes"]:hover:not(.is-active),
.global-search-modal__item[data-search-type="notes"]:focus-visible:not(.is-active) {
    background: rgba(245, 159, 0, 0.1);
    border-color: rgba(245, 159, 0, 0.18);
}

.global-search-modal__item[data-search-type="notes"].is-active,
.global-search-modal__item[data-search-type="notes"].is-active:hover,
.global-search-modal__item[data-search-type="notes"].is-active:focus-visible {
    background: rgba(245, 159, 0, 0.14);
    border-color: rgba(245, 159, 0, 0.26);
}

.global-search-modal__item[data-search-type=""]:hover:not(.is-active),
.global-search-modal__item[data-search-type=""]:focus-visible:not(.is-active),
.global-search-modal__item:not([data-search-type]):hover:not(.is-active),
.global-search-modal__item:not([data-search-type]):focus-visible:not(.is-active) {
    background: var(--tblr-bg-surface-secondary);
    border-color: var(--tblr-border-color);
}

.global-search-modal__item:hover .global-search-modal__item-title,
.global-search-modal__item:hover .global-search-modal__item-subtitle,
.global-search-modal__item:focus-visible .global-search-modal__item-title,
.global-search-modal__item:focus-visible .global-search-modal__item-subtitle,
.global-search-modal__item.is-active .global-search-modal__item-title,
.global-search-modal__item.is-active .global-search-modal__item-subtitle {
    text-decoration: none;
}

.global-search-modal__item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.65rem;
    flex-shrink: 0;
    transition: background-color 0.12s ease;
}

.global-search-modal__item-icon--orders {
    background: rgba(32, 107, 196, 0.12);
    color: #206bc4;
}

.global-search-modal__item-icon--customers {
    background: rgba(47, 179, 68, 0.12);
    color: #2fb344;
}

.global-search-modal__item-icon--products {
    background: rgba(247, 103, 7, 0.12);
    color: #f76707;
}

.global-search-modal__item-icon--invoices {
    background: rgba(174, 62, 201, 0.12);
    color: #ae3ec9;
}

.global-search-modal__item-icon--proposals {
    background: rgba(23, 162, 184, 0.12);
    color: #17a2b8;
}

.global-search-modal__item-icon--statements {
    background: rgba(18, 184, 134, 0.12);
    color: #12b886;
}

.global-search-modal__item-icon--reconciliations {
    background: rgba(214, 51, 132, 0.12);
    color: #d63384;
}

.global-search-modal__item-icon--notes {
    background: rgba(245, 159, 0, 0.14);
    color: #f59f00;
}

.global-search-modal__item-icon--default {
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-secondary);
}

.global-search-modal__item-body {
    min-width: 0;
    flex: 1 1 auto;
}

.global-search-modal__item-title {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--tblr-body-color);
}

.global-search-modal__item-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-search-modal__item-badge {
    flex-shrink: 0;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.global-search-modal__item-subtitle {
    margin-top: 0.12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--tblr-secondary);
}

.global-search-modal__item-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    color: var(--tblr-secondary);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.12s ease, transform 0.12s ease, background-color 0.12s ease;
    flex-shrink: 0;
}

.global-search-modal__item.is-active .global-search-modal__item-action,
.global-search-modal__item:hover .global-search-modal__item-action,
.global-search-modal__item:focus-visible .global-search-modal__item-action {
    opacity: 1;
    transform: translateX(0);
}

.global-search-modal__item[data-search-type="orders"].is-active .global-search-modal__item-action,
.global-search-modal__item[data-search-type="orders"]:hover .global-search-modal__item-action {
    background: rgba(32, 107, 196, 0.14);
    color: #206bc4;
}

.global-search-modal__item[data-search-type="customers"].is-active .global-search-modal__item-action,
.global-search-modal__item[data-search-type="customers"]:hover .global-search-modal__item-action {
    background: rgba(47, 179, 68, 0.14);
    color: #2fb344;
}

.global-search-modal__item[data-search-type="products"].is-active .global-search-modal__item-action,
.global-search-modal__item[data-search-type="products"]:hover .global-search-modal__item-action {
    background: rgba(247, 103, 7, 0.14);
    color: #f76707;
}

.global-search-modal__item[data-search-type="invoices"].is-active .global-search-modal__item-action,
.global-search-modal__item[data-search-type="invoices"]:hover .global-search-modal__item-action {
    background: rgba(174, 62, 201, 0.14);
    color: #ae3ec9;
}

.global-search-modal__item[data-search-type="proposals"].is-active .global-search-modal__item-action,
.global-search-modal__item[data-search-type="proposals"]:hover .global-search-modal__item-action {
    background: rgba(23, 162, 184, 0.14);
    color: #17a2b8;
}

.global-search-modal__item[data-search-type="statements"].is-active .global-search-modal__item-action,
.global-search-modal__item[data-search-type="statements"]:hover .global-search-modal__item-action {
    background: rgba(18, 184, 134, 0.14);
    color: #12b886;
}

.global-search-modal__item[data-search-type="reconciliations"].is-active .global-search-modal__item-action,
.global-search-modal__item[data-search-type="reconciliations"]:hover .global-search-modal__item-action {
    background: rgba(214, 51, 132, 0.14);
    color: #d63384;
}

.global-search-modal__item[data-search-type="notes"].is-active .global-search-modal__item-action,
.global-search-modal__item[data-search-type="notes"]:hover .global-search-modal__item-action {
    background: rgba(245, 159, 0, 0.16);
    color: #f59f00;
}

.global-search-modal__item[data-search-type="orders"]:hover .global-search-modal__item-icon--orders,
.global-search-modal__item[data-search-type="orders"].is-active .global-search-modal__item-icon--orders {
    background: rgba(32, 107, 196, 0.18);
}

.global-search-modal__item[data-search-type="customers"]:hover .global-search-modal__item-icon--customers,
.global-search-modal__item[data-search-type="customers"].is-active .global-search-modal__item-icon--customers {
    background: rgba(47, 179, 68, 0.18);
}

.global-search-modal__item[data-search-type="products"]:hover .global-search-modal__item-icon--products,
.global-search-modal__item[data-search-type="products"].is-active .global-search-modal__item-icon--products {
    background: rgba(247, 103, 7, 0.18);
}

.global-search-modal__item[data-search-type="invoices"]:hover .global-search-modal__item-icon--invoices,
.global-search-modal__item[data-search-type="invoices"].is-active .global-search-modal__item-icon--invoices {
    background: rgba(174, 62, 201, 0.18);
}

.global-search-modal__item[data-search-type="proposals"]:hover .global-search-modal__item-icon--proposals,
.global-search-modal__item[data-search-type="proposals"].is-active .global-search-modal__item-icon--proposals {
    background: rgba(23, 162, 184, 0.18);
}

.global-search-modal__item[data-search-type="statements"]:hover .global-search-modal__item-icon--statements,
.global-search-modal__item[data-search-type="statements"].is-active .global-search-modal__item-icon--statements {
    background: rgba(18, 184, 134, 0.18);
}

.global-search-modal__item[data-search-type="reconciliations"]:hover .global-search-modal__item-icon--reconciliations,
.global-search-modal__item[data-search-type="reconciliations"].is-active .global-search-modal__item-icon--reconciliations {
    background: rgba(214, 51, 132, 0.18);
}

.global-search-modal__item[data-search-type="notes"]:hover .global-search-modal__item-icon--notes,
.global-search-modal__item[data-search-type="notes"].is-active .global-search-modal__item-icon--notes {
    background: rgba(245, 159, 0, 0.2);
}

.global-search-modal__footer {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1rem;
    padding: 0.7rem 1rem;
    border-top: 1px solid var(--tblr-border-color);
    background: color-mix(in srgb, var(--tblr-bg-surface-secondary) 72%, var(--tblr-bg-surface));
    color: var(--tblr-secondary);
    font-size: 0.6875rem;
}

.global-search-modal__footer-group {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.global-search-modal__footer-group--end {
    margin-left: auto;
}

@media (min-width: 768px) {
    .global-search-modal__footer {
        display: flex;
    }

    .global-search-modal__query-meta {
        display: inline-flex;
    }
}

@media (max-width: 575.98px) {
    .global-search-modal__dialog {
        margin: 0.65rem;
        max-width: calc(100vw - 1.3rem);
    }

    .global-search-modal__chrome {
        padding: 0.85rem 0.85rem 0.75rem;
    }

    .global-search-modal__body {
        max-height: calc(100vh - 14rem);
    }

    .global-search-topbar-trigger {
        min-width: 0;
        max-width: none;
    }
}

.legal-document {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.legal-document__section h2 {
    color: var(--tblr-body-color, #1f2937);
}

.legal-document__section p {
    line-height: 1.65;
}

/* Registration gate — pending review */
.registration-gate__hero {
    border: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(32, 107, 196, 0.12), transparent 42%),
        radial-gradient(circle at 0% 100%, rgba(66, 153, 225, 0.08), transparent 38%),
        var(--tblr-bg-surface, #fff);
    box-shadow: 0 0.35rem 1.25rem rgba(15, 23, 42, 0.06);
}

.registration-gate__hero-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.25rem 1.5rem;
    align-items: start;
}

.registration-gate__hero-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 1rem;
    color: var(--tblr-azure, #4299e1);
    background: rgba(66, 153, 225, 0.12);
}

.registration-gate__status-badge {
    margin-bottom: 0.85rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.registration-gate__hero-text {
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--tblr-body-color, #1f2937);
}

.registration-gate__meta {
    display: grid;
    gap: 0.55rem;
}

.registration-gate__meta li {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--tblr-secondary, #667085);
    font-size: 0.925rem;
}

.registration-gate__meta .icon {
    flex: 0 0 auto;
    opacity: 0.85;
}

.registration-gate__info-card {
    border-color: rgba(15, 23, 42, 0.06);
    box-shadow: 0 0.15rem 0.75rem rgba(15, 23, 42, 0.04);
}

.registration-gate__info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.85rem;
    border-radius: 0.75rem;
}

.registration-gate__info-icon--mail {
    color: var(--tblr-indigo, #4263eb);
    background: rgba(66, 99, 235, 0.1);
}

.registration-gate__info-icon--clock {
    color: var(--tblr-orange, #f76707);
    background: rgba(247, 103, 7, 0.1);
}

.registration-gate__info-title {
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.registration-gate__timeline {
    position: relative;
    display: grid;
    gap: 0;
}

.registration-gate__timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: 2.25rem 1fr;
    gap: 0 1rem;
    padding-bottom: 1.35rem;
}

.registration-gate__timeline-item:last-child {
    padding-bottom: 0;
}

.registration-gate__timeline-item:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 1.1rem;
    top: 2.1rem;
    bottom: 0.2rem;
    width: 2px;
    background: rgba(15, 23, 42, 0.08);
}

.registration-gate__timeline-item--done:not(:last-child)::before {
    background: rgba(47, 179, 68, 0.35);
}

.registration-gate__timeline-marker {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    margin-top: 0.1rem;
    border-radius: 999px;
    border: 2px solid rgba(15, 23, 42, 0.12);
    background: var(--tblr-bg-surface, #fff);
    color: var(--tblr-secondary, #667085);
}

.registration-gate__timeline-item--done .registration-gate__timeline-marker {
    border-color: rgba(47, 179, 68, 0.35);
    background: rgba(47, 179, 68, 0.12);
    color: var(--tblr-green, #2fb344);
}

.registration-gate__timeline-item--current .registration-gate__timeline-marker {
    border-color: rgba(66, 153, 225, 0.45);
    background: rgba(66, 153, 225, 0.12);
}

.registration-gate__pulse {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    background: var(--tblr-azure, #4299e1);
    box-shadow: 0 0 0 0 rgba(66, 153, 225, 0.45);
    animation: registration-gate-pulse 1.8s ease-out infinite;
}

@keyframes registration-gate-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(66, 153, 225, 0.45);
    }

    70% {
        box-shadow: 0 0 0 0.55rem rgba(66, 153, 225, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(66, 153, 225, 0);
    }
}

.registration-gate__timeline-title {
    font-weight: 600;
    color: var(--tblr-body-color, #1f2937);
}

.registration-gate__timeline-hint {
    margin-top: 0.2rem;
    color: var(--tblr-secondary, #667085);
    font-size: 0.925rem;
    line-height: 1.55;
}

.registration-gate__timeline-item--current .registration-gate__timeline-title {
    color: var(--tblr-azure, #4299e1);
}

.registration-gate__waiting {
    border-style: dashed;
    /* border-color: rgba(15, 23, 42, 0.12); */
    /* background: rgba(248, 250, 252, 0.75); */
}

.registration-gate__tips {
    margin: 0;
    padding-left: 1.15rem;
    color: var(--tblr-secondary, #667085);
}

.registration-gate__tips li+li {
    margin-top: 0.45rem;
}

.registration-gate__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

@media (max-width: 575.98px) {
    .registration-gate__hero-grid {
        grid-template-columns: 1fr;
    }

    .registration-gate__hero-icon {
        width: 3.75rem;
        height: 3.75rem;
    }
}

/* Topbar apps dropdown */
.topbar-apps-dropdown {
    --apps-card-bg: #fff;
    --apps-card-border: #e5e7eb;
    --apps-card-hover-border: #cbd5e1;
    --apps-card-title: #0f172a;
    --apps-card-desc: #64748b;
}

:root[data-bs-theme="dark"] .topbar-apps-dropdown {
    --apps-card-bg: #141a28;
    --apps-card-border: rgba(255, 255, 255, 0.08);
    --apps-card-hover-border: rgba(255, 255, 255, 0.16);
    --apps-card-title: #f1f5f9;
    --apps-card-desc: #94a3b8;
}

.topbar-apps-dropdown__card--website {
    --apps-card-accent: #8b5cf6;
    --apps-card-glow: rgba(139, 92, 246, 0.42);
    --apps-card-shine: rgba(139, 92, 246, 0.16);
}

.topbar-apps-dropdown__card--ecommerce {
    --apps-card-accent: #22c55e;
    --apps-card-glow: rgba(34, 197, 94, 0.42);
    --apps-card-shine: rgba(34, 197, 94, 0.16);
}

.topbar-apps-dropdown__card--instagram {
    --apps-card-accent: #e5487f;
    --apps-card-glow: rgba(229, 72, 127, 0.42);
    --apps-card-shine: rgba(229, 72, 127, 0.16);
}

.topbar-apps-dropdown__card--catalog {
    --apps-card-accent: #3b82f6;
    --apps-card-glow: rgba(59, 130, 246, 0.42);
    --apps-card-shine: rgba(59, 130, 246, 0.16);
}

.topbar-apps-dropdown__card--ads {
    --apps-card-accent: #f59e0b;
    --apps-card-glow: rgba(245, 158, 11, 0.42);
    --apps-card-shine: rgba(245, 158, 11, 0.16);
}

.topbar-apps-dropdown__menu {
    min-width: 31rem;
    max-width: calc(100vw - 1.5rem);
}

.topbar-apps-dropdown__body {
    max-height: none;
}

.topbar-apps-dropdown__grid {
    --bs-gutter-x: 0.55rem;
    --bs-gutter-y: 0.55rem;
}

.topbar-apps-dropdown__grid>[class*="col-"] {
    display: flex;
}

.topbar-apps-dropdown__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    /* height: 11rem; */
    padding: 0.7rem 0.85rem 0.75rem;
    border-radius: 0.9rem;
    background: var(--apps-card-bg);
    border: 1px solid var(--apps-card-border);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition:
        border-color 0.28s ease,
        background-color 0.28s ease,
        transform 0.28s ease;
    /* background-color: rgb(18, 22, 37);
    background-image: url(/assets/images/652e506cd901d37cd5e12781_Cta%20bg%20Image.png), url(/assets/images/6534b2237ecc65ca6b48cf75_BG%20shape%20color022.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, cover;
    background-position: center bottom, center center; */
}

.topbar-apps-dropdown__card--link {
    cursor: pointer;
}

.topbar-apps-dropdown__card--link:hover,
.topbar-apps-dropdown__card--link:focus-visible {
    /* border-color: var(--apps-card-hover-border); */
    /* transform: translateY(-2px); */
    outline: none;
    color: inherit;
    /* background-color: color-mix(in srgb, var(--apps-card-accent) 4%, var(--apps-card-bg)); */
}

.topbar-apps-dropdown__card--premium {
    cursor: not-allowed;
    filter: grayscale(1);
    pointer-events: auto;
}

.topbar-apps-dropdown__card--premium .topbar-apps-dropdown__card-action {
    pointer-events: none;
}

.topbar-apps-dropdown__card--premium:hover,
.topbar-apps-dropdown__card--premium:focus-visible {
    outline: none;
    color: inherit;
    transform: none;
}

.topbar-apps-dropdown__card-shine {
    position: absolute;
    z-index: 0;
    right: -0.35rem;
    bottom: -0.55rem;
    width: 6.25rem;
    height: 6.25rem;
    pointer-events: none;
    background:
        radial-gradient(circle at 100% 100%, var(--apps-card-glow) 0%, transparent 58%),
        radial-gradient(circle at 88% 92%, var(--apps-card-shine) 0%, transparent 72%);
    opacity: 0.72;
    transition:
        opacity 0.38s ease,
        transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

.topbar-apps-dropdown__card--link:hover .topbar-apps-dropdown__card-shine,
.topbar-apps-dropdown__card--link:focus-visible .topbar-apps-dropdown__card-shine {
    opacity: 1;
    transform: scale(1.14);
}

.topbar-apps-dropdown__card-visual {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 3.75rem; */
    margin-bottom: 0.45rem;
    flex-shrink: 0;
}

.topbar-apps-dropdown__app-icon {
    display: none;
    width: 6.35rem;
    /* height: 3.35rem; */
    object-fit: contain;
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

:root[data-bs-theme="light"] .topbar-apps-dropdown__app-icon--theme-light,
html:not([data-bs-theme="dark"]) .topbar-apps-dropdown__app-icon--theme-light {
    display: block;
}

:root[data-bs-theme="dark"] .topbar-apps-dropdown__app-icon--theme-dark {
    display: block;
}

.topbar-apps-dropdown__card--link:hover .topbar-apps-dropdown__app-icon,
.topbar-apps-dropdown__card--link:focus-visible .topbar-apps-dropdown__app-icon {
    transform: scale(1.06);
}

.topbar-apps-dropdown__card-content {
    position: relative;
    z-index: 1;
    display: block;
    flex: 1;
    padding-right: 1rem;
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.topbar-apps-dropdown__card--link:hover .topbar-apps-dropdown__card-content,
.topbar-apps-dropdown__card--link:focus-visible .topbar-apps-dropdown__card-content {
    transform: translateX(0.15rem);
}

.topbar-apps-dropdown__card-title {
    display: block;
    margin-bottom: 0.18rem;
    color: var(--apps-card-title);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.2;
}

.topbar-apps-dropdown__card-desc {
    display: block;
    color: var(--apps-card-desc);
    font-size: 0.62rem;
    line-height: 1.35;
}

.topbar-apps-dropdown__card-action {
    position: absolute;
    right: 0.65rem;
    bottom: 0.65rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: var(--apps-card-bg);
    color: var(--apps-card-accent);
    transition:
        transform 0.28s ease,
        background-color 0.28s ease,
        color 0.28s ease;
}

.topbar-apps-dropdown__card--link:hover .topbar-apps-dropdown__card-action,
.topbar-apps-dropdown__card--link:focus-visible .topbar-apps-dropdown__card-action {
    background-color: var(--apps-card-accent);
    color: #fff;
    transform: translateX(0.1rem);
}

/* Help contact page */
.help-contact-channel {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}

.help-contact-channel__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    color: var(--tblr-indigo, #4263eb);
    background: rgba(66, 99, 235, 0.1);
    flex-shrink: 0;
}

.help-contact-channel__icon--clock {
    color: var(--tblr-orange, #f76707);
    background: rgba(247, 103, 7, 0.1);
}

.help-contact-form.is-submitting {
    pointer-events: none;
}

.help-contact-form__submit {
    min-width: 7.5rem;
    position: relative;
}

.help-contact-form__submit .spinner-border {
    vertical-align: -0.125em;
}

.help-contact-form.is-submitting .help-contact-form__submit .help-contact-form__submit-text {
    opacity: 0.85;
}