/* /Components/Auth/RegistrationStep1/RegistrationStep1.razor.rz.scp.css */
.registration-step1-header[b-yxdysuwasd] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 1.875rem;
}

.registration-step1-form[b-yxdysuwasd] {
    overflow: auto;
    width: 100%;
    flex: 1;
    padding: 0 1.875rem;
    margin-top: 1rem;
    height: calc(100vh - 80px - 100px - 9rem);
    height: calc(100dvh - 80px - 100px - 9rem);
}

.button-position-bottom[b-yxdysuwasd] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (min-width: 1024px) {
    .button-position-bottom[b-yxdysuwasd] {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        bottom: auto;
        padding-bottom: 5rem;
    }
}

/* /Components/Auth/RegistrationStep2/RegistrationStep2.razor.rz.scp.css */
.registration-step2-header[b-cw2w2must5] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 1.875rem;
}

.registration-step2-form[b-cw2w2must5] {
    overflow: auto;
    width: 100%;
    flex: 1;
    padding: 0 1.875rem;
    margin-top: 1rem;
    height: calc(100vh - 80px - 100px - 9rem);
    height: calc(100dvh - 80px - 100px - 9rem);
}

.card-icon[b-cw2w2must5] {
    width: 5rem;
    height: 5rem;
    color: var(--bravetag-colors-primary-medium);
}

.button-position-bottom[b-cw2w2must5] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (min-width: 1024px) {
    .button-position-bottom[b-cw2w2must5] {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        bottom: auto;
        padding-bottom: 5rem;
    }
}

/* /Components/Auth/RegistrationStep3/RegistrationStep3.razor.rz.scp.css */
.registration-step3-header[b-hraaa9k5fy] { 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 1.875rem;
}

.registration-step3-form[b-hraaa9k5fy] {
    overflow: auto;
    width: 100%;
    flex: 1;
    padding: 0 1.875rem;
    margin-top: 1rem;
    height: calc(100vh - 80px - 100px - 9rem);
    height: calc(100dvh - 80px - 100px - 9rem);
}

.button-position-bottom[b-hraaa9k5fy] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (min-width: 1024px) {
    .button-position-bottom[b-hraaa9k5fy] {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        bottom: auto;
        padding-bottom: 5rem;
    }
}
/* /Components/Auth/RegistrationStep4/RegistrationStep4.razor.rz.scp.css */
.registration-step4-header[b-ic0htoqyvs] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 1.875rem;
}

.registration-step4-form[b-ic0htoqyvs] {
    overflow: auto;
    width: 100%;
    flex: 1;
    padding: 0 1.875rem;
    margin-top: 1rem;
    height: calc(100vh - 80px - 100px - 9rem);
    height: calc(100dvh - 80px - 100px - 9rem);
}

.card-icon[b-ic0htoqyvs] {
    width: 5rem;
    height: 5rem;
    color: var(--bravetag-colors-primary-medium);
}

.button-position-bottom[b-ic0htoqyvs] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (min-width: 1024px) {
    .button-position-bottom[b-ic0htoqyvs] {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        bottom: auto;
        padding-bottom: 5rem;
    }
}
/* /Components/Auth/RegistrationStep5/RegistrationStep5.razor.rz.scp.css */
.registration-step5-header[b-y4hfjem12g] { 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 1.875rem;
}

.registration-step5-form[b-y4hfjem12g] {
    overflow: auto;
    width: 100%;
    flex: 1;
    padding: 0 1.875rem;
    margin-top: 1rem;
    height: calc(100vh - 80px - 100px - 9rem);
    height: calc(100dvh - 80px - 100px - 9rem);
}

.card-icon[b-y4hfjem12g] {
    width: 5rem;
    height: 5rem;
    color: var(--bravetag-colors-primary-medium);
}

.document-buttons-container[b-y4hfjem12g] {
    display: flex;
    flex-direction: column;
    gap: 0.825rem;
    margin-bottom: 2rem;
}

.button-position-bottom[b-y4hfjem12g] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.checkboxes-container[b-y4hfjem12g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 1024px) {
    .button-position-bottom[b-y4hfjem12g] {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        bottom: auto;
        padding-bottom: 5rem;
    }
}
/* /Components/Auth/RegistrationStep6/RegistrationStep6.razor.rz.scp.css */
.registration-step6-header[b-3zm0kx9ew4] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0 1.875rem;
}

.registration-step6-form[b-3zm0kx9ew4] {
    overflow: auto;
    width: 100%;
    flex: 1;
    padding: 0 1.875rem;
    margin-top: 1rem;
    height: calc(100vh - 80px - 100px - 9rem);
    height: calc(100dvh - 80px - 100px - 9rem);
}

.card-icon[b-3zm0kx9ew4] {
    width: 5rem;
    height: 5rem;
    color: var(--bravetag-colors-primary-medium);
}

.buttons-container[b-3zm0kx9ew4] {
    width: calc(100% - 3.75rem);
    display: flex;
    justify-content: space-between;
    gap: 0.625rem;
    position: absolute;
    left: 1.875rem;
    bottom: 1.875rem;
    transition: bottom 0.2s ease;
}

.button-position-bottom[b-3zm0kx9ew4] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (min-width: 1024px) {
    .button-position-bottom[b-3zm0kx9ew4] {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        bottom: auto;
        padding-bottom: 5rem;
    }
}
/* /Components/Breadcrumb/Breadcrumb.razor.rz.scp.css */
.breadcrumb[b-ndvmkafxja] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: fit-content;
    padding: 0.375rem;
    padding-left: 0;
    transition: opacity 0.2s;
    background: none;
    border: none;
}

.breadcrumb:hover[b-ndvmkafxja] {
    opacity: 0.7;
}

.breadcrumb-text[b-ndvmkafxja] {
    font-size: 1rem;
    color: var(--bravetag-colors-primary-medium);
}
/* /Components/Buttons/Button.razor.rz.scp.css */
/* Base Button Styles */
.button[b-6bt4oxnff3] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0.375rem 0.75rem;
    position: relative;
    align-self: stretch;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.2s;
    background-color: transparent;
}

.button[aria-busy="true"][b-6bt4oxnff3] {
    pointer-events: none;
}

.button-content[b-6bt4oxnff3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.button-link .button-content[b-6bt4oxnff3] {
    gap: 0;
}

.button-content--hidden[b-6bt4oxnff3] {
    visibility: hidden;
    pointer-events: none;
}



.button:disabled[b-6bt4oxnff3] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Primary Variant */
.button--primary[b-6bt4oxnff3] {
    background-color: var(--bravetag-colors-primary-medium);
}

/* Secondary Variant */
.button--secondary[b-6bt4oxnff3],
.gestisci-wrapper[b-6bt4oxnff3] {
    background-color: var(--bravetag-colors-secondary-medium);
}

/* Danger Variant */
.button--danger[b-6bt4oxnff3],
.button-danger[b-6bt4oxnff3] {
    background-color: var(--bravetag-colors-error-medium);
}

/* Text and Link Styles */
.gestisci[b-6bt4oxnff3] {
    position: relative;
    width: fit-content;
    font-family: "Nunito", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: var(--bravetag-font-size-button);
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.spinner[b-6bt4oxnff3] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spin-b-6bt4oxnff3 0.8s linear infinite;
}

/* Outlined Variants */
.button--outlined-base[b-6bt4oxnff3] {
    background-color: transparent;
    border: 1px solid;
    padding: 0.375rem 0.75rem;
    width: 100%;
}

.button--outlined-primary[b-6bt4oxnff3],
.button--outlined-primary:hover:not(:disabled)[b-6bt4oxnff3],
.outlined-primary[b-6bt4oxnff3],
.outlined-primary:hover:not(:disabled)[b-6bt4oxnff3] {
    background-color: transparent;
    border: 1px solid var(--bravetag-colors-primary-medium);
    padding: 0.375rem 0.75rem;
}

.button--outlined-primary .gestisci[b-6bt4oxnff3],
.outlined-primary .gestisci[b-6bt4oxnff3] {
    color: var(--bravetag-colors-primary-medium);
    white-space: nowrap;
    font-size: var(--bravetag-font-size-button);
}

.button--outlined-secondary[b-6bt4oxnff3],
.button--outlined-secondary:hover:not(:disabled)[b-6bt4oxnff3],
.outlined-secondary[b-6bt4oxnff3],
.outlined-secondary:hover:not(:disabled)[b-6bt4oxnff3] {
    background-color: transparent;
    border: 1px solid var(--bravetag-border-secondarybutton-color);
    padding: 0.375rem 0.75rem;
}

.button--outlined-secondary .gestisci[b-6bt4oxnff3],
.outlined-secondary .gestisci[b-6bt4oxnff3] {
    color: var(--bravetag-border-secondarybutton-color);
    white-space: nowrap;
    font-size: var(--bravetag-font-size-button);
}

.button--outlined-danger[b-6bt4oxnff3],
.button--outlined-danger:hover:not(:disabled)[b-6bt4oxnff3],
.outlined-danger[b-6bt4oxnff3],
.outlined-danger:hover:not(:disabled)[b-6bt4oxnff3] {
    background-color: transparent;
    border: 1px solid var(--bravetag-colors-error-medium);
    padding: 0.375rem 0.75rem;
}

.button--outlined-danger .gestisci[b-6bt4oxnff3],
.outlined-danger .gestisci[b-6bt4oxnff3] {
    color: var(--bravetag-colors-error-medium);
    white-space: nowrap;
    font-size: var(--bravetag-font-size-button);
}

/* Special Variants */
.button--skip[b-6bt4oxnff3],
.skip-button[b-6bt4oxnff3] {
    background-color: transparent;
    border: 1px solid var(--bravetag-border-secondarybutton-color);    
}

.button--skip .gestisci[b-6bt4oxnff3],
.skip-button .gestisci[b-6bt4oxnff3] {
    color: var(--bravetag-colors-secondary-medium);
}

/* Text/Link Button */
.button--text[b-6bt4oxnff3],
.text[b-6bt4oxnff3] {
    border: 0;
    background: none;
}

.button--text .gestisci[b-6bt4oxnff3],
.text .gestisci[b-6bt4oxnff3] {    
    color: var(--bravetag-colors-primary-medium);
}

.button:focus[b-6bt4oxnff3],
.button:focus-visible[b-6bt4oxnff3],
.button:active[b-6bt4oxnff3] {
    outline: none;
    box-shadow: none;
}

.button-link[b-6bt4oxnff3] {
    display: flex;
    justify-self: flex-end;
}

/* Clean Button - Minimal styling */
.button--clean[b-6bt4oxnff3],
.clean-button[b-6bt4oxnff3] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    align-self: stretch;
    width: auto;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.2s;
}

/* Pet Variants */
.button--pet-outlined-primary[b-6bt4oxnff3],
.pet-outlined-primary[b-6bt4oxnff3],
.pet-outlined-primary:hover:not(:disabled)[b-6bt4oxnff3] {
    background-color: transparent;
    border: 1px solid var(--bravetag-colors-primary-medium);
    padding: 0.375rem 0.75rem;
    width: fit-content;
}

.button--pet-outlined-primary .gestisci[b-6bt4oxnff3],
.pet-outlined-primary .gestisci[b-6bt4oxnff3] {
    color: var(--bravetag-colors-primary-medium);
    white-space: nowrap;
    font-size: var(--bravetag-font-size-button);
}

.button--pet-outlined-secondary[b-6bt4oxnff3],
.pet-outlined-secondary[b-6bt4oxnff3],
.pet-outlined-secondary:hover:not(:disabled)[b-6bt4oxnff3] {
    background-color: transparent;
    border: 1px solid var(--bravetag-border-secondarybutton-color);
    padding: 0.375rem 0.75rem;
    width: fit-content;
}

.button--pet-outlined-secondary .gestisci[b-6bt4oxnff3],
.pet-outlined-secondary .gestisci[b-6bt4oxnff3] {
    color: var(--bravetag-border-secondarybutton-color);
    white-space: nowrap;
    font-size: var(--bravetag-font-size-button);
}

.button--pet-share[b-6bt4oxnff3],
.pet-share[b-6bt4oxnff3],
.pet-share:hover:not(:disabled)[b-6bt4oxnff3] {
    padding: 0.375rem 0.75rem;
}

.button--pet-share .gestisci[b-6bt4oxnff3],
.pet-share .gestisci[b-6bt4oxnff3] {
    white-space: nowrap;
    font-size: var(--bravetag-font-size-button);
    font-weight: 500;
}

/* Size Variants */
.button--sm[b-6bt4oxnff3] {
    padding: 0.25rem 0.5rem;
}

.button--md[b-6bt4oxnff3] {
    padding: 0.375rem 0.75rem;
}

.button--lg[b-6bt4oxnff3] {
    padding: 0.5rem 1rem;
}

/* Utility Classes */
.button--fit-content[b-6bt4oxnff3],
.generate-codes-button[b-6bt4oxnff3],
.backoffice-navbar-button[b-6bt4oxnff3] {
    width: fit-content;
    align-self: center;
}

.button--height-auto[b-6bt4oxnff3],
.height-auto[b-6bt4oxnff3] {
    height: auto;
}

.secondary-medium-text-color[b-6bt4oxnff3] {
    color: var(--bravetag-colors-secondary-medium);
    font-size: 1rem;
    font-weight: 600;
}

.primary-medium-text-color[b-6bt4oxnff3] {
    color: var(--bravetag-colors-primary-medium);
    font-size: 1rem;
    font-weight: 600;
}

.flex-start[b-6bt4oxnff3] {
    justify-content: flex-start;
    gap: 1rem;
}

.no-padding[b-6bt4oxnff3] {
    padding: 0;
}

.backoffice-font-size .gestisci[b-6bt4oxnff3],
.button.backoffice-font-size .gestisci[b-6bt4oxnff3] {
    font-size: var(--bravetag-font-size-backoffice);
}

@keyframes spin-b-6bt4oxnff3 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media (min-width: 600px) {
    .outlined-primary[b-6bt4oxnff3],
    .outlined-secondary[b-6bt4oxnff3],
    .button--outlined-primary[b-6bt4oxnff3],
    .button--outlined-secondary[b-6bt4oxnff3] {
        align-self: center;
    }
}
/* /Components/Divider/Divider.razor.rz.scp.css */
.divider[b-f3ij0i9fg5] {
    border: none;
    border-bottom: 1px solid #29abdf;
    height: 0;
    width: 100%;
}

.secondary-medium-bold[b-f3ij0i9fg5] {
    border-bottom: 2px solid var(--bravetag-colors-secondary-medium);
}
/* /Components/DocumentButton/DocumentButton.razor.rz.scp.css */
.document-button[b-ihqpepjjum] {
    padding: 10px 20px;
    background-color: var(--bravetag-bgcolors-surface);
    color: var(--bravetag-colors-text-dark);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: var(--bravetag-font-size-button);
    gap: 3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    flex: 1;
    width: 100%;
}

.modal-content-wrapper[b-ihqpepjjum] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1;
}

