/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-97i2936og4] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

main[b-97i2936og4] {
    background: #eef3fb;
    flex: 1;
    min-width: 0;
}

.sidebar[b-97i2936og4] {
    background: #ffffff;
    border-right: 1px solid #e5ecf6;
    box-shadow: 8px 0 24px rgba(25, 55, 109, 0.04);
}

.app-topbar[b-97i2936og4] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e5ecf6;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4.6rem;
    padding: 0.85rem 1.4rem;
}

.app-topbar h2[b-97i2936og4] {
    color: #101b33;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
}

.app-topbar span[b-97i2936og4] {
    color: #71809a;
    font-size: 0.8rem;
    font-weight: 600;
}

.topbar-actions[b-97i2936og4] {
    align-items: center;
    display: flex;
    gap: 0.8rem;
}

.topbar-date strong[b-97i2936og4] {
    color: #101b33;
    font-size: 0.82rem;
}

.topbar-date[b-97i2936og4] {
    display: grid;
    gap: 0.1rem;
    justify-items: end;
}

.topbar-logout[b-97i2936og4] {
    align-items: center;
    border: 1px solid #dce5f2;
    border-radius: 10px;
    color: #2f5fb8;
    display: flex;
    font-size: 0.82rem;
    font-weight: 800;
    min-height: 2.55rem;
    padding: 0 0.85rem;
    text-decoration: none;
}

.topbar-logout:hover[b-97i2936og4] {
    background: #eef3fb;
    color: #244d99;
}

@media (max-width: 640.98px) {
    .app-topbar[b-97i2936og4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .topbar-actions[b-97i2936og4] {
        align-items: stretch;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

}

@media (min-width: 641px) {
    .page[b-97i2936og4] {
        flex-direction: row;
    }

    .sidebar[b-97i2936og4] {
        height: 100vh;
        position: sticky;
        top: 0;
        width: 17rem;
    }

    .app-topbar[b-97i2936og4] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    article[b-97i2936og4] {
        padding: 1.4rem !important;
    }
}

#blazor-error-ui[b-97i2936og4] {
    background: #fff4ce;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    color-scheme: light only;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-97i2936og4] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-brand[b-6p5ydo1eoh] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1rem 0.85rem;
}

.nav-brand a[b-6p5ydo1eoh] {
    align-items: center;
    background: #2f5fb8;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(47, 95, 184, 0.28);
    color: white;
    display: flex;
    font-size: 0.82rem;
    font-weight: 900;
    height: 2.6rem;
    justify-content: center;
    text-decoration: none;
    width: 2.6rem;
}

.nav-brand strong[b-6p5ydo1eoh] {
    color: #101b33;
    display: block;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.1;
}

.nav-brand span[b-6p5ydo1eoh] {
    color: #8da0bc;
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
}

.navbar-toggler[b-6p5ydo1eoh] {
    appearance: none;
    background: #2f5fb8;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    height: 2.4rem;
    position: absolute;
    right: 1rem;
    top: 0.75rem;
    width: 2.8rem;
}

.navbar-toggler[b-6p5ydo1eoh]::before {
    color: white;
    content: "☰";
    display: block;
    font-size: 1.2rem;
    line-height: 2.4rem;
    text-align: center;
}

.nav-scrollable[b-6p5ydo1eoh] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-6p5ydo1eoh] {
    display: block;
}

.nav[b-6p5ydo1eoh] {
    gap: 0.25rem;
    padding: 0 0.75rem 1rem;
}

.nav-group[b-6p5ydo1eoh] {
    margin-top: 0.6rem;
}

.nav-group-toggle[b-6p5ydo1eoh] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 12px;
    color: #6f7f98;
    cursor: pointer;
    display: flex;
    font-size: 0.78rem;
    font-weight: 900;
    gap: 0.65rem;
    list-style: none;
    min-height: 2.4rem;
    padding: 0 0.85rem;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.nav-group-toggle[b-6p5ydo1eoh]::after {
    color: #9aa8bd;
    content: "⌄";
    font-size: 0.95rem;
    margin-left: auto;
    transition: transform 0.16s ease;
}

.nav-group.is-open .nav-group-toggle[b-6p5ydo1eoh]::after {
    transform: rotate(180deg);
}

