/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-796svn4w8n] {
    min-height: 100vh;
    background: #f9f9ff;
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.sidebar[b-796svn4w8n] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    height: 100dvh;
    width: 256px;
    display: flex;
    flex-direction: column;
    background: #f0f3ff;
    border-right: 1px solid #d8c3ad;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    z-index: 40;
    transition: transform 0.25s ease;
}

.brand[b-796svn4w8n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px;
    border-bottom: 1px solid #d8c3ad;
}

.brand-logo[b-796svn4w8n] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
    background: #ffffff;
}

.brand-name[b-796svn4w8n] {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #855300;
}

.brand-sub[b-796svn4w8n] {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #855300;
}

.sidebar-footer[b-796svn4w8n] {
    margin-top: auto;
    padding: 16px;
    border-top: 1px solid #d8c3ad;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-action[b-796svn4w8n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    color: #534434;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    transition: background 0.2s ease, color 0.2s ease;
}

.nav-action:hover[b-796svn4w8n] {
    background: #ffddb8;
    color: #653e00;
}

.main[b-796svn4w8n] {
    flex: 1;
    margin-left: 256px;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.topbar[b-796svn4w8n] {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 24px;
    background: #f9f9ff;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    z-index: 30;
}

.topbar-menu[b-796svn4w8n] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border: none;
    background: none;
    border-radius: 9999px;
    color: #534434;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
}

.topbar-menu:hover[b-796svn4w8n] {
    color: #855300;
    background: #e2e8f8;
}

.topbar-crumb[b-796svn4w8n] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.topbar-back[b-796svn4w8n],
.topbar-actual[b-796svn4w8n],
.topbar-chev[b-796svn4w8n] {
    white-space: nowrap;
}

.topbar-back[b-796svn4w8n] {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #534434;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    transition: color 0.2s ease, background 0.2s ease;
}

.topbar-back:hover[b-796svn4w8n] {
    color: #855300;
    text-decoration: underline;
    background: rgba(245, 158, 11, 0.12);
}

.topbar-actual[b-796svn4w8n] {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #855300;
    border-bottom: 2px solid #855300;
    padding-bottom: 4px;
}

.topbar-chev[b-796svn4w8n] {
    font-size: 16px;
    line-height: 20px;
    color: #534434;
    opacity: 0.6;
}

.topbar-actions[b-796svn4w8n] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.topbar-icon[b-796svn4w8n] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    border-radius: 9999px;
    color: #534434;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
}

.topbar-badge[b-796svn4w8n] {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: #f59e0b;
    border: 1.5px solid #f9f9ff;
}

.topbar-aviso[b-796svn4w8n] {
    position: fixed;
    top: 76px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 70;
    background: rgba(21, 28, 39, 0.88);
    color: #ffffff;
    padding: 10px 18px;
    border-radius: 9999px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    animation: topbar-aviso-out-b-796svn4w8n 1.1s ease forwards;
    pointer-events: none;
}

@keyframes topbar-aviso-out-b-796svn4w8n {
    0% {
        opacity: 0.95;
    }
    65% {
        opacity: 0.95;
    }
    100% {
        opacity: 0;
    }
}

.pedido-aviso[b-796svn4w8n] {
    position: fixed;
    top: 80px;
    right: 24px;
    z-index: 60;
    width: 320px;
    max-width: calc(100vw - 48px);
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-left: 4px solid #f59e0b;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: calc(100vh - 96px);
    overflow-y: auto;
}

.pedido-aviso-close[b-796svn4w8n] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    cursor: pointer;
    font-size: 12px;
}

.pedido-aviso-close:hover[b-796svn4w8n] {
    background: #f0f3ff;
}

.pedido-aviso-title[b-796svn4w8n] {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #613b00;
}