.document-content[b-ihqpepjjum] {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 500px;
    overflow-y: auto;
    height: 100%;
    margin: 0
}
/* /Components/Headers/AccessHeader/AccessHeader.razor.rz.scp.css */
.rectangle[b-vg9hahzmgv] {
    width: 100vw;
    aspect-ratio: 440 / 100;
    background-image: url(img/logo_with_background.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

@media (min-width: 1024px) {
    .rectangle[b-vg9hahzmgv] {
        width: 60vw;
        left: auto;
    }
}
/* /Components/Headers/AuthenticatedHeader/AuthenticatedHeader.razor.rz.scp.css */
.authenticated-header[b-s44ytzj5ri] {
    width: 100vw;
    aspect-ratio: 440 / 100;
    background-image: url(img/header_background.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.header-content[b-s44ytzj5ri] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.logo[b-s44ytzj5ri] {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(img/logo_solo_b.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1.875rem;
    align-self: center;
    margin-top: 0.2rem;
}

@media (min-width: 1024px) {
    .authenticated-header[b-s44ytzj5ri] {
        width: 40vw;
        left: auto;
    }
}
/* /Components/Icon/Icon.razor.rz.scp.css */
.input-icon[b-ggp8nzw0vb],
.icon[b-ggp8nzw0vb],
.breadcrumb-icon[b-ggp8nzw0vb],
.select-icon[b-ggp8nzw0vb],
.address-icon[b-ggp8nzw0vb],
.phone-icon[b-ggp8nzw0vb] {
    width: 20px;
    height: 20px;
    color: #29ABDF;
}

.snackbar-icon[b-ggp8nzw0vb] {
    color: #1A1A1A;
}

.card-icon[b-ggp8nzw0vb] {
    width: 3rem;
    height: 3rem;
    color: var(--bravetag-colors-primary-medium);
}

.navbar-icon[b-ggp8nzw0vb] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--bravetag-colors-text-light);
}

.selected-navbar-icon[b-ggp8nzw0vb],
.button-icon[b-ggp8nzw0vb] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--bravetag-colors-text-light);
}

.pet-icon-share[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-text-light);
    height: 1.25rem;
}

.true[b-ggp8nzw0vb] {
    color: var(--bravetag-bgcolors-snackbar-success);
}

.false[b-ggp8nzw0vb] {
    color: var(--bravetag-bgcolors-snackbar-error);
}

.error[b-ggp8nzw0vb],
.delete[b-ggp8nzw0vb],
.warning[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-error-medium);
}

.error-light-text-color[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-error-light);
}

.disabled-button[b-ggp8nzw0vb] {
    color: var(--bravetag-bgcolors-snackbar-error);
}

.secondary-medium-text-color[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-secondary-medium);
}

.save-icon[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-primary-medium);
}

.primary-medium-text-color[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-primary-medium);
    font-size: 1rem;
    font-weight: 600;
}

.primary-light-text-color[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-primary-light);
    font-size: 1rem;
    font-weight: 600;
}

.tag-icon[b-ggp8nzw0vb] {
    height: 1rem;
    width: 1rem;
    color: var(--bravetag-colors-primary-medium);
}

.title2-icon[b-ggp8nzw0vb] {
    height: 1.5rem;
    width: 1.5rem;
    color: var(--bravetag-colors-primary-medium);
}

.edit[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-secondary-medium);
}

.success-medium-text-color[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-success-medium);
}

.success-light-text-color[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-success-light);
}

.tag-badge.selected svg[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-secondary-medium);
}

.navbar .navbar-button svg[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-text-dark);
}

.tab-icon[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-primary-medium);
    font-size: var(--bravetag-font-size-button);
}

.selected-visualization-setting svg[b-ggp8nzw0vb] {
    color: var(--bravetag-colors-primary-dark);
}

.note-icon[b-ggp8nzw0vb] {
    width: var(--bravetag-font-size-note);
}
/* /Components/InputFields/AddressField/AddressField.razor.rz.scp.css */
.address-field[b-qnlho0ozt6] {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.address-wrapper[b-qnlho0ozt6] {
    display: flex;
    align-items: center;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0 0;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.address-icon[b-qnlho0ozt6] {
    width: 1.5rem;
    height: 1.5rem;
    color: #29ABDF;
    margin-right: 0.5rem;
}

.address-input[b-qnlho0ozt6] {
    flex: 1;
    height: 3.375rem;
    padding: 15px;
    border: none;
    border-radius: 10px;
    background-color: var(--bravetag-bgcolors-input-bg);
    font-family: inherit;
    font-size: inherit;
}

.address-input:focus[b-qnlho0ozt6] {
    outline: none;
}

.address-suggestions[b-qnlho0ozt6] {
    position: absolute;
    top: calc(100% - 2px); /* subito sotto l’input */
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
}

.suggestion-item[b-qnlho0ozt6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
}

.suggestion-item:hover[b-qnlho0ozt6] {
    background-color: #f0f0f0;
}

.suggestion-icon[b-qnlho0ozt6] {
    color: #29ABDF;
}

.suggestion-main[b-qnlho0ozt6] {
    font-weight: bold;
}

.suggestion-secondary[b-qnlho0ozt6] {
    font-size: 0.85em;
    color: #666;
}

.address-error[b-qnlho0ozt6] {
    color: red;
    font-size: 0.9em;
}
/* /Components/InputFields/BreedAutocompleteField/BreedAutocompleteField.razor.rz.scp.css */
.breed-autocomplete-field[b-mu2xs1tmwp] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.breed-dropdown-container[b-mu2xs1tmwp] {
    position: relative;
    width: 100%;
}

.breed-wrapper[b-mu2xs1tmwp] {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0 0;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.breed-icon[b-mu2xs1tmwp] {
    width: 1.5rem;
    height: 1.5rem;
    color: #29ABDF;
}

.breed-input[b-mu2xs1tmwp] {
    width: 100%;
    height: 3.375rem;
    padding: 15px;
    border: none;
    border-radius: 10px 10px 0 0;
    background-color: var(--bravetag-bgcolors-input-bg);
    font-family: inherit;
    font-size: inherit;
}

.breed-input:focus[b-mu2xs1tmwp] {
    outline: none;
}

.breed-suggestions[b-mu2xs1tmwp] {
    position: absolute;
    top: 100%;
    left: -2px;
    background: var(--bravetag-bgcolors-input-bg);
    border-radius: 0 0 10px 10px;
    max-height: 240px;
    overflow-y: auto;
    z-index: 20;
    width: calc(100% + 4px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);   
}

.suggestion-item[b-mu2xs1tmwp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 2rem;
    cursor: pointer;
}

.suggestion-item:hover[b-mu2xs1tmwp] {
    background-color: #f0f7fb;
}

.suggestion-icon[b-mu2xs1tmwp] {
    color: var(--bravetag-colors-primary-medium);
    width: 1rem;
    height: 1rem;
}

.suggestion-main[b-mu2xs1tmwp] {
    font-size: 0.95rem;
}

.breed-error[b-mu2xs1tmwp] {
    color: red;
    font-size: 0.9em;
}
/* /Components/InputFields/Checkbox/Checkbox.razor.rz.scp.css */
.checkbox-container[b-gsovdv8wxq] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.checkbox-container input[type="checkbox"][b-gsovdv8wxq] {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bravetag-colors-background-surface);
    border: 3px solid var(--bravetag-colors-secondary-medium);
    border-radius: 5px;
}

.checkbox-container input[type="checkbox"]:checked[b-gsovdv8wxq] {
    background-color: var(--bravetag-colors-secondary-medium);
    border: 3px solid var(--bravetag-colors-secondary-medium);
    box-shadow: inset 0 0 0 2px var(--bravetag-bgcolors-background);
}

.primary input[type="checkbox"][b-gsovdv8wxq] {
    background-color: var(--bravetag-colors-background-surface);
    border: 3px solid var(--bravetag-colors-primary-medium);
}

.primary input[type="checkbox"]:checked[b-gsovdv8wxq] {
    background-color: var(--bravetag-colors-primary-medium);
    border: 3px solid var(--bravetag-colors-primary-medium);
    box-shadow: inset 0 0 0 2px var(--bravetag-bgcolors-background);
}
/* /Components/InputFields/DateField/DateField.razor.rz.scp.css */

.date-field[b-qqa67pcqlz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
}

.date-field .label[b-qqa67pcqlz] {
    display: flex;
    height: 23.99px;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
}

.date-field .input-wrapper[b-qqa67pcqlz] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    align-self: stretch;
    width: 100%;    
    height: 3.375rem;
    flex: 0 0 auto;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.date-field .input-field[b-qqa67pcqlz],
.date-field .input-field:active[b-qqa67pcqlz]  {
    width: 100%;
    padding: 0 15px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--bravetag-bgcolors-input-bg) !important;
    overflow: hidden;
    border: none;
    border-radius: 10px 10px 0px 0px;    
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

@supports (-webkit-touch-callout: none) {
    .date-field .input-field[b-qqa67pcqlz],
    .date-field .input-field:active[b-qqa67pcqlz]  {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
}

.date-field .input-field:focus[b-qqa67pcqlz] {
    outline: none;
}


.date-field .input-icon[b-qqa67pcqlz] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 3;
    color: #29ABDF;
}

.input-error[b-qqa67pcqlz] {
color: red;
font-size: 0.9em;

}

.label[b-qqa67pcqlz] {
    font-size: 1.125rem;
}

input:-webkit-autofill[b-qqa67pcqlz],
input:-webkit-autofill:hover[b-qqa67pcqlz], 
input:-webkit-autofill:focus[b-qqa67pcqlz], 
input:-webkit-autofill:active[b-qqa67pcqlz]{
    -webkit-box-shadow: 0 0 0 30px var(--bravetag-bgcolors-input-bg) inset !important;
}

input[b-qqa67pcqlz]::-webkit-date-and-time-value {
    text-align: left !important;
}

@media (min-width: 600px) {
    .date-field[b-qqa67pcqlz]   {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        width: auto;
    }
    .date-field .label[b-qqa67pcqlz] {
        white-space: nowrap; 
        align-self: center;
        width: fit-content;
    }
    .date-field .input-wrapper[b-qqa67pcqlz] {
        flex: 1;
    }
    .date-field .input-field[b-qqa67pcqlz] {
        width: 100%;
    }
}
/* /Components/InputFields/NumberInputField/NumberInputField.razor.rz.scp.css */
.input-textfield[b-oajlwi3tlt] {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
}

.input-textfield .label[b-oajlwi3tlt] {
    display: flex;
    height: 23.99px;
    align-items: flex-start;
    position: relative;
    width: fit-content;
}

.input-textfield .input-wrapper[b-oajlwi3tlt] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    align-self: stretch;
    width: 30%;
    flex: 0 0 auto;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.input-textfield .input-field[b-oajlwi3tlt],
.input-textfield .input-field:active[b-oajlwi3tlt]  {
    width: 100%;
    height: 3.375rem;
    padding: 15px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--bravetag-bgcolors-input-bg) !important;
    overflow: hidden;
    border: none;
    border-radius: 10px 10px 0px 0px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.input-textfield .input-field:focus[b-oajlwi3tlt] {
    outline: none;
}


.input-textfield .input-icon[b-oajlwi3tlt] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 3;
    color: #29ABDF;
}

.input-error[b-oajlwi3tlt] {
color: red;
font-size: 0.9em;

}

.label[b-oajlwi3tlt] {
    font-size: 1.125rem;
    height: 100%;
}

.label .text-wrapper[b-oajlwi3tlt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

input:-webkit-autofill[b-oajlwi3tlt],
input:-webkit-autofill:hover[b-oajlwi3tlt], 
input:-webkit-autofill:focus[b-oajlwi3tlt], 
input:-webkit-autofill:active[b-oajlwi3tlt]{
    -webkit-box-shadow: 0 0 0 30px var(--bravetag-bgcolors-input-bg) inset !important;
}

.letter-spacing-code[b-oajlwi3tlt] {
    letter-spacing: 0.5rem;
}

.column-start[b-oajlwi3tlt] {
    flex-direction: column;
    align-items: start;
}

.width-auto[b-oajlwi3tlt] {
    width: auto !important;
}

.input-field[b-oajlwi3tlt] {
    min-width: 0;
}

.input-field[b-oajlwi3tlt]::placeholder {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.gap[b-oajlwi3tlt] {
    gap: 1rem;
}
/* /Components/InputFields/PhoneNumberField/PhoneNumberField.razor.rz.scp.css */
.phone-number-field[b-ab7drimiky] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    position: relative;
}

.phone-number-field .label[b-ab7drimiky] {
    font-size: 1.125rem;
    width: 100%;
}

.phone-wrapper[b-ab7drimiky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0 0;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.prefix-wrapper[b-ab7drimiky] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.phone-icon[b-ab7drimiky] {
    width: 1.5rem;
    height: 1.5rem;
    color: #29ABDF;
}

/* Custom dropdown */
.custom-select[b-ab7drimiky] {
    position: relative;
    padding-right:10px;
    font-family: inherit;
    width: fit-content;
}

.custom-select .selected[b-ab7drimiky] {
    background-color: var(--bravetag-bgcolors-input-bg);
    border: none;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    text-align: center;
    height: 3.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-select .options[b-ab7drimiky] {
    width: fit-content;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: solid 1px var(--bravetag-colors-primary-medium);
    border-radius: 0 0 10px 10px;
    max-height: 150px;
    overflow-y: auto;
    z-index: 10;
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-select .options .image[b-ab7drimiky] {
    width: 1rem;    
    height: 1rem;
    object-fit: cover;
    border-radius: 2px;
}

.custom-select .options li[b-ab7drimiky] {
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    align-items: center;
}

.custom-select .options li:hover[b-ab7drimiky] {
    background-color: #f0f0f0;
}

/**/


.phone-input[b-ab7drimiky] {
    flex: 1;
    height: 3.375rem;
    padding-right: 15px;
    border: none;
    border-radius: 0 10px 0 10px;
    background-color: var(--bravetag-bgcolors-input-bg);
    font-family: inherit;
    font-size: inherit;
    width: 100%;
}

.phone-input:focus[b-ab7drimiky] {
    outline: none;
}


.phone-input:disabled[b-ab7drimiky] {
    cursor: not-allowed;
    opacity: 0.6;
}

.phone-error[b-ab7drimiky] {
    color: red;
    font-size: 0.9em;
}
/* /Components/InputFields/PhoneNumberItemField/PhoneNumberItemField.razor.rz.scp.css */
.contact-item[b-cuyrmxr8wo] {
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-actions[b-cuyrmxr8wo] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.action-buttons[b-cuyrmxr8wo] {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}
/* /Components/InputFields/RadiusSearchBar/RadiusSearchBar.razor.rz.scp.css */
.radius-slider-container[b-7k9r1ta6l8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
}

.radius-slider-title[b-7k9r1ta6l8] {
    width: 100%;
    align-self: flex-start;
}

.radius-slider-limits[b-7k9r1ta6l8] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.radius-slider[b-7k9r1ta6l8] {
    width: 90%;
}

.radius-slider input[type="range"][b-7k9r1ta6l8] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 3px;
    border-radius: 4px;
    background: var(--bravetag-bgcolors-secondary-light);
    outline: none;
    cursor: pointer;
    transition: background 0.3s ease;
}


/* Track */
.radius-slider input[type="range"][b-7k9r1ta6l8]::-webkit-slider-runnable-track {
    height: 3px;
    border-radius: 4px;
}

/* Thumb */
.radius-slider input[type="range"][b-7k9r1ta6l8]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--bravetag-colors-secondary-medium);
    margin-top: -3px;
}

.radius-slider input[type="range"][b-7k9r1ta6l8]::-webkit-slider-thumb:hover {
    transform: scale(1.15);
    box-shadow: 0 0 12px rgba(150, 180, 255, 0.9);
}

.radius-slider input[type="range"]:active[b-7k9r1ta6l8]::-webkit-slider-thumb {
    transform: scale(1.25);
}

/* Firefox */
.radius-slider input[type="range"][b-7k9r1ta6l8]::-moz-range-thumb {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--bravetag-colors-secondary-medium);
    cursor: pointer;
}

.radius-slider input[type="range"][b-7k9r1ta6l8]::-moz-range-track {
    height: 3px;
    border-radius: 4px;
    background: var(--bravetag-bgcolors-secondary-light);
}

/* Spazio sopra lo slider per posizionare il valore */
.radius-slider-value-wrapper[b-7k9r1ta6l8] {
    position: relative;
    width: 90%;
    height: 0.33rem;
    margin-bottom: 0.2rem;
}

.radius-slider-value-current-wrapper[b-7k9r1ta6l8] {
    position: absolute;
    top: 0;
    width: 40px;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.radius-slider-current-value[b-7k9r1ta6l8] {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    pointer-events: none;
    transition: left 0.05s linear;
}
/* /Components/InputFields/SelectField/SelectField.razor.rz.scp.css */
.select-field[b-yvkuiqr19s] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
}

.select-field .label[b-yvkuiqr19s] {
    display: flex;
    height: 23.99px;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
}

.select-field .select-wrapper[b-yvkuiqr19s] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.select-field .select-icon[b-yvkuiqr19s] {    
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 3;
    color: #29ABDF;
}

.select-field .select-input[b-yvkuiqr19s] {
    width: 100%;
    height: 3.375rem;
    padding: 15px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--bravetag-bgcolors-input-bg) !important;
    overflow: hidden;
    border: none;
    border-radius: 10px 10px 0px 0px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.select-field .select-input:focus[b-yvkuiqr19s],
.select-field .select-input:active[b-yvkuiqr19s] {
    border: none;
    box-shadow: none;
    outline: none;
}


.select-wrapper select option[b-yvkuiqr19s] {
    background-color: var(--bravetag-bgcolors-input-bg);
}

@media (min-width: 600px){
    .select-field[b-yvkuiqr19s] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 1rem;
        width: auto;
    }
    .select-field .label[b-yvkuiqr19s] {
        white-space: nowrap;
        align-self: center;
        width: fit-content;
    }
    .select-field .select-wrapper[b-yvkuiqr19s] {
        flex: 1;
        height: 3.375rem;
    }
    .select-field .select-input[b-yvkuiqr19s] {
        width: 100%;
        padding: 0 15px;
        height: auto;
    }
}

.select-error[b-yvkuiqr19s] {
    color: red;
    font-size: 0.9em;
}
/* /Components/InputFields/SwitchField/SwitchField.razor.rz.scp.css */
.switch-field-container[b-6lqwy631xz]{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.switch-field[b-6lqwy631xz] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.switch-field input[type="checkbox"][b-6lqwy631xz] {
    display: none;
}

.switch[b-6lqwy631xz] {
    position: relative;
    width: 48px;
    height: 26px;
    background-color: #ccc;
    border-radius: 50px;
    transition: background-color 0.25s ease;
    cursor: pointer;
}

.switch-slider[b-6lqwy631xz] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.25s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

input[type="checkbox"]:checked + .switch .switch-slider[b-6lqwy631xz] {
    transform: translateX(22px);
}

input[type="checkbox"]:checked + .switch[b-6lqwy631xz] {
    background-color: var(--bravetag-bgcolors-light-blue);
}


.switch:hover[b-6lqwy631xz] {
    background-color: #bdbdbd;
}

input[type="checkbox"]:checked + .switch:hover[b-6lqwy631xz] {
    background-color: var(--bravetag-bgcolors-light-blue);
}

.switch-checked[b-6lqwy631xz] {
    background-color: var(--bravetag-colors-primary-dark);
}

.switch-gap[b-6lqwy631xz] {
    display: flex;
    gap: 1rem;
}

.revert-switch-field-label[b-6lqwy631xz] { 
    display: flex;
    flex-direction: row-reverse;
}
/* /Components/InputFields/TextAreaInputField/TextAreaInputField.razor.rz.scp.css */

.input-textfield[b-7f58r0kwo2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
}

.input-textfield .label[b-7f58r0kwo2] {
    display: flex;
    height: 23.99px;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
}

.input-textfield .input-wrapper[b-7f58r0kwo2] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.input-textfield .input-field[b-7f58r0kwo2],
.input-textfield .input-field:active[b-7f58r0kwo2]  {
    width: 100%;
    padding: 15px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--bravetag-bgcolors-input-bg) !important;
    overflow: hidden;
    border: none;
    border-radius: 10px 10px 0px 0px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    -webkit-user-select: none;
    user-select: none;
    resize: none;
}

.input-textfield .input-field-preview[b-7f58r0kwo2] {
    width: 100%;
    padding: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: text;
    line-height: 1.5;
    min-height: 1.5em;
}

.input-textfield .input-field-placeholder[b-7f58r0kwo2] {
    color: #9ca3af;
}

.input-textfield .input-field:focus[b-7f58r0kwo2] {
    outline: none;
    white-space: pre-wrap;
}


.input-textfield .input-icon[b-7f58r0kwo2] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 3;
    color: #29ABDF;
}