.nav-group-toggle:hover[b-6p5ydo1eoh] {
    background: #f4f7fc;
    color: #2f5fb8;
}

.nav-item[b-6p5ydo1eoh] {
    display: block;
    margin-top: 0.18rem;
}

.nav-group .nav-item[b-6p5ydo1eoh] {
    padding-left: 0.55rem;
}

.nav-item[b-6p5ydo1eoh]  .nav-link {
    align-items: center;
    border-radius: 12px;
    color: #8da0bc;
    display: flex;
    gap: 0.75rem;
    height: 2.75rem;
    justify-content: flex-start;
    padding: 0 0.85rem;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.nav-item[b-6p5ydo1eoh]  a.active {
    background: #e8eef8;
    color: #2f5fb8;
}

.nav-item[b-6p5ydo1eoh]  .nav-link:hover {
    background: #f1f5fb;
    color: #2f5fb8;
}

.nav-text[b-6p5ydo1eoh] {
    color: inherit;
    display: inline;
    font-size: 0.86rem;
    font-weight: 800;
}

.bi[b-6p5ydo1eoh] {
    background-color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 1.08rem;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.08rem;
}

.bi-home[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.5 12 4l9 7.5V21h-6v-6H9v6H3z'/%3E%3C/svg%3E");
}

.bi-folder[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

.bi-settings[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.4 13.5c.1-.5.1-1 .1-1.5s0-1-.1-1.5l2.1-1.6-2-3.5-2.5 1a7.8 7.8 0 0 0-2.6-1.5L14 2h-4l-.4 2.9C8.7 5.2 7.8 5.7 7 6.3l-2.5-1-2 3.5 2.1 1.6c-.1.5-.1 1-.1 1.5s0 1 .1 1.5l-2.1 1.6 2 3.5 2.5-1c.8.6 1.7 1.1 2.6 1.5L10 22h4l.4-2.9c.9-.3 1.8-.8 2.6-1.5l2.5 1 2-3.5zm-7.4 2A3.5 3.5 0 1 1 12 8a3.5 3.5 0 0 1 0 7.5'/%3E%3C/svg%3E");
}

.bi-branch[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V8l8-5 8 5v13h-6v-7h-4v7zm2-2h2v-7h8v7h2V9.1l-6-3.75-6 3.75z'/%3E%3C/svg%3E");
}

.bi-building[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V3h11v6h5v12h-2v-2H6v2zm3-4h2v-2H7zm0-4h2v-2H7zm0-4h2V7H7zm4 8h2v-2h-2zm0-4h2v-2h-2zm0-4h2V7h-2zm4 8h2v-2h-2zm0-4h2v-2h-2z'/%3E%3C/svg%3E");
}

.bi-box[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 9 4.5v11L12 22l-9-4.5v-11zm0 2.2L6.2 7 12 9.8 17.8 7zm-7 4.4v7.7l6 3v-7.7zm14 0-6 3v7.7l6-3z'/%3E%3C/svg%3E");
}

.bi-tags[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8M7.5 8.5A1.5 1.5 0 1 0 7.5 5a1.5 1.5 0 0 0 0 3.5'/%3E%3C/svg%3E");
}

.bi-user[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5m0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5'/%3E%3C/svg%3E");
}

.bi-users[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8m7-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6M2 20c0-3.3 3.1-6 7-6s7 2.7 7 6v1H2zm14.5-6c2.9.2 5.5 2.5 5.5 5.5v1h-4v-.5c0-2.1-.8-4-2.1-5.4z'/%3E%3C/svg%3E");
}

.bi-layers[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 10 5-10 5L2 8zm0 12 7.6-3.8L22 12.4l-10 5-10-5 2.4-1.2zm0 4 7.6-3.8L22 16.4l-10 5-10-5 2.4-1.2z'/%3E%3C/svg%3E");
}

.bi-alert[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22zm1 16h-2v-2h2zm0-4h-2V8h2z'/%3E%3C/svg%3E");
}

.bi-activity[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h4l2-7 4 14 3-7h5v-2h-6.3l-1.4 3.2L9 1.8 5.5 11H3z'/%3E%3C/svg%3E");
}

.bi-pos[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v10H4zm2 2v6h12V6zM3 16h18v4H3zm4 1v2h2v-2zm4 0v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E");
}

.bi-receipt[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v20l-3-2-3 2-3-2-3 2zm3 5v2h6V7zm0 4v2h6v-2zm0 4v2h4v-2z'/%3E%3C/svg%3E");
}

.bi-inventory[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16v4H4zm1 6h14v12H5zm3 3v2h8v-2z'/%3E%3C/svg%3E");
}

.bi-transfer[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h11l-3-3 1.4-1.4L22.8 9l-6.4 6.4L15 14l3-3H7zm10 10H6l3 3-1.4 1.4L1.2 15l6.4-6.4L9 10l-3 3h11z'/%3E%3C/svg%3E");
}

.bi-cash[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3zm2 3a3 3 0 0 0 3-1h8a3 3 0 0 0 3 3v4a3 3 0 0 0-3 3H8a3 3 0 0 0-3-3zm7 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
}

.bi-report[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16v18H4zm3 4v10h2V7zm4 4v6h2v-6zm4-2v8h2V9z'/%3E%3C/svg%3E");
}

.bi-upload[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 16h2V8l3 3 1.4-1.4L12 4.2 6.6 9.6 8 11l3-3zM5 18h14v2H5z'/%3E%3C/svg%3E");
}

.bi-paw[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 10C7.1 10 6 8.7 6 7.1S7.1 4 8.5 4 11 5.3 11 7.1 9.9 10 8.5 10zm7 0C14.1 10 13 8.7 13 7.1S14.1 4 15.5 4 18 5.3 18 7.1 16.9 10 15.5 10zM4.8 14C3.8 14 3 13 3 11.8S3.8 9.5 4.8 9.5s1.8 1 1.8 2.3S5.8 14 4.8 14zm14.4 0c-1 0-1.8-1-1.8-2.2s.8-2.3 1.8-2.3 1.8 1 1.8 2.3-.8 2.2-1.8 2.2zM12 11c3.2 0 5.8 3.1 5.8 5.8 0 2-1.5 3.2-3.2 3.2-.9 0-1.7-.4-2.6-.4s-1.7.4-2.6.4c-1.7 0-3.2-1.2-3.2-3.2C6.2 14.1 8.8 11 12 11z'/%3E%3C/svg%3E");
}

.bi-clinical[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6v2h4v16H5V5h4zm2 2v2h2V5zm0 5v3H8v2h3v3h2v-3h3v-2h-3v-3z'/%3E%3C/svg%3E");
}

.bi-calendar[b-6p5ydo1eoh] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h4v18H3V4h4zm12 8H5v10h14zM7 12h3v3H7zm5 0h3v3h-3z'/%3E%3C/svg%3E");
}

@media (min-width: 641px) {
    .navbar-toggler[b-6p5ydo1eoh] {
        display: none;
    }

    .nav-scrollable[b-6p5ydo1eoh] {
        display: block;
        height: calc(100vh - 4.1rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-34hrnxyvzl],
.components-reconnect-repeated-attempt-visible[b-34hrnxyvzl],
.components-reconnect-failed-visible[b-34hrnxyvzl],
.components-pause-visible[b-34hrnxyvzl],
.components-resume-failed-visible[b-34hrnxyvzl],
.components-rejoining-animation[b-34hrnxyvzl] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-34hrnxyvzl],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-34hrnxyvzl],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-34hrnxyvzl],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-34hrnxyvzl],
#components-reconnect-modal.components-reconnect-retrying[b-34hrnxyvzl],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-34hrnxyvzl],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-34hrnxyvzl],
#components-reconnect-modal.components-reconnect-failed[b-34hrnxyvzl],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-34hrnxyvzl] {
    display: block;
}