.pedido-aviso-text[b-796svn4w8n] {
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.pedido-aviso-actions[b-796svn4w8n] {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

.pedido-aviso-btn[b-796svn4w8n] {
    flex: 1;
    min-height: 40px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease, background 0.2s ease;
}

.pedido-aviso-cont[b-796svn4w8n] {
    background: #f59e0b;
    color: #613b00;
}

.pedido-aviso-cont:hover[b-796svn4w8n] {
    opacity: 0.9;
}

.pedido-aviso-desc[b-796svn4w8n] {
    background: #f0f3ff;
    color: #534434;
}

.pedido-aviso-desc:hover[b-796svn4w8n] {
    background: #e2e8f8;
}

.topbar-icon:hover[b-796svn4w8n] {
    color: #855300;
    background: #ffffff;
}

.topbar-icon[b-796svn4w8n] {
    cursor: pointer;
}

.topbar-avatar-wrap[b-796svn4w8n] {
    position: relative;
}

.topbar-avatar[b-796svn4w8n] {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background: #dce2f3;
    border: 1px solid #d8c3ad;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #534434;
    text-transform: uppercase;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s ease, color 0.2s ease;
}

.topbar-avatar:hover[b-796svn4w8n] {
    background: #ffddb8;
    color: #653e00;
}

.usuario-menu[b-796svn4w8n] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 220px;
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
    padding: 6px;
    z-index: 60;
}

.usuario-menu-head[b-796svn4w8n] {
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #534434;
    border-bottom: 1px solid #f0f3ff;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usuario-menu-item[b-796svn4w8n] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #151c27;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    transition: background 0.2s ease, color 0.2s ease;
}

.usuario-menu-item:hover[b-796svn4w8n] {
    background: #ffddb8;
    color: #653e00;
}

.content[b-796svn4w8n] {
    flex: 1;
    overflow-y: auto;
    background: #f9f9ff;
    padding: 24px;
}

#blazor-error-ui[b-796svn4w8n] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-796svn4w8n] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.sidebar-overlay[b-796svn4w8n] {
    position: fixed;
    inset: 0;
    z-index: 35;
    background: rgba(21, 28, 39, 0.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.sidebar-overlay--visible[b-796svn4w8n] {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 900px) {
    .sidebar[b-796svn4w8n] {
        transform: translateX(-100%);
    }

    .sidebar--abierto[b-796svn4w8n] {
        transform: translateX(0);
    }

    .main[b-796svn4w8n] {
        margin-left: 0;
    }

    .topbar-menu[b-796svn4w8n] {
        display: flex;
    }

    .topbar[b-796svn4w8n] {
        padding: 0 12px;
        gap: 8px;
    }

    .content[b-796svn4w8n] {
        padding: 16px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav[b-neuus3wz5h] {
    flex: 1;
    overflow-y: auto;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-at3ltihlx4],
.components-reconnect-repeated-attempt-visible[b-at3ltihlx4],
.components-reconnect-failed-visible[b-at3ltihlx4],
.components-pause-visible[b-at3ltihlx4],
.components-resume-failed-visible[b-at3ltihlx4],
.components-rejoining-animation[b-at3ltihlx4] {
    display: none;
}

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


#components-reconnect-modal[b-at3ltihlx4] {
    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-at3ltihlx4 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-at3ltihlx4 {
    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/Ajustes.razor.rz.scp.css */
.aj-page[b-fh9yjr22zy] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.aj-header[b-fh9yjr22zy] {
    margin-bottom: 20px;
}

.aj-title[b-fh9yjr22zy] {
    margin: 0 0 6px;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.aj-subtitle[b-fh9yjr22zy] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    color: #534434;
}

.aj-ok[b-fh9yjr22zy] {
    background: #dff7e7;
    color: #005236;
    border: 1px solid #6ffbbe;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.aj-error[b-fh9yjr22zy] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.aj-grid[b-fh9yjr22zy] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

@media (min-width: 1024px) {
.aj-aviso[b-fh9yjr22zy] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #ffddb8;
    border: 1px solid #f59e0b;
    color: #653e00;
    font-size: 14px;
}

.aj-aviso svg[b-fh9yjr22zy] {
    flex-shrink: 0;
    color: #b45309;
}

.aj-aviso strong[b-fh9yjr22zy],
.aj-aviso span[b-fh9yjr22zy] {
    display: block;
}

.aj-grid[b-fh9yjr22zy] {
        grid-template-columns: 1fr 1fr;
    }
}

.aj-card[b-fh9yjr22zy] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.aj-card-title[b-fh9yjr22zy] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 4px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #855300;
}

.aj-card-desc[b-fh9yjr22zy] {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 18px;
    color: #534434;
}

.aj-field[b-fh9yjr22zy] {
    margin-bottom: 14px;
}

.aj-field label[b-fh9yjr22zy] {
    display: block;
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.aj-input[b-fh9yjr22zy] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.aj-input:focus[b-fh9yjr22zy] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.aj-actions[b-fh9yjr22zy] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.aj-btn[b-fh9yjr22zy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.aj-btn:disabled[b-fh9yjr22zy] {
    opacity: 0.6;
    cursor: default;
}

.aj-btn-primary[b-fh9yjr22zy] {
    background: #f59e0b;
    color: #613b00;
}

.aj-btn-secundario[b-fh9yjr22zy] {
    background: transparent;
    border-color: #d8c3ad;
    color: #534434;
}

.aj-logo-row[b-fh9yjr22zy] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.aj-logo-preview[b-fh9yjr22zy] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    background: #fff;
    padding: 6px;
}

.aj-logo-actions[b-fh9yjr22zy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.aj-file[b-fh9yjr22zy] {
    font-size: 13px;
    color: #534434;
}

.aj-hint[b-fh9yjr22zy] {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #867461;
}

.aj-btn-primary:hover:not(:disabled)[b-fh9yjr22zy] {
    opacity: 0.9;
}

@media (max-width: 559px) {
    .aj-title[b-fh9yjr22zy] {
        font-size: 24px;
        line-height: 30px;
    }

    .aj-card[b-fh9yjr22zy] {
        padding: 16px;
    }

    .aj-actions .aj-btn[b-fh9yjr22zy] {
        width: 100%;
    }
}
/* /Components/Pages/ClienteForm.razor.rz.scp.css */
.cf-page[b-dmm9m89jcn] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.cf-header[b-dmm9m89jcn] {
    margin-bottom: 24px;
}

.cf-title[b-dmm9m89jcn] {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.cf-subtitle[b-dmm9m89jcn] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
}

.cf-error[b-dmm9m89jcn] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.cf-card[b-dmm9m89jcn] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    max-width: 760px;
}

.cf-grid[b-dmm9m89jcn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 640px) {
    .cf-grid[b-dmm9m89jcn] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cf-field[b-dmm9m89jcn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cf-field-full[b-dmm9m89jcn] {
    grid-column: 1 / -1;
}

.cf-field label[b-dmm9m89jcn] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
    color: #534434;
}

.cf-input[b-dmm9m89jcn] {
    height: 48px;
    padding: 4px 16px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cf-input:focus[b-dmm9m89jcn] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.cf-actions[b-dmm9m89jcn] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #d8c3ad;
}

.cf-btn[b-dmm9m89jcn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.cf-btn:disabled[b-dmm9m89jcn] {
    opacity: 0.6;
    cursor: default;
}

.cf-btn-primary[b-dmm9m89jcn] {
    background: #f59e0b;
    color: #613b00;
}

.cf-btn-secondary[b-dmm9m89jcn] {
    background: #dce2f3;
    color: #151c27;
}

.cf-btn:hover:not(:disabled)[b-dmm9m89jcn] {
    opacity: 0.9;
}

.cf-hint[b-dmm9m89jcn] {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #855300;
}

.cf-check[b-dmm9m89jcn] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #151c27;
    cursor: pointer;
}
/* /Components/Pages/Clientes.razor.rz.scp.css */
.cl-page[b-jpfwb5tmro] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.cl-bar[b-jpfwb5tmro] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.cl-search[b-jpfwb5tmro] {
    position: relative;
    flex: 1;
    min-width: 240px;
    max-width: 420px;
}

.cl-search svg[b-jpfwb5tmro] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    pointer-events: none;
}

.cl-input[b-jpfwb5tmro] {
    width: 100%;
    min-height: 48px;
    padding: 12px 12px 12px 40px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.cl-input:focus[b-jpfwb5tmro] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.cl-btn[b-jpfwb5tmro] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.cl-btn:hover[b-jpfwb5tmro] {
    opacity: 0.9;
}

.cl-error[b-jpfwb5tmro] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.cl-panel[b-jpfwb5tmro] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.cl-panel-head[b-jpfwb5tmro] {
    padding: 24px;
    border-bottom: 1px solid #d8c3ad;
}

.cl-panel-head h3[b-jpfwb5tmro] {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #151c27;
}

.cl-table[b-jpfwb5tmro] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.cl-table thead[b-jpfwb5tmro] {
    background: #f0f3ff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.cl-table th[b-jpfwb5tmro] {
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.cl-table td[b-jpfwb5tmro] {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #d8c3ad;
    color: #151c27;
}

.cl-table tbody tr:hover[b-jpfwb5tmro] {
    background: #f0f3ff;
}

.cl-nombre[b-jpfwb5tmro] {
    display: block;
    color: #151c27;
    font-weight: 600;
    text-decoration: none;
}

.cl-inactivo[b-jpfwb5tmro] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 9999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    vertical-align: middle;
}

.cl-id[b-jpfwb5tmro] {
    font-weight: 700;
    color: #855300;
}

.cl-sub[b-jpfwb5tmro] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
    margin-top: 2px;
}

.cl-nombre:hover[b-jpfwb5tmro] {
    color: #855300;
}

.cl-muted[b-jpfwb5tmro] {
    color: #534434;
}

.cl-saldo[b-jpfwb5tmro] {
    font-weight: 600;
}

.cl-actions[b-jpfwb5tmro] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cl-iconbtn[b-jpfwb5tmro] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.cl-iconbtn:hover[b-jpfwb5tmro] {
    background: #dce2f3;
}

.cl-del:hover[b-jpfwb5tmro] {
    background: #ffdad6;
    color: #ba1a1a;
}

.cl-empty[b-jpfwb5tmro] {
    margin: 0;
    padding: 32px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.cl-foot[b-jpfwb5tmro] {
    padding: 24px;
    border-top: 1px solid #d8c3ad;
    color: #534434;
    font-size: 14px;
}

.right[b-jpfwb5tmro] {
    text-align: right;
}

.cl-modal-overlay[b-jpfwb5tmro] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(21, 28, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.cl-modal[b-jpfwb5tmro] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    font-family: 'Inter', system-ui, sans-serif;
}

.cl-modal h3[b-jpfwb5tmro] {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #151c27;
}

.cl-modal p[b-jpfwb5tmro] {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.cl-modal-actions[b-jpfwb5tmro] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.cl-modal-btn[b-jpfwb5tmro] {
    min-height: 44px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.cl-modal-cancel[b-jpfwb5tmro] {
    background: #dce2f3;
    color: #151c27;
}

.cl-modal-ok[b-jpfwb5tmro] {
    background: #ba1a1a;
    color: #ffffff;
}

.cl-modal-btn:hover[b-jpfwb5tmro] {
    opacity: 0.9;
}

@media (max-width: 639px) {
    .cl-table thead[b-jpfwb5tmro] {
        display: none;
    }

    .cl-table[b-jpfwb5tmro],
    .cl-table tbody[b-jpfwb5tmro],
    .cl-table tr[b-jpfwb5tmro],
    .cl-table td[b-jpfwb5tmro] {
        display: block;
        width: 100%;
    }

    .cl-table tbody tr[b-jpfwb5tmro] {
        padding: 14px 16px;
        border-top: 1px solid #d8c3ad;
    }

    .cl-table tbody tr:first-child[b-jpfwb5tmro] {
        border-top: none;
    }

    .cl-table td[b-jpfwb5tmro] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 0;
        border-top: none;
        font-size: 13px;
        line-height: 18px;
    }

    .cl-table td[b-jpfwb5tmro]::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #534434;
    }

    .cl-table td.right[b-jpfwb5tmro] {
        text-align: left;
    }

    .cl-table td:last-child[b-jpfwb5tmro] {
        justify-content: flex-end;
        padding-top: 10px;
        border-top: 1px dashed #d8c3ad;
        margin-top: 6px;
    }

    .cl-table td:last-child[b-jpfwb5tmro]::before {
        display: none;
    }

    .cl-actions[b-jpfwb5tmro] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .cl-modal[b-jpfwb5tmro] {
        max-width: calc(100vw - 32px);
        padding: 20px;
    }

.cl-modal-overlay[b-jpfwb5tmro] {
        padding: 16px;
    }
}

@media (max-width: 520px) {
    .cl-search[b-jpfwb5tmro] {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }
}

/* /Components/Pages/Cuentas.razor.rz.scp.css */
.cc-page[b-d5bzvn3uiv] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.cc-toolbar[b-d5bzvn3uiv] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
}

.cc-buscar[b-d5bzvn3uiv] {
    position: relative;
    flex: 1;
    min-width: 220px;
}

.cc-buscar svg[b-d5bzvn3uiv] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #867461;
    pointer-events: none;
}

.cc-buscar-input[b-d5bzvn3uiv] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px 10px 34px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.cc-buscar-input:focus[b-d5bzvn3uiv] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.cc-buscar-list[b-d5bzvn3uiv] {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    padding: 6px;
    max-height: 260px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.cc-buscar-item[b-d5bzvn3uiv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
    padding: 10px 12px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    font-family: inherit;
}

.cc-buscar-item:hover[b-d5bzvn3uiv] {
    background: #ffddb8;
}

.cc-buscar-nombre[b-d5bzvn3uiv] {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #151c27;
}

.cc-id[b-d5bzvn3uiv] {
    font-weight: 700;
    color: #855300;
}

.cc-buscar-det[b-d5bzvn3uiv] {
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.cc-buscar-vacio[b-d5bzvn3uiv] {
    margin: 0;
    padding: 10px 12px;
    font-size: 13px;
    color: #534434;
}

.cc-select[b-d5bzvn3uiv],
.cc-input[b-d5bzvn3uiv] {
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #ffffff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.cc-select:focus[b-d5bzvn3uiv],
.cc-input:focus[b-d5bzvn3uiv] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.cc-error[b-d5bzvn3uiv] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.cc-bento[b-d5bzvn3uiv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .cc-bento[b-d5bzvn3uiv] {
        grid-template-columns: 2fr 1fr;
    }
}

.cc-card[b-d5bzvn3uiv] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.cc-card-info[b-d5bzvn3uiv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (min-width: 640px) {
    .cc-card-info[b-d5bzvn3uiv] {
        flex-direction: row;
        align-items: flex-start;
    }
}

.cc-avatar[b-d5bzvn3uiv] {
    width: 48px;
    height: 48px;
    border-radius: 9999px;
    background: #e2e8f8;
    color: #855300;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cc-nombre[b-d5bzvn3uiv] {
    margin: 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.cc-codigo[b-d5bzvn3uiv] {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.cc-contactos[b-d5bzvn3uiv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    margin-top: 8px;
    padding-top: 20px;
    border-top: 1px solid #dce2f3;
}

.cc-contacto[b-d5bzvn3uiv] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.cc-card-balance[b-d5bzvn3uiv] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
}

.cc-balance-label[b-d5bzvn3uiv] {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #534434;
}

.cc-saldo[b-d5bzvn3uiv] {
    margin: 4px 0;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.cc-saldo-deuda[b-d5bzvn3uiv] {
    color: #ba1a1a;
}

.cc-saldo-ok[b-d5bzvn3uiv] {
    color: #006c49;
}

.cc-balance-sub[b-d5bzvn3uiv] {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.cc-btn-pago[b-d5bzvn3uiv] {
    width: 100%;
    min-height: 48px;
    border: none;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.cc-btn-pago:hover[b-d5bzvn3uiv] {
    opacity: 0.9;
}

.cc-table-card[b-d5bzvn3uiv] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.cc-table-head[b-d5bzvn3uiv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 24px;
    border-bottom: 1px solid #dce2f3;
}

.cc-table-head h4[b-d5bzvn3uiv] {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #151c27;
}

.cc-tools[b-d5bzvn3uiv] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cc-search[b-d5bzvn3uiv] {
    position: relative;
}

.cc-search svg[b-d5bzvn3uiv] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #867461;
    pointer-events: none;
}

.cc-search-input[b-d5bzvn3uiv] {
    width: 240px;
    min-height: 44px;
    padding: 10px 12px 10px 34px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.cc-search-input:focus[b-d5bzvn3uiv],
.cc-date:focus[b-d5bzvn3uiv] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.cc-date[b-d5bzvn3uiv] {
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-family: inherit;
}

.cc-date-sep[b-d5bzvn3uiv] {
    color: #534434;
    font-size: 13px;
    white-space: nowrap;
}

.cc-tool[b-d5bzvn3uiv] {
    width: 44px;
    height: 44px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #534434;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s ease;
}

.cc-tool:hover[b-d5bzvn3uiv] {
    background: #e2e8f8;
}

.cc-modal-overlay[b-d5bzvn3uiv] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(21, 28, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.cc-modal[b-d5bzvn3uiv] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    max-width: 720px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    font-family: 'Inter', system-ui, sans-serif;
    position: relative;
}

.cc-modal h3[b-d5bzvn3uiv] {
    margin: 0 0 12px;
    padding-right: 32px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #151c27;
}

.cc-modal-actions[b-d5bzvn3uiv] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.cc-modal-actions a.cc-modal-btn[b-d5bzvn3uiv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.cc-modal-btn[b-d5bzvn3uiv] {
    min-height: 44px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: opacity 0.2s ease;
}

.cc-modal-cancel[b-d5bzvn3uiv] {
    background: #dce2f3;
    color: #151c27;
}

.cc-modal-ok[b-d5bzvn3uiv] {
    background: #f59e0b;
    color: #613b00;
}

.cc-modal-btn:hover[b-d5bzvn3uiv] {
    opacity: 0.9;
}

.cc-modal-close[b-d5bzvn3uiv] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    cursor: pointer;
    font-size: 14px;
}

.cc-modal-close:hover[b-d5bzvn3uiv] {
    background: #f0f3ff;
}

.cc-pdf-view[b-d5bzvn3uiv] {
    width: 100%;
    height: 60vh;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    margin-bottom: 12px;
}

.cc-compartir-ayuda[b-d5bzvn3uiv] {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

@media (max-width: 639px) {
    .cc-nombre[b-d5bzvn3uiv] {
        font-size: 24px;
        line-height: 30px;
    }

    .cc-search-input[b-d5bzvn3uiv] {
        width: 100%;
    }

    .cc-table thead[b-d5bzvn3uiv] {
        display: none;
    }

    .cc-table[b-d5bzvn3uiv],
    .cc-table tbody[b-d5bzvn3uiv],
    .cc-table tr[b-d5bzvn3uiv],
    .cc-table td[b-d5bzvn3uiv] {
        display: block;
        width: 100%;
    }

    .cc-table tbody tr[b-d5bzvn3uiv] {
        padding: 12px 16px;
        border-top: 1px solid #dce2f3;
    }

    .cc-table tbody tr:first-child[b-d5bzvn3uiv] {
        border-top: none;
    }

    .cc-table td[b-d5bzvn3uiv] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 4px 0;
        border-top: none;
        font-size: 13px;
        line-height: 18px;
    }

    .cc-table td[b-d5bzvn3uiv]::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #534434;
    }

    .cc-table td.right[b-d5bzvn3uiv] {
        text-align: left;
    }

    .cc-table td:last-child[b-d5bzvn3uiv] {
        justify-content: flex-end;
        padding-top: 8px;
        border-top: 1px dashed #d8c3ad;
        margin-top: 4px;
    }

    .cc-table td:last-child[b-d5bzvn3uiv]::before {
        display: none;
    }

    .cc-fila-detalle td[b-d5bzvn3uiv] {
        display: block;
        padding-left: 0;
    }

    .cc-modal[b-d5bzvn3uiv],
    .cc-modal-pdf[b-d5bzvn3uiv] {
        max-width: calc(100vw - 32px);
        padding: 20px;
    }

    .cc-modal-overlay[b-d5bzvn3uiv] {
        padding: 16px;
    }
}

@media (max-width: 520px) {
    .cc-buscar[b-d5bzvn3uiv] {
        min-width: 0;
        flex-basis: 100%;
    }
}

.cc-scroll[b-d5bzvn3uiv] {
    overflow-x: auto;
}

.cc-table[b-d5bzvn3uiv] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.cc-table thead[b-d5bzvn3uiv] {
    background: #f0f3ff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.cc-table th[b-d5bzvn3uiv] {
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.cc-table td[b-d5bzvn3uiv] {
    padding: 14px 16px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #dce2f3;
    color: #151c27;
}

.cc-fila:hover[b-d5bzvn3uiv] {
    background: #e2e8f8;
}

.cc-fila-abierta[b-d5bzvn3uiv] {
    background: #f0f3ff;
}

.cc-fecha[b-d5bzvn3uiv] {
    color: #534434;
    white-space: nowrap;
}

.cc-concepto[b-d5bzvn3uiv] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.cc-concepto-inicial[b-d5bzvn3uiv] {
    font-style: italic;
    color: #534434;
}

.cc-dot[b-d5bzvn3uiv] {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    flex-shrink: 0;
}

.cc-dot-deuda[b-d5bzvn3uiv] {
    background: #ba1a1a;
}

.cc-dot-ok[b-d5bzvn3uiv] {
    background: #006c49;
}

.cc-cargo[b-d5bzvn3uiv] {
    color: #ba1a1a;
    font-weight: 500;
}

.cc-haber[b-d5bzvn3uiv] {
    color: #006c49;
    font-weight: 500;
}

.cc-saldo-celda[b-d5bzvn3uiv] {
    font-weight: 600;
}

.cc-muted[b-d5bzvn3uiv] {
    color: #534434;
}

.cc-vis[b-d5bzvn3uiv] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.cc-vis:hover[b-d5bzvn3uiv] {
    background: #e2e8f8;
    color: #855300;
}

.cc-fila-detalle td[b-d5bzvn3uiv] {
    background: #f9f9ff;
    color: #534434;
    font-style: italic;
    font-size: 13px;
}

.cc-table-foot[b-d5bzvn3uiv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid #dce2f3;
    color: #534434;
    font-size: 14px;
    line-height: 20px;
}

.cc-pago-tercero[b-d5bzvn3uiv] {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 18px;
    color: #534434;
}

.cc-pago-tercero strong[b-d5bzvn3uiv] {
    color: #151c27;
}

.cc-modal-pago[b-d5bzvn3uiv] {
    max-width: 560px;
}

.cc-pago-form[b-d5bzvn3uiv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cc-pago-row[b-d5bzvn3uiv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.cc-pago-row .cc-input[b-d5bzvn3uiv] {
    background: #f9f9ff;
}

.cc-vacio[b-d5bzvn3uiv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 56px 24px;
    background: #fffdf8;
    border: 1px dashed #d8c3ad;
    border-radius: 12px;
    color: #867461;
}

.cc-vacio h3[b-d5bzvn3uiv] {
    margin: 0;
    font-size: 17px;
    color: #534434;
}

.cc-vacio p[b-d5bzvn3uiv] {
    margin: 0;
    max-width: 420px;
    font-size: 14px;
    line-height: 20px;
}

.cc-acciones[b-d5bzvn3uiv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.center[b-d5bzvn3uiv] {
    text-align: center;
}

.right[b-d5bzvn3uiv] {
    text-align: right;
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dash-page[b-l258x4nucm] {
    min-height: 100%;
    background: #f9f9ff;
    padding: 0;
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.dash-loading[b-l258x4nucm] {
    color: #534434;
    font-size: 14px;
}

.dash-header[b-l258x4nucm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.dash-title[b-l258x4nucm] {
    margin: 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.dash-subtitle[b-l258x4nucm] {
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
    max-width: 560px;
}

.dash-btn[b-l258x4nucm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 24px;
    background: #f59e0b;
    color: #613b00;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.dash-btn:hover[b-l258x4nucm] {
    opacity: 0.9;
}

.dash-kpis[b-l258x4nucm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
    margin-bottom: 32px;
}

.kpi-card[b-l258x4nucm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
    min-width: 0;
}

.kpi-card:hover[b-l258x4nucm] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.kpi-head[b-l258x4nucm] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.kpi-icon[b-l258x4nucm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.045);
    border-radius: 10px;
}

.kpi-label[b-l258x4nucm] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-transform: uppercase;
    color: #534434;
}

.color-secondary[b-l258x4nucm] { color: #0058be; }
.color-tertiary[b-l258x4nucm] { color: #006c49; }
.color-error[b-l258x4nucm] { color: #ba1a1a; }

.kpi-value[b-l258x4nucm] {
    white-space: nowrap;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem);
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.kpi-foot[b-l258x4nucm] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding-top: 10px;
    border-top: 1px solid #f0f3ff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #534434;
}

.kpi-foot-item[b-l258x4nucm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.kpi-dot[b-l258x4nucm] {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    display: inline-block;
}

.kpi-dot--abierto[b-l258x4nucm] { background: #0058be; }
.kpi-dot--cerrado[b-l258x4nucm] { background: #6ffbbe; }
.kpi-dot--entregado[b-l258x4nucm] { background: #065f46; }

.kpi-note[b-l258x4nucm] {
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.dash-panel[b-l258x4nucm] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.panel-head[b-l258x4nucm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 4px;
    border-bottom: 1px solid #d8c3ad;
}

.panel-head h3[b-l258x4nucm] {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #151c27;
}

.panel-link[b-l258x4nucm] {
    font-size: 14px;
    line-height: 20px;
    color: #855300;
    font-weight: 500;
    text-decoration: none;
}

.panel-link:hover[b-l258x4nucm] {
    text-decoration: underline;
}

.panel-links[b-l258x4nucm] {
    display: flex;
    gap: 14px;
}

.ped-head[b-l258x4nucm],
.ped-row[b-l258x4nucm] {
    display: grid;
    grid-template-columns: 1fr 2.2fr 1fr 1.2fr 1.2fr;
    gap: 16px;
    align-items: center;
    padding: 12px 16px;
}

.ped-head[b-l258x4nucm] {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.ped-row[b-l258x4nucm] {
    border-bottom: 1px solid #d8c3ad;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
}

.ped-row:last-child[b-l258x4nucm] {
    border-bottom: none;
}

.ped-row:hover[b-l258x4nucm] {
    background: #f0f3ff;
}

.ped-row-nota[b-l258x4nucm] {
    background: #fbf7ee;
}

.ped-row-nota:hover[b-l258x4nucm] {
    background: #f6efdd;
}

.ped-num[b-l258x4nucm],
.ped-total[b-l258x4nucm] {
    font-weight: 500;
    color: #151c27;
}

.ped-hora[b-l258x4nucm] {
    color: #534434;
}

.badge-open[b-l258x4nucm],
.badge-done[b-l258x4nucm],
.badge-devuelto[b-l258x4nucm],
.badge-devuelta[b-l258x4nucm],
.badge-anulada[b-l258x4nucm],
.badge-entregado[b-l258x4nucm],
.badge-nota[b-l258x4nucm] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    white-space: nowrap;
}

.badge-open[b-l258x4nucm] {
    background: #d8e2ff;
    color: #004395;
}

.badge-done[b-l258x4nucm] {
    background: #6ffbbe;
    color: #005236;
}

.badge-entregado[b-l258x4nucm] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.badge-devuelto[b-l258x4nucm] {
    background: #fde68a;
    color: #613b00;
    border: 1px solid #fcd34d;
}

.badge-devuelta[b-l258x4nucm] {
    background: #e2e8f0;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.badge-anulada[b-l258x4nucm] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #f5b1aa;
}

.badge-nota[b-l258x4nucm] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.right[b-l258x4nucm] {
    text-align: right;
}

@media (max-width: 1024px) {
    .dash-kpis[b-l258x4nucm] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media (max-width: 639px) {
    .dash-kpis[b-l258x4nucm] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .dash-title[b-l258x4nucm] {
        font-size: 26px;
        line-height: 32px;
    }

    .dash-panel[b-l258x4nucm] {
        padding: 16px;
    }

    .ped-head[b-l258x4nucm] {
        display: none;
    }

    .ped-row[b-l258x4nucm] {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 12px 8px;
    }

    .ped-row .right[b-l258x4nucm] {
        text-align: left;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-a6i9gbzev5] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: #F9FAFB;
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.login-main[b-a6i9gbzev5] {
    width: 100%;
    max-width: 28rem;
}

.login-logo[b-a6i9gbzev5] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.login-logo img[b-a6i9gbzev5] {
    width: 6rem;
    height: 6rem;
    object-fit: contain;
    border-radius: 9999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background: #fff;
}

.login-card[b-a6i9gbzev5] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 0.75rem;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.login-heading[b-a6i9gbzev5] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-heading h1[b-a6i9gbzev5] {
    margin: 0 0 0.5rem;
    font-size: 24px;
    font-weight: 600;
    color: #151c27;
}

.login-heading p[b-a6i9gbzev5] {
    margin: 0;
    font-size: 14px;
    color: #534434;
}

.login-form[b-a6i9gbzev5] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.login-field[b-a6i9gbzev5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.login-field label[b-a6i9gbzev5] {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #151c27;
}

.login-input-wrap[b-a6i9gbzev5] {
    position: relative;
}

.login-input-wrap input[b-a6i9gbzev5] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 2.5rem;
    border: 1px solid #d8c3ad;
    border-radius: 0.25rem;
    background: #ffffff;
    color: #151c27;
    font-size: 14px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.login-input-wrap input[b-a6i9gbzev5]::placeholder {
    color: #9ca3af;
}

.login-input-wrap input:focus[b-a6i9gbzev5] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.login-icon[b-a6i9gbzev5] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    color: #d8c3ad;
    pointer-events: none;
}

.login-eye[b-a6i9gbzev5] {
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: none;
    cursor: pointer;
    color: #534434;
}

.login-eye:hover[b-a6i9gbzev5] {
    color: #151c27;
}

.login-alert[b-a6i9gbzev5] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-size: 14px;
}

.login-alert-bloqueo[b-a6i9gbzev5] {
    background: #ffddb8;
    color: #653e00;
    border-color: #f59e0b;
}

.login-row[b-a6i9gbzev5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 14px;
    color: #534434;
}

.login-remember[b-a6i9gbzev5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-weight: 400;
    color: #534434;
}

.login-submit[b-a6i9gbzev5] {
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 0.5rem;
    background: #F59E0B;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease;
}

.login-submit:hover[b-a6i9gbzev5] {
    background: #d98b0a;
}

.login-secure[b-a6i9gbzev5] {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-size: 14px;
    color: #534434;
}

.login-footer[b-a6i9gbzev5] {
    margin-top: 2rem;
    text-align: center;
    font-size: 14px;
    color: #534434;
    opacity: 0.7;
}
/* /Components/Pages/PedidoNuevo.razor.rz.scp.css */
.np-page[b-ko74hz92hj] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.np-header[b-ko74hz92hj] {
    margin-bottom: 32px;
}

.np-title[b-ko74hz92hj] {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.np-subtitle[b-ko74hz92hj] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
    max-width: 640px;
}

.np-error[b-ko74hz92hj] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.np-draft[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    background: #ffddb8;
    border: 1px solid #f59e0b;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

@media (min-width: 640px) {
    .np-draft[b-ko74hz92hj] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.np-draft-text[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.np-draft-text strong[b-ko74hz92hj] {
    font-size: 14px;
    line-height: 20px;
    color: #613b00;
}

.np-draft-text span[b-ko74hz92hj] {
    font-size: 14px;
    line-height: 20px;
    color: #653e00;
}

.np-draft-actions[b-ko74hz92hj] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.np-draft-btn[b-ko74hz92hj] {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.np-draft-cont[b-ko74hz92hj] {
    background: #f59e0b;
    color: #613b00;
    font-weight: 500;
}

.np-draft-cont:hover[b-ko74hz92hj] {
    opacity: 0.9;
}

.np-draft-disc[b-ko74hz92hj] {
    background: transparent;
    color: #613b00;
    border: 1px solid #f59e0b;
}

.np-grid[b-ko74hz92hj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 1024px) {
    .np-grid[b-ko74hz92hj] {
        grid-template-columns: 7fr 5fr;
        align-items: start;
    }
}

.np-left[b-ko74hz92hj],
.np-right[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.np-card[b-ko74hz92hj] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.np-card-detail[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    min-height: 420px;
}

.np-step-title[b-ko74hz92hj] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #151c27;
}

.np-step-badge[b-ko74hz92hj] {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background: #f59e0b;
    color: #613b00;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    flex-shrink: 0;
}

.np-mb[b-ko74hz92hj] {
    margin-bottom: 16px;
}

.np-search[b-ko74hz92hj] {
    position: relative;
}

.np-search svg[b-ko74hz92hj] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    pointer-events: none;
}

.np-input[b-ko74hz92hj] {
    width: 100%;
    min-height: 48px;
    padding: 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.np-input:focus[b-ko74hz92hj] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.35);
}

.np-obs[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.np-obs label[b-ko74hz92hj],
.np-chofer label[b-ko74hz92hj] {
    font-size: 13px;
    font-weight: 500;
    color: #534434;
}

.np-obs .np-input[b-ko74hz92hj] {
    resize: vertical;
    min-height: 64px;
}

.np-search .np-input[b-ko74hz92hj] {
    padding-left: 40px;
}

.np-cli-list[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    overflow: hidden;
}

.np-cli-item[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease;
}

.np-cli-item:hover[b-ko74hz92hj] {
    background: #f0f3ff;
}

.np-cli-item + .np-cli-item[b-ko74hz92hj] {
    border-top: 1px solid #d8c3ad;
}

.np-cli-nombre[b-ko74hz92hj] {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #151c27;
}

.np-cli-det[b-ko74hz92hj] {
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.np-chip[b-ko74hz92hj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0f3ff;
    border: 1px solid #d8c3ad;
    border-radius: 9999px;
    padding: 8px 12px 8px 16px;
}

.np-cli-sel[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: #f9f9ff;
    border: 2px solid rgba(48, 200, 143, 0.3);
    border-radius: 8px;
}

@media (min-width: 768px) {
    .np-cli-sel[b-ko74hz92hj] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.np-cli-info[b-ko74hz92hj] {
    flex: 1;
}

.np-cli-top[b-ko74hz92hj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.np-cli-top h4[b-ko74hz92hj] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #151c27;
}

.np-cli-id[b-ko74hz92hj] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #534434;
}

.np-cli-line[b-ko74hz92hj] {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.np-cli-line-loc[b-ko74hz92hj] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #855300;
}

.np-cli-price[b-ko74hz92hj] {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #855300;
}

.np-cli-price strong[b-ko74hz92hj] {
    text-transform: uppercase;
}

.np-cli-cambiar[b-ko74hz92hj] {
    align-self: flex-start;
    border: none;
    background: transparent;
    color: #855300;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.np-cli-cambiar:hover[b-ko74hz92hj] {
    background: rgba(245, 158, 11, 0.1);
}

.np-chip-nombre[b-ko74hz92hj] {
    font-size: 14px;
    font-weight: 500;
    color: #151c27;
}

.np-chip-x[b-ko74hz92hj] {
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.np-chip-x:hover[b-ko74hz92hj] {
    background: #dce2f3;
    color: #151c27;
}

.np-prod-grid[b-ko74hz92hj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 640px) {
    .np-prod-grid[b-ko74hz92hj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .np-prod-grid[b-ko74hz92hj] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.np-prod[b-ko74hz92hj] {
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    padding: 16px;
    background: #f9f9ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 180px;
    transition: box-shadow 0.2s ease;
}

.np-prod:hover[b-ko74hz92hj] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.np-prod-head[b-ko74hz92hj] {
    text-align: center;
    margin-bottom: 16px;
}

.np-prod-head h4[b-ko74hz92hj] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #151c27;
}

.np-prod-head p[b-ko74hz92hj] {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.np-id[b-ko74hz92hj] {
    font-weight: 700;
    color: #855300;
}

.np-stepper[b-ko74hz92hj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f0f3ff;
    border-radius: 8px;
    padding: 4px;
    width: 100%;
}

.np-step-btn[b-ko74hz92hj] {
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.np-step-btn:disabled[b-ko74hz92hj] {
    opacity: 0.35;
    cursor: default;
}

.np-step-btn:hover:not(:disabled)[b-ko74hz92hj] {
    background: #dce2f3;
}

.np-step-plus[b-ko74hz92hj] {
    background: rgba(245, 158, 11, 0.2);
    color: #613b00;
}

.np-step-plus:hover:not(:disabled)[b-ko74hz92hj] {
    background: rgba(245, 158, 11, 0.4);
}

.np-step-qty[b-ko74hz92hj] {
    width: 56px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #151c27;
    user-select: none;
}

.np-step-qty:disabled[b-ko74hz92hj] {
    background: transparent;
}

input.np-step-qty[b-ko74hz92hj] {
    border: 1px solid #d8c3ad;
    border-radius: 6px;
    background: #ffffff;
    padding: 4px 2px;
    min-height: 40px;
    font-family: inherit;
}

input.np-step-qty:focus[b-ko74hz92hj] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.35);
}

.np-precio[b-ko74hz92hj] {
    margin: 12px 0 0;
    width: 100%;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.np-precio label[b-ko74hz92hj] {
    display: block;
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.np-precio-wrap[b-ko74hz92hj] {
    position: relative;
}

.np-precio-wrap span[b-ko74hz92hj] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    font-size: 14px;
    line-height: 20px;
}

.np-precio-input[b-ko74hz92hj] {
    width: 100%;
    padding-left: 26px;
    min-height: 44px;
    font-size: 16px;
}

.np-add[b-ko74hz92hj] {
    width: 100%;
    margin-top: 12px;
    min-height: 40px;
    border: none;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.1s ease;
}

.np-add:hover[b-ko74hz92hj] {
    opacity: 0.9;
}

.np-add:disabled[b-ko74hz92hj] {
    background: #dce2f3;
    color: #534434;
    opacity: 0.6;
    cursor: not-allowed;
}

.np-cli-cambiar:disabled[b-ko74hz92hj] {
    opacity: 0.45;
    cursor: not-allowed;
    background: transparent;
}

.np-det-head[b-ko74hz92hj],
.np-det-row[b-ko74hz92hj] {
    display: grid;
    grid-template-columns: 1fr 0.7fr 1fr 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 4px 4px;
}

.np-det-head[b-ko74hz92hj] {
    grid-template-columns: 1fr 0.7fr 1fr 1fr;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #d8c3ad;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.np-det-list[b-ko74hz92hj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    overflow-y: auto;
}

.np-det-row[b-ko74hz92hj] {
    border-bottom: 1px solid #d8c3ad;
    padding: 8px 4px;
    font-size: 14px;
    line-height: 20px;
    color: #151c27;
}

.np-det-nombre[b-ko74hz92hj] {
    font-weight: 500;
}

.np-det-qty-input[b-ko74hz92hj] {
    width: 80px;
    text-align: center;
    border: 1px solid #d8c3ad;
    border-radius: 6px;
    background: #ffffff;
    padding: 4px 2px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: #151c27;
}

.np-det-qty-input:focus[b-ko74hz92hj] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.35);
}

.np-det-sub[b-ko74hz92hj] {
    font-weight: 500;
}

.np-det-del[b-ko74hz92hj] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.np-det-del:hover[b-ko74hz92hj] {
    background: #ffdad6;
    color: #ba1a1a;
}

.np-empty-state[b-ko74hz92hj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
    color: #534434;
    opacity: 0.6;
}

.np-empty-state p[b-ko74hz92hj] {
    margin: 12px 0 0;
    font-size: 14px;
    line-height: 20px;
}

.np-empty[b-ko74hz92hj] {
    margin: 0;
    padding: 16px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.center[b-ko74hz92hj] {
    text-align: center;
}

.right[b-ko74hz92hj] {
    text-align: right;
}

.np-footer[b-ko74hz92hj] {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #d8c3ad;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.np-chofer label[b-ko74hz92hj] {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #534434;
}

.np-total-row[b-ko74hz92hj] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.np-total-label[b-ko74hz92hj] {
    font-size: 16px;
    line-height: 24px;
    color: #534434;
}

.np-total[b-ko74hz92hj] {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #855300;
}

.np-save[b-ko74hz92hj] {
    width: 100%;
    min-height: 56px;
    border: none;
    border-radius: 8px;
    background: #f0f3ff;
    color: #534434;
    opacity: 0.7;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: not-allowed;
}

.np-save:not(:disabled)[b-ko74hz92hj] {
    background: #f59e0b;
    color: #613b00;
    opacity: 1;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.np-save:hover:not(:disabled)[b-ko74hz92hj] {
    opacity: 0.9;
}

@media (max-width: 559px) {
    .np-prod-grid[b-ko74hz92hj] {
        grid-template-columns: 1fr;
    }

    .np-det-head[b-ko74hz92hj] {
        display: none;
    }

    .np-det-row[b-ko74hz92hj] {
        grid-template-columns: 1fr auto;
        padding: 10px 4px;
    }

    .np-det-nombre[b-ko74hz92hj] {
        grid-column: 1 / -1;
    }

    .np-total[b-ko74hz92hj] {
        font-size: 24px;
        line-height: 28px;
    }

    .np-step-btn[b-ko74hz92hj] {
        width: 42px;
        height: 42px;
    }
}

.np-agregado[b-ko74hz92hj] {
    position: fixed;
    top: 76px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 70;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: calc(100vw - 32px);
    padding: 10px 16px;
    background: #dff7e7;
    color: #005236;
    border: 1px solid #6ffbbe;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
/* /Components/Pages/PedidosLista.razor.rz.scp.css */
.pl-page[b-0dh4fp4k1p] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.pl-bar[b-0dh4fp4k1p] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.pl-bar-content[b-0dh4fp4k1p] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 768px) {
    .pl-bar-content[b-0dh4fp4k1p] {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 16px;
    }
}

.pl-title[b-0dh4fp4k1p] {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #151c27;
    white-space: nowrap;
}

.pl-filters[b-0dh4fp4k1p] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: flex-end;
}

@media (min-width: 640px) {
    .pl-filters[b-0dh4fp4k1p] {
        display: grid;
        grid-template-columns: 256px auto 200px;
        justify-content: end;
        align-items: center;
    }
}

.pl-search[b-0dh4fp4k1p] {
    position: relative;
    width: 100%;
}

.pl-search svg[b-0dh4fp4k1p] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    pointer-events: none;
}

.pl-filter-select[b-0dh4fp4k1p] {
    width: 100%;
}

.pl-input[b-0dh4fp4k1p] {
    width: 100%;
    min-height: 48px;
    padding: 8px 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: transparent;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.pl-input:focus[b-0dh4fp4k1p] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.pl-search .pl-input[b-0dh4fp4k1p] {
    padding-left: 40px;
}

.pl-panel[b-0dh4fp4k1p] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.pl-table[b-0dh4fp4k1p] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.pl-table thead[b-0dh4fp4k1p] {
    background: #f0f3ff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.pl-table th[b-0dh4fp4k1p] {
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.pl-table td[b-0dh4fp4k1p] {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #d8c3ad;
    color: #151c27;
}

.pl-table tbody tr:hover[b-0dh4fp4k1p] {
    background: #f0f3ff;
}

.pl-num[b-0dh4fp4k1p] {
    font-weight: 600;
    white-space: nowrap;
}

.pl-strong[b-0dh4fp4k1p] {
    font-weight: 500;
}

.pl-muted[b-0dh4fp4k1p] {
    color: #534434;
}

.pl-pill[b-0dh4fp4k1p] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pill-open[b-0dh4fp4k1p] {
    background: rgba(33, 112, 228, 0.2);
    color: #2170e4;
}

.pill-done[b-0dh4fp4k1p] {
    background: rgba(48, 200, 143, 0.2);
    color: #006c49;
}

.pill-entregado[b-0dh4fp4k1p] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.pill-devuelto[b-0dh4fp4k1p] {
    background: #fde68a;
    color: #613b00;
    border: 1px solid #fcd34d;
}

.pill-anulada[b-0dh4fp4k1p] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #f5b1aa;
}

.pill-nota[b-0dh4fp4k1p] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.pl-row-nota[b-0dh4fp4k1p] {
    background: #fffbeb;
}

.pl-monto-nota[b-0dh4fp4k1p] {
    color: #92400e;
}

.pl-modal-wide[b-0dh4fp4k1p] {
    max-width: 560px;
}

.pl-devolver[b-0dh4fp4k1p] {
    color: #b45309;
}

.pl-entregar[b-0dh4fp4k1p] {
    color: #0b7a4b;
}

.pl-entregar:hover[b-0dh4fp4k1p] {
    background: #d1fae5;
    color: #065f46;
}

.pl-devolver:hover[b-0dh4fp4k1p] {
    background: #fef3c7;
    color: #92400e;
}

.pl-anular[b-0dh4fp4k1p] {
    color: #93000a;
}

.pl-anular:hover[b-0dh4fp4k1p] {
    background: #ffdad6;
    color: #ba1a1a;
}

.pl-disabled[b-0dh4fp4k1p] {
    opacity: 0.35;
    pointer-events: none;
}

.pl-dev-num[b-0dh4fp4k1p] {
    font-size: 11px;
    font-weight: 700;
    color: #b45309;
    letter-spacing: 0.03em;
}

.pl-devolucion-ayuda[b-0dh4fp4k1p] {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 18px;
    color: #534434;
}

.pl-devolucion-list[b-0dh4fp4k1p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
    max-height: 300px;
    overflow-y: auto;
}

.pl-devolucion-row[b-0dh4fp4k1p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
}

.pl-devolucion-nombre[b-0dh4fp4k1p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    color: #151c27;
}

.pl-devolucion-qty[b-0dh4fp4k1p] {
    width: 90px;
    text-align: center;
    font-size: 16px;
}

.pl-devolucion-total[b-0dh4fp4k1p] {
    margin: 0 0 12px;
    font-size: 14px;
    color: #534434;
}

.pl-devolucion-total strong[b-0dh4fp4k1p] {
    font-size: 16px;
    color: #151c27;
}

.pl-actions[b-0dh4fp4k1p] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.pl-iconbtn[b-0dh4fp4k1p] {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #534434;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.pl-iconbtn:hover[b-0dh4fp4k1p] {
    background: #dce2f3;
}

.pl-warn[b-0dh4fp4k1p] {
    color: #f59e0b;
}

.pl-sec[b-0dh4fp4k1p] {
    color: #0058be;
}

.pl-empty[b-0dh4fp4k1p] {
    margin: 0;
    padding: 32px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.pl-error[b-0dh4fp4k1p] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.round[b-0dh4fp4k1p] {
    text-align: right;
}

.right[b-0dh4fp4k1p] {
    text-align: right;
}

.pl-fab[b-0dh4fp4k1p] {
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 50;
    height: 56px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f59e0b;
    color: #613b00;
    font-weight: 500;
    border-radius: 9999px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.pl-fab:hover[b-0dh4fp4k1p] {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.24);
    transform: translateY(-2px);
}

.pl-fab span[b-0dh4fp4k1p] {
    display: none;
}

@media (min-width: 768px) {
    .pl-fab span[b-0dh4fp4k1p] {
        display: inline;
    }
}

.pl-modal-overlay[b-0dh4fp4k1p] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(21, 28, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.pl-modal[b-0dh4fp4k1p] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    font-family: 'Inter', system-ui, sans-serif;
}

.pl-modal h3[b-0dh4fp4k1p] {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #151c27;
}

.pl-modal p[b-0dh4fp4k1p] {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.pl-modal-actions[b-0dh4fp4k1p] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.pl-modal-btn[b-0dh4fp4k1p] {
    min-height: 44px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pl-modal-cancel[b-0dh4fp4k1p] {
    background: #dce2f3;
    color: #151c27;
}

.pl-modal-ok[b-0dh4fp4k1p] {
    background: #f59e0b;
    color: #613b00;
}

.pl-modal-btn:hover[b-0dh4fp4k1p] {
    opacity: 0.9;
}

.pl-modal-pdf[b-0dh4fp4k1p] {
    max-width: 720px;
}

.pl-modal-close[b-0dh4fp4k1p] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    cursor: pointer;
    font-size: 14px;
}

.pl-modal-close:hover[b-0dh4fp4k1p] {
    background: #f0f3ff;
}

.pl-pdf-view[b-0dh4fp4k1p] {
    width: 100%;
    height: 60vh;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    margin-bottom: 12px;
}

.pl-compartir-ayuda[b-0dh4fp4k1p] {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.pl-modal-cance[b-0dh4fp4k1p] {
    background: #dce2f3;
    color: #151c27;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pl-modal-actions[b-0dh4fp4k1p] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 639px) {
    .pl-bar[b-0dh4fp4k1p] {
        padding: 16px;
    }

    .pl-title[b-0dh4fp4k1p] {
        font-size: 20px;
        line-height: 28px;
        white-space: normal;
    }

    .pl-table thead[b-0dh4fp4k1p] {
        display: none;
    }

    .pl-table[b-0dh4fp4k1p],
    .pl-table tbody[b-0dh4fp4k1p],
    .pl-table tr[b-0dh4fp4k1p],
    .pl-table td[b-0dh4fp4k1p] {
        display: block;
        width: 100%;
    }

    .pl-table tbody tr[b-0dh4fp4k1p] {
        padding: 14px 16px;
        border-top: 1px solid #d8c3ad;
    }

    .pl-table tbody tr:first-child[b-0dh4fp4k1p] {
        border-top: none;
    }

    .pl-table td[b-0dh4fp4k1p] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 0;
        border-top: none;
        font-size: 13px;
        line-height: 18px;
    }

    .pl-table td[b-0dh4fp4k1p]::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #534434;
    }

    .pl-table td.right[b-0dh4fp4k1p] {
        text-align: left;
    }

    .pl-table td:last-child[b-0dh4fp4k1p] {
        justify-content: flex-end;
        padding-top: 10px;
        border-top: 1px dashed #d8c3ad;
        margin-top: 6px;
    }

    .pl-table td:last-child[b-0dh4fp4k1p]::before {
        display: none;
    }

    .pl-actions[b-0dh4fp4k1p] {
        display: flex;
        gap: 8px;
    }

    .pl-modal[b-0dh4fp4k1p],
    .pl-modal-pdf[b-0dh4fp4k1p] {
        max-width: calc(100vw - 32px);
        padding: 20px;
    }

    .pl-modal-overlay[b-0dh4fp4k1p] {
        padding: 16px;
    }
}
/* /Components/Pages/Precios.razor.rz.scp.css */
.pc-page[b-c3ivdz5cs4] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.pc-header[b-c3ivdz5cs4] {
    margin-bottom: 20px;
}

.pc-title[b-c3ivdz5cs4] {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.pc-subtitle[b-c3ivdz5cs4] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
}

.pc-tabs[b-c3ivdz5cs4] {
    display: flex;
    gap: 32px;
    border-bottom: 1px solid #d8c3ad;
    margin-bottom: 24px;
}

.pc-tab[b-c3ivdz5cs4] {
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    padding: 14px 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #534434;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.pc-tab:hover[b-c3ivdz5cs4] {
    color: #151c27;
}

.pc-tab-active[b-c3ivdz5cs4] {
    color: #855300;
    border-bottom-color: #855300;
}

.pc-error[b-c3ivdz5cs4] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.pc-grid[b-c3ivdz5cs4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 1024px) {
    .pc-grid[b-c3ivdz5cs4] {
        grid-template-columns: 4fr 8fr;
        align-items: start;
    }
}

.pc-sidebar[b-c3ivdz5cs4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pc-search[b-c3ivdz5cs4] {
    position: relative;
}

.pc-search svg[b-c3ivdz5cs4] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    pointer-events: none;
}

.pc-input[b-c3ivdz5cs4] {
    width: 100%;
    min-height: 48px;
    padding: 12px 12px 12px 40px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.pc-input:focus[b-c3ivdz5cs4] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.pc-list[b-c3ivdz5cs4] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    overflow: hidden;
    max-height: 520px;
    overflow-y: auto;
}

.pc-item[b-c3ivdz5cs4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 14px 16px;
    border: none;
    border-bottom: 1px solid #d8c3ad;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease;
}

.pc-item:last-child[b-c3ivdz5cs4] {
    border-bottom: none;
}

.pc-item:hover[b-c3ivdz5cs4] {
    background: #f0f3ff;
}

.pc-item-active[b-c3ivdz5cs4] {
    background: #f0f3ff;
    border-left: 3px solid #f59e0b;
}

.pc-item-nombre[b-c3ivdz5cs4] {
    font-size: 14px;
    font-weight: 600;
    color: #151c27;
}

.pc-item-id[b-c3ivdz5cs4] {
    font-size: 12px;
    color: #534434;
}

.pc-item-def[b-c3ivdz5cs4] {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: #6ffbbe;
    color: #002113;
    border-radius: 9999px;
    padding: 2px 8px;
    white-space: nowrap;
    flex-shrink: 0;
}

.pc-item-base[b-c3ivdz5cs4] {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: #e2e8f0;
    color: #475569;
    border-radius: 9999px;
    padding: 2px 8px;
    white-space: nowrap;
    flex-shrink: 0;
}

.pc-item-star[b-c3ivdz5cs4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0058be;
    flex-shrink: 0;
}

.pc-def-label[b-c3ivdz5cs4] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #006c49;
    white-space: nowrap;
}

.pc-head-badges[b-c3ivdz5cs4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pc-star[b-c3ivdz5cs4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: transparent;
    color: #867461;
    cursor: pointer;
    font-family: inherit;
    transition: color 0.2s ease, background 0.2s ease;
}

.pc-star:hover[b-c3ivdz5cs4] {
    background: #e2e8f8;
    color: #0058be;
}

.pc-star--on[b-c3ivdz5cs4] {
    color: #0058be;
    background: #dbeafe;
    border-color: #93c5fd;
}

.pc-star--on:hover[b-c3ivdz5cs4] {
    background: #dbeafe;
    color: #0058be;
}

.pc-head-badge[b-c3ivdz5cs4] {
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 9999px;
    padding: 2px 8px;
    white-space: nowrap;
}

.pc-head-badge--base[b-c3ivdz5cs4] {
    background: #e2e8f0;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.pc-head-badge--def[b-c3ivdz5cs4] {
    background: #6ffbbe;
    color: #002113;
}

.pc-empty[b-c3ivdz5cs4] {
    margin: 0;
    padding: 16px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.pc-detail[b-c3ivdz5cs4] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.pc-empty-state[b-c3ivdz5cs4] {
    padding: 48px 24px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.pc-table-wrap[b-c3ivdz5cs4] {
    display: flex;
    flex-direction: column;
}

.pc-table-head[b-c3ivdz5cs4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid #d8c3ad;
    background: #f0f3ff;
}

.pc-table-head h3[b-c3ivdz5cs4] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #151c27;
}

.pc-table-head span[b-c3ivdz5cs4] {
    color: #855300;
}

.pc-table[b-c3ivdz5cs4] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.pc-table thead[b-c3ivdz5cs4] {
    background: #f9f9ff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.pc-table th[b-c3ivdz5cs4] {
    padding: 14px 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.pc-table td[b-c3ivdz5cs4] {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #d8c3ad;
    color: #151c27;
}

.pc-prod-nombre[b-c3ivdz5cs4] {
    font-weight: 600;
}

.pc-muted[b-c3ivdz5cs4] {
    color: #534434;
}

.pc-input-price[b-c3ivdz5cs4] {
    width: 160px;
    min-height: 44px;
    padding: 8px 12px;
    text-align: right;
    background: #ffffff;
}

.pc-save[b-c3ivdz5cs4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 14px;
    border: none;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pc-save:hover[b-c3ivdz5cs4] {
    opacity: 0.9;
}

.right[b-c3ivdz5cs4] {
    text-align: right;
}

.pc-newlist[b-c3ivdz5cs4] {
    display: flex;
    gap: 8px;
}

.pc-newlist .pc-input[b-c3ivdz5cs4] {
    padding-left: 12px;
    flex: 1;
}

.pc-btn-new[b-c3ivdz5cs4] {
    min-height: 48px;
    padding: 0 16px;
    border: none;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.pc-btn-new:hover[b-c3ivdz5cs4] {
    opacity: 0.9;
}

.pc-headbar[b-c3ivdz5cs4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 24px;
    border-bottom: 1px solid #d8c3ad;
    background: #f0f3ff;
    flex-wrap: wrap;
}

.pc-headbar .pc-save[b-c3ivdz5cs4] {
    white-space: nowrap;
}

.pc-name-edit[b-c3ivdz5cs4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 260px;
}

.pc-name-edit .pc-input[b-c3ivdz5cs4] {
    padding-left: 12px;
    background: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.pc-btn-del[b-c3ivdz5cs4] {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: transparent;
    color: #ba1a1a;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
}

.pc-btn-del:hover[b-c3ivdz5cs4] {
    background: #ffdad6;
}

.pc-assign[b-c3ivdz5cs4] {
    margin-top: 6px;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fffbeb;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pc-assign-head[b-c3ivdz5cs4] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b45309;
}

.pc-assign-head h3[b-c3ivdz5cs4] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: #613b00;
}

.pc-assign-desc[b-c3ivdz5cs4] {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #867461;
}

.pc-assign-row[b-c3ivdz5cs4] {
    display: flex;
    gap: 8px;
}

.pc-assign-row .pc-input[b-c3ivdz5cs4] {
    padding-left: 12px;
}

.pc-chips[b-c3ivdz5cs4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.pc-chip[b-c3ivdz5cs4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e2e8f8;
    border: 1px solid #d8c3ad;
    border-radius: 9999px;
    padding: 6px 8px 6px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #151c27;
}

.pc-chip-x[b-c3ivdz5cs4] {
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    cursor: pointer;
    font-size: 12px;
}

.pc-chip-x:hover[b-c3ivdz5cs4] {
    background: #ffdad6;
    color: #ba1a1a;
}

.pc-modal-overlay[b-c3ivdz5cs4] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(21, 28, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.pc-modal[b-c3ivdz5cs4] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    font-family: 'Inter', system-ui, sans-serif;
}

.pc-modal h3[b-c3ivdz5cs4] {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #151c27;
}

.pc-modal p[b-c3ivdz5cs4] {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.pc-modal-actions[b-c3ivdz5cs4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.pc-modal-btn[b-c3ivdz5cs4] {
    min-height: 44px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pc-modal-cancel[b-c3ivdz5cs4] {
    background: #dce2f3;
    color: #151c27;
}

.pc-modal-ok[b-c3ivdz5cs4] {
    background: #ba1a1a;
    color: #ffffff;
}

.pc-modal-btn:hover[b-c3ivdz5cs4] {
    opacity: 0.9;
}

@media (max-width: 639px) {
    .pc-list[b-c3ivdz5cs4] {
        max-height: none;
    }

    .pc-headbar[b-c3ivdz5cs4] {
        flex-wrap: wrap;
    }

    .pc-assign-row[b-c3ivdz5cs4] {
        flex-wrap: wrap;
    }

    .pc-assign-row .pc-input[b-c3ivdz5cs4] {
        min-width: 0;
        flex: 1 1 100%;
    }

    .pc-table thead[b-c3ivdz5cs4] {
        display: none;
    }

    .pc-table[b-c3ivdz5cs4],
    .pc-table tbody[b-c3ivdz5cs4],
    .pc-table tr[b-c3ivdz5cs4],
    .pc-table td[b-c3ivdz5cs4] {
        display: block;
        width: 100%;
    }

    .pc-table tbody tr[b-c3ivdz5cs4] {
        padding: 14px 16px;
        border-top: 1px solid #d8c3ad;
    }

    .pc-table tbody tr:first-child[b-c3ivdz5cs4] {
        border-top: none;
    }

    .pc-table td[b-c3ivdz5cs4] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 0;
        border-top: none;
        font-size: 13px;
        line-height: 18px;
    }

    .pc-table td[b-c3ivdz5cs4]::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #534434;
    }

    .pc-table td.right[b-c3ivdz5cs4] {
        text-align: left;
    }

    .pc-input-price[b-c3ivdz5cs4] {
        max-width: 160px;
        min-height: 40px;
    }

    .pc-modal[b-c3ivdz5cs4] {
        max-width: calc(100vw - 32px);
        padding: 20px;
    }

    .pc-modal-overlay[b-c3ivdz5cs4] {
        padding: 16px;
    }
}

@media (max-width: 520px) {
    .pc-search[b-c3ivdz5cs4],
    .pc-name-edit[b-c3ivdz5cs4] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/ProductoForm.razor.rz.scp.css */
.pfo-page[b-gnobi7ouxm] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.pfo-header[b-gnobi7ouxm] {
    margin-bottom: 24px;
}

.pfo-title[b-gnobi7ouxm] {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.pfo-subtitle[b-gnobi7ouxm] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
}

.pfo-error[b-gnobi7ouxm] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.pfo-card[b-gnobi7ouxm] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    max-width: 760px;
}

.pfo-grid[b-gnobi7ouxm] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 640px) {
    .pfo-grid[b-gnobi7ouxm] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.pfo-field[b-gnobi7ouxm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pfo-field label[b-gnobi7ouxm] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
    color: #534434;
}

.pfo-input[b-gnobi7ouxm] {
    height: 48px;
    padding: 4px 16px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pfo-input:focus[b-gnobi7ouxm] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.pfo-actions[b-gnobi7ouxm] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #d8c3ad;
}

.pfo-btn[b-gnobi7ouxm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.pfo-btn:disabled[b-gnobi7ouxm] {
    opacity: 0.6;
    cursor: default;
}

.pfo-btn-primary[b-gnobi7ouxm] {
    background: #f59e0b;
    color: #613b00;
}

.pfo-btn-secondary[b-gnobi7ouxm] {
    background: #dce2f3;
    color: #151c27;
}

.pfo-btn:hover:not(:disabled)[b-gnobi7ouxm] {
    opacity: 0.9;
}

.pfo-hint[b-gnobi7ouxm] {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #855300;
}

.pfo-check[b-gnobi7ouxm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #151c27;
    cursor: pointer;
}
/* /Components/Pages/Productos.razor.rz.scp.css */
.pd-page[b-jry720t39y] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.pd-header[b-jry720t39y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.pd-title[b-jry720t39y] {
    margin: 0 0 4px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.pd-subtitle[b-jry720t39y] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
}

.pd-btn[b-jry720t39y] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: opacity 0.2s ease;
}

.pd-btn:hover[b-jry720t39y] {
    opacity: 0.9;
}

.pd-bar[b-jry720t39y] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 16px 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.pd-search[b-jry720t39y] {
    position: relative;
    max-width: 420px;
}

.pd-search svg[b-jry720t39y] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    pointer-events: none;
}

.pd-input[b-jry720t39y] {
    width: 100%;
    min-height: 48px;
    padding: 12px 12px 12px 40px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.pd-input:focus[b-jry720t39y] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.pd-error[b-jry720t39y] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.pd-panel[b-jry720t39y] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.pd-table[b-jry720t39y] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.pd-table thead[b-jry720t39y] {
    background: #f0f3ff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.pd-table th[b-jry720t39y] {
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.pd-table td[b-jry720t39y] {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #d8c3ad;
    color: #151c27;
}

.pd-table tbody tr:hover[b-jry720t39y] {
    background: #f0f3ff;
}

.pd-nombre[b-jry720t39y] {
    display: block;
    color: #151c27;
    font-weight: 600;
    text-decoration: none;
}

.pd-inactivo[b-jry720t39y] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 9999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    vertical-align: middle;
}

.pd-nombre:hover[b-jry720t39y] {
    color: #855300;
}

.pd-sub[b-jry720t39y] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
    margin-top: 2px;
}

.pd-id[b-jry720t39y] {
    font-weight: 700;
    color: #855300;
}

.pd-pill[b-jry720t39y] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pill-huevo[b-jry720t39y] {
    background: #d8e2ff;
    color: #004395;
}

.pill-otro[b-jry720t39y] {
    background: #dce2f3;
    color: #534434;
}

.pd-stock[b-jry720t39y] {
    font-weight: 500;
}

.pd-stock-bajo[b-jry720t39y] {
    color: #ba1a1a;
    font-weight: 600;
}

.pd-actions[b-jry720t39y] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pd-iconbtn[b-jry720t39y] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.pd-iconbtn:hover[b-jry720t39y] {
    background: #dce2f3;
}

.pd-stock-btn[b-jry720t39y] {
    color: #0b7a4b;
}

.pd-stock-btn:hover[b-jry720t39y] {
    background: #d1fae5;
    color: #065f46;
}

.pd-del:hover[b-jry720t39y] {
    background: #ffdad6;
    color: #ba1a1a;
}

.pd-empty[b-jry720t39y] {
    margin: 0;
    padding: 32px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.pd-foot[b-jry720t39y] {
    padding: 16px 24px;
    border-top: 1px solid #d8c3ad;
    color: #534434;
    font-size: 14px;
}

.right[b-jry720t39y] {
    text-align: right;
}

.pd-modal-overlay[b-jry720t39y] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(21, 28, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.pd-modal[b-jry720t39y] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    font-family: 'Inter', system-ui, sans-serif;
}

.pd-modal h3[b-jry720t39y] {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #151c27;
}

.pd-modal p[b-jry720t39y] {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.pd-modal-actions[b-jry720t39y] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.pd-modal-btn[b-jry720t39y] {
    min-height: 44px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pd-modal-cancel[b-jry720t39y] {
    background: #dce2f3;
    color: #151c27;
}

.pd-modal-ok[b-jry720t39y] {
    background: #ba1a1a;
    color: #ffffff;
}

.pd-modal-btn:hover[b-jry720t39y] {
    opacity: 0.9;
}

@media (max-width: 639px) {
    .pd-table thead[b-jry720t39y] {
        display: none;
    }

    .pd-table[b-jry720t39y],
    .pd-table tbody[b-jry720t39y],
    .pd-table tr[b-jry720t39y],
    .pd-table td[b-jry720t39y] {
        display: block;
        width: 100%;
    }

    .pd-table tbody tr[b-jry720t39y] {
        padding: 14px 16px;
        border-top: 1px solid #d8c3ad;
    }

    .pd-table tbody tr:first-child[b-jry720t39y] {
        border-top: none;
    }

    .pd-table td[b-jry720t39y] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 0;
        border-top: none;
        font-size: 13px;
        line-height: 18px;
    }

    .pd-table td[b-jry720t39y]::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #534434;
    }

    .pd-table td.right[b-jry720t39y] {
        text-align: left;
    }

    .pd-table td:last-child[b-jry720t39y] {
        justify-content: flex-end;
        padding-top: 10px;
        border-top: 1px dashed #d8c3ad;
        margin-top: 6px;
    }

    .pd-table td:last-child[b-jry720t39y]::before {
        display: none;
    }

    .pd-actions[b-jry720t39y] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .pd-modal[b-jry720t39y] {
        max-width: calc(100vw - 32px);
        padding: 20px;
    }

.pd-modal-overlay[b-jry720t39y] {
        padding: 16px;
    }
}

@media (max-width: 520px) {
    .pd-search[b-jry720t39y] {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }
}

/* /Components/Pages/Proveedores.razor.rz.scp.css */
.pr-page[b-3yorssf6z9] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.pr-bar[b-3yorssf6z9] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 16px 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.pr-btn[b-3yorssf6z9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.pr-search[b-3yorssf6z9] {
    position: relative;
    max-width: 420px;
}

.pr-search svg[b-3yorssf6z9] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    pointer-events: none;
}

.pr-input[b-3yorssf6z9] {
    width: 100%;
    min-height: 48px;
    padding: 12px 12px 12px 40px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.pr-input:focus[b-3yorssf6z9] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.pr-error[b-3yorssf6z9] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.pr-panel[b-3yorssf6z9] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.pr-panel-head[b-3yorssf6z9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px;
    border-bottom: 1px solid #d8c3ad;
}

.pr-panel-head h3[b-3yorssf6z9] {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #151c27;
}

.pr-btn[b-3yorssf6z9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.pr-btn:hover[b-3yorssf6z9] {
    opacity: 0.9;
}

.pr-table[b-3yorssf6z9] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.pr-table thead[b-3yorssf6z9] {
    background: #f0f3ff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.pr-table th[b-3yorssf6z9] {
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.pr-table td[b-3yorssf6z9] {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #d8c3ad;
    color: #151c27;
}

.pr-table tbody tr:hover[b-3yorssf6z9] {
    background: #f0f3ff;
}

.pr-nombre[b-3yorssf6z9] {
    display: block;
    color: #151c27;
    font-weight: 600;
    text-decoration: none;
}

.pr-inactivo[b-3yorssf6z9] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 9999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    vertical-align: middle;
}

.pr-nombre:hover[b-3yorssf6z9] {
    color: #855300;
}

.pr-id[b-3yorssf6z9] {
    font-weight: 700;
    color: #855300;
}

.pr-sub[b-3yorssf6z9] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
    margin-top: 2px;
}

.pr-muted[b-3yorssf6z9] {
    color: #534434;
}

.pr-saldo[b-3yorssf6z9] {
    font-weight: 600;
}

.pr-actions[b-3yorssf6z9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pr-iconbtn[b-3yorssf6z9] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.pr-iconbtn:hover[b-3yorssf6z9] {
    background: #dce2f3;
}

.pr-del:hover[b-3yorssf6z9] {
    background: #ffdad6;
    color: #ba1a1a;
}

.pr-empty[b-3yorssf6z9] {
    margin: 0;
    padding: 32px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.pr-foot[b-3yorssf6z9] {
    padding: 16px 24px;
    border-top: 1px solid #d8c3ad;
    color: #534434;
    font-size: 14px;
}

.right[b-3yorssf6z9] {
    text-align: right;
}

.pr-modal-overlay[b-3yorssf6z9] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(21, 28, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.pr-modal[b-3yorssf6z9] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    font-family: 'Inter', system-ui, sans-serif;
}

.pr-modal h3[b-3yorssf6z9] {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #151c27;
}

.pr-modal p[b-3yorssf6z9] {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.pr-modal-actions[b-3yorssf6z9] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.pr-modal-btn[b-3yorssf6z9] {
    min-height: 44px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pr-modal-cancel[b-3yorssf6z9] {
    background: #dce2f3;
    color: #151c27;
}

.pr-modal-ok[b-3yorssf6z9] {
    background: #ba1a1a;
    color: #ffffff;
}

.pr-modal-btn:hover[b-3yorssf6z9] {
    opacity: 0.9;
}

@media (max-width: 639px) {
    .pr-table thead[b-3yorssf6z9] {
        display: none;
    }

    .pr-table[b-3yorssf6z9],
    .pr-table tbody[b-3yorssf6z9],
    .pr-table tr[b-3yorssf6z9],
    .pr-table td[b-3yorssf6z9] {
        display: block;
        width: 100%;
    }

    .pr-table tbody tr[b-3yorssf6z9] {
        padding: 14px 16px;
        border-top: 1px solid #d8c3ad;
    }

    .pr-table tbody tr:first-child[b-3yorssf6z9] {
        border-top: none;
    }

    .pr-table td[b-3yorssf6z9] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 0;
        border-top: none;
        font-size: 13px;
        line-height: 18px;
    }

    .pr-table td[b-3yorssf6z9]::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #534434;
    }

    .pr-table td.right[b-3yorssf6z9] {
        text-align: left;
    }

    .pr-table td:last-child[b-3yorssf6z9] {
        justify-content: flex-end;
        padding-top: 10px;
        border-top: 1px dashed #d8c3ad;
        margin-top: 6px;
    }

    .pr-table td:last-child[b-3yorssf6z9]::before {
        display: none;
    }

    .pr-actions[b-3yorssf6z9] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .pr-modal[b-3yorssf6z9] {
        max-width: calc(100vw - 32px);
        padding: 20px;
    }

.pr-modal-overlay[b-3yorssf6z9] {
        padding: 16px;
    }
}

@media (max-width: 520px) {
    .pr-search[b-3yorssf6z9] {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }
}

/* /Components/Pages/ProveedorForm.razor.rz.scp.css */
.pf-page[b-5a84s6pa5j] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.pf-header[b-5a84s6pa5j] {
    margin-bottom: 24px;
}

.pf-title[b-5a84s6pa5j] {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.pf-subtitle[b-5a84s6pa5j] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
}

.pf-error[b-5a84s6pa5j] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.pf-card[b-5a84s6pa5j] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    max-width: 760px;
}

.pf-grid[b-5a84s6pa5j] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 640px) {
    .pf-grid[b-5a84s6pa5j] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.pf-field[b-5a84s6pa5j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pf-field-full[b-5a84s6pa5j] {
    grid-column: 1 / -1;
}

.pf-field label[b-5a84s6pa5j] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
    color: #534434;
}

.pf-input[b-5a84s6pa5j] {
    height: 48px;
    padding: 4px 16px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pf-input:focus[b-5a84s6pa5j] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.pf-actions[b-5a84s6pa5j] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #d8c3ad;
}

.pf-btn[b-5a84s6pa5j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.pf-btn:disabled[b-5a84s6pa5j] {
    opacity: 0.6;
    cursor: default;
}

.pf-btn-primary[b-5a84s6pa5j] {
    background: #f59e0b;
    color: #613b00;
}

.pf-btn-secondary[b-5a84s6pa5j] {
    background: #dce2f3;
    color: #151c27;
}

.pf-btn:hover:not(:disabled)[b-5a84s6pa5j] {
    opacity: 0.9;
}

.pf-hint[b-5a84s6pa5j] {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #855300;
}

.pf-check[b-5a84s6pa5j] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #151c27;
    cursor: pointer;
}
/* /Components/Pages/Recepciones.razor.rz.scp.css */
.rc-page[b-0lgc034dzw] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.rc-bar[b-0lgc034dzw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .rc-bar[b-0lgc034dzw] {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 16px;
    }
}

.rc-title[b-0lgc034dzw] {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #151c27;
    white-space: nowrap;
}

.rc-filters[b-0lgc034dzw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: flex-end;
}

@media (min-width: 640px) {
    .rc-filters[b-0lgc034dzw] {
        display: grid;
        grid-template-columns: 256px auto 200px;
        justify-content: end;
        align-items: center;
    }
}

.rc-search[b-0lgc034dzw] {
    position: relative;
    width: 100%;
}

.rc-search svg[b-0lgc034dzw] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    pointer-events: none;
}

.rc-input[b-0lgc034dzw] {
    width: 100%;
    min-height: 48px;
    padding: 12px 12px 12px 40px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.rc-input:focus[b-0lgc034dzw] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.rc-filters select.rc-input[b-0lgc034dzw] {
    padding-left: 12px;
}

.rc-error[b-0lgc034dzw] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.rc-panel[b-0lgc034dzw] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.rc-table[b-0lgc034dzw] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.rc-table thead[b-0lgc034dzw] {
    background: #f0f3ff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.rc-table th[b-0lgc034dzw] {
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.rc-table td[b-0lgc034dzw] {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #d8c3ad;
    color: #151c27;
}

.rc-table tbody tr:hover[b-0lgc034dzw] {
    background: #f0f3ff;
}

.rc-num[b-0lgc034dzw] {
    font-weight: 600;
    white-space: nowrap;
}

.rc-strong[b-0lgc034dzw] {
    font-weight: 500;
}

.rc-muted[b-0lgc034dzw] {
    color: #534434;
}

.rc-pill[b-0lgc034dzw] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pill-pendiente[b-0lgc034dzw] {
    background: rgba(33, 112, 228, 0.2);
    color: #2170e4;
}

.pill-confirmada[b-0lgc034dzw] {
    background: rgba(48, 200, 143, 0.2);
    color: #006c49;
}

.pill-devuelta[b-0lgc034dzw] {
    background: #e2e8f0;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.pill-anulada[b-0lgc034dzw] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #f5b1aa;
}

.pill-nota[b-0lgc034dzw] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.rc-row-nota[b-0lgc034dzw] {
    background: #fffbeb;
}

.rc-monto-nota[b-0lgc034dzw] {
    color: #92400e;
}

.rc-modal-wide[b-0lgc034dzw] {
    max-width: 560px;
}

.rc-devolucion-ayuda[b-0lgc034dzw] {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 18px;
    color: #534434;
}

.rc-devolucion-list[b-0lgc034dzw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
    max-height: 300px;
    overflow-y: auto;
}

.rc-devolucion-row[b-0lgc034dzw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
}

.rc-devolucion-nombre[b-0lgc034dzw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    color: #151c27;
}

.rc-devolucion-qty[b-0lgc034dzw] {
    width: 90px;
    text-align: center;
    font-size: 16px;
}

.rc-devolucion-total[b-0lgc034dzw] {
    margin: 0 0 12px;
    font-size: 14px;
    color: #534434;
}

.rc-devolucion-total strong[b-0lgc034dzw] {
    font-size: 16px;
    color: #151c27;
}

.rc-anular[b-0lgc034dzw] {
    color: #93000a;
}

.rc-anular:hover[b-0lgc034dzw] {
    background: #ffdad6;
    color: #ba1a1a;
}

.rc-disabled[b-0lgc034dzw] {
    opacity: 0.35;
    pointer-events: none;
}

.rc-dev-num[b-0lgc034dzw] {
    font-size: 11px;
    font-weight: 700;
    color: #b45309;
    letter-spacing: 0.03em;
}

.rc-devolver[b-0lgc034dzw] {
    color: #ba1a1a;
}

.rc-devolver:hover[b-0lgc034dzw] {
    background: #ffdad6;
    color: #93000a;
}

.rc-actions[b-0lgc034dzw] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.rc-action[b-0lgc034dzw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0058be;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.rc-action:hover[b-0lgc034dzw] {
    background: #d8e2ff;
}

.rc-iconbtn[b-0lgc034dzw] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.rc-iconbtn:hover[b-0lgc034dzw] {
    background: #dce2f3;
}

.rc-warn[b-0lgc034dzw] {
    color: #f59e0b;
}

.rc-empty[b-0lgc034dzw] {
    margin: 0;
    padding: 32px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.rc-foot[b-0lgc034dzw] {
    padding: 16px 24px;
    border-top: 1px solid #d8c3ad;
    color: #534434;
    font-size: 14px;
}

.right[b-0lgc034dzw] {
    text-align: right;
}

.rc-fab[b-0lgc034dzw] {
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 50;
    height: 56px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f59e0b;
    color: #613b00;
    font-weight: 500;
    border-radius: 9999px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.rc-fab:hover[b-0lgc034dzw] {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.24);
    transform: translateY(-2px);
}

.rc-fab span[b-0lgc034dzw] {
    display: none;
}

@media (min-width: 768px) {
    .rc-fab span[b-0lgc034dzw] {
        display: inline;
    }
}

.rc-sec[b-0lgc034dzw] {
    color: #0058be;
}

.rc-modal-overlay[b-0lgc034dzw] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(21, 28, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.rc-modal[b-0lgc034dzw] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    max-width: 420px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    font-family: 'Inter', system-ui, sans-serif;
}

.rc-modal h3[b-0lgc034dzw] {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #151c27;
}

.rc-modal p[b-0lgc034dzw] {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.rc-modal-actions[b-0lgc034dzw] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.rc-modal-btn[b-0lgc034dzw] {
    min-height: 44px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.rc-modal-cancel[b-0lgc034dzw] {
    background: #dce2f3;
    color: #151c27;
}

.rc-modal-ok[b-0lgc034dzw] {
    background: #f59e0b;
    color: #613b00;
}

.rc-modal-btn:hover[b-0lgc034dzw] {
    opacity: 0.9;
}

.rc-modal-pdf[b-0lgc034dzw] {
    max-width: 720px;
}

.rc-modal-close[b-0lgc034dzw] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    cursor: pointer;
    font-size: 14px;
}

.rc-modal-close:hover[b-0lgc034dzw] {
    background: #f0f3ff;
}

.rc-pdf-view[b-0lgc034dzw] {
    width: 100%;
    height: 60vh;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    margin-bottom: 12px;
}

.rc-compartir-ayuda[b-0lgc034dzw] {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.rc-modal-cance[b-0lgc034dzw] {
    background: #dce2f3;
    color: #151c27;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rc-modal-actions[b-0lgc034dzw] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 639px) {
    .rc-bar[b-0lgc034dzw] {
        padding: 16px;
    }

    .rc-title[b-0lgc034dzw] {
        font-size: 20px;
        line-height: 28px;
        white-space: normal;
    }

    .rc-table thead[b-0lgc034dzw] {
        display: none;
    }

    .rc-table[b-0lgc034dzw],
    .rc-table tbody[b-0lgc034dzw],
    .rc-table tr[b-0lgc034dzw],
    .rc-table td[b-0lgc034dzw] {
        display: block;
        width: 100%;
    }

    .rc-table tbody tr[b-0lgc034dzw] {
        padding: 14px 16px;
        border-top: 1px solid #d8c3ad;
    }

    .rc-table tbody tr:first-child[b-0lgc034dzw] {
        border-top: none;
    }

    .rc-table td[b-0lgc034dzw] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 0;
        border-top: none;
        font-size: 13px;
        line-height: 18px;
    }

    .rc-table td[b-0lgc034dzw]::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #534434;
    }

    .rc-table td.right[b-0lgc034dzw] {
        text-align: left;
    }

    .rc-table td:last-child[b-0lgc034dzw] {
        justify-content: flex-end;
        padding-top: 10px;
        border-top: 1px dashed #d8c3ad;
        margin-top: 6px;
    }

    .rc-table td:last-child[b-0lgc034dzw]::before {
        display: none;
    }

    .rc-actions[b-0lgc034dzw] {
        display: flex;
        gap: 8px;
    }

    .rc-modal[b-0lgc034dzw],
    .rc-modal-pdf[b-0lgc034dzw] {
        max-width: calc(100vw - 32px);
        padding: 20px;
    }

    .rc-modal-overlay[b-0lgc034dzw] {
        padding: 16px;
    }
}
/* /Components/Pages/RecepcionNueva.razor.rz.scp.css */
.rn-page[b-o334xe3g6s] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.rn-header[b-o334xe3g6s] {
    margin-bottom: 32px;
}

.rn-title[b-o334xe3g6s] {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.rn-subtitle[b-o334xe3g6s] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
}

.rn-error[b-o334xe3g6s] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.rn-grid[b-o334xe3g6s] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 1024px) {
    .rn-grid[b-o334xe3g6s] {
        grid-template-columns: 7fr 5fr;
        align-items: start;
    }
}

.rn-left[b-o334xe3g6s],
.rn-right[b-o334xe3g6s] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rn-card[b-o334xe3g6s] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.rn-card-detail[b-o334xe3g6s] {
    display: flex;
    flex-direction: column;
    min-height: 360px;
}

.rn-step-title[b-o334xe3g6s] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #151c27;
}

.rn-step-badge[b-o334xe3g6s] {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    background: #f59e0b;
    color: #613b00;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    flex-shrink: 0;
}

.rn-mb[b-o334xe3g6s] {
    margin-bottom: 16px;
}

.rn-search[b-o334xe3g6s] {
    position: relative;
}

.rn-search svg[b-o334xe3g6s] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    pointer-events: none;
}

.rn-input[b-o334xe3g6s] {
    width: 100%;
    min-height: 48px;
    padding: 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #f9f9ff;
    color: #151c27;
    font-size: 14px;
    line-height: 20px;
    font-family: inherit;
}

.rn-input:focus[b-o334xe3g6s] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.35);
}

.rn-search .rn-input[b-o334xe3g6s] {
    padding-left: 40px;
}

.rn-prov-list[b-o334xe3g6s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    overflow: hidden;
}

.rn-prov-item[b-o334xe3g6s] {
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: #ffffff;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #151c27;
    cursor: pointer;
    transition: background 0.2s ease;
}

.rn-prov-nombre[b-o334xe3g6s] {
    display: block;
}

.rn-prov-det[b-o334xe3g6s] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #534434;
    margin-top: 2px;
}

.rn-prov-item + .rn-prov-item[b-o334xe3g6s] {
    border-top: 1px solid #d8c3ad;
}

.rn-prov-item:hover[b-o334xe3g6s] {
    background: #f0f3ff;
}

.rn-chip[b-o334xe3g6s] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f0f3ff;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #151c27;
}

.rn-cli-sel[b-o334xe3g6s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: #f9f9ff;
    border: 2px solid rgba(48, 200, 143, 0.3);
    border-radius: 8px;
}

@media (min-width: 768px) {
    .rn-cli-sel[b-o334xe3g6s] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.rn-cli-info[b-o334xe3g6s] {
    flex: 1;
}

.rn-cli-top h4[b-o334xe3g6s] {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #151c27;
}

.rn-cli-id[b-o334xe3g6s] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #534434;
}

.rn-cli-line[b-o334xe3g6s] {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #534434;
}

.rn-cli-line-loc[b-o334xe3g6s] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #855300;
}

.rn-cli-price[b-o334xe3g6s] {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #855300;
}

.rn-cli-price strong[b-o334xe3g6s] {
    text-transform: uppercase;
}

.rn-cli-cambiar[b-o334xe3g6s] {
    align-self: flex-start;
    border: none;
    background: transparent;
    color: #855300;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.rn-cli-cambiar:hover:not(:disabled)[b-o334xe3g6s] {
    background: rgba(245, 158, 11, 0.1);
}

.rn-cli-cambiar:disabled[b-o334xe3g6s] {
    opacity: 0.45;
    cursor: not-allowed;
}

.rn-chip-change[b-o334xe3g6s] {
    border: none;
    background: transparent;
    color: #855300;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
}

.rn-prod-grid[b-o334xe3g6s] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 640px) {
    .rn-prod-grid[b-o334xe3g6s] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .rn-prod-grid[b-o334xe3g6s] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.rn-prod[b-o334xe3g6s] {
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    padding: 16px;
    background: #f9f9ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 200px;
    transition: box-shadow 0.2s ease;
}

.rn-prod:hover[b-o334xe3g6s] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.rn-prod-head[b-o334xe3g6s] {
    text-align: center;
    margin-bottom: 12px;
}

.rn-prod-head h4[b-o334xe3g6s] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #151c27;
}

.rn-prod-head p[b-o334xe3g6s] {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.rn-id[b-o334xe3g6s] {
    font-weight: 700;
    color: #855300;
}

.rn-costo[b-o334xe3g6s] {
    width: 100%;
    margin-bottom: 10px;
}

.rn-costo label[b-o334xe3g6s] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
    color: #534434;
    margin-bottom: 4px;
}

.rn-costo-wrap[b-o334xe3g6s] {
    position: relative;
}

.rn-costo-wrap span[b-o334xe3g6s] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #534434;
    font-size: 14px;
}

.rn-costo-input[b-o334xe3g6s] {
    min-height: 40px;
    padding-left: 24px;
    background: #ffffff;
}

.rn-stepper[b-o334xe3g6s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f0f3ff;
    border-radius: 8px;
    padding: 4px;
    width: 100%;
}

.rn-step-btn[b-o334xe3g6s] {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.rn-step-btn:disabled[b-o334xe3g6s] {
    opacity: 0.35;
    cursor: default;
}

.rn-step-btn:hover:not(:disabled)[b-o334xe3g6s] {
    background: #dce2f3;
}

.rn-step-plus[b-o334xe3g6s] {
    background: rgba(245, 158, 11, 0.2);
    color: #613b00;
}

.rn-step-plus:hover:not(:disabled)[b-o334xe3g6s] {
    background: rgba(245, 158, 11, 0.4);
}

.rn-step-qty[b-o334xe3g6s] {
    width: 56px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #151c27;
    user-select: none;
}

.rn-step-qty:disabled[b-o334xe3g6s] {
    background: transparent;
}

input.rn-step-qty[b-o334xe3g6s] {
    border: 1px solid #d8c3ad;
    border-radius: 6px;
    background: #ffffff;
    padding: 4px 2px;
    min-height: 40px;
    font-family: inherit;
}

input.rn-step-qty:focus[b-o334xe3g6s] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.35);
}

.rn-add[b-o334xe3g6s] {
    width: 100%;
    margin-top: 12px;
    min-height: 40px;
    border: none;
    border-radius: 8px;
    background: #f59e0b;
    color: #613b00;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.rn-add:hover:not(:disabled)[b-o334xe3g6s] {
    opacity: 0.9;
}

.rn-add:disabled[b-o334xe3g6s] {
    background: #dce2f3;
    color: #534434;
    opacity: 0.6;
    cursor: not-allowed;
}

.rn-obs-label[b-o334xe3g6s] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #151c27;
    margin-bottom: 12px;
}

.rn-obs[b-o334xe3g6s] {
    min-height: 90px;
    resize: vertical;
}

.rn-empty[b-o334xe3g6s] {
    margin: 0;
    padding: 16px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.rn-det-head[b-o334xe3g6s],
.rn-det-row[b-o334xe3g6s] {
    display: grid;
    grid-template-columns: 1fr 0.7fr 1fr 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 4px 0;
}

.rn-det-head[b-o334xe3g6s] {
    grid-template-columns: 1fr 0.7fr 1fr 1fr;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #d8c3ad;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.rn-det-list[b-o334xe3g6s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    overflow-y: auto;
}

.rn-det-row[b-o334xe3g6s] {
    border-bottom: 1px solid #d8c3ad;
    padding: 8px 0;
    font-size: 14px;
    line-height: 20px;
    color: #151c27;
}

.rn-det-sub[b-o334xe3g6s] {
    font-weight: 500;
}

.rn-det-del[b-o334xe3g6s] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 9999px;
    background: transparent;
    color: #534434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.rn-det-del:hover[b-o334xe3g6s] {
    background: #ffdad6;
    color: #ba1a1a;
}

@media (max-width: 559px) {
    .rn-prod-grid[b-o334xe3g6s] {
        grid-template-columns: 1fr;
    }

    .rn-det-head[b-o334xe3g6s] {
        display: none;
    }

.rn-det-row[b-o334xe3g6s] {
    grid-template-columns: 1fr auto;
    padding: 10px 0;
}

.rn-det-nombre[b-o334xe3g6s] {
        grid-column: 1 / -1;
    }
}

.rn-empty-state[b-o334xe3g6s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px 0;
    color: #534434;
    opacity: 0.6;
    text-align: center;
}

.center[b-o334xe3g6s] {
    text-align: center;
}

.right[b-o334xe3g6s] {
    text-align: right;
}

.rn-footer[b-o334xe3g6s] {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #d8c3ad;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rn-total-row[b-o334xe3g6s] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.rn-total-label[b-o334xe3g6s] {
    font-size: 16px;
    line-height: 24px;
    color: #534434;
}

.rn-total[b-o334xe3g6s] {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #855300;
}

.rn-save[b-o334xe3g6s] {
    width: 100%;
    min-height: 56px;
    border: none;
    border-radius: 8px;
    background: #f0f3ff;
    color: #534434;
    opacity: 0.7;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: not-allowed;
}

.rn-save:not(:disabled)[b-o334xe3g6s] {
    background: #f59e0b;
    color: #613b00;
    opacity: 1;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.rn-save:hover:not(:disabled)[b-o334xe3g6s] {
    opacity: 0.9;
}

.rn-back[b-o334xe3g6s] {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #855300;
    font-weight: 500;
    text-decoration: none;
}

.rn-back:hover[b-o334xe3g6s] {
    text-decoration: underline;
}

.rn-agregado[b-o334xe3g6s] {
    position: fixed;
    top: 76px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 70;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: calc(100vw - 32px);
    padding: 10px 16px;
    background: #dff7e7;
    color: #005236;
    border: 1px solid #6ffbbe;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.rn-det-qty-input[b-o334xe3g6s] {
    width: 80px;
    text-align: center;
    border: 1px solid #d8c3ad;
    border-radius: 6px;
    background: #ffffff;
    padding: 4px 2px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: #151c27;
}

.rn-det-qty-input:focus[b-o334xe3g6s] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.35);
}
/* /Components/Pages/Stock.razor.rz.scp.css */
.sk-page[b-t8mzr27zbq] {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.sk-header[b-t8mzr27zbq] {
    margin-bottom: 20px;
}

.sk-title[b-t8mzr27zbq] {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #151c27;
}

.sk-subtitle[b-t8mzr27zbq] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #534434;
    max-width: 640px;
}

.sk-error[b-t8mzr27zbq] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #ba1a1a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    margin-bottom: 16px;
}

.sk-panel[b-t8mzr27zbq] {
    background: #ffffff;
    border: 1px solid #d8c3ad;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.sk-table[b-t8mzr27zbq] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.sk-table thead[b-t8mzr27zbq] {
    background: #f0f3ff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #534434;
}

.sk-table th[b-t8mzr27zbq] {
    padding: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.sk-table td[b-t8mzr27zbq] {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #d8c3ad;
    color: #151c27;
}

.sk-table tbody tr:hover[b-t8mzr27zbq] {
    background: #f0f3ff;
}

.sk-nombre[b-t8mzr27zbq] {
    font-weight: 600;
}

.sk-muted[b-t8mzr27zbq] {
    color: #534434;
}

.sk-stock[b-t8mzr27zbq] {
    font-weight: 700;
}

.sk-pill[b-t8mzr27zbq] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pill-disponible[b-t8mzr27zbq] {
    background: rgba(48, 200, 143, 0.2);
    color: #006c49;
}

.pill-sinstock[b-t8mzr27zbq] {
    background: #ffdad6;
    color: #ba1a1a;
}

.sk-empty[b-t8mzr27zbq] {
    margin: 0;
    padding: 32px;
    text-align: center;
    color: #534434;
    font-size: 14px;
}

.sk-foot[b-t8mzr27zbq] {
    padding: 16px 24px;
    border-top: 1px solid #d8c3ad;
    color: #534434;
    font-size: 14px;
}

.right[b-t8mzr27zbq] {
    text-align: right;
}

@media (max-width: 639px) {
    .sk-table thead[b-t8mzr27zbq] {
        display: none;
    }

    .sk-table[b-t8mzr27zbq],
    .sk-table tbody[b-t8mzr27zbq],
    .sk-table tr[b-t8mzr27zbq],
    .sk-table td[b-t8mzr27zbq] {
        display: block;
        width: 100%;
    }

    .sk-table tbody tr[b-t8mzr27zbq] {
        padding: 14px 16px;
        border-top: 1px solid #d8c3ad;
    }

    .sk-table tbody tr:first-child[b-t8mzr27zbq] {
        border-top: none;
    }

    .sk-table td[b-t8mzr27zbq] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 0;
        border-top: none;
        font-size: 13px;
        line-height: 18px;
    }

    .sk-table td[b-t8mzr27zbq]::before {
        content: attr(data-label);
        flex-shrink: 0;
        font-size: 11px;
        line-height: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #534434;
    }

    .sk-table td.right[b-t8mzr27zbq] {
        text-align: left;
    }

    .sk-table td:last-child[b-t8mzr27zbq] {
        justify-content: flex-end;
        padding-top: 10px;
        border-top: 1px dashed #d8c3ad;
        margin-top: 6px;
    }

    .sk-table td:last-child[b-t8mzr27zbq]::before {
        display: none;
    }

.sk-actions[b-t8mzr27zbq] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }
}

.sk-toolbar[b-t8mzr27zbq] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.sk-buscar[b-t8mzr27zbq] {
    position: relative;
    flex: 1;
    min-width: 220px;
}

.sk-buscar > svg[b-t8mzr27zbq] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #867461;
    pointer-events: none;
}

.sk-buscar-input[b-t8mzr27zbq] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px 10px 34px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    font-size: 14px;
    background: #fffdf8;
    color: #151c27;
}

.sk-buscar-input:focus[b-t8mzr27zbq] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.sk-buscar-list[b-t8mzr27zbq] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 30;
    background: #fffdf8;
    border: 1px solid #d8c3ad;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(38, 24, 8, 0.14);
    max-height: 320px;
    overflow-y: auto;
    padding: 6px;
}

.sk-buscar-item[b-t8mzr27zbq] {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
}

.sk-buscar-item:hover[b-t8mzr27zbq] {
    background: #f0f3ff;
}

.sk-buscar-nombre[b-t8mzr27zbq] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #151c27;
}

.sk-buscar-det[b-t8mzr27zbq] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.sk-id[b-t8mzr27zbq] {
    font-weight: 700;
    color: #855300;
}

.sk-buscar-vacio[b-t8mzr27zbq] {
    margin: 0;
    padding: 10px 12px;
    font-size: 13px;
    color: #867461;
}

.sk-inactivo[b-t8mzr27zbq] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;
    border-radius: 9999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    vertical-align: middle;
}

.sk-vacio[b-t8mzr27zbq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 56px 24px;
    background: #fffdf8;
    border: 1px dashed #d8c3ad;
    border-radius: 12px;
    color: #867461;
}

.sk-vacio h3[b-t8mzr27zbq] {
    margin: 0;
    font-size: 17px;
    color: #534434;
}

.sk-vacio p[b-t8mzr27zbq] {
    margin: 0;
    max-width: 420px;
    font-size: 14px;
    line-height: 20px;
}

.sk-btn-consult[b-t8mzr27zbq] {
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid #f59e0b;
    border-radius: 8px;
    background: #ffb703;
    color: #613b00;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.sk-btn-consult:hover[b-t8mzr27zbq] {
    background: #f59e0b;
}

.sk-bento[b-t8mzr27zbq] {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 16px;
    margin-bottom: 18px;
}

.sk-card[b-t8mzr27zbq] {
    background: #fffdf8;
    border: 1px solid #d8c3ad;
    border-radius: 14px;
    padding: 20px;
}

.sk-card-info[b-t8mzr27zbq] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sk-avatar[b-t8mzr27zbq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #ffb703;
    color: #613b00;
    flex-shrink: 0;
}

.sk-nombre[b-t8mzr27zbq] {
    margin: 0;
    font-size: 19px;
    line-height: 26px;
    font-weight: 600;
    color: #151c27;
}

.sk-codigo[b-t8mzr27zbq] {
    margin: 2px 0 0;
    font-size: 13px;
    color: #534434;
}

.sk-card-balance[b-t8mzr27zbq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sk-balance-label[b-t8mzr27zbq] {
    margin: 0;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #867461;
}

.sk-saldo[b-t8mzr27zbq] {
    margin: 0;
    font-size: 30px;
    line-height: 34px;
    font-weight: 800;
    color: #151c27;
}

.sk-balance-sub[b-t8mzr27zbq] {
    margin: 0 0 10px;
    font-size: 12px;
    color: #867461;
}

.sk-saldo-ok[b-t8mzr27zbq] {
    color: #0b7a4b;
}

.sk-saldo-bajo[b-t8mzr27zbq] {
    color: #b45309;
}

.sk-btn-ajuste[b-t8mzr27zbq] {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 10px;
    background: #ffb703;
    color: #613b00;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.sk-btn-ajuste:hover[b-t8mzr27zbq] {
    background: #f59e0b;
}

.sk-table-card[b-t8mzr27zbq] {
    background: #fffdf8;
    border: 1px solid #d8c3ad;
    border-radius: 14px;
    overflow: hidden;
}

.sk-table-head[b-t8mzr27zbq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 16px;
    border-bottom: 1px solid #d8c3ad;
}

.sk-table-head h4[b-t8mzr27zbq] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #151c27;
}

.sk-tools[b-t8mzr27zbq] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sk-search[b-t8mzr27zbq] {
    position: relative;
}

.sk-search > svg[b-t8mzr27zbq] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #867461;
    pointer-events: none;
}

.sk-search-input[b-t8mzr27zbq] {
    min-height: 44px;
    padding: 6px 10px 6px 32px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    background: #f9f9ff;
    color: #151c27;
    width: 200px;
}

.sk-search-input:focus[b-t8mzr27zbq] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.sk-date[b-t8mzr27zbq] {
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    font-family: inherit;
    background: #f9f9ff;
    color: #151c27;
}

.sk-date:focus[b-t8mzr27zbq] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.sk-date-sep[b-t8mzr27zbq] {
    font-size: 13px;
    color: #867461;
}

.sk-scroll[b-t8mzr27zbq] {
    overflow-x: auto;
}

.sk-table[b-t8mzr27zbq] {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
}

.sk-fila-inicial td[b-t8mzr27zbq] {
    background: #f7efe3;
    font-size: 13px;
}

.sk-concepto-inicial[b-t8mzr27zbq] {
    color: #534434;
    font-weight: 600;
}

.sk-saldo-celda[b-t8mzr27zbq] {
    font-weight: 700;
    color: #151c27;
}

.sk-fecha[b-t8mzr27zbq] {
    white-space: nowrap;
    color: #534434;
}

.sk-concepto[b-t8mzr27zbq] {
    white-space: nowrap;
}

.sk-dot[b-t8mzr27zbq] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    margin-right: 6px;
}

.sk-dot-entrada[b-t8mzr27zbq] {
    background: #0b7a4b;
}

.sk-dot-salida[b-t8mzr27zbq] {
    background: #b3261e;
}

.sk-dot-ajuste[b-t8mzr27zbq] {
    background: #b45309;
}

.sk-table-foot[b-t8mzr27zbq] {
    padding: 10px 16px;
    border-top: 1px solid #d8c3ad;
    font-size: 12px;
    color: #867461;
}

.sk-btn-consult[b-t8mzr27zbq] {
    min-height: 44px;

.pill-entrada {
    background: rgba(48, 200, 143, 0.2);
    color: #006c49;
}

.pill-salida[b-t8mzr27zbq] {
    background: #ffdad6;
    color: #93000a;
    border: 1px solid #f5b1aa;
}

.pill-ajuste[b-t8mzr27zbq] {
    background: #fde68a;
    color: #613b00;
    border: 1px solid #fcd34d;
}

.sk-ref[b-t8mzr27zbq] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #534434;
}

.sk-motivo[b-t8mzr27zbq] {
    color: #867461;
}

.sk-entrada[b-t8mzr27zbq] {
    color: #006c49;
    font-weight: 600;
}

.sk-salida[b-t8mzr27zbq] {
    color: #93000a;
    font-weight: 600;
}

.sk-acciones[b-t8mzr27zbq] {
    display: flex;
    justify-content: center;
    gap: 6px;
}

.sk-iconbtn[b-t8mzr27zbq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    color: #534434;
    border-radius: 9999px;
    cursor: pointer;
}

.sk-iconbtn:hover[b-t8mzr27zbq] {
    background: #f0f3ff;
    color: #855300;
}

.sk-modal-overlay[b-t8mzr27zbq] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(24, 16, 6, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.sk-modal[b-t8mzr27zbq] {
    background: #fffdf8;
    border-radius: 14px;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 24px;
    box-shadow: 0 24px 64px rgba(24, 16, 6, 0.28);
    position: relative;
}

.sk-modal h3[b-t8mzr27zbq] {
    margin: 0 0 6px;
    font-size: 19px;
    line-height: 26px;
    color: #151c27;
}

.sk-modal-sub[b-t8mzr27zbq] {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 18px;
    color: #534434;
}

.sk-modal-close[b-t8mzr27zbq] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    color: #534434;
    font-size: 18px;
    cursor: pointer;
    border-radius: 9999px;
}

.sk-modal-close:hover[b-t8mzr27zbq] {
    background: #f0f3ff;
}

.sk-modal-form[b-t8mzr27zbq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sk-input[b-t8mzr27zbq] {
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    font-size: 14px;
    background: #fffdf8;
    color: #151c27;
}

.sk-input:focus[b-t8mzr27zbq] {
    outline: none;
    border-color: #f59e0b;
    box-shadow: 0 0 0 1px #f59e0b;
}

.sk-modal-row[b-t8mzr27zbq] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.sk-modal-row .sk-input[b-t8mzr27zbq] {
    flex: 1;
    min-width: 140px;
}

.sk-modal-actions[b-t8mzr27zbq] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.sk-modal-btn[b-t8mzr27zbq] {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
}

.sk-modal-cancel[b-t8mzr27zbq] {
    background: transparent;
    border-color: #d8c3ad;
    color: #534434;
}

.sk-modal-cancel:hover[b-t8mzr27zbq] {
    background: #f7efe3;
}

.sk-modal-ok[b-t8mzr27zbq] {
    background: #ffb703;
    color: #613b00;
    border-color: #f59e0b;
}

.sk-modal-ok:hover[b-t8mzr27zbq] {
    background: #f59e0b;
}

.sk-modal-ok:disabled[b-t8mzr27zbq] {
    opacity: 0.6;
    cursor: default;
}

.sk-modal-pdf[b-t8mzr27zbq] {
    max-width: 860px;
}

.sk-pdf-view[b-t8mzr27zbq] {
    width: 100%;
    height: 62vh;
    border: 1px solid #d8c3ad;
    border-radius: 8px;
    background: #fff;
}

@media (max-width: 900px) {
    .sk-bento[b-t8mzr27zbq] {
        grid-template-columns: 1fr;
    }

    .sk-btn-ajuste[b-t8mzr27zbq] {
        min-height: 44px;
    }
}

@media (max-width: 520px) {
    .sk-search-input[b-t8mzr27zbq] {
        width: 100%;
    }

    .sk-buscar-list[b-t8mzr27zbq] {
        max-height: 260px;
    }

    .sk-modal[b-t8mzr27zbq] {
        max-width: calc(100vw - 32px);
        padding: 18px;
    }

    .sk-modal-row[b-t8mzr27zbq] {
        flex-direction: column;
    }

    .sk-modal-actions .sk-modal-btn[b-t8mzr27zbq] {
        flex: 1;
    }
}