.input-error[b-7f58r0kwo2] {
color: red;
font-size: 0.9em;

}

.input-bottom-row[b-7f58r0kwo2] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 0.25rem;
}

.char-counter[b-7f58r0kwo2] {
    text-align: right;
}

.label[b-7f58r0kwo2] {
    font-size: 1.125rem;
}

input:-webkit-autofill[b-7f58r0kwo2],
input:-webkit-autofill:hover[b-7f58r0kwo2], 
input:-webkit-autofill:focus[b-7f58r0kwo2], 
input:-webkit-autofill:active[b-7f58r0kwo2]{
    -webkit-box-shadow: 0 0 0 30px var(--bravetag-bgcolors-input-bg) inset !important;
}

.letter-spacing-code[b-7f58r0kwo2] {
    letter-spacing: 0.5rem;
}

.password-toggle-btn[b-7f58r0kwo2] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    color: #29ABDF;
    transition: opacity 0.2s ease;
}

.password-toggle-btn:hover[b-7f58r0kwo2] {
    opacity: 0.7;
}

.password-toggle-btn:active[b-7f58r0kwo2] {
    opacity: 0.5;
}

.password-toggle-icon[b-7f58r0kwo2] {
    width: 1.5rem;
    height: 1.5rem;
}

.qr-input-search[b-7f58r0kwo2] {
    min-width: 220px;
    padding-left: 2.2rem;
    width: fit-content !important
}

.qr-input-search .input-wrapper[b-7f58r0kwo2]{
    width: fit-content;
}

.qr-input-container[b-7f58r0kwo2] {
    display: flex;
    flex-direction: row;
}

.qr-input-container .label[b-7f58r0kwo2]{
    align-self: center;
    white-space: nowrap;
}
/* /Components/InputFields/TextInputField/TextInputField.razor.rz.scp.css */

.input-textfield[b-l92vaos60p] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
}

.input-textfield .label[b-l92vaos60p] {
    display: flex;
    height: 23.99px;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
}

.input-textfield .input-wrapper[b-l92vaos60p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.input-textfield .input-field[b-l92vaos60p],
.input-textfield .input-field:active[b-l92vaos60p]  {
    width: 100%;
    height: 3.375rem;
    padding: 15px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--bravetag-bgcolors-input-bg) !important;
    overflow: hidden;
    border: none;
    border-radius: 10px 10px 0px 0px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    -webkit-user-select: none;
    user-select: none;
}

.input-textfield .input-field:focus[b-l92vaos60p] {
    outline: none;
}


.input-textfield .input-icon[b-l92vaos60p] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 3;
    color: #29ABDF;
}

.input-error[b-l92vaos60p] {
color: red;
font-size: 0.9em;

}

.label[b-l92vaos60p] {
    font-size: 1.125rem;
}

input:-webkit-autofill[b-l92vaos60p],
input:-webkit-autofill:hover[b-l92vaos60p],
input:-webkit-autofill:focus[b-l92vaos60p],
input:-webkit-autofill:active[b-l92vaos60p] {
    -webkit-box-shadow: 0 0 0 30px var(--bravetag-bgcolors-input-bg) inset !important;
    -webkit-text-fill-color: var(--bravetag-colors-text-primary) !important;
}

.letter-spacing-code[b-l92vaos60p] {
    letter-spacing: 0.5rem;
}

.password-toggle-btn[b-l92vaos60p] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    color: #29ABDF;
    transition: opacity 0.2s ease;
}

.password-toggle-btn:hover[b-l92vaos60p] {
    opacity: 0.7;
}

.password-toggle-btn:active[b-l92vaos60p] {
    opacity: 0.5;
}

.password-toggle-icon[b-l92vaos60p] {
    width: 1.5rem;
    height: 1.5rem;
}

.qr-input-search[b-l92vaos60p] {
    min-width: 220px;
    padding-left: 2.2rem;
    width: fit-content !important
}

.qr-input-search .input-wrapper[b-l92vaos60p]{
    width: fit-content;
}

.qr-input-container[b-l92vaos60p] {
    display: flex;
    flex-direction: row;
}

.qr-input-container .label[b-l92vaos60p]{
    align-self: center;
    white-space: nowrap;
}

.width-auto[b-l92vaos60p] {
    width: auto !important;
}

.input-field[b-l92vaos60p] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input-field[b-l92vaos60p]::placeholder {
    opacity: 1;
}

.flex-grow[b-l92vaos60p] {
    flex:1;
}

.gap[b-l92vaos60p] {
    gap: 1rem;
}
/* /Components/InputFields/TimeField/TimeField.razor.rz.scp.css */

.date-field[b-3xohv9j1tx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
}

.date-field .label[b-3xohv9j1tx] {
    display: flex;
    height: 23.99px;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
}

.date-field .input-wrapper[b-3xohv9j1tx] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    align-self: stretch;
    width: 100%;    
    height: 3.375rem;
    flex: 0 0 auto;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid var(--bravetag-colors-primary-medium) 2px;
    padding: 0 1rem;
}

.date-field .input-field[b-3xohv9j1tx],
.date-field .input-field:active[b-3xohv9j1tx]  {
    width: 100%;
    padding: 0 15px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--bravetag-bgcolors-input-bg) !important;
    overflow: hidden;
    border: none;
    border-radius: 10px 10px 0px 0px;    
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

@supports (-webkit-touch-callout: none) {
    .date-field .input-field[b-3xohv9j1tx],
    .date-field .input-field:active[b-3xohv9j1tx]  {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
}

.date-field .input-field:focus[b-3xohv9j1tx] {
    outline: none;
}


.date-field .input-icon[b-3xohv9j1tx] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 3;
    color: #29ABDF;
}

.input-error[b-3xohv9j1tx] {
color: red;
font-size: 0.9em;

}

.label[b-3xohv9j1tx] {
    font-size: 1.125rem;
}

input:-webkit-autofill[b-3xohv9j1tx],
input:-webkit-autofill:hover[b-3xohv9j1tx], 
input:-webkit-autofill:focus[b-3xohv9j1tx], 
input:-webkit-autofill:active[b-3xohv9j1tx]{
    -webkit-box-shadow: 0 0 0 30px var(--bravetag-bgcolors-input-bg) inset !important;
}

input[b-3xohv9j1tx]::-webkit-date-and-time-value {
    text-align: left !important;
}

@media (min-width: 600px) {
    .date-field[b-3xohv9j1tx]   {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        width: auto;
    }
    .date-field .label[b-3xohv9j1tx] {
        white-space: nowrap; 
        align-self: center;
        width: fit-content;
    }
    .date-field .input-wrapper[b-3xohv9j1tx] {
        flex: 1;
    }
    .date-field .input-field[b-3xohv9j1tx] {
        width: 100%;
    }
}
/* /Components/LayoutComponents/DatumDisplay/DatumDisplay.razor.rz.scp.css */
.datum-display[b-kcntqlmi21] {
    display: flex;
    flex-direction: column;
}
/* /Components/LayoutComponents/EditablePhoneNumberSelector/EditablePhoneNumberSelector.razor.rz.scp.css */
.phone-number-selector-container[b-9cd9jx27sy] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
    padding: 1rem;
    width: 100%;
}

.first-row[b-9cd9jx27sy] {
    display: flex;
    align-items: center;
}

.second-row[b-9cd9jx27sy] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.title-text[b-9cd9jx27sy] {
    flex-grow: 1;
}

.badge-container[b-9cd9jx27sy] {
    position: relative;
    height: -webkit-fill-available;
    height: 100%;
    align-content: center;
    margin-right: 1rem;
}

.flex-label[b-9cd9jx27sy] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

.delete-button[b-9cd9jx27sy] {
    align-self: center;
}
/* /Components/LayoutComponents/FormContainer/FormContainer.razor.rz.scp.css */

.container[b-wu60vs4j5f] {
    align-items: flex-end;
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.container-2[b-wu60vs4j5f] {
    align-items: center;
    gap: 1rem;
    border-color: var(--bravetag-colors-primary-medium);
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.paragraph[b-wu60vs4j5f] {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.text-wrapper-3[b-wu60vs4j5f] {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: "Inter", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.divider-container[b-wu60vs4j5f] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* /Components/LayoutComponents/ImageUploadCard/ImageUploadCard.razor.rz.scp.css */
.upload-card[b-51sddmrlbt] {
    opacity: 1;
    gap: 30px;
    border-radius: 10px;
    border-width: 1px;
    padding: 20px;
    background-color: var(--bravetag-bgcolors-surface);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bravetag-border-color);
}

.upload-card.clickable[b-51sddmrlbt] {
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;    
}

.upload-card.clickable:hover[b-51sddmrlbt] {
    border-color: var(--bravetag-colors-primary-medium);
    box-shadow: 0 0 0 2px rgba(var(--bravetag-colors-primary-rgb), 0.1);
}

.upload-card .icon-wrapper[b-51sddmrlbt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-icon[b-51sddmrlbt] {
    width: 4rem;
    height: 4rem;
    color: var(--bravetag-colors-primary-medium);
}

.upload-card .body-wrapper[b-51sddmrlbt] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.image-preview-wrapper[b-51sddmrlbt] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.image-preview[b-51sddmrlbt] {
    width: 10rem;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 10px;
}

.image-action-button[b-51sddmrlbt] {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 4px;
}

.edit-image-btn[b-51sddmrlbt] {
    border-radius: 0 10px;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    transition: transform 0.2s ease;
    color: var(--bravetag-colors-text-light);
    background-color: var(--bravetag-colors-primary-medium);
}

.edit-image-btn:hover[b-51sddmrlbt] {
    transform: scale(1.1);
}

.edit-icon[b-51sddmrlbt] {
    width: 14px;
    height: 14px;
    color: white;
}

.image-preview-container[b-51sddmrlbt] {
    width: 10rem;
    position: relative;
}

.spinner-wrapper[b-51sddmrlbt] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
}
/* /Components/LayoutComponents/InfoCard/InfoCard.razor.rz.scp.css */
.info-card[b-vxxxm25kw2] {
    opacity: 1;
    gap: 1rem;
    border-radius: 10px;
    border-width: 1px;
    padding: 20px;
    background-color: var(--bravetag-bgcolors-surface);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bravetag-border-color);
}

.info-card.clickable[b-vxxxm25kw2] {
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;    
}

.info-card.clickable:hover[b-vxxxm25kw2] {
    border-color: var(--bravetag-colors-primary-medium);
    box-shadow: 0 0 0 2px rgba(var(--bravetag-colors-primary-rgb), 0.1);
}

.info-card .icon-wrapper[b-vxxxm25kw2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.icon[b-vxxxm25kw2] {
    width: 4rem;
    height: 4rem;
    color: var(--bravetag-colors-primary-medium);
}

.info-card .body-wrapper[b-vxxxm25kw2] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.resend-code-container[b-vxxxm25kw2] {
    margin-top: 0.5em;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}
/* /Components/LayoutComponents/PetImageAndNameCard/PetImageAndNameCard.razor.rz.scp.css */
.pet-image img[b-77i7diiawk]{
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 0.625rem;
    display: flex;
}

.card[b-77i7diiawk] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    padding: 0.3125rem 0.625rem;
    border-radius: 10px;
}

.selected[b-77i7diiawk] {
    background-color: var(--bravetag-bgcolors-secondary-light);
}
/* /Components/LayoutComponents/PhoneNumberDisplay/PhoneNumberDisplay.razor.rz.scp.css */
.phone-number-selector-container[b-brckpy6i4t] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.checkbox-wrapper[b-brckpy6i4t] {
    width: auto;
    align-self: center;
}

.button-wrapper[b-brckpy6i4t] {
    width: auto;
}

.phone-number-container[b-brckpy6i4t] {
    display: flex;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
    padding: 1rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}

.phone-number-info[b-brckpy6i4t] 
{
    display: flex;
    flex-direction: column;
    gap:0.25rem;
}

.badge-container[b-brckpy6i4t] {
    position: relative;
    width: 100%;
}

.background[b-brckpy6i4t] {
    background-color: var(--bravetag-bgcolors-background);
}
/* /Components/LayoutComponents/PhoneNumberSelector/PhoneNumberSelector.razor.rz.scp.css */
.phone-number-selector-container[b-lx83i82ozo] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.checkbox-wrapper[b-lx83i82ozo] {
    width: auto;
    align-self: center;
}

.button-wrapper[b-lx83i82ozo] {
    width: auto;
}

.phone-number-container[b-lx83i82ozo] {
    display: flex;
    flex-direction: column;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
    padding: 1rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}

.phone-number-info[b-lx83i82ozo] 
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.actions[b-lx83i82ozo]
{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.badge-container[b-lx83i82ozo] {
    position: relative;
    width: 100%;
}

.backgorund[b-lx83i82ozo] {
    background-color: var(--bravetag-bgcolors-background);
}

.action-button[b-lx83i82ozo] {
    align-self: center;
}

/* /Components/LayoutComponents/TagScanner/TagScanner.razor.rz.scp.css */
.instruction-section[b-z3hwk5v79f] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 1rem;
}

.token-instruction-section[b-z3hwk5v79f] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.link[b-z3hwk5v79f] {
    width: 100%; 
    display: flex; 
    justify-content: end;  
}

.qr-code-scan-button[b-z3hwk5v79f]{
    padding-bottom: 1.5rem;
}

.token-display[b-z3hwk5v79f], .token-value[b-z3hwk5v79f] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
}

.token-value[b-z3hwk5v79f] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.token-section[b-z3hwk5v79f] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.activation-code[b-z3hwk5v79f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}


.button-position-bottom[b-z3hwk5v79f] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    z-index: 1001;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* /Components/LayoutComponents/VisualizationSetter/VisualizationSetter.razor.rz.scp.css */
.setter-container[b-drh3mnd6gy] {    
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
    padding: 2px;
}

.tab[b-drh3mnd6gy] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.625rem;
}