#components-reconnect-modal[b-34hrnxyvzl] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-34hrnxyvzl 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-34hrnxyvzl 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-34hrnxyvzl 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-34hrnxyvzl]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-34hrnxyvzl 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-34hrnxyvzl {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-34hrnxyvzl {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-34hrnxyvzl {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-34hrnxyvzl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-34hrnxyvzl] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-34hrnxyvzl] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-34hrnxyvzl] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-34hrnxyvzl] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-34hrnxyvzl] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-34hrnxyvzl] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-34hrnxyvzl 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-34hrnxyvzl] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-34hrnxyvzl {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/ImportacionCatalogo.razor.rz.scp.css */
.bi[b-iwcs4ajo40] {
    background-color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 1.08rem;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.08rem;
}

.bi-upload[b-iwcs4ajo40] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 16h2V8l3 3 1.4-1.4L12 4.2 6.6 9.6 8 11l3-3zM5 18h14v2H5z'/%3E%3C/svg%3E");
}

.bi-file-earmark-spreadsheet[b-iwcs4ajo40] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l4 4v16H6zm8 2.5V8h3.5zM8 11v8h8v-8zm2 2h1v1h-1zm3 0h1v1h-1zm-3 3h1v1h-1zm3 0h1v1h-1z'/%3E%3C/svg%3E");
}

