@import '_content/FSSRazorSharedLibrary/FSSRazorSharedLibrary.cdbxn8enp7.bundle.scp.css';

/* /Components/Layout/HeaderLayout.razor.rz.scp.css */
.navbar-toggler[b-8fd9lsqk8p]{
    border: none;
    padding: 4px 8px;
}

.navbar-toggler-icon[b-8fd9lsqk8p]{
    width: 1.25em;
    height: 1.25em;
}

.navbar[b-8fd9lsqk8p] {
    background-color: white;
}

.nav-item.d-lg-block .nav-link[b-8fd9lsqk8p] {
    background-color: #eeeeee;
}
/* /Components/Layout/HeaderNavLayout.razor.rz.scp.css */
@media (max-width: 991.98px) {
    .navbar-nav[b-8iofhmabct]{
        height: 100vh;
    }
}
.bg-blue-light[b-8iofhmabct] {
    background-color: #f0f8ff;
}

.dropdown-backdrop[b-8iofhmabct] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1050;
    cursor: default;
}

.transition-colors[b-8iofhmabct] {
    transition: background-color 0.3s ease;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-1es51ili9a] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-1es51ili9a] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.app[b-1es51ili9a] {
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

.min-h-0[b-1es51ili9a] {
    min-height: 0;
}
/* /Components/Pages/DealerVerify.razor.rz.scp.css */
/* Fill the layout's scroll area exactly — no extra vertical padding, so the page
   does not overflow into a scrollbar unless the viewport is genuinely too short
   (then it grows naturally and the layout body scrolls without clipping the card). */
.dealer-verify-page[b-coo8nzbefl] {
    min-height: 100%;
    padding: 1rem 0;
    background-image: url('/images/background/FFL.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.dealer-verify-card[b-coo8nzbefl] {
    width: 100%;
    /* rem so the card scales with the >=1920px root font-size bump in app.css.
       A px-fixed card gets too narrow for the 2rem nowrap title there and the
       overflowing first row loses its centering (appears shifted right). */
    max-width: 30rem;
    margin: 0 1rem;
}

/* Scales down instead of wrapping so the title always renders as exactly three rows.
   !important is required to beat the global "h2 { font-size: 2em !important }" in
   telerik/main-overwrite.css (same importance -> higher specificity wins). */
.dealer-verify-title[b-coo8nzbefl] {
    font-size: clamp(1.375rem, 4.2vw, 2rem) !important;
}

/* Compact the Telerik form so the card stays close to the legacy static layout. */
.dealer-verify-card[b-coo8nzbefl]  .k-form .k-form-field {
    margin-top: 0.75rem;
}

.dealer-verify-card[b-coo8nzbefl]  .k-form .k-form-field:first-child {
    margin-top: 0;
}

.dealer-verify-card[b-coo8nzbefl]  .k-form-buttons {
    margin-top: 1.25rem;
}

.dealer-verify-card[b-coo8nzbefl]  .k-form-buttons > .k-button {
    flex: 1;
}

/* Match the legacy static site's #iconWrapper: 6rem square, transparent fill
   with a themed 1px border, and the SVG filling the whole wrapper. */
.dealer-result-icon[b-coo8nzbefl] {
    width: 6rem;
    height: 6rem;
}

.dealer-result-icon img[b-coo8nzbefl] {
    object-fit: contain;
}

.dealer-result-icon.success[b-coo8nzbefl] {
    background-color: transparent;
    border: 1px solid var(--bs-success);
}

.dealer-result-icon.info[b-coo8nzbefl] {
    background-color: transparent;
    border: 1px solid var(--bs-info);
}