.selected-visualization-setting[b-drh3mnd6gy] {
    background-color: var(--bravetag-bgcolors-highlight);
    border-radius: 10px;
}
/* /Components/Link/Link.razor.rz.scp.css */
/* Neutralizza i colori del link, lascia ereditare */
[b-y64ee474b2](a.link-reset:link),
[b-y64ee474b2](a.link-reset:visited),
[b-y64ee474b2](a.link-reset:hover),
[b-y64ee474b2](a.link-reset:active) {
    color: inherit !important;
    text-decoration: none !important;
}

/* Colore sempre secondary-dark sul testo interno */
.text-wrapper-2[b-y64ee474b2] {
    position: relative;
    width: fit-content;
    color: var(--bravetag-colors-secondary-dark) !important;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s;
}

.text-wrapper-2:hover[b-y64ee474b2] {
    color: var(--bravetag-colors-secondary-dark) !important;
    text-decoration: none !important;
}

[b-y64ee474b2](.text-wrapper-2.active),
[b-y64ee474b2](.text-wrapper-2.active:hover) {
    color: var(--bravetag-colors-secondary-dark) !important;
    text-decoration: none !important;
}

.flex-end[b-y64ee474b2] {
    display: flex;
    justify-content: flex-end;
}
/* /Components/Modal/AddPhoneNumberModal/AddPhoneNumberModal.razor.rz.scp.css */
.phone-card[b-0owwq54dep] {
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
    padding: 1rem;
}
/* /Components/Modal/ChangePasswordCodeModal/ChangePasswordCodeModal.razor.rz.scp.css */
.resend-code-container[b-yzxf23vzms] {
    margin-top: 0.5em;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.body-container[b-yzxf23vzms] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.modal-footer-buttons-container[b-yzxf23vzms]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
}
/* /Components/Modal/ConfirmDeletionModal/ConfirmDeletionModal.razor.rz.scp.css */
.modal-footer-buttons-container[b-dmytnjljv2] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
}

.confirm-deletion-modal-content[b-dmytnjljv2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.icon[b-dmytnjljv2] {
    justify-content: center;
    display: flex;
}
/* /Components/Modal/DeleteAccountModal/DeleteAccountModal.razor.rz.scp.css */
.body-container[b-hewyhhrsf8] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.text-container[b-hewyhhrsf8] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.modal-footer-buttons-container[b-hewyhhrsf8] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 1rem;
}
/* /Components/Modal/EmailVerificationCodeModal/EmailVerificationCodeModal.razor.rz.scp.css */
.resend-code-container[b-gi0e8mpk0d] {
    margin-top: 0.5em;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.body-container[b-gi0e8mpk0d] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.modal-footer-buttons-container[b-gi0e8mpk0d]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
}
/* /Components/Modal/ImageCropperModal/ImageCropperModal.razor.rz.scp.css */
.cropper-modal-overlay[b-y550xrdrun] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 1rem;
    box-sizing: border-box;
}

.cropper-modal-content[b-y550xrdrun] {
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 12px;
    max-width: 500px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.cropper-modal-header[b-y550xrdrun] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bravetag-border-color);
}

.cropper-modal-header h3[b-y550xrdrun] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--bravetag-colors-text);
}

.cropper-close-btn[b-y550xrdrun] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.cropper-close-btn:hover[b-y550xrdrun] {
    background-color: var(--bravetag-bgcolors-hover);
}

.close-icon[b-y550xrdrun] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--bravetag-colors-text-secondary);
}

.cropper-container[b-y550xrdrun] {
    width: 100%;
    height: 300px;
    background-color: #1a1a1a;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.cropper-container img[b-y550xrdrun] {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.cropper-controls[b-y550xrdrun] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    padding: 1rem;
    border-top: 1px solid var(--bravetag-border-color);
    border-bottom: 1px solid var(--bravetag-border-color);
    background-color: var(--bravetag-bgcolors-secondary);
}

.cropper-control-btn[b-y550xrdrun] {
    background-color: var(--bravetag-bgcolors-surface);
    border: 1px solid var(--bravetag-border-color);
    border-radius: 8px;
    padding: 0.625rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.cropper-control-btn:hover[b-y550xrdrun] {
    background-color: var(--bravetag-bgcolors-hover);
    border-color: var(--bravetag-colors-primary-medium);
}

.control-icon[b-y550xrdrun] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--bravetag-colors-text);
}

.cropper-modal-footer[b-y550xrdrun] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
}

.cropper-btn[b-y550xrdrun] {
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.cancel-btn[b-y550xrdrun] {
    background-color: transparent;
    border: 1px solid var(--bravetag-border-color);
    color: var(--bravetag-colors-text);
}

.cancel-btn:hover[b-y550xrdrun] {
    background-color: var(--bravetag-bgcolors-hover);
}

.confirm-btn[b-y550xrdrun] {
    background-color: var(--bravetag-colors-primary-medium);
    color: white;
}

.confirm-btn:hover[b-y550xrdrun] {
    background-color: var(--bravetag-colors-primary-dark);
}

/* Cropper.js overrides for better styling */
::ng-deep .cropper-view-box[b-y550xrdrun],
::ng-deep .cropper-face[b-y550xrdrun] {
    border-radius: 0;
}

::ng-deep .cropper-view-box[b-y550xrdrun] {
    outline: 2px solid var(--bravetag-colors-primary-medium);
    outline-color: var(--bravetag-colors-primary-medium);
}

::ng-deep .cropper-line[b-y550xrdrun] {
    background-color: var(--bravetag-colors-primary-medium);
}

::ng-deep .cropper-point[b-y550xrdrun] {
    background-color: var(--bravetag-colors-primary-medium);
}

@media (max-width: 480px) {
    .cropper-modal-content[b-y550xrdrun] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .cropper-container[b-y550xrdrun] {
        height: 250px;
    }

    .cropper-controls[b-y550xrdrun] {
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .cropper-control-btn[b-y550xrdrun] {
        padding: 0.5rem;
    }
}
/* /Components/Modal/ModalBody/ModalBody.razor.rz.scp.css */
.modal-body[b-sn68ewvrhh] {
    padding: 1rem 0;
    flex: 1;
    overflow-y: hidden;
}

.space-between[b-sn68ewvrhh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: auto;
}

.flex[b-sn68ewvrhh] {
    display: flex;
}
/* /Components/Modal/ModalFooter/ModalFooter.razor.rz.scp.css */
.modal-footer[b-821p9ea2eb] {
    padding-top: 15px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.center-content[b-821p9ea2eb] {
    justify-content: center;
    gap: 0.625rem;
}
/* /Components/Modal/ModalHeader/ModalHeader.razor.rz.scp.css */
.modal-header[b-dtvoyzs76i] {
    padding-bottom: 10px;
}

.modal-header h5[b-dtvoyzs76i] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}
/* /Components/Modal/Modal/Modal.razor.rz.scp.css */
.modal-overlay[b-ya90981s73] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.modal-content[b-ya90981s73] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 90vw;
    height: calc(100vh - 250px);
    height: calc(100dvh - 250px);
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.height-auto[b-ya90981s73] {
    height: auto;
    max-height: calc(100vh - 250px);
    max-height: calc(100dvh - 250px);
}

.brave-tag-manager-modal[b-ya90981s73] {
    width: 100%;
}
/* /Components/Modal/NewPhoneNumberLabelModal/NewPhoneNumberLabelModal.razor.rz.scp.css */
.label-card[b-35gocstz2c] {
    border-radius: 10px;
    background-color: var(--bravetag-colors-primary-medium );
    padding: 0.325rem 0.7rem;
    width: fit-content;
    height: fit-content;
}

.label-container[b-35gocstz2c] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.label-text[b-35gocstz2c] {
    color: var(--bravetag-colors-text-light);
    font-size: var(--bravetag-font-size-button);
}

.action-buttons[b-35gocstz2c] {
    align-self: center;
}
/* /Components/Modal/PetFoundModal/PetFoundModal.razor.rz.scp.css */
.resend-code-container[b-ecxyg4f8nb] {
    margin-top: 0.5em;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.body-container[b-ecxyg4f8nb] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.modal-footer-buttons-container[b-ecxyg4f8nb]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
}
/* /Components/Modal/PhoneNumberCodeModal/PhoneNumberCodeModal.razor.rz.scp.css */
.resend-code-container[b-cprlssge49] {
    margin-top: 0.5em;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.body-container[b-cprlssge49] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.modal-footer-buttons-container[b-cprlssge49]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
}
/* /Components/Modal/SelectLanguageModal/SelectLanguageModal.razor.rz.scp.css */
.body-container[b-ednm9vgjr6] {
    padding: 20px 0;
}

.language-options[b-ednm9vgjr6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
}

.language-option[b-ednm9vgjr6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--bravetag-bgcolors-background);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.language-option:hover[b-ednm9vgjr6] {
    background-color: var(--bravetag-bgcolors-background);
    border-color: var(--bravetag-colors-primary-medium);
}

.language-option input[type="radio"][b-ednm9vgjr6] {
    cursor: pointer;
}

.language-option label[b-ednm9vgjr6] {
    flex: 1;
    cursor: pointer;
    margin: 0;
}

.modal-footer-buttons-container[b-ednm9vgjr6] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 1rem;    
}
/* /Components/Modal/WriteAMessageModal/WriteAMessageModal.razor.rz.scp.css */
.resend-code-container[b-6t4d66w3jo] {
    margin-top: 0.5em;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.body-container[b-6t4d66w3jo] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.modal-footer-buttons-container[b-6t4d66w3jo]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
}
/* /Components/Navbar/BackofficeNavbar/BackofficeNavbar.razor.rz.scp.css */
.backoffice-navbar-container[b-bddbkhgdrx] {
    display: flex;
    justify-content: flex-start;
    gap: 2rem;
}
/* /Components/Navbar/NavbarButton/NavbarButton.razor.rz.scp.css */
.navbar-button[b-joffrbyrdg] {
    background: none;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}


.selected-navbar-button[b-joffrbyrdg] {
    border: none;
    border-radius: 0.625rem;
    padding: 0.5rem;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bravetag-colors-primary-medium);
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.navbar-button-badge[b-joffrbyrdg] {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.725rem;
    height: 0.725rem;
    border-radius: 50%;
    background: #ff3b30;
    border: 1px solid var(--bravetag-colors-text-inverted, #fff);
}
/* /Components/Navbar/Navbar/Navbar.razor.rz.scp.css */
.navbar[b-xrkle1b8db] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.375rem 1.875rem;
    /* Aggiunge padding per safe-area su iPhone con notch */
    padding-bottom: calc(0.375rem + env(safe-area-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-surface);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 998;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (min-width: 1024px) {
    .navbar[b-xrkle1b8db] {
        width: 40vw;
        left: auto;
        border-radius: 0.5rem;
    }
}
/* /Components/Notice/Create/NoticeRegistrationStep1/NoticeRegistrationStep1.razor.rz.scp.css */
.content[b-6fy79r01ga] {
    width: 100%;
    padding: 0 1.875rem;
}

.pet-list[b-6fy79r01ga] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem;
}

.pet-card[b-6fy79r01ga] {
    width: 100%;
    background-color: var(--bravetag-bgcolors-surface);
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 10px;
}

.pet-card.selected[b-6fy79r01ga] {
    background-color: var(--bravetag-bgcolors-secondary-light);
}

.pet-image img[b-6fy79r01ga]{
    height: 3.75rem;
    aspect-ratio: 1/1;
    border-radius: 0.625rem;
}

.pet-info[b-6fy79r01ga] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.button-position-bottom[b-6fy79r01ga] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* /Components/Notice/Create/NoticeRegistrationStep2/NoticeRegistrationStep2.razor.rz.scp.css */
.notice-registration-step2-container[b-rdqr48vnzj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
}

.button-position-bottom[b-rdqr48vnzj] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.general-data-form-header[b-rdqr48vnzj] {
    width: 100%;
    padding: 0 1.875rem;
}
/* /Components/Notice/Create/NoticeRegistrationStep3/NoticeRegistrationStep3.razor.rz.scp.css */
.content[b-6dxieuvhb5] {
    width: 100%;
    padding: 0 1.875rem;
    padding-bottom: 8rem;
}

.button-position-bottom[b-6dxieuvhb5] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* /Components/Notice/Create/NoticeRegistrationStep4/NoticeRegistrationStep4.razor.rz.scp.css */
.content[b-iqpcjnzoa4] {
    width: 100%;
    padding: 0 1.875rem;
}

.button-position-bottom[b-iqpcjnzoa4] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    display: flex;
    gap: 1rem;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);    
    transform: translateZ(0);
}
/* /Components/Notice/Create/NoticeRegistrationStep5/NoticeRegistrationStep5.razor.rz.scp.css */
.notice-registration-step5-wrapper[b-obdlrrqz6e] {
    width: 100%;
    padding: 0 1.875rem;
}

.notice-registration-step5-container[b-obdlrrqz6e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 6rem;
}

.button-position-bottom[b-obdlrrqz6e] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);    
    transform: translateZ(0);
}

.report-data-title[b-obdlrrqz6e] {
    margin-bottom: 0.5rem;
}

.notice-image[b-obdlrrqz6e] {
    width: 10rem;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 10px;
}

.first-row[b-obdlrrqz6e] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.notice-date-and-location[b-obdlrrqz6e] {
    display: flex;
    flex-direction: column;
}

.contact-card[b-obdlrrqz6e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
}

.map-container[b-obdlrrqz6e] {
    width: 100%;
    height: 15.75rem;
    border-radius: 10px;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out;
}

.map-container.map-hidden[b-obdlrrqz6e] {
    opacity: 0;
}

.map-wrapper[b-obdlrrqz6e] {
    position: relative;
    width: 100%;
    border-radius: 0.625rem;
    background-color: var(--bravetag-bgcolors-background);
}

.map-loading-overlay[b-obdlrrqz6e] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    z-index: 10;
    border-radius: 10px;
}