.catalog-import-upload[b-iwcs4ajo40] {
    align-items: center;
    background: var(--vp-surface);
    border: 1px solid var(--vp-border);
    border-radius: var(--vp-radius);
    box-shadow: var(--vp-shadow);
    display: grid;
    gap: 0.8rem 1.25rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1.25rem;
}

.catalog-import-upload h2[b-iwcs4ajo40] {
    font-size: 1rem;
    font-weight: 900;
    margin: 0 0 0.25rem;
}

.catalog-import-upload p[b-iwcs4ajo40],
.catalog-file-help[b-iwcs4ajo40] {
    color: var(--vp-muted);
    font-size: 0.82rem;
    font-weight: 600;
    margin: 0;
}

.catalog-file-picker[b-iwcs4ajo40] {
    align-items: center;
    background: var(--vp-primary);
    border-radius: 11px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 800;
    gap: 0.55rem;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0.65rem 1rem;
    position: relative;
}

.catalog-file-picker:hover[b-iwcs4ajo40] {
    background: var(--vp-primary-dark);
}

.catalog-file-picker.is-disabled[b-iwcs4ajo40] {
    cursor: wait;
    opacity: 0.65;
}

.catalog-file-picker[b-iwcs4ajo40]  input[type="file"] {
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.catalog-file-help[b-iwcs4ajo40] {
    grid-column: 1 / -1;
}

.catalog-selected-file[b-iwcs4ajo40] {
    align-items: center;
    background: var(--vp-surface-soft);
    border: 1px solid var(--vp-border);
    border-radius: 11px;
    display: flex;
    gap: 0.75rem;
    grid-column: 1 / -1;
    padding: 0.75rem 0.9rem;
}

.catalog-selected-file > span[b-iwcs4ajo40] {
    color: var(--vp-success);
    font-size: 1.35rem;
}

.catalog-selected-file div[b-iwcs4ajo40] {
    display: grid;
    gap: 0.1rem;
}

.catalog-selected-file strong[b-iwcs4ajo40] {
    font-size: 0.86rem;
}

.catalog-selected-file div span[b-iwcs4ajo40] {
    color: var(--vp-muted);
    font-size: 0.76rem;
    font-weight: 600;
}

.catalog-summary[b-iwcs4ajo40] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.catalog-summary article[b-iwcs4ajo40] {
    background: var(--vp-surface);
    border: 1px solid var(--vp-border);
    border-radius: var(--vp-radius);
    box-shadow: var(--vp-shadow);
    display: grid;
    gap: 0.4rem;
    padding: 1rem;
}

.catalog-summary span[b-iwcs4ajo40] {
    color: var(--vp-muted);
    font-size: 0.74rem;
    font-weight: 800;
}

.catalog-summary strong[b-iwcs4ajo40] {
    font-size: 1.45rem;
    font-weight: 900;
}

.catalog-summary-ready strong[b-iwcs4ajo40] {
    color: var(--vp-success);
}

.catalog-summary-review strong[b-iwcs4ajo40] {
    color: var(--vp-warning);
}

.catalog-analysis-note[b-iwcs4ajo40] {
    background: var(--vp-surface);
    border: 1px solid var(--vp-border);
    border-radius: var(--vp-radius);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(220px, 0.35fr) minmax(0, 1fr);
    padding: 1rem 1.15rem;
}

.catalog-analysis-note div[b-iwcs4ajo40],
.catalog-warning[b-iwcs4ajo40],
.catalog-result[b-iwcs4ajo40] {
    display: grid;
    gap: 0.2rem;
}

.catalog-analysis-note strong[b-iwcs4ajo40],
.catalog-warning strong[b-iwcs4ajo40],
.catalog-result strong[b-iwcs4ajo40] {
    font-size: 0.85rem;
}

.catalog-analysis-note span[b-iwcs4ajo40],
.catalog-warning span[b-iwcs4ajo40],
.catalog-result span[b-iwcs4ajo40] {
    color: var(--vp-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .catalog-summary[b-iwcs4ajo40] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .catalog-import-upload[b-iwcs4ajo40],
    .catalog-analysis-note[b-iwcs4ajo40] {
        grid-template-columns: 1fr;
    }

    .catalog-file-picker[b-iwcs4ajo40] {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .catalog-summary[b-iwcs4ajo40] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AgendaClinica.razor.rz.scp.css */
.agenda-filtros[b-ha98f4nxit] {
    align-items: end;
    background: var(--vp-surface);
    border: 1px solid var(--vp-border);
    border-radius: var(--vp-radius);
    box-shadow: var(--vp-shadow);
    display: grid;
    gap: 1rem;
    grid-template-columns: 0.8fr 0.8fr 1fr 1.4fr auto;
    padding: 1rem;
}

.agenda-persona[b-ha98f4nxit] {
    display: grid;
    gap: 0.1rem;
}

.agenda-persona small[b-ha98f4nxit],
.agenda-persona a[b-ha98f4nxit] {
    color: var(--vp-muted);
    font-size: 0.78rem;
    text-decoration: none;
}

.agenda-persona a:hover[b-ha98f4nxit] {
    color: var(--vp-primary);
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .agenda-filtros[b-ha98f4nxit] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .agenda-filtros[b-ha98f4nxit] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ExpedienteMascota.razor.rz.scp.css */
.clinical-patient-summary[b-3skq0jnqr3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.clinical-patient-summary article[b-3skq0jnqr3] {
    background: var(--vp-surface);
    border: 1px solid var(--vp-border);
    border-radius: var(--vp-radius);
    box-shadow: var(--vp-shadow);
    display: grid;
    gap: 0.3rem;
    padding: 1rem;
}

.clinical-patient-summary span[b-3skq0jnqr3],
.clinical-entry-main span[b-3skq0jnqr3],
.clinical-detail-meta span[b-3skq0jnqr3],
.clinical-detail-vitals span[b-3skq0jnqr3],
.clinical-detail-section > span[b-3skq0jnqr3] {
    color: var(--vp-muted);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.clinical-patient-summary strong[b-3skq0jnqr3] {
    font-size: 1rem;
    font-weight: 900;
}

.clinical-patient-summary small[b-3skq0jnqr3] {
    color: var(--vp-muted);
    font-weight: 600;
}

.clinical-patient-summary .clinical-alert-card[b-3skq0jnqr3] {
    background: #fff7ed;
    border-color: #fed7aa;
}

.clinical-history-heading[b-3skq0jnqr3] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.clinical-history-heading h2[b-3skq0jnqr3] {
    font-size: 1.15rem;
    font-weight: 900;
    margin: 0 0 0.2rem;
}

.clinical-history-heading p[b-3skq0jnqr3],
.clinical-history-heading > span[b-3skq0jnqr3] {
    color: var(--vp-muted);
    font-size: 0.82rem;
    font-weight: 600;
    margin: 0;
}

.clinical-timeline[b-3skq0jnqr3] {
    display: grid;
    gap: 0;
    padding-left: 1rem;
}

.clinical-entry[b-3skq0jnqr3] {
    border-left: 2px solid var(--vp-border);
    padding: 0 0 1rem 1.5rem;
    position: relative;
}

.clinical-entry-marker[b-3skq0jnqr3] {
    background: var(--vp-primary);
    border: 4px solid var(--vp-bg);
    border-radius: 50%;
    height: 1rem;
    left: -0.56rem;
    position: absolute;
    top: 1.15rem;
    width: 1rem;
}

.clinical-entry-card[b-3skq0jnqr3],
.clinical-empty[b-3skq0jnqr3] {
    background: var(--vp-surface);
    border: 1px solid var(--vp-border);
    border-radius: var(--vp-radius);
    box-shadow: var(--vp-shadow);
    padding: 1rem;
}

.clinical-entry-header[b-3skq0jnqr3],
.clinical-entry-actions[b-3skq0jnqr3] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.clinical-entry-header > div[b-3skq0jnqr3] {
    display: grid;
    gap: 0.15rem;
}

.clinical-entry-header > div span[b-3skq0jnqr3] {
    color: var(--vp-muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.clinical-entry-main[b-3skq0jnqr3] {
    border-bottom: 1px solid var(--vp-border);
    border-top: 1px solid var(--vp-border);
    display: grid;
    gap: 1rem;
    grid-template-columns: 2fr 1fr 0.6fr;
    margin: 0.9rem 0;
    padding: 0.85rem 0;
}

.clinical-entry-main > div[b-3skq0jnqr3],
.clinical-detail-meta > div[b-3skq0jnqr3],
.clinical-detail-vitals > div[b-3skq0jnqr3] {
    display: grid;
    gap: 0.2rem;
}

.clinical-entry-actions[b-3skq0jnqr3] {
    justify-content: flex-end;
}

.clinical-empty[b-3skq0jnqr3] {
    display: grid;
    gap: 0.3rem;
    text-align: center;
}

.clinical-empty span[b-3skq0jnqr3] {
    color: var(--vp-muted);
}

.clinical-vitals[b-3skq0jnqr3] {
    border: 1px solid var(--vp-border);
    border-radius: 12px;
    padding: 0.9rem;
}

.clinical-vitals legend[b-3skq0jnqr3] {
    float: none;
    font-size: 0.85rem;
    font-weight: 900;
    margin: 0;
    padding: 0 0.4rem;
    width: auto;
}

.clinical-dialog-actions[b-3skq0jnqr3] {
    flex-wrap: wrap;
}

.clinical-detail-meta[b-3skq0jnqr3],
.clinical-detail-vitals[b-3skq0jnqr3] {
    background: var(--vp-surface-soft);
    border-radius: 12px;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0.9rem;
}

.clinical-detail-vitals[b-3skq0jnqr3] {
    margin: 1rem 0;
}

.clinical-detail-section[b-3skq0jnqr3] {
    border-bottom: 1px solid var(--vp-border);
    padding: 0.8rem 0;
}

.clinical-detail-section p[b-3skq0jnqr3] {
    margin: 0.25rem 0 0;
    white-space: pre-wrap;
}

.clinical-secondary-section[b-3skq0jnqr3] {
    margin-top: 2rem;
}

.clinical-card-grid[b-3skq0jnqr3],
.clinical-prescriptions[b-3skq0jnqr3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clinical-record-card[b-3skq0jnqr3],
.clinical-prescription-card[b-3skq0jnqr3],
.clinical-prescription-editor article[b-3skq0jnqr3] {
    background: var(--vp-surface);
    border: 1px solid var(--vp-border);
    border-radius: var(--vp-radius);
    box-shadow: var(--vp-shadow);
    padding: 1rem;
}

.clinical-record-title[b-3skq0jnqr3],
.clinical-prescription-card header[b-3skq0jnqr3],
.clinical-prescription-line-header[b-3skq0jnqr3] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.clinical-record-title > div[b-3skq0jnqr3],
.clinical-prescription-card header > div[b-3skq0jnqr3] {
    display: grid;
    gap: 0.15rem;
}

.clinical-record-title span[b-3skq0jnqr3],
.clinical-prescription-card header span[b-3skq0jnqr3],
.clinical-prescription-card header > span[b-3skq0jnqr3] {
    color: var(--vp-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.clinical-record-card dl[b-3skq0jnqr3] {
    border-top: 1px solid var(--vp-border);
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0.85rem 0 0;
    padding-top: 0.85rem;
}

.clinical-record-card dl div[b-3skq0jnqr3] {
    display: grid;
}

.clinical-record-card dt[b-3skq0jnqr3] {
    color: var(--vp-muted);
    font-size: 0.7rem;
    text-transform: uppercase;
}

.clinical-record-card dd[b-3skq0jnqr3] {
    font-weight: 700;
    margin: 0;
}

.clinical-record-card > p[b-3skq0jnqr3],
.clinical-prescription-card > p[b-3skq0jnqr3] {
    background: var(--vp-surface-soft);
    border-radius: 8px;
    margin: 0.85rem 0 0;
    padding: 0.65rem;
    white-space: pre-wrap;
}

.clinical-prescription-card[b-3skq0jnqr3] {
    grid-column: 1 / -1;
}

.clinical-prescription-card header[b-3skq0jnqr3] {
    margin-bottom: 0.75rem;
}

.clinical-prescription-card td small[b-3skq0jnqr3] {
    color: var(--vp-muted);
    display: block;
}

.clinical-prescription-editor[b-3skq0jnqr3] {
    display: grid;
    gap: 0.75rem;
}

.clinical-prescription-editor article[b-3skq0jnqr3] {
    box-shadow: none;
}

.clinical-prescription-line-header[b-3skq0jnqr3] {
    align-items: center;
    margin-bottom: 0.75rem;
}

.clinical-study-grid[b-3skq0jnqr3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clinical-study-card[b-3skq0jnqr3] {
    background: var(--vp-surface);
    border: 1px solid var(--vp-border);
    border-radius: var(--vp-radius);
    box-shadow: var(--vp-shadow);
    padding: 1rem;
}

.clinical-study-card > header[b-3skq0jnqr3] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.clinical-study-card > header > div[b-3skq0jnqr3] {
    display: grid;
    gap: 0.15rem;
}

.clinical-study-card > header span[b-3skq0jnqr3],
.clinical-study-card > small[b-3skq0jnqr3],
.clinical-study-text > span[b-3skq0jnqr3] {
    color: var(--vp-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.clinical-study-text[b-3skq0jnqr3] {
    border-top: 1px solid var(--vp-border);
    margin-top: 0.8rem;
    padding-top: 0.8rem;
}

.clinical-study-text p[b-3skq0jnqr3] {
    margin: 0.2rem 0 0;
    white-space: pre-wrap;
}

.clinical-file-list[b-3skq0jnqr3] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.9rem;
}

.clinical-file-list-general[b-3skq0jnqr3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
}

.clinical-file-item[b-3skq0jnqr3] {
    align-items: center;
    background: var(--vp-surface-soft);
    border: 1px solid var(--vp-border);
    border-radius: 10px;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.7rem;
}

.clinical-file-item > div:first-child[b-3skq0jnqr3] {
    display: grid;
    min-width: 0;
}

.clinical-file-item strong[b-3skq0jnqr3] {
    overflow-wrap: anywhere;
}

.clinical-file-item span[b-3skq0jnqr3],
.clinical-upload > small[b-3skq0jnqr3] {
    color: var(--vp-muted);
    font-size: 0.75rem;
}

.clinical-file-actions[b-3skq0jnqr3] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.35rem;
}

.clinical-upload[b-3skq0jnqr3] {
    display: grid;
    gap: 0.4rem;
}

.clinical-upload ul[b-3skq0jnqr3] {
    background: var(--vp-surface-soft);
    border-radius: 10px;
    margin: 0.25rem 0 0;
    padding: 0.65rem 0.65rem 0.65rem 2rem;
}

@media (max-width: 991.98px) {
    .clinical-patient-summary[b-3skq0jnqr3],
    .clinical-card-grid[b-3skq0jnqr3],
    .clinical-study-grid[b-3skq0jnqr3],
    .clinical-file-list-general[b-3skq0jnqr3],
    .clinical-detail-meta[b-3skq0jnqr3],
    .clinical-detail-vitals[b-3skq0jnqr3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .clinical-patient-summary[b-3skq0jnqr3],
    .clinical-card-grid[b-3skq0jnqr3],
    .clinical-study-grid[b-3skq0jnqr3],
    .clinical-file-list-general[b-3skq0jnqr3],
    .clinical-entry-main[b-3skq0jnqr3],
    .clinical-detail-meta[b-3skq0jnqr3],
    .clinical-detail-vitals[b-3skq0jnqr3] {
        grid-template-columns: 1fr;
    }

    .clinical-file-item[b-3skq0jnqr3] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Shared/AppToast.razor.rz.scp.css */
.app-toast-region[b-bncmyt022t] {
    inset: 1.25rem 1.25rem auto auto;
    max-width: min(27rem, calc(100vw - 2rem));
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 2147483000;
}

.app-toast[b-bncmyt022t] {
    align-items: flex-start;
    animation: toast-enter-b-bncmyt022t 180ms ease-out both;
    background: #fff;
    border: 1px solid #dce5f2;
    border-left: 5px solid var(--toast-accent);
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(16, 27, 51, 0.24);
    color: #101b33;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    overflow: hidden;
    padding: 1rem 0.9rem 1.1rem 1rem;
    pointer-events: auto;
    position: relative;
}

.app-toast--success[b-bncmyt022t] {
    --toast-accent: #15803d;
    --toast-soft: #dcfce7;
}

.app-toast--error[b-bncmyt022t] {
    --toast-accent: #dc2626;
    --toast-soft: #fee2e2;
}

.app-toast--warning[b-bncmyt022t] {
    --toast-accent: #d97706;
    --toast-soft: #fef3c7;
}

.app-toast--info[b-bncmyt022t] {
    --toast-accent: #2563eb;
    --toast-soft: #dbeafe;
}

.app-toast__icon[b-bncmyt022t] {
    align-items: center;
    background: var(--toast-soft);
    border-radius: 50%;
    color: var(--toast-accent);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.9rem;
    font-weight: 900;
    height: 1.85rem;
    justify-content: center;
    width: 1.85rem;
}

.app-toast__content[b-bncmyt022t] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.app-toast__content strong[b-bncmyt022t] {
    color: #101b33;
    font-size: 0.9rem;
    font-weight: 900;
}

.app-toast__content span[b-bncmyt022t] {
    color: #52617a;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.app-toast__close[b-bncmyt022t] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #71809a;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.35rem;
    height: 1.8rem;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 1.8rem;
}

.app-toast__close:hover[b-bncmyt022t] {
    background: #eef3fb;
    color: #101b33;
}

.app-toast__progress[b-bncmyt022t] {
    animation: toast-progress-b-bncmyt022t linear forwards;
    background: var(--toast-accent);
    bottom: 0;
    height: 3px;
    left: 0;
    opacity: 0.75;
    position: absolute;
    transform-origin: left;
    width: 100%;
}

@keyframes toast-enter-b-bncmyt022t {
    from {
        opacity: 0;
        transform: translate3d(1.5rem, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes toast-progress-b-bncmyt022t {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

@media (max-width: 575.98px) {
    .app-toast-region[b-bncmyt022t] {
        inset: 0.75rem 1rem auto 1rem;
        max-width: none;
        width: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-toast[b-bncmyt022t],
    .app-toast__progress[b-bncmyt022t] {
        animation: none;
    }
}
/* /Components/Shared/SucursalSwitch.razor.rz.scp.css */
.topbar-user[b-dxnwj68mo1] {
    align-items: center;
    border: 1px solid #dce5f2;
    border-radius: 10px;
    display: flex;
    gap: 0.6rem;
    padding: 0.55rem 0.8rem;
}

.topbar-user span[b-dxnwj68mo1] {
    color: #71809a;
    font-size: 0.8rem;
    font-weight: 600;
}

.topbar-user strong[b-dxnwj68mo1] {
    color: #101b33;
    font-size: 0.82rem;
}

.topbar-select[b-dxnwj68mo1] {
    appearance: none;
    background-color: #f7f9fd;
    background-image:
        linear-gradient(45deg, transparent 50%, #71809a 50%),
        linear-gradient(135deg, #71809a 50%, transparent 50%);
    background-position:
        calc(100% - 14px) 50%,
        calc(100% - 9px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px;
    border: 1px solid #dce5f2;
    border-radius: 8px;
    color: #101b33;
    font-size: 0.82rem;
    font-weight: 800;
    min-height: 2rem;
    min-width: 12rem;
    outline: 0;
    padding: 0.25rem 1.8rem 0.25rem 0.65rem;
}

.topbar-select:focus[b-dxnwj68mo1] {
    border-color: #9db6e4;
    box-shadow: 0 0 0 0.18rem rgba(47, 95, 184, 0.12);
}

@media (max-width: 640.98px) {
    .topbar-user[b-dxnwj68mo1] {
        justify-content: space-between;
        width: 100%;
    }

    .topbar-select[b-dxnwj68mo1] {
        min-width: 0;
        width: 100%;
    }
}