/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* Scoped styles for the login page to restore original visual design */

.login-section[b-wmcfkn0jps] {
    width: 100%;
    max-width: 475px;
}

.pa-heading[b-wmcfkn0jps] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0;
}

.pa-field[b-wmcfkn0jps] {
    margin-bottom: 1rem;
}

.pa-label[b-wmcfkn0jps] {
    display: block;
    font-weight: 600;
    margin-bottom: .35rem;
}

.pa-input .form-control[b-wmcfkn0jps] {
    border-radius: 999px; /* pill */
    padding: .9rem 1.25rem;
    border: 1.5px solid #E7E7E7;
}

.pa-input.password .form-control[b-wmcfkn0jps] {
    border-color: #62C2BA; /* teal outline like design */
}

.sign-in-btn[b-wmcfkn0jps] {
    width: 100%;
    background-color: #62C2BA; /* teal */
    color: #fff;
    border: none;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
    font-weight: 700;
}

.pa-link[b-wmcfkn0jps] {
    color: #62C2BA;
    text-decoration: none;
}

.pa-link:hover[b-wmcfkn0jps] {
    text-decoration: underline;
}
/* /Components/Account/Shared/NewAccountLayout.razor.rz.scp.css */
/* Base: Mobile-first (single column layout) */
#accountContainer[b-w2z5jz3o29] {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 100vh;
    width: 100%;
}

#accountContent[b-w2z5jz3o29] {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 2rem 0 2rem;
    overflow-x: hidden;
    overflow-y: auto; /* Added 7/23/2025 */
    /*scrollbar-width: thin;*/ /* Added 7/23/2025 */
    /*scroll-behavior: smooth;*/ /* Added 7/23/2025 */
}

#accountFiller[b-w2z5jz3o29] {
    display: none;
}

/* Desktop layout: split screen when width >= 992px */
@media (min-width: 992px) {
    #accountContainer[b-w2z5jz3o29] {
        grid-template-columns: 1fr 1fr;
    }

    #accountFiller[b-w2z5jz3o29] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: #fff;
        background-image: url(images/HorizontalInk.webp);
        background-size: cover;
        background-position: center;
        font-size: 4rem;
        line-height: 5rem;
        font-weight: bolder;
        color: #fff;
        padding: 2rem;
    }

        #accountFiller > div[b-w2z5jz3o29] {
            margin-left: 10vw;
            margin-right: 10vw;
        }
}


/*#accountContentBody {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 480px;*/ /* Adjust as needed */
    /*margin-left: auto;
    margin-right: auto;
    padding: 2rem;
}*/


#accountContentBody[b-w2z5jz3o29] {
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center; /* vertical */
    flex-grow: 1; /* allow it to expand vertically */
    padding: 2rem;
    min-height: 100vh; /* ensure it takes full height */
}

.account-body-inner[b-w2z5jz3o29] {
    width: 100%;
    max-width: 475px;
}

#accountContentBody .row[b-w2z5jz3o29] {
    margin: 0;
    display: block;
}

#accountContentBody .col-lg-6[b-w2z5jz3o29] {
    width: 100%;
    padding: 0;
}
/* /Components/Dashboard/Connect/WooCommerce/WooCommerceConnection.razor.rz.scp.css */
/* Mobile-friendly webhook list tweaks (scoped to this component) */
.webhook-desc[b-tbhl46r9w6] {
    font-size: .95rem;
    line-height: 1.35;
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
}
.webhook-item code[b-tbhl46r9w6] {
    font-size: .750rem;
}
.webhook-line[b-tbhl46r9w6] { /* shared for each line chip */
    font-size: .750rem;
}
.webhook-item .webhook-origin[b-tbhl46r9w6],
.webhook-item .webhook-base[b-tbhl46r9w6] {
    white-space: nowrap;
}
.webhook-item .webhook-path[b-tbhl46r9w6] {
    word-break: break-word; /* reliably wrap GUIDs/long tokens */
    overflow-wrap: anywhere;
}
.webhook-path .webhook-seg[b-tbhl46r9w6],
.webhook-path .webhook-id[b-tbhl46r9w6] {
    font-size: .750rem;
}
.webhook-path .webhook-id[b-tbhl46r9w6] {
    word-break: break-all;
    overflow-wrap: anywhere;
}
.webhook-item .copy-btn[b-tbhl46r9w6] {
    --bs-btn-padding-y: .125rem;
    --bs-btn-padding-x: .375rem;
    --bs-btn-font-size: .75rem;
}
/* On phones, allow the base to wrap so it never overflows */
@media (max-width: 576px) {
    .webhook-item .webhook-origin[b-tbhl46r9w6],
    .webhook-item .webhook-base[b-tbhl46r9w6] {
        white-space: normal !important;
        word-break: break-all;
    }
    .webhook-desc[b-tbhl46r9w6] {
        font-size: .9rem;
    }
}
/* /Components/Shared/DropZone.razor.rz.scp.css */
.drop-zone[b-1j5tvnjhod] {
    padding: 20px;
    width: 100%;
    min-height: 100px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
}

    .drop-zone.hover[b-1j5tvnjhod] {
        border-style: solid;
    }