.notice-contacts[b-obdlrrqz6e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Notice/Create/NoticeRegistrationStep6/NoticeRegistrationStep6.razor.rz.scp.css */
.content[b-z9j2klf04f] {
    width: 100%;
    padding: 0 1.875rem;
}

.notice-registration-step6-container[b-z9j2klf04f] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding-top: 1rem;
}

.button-position-bottom[b-z9j2klf04f] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    display: flex;
    gap: 1rem;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);    
    transform: translateZ(0);
}
/* /Components/Notice/Details/ContactDetails/ContactDetails.razor.rz.scp.css */
.contact-card-container[b-6i4nk193lt] {
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
}

.card-header[b-6i4nk193lt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact-card[b-6i4nk193lt] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
}


.badge-container[b-6i4nk193lt] {
    position: relative;
    width: 100%;
}
/* /Components/Notice/Details/DescriptionDetails/DescriptionDetails.razor.rz.scp.css */
.notes-card[b-8n7vpwyj6i] {
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
}

.card-header[b-8n7vpwyj6i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* /Components/Notice/Details/GeneralDetails/GeneralDetails.razor.rz.scp.css */
.general-details-card[b-iez6xl4lx0] {
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
}

.card-header[b-iez6xl4lx0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.first-row[b-iez6xl4lx0] {
    display: flex;
    gap: 0.5rem;
}

.notice-date-and-location[b-iez6xl4lx0] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    flex-direction: column;
}

.distance-time-container[b-iez6xl4lx0] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Notice/Edit/ContactDataEdit.razor.rz.scp.css */
.button-position-bottom[b-q7w6howtmk] {
    display: flex;
    gap: 1rem;
    padding-top: 1rem;
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(4rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.contact-data-edit[b-q7w6howtmk] {
    padding: 0 1.875rem;
}

@supports (-webkit-touch-callout: none) {
    .button-position-bottom[b-q7w6howtmk] {
        position: sticky;
        width: 100%;
        left: auto;
        right: auto;
        bottom: 0;
        padding: 0 1.875rem;
        -webkit-transform: none;
        transform: none;
        background: linear-gradient(to top, var(--bravetag-bgcolors-background) 70%, transparent 100%);
    }
}
/* /Components/Notice/Edit/GeneralDataEdit.razor.rz.scp.css */
.button-position-bottom[b-h54rwlr1f7] {
    display: flex;
    gap: 1rem;
    padding-top: 1rem;
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(4rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@supports (-webkit-touch-callout: none) {
    .button-position-bottom[b-h54rwlr1f7] {
        position: sticky;
        width: 100%;
        left: auto;
        right: auto;
        bottom: 0;
        padding: 0 1.875rem;
        -webkit-transform: none;
        transform: none;
        background: linear-gradient(to top, var(--bravetag-bgcolors-background) 70%, transparent 100%);
    }
}
/* /Components/Notice/Edit/NotesDataEdit.razor.rz.scp.css */
.button-position-bottom[b-51qznsnz3m] {
    display: flex;
    gap: 1rem;
    padding-top: 1rem;
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(4rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.notes-data-edit[b-51qznsnz3m] {
    height: calc(100vh - 80px - 1.875rem - 7.1875rem);
    height: calc(100dvh - 80px - 1.875rem - 7.1875rem);
    padding: 0 1.875rem;
}

@supports (-webkit-touch-callout: none) {
    .button-position-bottom[b-51qznsnz3m] {
        position: sticky;
        width: 100%;
        left: auto;
        right: auto;
        bottom: 0;
        padding: 0 1.875rem;
        -webkit-transform: none;
        transform: none;
        background: linear-gradient(to top, var(--bravetag-bgcolors-background) 70%, transparent 100%);
    }
}
/* /Components/Notice/FormComponents/ContactDataForm/ContactDataForm.razor.rz.scp.css */
.notice-registration-step3-container[b-ukkz29eo3n] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding-bottom: 1rem;
    padding-bottom: 5rem;
}

.button-position-bottom[b-ukkz29eo3n] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* /Components/Notice/FormComponents/GeneralDataForm/GeneralDataForm.razor.rz.scp.css */
.notice-registration-step2-container[b-xmoqsaijfw] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding: 0 1.875rem;
    padding-bottom: 6rem;
}

.button-position-bottom[b-xmoqsaijfw] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* /Components/Notice/FormComponents/NotesDataForm/NotesDataForm.razor.rz.scp.css */
.notice-registration-step4-container[b-5qu3q0bdrr] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding-bottom: 5rem;
}

.button-position-bottom[b-5qu3q0bdrr] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(1.875rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    display: flex;
    gap: 1rem;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);    
    transform: translateZ(0);
}
/* /Components/Notice/NearbyNotices/LostPageNearbyNotices/LostPageNearbyNotices.razor.rz.scp.css */
.lost-page-nearby-notices-container[b-isnt0aq6kn] {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
    overflow: auto;
    padding: 0 1.875rem;
}

.settings-bar[b-isnt0aq6kn] {
    display: flex;
    flex-direction: column;
    gap:0.3125rem;

}
/* /Components/Notice/NearbyNotices/LostPetsNoticeMap/LostPetsNoticeMap.razor.rz.scp.css */
.pet-marker-info[b-7sum61vov7] {
    position: relative;
    bottom: 11rem;
}

.pet-marker-info.opening[b-7sum61vov7] {
    animation: slideLeft-b-7sum61vov7 1s cubic-bezier(0, 0, 0.2, 1);
}

.pet-marker-info.closing[b-7sum61vov7] {
    animation: slideRight-b-7sum61vov7 0.3s cubic-bezier(0.4, 0, 1, 1);
}

@keyframes slideLeft-b-7sum61vov7 {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0); }
}

@keyframes slideRight-b-7sum61vov7 {
    0% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}

.lost-pets-notice-map[b-7sum61vov7] {
    width:100%; 
    height:44vh; 
    min-height:300px;
    border-radius: 10px;
}

.mixed-map-and-list[b-7sum61vov7] {
    height:30vh;
    width:100%; 
    border-radius: 10px;
}
/* /Components/Notice/UserNotices/ActiveNotices/ActiveNotices.razor.rz.scp.css */
/* /Components/Notice/UserNotices/LostPageUserNotices/LostPageUserNotices.razor.rz.scp.css */
.lost-page-content[b-4ou9qiikpq] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    overflow: auto;    
    padding: 0 1.875rem;
}
/* /Components/Notice/UserNotices/NoticeHistoryCard/NoticeHistoryCard.razor.rz.scp.css */
.notice-history-card[b-jvk1w0vgar] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
}

.card-header[b-jvk1w0vgar] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.pet-image img[b-jvk1w0vgar]{
    width: 3.75rem;
    aspect-ratio: 1 / 1;
    border-radius: 0.625rem;
}

.card-footer[b-jvk1w0vgar] {
    width: fit-content;
    display: flex;
    align-self: flex-end;
}
/* /Components/Notice/UserNotices/NoticesHistory/NoticesHistory.razor.rz.scp.css */
.notices-history-container[b-v4wt98ycom] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}
/* /Components/Notifications/NotificationPreviewListElement/NotificationPreviewListElement.razor.rz.scp.css */
.pet-card[b-yqkatnbrbv]{
	display:flex;
	flex-direction: column;
	border-radius: 0.625rem;
	background-color: var(--bravetag-bgcolors-surface);
	padding: 1.25rem;
	width: 100%;
	gap: 1rem;
	position: relative;
	border: none;
}

.pet-details[b-yqkatnbrbv] {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	width: 100%;
}

.pet-info[b-yqkatnbrbv] {
	display: flex;
	flex-direction: row;
	gap: 0.25rem;
	flex-grow: 1;
	width: 100%;
}

.time-distance-row[b-yqkatnbrbv] {
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
	justify-content: flex-end;	
    white-space: nowrap;
	height: 1rem;
}

.pet-name-badge[b-yqkatnbrbv]{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pet-image img[b-yqkatnbrbv]{
	width: 5.125rem;
	height: 5.125rem;
	border-radius: 0.625rem;
}

.pet-actions[b-yqkatnbrbv] {
	display: flex;
	justify-content: space-between;
}

.pet-map-inline[b-yqkatnbrbv] {
	width: 100%;
	border-radius: 0.625rem;
	animation: slideDown-b-yqkatnbrbv 0.3s ease-out;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.pet-map-inline.closing[b-yqkatnbrbv] {
	animation: slideUp-b-yqkatnbrbv 0.3s ease-out forwards;
}

.map-container[b-yqkatnbrbv] {
	width: 100%;
	height: 15.75rem;
	border-radius: 0.625rem;
	overflow: hidden;
	transition: opacity 0.3s ease-in-out;
}

.map-container.map-hidden[b-yqkatnbrbv] {
	opacity: 0;
}

.map-wrapper[b-yqkatnbrbv] {
	position: relative;
	width: 100%;
	height: 15.75rem;
	border-radius: 0.625rem;
	overflow: hidden;
	background-color: var(--bravetag-bgcolors-background);
}

.map-loading-overlay[b-yqkatnbrbv] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	background-color: var(--bravetag-bgcolors-background);
	z-index: 10;
	border-radius: 0.625rem;
}

.map-spinner[b-yqkatnbrbv] {
	width: 2.5rem;
	height: 2.5rem;
	border: 3px solid var(--bravetag-bgcolors-surface);
	border-top-color: var(--bravetag-primary);
	border-radius: 50%;
	animation: spin-b-yqkatnbrbv 1s linear infinite;
}

.map-loading-text[b-yqkatnbrbv] {
	font-size: 0.875rem;
	color: var(--bravetag-text-secondary);
}

@keyframes spin-b-yqkatnbrbv {
	to {
		transform: rotate(360deg);
	}
}

.scan-info[b-yqkatnbrbv],
.scan-address[b-yqkatnbrbv] {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 0.5rem;
}

@keyframes slideDown-b-yqkatnbrbv {
	from {
		opacity: 0;
		max-height: 0;
		overflow: hidden;
	}
	to {
		opacity: 1;
		max-height: 500px;
		overflow: visible;
	}
}

@keyframes slideUp-b-yqkatnbrbv {
	from {
		opacity: 1;
		max-height: 500px;
		overflow: visible;
	}
	to {
		opacity: 0;
		max-height: 0;
		overflow: hidden;
	}
}
/* /Components/Notifications/Notifications.razor.rz.scp.css */
.no-notifications[b-czjpxcu0wk] {
    margin-top: 1rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}
/* /Components/Notifications/NotificationsPreviewList/NotificationsPreviewList.razor.rz.scp.css */
.notifications-preview-list[b-vzpl29sk1g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
/* /Components/Pets/Edit/BehaviourDataEdit/BehaviourDataEdit.razor.rz.scp.css */
.button-position-bottom[b-gfbl6d1oth] {
    width: calc(100% - 3.75rem);
    position: absolute;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 24px;
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-top: 1rem;
}
/* /Components/Pets/Edit/ContactDataEdit/ContactDataEdit.razor.rz.scp.css */
.button-position-bottom[b-3nmc3r2oov] {
    width: calc(100% - 3.75rem);
    position: absolute;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 24px;
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-top: 1rem;
}
/* /Components/Pets/Edit/HealthDataEdit/HealthDataEdit.razor.rz.scp.css */
.button-position-bottom[b-f0hakkgczj] {
    width: calc(100% - 3.75rem);
    position: absolute;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 24px;
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-top: 1rem;
}
/* /Components/Pets/Edit/PublicDataEdit/PublicDataEdit.razor.rz.scp.css */
.button-position-bottom[b-7ob4tz96dh] {
    width: calc(100% - 3.75rem);
    position: absolute;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 24px;
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-top: 1rem;
}
/* /Components/Pets/Edit/VeterinarianDataEdit/VeterinarianDataEdit.razor.rz.scp.css */
.button-position-bottom[b-0u4w08wp02] {
    width: calc(100% - 3.75rem);
    position: absolute;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 24px;
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-top: 1rem;
}
/* /Components/Pets/FormComponents/BehaviourDataForm/BehaviourDataForm.razor.rz.scp.css */
.pet-registration-step3-container[b-9hwd4fg0ha] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding: 0 1.875rem;
    height: 100%;
}
/* /Components/Pets/FormComponents/ContactDataForm/ContactDataForm.razor.rz.scp.css */
.pet-registration-step4-container[b-rx8irg4vg7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding: 0 1.875rem;
    height: 100%;
}
/* /Components/Pets/FormComponents/HealthDataForm/HealthDataForm.razor.rz.scp.css */
.pet-registration-step5-container[b-3a0ea3of6r] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding: 0 1.875rem;
    height: 100%;
}
/* /Components/Pets/FormComponents/PublicDataForm/PublicDataForm.razor.rz.scp.css */
.pet-registration-step2-container[b-3dnu5mc4xb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding: 0 1.875rem;
    height: 100%;
}

.breed-row[b-3dnu5mc4xb] {
    display: flex;
    gap: 1.25rem;
}

.birth-sex-row[b-3dnu5mc4xb] {
    display: flex;
    gap: 1.25rem;
}

.breed-select-wrapper[b-3dnu5mc4xb],
.gender-select-wrapper[b-3dnu5mc4xb] {
    flex: 1;
}
/* /Components/Pets/FormComponents/VeterinarianDataForm/VeterinarianDataForm.razor.rz.scp.css */
.pet-registration-step6-container[b-8gexq2lmuv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding: 0 1.875rem;
    height: 100%;
}
/* /Components/Pets/Home/MyPets/MyPets.razor.rz.scp.css */
.my-pets-container[b-ohwmtx5jxc] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.my-pets-header[b-ohwmtx5jxc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 1.875rem;
    padding-bottom: 1;
}

.title-section[b-ohwmtx5jxc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-grow: 1;
}

.create-pet-button[b-ohwmtx5jxc] {
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    height: 100%;
}

.pets-list[b-ohwmtx5jxc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}
/* /Components/Pets/Home/PetCardMinimalAndPosition/PetCardMinimalAndPosition.razor.rz.scp.css */
.pet-card[b-11ktspy71l]{
    display:flex;
    flex-direction: column;
    border-radius: 0.625rem;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1.25rem;
    width: 100%;
    gap: 1rem;
    position: relative;
    border: none;
}

.pet-details[b-11ktspy71l] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
}

.pet-info[b-11ktspy71l] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex-grow: 1;
    width: 100%;
}

.pet-name-badge[b-11ktspy71l]{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pet-image img[b-11ktspy71l]{
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 0.625rem;
}

.pet-actions[b-11ktspy71l] {
    display: flex;
    justify-content: space-between;
}

.pet-map-inline[b-11ktspy71l] {
    width: 100%;
    border-radius: 0.625rem;
    animation: slideDown-b-11ktspy71l 0.3s ease-out;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pet-map-inline.closing[b-11ktspy71l] {
    animation: slideUp-b-11ktspy71l 0.3s ease-out forwards;
}

.map-container[b-11ktspy71l] {
    width: 100%;
    height: 15.75rem;
    border-radius: 0.625rem;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out;
}

.map-container.map-hidden[b-11ktspy71l] {
    opacity: 0;
}

.map-wrapper[b-11ktspy71l] {
    position: relative;
    width: 100%;
    height: 15.75rem;
    border-radius: 0.625rem;
    overflow: hidden;
    background-color: var(--bravetag-bgcolors-background);
}

.map-loading-overlay[b-11ktspy71l] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    z-index: 10;
    border-radius: 0.625rem;
}

.map-spinner[b-11ktspy71l] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--bravetag-bgcolors-surface);
    border-top-color: var(--bravetag-primary);
    border-radius: 50%;
    animation: spin-b-11ktspy71l 1s linear infinite;
}

.map-loading-text[b-11ktspy71l] {
    font-size: 0.875rem;
    color: var(--bravetag-text-secondary);
}

@keyframes spin-b-11ktspy71l {
    to {
        transform: rotate(360deg);
    }
}

.scan-info[b-11ktspy71l],
.scan-address[b-11ktspy71l] {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.5rem;
}

.history-button[b-11ktspy71l] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.spinner-wrapper[b-11ktspy71l] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
}

.icon-wrapper[b-11ktspy71l] {
    width: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
}

@keyframes slideDown-b-11ktspy71l {
    from {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
    }
    to {
        opacity: 1;
        max-height: 500px;
        overflow: visible;
    }
}

@keyframes slideUp-b-11ktspy71l {
    from {
        opacity: 1;
        max-height: 500px;
        overflow: visible;
    }
    to {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
    }
}
/* /Components/Pets/Home/PetListSection/PetListSection.razor.rz.scp.css */
.pet-list-section[b-hepnuqe2ta] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.pet-list-header[b-hepnuqe2ta] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
}

.title-section[b-hepnuqe2ta] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.header-action[b-hepnuqe2ta] {
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    height: 100%;
}

.pet-list-content[b-hepnuqe2ta] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    position: relative;
}

.loading-placeholder[b-hepnuqe2ta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    color: var(--bravetag-colors-text-secondary);
}

.loading-spinner[b-hepnuqe2ta] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--bravetag-bgcolors-surface);
    border-top-color: var(--bravetag-colors-text-secondary);
    border-radius: 50%;
    animation: spin-b-hepnuqe2ta 1s linear infinite;
    color: var(--bravetag-colors-primary-medium);
}

.spinner-container[b-hepnuqe2ta]
{
    height: 200px;
}

@keyframes spin-b-hepnuqe2ta {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pets/Modals/BraveTagAssingModal/BraveTagAssignModal.razor.rz.scp.css */
.modal-footer-buttons-container[b-v2vucl0913] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
}
/* /Components/Pets/Modals/BraveTagChangeModal/BraveTagChangeModal.razor.rz.scp.css */
.pets-body[b-1sc0r5ad5m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    flex: 1 1 auto;
}

.pet-list-container[b-1sc0r5ad5m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
}

.pet-selection-container[b-1sc0r5ad5m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.body-container[b-1sc0r5ad5m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.modal-footer-buttons-container[b-1sc0r5ad5m] {
    display: flex;
    width: 100%;
    gap: 1rem;
}
/* /Components/Pets/Modals/BraveTagDeleteModal/BraveTagDeleteModal.razor.rz.scp.css */
/* /Components/Pets/Modals/BraveTagManagerModal/BraveTagManagerModal.razor.rz.scp.css */
.brave-tag-container[b-ns6fsotpq2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.action-buttons-container[b-ns6fsotpq2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.modal-footer-buttons-container[b-ns6fsotpq2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.brave-tags-list[b-ns6fsotpq2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
/* /Components/Pets/Profile/PetBehaviourData/PetBehaviourData.razor.rz.scp.css */
.pet-behaviour-data[b-sf1u7l21bj] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1.25rem;
    border-radius: 10px;
    gap: 1rem;
}

.pet-behaviour-data-title[b-sf1u7l21bj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* /Components/Pets/Profile/PetContactData/PetContactData.razor.rz.scp.css */
.pet-contact-data[b-fl081zt1ez] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1.25rem;
    border-radius: 10px;
    gap: 1rem;
}

.pet-contact-data-title[b-fl081zt1ez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.phone-container[b-fl081zt1ez] {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
}

.pet-info[b-fl081zt1ez] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.badge-container[b-fl081zt1ez] {
    position: relative;
    width: 100%;
}
/* /Components/Pets/Profile/PetHealthData/PetHealthData.razor.rz.scp.css */
.pet-health-data[b-xcgso2geiz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1.25rem;
    border-radius: 10px;
    gap: 1rem;
}

.pet-health-data-title[b-xcgso2geiz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.neutered-weight-row[b-xcgso2geiz] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Pets/Profile/PetMainData/PetMainData.razor.rz.scp.css */
.pet-main-data[b-5faj6jptzj] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1.25rem;
    border-radius: 10px;
    gap: 1rem;
}

.pet-data[b-5faj6jptzj] {
    display: flex;
    gap: 0.625rem;
    max-width: 100%;
    align-items: flex-start;
}

.pet-details[b-5faj6jptzj] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    flex-direction: column;
}

.pet-info[b-5faj6jptzj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    flex-wrap: nowrap;
}

.pet-name[b-5faj6jptzj] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

.pet-type-breed[b-5faj6jptzj] {
    min-width: 0;
}

.pet-tags[b-5faj6jptzj] {
    gap: 0.25rem;
    display: flex;
    flex-direction: column;
}

.status-badge[b-5faj6jptzj] {
    position: relative;
    height: auto;
    flex: 0 0 auto;
    align-self: center;
    align-content: center;
}

.pet-image[b-5faj6jptzj] {
    flex: 0 0 3.75rem;
}

.pet-image img[b-5faj6jptzj]{
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 0.625rem;
}

.tags-list[b-5faj6jptzj] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}
/* /Components/Pets/Profile/PetPublicData/PetPublicData.razor.rz.scp.css */
.pet-public-data[b-99l42y0hle] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1.25rem;
    border-radius: 10px;
    gap: 1rem;
}

.pet-public-data-title[b-99l42y0hle] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* /Components/Pets/Profile/PetVetData/PetVetData.razor.rz.scp.css */
.pet-vet-data[b-iotphd79vk] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1.25rem;
    border-radius: 10px;
    gap: 1rem;
}

.pet-vet-data-title[b-iotphd79vk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* /Components/Pets/PublicPage/ContactData/ContactData.razor.rz.scp.css */
.contacts-container[b-m3uy17cawy]{
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1.25rem;
    border-radius: 10px;
}

.contact-item[b-m3uy17cawy]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
}

.contact-actions[b-m3uy17cawy]{
    display: flex;
    flex-direction: row;
}
/* /Components/Pets/PublicPage/CriticalData/CriticalData.razor.rz.scp.css */
.critical-information[b-3r1hftmdyc] {
    background-color: var(--bravetag-colors-error-light);
    padding: 1rem;
    border-radius: 10px;
    gap: 0.625rem;
}

.label[b-3r1hftmdyc] {
    display: flex;
    gap: 1rem;
}
/* /Components/Pets/PublicPage/EssentialInformations/EssentialInformations.razor.rz.scp.css */
.essential-informations-container[b-lj6y5olrzf]{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.25rem;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
}

.behaviour-info[b-lj6y5olrzf],
.health-container[b-lj6y5olrzf],
.veterinarian-container[b-lj6y5olrzf] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.neutered-weight-container[b-lj6y5olrzf] {
    display: flex;
    justify-content: space-between;
}

.details-container[b-lj6y5olrzf] {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 1s ease, opacity 1s ease;
}

.details-container.open[b-lj6y5olrzf] {
    max-height: 2000px;
    opacity: 1;
}

.divider[b-lj6y5olrzf] {
    margin: 2rem 0;
}

/* /Components/Pets/PublicPage/LostData/LostData.razor.rz.scp.css */
.lost-data-container[b-9c05wz63ol] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.25rem;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
}

.date-time-container[b-9c05wz63ol],
.time-distance-container[b-9c05wz63ol],
.note-container[b-9c05wz63ol] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.date-time-content[b-9c05wz63ol],
.time-distance-content[b-9c05wz63ol] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.map-container[b-9c05wz63ol] {
    width: 100%;
    height: 15.75rem;
    border-radius: 0.625rem;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out;
}

.map-container.map-hidden[b-9c05wz63ol] {
    opacity: 0;
}

.map-wrapper[b-9c05wz63ol] {
    position: relative;
    width: 100%;
    height: 15.75rem;
    border-radius: 0.625rem;
    overflow: hidden;
    background-color: var(--bravetag-bgcolors-background);
}

.map-loading-overlay[b-9c05wz63ol] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    z-index: 10;
    border-radius: 0.625rem;
}

.map-spinner[b-9c05wz63ol] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--bravetag-bgcolors-surface);
    border-top-color: var(--bravetag-primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.map-loading-text[b-9c05wz63ol] {
    font-size: 0.875rem;
    color: var(--bravetag-text-secondary);
}
/* /Components/Pets/PublicPage/MainData/MainData.razor.rz.scp.css */
.main-data-container[b-aezx8p1hhf]{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 1.25rem;
    background-color: var(--bravetag-bgcolors-input-bg);
    border-radius: 10px;
}

.main-data-column[b-aezx8p1hhf]{
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.lost-bg[b-aezx8p1hhf] {
    background-color: var(--bravetag-bgcolors-secondary-light);
}

.badge[b-aezx8p1hhf] {
    width: 100%;
    position: relative;
    justify-content: flex-end;
    display: flex;
}

.pet-image img[b-aezx8p1hhf]{
    width: 8rem;
    aspect-ratio: 1;
    border-radius: 0.625rem;
}
/* /Components/Pets/PublicPage/PetPublicPageComponent.razor.rz.scp.css */
.pet-public-page-container[b-5y9fch89rm]{
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    margin-bottom: calc(2rem + env(safe-area-inset-bottom, 0px));
    width: 100%;
}

.buttons-container[b-5y9fch89rm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Pets/Registration/PetRegistrationStep1/PetRegistrationStep1.razor.rz.scp.css */
.instruction-section[b-qlk2ysnwww] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 1rem;
}

.token-instruction-section[b-qlk2ysnwww] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.link[b-qlk2ysnwww] {
    width: 100%; 
    display: flex; 
    justify-content: end;  
}

.qr-code-scan-button[b-qlk2ysnwww]{
    padding-bottom: 1.5rem;
}

.token-display[b-qlk2ysnwww], .token-value[b-qlk2ysnwww] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
}

.token-value[b-qlk2ysnwww] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.token-section[b-qlk2ysnwww] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.activation-code[b-qlk2ysnwww] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}


.button-position-bottom[b-qlk2ysnwww] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* /Components/Pets/Registration/PetRegistrationStep2/PetRegistrationStep2.razor.rz.scp.css */
.pet-registration-step2-container[b-bfs3kjpuj2] {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow-y: auto;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    width: 100%;
    height: 100%;
}

.breed-row[b-bfs3kjpuj2] {
    display: flex;
    gap: 1.25rem;
}

.birth-sex-row[b-bfs3kjpuj2] {
    display: flex;
    gap: 1.25rem;
}

.breed-select-wrapper[b-bfs3kjpuj2],
.gender-select-wrapper[b-bfs3kjpuj2] {
    flex: 1;
}

.button-position-bottom[b-bfs3kjpuj2] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* /Components/Pets/Registration/PetRegistrationStep3/PetRegistrationStep3.razor.rz.scp.css */
.pet-registration-step3-container[b-coejvsmkk0] {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    width: 100%;
}

.button-position-bottom[b-coejvsmkk0] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* /Components/Pets/Registration/PetRegistrationStep4/PetRegistrationStep4.razor.rz.scp.css */
.pet-registration-step4-container[b-42esgzgx6q] {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    width: 100%;
    height: 87%;
}

.button-position-bottom[b-42esgzgx6q] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* /Components/Pets/Registration/PetRegistrationStep5/PetRegistrationStep5.razor.rz.scp.css */
.pet-registration-step5-container[b-jsm061iof8] {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    width: 100%;
}

.button-position-bottom[b-jsm061iof8] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: flex;
    gap: 1rem;
}
/* /Components/Pets/Registration/PetRegistrationStep6/PetRegistrationStep6.razor.rz.scp.css */
.pet-registration-step6-container[b-9mhznwg6ks] {
    margin-top: 1.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    width: 100%;
}

.button-position-bottom[b-9mhznwg6ks] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: flex;
    gap: 1rem;
}
/* /Components/Pets/Registration/PetRegistrationStep7/PetRegistrationStep7.razor.rz.scp.css */
.pet-registration-step7-container[b-xv1su5kq98] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    flex: 1;
    overflow-y: auto;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
    height: 100%;
    padding: 0 1.875rem;
    padding-bottom: 1.875rem;
    margin-top: 1.875rem;
}

.button-position-bottom[b-xv1su5kq98] {
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: flex;
    gap: 1rem;
}
/* /Components/ProgressBar/ProgressBar.razor.rz.scp.css */
.progress-bar-container[b-stj0lwok1s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.step-circle[b-stj0lwok1s] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--bravetag-colors-primary-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    flex-shrink: 0;
}

.bg-primary[b-stj0lwok1s] {
    background-color: var(--bravetag-colors-primary-medium) !important;
}

.bg-light[b-stj0lwok1s] {
    background-color: var(--bravetag-bgcolors-disabled) !important;
}

.step-number[b-stj0lwok1s] {
    font-size: var(--bravetag-font-size-body-1);
    font-weight: bold;
}

.text-white[b-stj0lwok1s] {
    color: white;
}

.text-dark[b-stj0lwok1s] {
    color: var(--bravetag-colors-text-dark);
}

.step-line[b-stj0lwok1s] {
    height: 0.25rem;
    flex: 1;
    width: 4rem;
    margin: 0.625rem;
    background-color: var(--bravetag-bgcolors-input-bg);
    flex-shrink: 0;
}
/* /Components/ResendCodeTimer/ResendCodeTimer.razor.rz.scp.css */
.resend-code-style[b-fbzeagkyyk]{
    cursor: pointer;    
}
/* /Components/Settings/Accessibility/Accessibility.razor.rz.scp.css */
.accessibility-section[b-ot7pkse9sj] {    
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}

.language-row[b-ot7pkse9sj],
.high-contrast-row[b-ot7pkse9sj] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Settings/AccountSection/AccountSection.razor.rz.scp.css */
.account-section[b-jcqhso4m1y] {    
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}

.row[b-jcqhso4m1y] {
    display: flex;
    justify-content: space-between;
}

.column[b-jcqhso4m1y] {
    display: flex;
    flex: 1;
}

.manage-container[b-jcqhso4m1y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Settings/AccountSection/EmailForm/EmailForm.razor.rz.scp.css */
.form[b-vy7ftcp2db] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-radius: 10px;
    background-color: var(--bravetag-bgcolors-background);
}
/* /Components/Settings/AccountSection/PasswordForm/PasswordForm.razor.rz.scp.css */
.form[b-6iigfdttck] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-radius: 10px;
    background-color: var(--bravetag-bgcolors-background);
}
/* /Components/Settings/AccountSection/UserForm/UserForm.razor.rz.scp.css */
.form[b-hi9cesqu26] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-radius: 10px;
    background-color: var(--bravetag-bgcolors-background);
}
/* /Components/Settings/AddressSection/AddressEditList/AddressEditList.razor.rz.scp.css */
.address-edit-list[b-pmrd5lj28q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.address-item[b-pmrd5lj28q] {
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.address-actions[b-pmrd5lj28q] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.action-buttons[b-pmrd5lj28q] {
    display: flex;
    flex-direction: row;
}
/* /Components/Settings/AddressSection/AddressPreviewList/AddressPreviewList.razor.rz.scp.css */
.address-preview-list[b-2sw195geez] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.address-item[b-2sw195geez] {
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
    display: flex;
    flex-direction: row;

}

.left-column[b-2sw195geez] {
    gap: 0.25rem;
}

.right-column[b-2sw195geez] {
    position: relative;
    width: 100%;
}
/* /Components/Settings/AddressSection/AddressSection.razor.rz.scp.css */
.address-section[b-c3zite25c5] {    
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}
/* /Components/Settings/ContactSection/ContactEditList/ContactEditList.razor.rz.scp.css */
.contact-edit-list[b-qci9rpwr0l] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-item[b-qci9rpwr0l] {
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-actions[b-qci9rpwr0l] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.action-buttons[b-qci9rpwr0l] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
/* /Components/Settings/ContactSection/ContactPreviewList/ContactPreviewList.razor.rz.scp.css */
.contact-preview-list[b-cvl7t9d9bp]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-item[b-cvl7t9d9bp] {
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
}

.left-column[b-cvl7t9d9bp] {
    gap: 0.25rem;
}

.right-column[b-cvl7t9d9bp] {
    position: relative;
    width: 100%;
}
/* /Components/Settings/ContactSection/ContactSection.razor.rz.scp.css */
.contact-section[b-nbtjjqv1mo] {    
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}

.contact-item[b-nbtjjqv1mo] {
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.first-row[b-nbtjjqv1mo],
.second-row[b-nbtjjqv1mo] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Settings/DocumentsSection/DocumentItem/DocumentItem.razor.rz.scp.css */
.document-button[b-wvf8dhxvg9] {
    padding: 1rem;
    background-color: var(--bravetag-bgcolors-background);
    border-radius: 10px;
}

/* /Components/Settings/DocumentsSection/DocumentSection.razor.rz.scp.css */
.document-section[b-zjjnq05br6] {    
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}

.documents-list[b-zjjnq05br6] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}


.modal-content-wrapper[b-zjjnq05br6] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1;
}

.document-content[b-zjjnq05br6] {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 500px;
    overflow-y: auto;
}
/* /Components/Settings/SettingsComponent/SettingsComponent.razor.rz.scp.css */
.settings-container[b-3bk6p5ngyz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin-top: 1rem;
    overflow: auto;
    padding: 0 1.875rem;
    padding-bottom: 1rem;
}

.body-container[b-3bk6p5ngyz] {
    height: calc(100vh - 80px - 50px - 1rem);
    height: calc(100dvh - 80px - 50px - 1rem);
    overflow: auto;
    width: -webkit-fill-available;
    width: 100%;
}
/* /Components/Snackbar/Snackbar.razor.rz.scp.css */
.snackbar[b-yxfpr2w3q4] {
    width: 80%;
    max-width: 380px;
    min-height: 50px;    
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 25px;
    left: 50%;
    padding: 0.75rem 1.25rem;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    color: #1A1A1A;
    transition: 
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    pointer-events: none;
}

.snackbar-slide-in[b-yxfpr2w3q4] {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.snackbar-slide-out[b-yxfpr2w3q4] {
    transform: translateX(-50%) translateY(-40px);
    opacity: 0;
    pointer-events: none;
}

.message[b-yxfpr2w3q4] {
    font-size: 1.125rem;
}

.snackbar-success[b-yxfpr2w3q4] {
    background-color: var(--bravetag-bgcolors-snackbar-success); 
}

.snackbar-error[b-yxfpr2w3q4] {
    background-color: var(--bravetag-bgcolors-snackbar-error); 
}

.snackbar-warning[b-yxfpr2w3q4] {
    background-color: var(--bravetag-bgcolors-snackbar-warning); 
}

.snackbar-info[b-yxfpr2w3q4] {
    background-color: var(--bravetag-bgcolors-snackbar-info); 
}

.close-button[b-yxfpr2w3q4] {
    all: unset;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #333;
}

.close-button:hover[b-yxfpr2w3q4] {
    background: rgba(0,0,0,0.08);
}

.icon[b-yxfpr2w3q4] {
    color: #1A1A1A;
}
/* /Components/Spinner/Spinner.razor.rz.scp.css */
.loading-placeholder[b-k7zfu8gpx1] {
    color: var(--bravetag-colors-text-secondary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    text-align: center;
}

.loading-spinner[b-k7zfu8gpx1] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--bravetag-bgcolors-surface);
    border-top-color: var(--bravetag-colors-text-secondary);
    border-radius: 50%;
    animation: spin-b-k7zfu8gpx1 1s linear infinite;
    color: var(--bravetag-colors-primary-medium);
}

@keyframes spin-b-k7zfu8gpx1 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Table/ActivationCode/ActivationCodeTable/ActivationCodeTable.razor.rz.scp.css */
/* Styles for ActivationCodeTable component */
.activation-code-table-wrapper[b-aczplplctx] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 400px;
    width: 100%;
}

.activation-code-table[b-aczplplctx] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(41,171,223,0.04);
}
.activation-code-table thead[b-aczplplctx] {
    position: sticky;
    top: 0;
    z-index: 1;
}
.activation-code-table th[b-aczplplctx] {
    padding: 0.7rem 1rem;
    text-align: center;
    border-bottom: 1px solid var(--bravetag-border-color);
    background: var(--bravetag-bgcolors-input-bg);
    color: var(--bravetag-colors-primary-medium);
    font-weight: 600;
}
/* /Components/Table/ActivationCode/GenerateCodes/GenerateCodes.razor.rz.scp.css */
.generate-codes-row[b-jefm7k36r9] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* /Components/Table/ActivationCode/TableRow/TableRow.razor.rz.scp.css */
td[b-za7x372mcv] {
    padding: 0.7rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--bravetag-border-color);
    white-space: nowrap;
}

tr:last-child td[b-za7x372mcv] {
    border-bottom: none;
}

a[b-za7x372mcv] {
    color: var(--bravetag-colors-primary-medium);
    text-decoration: underline;
}

.centered[b-za7x372mcv] {
    text-align: center;
}
/* /Components/Table/CodeFilterDownload/CodeFilterDownload.razor.rz.scp.css */
.qr-filter-row[b-msvwxo629a] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.5rem;
}

.qr-filter-row .outlined-primary[b-msvwxo629a] {
    border: 1px solid #007bff;
    color: #007bff;
    background: #fff;
}

.qr-filter-row .outlined-secondary[b-msvwxo629a] {
    border: 1px solid #6c757d;
    color: #6c757d;
    background: #fff;
}

.qr-filter-row .qr-input-date[b-msvwxo629a] {
    min-width: 150px;
}

.actions[b-msvwxo629a]{
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
/* /Components/Table/GenerateCodesBase/GenerateCodesBase.razor.rz.scp.css */
.generate-codes-row[b-5yksvstl2f] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* /Components/Table/Pagination/Pagination.razor.rz.scp.css */
.qr-pagination-row[b-wlpdp3herf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.5rem;
}
.qr-pagination[b-wlpdp3herf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.qr-pagination .qr-btn[b-wlpdp3herf] {
    min-width: 32px;
    padding: 0.25rem 0.75rem;
}

/* /Components/Table/QrCode/GenerateCodes/GenerateCodes.razor.rz.scp.css */
.generate-codes-row[b-dntlf98q6m] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* /Components/Table/QrCode/QrTable/QrTable.razor.rz.scp.css */
.qr-table-wrapper[b-tj0jbr9nkx] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 400px;
    width: 100%;
}

.qr-table[b-tj0jbr9nkx] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(41,171,223,0.04);
}
.qr-table thead[b-tj0jbr9nkx] {
    position: sticky;
    top: 0;
    z-index: 1;
}
.qr-table th[b-tj0jbr9nkx] {
    padding: 0.7rem 1rem;
    text-align: center;
    border-bottom: 1px solid var(--bravetag-border-color);
    background: var(--bravetag-bgcolors-input-bg);
    color: var(--bravetag-colors-primary-medium);
    font-weight: 600;
}
/* /Components/Table/QrCode/TableRow/TableRow.razor.rz.scp.css */
td[b-k08ih7ayrp] {
    padding: 0.7rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--bravetag-border-color);
    white-space: nowrap;
}

tr:last-child td[b-k08ih7ayrp] {
    border-bottom: none;
}

a[b-k08ih7ayrp] {
    color: var(--bravetag-colors-primary-medium);
    text-decoration: underline;
}

.centered[b-k08ih7ayrp] {
    text-align: center;
}
/* /Components/Table/SearchField/SearchField.razor.rz.scp.css */
.qr-search-field[b-967jprxemf] {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.qr-search-field .qr-input-search[b-967jprxemf] {
    min-width: 220px;
    padding-left: 2.2rem;
}
/* /Components/TextComponents/BodyWithIcon/BodyWithIcon.razor.rz.scp.css */
.title-with-icon[b-mtrzptyv7j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.icon-wrapper[b-mtrzptyv7j] {
    width: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reverse[b-mtrzptyv7j] {
    flex-direction: row-reverse;
}
/* /Components/TextComponents/TagBadge/TagBadge.razor.rz.scp.css */
.tag-badge[b-pbn10xhtme] {
    padding: 0.3125rem 0.625rem;
    display: flex;
    gap: 0.625rem;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--bravetag-bgcolors-light-blue);
    border-radius: 1rem;
    width: fit-content;
}

.selected[b-pbn10xhtme] {
    background-color: var(--bravetag-bgcolors-secondary-light);
}   
    
/* /Components/TextComponents/Text2WithIcon/Title2WithIcon.razor.rz.scp.css */
.title-with-icon[b-uiz1ggy1w1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* /Components/Text/Typography.razor.rz.scp.css */
.text[b-3g5h9n50qi] {
    font-family: 'Nunito', sans-serif;
}

/* -------------------------
   VARIANT TYPOGRAPHY
------------------------- */

.text-header[b-3g5h9n50qi] {
    font-size: var(--bravetag-font-size-header);
}

.text-title1[b-3g5h9n50qi] {
    font-size: var(--bravetag-font-size-title-1);
}

.text-title2[b-3g5h9n50qi] {
    font-size: var(--bravetag-font-size-title-2);
}

.text-subtitle[b-3g5h9n50qi] {
    font-size: var(--bravetag-font-size-subtitle);
}

.text-body[b-3g5h9n50qi] {
    font-size: var(--bravetag-font-size-body);
}

.text-note[b-3g5h9n50qi] {
    font-size: var(--bravetag-font-size-note);
}

/* -------------------------
   WEIGHT
------------------------- */

.text-regular[b-3g5h9n50qi] { font-weight: 400; }
.text-medium-weight[b-3g5h9n50qi] { font-weight: 500; }
.text-semibold[b-3g5h9n50qi] { font-weight: 600; }
.text-bold[b-3g5h9n50qi] { font-weight: 700; }

/* -------------------------
   ALIGNMENT
------------------------- */

.text-left[b-3g5h9n50qi] { text-align: left; }
.text-center[b-3g5h9n50qi] { text-align: center; }
.text-right[b-3g5h9n50qi] { text-align: right; }

/* -------------------------
   WRAPPING
------------------------- */

.text-nowrap[b-3g5h9n50qi] { white-space: nowrap; }
.text-ellipsis[b-3g5h9n50qi] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -------------------------
   DECORATION
------------------------- */

.text-italic[b-3g5h9n50qi] { font-style: italic; }
.text-underline[b-3g5h9n50qi] { text-decoration: underline; }
.text-muted[b-3g5h9n50qi] { opacity: 0.6; }
.text-clickable[b-3g5h9n50qi] { cursor: pointer; }

/* -------------------------
   COLORS (palette invariata)
------------------------- */

.text-primary[b-3g5h9n50qi] { color: var(--bravetag-colors-primary-medium); }
.text-primary-dark[b-3g5h9n50qi] { color: var(--bravetag-colors-primary-dark); }
.text-primary-medium[b-3g5h9n50qi] { color: var(--bravetag-colors-primary-medium); }

.text-secondary-dark[b-3g5h9n50qi] { color: var(--bravetag-colors-secondary-dark); }
.text-secondary-medium[b-3g5h9n50qi] { color: var(--bravetag-colors-secondary-medium); }

.text-light[b-3g5h9n50qi] { color: var(--bravetag-colors-text-light); }
.text-medium[b-3g5h9n50qi] { color: var(--bravetag-colors-text-medium); }
.text-dark[b-3g5h9n50qi] { color: var(--bravetag-colors-text-dark); }

.text-error[b-3g5h9n50qi] { color: var(--bravetag-colors-error-medium); }
.text-success[b-3g5h9n50qi] { color: var(--bravetag-colors-success-medium); }
.text-warning[b-3g5h9n50qi] { color: var(--bravetag-bgcolors-snackbar-warning); }

/* -------------------------
   PADDING
------------------------- */
.text-padding-right[b-3g5h9n50qi] {
    padding-right: 1rem;
}

/* -------------------------
   BADGE
------------------------- */

.text-badge[b-3g5h9n50qi] {
    padding: 0.1562rem 0.625rem;
    border-radius: 1rem;
    width: fit-content;
    white-space: nowrap;
    font-size: var(--bravetag-font-size-badge);
}

.badge-default[b-3g5h9n50qi] {
    background-color: var(--bravetag-colors-secondary-medium);
    color: var(--bravetag-colors-text-light);
}

.badge-primary[b-3g5h9n50qi] {
    background-color: var(--bravetag-colors-primary-medium);
    color: var(--bravetag-colors-text-light);
}

.badge-secondary[b-3g5h9n50qi] {
    background-color: var(--bravetag-colors-secondary-medium);
    color: var(--bravetag-colors-text-light);
}

.badge-blue[b-3g5h9n50qi] {
    background-color: var(--bravetag-bgcolors-light-blue);
    color: var(--bravetag-colors-primary-dark);
}

.badge-home[b-3g5h9n50qi] {
    background-color: var(--bravetag-colors-primary-medium);
    color: var(--bravetag-colors-text-light);
}

.badge-lost[b-3g5h9n50qi] {
    background-color: var(--bravetag-colors-secondary-medium);
    color: var(--bravetag-colors-text-light);
}

/* Badge positioning */
.badge-top-left[b-3g5h9n50qi] {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
}

.badge-top-right[b-3g5h9n50qi] {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
}

.badge-right[b-3g5h9n50qi] {
    position: absolute;
    right: 0.625rem;
}

.badge-unset[b-3g5h9n50qi] {
    position: unset;
}

/* -------------------------
   Additional styles for specific components
------------------------- */

.radius-slider-current-value[b-3g5h9n50qi] {
    font-size: var(--bravetag-font-size-note);
    font-weight: 600;
    color: var(--bravetag-colors-secondary-medium);
}

.radius-slider-value-wrapper .radius-slider-current-value[b-3g5h9n50qi] {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    pointer-events: none;
    transition: left 0.05s linear;
}

.selected-visualization-setting p[b-3g5h9n50qi]{
    color: var(--bravetag-colors-primary-dark);
}

.qr-pagination-page[b-3g5h9n50qi] {
    white-space: nowrap;
}

.backoffice-font-size .gestisci[b-3g5h9n50qi] {
    font-size: var(--bravetag-font-size-button)
}
/* /Layout/AllowAnonymousLayout/AllowAnonymousLayout.razor.rz.scp.css */
.anon-page[b-el3kkcb617] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    height: 100svh;
    height: 100dvh;
    overflow: hidden;
    align-items: center;
    padding-top: calc(100vw * 100 / 400); /* Altezza header dinamica */
    padding-bottom: 0;
    justify-content: flex-start;
}

/* Fallback per browser che non supportano svh/dvh */
@supports not (height: 100svh) {
    .anon-page[b-el3kkcb617] {
        height: -webkit-fill-available;
        height: 100vh;
    }
}

@media (min-width: 1024px) {
    .anon-page[b-el3kkcb617] {
        padding-top: 20rem; 
        width: 60%;
    }
}
/* /Layout/AuthenticatedLayout/AuthenticatedLayout.razor.rz.scp.css */
.page[b-15bjg73svf] {
    display: flex;
    flex-direction: column;
    width: 100%;    
    height: calc(100vh - 40px - (100vw * 100 / 440)); /* Altezza header fissa */
    height: calc(100svh - 40px - (100vw * 100 / 440));
    height: calc(100dvh - 40px - (100vw * 100 / 440));
    overflow: hidden;
    align-items: center;
    position: relative;
    top: calc(100vw * 100 / 440); /* Altezza header dinamica */
    padding-bottom: 0;    
}

/* Fallback per browser che non supportano svh/dvh */
@supports not (height: 100svh) {
    .page[b-15bjg73svf] {
        min-height: -webkit-fill-available;
        min-height: 100vh;
    }
}

@media (min-width: 1024px) {
    .page[b-15bjg73svf] {
        padding-top: 15rem;
        width: 60%;
    }
}
/* /Layout/BackofficeLayout/BackofficeLayout.razor.rz.scp.css */
.backoffice-layout[b-ct4ofn6rhr] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    overflow: hidden;
    align-items: center;
}

.backoffice-header-container[b-ct4ofn6rhr] {
    width: 100%;
    background-color: var(--bravetag-bgcolors-background);
    z-index: 1000;
    padding: 1.5rem 0;
}

.backoffice-header[b-ct4ofn6rhr] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.action-buttons[b-ct4ofn6rhr] {
    display: flex;
    width: fit-content;
}

.nav-link[b-ct4ofn6rhr] {
    margin-right: 1rem;
    text-decoration: none;
    color: #333;
}
.nav-link.active[b-ct4ofn6rhr] {
    font-weight: bold;
    color: #0078d4;
}

.backoffice-body[b-ct4ofn6rhr] {
    padding-bottom: 5rem;
    width: 100%;
}
/* /Layout/MainLayout/MainLayout.razor.rz.scp.css */

.page[b-u97yhxuzzu] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 200px);
    height: calc(100svh - 200px);
    height: calc(100dvh - 200px);
    overflow: hidden;
    align-items: center;
    position: relative;
    top: calc(100vw * 100 / 440); /* Altezza header dinamica */
    padding-bottom: 0;    
}

/* Fallback per browser che non supportano svh/dvh */
@supports not (min-height: 100svh) {
    .page[b-u97yhxuzzu] {
        min-height: -webkit-fill-available;
        min-height: 100vh;
    }
}

.admin-banner[b-u97yhxuzzu] {
    align-self: stretch;
    background: var(--bravetag-colors-primary-medium);
    color: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0 1rem;
    font-weight: 600;
    text-align: center;
}

/* /Layout/NoNavbarLayout/NoNavbarLayout.razor.rz.scp.css */
.page[b-xd8wl2vpkw] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 150px); /* Altezza header fissa */
    height: calc(100svh - 150px);
    height: calc(100dvh - 150px);
    overflow: hidden;
    align-items: center;
    position: relative;
    top: calc(100vw * 100 / 440); /* Altezza header dinamica */
    padding-bottom: 0;    
}

/* Fallback per browser che non supportano svh/dvh */
@supports not (min-height: 100svh) {
    .page[b-xd8wl2vpkw] {
        min-height: -webkit-fill-available;
        min-height: 100vh;
    }
}

@media (min-width: 1024px) {
    .page[b-xd8wl2vpkw] {
        padding-top: 15rem;
        width: 60%;
    }
}
/* /Pages/AllowAnonymous/DeletionPage/DeletionPage.razor.rz.scp.css */
.body-container[b-am4611pyno] {
    padding: 0 1.875rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    overflow: auto;
}

.main-text[b-am4611pyno] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--bravetag-bgcolors-surface);
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}

.what-now-section[b-am4611pyno] {
    margin-top: 2rem;
}

.what-now-section li[b-am4611pyno]::marker {
    color: var(--bravetag-colors-primary-medium);
}

.back-to-login-section[b-am4611pyno] {
    display: flex;
    gap: 1rem;
    padding-top: 1rem;
    width: calc(100% - 3.75rem);
    position: fixed;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 0;
    padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0px));
    background-color: var(--bravetag-bgcolors-background);
    z-index: 100;
    /* Previene il movimento durante lo scroll */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    flex-direction: column;
}
/* /Pages/AllowAnonymous/ForgotPassword/ForgotPassword.razor.rz.scp.css */
.frame[b-11decf6nkm] {
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    gap: 40px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    padding-top: 2rem;
    padding: 0 1.875rem;
    overflow: auto;
}

.card-icon[b-11decf6nkm] {
    width: 5rem;
    height: 5rem;
    color: var(--bravetag-colors-primary-medium);
}

.email-container[b-11decf6nkm]{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    gap: 0.5rem;
}
/* /Pages/AllowAnonymous/LoginForm/LoginForm.razor.rz.scp.css */
.frame[b-qo7n3tipsn] {
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    transition: height 0.2s ease;
    padding: 0 1.875rem;
    padding-top: 2rem;
    overflow: auto;
}

.container[b-qo7n3tipsn] {
    align-items: flex-end;
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.container-2[b-qo7n3tipsn] {
    align-items: center;
    gap: 1rem;
    padding: 40px 0px 0px;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.button[b-qo7n3tipsn] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 6px 12px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #29abdf;
    border-radius: 10px;
}

.gestisci-wrapper[b-qo7n3tipsn] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 6px 12px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #ec9914;
    border-radius: 10px;
}

.text-wrapper-2[b-qo7n3tipsn] {
    position: relative;
    width: fit-content;
    color: #d46b03;
    text-align: right;
}

.paragraph[b-qo7n3tipsn] {
    font-size: 0.875rem;
    align-self: center;
}

.register-position-bottom[b-qo7n3tipsn] {
    width: calc(100% - 3.75rem);
    position: absolute;
    left: 1.875rem;
    bottom: 1.875rem;
    transition: bottom 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1024px) {
    .frame[b-qo7n3tipsn] {
        padding-top: 4rem;
    }

    .register-position-bottom[b-qo7n3tipsn] {
        position: relative;
        width: 100%;
        left: auto;
        bottom: 5rem;
    }
}


/* /Pages/AllowAnonymous/NotFound/NotFound.razor.rz.scp.css */
.not-found-container[b-76hr95ww71] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.25rem;
    background-color: var(--bravetag-bgcolors-surface);
    border-radius: 10px;
    padding: 0 1.875rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    overflow: auto;
}
/* /Pages/AllowAnonymous/PetPublicPage/PetPublicPage.razor.rz.scp.css */
.body-container[b-b1qjawb6oe] {
    padding: 0 1.875rem;
    overflow: auto;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}

.pet-public-page-header[b-b1qjawb6oe]{
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}
/* /Pages/AllowAnonymous/Registration/Registration.razor.rz.scp.css */
.body-container[b-u4l9ocjef8] {
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}

.registration-header[b-u4l9ocjef8]{
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    padding: 0 1.875rem;
}

.my-2[b-u4l9ocjef8] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.render-fragment[b-u4l9ocjef8] {
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%; 
    overflow: auto; 
    height: calc(100vh - 80px - 100px - 4rem); 
    height: calc(100dvh - 80px - 100px - 4rem); 
    margin-top: 1rem;
}

.display-none[b-u4l9ocjef8] {
    display: none;
}
/* /Pages/AllowAnonymous/ResetPassword/ResetPassword.razor.rz.scp.css */
.frame[b-81cuvrwybv] {
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    gap: 4rem;
    position: relative;
    flex: 1;
    flex-grow: 1;
    padding-top: 2rem;
    padding: 0 1.875rem;
    overflow: auto;
}
/* /Pages/AllowAnonymous/ScanTagRedirect/ScanTagRedirect.razor.rz.scp.css */
/* /Pages/Authorized/Home/Home.razor.rz.scp.css */
.home-page-container[b-9j50tjmjzb] {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    flex-grow: 1;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    padding: 0 1.875rem;
    overflow-y: auto;
    margin-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
    padding-top:1rem;
    
}
/* /Pages/Authorized/Notice/EditNotice/EditNotice.razor.rz.scp.css */
.header[b-zsfo8avoug] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 1.875rem;
}

.edit-content[b-zsfo8avoug]{
    overflow: auto;
    height: calc(100vh - 80px - 1.875rem - 7.1875rem);
    height: calc(100dvh - 80px - 1.875rem - 7.1875rem);
    width: 100%;
}

@supports (-webkit-touch-callout: none) {    
    .edit-content[b-zsfo8avoug]{
        height: calc(100vh - 80px - 7.18rem);
        height: calc(100dvh - 80px - 7.18rem);
    }
}
/* /Pages/Authorized/Notice/LostPage/LostPage.razor.rz.scp.css */
.body-container[b-q7qco9vard] {
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    height: calc(100% - 100px);
}

.notice-container[b-q7qco9vard] {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}

.tabs[b-q7qco9vard] {
    display: flex;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;   
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;    
    margin-top: 1rem;
    padding: 0 1.875rem;
}

.tab[b-q7qco9vard] {
    flex: 1;
    background-color: var(--bravetag-colors-primary-light);
    padding: 0.625rem;
}

.tab:first-child[b-q7qco9vard] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.tab:last-child[b-q7qco9vard] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.selected-tab[b-q7qco9vard] {
    background-color: var(--bravetag-colors-primary-medium);
}

.tab-content[b-q7qco9vard] {
    width: 100%;
    overflow: auto;
    height: 100%;
}
/* /Pages/Authorized/Notice/NoticeDetails/NoticeDetails.razor.rz.scp.css */
.notice-details-page[b-1r39yjqr7x] {
    width: 100%;
}

.buttons-header[b-1r39yjqr7x] {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 1.875rem;
}

.notice-details-container[b-1r39yjqr7x] {
    display: flex;
    flex-direction: column;
    gap:1rem;
    margin-top:1rem;
    overflow: auto;
    padding: 0 1.875rem;
    height: calc(100vh - 80px - 2rem);
    height: calc(100dvh - 80px - 2rem);
    padding-bottom: calc(7rem + max(env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px)));
}

.lost-button-hidden[b-1r39yjqr7x] {
    height: calc(100vh - 80px - 2rem );
    height: calc(100dvh - 80px - 2rem );
}
/* /Pages/Authorized/Notice/NoticeRegistration/NoticeRegistration.razor.rz.scp.css */
.body-container[b-whda8pydtz] {
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    height: -webkit-fill-available;
    height: -moz-available;
    height: 100%;
}

.render-container[b-whda8pydtz] {
    width: 100%;
    height: calc(100vh - 100px - 80px - 7rem);
    height: calc(100dvh - 100px - 80px - 7rem);
    overflow: auto;
}

@supports (-webkit-touch-callout: none) {    
    .render-container[b-whda8pydtz]{
    height: calc(100vh - 100px - 7rem);
    height: calc(100dvh - 100px - 7rem);
    }
}

.notice-creation-header[b-whda8pydtz]{    
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    padding: 0 1.875rem;
}
/* /Pages/Authorized/NotificationsPage/NotificationsPage.razor.rz.scp.css */
.body-container[b-oeg6m863nz] {
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}

.notice-container[b-oeg6m863nz] {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}

.tabs[b-oeg6m863nz] {
    display: flex;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;    
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;    
    margin-top: 1rem;
    padding: 0 1.875rem;
}

.tab[b-oeg6m863nz] {
    flex: 1;
    background-color: var(--bravetag-colors-primary-light);
    padding: 0.625rem;
}

.tab:first-child[b-oeg6m863nz] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.tab:last-child[b-oeg6m863nz] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.selected-tab[b-oeg6m863nz] {
    background-color: var(--bravetag-colors-primary-medium);
}

.tab-content[b-oeg6m863nz] {
    width: 100%;
    overflow: auto;
    padding: 0 1.875rem;
    height: calc(100vh - 80px - 52px - 2rem - 3rem); 
    height: calc(100dvh - 80px - 52px - 2rem - 3rem);
}
/* /Pages/Authorized/Pet/EditPet/EditPet.razor.rz.scp.css */
.header[b-4uh0h1ly60] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    padding: 0 1.875rem;
    margin-bottom: 1rem;
}

.edit-content[b-4uh0h1ly60]{
    overflow: auto;
    height: calc(100vh - 80px );
    height: calc(100dvh - 80px );
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    display: flex;
    flex-direction: column;
}

@supports (-webkit-touch-callout: none) {    
    .edit-content[b-4uh0h1ly60]{
        height: calc(100vh - 80px );
        height: calc(100dvh - 80px);
    }
}
/* /Pages/Authorized/Pet/PetProfile/PetProfile.razor.rz.scp.css */
.body-container[b-g8pgu3a9dq] {
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
}

.buttons-header[b-g8pgu3a9dq]{
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.875rem;
}

.edit-icons[b-g8pgu3a9dq] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.details[b-g8pgu3a9dq] {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    margin-bottom: 6rem;
    height: calc(100vh - 80px - 4rem - 50px);
    height: calc(100dvh - 80px - 4rem - 50px);
    overflow-y: auto;
    width: 100%;
    padding: 0 1.875rem;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
}
/* /Pages/Authorized/Pet/PetRegistration/PetRegistration.razor.rz.scp.css */
.pet-creation-header[b-hsy25wmsxw]{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    padding: 0 1.875rem;
}

.render-component-container[b-hsy25wmsxw] {
    width: 100%;
    height: calc(100vh - 40px - 100px - 4rem);
    height: calc(100dvh - 40px - 100px - 4rem);
    overflow: hidden;
    margin-top: 1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* /Pages/Authorized/Settings/Settings.razor.rz.scp.css */
/* /Pages/Backoffice/ActivationCodes/ActivationCodes.razor.rz.scp.css */
.activation-code-management-container[b-av5neetxwt] {
    width: 40%;
    margin-bottom: 1.2rem;
}

.activation-code-backoffice-container[b-av5neetxwt] {
    background: var(--bravetag-bgcolors-surface);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(41,171,223,0.08);
}
.activation-code-filter-row[b-av5neetxwt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}
.activation-code-btn[b-av5neetxwt] {
    padding: 0.5rem 1.2rem;
    border-radius: 6px;
    border: none;
    font-size: var(--bravetag-font-size-button);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.activation-code-btn-outline[b-av5neetxwt] {
    background: transparent;
    color: var(--bravetag-colors-primary-medium);
    border: 1px solid var(--bravetag-colors-primary-medium);
}
.activation-code-btn-outline:hover[b-av5neetxwt] {
    background: var(--bravetag-colors-primary-medium);
    color: #fff;
}
.activation-code-input-date[b-av5neetxwt], .activation-code-input-search[b-av5neetxwt], .activation-code-select[b-av5neetxwt] {
    border: 1px solid var(--bravetag-border-color);
    border-radius: 4px;
    padding: 0.3rem 0.6rem;
    font-size: 1rem;
    background: var(--bravetag-bgcolors-input-bg);
    margin-right: 0.5rem;
}
.activation-code-table-controls[b-av5neetxwt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
}
.activation-code-status-filter[b-av5neetxwt] {
    display: flex;
    align-items: center;
}
.activation-code-search[b-av5neetxwt] {
    display: flex;
    align-items: center;
}

.activation-code-pagination-row[b-av5neetxwt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.2rem;
    flex-wrap: wrap;
}
.activation-code-pagination[b-av5neetxwt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* /Pages/Backoffice/QrCodes/QrCodes.razor.rz.scp.css */
.qr-management-container[b-3tkub8g4o4] {
    width: 40%;
    margin-bottom: 1.2rem;
}

.qr-backoffice-container[b-3tkub8g4o4] {
    background: var(--bravetag-bgcolors-surface);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(41,171,223,0.08);
}
.qr-filter-row[b-3tkub8g4o4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}
.qr-btn[b-3tkub8g4o4] {
    padding: 0.5rem 1.2rem;
    border-radius: 6px;
    border: none;
    font-size: var(--bravetag-font-size-button);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.qr-btn-outline[b-3tkub8g4o4] {
    background: transparent;
    color: var(--bravetag-colors-primary-medium);
    border: 1px solid var(--bravetag-colors-primary-medium);
}
.qr-btn-outline:hover[b-3tkub8g4o4] {
    background: var(--bravetag-colors-primary-medium);
    color: #fff;
}
.qr-input-date[b-3tkub8g4o4], .qr-input-search[b-3tkub8g4o4], .qr-select[b-3tkub8g4o4] {
    border: 1px solid var(--bravetag-border-color);
    border-radius: 4px;
    padding: 0.3rem 0.6rem;
    font-size: 1rem;
    background: var(--bravetag-bgcolors-input-bg);
    margin-right: 0.5rem;
}
.qr-table-controls[b-3tkub8g4o4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
}
.qr-status-filter[b-3tkub8g4o4] {
    display: flex;
    align-items: center;
}
.qr-search[b-3tkub8g4o4] {
    display: flex;
    align-items: center;
}

.qr-pagination-row[b-3tkub8g4o4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.2rem;
    flex-wrap: wrap;
}
.qr-pagination[b-3tkub8g4o4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}