/* /Components/Layout/AccesoLayout.razor.rz.scp.css */
.access-shell[b-ttmhbtp2ag] {
    position: fixed;
    inset: 0;
    min-width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 101, 0, .09), transparent 34%),
        linear-gradient(145deg, #f7f8fa 0%, #eef1f4 100%);
    color: #202731;
    font-family: "Segoe UI", Arial, sans-serif;
}

.access-brand[b-ttmhbtp2ag] {
    height: 78px;
    display: flex;
    align-items: center;
    padding: 0 36px;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -1px;
}

.brand-yg[b-ttmhbtp2ag] {
    color: #202a33;
}

.brand-facturas[b-ttmhbtp2ag] {
    color: #ff6500;
}

.access-content[b-ttmhbtp2ag] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
}

.access-footer[b-ttmhbtp2ag] {
    padding: 18px 30px 22px;
    color: #7b858f;
    text-align: center;
    font-size: 12px;
}
/* /Components/Layout/AppDialogHost.razor.rz.scp.css */
.app-dialog-backdrop[b-kup0lbj8b6] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(17, 26, 33, .58);
    backdrop-filter: blur(1px);
}

.app-dialog[b-kup0lbj8b6] {
    position: relative;
    width: min(540px, calc(100vw - 32px));
    overflow: hidden;
    color: #17232c;
    background: #fff;
    border: 1px solid #d9dfe3;
    border-radius: 9px;
    box-shadow: 0 24px 64px rgba(13, 24, 33, .24);
}

.app-dialog-close[b-kup0lbj8b6] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #66737d;
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.app-dialog-close:hover[b-kup0lbj8b6] {
    color: #26343e;
    background: #f1f4f6;
}

.app-dialog-close svg[b-kup0lbj8b6],
.app-dialog-button svg[b-kup0lbj8b6],
.app-dialog-icon svg[b-kup0lbj8b6] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.app-dialog-close svg[b-kup0lbj8b6] {
    width: 16px;
    height: 16px;
}

.app-dialog-head[b-kup0lbj8b6] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 13px;
    padding: 23px 54px 21px 22px;
}

.app-dialog-icon[b-kup0lbj8b6] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: #f4512a;
    background: #fff2ec;
    border-radius: 50%;
}

.app-dialog-icon svg[b-kup0lbj8b6] {
    width: 20px;
    height: 20px;
}

.app-dialog-danger .app-dialog-icon[b-kup0lbj8b6] {
    color: #c93b3b;
    background: #fdf0f0;
}

.app-dialog-info .app-dialog-icon[b-kup0lbj8b6] {
    color: #3e6f8e;
    background: #eef5f9;
}

.app-dialog h2[b-kup0lbj8b6] {
    margin: 1px 0 7px;
    color: #17232c;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
}

.app-dialog p[b-kup0lbj8b6] {
    margin: 0;
    color: #58656f;
    font-size: 12px;
    line-height: 1.6;
}

.app-dialog-footer[b-kup0lbj8b6] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    background: #fafbfb;
    border-top: 1px solid #e4e8eb;
}

.app-dialog-button[b-kup0lbj8b6] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 15px;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    border-radius: 5px;
    cursor: pointer;
}

.app-dialog-button svg[b-kup0lbj8b6] {
    width: 14px;
    height: 14px;
}

.app-dialog-button.secondary[b-kup0lbj8b6] {
    color: #34434e;
    background: #fff;
    border: 1px solid #cfd6db;
}

.app-dialog-button.secondary:hover[b-kup0lbj8b6] {
    background: #f4f6f7;
}

.app-dialog-button.primary[b-kup0lbj8b6] {
    color: #fff;
    background: #f4512a;
    border: 1px solid #f4512a;
}

.app-dialog-button.primary:hover[b-kup0lbj8b6] {
    background: #dc4321;
    border-color: #dc4321;
}

.app-dialog-button.primary.danger[b-kup0lbj8b6] {
    background: #c94343;
    border-color: #c94343;
}

.app-dialog-button.primary.danger:hover[b-kup0lbj8b6] {
    background: #b23838;
    border-color: #b23838;
}

@media (max-width: 600px) {
    .app-dialog-backdrop[b-kup0lbj8b6] {
        padding: 14px;
    }

    .app-dialog-head[b-kup0lbj8b6] {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        padding: 20px 46px 18px 17px;
    }

    .app-dialog-icon[b-kup0lbj8b6] {
        width: 34px;
        height: 34px;
    }

    .app-dialog-footer[b-kup0lbj8b6] {
        flex-direction: column-reverse;
    }

    .app-dialog-button[b-kup0lbj8b6] {
        width: 100%;
    }
}
/* /Components/Layout/AppToast.razor.rz.scp.css */
.app-toast[b-er492dgo3j] {
    position: fixed;
    top: 88px;
    right: 22px;
    z-index: 4200;
    width: min(410px, calc(100vw - 32px));
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 26px;
    gap: 10px;
    align-items: start;
    padding: 13px 12px 13px 13px;
    color: #26343e;
    background: #fff;
    border: 1px solid #dce2e6;
    border-left: 4px solid #43a86b;
    border-radius: 7px;
    box-shadow: 0 14px 38px rgba(20, 34, 44, .18);
    animation: app-toast-enter-b-er492dgo3j .16s ease-out;
}

.app-toast.error[b-er492dgo3j] {
    border-left-color: #cf4545;
}

.app-toast.progress[b-er492dgo3j] {
    border-left-color: #6f8492;
}

.app-toast.progress .app-toast-icon[b-er492dgo3j] {
    color: #526f80;
    background: #edf3f6;
}

.app-toast-icon[b-er492dgo3j] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: #2f9460;
    background: #eaf7ef;
    border-radius: 50%;
}

.app-toast.error .app-toast-icon[b-er492dgo3j] {
    color: #bf3838;
    background: #fcecec;
}

.app-toast-icon svg[b-er492dgo3j],
.app-toast-close svg[b-er492dgo3j] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.app-toast-icon svg[b-er492dgo3j] {
    width: 17px;
    height: 17px;
}

.app-toast-content[b-er492dgo3j] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 1px;
}

.app-toast-content strong[b-er492dgo3j] {
    color: #26343e;
    font-size: 11px;
    line-height: 1.3;
}

.app-toast-content span[b-er492dgo3j] {
    color: #64717b;
    font-size: 10px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.app-toast-close[b-er492dgo3j] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #7b8790;
    background: transparent;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}

.app-toast-close:hover[b-er492dgo3j] {
    color: #293842;
    background: #f1f4f5;
}

.app-toast-close svg[b-er492dgo3j] {
    width: 14px;
    height: 14px;
}

@keyframes app-toast-enter-b-er492dgo3j {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 700px) {
    .app-toast[b-er492dgo3j] {
        top: 72px;
        right: 12px;
        left: 12px;
        width: auto;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - LAYOUT PRINCIPAL
   ========================================================= */

*[b-zn11kithjl] {
    box-sizing: border-box;
}


/* =========================================================
   APLICACIÓN
   ========================================================= */

.yg-app[b-zn11kithjl] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    overflow: hidden;
    background: #f5f6f8;
    color: #202731;
    font-family: "Segoe UI", Arial, sans-serif;
}


/* =========================================================
   MENÚ LATERAL
   ========================================================= */

.yg-sidebar[b-zn11kithjl] {
    width: 205px;
    min-width: 205px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: linear-gradient(180deg, #202a33 0%, #182129 100%);
    color: white;
    box-shadow: 2px 0 6px rgba(0, 0, 0, .08);
    z-index: 20;
}


/* =========================================================
   LOGO
   ========================================================= */

.yg-logo[b-zn11kithjl] {
    height: 65px;
    min-height: 65px;
    display: flex;
    align-items: center;
    padding: 0 21px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -1.15px;
}

.logo-yg[b-zn11kithjl] {
    color: #ffffff;
}

.logo-facturas[b-zn11kithjl] {
    color: #ff6500;
}


/* =========================================================
   MENÚ
   ========================================================= */

.yg-menu[b-zn11kithjl] {
    flex: 1;
    min-height: 0;
    padding-top: 14px;
    overflow-y: auto;
    overflow-x: hidden;
}

.yg-menu[b-zn11kithjl]  a.menu-item {
    position: relative;
    height: 46px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 3px 7px;
    padding: 0 14px;
    color: #e3e7ea !important;
    text-decoration: none !important;
    border-radius: 5px;
    font-size: 13.25px;
    font-weight: 600;
    transition: background-color .15s ease, color .15s ease;
}

.yg-menu[b-zn11kithjl]  a.menu-item:hover {
    background: rgba(255, 255, 255, .07);
    color: #ffffff !important;
    text-decoration: none !important;
}

.yg-menu[b-zn11kithjl]  a.menu-item.active {
    background: rgba(255, 255, 255, .09);
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: inset 3px 0 0 #ff6500;
}

.yg-menu[b-zn11kithjl]  a.menu-item.active .menu-icon {
    color: #ff7a24;
}

.yg-menu[b-zn11kithjl]  a.menu-item:visited {
    color: #e3e7ea !important;
}

.yg-menu[b-zn11kithjl]  a.menu-item.active:visited {
    color: #ffffff !important;
}

.yg-menu[b-zn11kithjl]  a.menu-item.menu-item-long {
    gap: 10px;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 13px;
    white-space: nowrap;
}


/* =========================================================
   ICONOS
   ========================================================= */

.menu-icon[b-zn11kithjl] {
    width: 19px;
    height: 19px;
    min-width: 19px;
    display: block;
    color: inherit;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}


/* =========================================================
   SEPARADORES
   ========================================================= */

.menu-separator[b-zn11kithjl] {
    height: 1px;
    margin: 14px 18px;
    background: rgba(255, 255, 255, .13);
}

.menu-separator-soft[b-zn11kithjl] {
    margin-top: 8px;
    margin-bottom: 8px;
    background: rgba(255, 255, 255, .08);
}


/* =========================================================
   VERSIÓN
   ========================================================= */

.yg-version[b-zn11kithjl] {
    flex: 0 0 auto;
    padding: 14px 10px 15px;
    color: #98a2aa;
    border-top: 1px solid rgba(255, 255, 255, .07);
    font-size: 11.5px;
    text-align: center;
    letter-spacing: .05px;
}


/* =========================================================
   ZONA PRINCIPAL
   ========================================================= */

.yg-main[b-zn11kithjl] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


/* =========================================================
   BARRA SUPERIOR
   ========================================================= */

.yg-topbar[b-zn11kithjl] {
    height: 65px;
    min-height: 65px;
    flex: 0 0 65px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 24px;
    background: #202a33;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .12);
    z-index: 10;
}


/* =========================================================
   PARTE DERECHA
   ========================================================= */

.top-right[b-zn11kithjl] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    color: #ffffff;
}

.empresa[b-zn11kithjl] {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding-right: 18px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    color: #d7dde2;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .15px;
}

.avatar[b-zn11kithjl] {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff6500;
    color: white;
    border-radius: 50%;
    font-size: 13.5px;
    font-weight: 700;
}

.usuario[b-zn11kithjl] {
    color: #f4f6f8;
    font-size: 13.5px;
}


/* =========================================================
   CONTENIDO PRINCIPAL
   ========================================================= */

.yg-content[b-zn11kithjl] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    padding: 24px 28px;
    overflow: hidden;
    background: #f5f6f8;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

    .yg-sidebar[b-zn11kithjl] {
        width: 180px;
        min-width: 180px;
    }

    .empresa[b-zn11kithjl] {
        max-width: 260px;
    }
}

@media (max-width: 800px) {

    .yg-sidebar[b-zn11kithjl] {
        width: 65px;
        min-width: 65px;
    }

    .yg-logo[b-zn11kithjl] {
        padding: 0;
        justify-content: center;
        font-size: 17px;
    }

    .logo-facturas[b-zn11kithjl] {
        display: none;
    }

    .yg-menu[b-zn11kithjl]  a.menu-item {
        justify-content: center;
        padding: 0;
        margin-left: 6px;
        margin-right: 6px;
    }

    .yg-menu[b-zn11kithjl]  a.menu-item span:last-child {
        display: none;
    }

    .yg-menu[b-zn11kithjl]  a.menu-item.active {
        box-shadow: inset 3px 0 0 #ff6500;
    }

    .menu-icon[b-zn11kithjl] {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }

    .menu-separator[b-zn11kithjl],
    .menu-separator-soft[b-zn11kithjl] {
        margin-left: 12px;
        margin-right: 12px;
    }

    .yg-version[b-zn11kithjl] {
        display: none;
    }

    .empresa[b-zn11kithjl] {
        display: none;
    }

    .usuario[b-zn11kithjl] {
        display: none;
    }

    .yg-content[b-zn11kithjl] {
        padding: 18px;
    }
}


/* =========================================================
   SESIÓN / USUARIO AUTENTICADO
   ========================================================= */

.user-menu[b-zn11kithjl] {
    position: relative;
}

.user-menu[open][b-zn11kithjl] {
    z-index: 50;
}

.user-summary[b-zn11kithjl] {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    cursor: pointer;
    user-select: none;
}

.user-summary[b-zn11kithjl]::-webkit-details-marker {
    display: none;
}

.user-chevron[b-zn11kithjl] {
    margin-left: -1px;
    color: #c8cfd5;
    font-size: 12px;
}

.user-dropdown[b-zn11kithjl] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 220px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 14px 35px rgba(25, 35, 43, .18);
    color: #26313a;
}

.user-dropdown-head[b-zn11kithjl] {
    display: grid;
    gap: 2px;
    padding: 9px 10px 11px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eceff1;
}

.user-dropdown-head strong[b-zn11kithjl] {
    font-size: 13px;
}

.user-dropdown-head span[b-zn11kithjl] {
    color: #7a858e;
    font-size: 11.5px;
}

.user-action[b-zn11kithjl] {
    width: 100%;
    min-height: 36px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #33404a;
    text-decoration: none;
    font: inherit;
    font-size: 12.5px;
    text-align: left;
    cursor: pointer;
}

.user-action:hover[b-zn11kithjl] {
    background: #f3f5f6;
    color: #202a33;
}

.user-logout[b-zn11kithjl] {
    color: #a23838;
}

.user-dropdown-head .user-role[b-zn11kithjl] {
    margin-top: 3px;
    color: #ff6500;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2px;
}

/* =========================================================
   MENÚ CONTEXTUAL DE USUARIO - PULIDO VISUAL 10E20
   ========================================================= */

.user-summary[b-zn11kithjl] {
    min-height: 44px;
    padding: 2px 5px 2px 2px;
    border: 1px solid transparent;
    border-radius: 7px;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    outline: none;
}

.user-summary:hover[b-zn11kithjl] {
    background: rgba(255, 255, 255, .055);
}

.user-menu[open] .user-summary[b-zn11kithjl] {
    background: rgba(255, 255, 255, .045);
    border-color: rgba(255, 255, 255, .18);
}

.user-summary:focus-visible[b-zn11kithjl] {
    border-color: rgba(255, 101, 0, .55);
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .15);
}

.user-chevron[b-zn11kithjl] {
    width: 14px;
    height: 14px;
    margin-left: -1px;
    display: block;
    color: #c8cfd5;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .16s ease;
}

.user-menu[open] .user-chevron[b-zn11kithjl] {
    transform: rotate(180deg);
}

.user-dropdown[b-zn11kithjl] {
    width: 224px;
    padding: 7px;
    border-color: #d9dfe4;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(25, 35, 43, .18), 0 3px 8px rgba(25, 35, 43, .07);
}

.user-dropdown-head[b-zn11kithjl] {
    gap: 1px;
    padding: 9px 10px 10px;
    margin-bottom: 6px;
}

.user-dropdown-head strong[b-zn11kithjl] {
    color: #202a33;
    font-size: 13px;
    line-height: 1.25;
}

.user-dropdown-head span[b-zn11kithjl] {
    line-height: 1.35;
}

.user-dropdown-head .user-role[b-zn11kithjl] {
    margin-top: 4px;
    font-size: 9px;
    line-height: 1.3;
}

.user-action-form[b-zn11kithjl] {
    margin: 0;
}

.user-action[b-zn11kithjl] {
    min-height: 40px;
    gap: 9px;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 12.5px;
    font-weight: 500;
    transition: background-color .14s ease, color .14s ease;
}

.user-action-icon[b-zn11kithjl] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.user-action:hover[b-zn11kithjl] {
    background: #f3f5f6;
    color: #202a33;
}

.user-logout[b-zn11kithjl] {
    color: #a83838;
}

.user-logout:hover[b-zn11kithjl] {
    background: #fff3f3;
    color: #a32626;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-d4510efp51],
.components-reconnect-repeated-attempt-visible[b-d4510efp51],
.components-reconnect-failed-visible[b-d4510efp51],
.components-pause-visible[b-d4510efp51],
.components-resume-failed-visible[b-d4510efp51],
.components-rejoining-animation[b-d4510efp51] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-d4510efp51 {
    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/AccesoDenegado.razor.rz.scp.css */
.access-page[b-ndh1hvjk12] {
    min-height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 72px 24px;
    color: #26313a;
    font-family: "Segoe UI", Arial, sans-serif;
}

.access-card[b-ndh1hvjk12] {
    width: min(620px, 100%);
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #dde2e6;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(35, 42, 48, .06);
}

.access-mark[b-ndh1hvjk12] {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff0e6;
    color: #ff6500;
    font-size: 22px;
    font-weight: 800;
}

.access-kicker[b-ndh1hvjk12] {
    margin-bottom: 3px;
    color: #ff6500;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .9px;
}

.access-card h1[b-ndh1hvjk12] {
    margin: 0;
    color: #26313a;
    font-size: 22px;
}

.access-card p[b-ndh1hvjk12] {
    margin: 8px 0 18px;
    color: #727d86;
    font-size: 11px;
    line-height: 1.55;
}

.access-back[b-ndh1hvjk12] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    background: #ff6500;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.access-back:hover[b-ndh1hvjk12] {
    background: #ed5e00;
}
/* /Components/Pages/Albaranes.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - ALBARANES
   ========================================================= */

*[b-11h1uiozjo] {
    box-sizing: border-box;
}


.albaranes-page[b-11h1uiozjo] {
    width: 100%;
    height: 100%;
    min-width: 1050px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}


/* =========================================================
   BARRA SUPERIOR
   ========================================================= */

.page-toolbar[b-11h1uiozjo] {
    flex: 0 0 auto;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 13px;
}


.page-heading[b-11h1uiozjo] {
    flex: 0 0 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 7px;
}

.page-heading-icon[b-11h1uiozjo] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


    .page-heading h1[b-11h1uiozjo] {
        margin: 0;
        color: #202731;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -.5px;
        line-height: 1;
        white-space: nowrap;
    }


.toolbar-actions[b-11h1uiozjo] {
    display: flex;
    align-items: center;
    gap: 7px;
}


.toolbar-divider[b-11h1uiozjo] {
    width: 1px;
    height: 30px;
    margin: 0 4px;
    background: #cfd5da;
}


.action-button[b-11h1uiozjo] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    background: #ffffff;
    color: #29343e;
    border: 1px solid #d0d5da;
    border-radius: 6px;
    font-family: inherit;
    font-size: 11.75px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background .12s ease, border-color .12s ease;
}


    .action-button:hover:not(:disabled)[b-11h1uiozjo] {
        background: #f5f6f7;
        border-color: #bbc2c8;
    }


    .action-button.primary[b-11h1uiozjo] {
        background: #ff6500;
        color: #ffffff;
        border-color: #ff6500;
    }


        .action-button.primary:hover:not(:disabled)[b-11h1uiozjo] {
            background: #ed5e00;
        }


    .action-button.danger[b-11h1uiozjo] {
        color: #d73e32;
    }


        .action-button.danger:hover:not(:disabled)[b-11h1uiozjo] {
            background: #fff5f4;
            border-color: #e2aaa5;
        }


    .action-button:disabled[b-11h1uiozjo] {
        opacity: .4;
        cursor: default;
    }


.button-icon[b-11h1uiozjo] {
    width: 17px;
    height: 17px;
    min-width: 17px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.inline-button-icon[b-11h1uiozjo] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -3px;
}


.toolbar-spacer[b-11h1uiozjo] {
    flex: 1;
}


/* =========================================================
   BUSCADOR
   ========================================================= */

.toolbar-search[b-11h1uiozjo] {
    width: 276px;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    background: #ffffff;
    border: 1px solid #d3d8dd;
    border-radius: 6px;
}


.search-icon[b-11h1uiozjo] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: #6f7a84;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.toolbar-search input[b-11h1uiozjo] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #303944;
    font-family: inherit;
    font-size: 11.5px;
}


/* =========================================================
   WORKSPACE
   ========================================================= */

.albaranes-workspace[b-11h1uiozjo] {
    flex: 1;
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(350px, 30%) minmax(0, 70%);
    gap: 14px;
    overflow: hidden;
}


/* =========================================================
   TARJETAS
   ========================================================= */

.albaranes-list-card[b-11h1uiozjo],
.albaran-detail-card[b-11h1uiozjo] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #d9dee2;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(20, 30, 40, .035);
}


/* =========================================================
   LISTADO
   ========================================================= */

.list-toolbar[b-11h1uiozjo] {
    height: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: #fbfcfd;
    border-bottom: 1px solid #e1e5e8;
}


.list-title[b-11h1uiozjo] {
    color: #26313a;
    font-size: 14.5px;
    font-weight: 700;
}


.list-filter[b-11h1uiozjo] {
    height: 31px;
    padding: 0 25px 0 9px;
    background: #ffffff;
    color: #4c5660;
    border: 1px solid #d2d7dc;
    border-radius: 5px;
    outline: 0;
    font-family: inherit;
    font-size: 11px;
}


/* =========================================================
   LEYENDA DE ESTADOS
   ========================================================= */

.status-legend[b-11h1uiozjo] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 11px;
    min-height: 37px;
    padding: 6px 11px;
    background: #ffffff;
    border-bottom: 1px solid #e5e8eb;
}


.legend-item[b-11h1uiozjo] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #68727c;
    font-size: 9.25px;
    white-space: nowrap;
}


.status-dot[b-11h1uiozjo] {
    width: 8px;
    height: 8px;
    display: inline-block;
    flex: 0 0 8px;
    border-radius: 50%;
}


    .status-dot.borrador[b-11h1uiozjo] {
        background: #89929a;
    }


    .status-dot.emitido[b-11h1uiozjo] {
        background: #4185c6;
    }


    .status-dot.facturado-unused[b-11h1uiozjo] {
        background: #3a9b51;
    }


    .status-dot.anulado[b-11h1uiozjo] {
        background: #cf5148;
    }


    .status-dot.facturado[b-11h1uiozjo] {
        background: #7952a1;
    }


.document-number-with-state[b-11h1uiozjo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}


/* =========================================================
   TABLA LISTADO ALBARANES
   ========================================================= */

.table-container[b-11h1uiozjo] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}


.albaranes-table[b-11h1uiozjo] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11.5px;
}


    .albaranes-table thead[b-11h1uiozjo] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #eef1f3;
    }


    .albaranes-table th[b-11h1uiozjo] {
        height: 40px;
        padding: 0 8px;
        text-align: left;
        color: #4b5560;
        border-bottom: 1px solid #d7dce0;
        font-size: 11px;
        font-weight: 600;
    }


    .albaranes-table td[b-11h1uiozjo] {
        height: 40px;
        padding: 0 8px;
        color: #303a44;
        border-bottom: 1px solid #e6e9ec;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


        .albaranes-table th:nth-child(1)[b-11h1uiozjo],
        .albaranes-table td:nth-child(1)[b-11h1uiozjo] {
            width: 22%;
        }


        .albaranes-table th:nth-child(2)[b-11h1uiozjo],
        .albaranes-table td:nth-child(2)[b-11h1uiozjo] {
            width: 23%;
        }


        .albaranes-table th:nth-child(3)[b-11h1uiozjo],
        .albaranes-table td:nth-child(3)[b-11h1uiozjo] {
            width: 35%;
        }


        .albaranes-table th:nth-child(4)[b-11h1uiozjo],
        .albaranes-table td:nth-child(4)[b-11h1uiozjo] {
            width: 20%;
            text-align: right;
        }


    .albaranes-table tbody tr[b-11h1uiozjo] {
        cursor: pointer;
    }


        .albaranes-table tbody tr:hover[b-11h1uiozjo] {
            background: #fff8f3;
        }


        .albaranes-table tbody tr.selected[b-11h1uiozjo] {
            background: #fff0e5;
            box-shadow: inset 3px 0 0 #ff6500;
        }


.numero-lista[b-11h1uiozjo],
.cliente-lista[b-11h1uiozjo],
.importe-lista[b-11h1uiozjo] {
    font-weight: 600;
}


/* =========================================================
   PAGINACIÓN
   ========================================================= */

.pagination-bar[b-11h1uiozjo] {
    min-height: 46px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 6px 10px;
    background: #fbfcfd;
    border-top: 1px solid #e1e5e8;
}

.pagination-range[b-11h1uiozjo] {
    grid-column: 1;
    justify-self: start;
    color: #7a858f;
    font-size: 11px;
    white-space: nowrap;
}

.pagination-right[b-11h1uiozjo] {
    display: contents;
}

.pagination-actions[b-11h1uiozjo] {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-button[b-11h1uiozjo] {
    min-width: 31px;
    height: 31px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #45515b;
    background: #fff;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
}

.page-button:hover:not(:disabled)[b-11h1uiozjo],
.page-button.active[b-11h1uiozjo] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.page-button:disabled[b-11h1uiozjo] {
    opacity: .35;
    cursor: default;
}

.pagination-info[b-11h1uiozjo] {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #747e87;
    font-size: 11px;
    white-space: nowrap;
}

.pagination-info select[b-11h1uiozjo] {
    height: 29px;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    background: #fff;
    font-size: 11px;
}

/* =========================================================
   CABECERA DOCUMENTO
   ========================================================= */

.detail-header[b-11h1uiozjo] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 18px;
    border-bottom: 1px solid #e3e6e9;
}


.document-title h2[b-11h1uiozjo] {
    margin: 0;
    color: #202731;
    font-size: 19px;
    font-weight: 700;
}


/* =========================================================
   ESTADO DOCUMENTO
   ========================================================= */

.estado-albaran[b-11h1uiozjo] {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 9.75px;
    font-weight: 600;
}


    .estado-albaran.borrador[b-11h1uiozjo] {
        background: #eceeef;
        color: #646e77;
    }


    .estado-albaran.emitido[b-11h1uiozjo] {
        background: #e5effc;
        color: #2b6198;
    }


    .estado-albaran.facturado-unused[b-11h1uiozjo] {
        background: #d9f2dc;
        color: #267238;
    }


    .estado-albaran.anulado[b-11h1uiozjo] {
        background: #fce6e5;
        color: #9a3932;
    }


    .estado-albaran.facturado[b-11h1uiozjo] {
        background: #eee5f8;
        color: #68458a;
    }



.document-badges[b-11h1uiozjo] {
    display: flex;
    align-items: center;
    gap: 7px;
}


.valorado-badge[b-11h1uiozjo] {
    padding: 4px 9px;
    border-radius: 20px;
    font-size: 9.75px;
    font-weight: 600;
}


.valorado-badge.valorado[b-11h1uiozjo] {
    background: #e7f5e9;
    color: #2d6938;
}


.valorado-badge.no-valorado[b-11h1uiozjo] {
    background: #fff1df;
    color: #8a5a16;
}


/* =========================================================
   DATOS DOCUMENTO
   ========================================================= */

.document-data[b-11h1uiozjo] {
    flex: 0 0 auto;
    padding: 11px 15px;
    background: #fbfcfd;
    border-bottom: 1px solid #e1e5e8;
}


.document-grid[b-11h1uiozjo] {
    display: grid;
    grid-template-columns: 86px 132px 118px minmax(200px, 1fr) minmax(170px, .8fr) 110px;
    gap: 7px 10px;
}


.numero-field[b-11h1uiozjo] {
    grid-column: 1;
}


.fecha-field[b-11h1uiozjo] {
    grid-column: 2;
}


.estado-field[b-11h1uiozjo] {
    grid-column: 3;
}


.cliente-field[b-11h1uiozjo] {
    grid-column: 4;
}


.forma-pago-field[b-11h1uiozjo] {
    grid-column: 5;
}


.valorado-field[b-11h1uiozjo] {
    grid-column: 6;
}


.presupuesto-origen-field[b-11h1uiozjo] {
    grid-column: 1 / 3;
}


.concepto-field[b-11h1uiozjo] {
    grid-column: 3 / 5;
}


.observaciones-field[b-11h1uiozjo] {
    grid-column: 5 / 7;
}


/* =========================================================
   CAMPOS GENERALES
   ========================================================= */

.field[b-11h1uiozjo] {
    min-width: 0;
}


    .field label[b-11h1uiozjo] {
        display: block;
        margin-bottom: 3px;
        color: #65707a;
        font-size: 10px;
        font-weight: 500;
    }


    .field input[b-11h1uiozjo],
    .field select[b-11h1uiozjo] {
        width: 100%;
        height: 33px;
        padding: 0 9px;
        background: #ffffff;
        color: #303a44;
        border: 1px solid #ccd3d9;
        border-radius: 4px;
        outline: 0;
        font-family: inherit;
        font-size: 10.75px;
    }


        .field input:focus[b-11h1uiozjo],
        .field select:focus[b-11h1uiozjo] {
            border-color: #ff6500;
            box-shadow: 0 0 0 3px rgba(255, 101, 0, .10);
        }


        .field input:disabled[b-11h1uiozjo],
        .field select:disabled[b-11h1uiozjo] {
            background: #f3f5f6;
            color: #555f68;
            opacity: 1;
        }



.valorado-control[b-11h1uiozjo] {
    height: 33px;
    display: flex !important;
    align-items: center;
    gap: 7px;
    margin: 0 !important;
    padding: 0 9px;
    background: #ffffff;
    color: #303a44 !important;
    border: 1px solid #ccd3d9;
    border-radius: 4px;
    font-size: 10.75px !important;
    font-weight: 500 !important;
}


.valorado-control input[b-11h1uiozjo] {
    width: 14px !important;
    height: 14px !important;
    margin: 0;
    padding: 0;
}


.valorado-notice[b-11h1uiozjo] {
    max-width: 690px;
    margin-bottom: 10px;
    padding: 8px 10px;
    background: #fff7eb;
    color: #795217;
    border: 1px solid #f1d9b5;
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.35;
}


/* =========================================================
   TOOLBAR LÍNEAS
   ========================================================= */

.lineas-toolbar[b-11h1uiozjo] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 13px;
    background: #ffffff;
    border-bottom: 1px solid #e0e4e8;
}


.lineas-title[b-11h1uiozjo] {
    color: #343e48;
    font-size: 13.5px;
    font-weight: 700;
}


.lineas-count[b-11h1uiozjo] {
    margin-left: 8px;
    color: #8a929a;
    font-size: 10.5px;
}


.add-line-button[b-11h1uiozjo] {
    height: 33px;
    padding: 0 12px;
    background: #ff6500;
    color: #ffffff;
    border: 1px solid #ff6500;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}


    .add-line-button:hover:not(:disabled)[b-11h1uiozjo] {
        background: #ed5e00;
    }


    .add-line-button:disabled[b-11h1uiozjo] {
        opacity: .4;
        cursor: default;
    }


/* =========================================================
   TABLA LÍNEAS
   ========================================================= */

.lineas-container[b-11h1uiozjo] {
    flex: 1;
    min-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
}


.lineas-table[b-11h1uiozjo] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11.25px;
}


    .lineas-table thead[b-11h1uiozjo] {
        position: sticky;
        top: 0;
        z-index: 3;
        background: #eef1f3;
    }


    .lineas-table th[b-11h1uiozjo] {
        height: 40px;
        padding: 0 5px;
        text-align: left;
        color: #46515b;
        border-bottom: 1px solid #d3d9dd;
        font-size: 10.5px;
        font-weight: 650;
        white-space: nowrap;
    }


    .lineas-table td[b-11h1uiozjo] {
        height: 42px;
        padding: 4px 5px;
        color: #29343e;
        border-bottom: 1px solid #e7eaed;
        vertical-align: middle;
        overflow: hidden;
        font-size: 11.25px;
    }


/* =========================================================
   ANCHOS DE COLUMNAS
   ========================================================= */

.col-orden[b-11h1uiozjo] {
    width: 28px;
}


.col-articulo[b-11h1uiozjo] {
    width: 14%;
}


.col-descripcion[b-11h1uiozjo] {
    width: 27%;
}


.lineas-table.sin-irpf .col-descripcion[b-11h1uiozjo] {
    width: 33.5%;
}


.col-cantidad[b-11h1uiozjo] {
    width: 7.5%;
}


.col-precio[b-11h1uiozjo] {
    width: 9%;
}


.col-dto[b-11h1uiozjo] {
    width: 6.5%;
}


.col-iva[b-11h1uiozjo] {
    width: 6.5%;
}


.col-irpf[b-11h1uiozjo] {
    width: 6.5%;
}


.col-total[b-11h1uiozjo] {
    width: 10%;
    text-align: right !important;
}


.col-acciones[b-11h1uiozjo] {
    width: 30px;
}


.line-order[b-11h1uiozjo] {
    text-align: center;
    color: #68727b !important;
    font-size: 10px !important;
}


.codigo-linea[b-11h1uiozjo] {
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.numeric-cell[b-11h1uiozjo] {
    display: block;
    text-align: right;
    white-space: nowrap;
    font-size: 11.5px;
}


.line-total[b-11h1uiozjo] {
    text-align: right;
    font-weight: 700;
    white-space: nowrap;
    font-size: 11px !important;
}


/* =========================================================
   CAMPOS DE EDICIÓN DE LÍNEAS
   ========================================================= */

.grid-input[b-11h1uiozjo],
.grid-select[b-11h1uiozjo] {
    width: 100%;
    height: 31px;
    padding: 0 4px;
    background: #ffffff;
    color: #29343e;
    border: 1px solid #ccd3d9;
    border-radius: 3px;
    outline: none;
    font-family: inherit;
    font-size: 11px;
}


    .grid-input:focus[b-11h1uiozjo],
    .grid-select:focus[b-11h1uiozjo] {
        border-color: #ff6500;
        box-shadow: 0 0 0 2px rgba(255, 101, 0, .10);
    }


    .grid-select:disabled[b-11h1uiozjo] {
        background: #f3f5f6;
        color: #555f68;
        opacity: 1;
        cursor: not-allowed;
    }


.number-input[b-11h1uiozjo] {
    text-align: right;
    padding-left: 2px;
    padding-right: 3px;
}


.tax-select[b-11h1uiozjo] {
    text-align: right;
    padding-left: 2px;
    padding-right: 2px;
}


.description-input[b-11h1uiozjo] {
    min-width: 0;
}


/* =========================================================
   ELIMINAR LÍNEA
   ========================================================= */

.line-actions[b-11h1uiozjo] {
    text-align: center;
}


    .line-actions button[b-11h1uiozjo] {
        width: 24px;
        height: 24px;
        padding: 0;
        background: #ffffff;
        color: #d1483e;
        border: 1px solid #e1c4c1;
        border-radius: 4px;
        cursor: pointer;
    }


        .line-actions button:hover[b-11h1uiozjo] {
            background: #fff1f0;
        }


.line-delete-icon[b-11h1uiozjo] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lineas-container[b-11h1uiozjo] {
    scrollbar-width: thin;
    scrollbar-color: #c8ced3 transparent;
}

.lineas-container[b-11h1uiozjo]::-webkit-scrollbar {
    width: 9px;
}

.lineas-container[b-11h1uiozjo]::-webkit-scrollbar-thumb {
    background: #c8ced3;
    border: 2px solid #ffffff;
    border-radius: 999px;
}


/* =========================================================
   VACÍOS
   ========================================================= */

.empty-lines[b-11h1uiozjo] {
    height: 80px !important;
    text-align: center;
    color: #7c868f !important;
    font-size: 11px !important;
}


.empty-row[b-11h1uiozjo] {
    height: 70px !important;
    text-align: center;
    color: #89919a !important;
}


/* =========================================================
   ZONA INFERIOR
   ========================================================= */

.document-bottom[b-11h1uiozjo] {
    flex: 0 0 auto;
    min-height: 184px;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    padding: 14px 16px;
    background: #fbfcfd;
    border-top: 1px solid #e1e5e8;
}


/* =========================================================
   RESUMEN FISCAL
   ========================================================= */

.fiscal-area[b-11h1uiozjo] {
    flex: 1;
    min-width: 0;
}


.fiscal-title[b-11h1uiozjo] {
    margin-bottom: 10px;
    color: #29343e;
    font-size: 13.5px;
    font-weight: 700;
}


.fiscal-tables[b-11h1uiozjo] {
    display: flex;
    gap: 14px;
    flex-wrap: nowrap;
}


.fiscal-box[b-11h1uiozjo] {
    flex: 0 1 330px;
    min-width: 270px;
    max-width: 360px;
    border: 1px solid #d5dade;
    border-radius: 6px;
    overflow: hidden;
    background: #ffffff;
}


.fiscal-box-title[b-11h1uiozjo] {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 11px;
    background: #eef1f3;
    color: #37424c;
    font-size: 11px;
    font-weight: 700;
}


.fiscal-table[b-11h1uiozjo] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11.5px;
}


    .fiscal-table th[b-11h1uiozjo] {
        height: 30px;
        padding: 5px 9px;
        text-align: right;
        color: #65707a;
        background: #fafbfc;
        font-size: 11px;
        font-weight: 650;
        border-bottom: 1px solid #e1e5e8;
    }


        .fiscal-table th:first-child[b-11h1uiozjo] {
            text-align: left;
        }


    .fiscal-table td[b-11h1uiozjo] {
        height: 32px;
        padding: 5px 9px;
        text-align: right;
        color: #29343e;
        font-size: 11.25px;
        border-bottom: 1px solid #edf0f2;
    }


        .fiscal-table td:first-child[b-11h1uiozjo] {
            text-align: left;
            font-weight: 650;
        }


    .fiscal-table tbody tr:last-child td[b-11h1uiozjo] {
        border-bottom: 0;
    }


.no-irpf[b-11h1uiozjo],
.fiscal-empty[b-11h1uiozjo] {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 10px 11px;
    color: #68737c;
    font-size: 11.5px;
}


/* =========================================================
   TOTALES
   ========================================================= */

.totales[b-11h1uiozjo] {
    width: 270px;
    flex: 0 0 270px;
    padding-top: 2px;
}


.total-row[b-11h1uiozjo] {
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #4f5a64;
    font-size: 11.5px;
}


    .total-row strong[b-11h1uiozjo] {
        color: #29343e;
        font-size: 12.5px;
    }


.irpf-total strong[b-11h1uiozjo] {
    color: #9b4139;
}


.grand-total[b-11h1uiozjo] {
    height: 44px;
    margin-top: 5px;
    padding-top: 9px;
    border-top: 1px solid #cfd5da;
    color: #202731;
    font-size: 14.5px;
    font-weight: 700;
}


    .grand-total strong[b-11h1uiozjo] {
        color: #ff6500;
        font-size: 20px;
    }


/* =========================================================
   MENSAJES
   ========================================================= */

.message[b-11h1uiozjo] {
    display: inline-block;
    margin-top: 10px;
    padding: 7px 9px;
    border-radius: 4px;
    font-size: 11px;
}


    .message.success[b-11h1uiozjo] {
        background: #e7f5e9;
        color: #2d6938;
        border: 1px solid #cbe7cf;
    }


    .message.error[b-11h1uiozjo] {
        background: #fceaea;
        color: #942d2d;
        border: 1px solid #efcccc;
    }


/* =========================================================
   PIE EDICIÓN
   ========================================================= */

.detail-footer[b-11h1uiozjo] {
    min-height: 56px;
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 7px 14px;
    background: #ffffff;
    border-top: 1px solid #e0e4e8;
}


.footer-button[b-11h1uiozjo] {
    min-width: 108px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 15px;
    background: #ffffff;
    color: #303a44;
    border: 1px solid #ccd2d8;
    border-radius: 6px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease;
}


    .footer-button:hover[b-11h1uiozjo] {
        background: #f4f5f6;
        border-color: #bfc6cc;
    }


.footer-button-icon[b-11h1uiozjo] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


    .footer-button.save[b-11h1uiozjo] {
        min-width: 158px;
        background: #ff6500;
        color: #ffffff;
        border-color: #ff6500;
    }


        .footer-button.save:hover[b-11h1uiozjo] {
            background: #ed5e00;
        }


/* =========================================================
   RESOLUCIONES MÁS PEQUEÑAS
   ========================================================= */

@media (max-width: 1350px) {

    .albaranes-workspace[b-11h1uiozjo] {
        grid-template-columns: minmax(320px, 31%) minmax(0, 69%);
    }


    .document-grid[b-11h1uiozjo] {
        grid-template-columns: 78px 118px 105px minmax(175px, 1fr) minmax(150px, .8fr) 100px;
    }


    .toolbar-search[b-11h1uiozjo] {
        width: 225px;
    }


    .action-button[b-11h1uiozjo] {
        padding-left: 8px;
        padding-right: 8px;
    }


    .fiscal-box[b-11h1uiozjo] {
        min-width: 225px;
    }


    .lineas-table[b-11h1uiozjo] {
        font-size: 10.5px;
    }


        .lineas-table td[b-11h1uiozjo] {
            font-size: 10.5px;
        }


    .numeric-cell[b-11h1uiozjo],
    .line-total[b-11h1uiozjo] {
        font-size: 10.5px !important;
    }
}


/* =========================================================
   SELECTOR DE ALBARANES PARA FACTURAR
   ========================================================= */

.invoice-selector-backdrop[b-11h1uiozjo] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: rgba(20, 28, 35, .48);
}

.invoice-selector-modal[b-11h1uiozjo] {
    width: min(820px, 90vw);
    max-height: min(720px, 84vh);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d8dde2;
    border-radius: 8px;
    box-shadow: 0 18px 55px rgba(20, 28, 35, .25);
}

.invoice-selector-header[b-11h1uiozjo] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 20px 14px;
    border-bottom: 1px solid #e2e6e9;
}

.invoice-selector-header h3[b-11h1uiozjo] {
    margin: 0 0 3px;
    color: #202731;
    font-size: 18px;
    font-weight: 700;
}

.invoice-selector-header p[b-11h1uiozjo] {
    margin: 0;
    color: #727d86;
    font-size: 10px;
    font-weight: 600;
}

.invoice-selector-close[b-11h1uiozjo] {
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    color: #69737c;
    border: 0;
    border-radius: 4px;
    font-family: inherit;
    font-size: 22px;
    line-height: 28px;
    cursor: pointer;
}

.invoice-selector-close:hover[b-11h1uiozjo] {
    background: #f0f2f4;
    color: #202731;
}

.invoice-selector-info[b-11h1uiozjo] {
    flex: 0 0 auto;
    padding: 11px 20px;
    background: #fff8f2;
    color: #6c5848;
    border-bottom: 1px solid #f0dfd0;
    font-size: 10px;
    line-height: 1.45;
}

.invoice-selector-actions[b-11h1uiozjo] {
    flex: 0 0 auto;
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 7px 20px;
    color: #6f7881;
    border-bottom: 1px solid #e5e8eb;
    font-size: 10px;
}

.invoice-selector-table-wrap[b-11h1uiozjo] {
    flex: 1 1 auto;
    min-height: 190px;
    max-height: 410px;
    overflow: auto;
}

.invoice-selector-table[b-11h1uiozjo] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10.5px;
}

.invoice-selector-table thead[b-11h1uiozjo] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #eef1f3;
}

.invoice-selector-table th[b-11h1uiozjo] {
    height: 35px;
    padding: 0 9px;
    color: #4d5862;
    border-bottom: 1px solid #d8dde1;
    text-align: left;
    font-size: 9px;
    font-weight: 700;
}

.invoice-selector-table td[b-11h1uiozjo] {
    height: 38px;
    padding: 0 9px;
    color: #303a44;
    border-bottom: 1px solid #e7eaed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-selector-table tbody tr[b-11h1uiozjo] {
    cursor: pointer;
}

.invoice-selector-table tbody tr:hover[b-11h1uiozjo] {
    background: #fff7f1;
}

.invoice-selector-table tbody tr.selected[b-11h1uiozjo] {
    background: #ffeadb;
    box-shadow: inset 3px 0 0 #ff6500;
}

.invoice-selector-check[b-11h1uiozjo] {
    width: 42px;
    text-align: center !important;
}

.invoice-selector-check input[b-11h1uiozjo] {
    width: 15px;
    height: 15px;
    accent-color: #ff6500;
    cursor: pointer;
}

.invoice-selector-number[b-11h1uiozjo] {
    width: 100px;
    font-weight: 700;
}

.invoice-selector-table th:nth-child(3)[b-11h1uiozjo],
.invoice-selector-table td:nth-child(3)[b-11h1uiozjo] {
    width: 105px;
}

.invoice-selector-total[b-11h1uiozjo] {
    width: 110px;
    text-align: right !important;
    font-weight: 700;
}

.invoice-selector-footer[b-11h1uiozjo] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px;
    background: #fafbfc;
    border-top: 1px solid #e1e5e8;
}

.invoice-selector-primary[b-11h1uiozjo],
.invoice-selector-secondary[b-11h1uiozjo] {
    min-height: 32px;
    padding: 0 13px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}

.invoice-selector-primary[b-11h1uiozjo] {
    min-width: 155px;
    background: #ff6500;
    color: #ffffff;
    border: 1px solid #ff6500;
}

.invoice-selector-primary:hover:not(:disabled)[b-11h1uiozjo] {
    background: #ed5e00;
}

.invoice-selector-secondary[b-11h1uiozjo] {
    background: #ffffff;
    color: #3d4750;
    border: 1px solid #ccd2d8;
}

.invoice-selector-secondary:hover:not(:disabled)[b-11h1uiozjo] {
    background: #f2f4f5;
}

.invoice-selector-primary:disabled[b-11h1uiozjo],
.invoice-selector-secondary:disabled[b-11h1uiozjo],
.invoice-selector-close:disabled[b-11h1uiozjo] {
    opacity: .45;
    cursor: default;
}
/* /Components/Pages/CambiarClave.razor.rz.scp.css */
.password-card[b-uw65iljn3g] {
    width: min(470px, 100%);
    padding: 34px 36px 30px;
    background: #ffffff;
    border: 1px solid #dfe3e7;
    border-radius: 10px;
    box-shadow: 0 18px 55px rgba(31, 42, 51, .12);
}

.password-heading[b-uw65iljn3g] {
    margin-bottom: 24px;
}

.password-kicker[b-uw65iljn3g] {
    margin-bottom: 8px;
    color: #ff6500;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
}

.password-heading h1[b-uw65iljn3g] {
    margin: 0 0 8px;
    color: #1f2932;
    font-size: 27px;
}

.password-heading p[b-uw65iljn3g] {
    margin: 0;
    color: #68727c;
    font-size: 14px;
    line-height: 1.5;
}

.password-alert[b-uw65iljn3g] {
    margin-bottom: 18px;
    padding: 11px 13px;
    background: #fff1f1;
    color: #a53030;
    border: 1px solid #efc8c8;
    border-radius: 6px;
    font-size: 13px;
}

.password-form[b-uw65iljn3g] {
    display: grid;
    gap: 17px;
}

.password-field[b-uw65iljn3g] {
    display: grid;
    gap: 7px;
}

.password-field label[b-uw65iljn3g] {
    color: #37414a;
    font-size: 13px;
    font-weight: 600;
}

.password-field input[b-uw65iljn3g] {
    height: 43px;
    padding: 0 12px;
    border: 1px solid #ccd2d8;
    border-radius: 5px;
    outline: none;
    font: inherit;
    font-size: 14px;
}

.password-field input:focus[b-uw65iljn3g] {
    border-color: #ff6500;
    box-shadow: 0 0 0 3px rgba(255, 101, 0, .11);
}

.password-field span[b-uw65iljn3g] {
    color: #8a929a;
    font-size: 11.5px;
}

.password-submit[b-uw65iljn3g] {
    height: 44px;
    margin-top: 3px;
    border: 0;
    border-radius: 5px;
    background: #ff6500;
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.password-submit:hover[b-uw65iljn3g] {
    background: #ed5e00;
}

.password-back[b-uw65iljn3g] {
    display: block;
    margin-top: 18px;
    color: #66717c;
    text-align: center;
    text-decoration: none;
    font-size: 12.5px;
}
/* /Components/Pages/Clientes.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - CLIENTES
   ========================================================= */

*[b-ekm9masxlz] {
    box-sizing: border-box;
}


.clientes-page[b-ekm9masxlz] {
    width: 100%;
    height: 100%;
    min-width: 1050px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}


/* =========================================================
   BARRA SUPERIOR
   ========================================================= */

.page-toolbar[b-ekm9masxlz] {
    flex: 0 0 auto;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 13px;
}


.page-heading[b-ekm9masxlz] {
    min-width: 120px;
    display: flex;
    align-items: center;
    gap: 7px;
}


.page-heading-icon[b-ekm9masxlz] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


    .page-heading h1[b-ekm9masxlz] {
        margin: 0;
        color: #202731;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -.5px;
        line-height: 1;
    }


/* =========================================================
   BOTONES SUPERIORES
   ========================================================= */

.toolbar-actions[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    gap: 7px;
}


.toolbar-divider[b-ekm9masxlz] {
    width: 1px;
    height: 28px;
    margin: 0 2px;
    background: #dce0e4;
}


.action-button[b-ekm9masxlz] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    background: #ffffff;
    color: #29343e;
    border: 1px solid #d0d5da;
    border-radius: 6px;
    font-family: inherit;
    font-size: 12.25px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background .12s ease, border-color .12s ease;
}


    .action-button:hover:not(:disabled)[b-ekm9masxlz] {
        background: #f5f6f7;
        border-color: #bbc2c8;
    }


    .action-button.primary[b-ekm9masxlz] {
        min-width: 100px;
        background: #ff6500;
        color: #ffffff;
        border-color: #ff6500;
    }


        .action-button.primary:hover:not(:disabled)[b-ekm9masxlz] {
            background: #ed5e00;
            border-color: #ed5e00;
        }


    .action-button.danger[b-ekm9masxlz] {
        color: #d73e32;
    }


        .action-button.danger:hover:not(:disabled)[b-ekm9masxlz] {
            background: #fff5f4;
            border-color: #e2aaa5;
        }


    .action-button:disabled[b-ekm9masxlz] {
        opacity: .4;
        cursor: default;
    }


.button-icon[b-ekm9masxlz] {
    width: 17px;
    height: 17px;
    min-width: 17px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.button-icon circle[b-ekm9masxlz] {
    fill: currentColor;
    stroke: none;
}


.more-icon[b-ekm9masxlz] {
    width: 20px;
    height: 20px;
}


.dropdown-arrow[b-ekm9masxlz] {
    margin-left: 3px;
    color: #707982;
}


.more-button[b-ekm9masxlz] {
    min-width: 46px;
    padding: 0 11px;
    font-size: 15px;
}


.toolbar-spacer[b-ekm9masxlz] {
    flex: 1;
}


/* =========================================================
   BUSCADOR
   ========================================================= */

.toolbar-search[b-ekm9masxlz] {
    width: 360px;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    background: #ffffff;
    border: 1px solid #d3d8dd;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 30, 40, .02);
}


.search-icon[b-ekm9masxlz] {
    width: 17px;
    height: 17px;
    min-width: 17px;
    color: #66717b;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.toolbar-search input[b-ekm9masxlz] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #303944;
    font-family: inherit;
    font-size: 12.25px;
}


    .toolbar-search input[b-ekm9masxlz]::placeholder {
        color: #89919a;
    }


/* =========================================================
   ÁREA PRINCIPAL
   ========================================================= */

.clientes-workspace[b-ekm9masxlz] {
    flex: 1;
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(410px, 35%) minmax(650px, 65%);
    gap: 14px;
    overflow: hidden;
}


/* =========================================================
   TARJETAS
   ========================================================= */

.clientes-list-card[b-ekm9masxlz],
.cliente-detail-card[b-ekm9masxlz] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #dde2e6;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(20, 30, 40, .035);
}


/* =========================================================
   CABECERA LISTADO
   ========================================================= */

.list-toolbar[b-ekm9masxlz] {
    height: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background: #fbfcfd;
    border-bottom: 1px solid #e1e5e8;
}


.list-title[b-ekm9masxlz] {
    color: #26313a;
    font-size: 14.5px;
    font-weight: 700;
}


.list-filter[b-ekm9masxlz] {
    height: 33px;
    padding: 0 27px 0 10px;
    background: #ffffff;
    color: #4c5660;
    border: 1px solid #d2d7dc;
    border-radius: 5px;
    outline: 0;
    font-family: inherit;
    font-size: 11.5px;
}


/* =========================================================
   TABLA
   ========================================================= */

.table-container[b-ekm9masxlz] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}


.clientes-table[b-ekm9masxlz] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12.25px;
}


    .clientes-table thead[b-ekm9masxlz] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #eef1f3;
    }


    .clientes-table th[b-ekm9masxlz] {
        height: 41px;
        padding: 0 10px;
        text-align: left;
        vertical-align: middle;
        color: #4b5560;
        border-bottom: 1px solid #d7dce0;
        font-size: 11.5px;
        font-weight: 600;
    }


    .clientes-table td[b-ekm9masxlz] {
        height: 40px;
        padding: 0 10px;
        vertical-align: middle;
        color: #303a44;
        border-bottom: 1px solid #e6e9ec;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


        .clientes-table th:nth-child(1)[b-ekm9masxlz],
        .clientes-table td:nth-child(1)[b-ekm9masxlz] {
            width: 14%;
        }


        .clientes-table th:nth-child(2)[b-ekm9masxlz],
        .clientes-table td:nth-child(2)[b-ekm9masxlz] {
            width: 39%;
        }


        .clientes-table th:nth-child(3)[b-ekm9masxlz],
        .clientes-table td:nth-child(3)[b-ekm9masxlz] {
            width: 25%;
        }


        .clientes-table th:nth-child(4)[b-ekm9masxlz],
        .clientes-table td:nth-child(4)[b-ekm9masxlz] {
            width: 22%;
        }


    .clientes-table tbody tr[b-ekm9masxlz] {
        cursor: pointer;
        transition: background-color .1s ease;
    }


        .clientes-table tbody tr:hover[b-ekm9masxlz] {
            background: #fff8f3;
        }


        .clientes-table tbody tr.selected[b-ekm9masxlz] {
            background: #fff0e5;
            box-shadow: inset 3px 0 0 #ff6500;
        }


.cliente-nombre[b-ekm9masxlz] {
    font-weight: 600;
}


.empty-row[b-ekm9masxlz] {
    height: 80px !important;
    text-align: center;
    color: #89919a !important;
}


/* =========================================================
   PAGINACIÓN
   ========================================================= */

.pagination-bar[b-ekm9masxlz] {
    min-height: 48px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    background: #fbfcfd;
    border-top: 1px solid #e1e5e8;
}

.pagination-range[b-ekm9masxlz] {
    color: #6f7a84;
    font-size: 11px;
}

.pagination-actions[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.page-button[b-ekm9masxlz] {
    min-width: 31px;
    height: 31px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #4f5962;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11.5px;
    cursor: pointer;
}

.page-button:hover:not(:disabled)[b-ekm9masxlz],
.page-button.active[b-ekm9masxlz] {
    background: #ff6500;
    color: #ffffff;
    border-color: #ff6500;
}

.page-button:disabled[b-ekm9masxlz] {
    opacity: .35;
    cursor: default;
}

.pagination-size[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    color: #6f7a84;
    font-size: 11px;
}

.pagination-size select[b-ekm9masxlz] {
    height: 29px;
    padding: 0 5px;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    background: white;
    color: #4c5660;
    outline: 0;
}


/* =========================================================
   CABECERA FICHA
   ========================================================= */

.detail-header[b-ekm9masxlz] {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 8px 18px;
}


.cliente-title-row[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    gap: 11px;
}


.detail-header h2[b-ekm9masxlz] {
    margin: 0;
    color: #202731;
    font-size: 19px;
    font-weight: 700;
}


.estado[b-ekm9masxlz] {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 10.5px;
    font-weight: 600;
}


    .estado.activo[b-ekm9masxlz] {
        background: #d9f2dc;
        color: #267238;
    }


    .estado.inactivo[b-ekm9masxlz] {
        background: #eceeef;
        color: #68717a;
    }


/* =========================================================
   PESTAÑAS
   ========================================================= */

.tabs[b-ekm9masxlz] {
    min-height: 42px;
    display: flex;
    align-items: flex-end;
    padding: 0 16px;
    border-bottom: 1px solid #e1e5e8;
}


.tab[b-ekm9masxlz] {
    position: relative;
    height: 42px;
    padding: 0 14px;
    background: transparent;
    color: #58626c;
    border: 0;
    font-family: inherit;
    font-size: 11.5px;
    cursor: pointer;
}


    .tab:hover[b-ekm9masxlz] {
        color: #202731;
    }


    .tab.active[b-ekm9masxlz] {
        color: #202731;
        font-weight: 700;
    }


        .tab.active[b-ekm9masxlz]::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 3px;
            background: #ff6500;
        }


/* =========================================================
   CONTENIDO FICHA
   ========================================================= */

.detail-content[b-ekm9masxlz] {
    flex: 1;
    min-height: 0;
    padding: 14px 18px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #c8ced3 transparent;
}


.detail-content[b-ekm9masxlz]::-webkit-scrollbar {
    width: 9px;
}


.detail-content[b-ekm9masxlz]::-webkit-scrollbar-track {
    background: transparent;
}


.detail-content[b-ekm9masxlz]::-webkit-scrollbar-thumb {
    background: #c8ced3;
    border: 2px solid #ffffff;
    border-radius: 999px;
}


.detail-content[b-ekm9masxlz]::-webkit-scrollbar-thumb:hover {
    background: #aeb6bd;
}


.section-heading[b-ekm9masxlz] {
    margin-bottom: 9px;
    color: #36414b;
    font-size: 12.5px;
    font-weight: 700;
}


/* =========================================================
   CAMPOS GENERALES
   ========================================================= */

.general-grid[b-ekm9masxlz] {
    display: grid;
    grid-template-columns: 125px minmax(210px, 1fr) minmax(210px, 1fr);
    gap: 7px 12px;
}


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


    .field label[b-ekm9masxlz] {
        display: block;
        margin-bottom: 3px;
        color: #5d6872;
        font-size: 10.5px;
        font-weight: 500;
    }


    .field input[b-ekm9masxlz],
    .field select[b-ekm9masxlz] {
        width: 100%;
        height: 34px;
        padding: 0 10px;
        background: #ffffff;
        color: #313b45;
        border: 1px solid #ccd3d9;
        border-radius: 5px;
        outline: 0;
        font-family: inherit;
        font-size: 11.5px;
        transition: border-color .12s, box-shadow .12s;
    }


        .field input:hover:not(:disabled)[b-ekm9masxlz],
        .field select:hover:not(:disabled)[b-ekm9masxlz] {
            border-color: #abb5be;
        }


        .field input:focus[b-ekm9masxlz],
        .field select:focus[b-ekm9masxlz] {
            border-color: #ff6500;
            box-shadow: 0 0 0 3px rgba(255, 101, 0, .11);
        }


        .field input:disabled[b-ekm9masxlz],
        .field select:disabled[b-ekm9masxlz] {
            background: #f5f6f7;
            color: #4f5a64;
            opacity: 1;
        }


.nombre-field[b-ekm9masxlz] {
    grid-column: span 2;
}


.email-field[b-ekm9masxlz] {
    grid-column: span 2;
}


.web-field[b-ekm9masxlz] {
    grid-column: 2 / span 2;
}


.required[b-ekm9masxlz] {
    color: #e94a3b;
}


/* =========================================================
   SEPARADORES
   ========================================================= */

.horizontal-separator[b-ekm9masxlz] {
    width: 100%;
    height: 1px;
    margin: 12px 0;
    background: #e4e7ea;
}


/* =========================================================
   TELÉFONOS / DIRECCIÓN
   ========================================================= */

.secondary-grid[b-ekm9masxlz] {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) minmax(320px, 1fr);
    gap: 30px;
}


.data-block[b-ekm9masxlz] {
    min-width: 0;
}


    .data-block .field[b-ekm9masxlz] {
        margin-bottom: 6px;
    }


.address-row[b-ekm9masxlz] {
    display: grid;
    grid-template-columns: 120px minmax(150px, 1fr);
    gap: 10px;
}


/* =========================================================
   CLIENTE ACTIVO
   ========================================================= */

.active-checkbox[b-ekm9masxlz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #4d5862;
    font-size: 11.5px;
    cursor: pointer;
}


    .active-checkbox input[b-ekm9masxlz] {
        width: 15px;
        height: 15px;
        accent-color: #ff6500;
    }


/* =========================================================
   DATOS DE FACTURACIÓN
   ========================================================= */

.facturacion-grid[b-ekm9masxlz] {
    display: grid;
    grid-template-columns: minmax(350px, 1.2fr) minmax(280px, .8fr);
    gap: 14px;
}


.billing-card[b-ekm9masxlz] {
    padding: 14px;
    background: #fcfcfd;
    border: 1px solid #e6e9ec;
    border-radius: 7px;
}


    .billing-card.full-width[b-ekm9masxlz] {
        grid-column: 1 / -1;
    }


.billing-title[b-ekm9masxlz] {
    margin-bottom: 13px;
    color: #343e48;
    font-size: 13px;
    font-weight: 700;
}


.billing-subtitle[b-ekm9masxlz] {
    margin-top: 12px;
    margin-bottom: 7px;
    color: #606b75;
    font-size: 11px;
    font-weight: 600;
}


.billing-card .field[b-ekm9masxlz] {
    margin-bottom: 9px;
}


.days-grid[b-ekm9masxlz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}


.iva-field[b-ekm9masxlz],
.irpf-field[b-ekm9masxlz] {
    max-width: 190px;
}


.option-checkbox[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #4d5862;
    font-size: 11px;
    cursor: pointer;
}


    .option-checkbox input[b-ekm9masxlz] {
        width: 15px;
        height: 15px;
        accent-color: #ff6500;
    }


.options-row[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    gap: 45px;
    min-height: 32px;
}


/* =========================================================
   OBSERVACIONES
   ========================================================= */

.observaciones-panel textarea[b-ekm9masxlz] {
    width: 100%;
    height: 230px;
    padding: 11px;
    resize: none;
    background: #ffffff;
    color: #323c46;
    border: 1px solid #ccd3d9;
    border-radius: 5px;
    outline: 0;
    font-family: inherit;
    font-size: 11px;
    line-height: 1.5;
}


    .observaciones-panel textarea:focus[b-ekm9masxlz] {
        border-color: #ff6500;
        box-shadow: 0 0 0 3px rgba(255, 101, 0, .11);
    }


    .observaciones-panel textarea:disabled[b-ekm9masxlz] {
        background: #f4f5f6;
        color: #545f69;
    }


/* =========================================================
   PANELES TEMPORALES
   ========================================================= */

.placeholder-panel[b-ekm9masxlz] {
    max-width: 700px;
    color: #66717b;
    font-size: 11px;
    line-height: 1.6;
}


/* =========================================================
   MENSAJES
   ========================================================= */

.message[b-ekm9masxlz] {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 11px;
}


    .message.success[b-ekm9masxlz] {
        background: #e7f5e9;
        color: #2d6938;
        border: 1px solid #cbe7cf;
    }


    .message.error[b-ekm9masxlz] {
        background: #fceaea;
        color: #942d2d;
        border: 1px solid #efcccc;
    }


/* =========================================================
   PIE EDICIÓN
   ========================================================= */

.detail-footer[b-ekm9masxlz] {
    min-height: 56px;
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 7px 14px;
    background: #ffffff;
    border-top: 1px solid #e0e4e8;
}


.footer-button[b-ekm9masxlz] {
    min-width: 108px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 15px;
    background: #ffffff;
    color: #303a44;
    border: 1px solid #ccd2d8;
    border-radius: 6px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease;
}

.footer-button:hover[b-ekm9masxlz] {
    background: #f4f5f6;
    border-color: #bfc6cc;
}

.footer-button-icon[b-ekm9masxlz] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.footer-button.save[b-ekm9masxlz] {
    min-width: 146px;
    background: #ff6500;
    color: #ffffff;
    border-color: #ff6500;
}

.footer-button.save:hover[b-ekm9masxlz] {
    background: #ed5e00;
    border-color: #ed5e00;
}


/* =========================================================
   PANTALLAS MÁS PEQUEÑAS
   ========================================================= */

@media (max-width: 1300px) {

    .clientes-workspace[b-ekm9masxlz] {
        grid-template-columns: minmax(350px, 37%) minmax(560px, 63%);
    }


    .toolbar-search[b-ekm9masxlz] {
        width: 300px;
    }


    .secondary-grid[b-ekm9masxlz] {
        gap: 22px;
    }


    .facturacion-grid[b-ekm9masxlz] {
        grid-template-columns: 1fr 1fr;
    }


    .action-button[b-ekm9masxlz] {
        padding-left: 11px;
        padding-right: 11px;
    }
}

/* Ayuda contextual de validacion bancaria. */
.field-help[b-ekm9masxlz] {
    margin-top: 4px;
    color: #7f8992;
    font-size: 9px;
    line-height: 1.45;
}


/* =========================================================
   HISTÓRICO COMERCIAL
   ========================================================= */

.historico-panel[b-ekm9masxlz] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}


.historico-header[b-ekm9masxlz] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf0f2;
}


.historico-header .section-heading[b-ekm9masxlz] {
    margin-bottom: 2px;
}


.historico-subtitle[b-ekm9masxlz] {
    color: #7a848e;
    font-size: 10.5px;
    line-height: 1.4;
}


.historico-refresh[b-ekm9masxlz] {
    height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    background: #ffffff;
    color: #4f5a64;
    border: 1px solid #d7dce0;
    border-radius: 6px;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 650;
    cursor: pointer;
}


.refresh-icon[b-ekm9masxlz] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.historico-refresh:hover:not(:disabled)[b-ekm9masxlz] {
    color: #202731;
    border-color: #bcc4ca;
    background: #f8f9fa;
}


.historico-refresh:disabled[b-ekm9masxlz] {
    cursor: default;
    opacity: .55;
}


.historico-summary-grid[b-ekm9masxlz] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}


.historico-summary-card[b-ekm9masxlz] {
    min-width: 0;
    padding: 11px 12px;
    background: #f8f9fa;
    border: 1px solid #e5e8eb;
    border-top: 3px solid #ff6500;
    border-radius: 7px;
}


.historico-summary-label[b-ekm9masxlz] {
    color: #66717b;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .25px;
}


.historico-summary-value[b-ekm9masxlz] {
    margin-top: 4px;
    color: #202731;
    font-size: 22px;
    line-height: 1;
    font-weight: 750;
}


.historico-summary-detail[b-ekm9masxlz] {
    min-height: 16px;
    margin-top: 5px;
    color: #68737d;
    font-size: 9.5px;
    line-height: 1.35;
}


.historico-summary-amount[b-ekm9masxlz] {
    margin-top: 4px;
    color: #37414b;
    font-size: 10px;
    font-weight: 650;
}


.historico-activity-header[b-ekm9masxlz] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
    color: #36414b;
    font-size: 11.5px;
    font-weight: 700;
}


.historico-activity-header span[b-ekm9masxlz] {
    color: #8a939c;
    font-size: 9.5px;
    font-weight: 500;
}


.historico-table-wrap[b-ekm9masxlz] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    border: 1px solid #e0e4e8;
    border-radius: 6px;
    background: #ffffff;
}


.historico-table[b-ekm9masxlz] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10px;
}


.historico-table thead[b-ekm9masxlz] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f5f7f8;
}


.historico-table th[b-ekm9masxlz] {
    height: 31px;
    padding: 0 9px;
    color: #626d77;
    border-bottom: 1px solid #dde2e6;
    text-align: left;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
}


.historico-table td[b-ekm9masxlz] {
    height: 34px;
    padding: 0 9px;
    color: #3f4953;
    border-bottom: 1px solid #edf0f2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.historico-table th:nth-child(1)[b-ekm9masxlz],
.historico-table td:nth-child(1)[b-ekm9masxlz] {
    width: 78px;
}


.historico-table th:nth-child(2)[b-ekm9masxlz],
.historico-table td:nth-child(2)[b-ekm9masxlz] {
    width: 88px;
}


.historico-table th:nth-child(3)[b-ekm9masxlz],
.historico-table td:nth-child(3)[b-ekm9masxlz] {
    width: 88px;
}


.historico-table th:nth-child(4)[b-ekm9masxlz],
.historico-table td:nth-child(4)[b-ekm9masxlz] {
    width: 82px;
}


.historico-table th:nth-child(6)[b-ekm9masxlz],
.historico-table td:nth-child(6)[b-ekm9masxlz] {
    width: 100px;
}


.historico-table th:nth-child(7)[b-ekm9masxlz],
.historico-table td:nth-child(7)[b-ekm9masxlz] {
    width: 26px;
}


.historico-table .importe[b-ekm9masxlz] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.historico-table .importe.negativo[b-ekm9masxlz] {
    color: #b64138;
    font-weight: 650;
}

.historico-table .importe.positivo[b-ekm9masxlz] {
    color: #29343e;
    font-weight: 550;
}


.historico-table .abrir[b-ekm9masxlz] {
    text-align: center;
    color: #ff6500;
}


.row-chevron[b-ekm9masxlz] {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.historico-document-row[b-ekm9masxlz] {
    cursor: pointer;
    transition: background .1s;
}


.historico-document-row:hover td[b-ekm9masxlz] {
    background: #fff8f3;
}


.historico-numero[b-ekm9masxlz] {
    color: #252f39 !important;
    font-weight: 650;
}


.historico-concepto[b-ekm9masxlz] {
    color: #5e6973 !important;
}


.historico-tipo[b-ekm9masxlz],
.historico-estado[b-ekm9masxlz] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 20px;
    padding: 0 7px;
    border-radius: 10px;
    font-size: 8.5px;
    font-weight: 650;
    white-space: nowrap;
}


.historico-tipo.presupuesto[b-ekm9masxlz] {
    background: #fff1e7;
    color: #b84b00;
}


.historico-tipo.albaran[b-ekm9masxlz] {
    background: #eaf2f8;
    color: #32627e;
}


.historico-tipo.factura[b-ekm9masxlz] {
    background: #e9f3ec;
    color: #337048;
}


.historico-estado.borrador[b-ekm9masxlz] {
    background: #eef0f2;
    color: #59636d;
}


.historico-estado.enviado[b-ekm9masxlz],
.historico-estado.emitido[b-ekm9masxlz] {
    background: #e7f0f7;
    color: #2f6280;
}


.historico-estado.aceptado[b-ekm9masxlz],
.historico-estado.emitida[b-ekm9masxlz],
.historico-estado.facturado[b-ekm9masxlz] {
    background: #e5f3e8;
    color: #2e7042;
}


.historico-estado.rechazado[b-ekm9masxlz],
.historico-estado.anulado[b-ekm9masxlz] {
    background: #fbe9e9;
    color: #a43f3f;
}


.historico-estado.rectificada[b-ekm9masxlz] {
    background: #fff0df;
    color: #a9580c;
}


.historico-table-empty[b-ekm9masxlz],
.historico-empty[b-ekm9masxlz] {
    padding: 28px 16px;
    color: #7b858e;
    text-align: center;
    font-size: 10px;
}


.historico-empty[b-ekm9masxlz] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #d9dee2;
    border-radius: 6px;
    background: #fafbfc;
}


.historico-empty.error[b-ekm9masxlz] {
    color: #942d2d;
    background: #fff8f8;
    border-color: #efcccc;
}


/* =========================================================
   HISTÓRICO - VISTA COMERCIAL / FINANCIERA
   ========================================================= */

.historico-view-switch[b-ekm9masxlz] {
    flex: 0 0 auto;
    display: inline-flex;
    align-self: flex-start;
    gap: 2px;
    margin-bottom: 12px;
    padding: 3px;
    background: #f1f3f5;
    border: 1px solid #e0e4e7;
    border-radius: 7px;
}


.historico-view-button[b-ekm9masxlz] {
    height: 29px;
    padding: 0 13px;
    background: transparent;
    color: #69737c;
    border: 0;
    border-radius: 4px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 650;
    cursor: pointer;
}


.historico-view-button:hover[b-ekm9masxlz] {
    color: #2d3740;
}


.historico-view-button.active[b-ekm9masxlz] {
    background: #ffffff;
    color: #d95700;
    box-shadow: 0 1px 3px rgba(20, 30, 40, .09);
}


.historico-fin-summary-grid[b-ekm9masxlz] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}


.historico-fin-summary-card[b-ekm9masxlz] {
    min-width: 0;
    padding: 10px 11px;
    background: #f8f9fa;
    border: 1px solid #e5e8eb;
    border-top: 2px solid #aab2b9;
    border-radius: 6px;
}


.historico-fin-summary-card.pendiente[b-ekm9masxlz] {
    border-top-color: #ef9b36;
}


.historico-fin-summary-card.vencido[b-ekm9masxlz] {
    border-top-color: #d65b55;
}


.historico-fin-summary-card.cobrado[b-ekm9masxlz] {
    border-top-color: #55a26b;
}


.historico-fin-summary-card.recibos[b-ekm9masxlz] {
    border-top-color: #627e91;
}


.historico-fin-summary-value[b-ekm9masxlz] {
    margin-top: 4px;
    color: #202731;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}


.historico-fin-grid[b-ekm9masxlz] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr);
    gap: 9px;
}


.historico-fin-block[b-ekm9masxlz] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}


.historico-fin-table-wrap[b-ekm9masxlz] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #ffffff;
    border: 1px solid #e0e4e8;
    border-radius: 6px;
}


.historico-fin-table[b-ekm9masxlz] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10.25px;
}


.historico-fin-table thead[b-ekm9masxlz] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f5f7f8;
}


.historico-fin-table th[b-ekm9masxlz] {
    height: 30px;
    padding: 0 7px;
    color: #626d77;
    border-bottom: 1px solid #dde2e6;
    text-align: left;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15px;
}


.historico-fin-table td[b-ekm9masxlz] {
    height: 33px;
    padding: 0 7px;
    color: #3f4953;
    border-bottom: 1px solid #edf0f2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.historico-fin-table th:nth-child(1)[b-ekm9masxlz],
.historico-fin-table td:nth-child(1)[b-ekm9masxlz] {
    width: 68px;
}


.historico-fin-table th:nth-child(2)[b-ekm9masxlz],
.historico-fin-table td:nth-child(2)[b-ekm9masxlz] {
    width: 78px;
}


.historico-fin-table th:nth-child(3)[b-ekm9masxlz],
.historico-fin-table td:nth-child(3)[b-ekm9masxlz] {
    width: 70px;
}


.historico-fin-table th:nth-child(4)[b-ekm9masxlz],
.historico-fin-table td:nth-child(4)[b-ekm9masxlz] {
    width: 78px;
}


.historico-fin-table th:nth-child(5)[b-ekm9masxlz],
.historico-fin-table td:nth-child(5)[b-ekm9masxlz] {
    width: 78px;
}


.historico-fin-table th:nth-child(6)[b-ekm9masxlz],
.historico-fin-table td:nth-child(6)[b-ekm9masxlz] {
    width: 78px;
}


.historico-fin-table th:nth-child(7)[b-ekm9masxlz],
.historico-fin-table td:nth-child(7)[b-ekm9masxlz] {
    width: 24px;
}


.historico-fin-table .importe[b-ekm9masxlz] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}


.historico-fin-table .abrir[b-ekm9masxlz] {
    text-align: center;
    color: #ff6500;
}


.historico-fin-estado[b-ekm9masxlz] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 7px;
    border-radius: 10px;
    font-size: 8.5px;
    font-weight: 650;
}


.historico-fin-estado.pendiente[b-ekm9masxlz] {
    background: #fff2df;
    color: #9a5b0c;
}


.historico-fin-estado.vencido[b-ekm9masxlz],
.historico-fin-estado.devuelto[b-ekm9masxlz] {
    background: #fbe9e9;
    color: #a43f3f;
}


.historico-fin-estado.cobrado[b-ekm9masxlz] {
    background: #e5f3e8;
    color: #2e7042;
}


.historico-movimientos-list[b-ekm9masxlz] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #ffffff;
    border: 1px solid #e0e4e8;
    border-radius: 6px;
}


.historico-movimiento[b-ekm9masxlz] {
    width: 100%;
    min-height: 56px;
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr) auto 14px;
    align-items: center;
    gap: 7px;
    padding: 7px 7px;
    background: #ffffff;
    color: inherit;
    border: 0;
    border-bottom: 1px solid #edf0f2;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}


.historico-movimiento:hover[b-ekm9masxlz] {
    background: #fff8f3;
}


.historico-movimiento:last-child[b-ekm9masxlz] {
    border-bottom: 0;
}


.historico-movimiento-icon[b-ekm9masxlz] {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 750;
}


.historico-movimiento-icon.cobro[b-ekm9masxlz] {
    background: #e5f3e8;
    color: #2e7042;
}


.historico-movimiento-icon.incidencia[b-ekm9masxlz] {
    background: #fbe9e9;
    color: #a43f3f;
}


.historico-movimiento-body[b-ekm9masxlz] {
    min-width: 0;
}


.historico-movimiento-top[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}


.historico-movimiento-top strong[b-ekm9masxlz] {
    color: #313b45;
    font-size: 10px;
    font-weight: 700;
}


.historico-movimiento-top span[b-ekm9masxlz] {
    flex: 0 0 auto;
    color: #929aa1;
    font-size: 9px;
}


.historico-movimiento-factura[b-ekm9masxlz] {
    margin-top: 2px;
    color: #4c5862;
    font-size: 9px;
    font-weight: 650;
}


.historico-movimiento-detalle[b-ekm9masxlz] {
    margin-top: 2px;
    color: #808991;
    font-size: 8.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.historico-movimiento-contexto[b-ekm9masxlz] {
    margin-top: 2px;
    color: #9a6a48;
    font-size: 7.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.historico-movimiento-importe[b-ekm9masxlz] {
    color: #39434d;
    font-size: 9.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}


.historico-movimiento-importe.positivo[b-ekm9masxlz] {
    color: #2e7042;
}


.historico-movimiento-importe.negativo[b-ekm9masxlz] {
    color: #a43f3f;
}


.historico-movimiento-importe.revertido[b-ekm9masxlz] {
    color: #7f8992;
    text-decoration: line-through;
}


.historico-movimiento-abrir[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff6500;
}


.historico-movimientos-empty[b-ekm9masxlz] {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 12px;
    color: #7b858e;
    text-align: center;
    font-size: 9px;
}


@media (max-width: 1250px) {
    .historico-fin-summary-grid[b-ekm9masxlz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .historico-fin-grid[b-ekm9masxlz] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(180px, 1fr) minmax(160px, .85fr);
    }
}

/* 10C3B4 - rectificativas en historico financiero */
.historico-fin-summary-card.credito[b-ekm9masxlz] {
    border-top-color: #b45309;
}

.historico-movimiento-icon.ajuste[b-ekm9masxlz] {
    background: #fff7ed;
    color: #c2410c;
}

.historico-movimiento-icon.credito[b-ekm9masxlz] {
    background: #fef3c7;
    color: #92400e;
}

.historico-tipo.rectificativa[b-ekm9masxlz] {
    background: #fff7ed;
    color: #b45309;
}

/* 10C3B5 - gestion historica de saldos a favor */
.historico-creditos-panel[b-ekm9masxlz] {
    flex: 0 0 auto;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fffaf3;
    border: 1px solid #ead8c2;
    border-radius: 6px;
}

.historico-creditos-header[b-ekm9masxlz] {
    min-height: 37px;
    display: flex;
    align-items: center;
    padding: 6px 9px;
    background: #fff7ed;
    border-bottom: 1px solid #ead8c2;
}

.historico-creditos-header > div[b-ekm9masxlz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.historico-creditos-header strong[b-ekm9masxlz] {
    color: #7c3f0c;
    font-size: 9.5px;
    font-weight: 750;
}

.historico-creditos-header span[b-ekm9masxlz] {
    color: #97623a;
    font-size: 8px;
}

.historico-creditos-list[b-ekm9masxlz] {
    max-height: 116px;
    overflow: auto;
}

.historico-credito-row[b-ekm9masxlz] {
    min-height: 44px;
    display: grid;
    grid-template-columns: minmax(110px, .8fr) minmax(150px, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 5px 8px;
    background: #fff;
    border-bottom: 1px solid #f0e4d7;
}

.historico-credito-row:last-child[b-ekm9masxlz] {
    border-bottom: 0;
}

.historico-credito-doc[b-ekm9masxlz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0;
    color: #35414a;
    background: transparent;
    border: 0;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.historico-credito-doc strong[b-ekm9masxlz] {
    overflow: hidden;
    color: #b45309;
    font-size: 9px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.historico-credito-doc span[b-ekm9masxlz] {
    color: #8a949c;
    font-size: 8px;
}

.historico-credito-importes[b-ekm9masxlz] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    font-size: 8.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.historico-credito-importes span[b-ekm9masxlz] {
    color: #7d8790;
}

.historico-credito-importes strong[b-ekm9masxlz] {
    color: #92400e;
    font-weight: 750;
}

.historico-credito-actions[b-ekm9masxlz] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.historico-credito-action[b-ekm9masxlz] {
    min-height: 27px;
    padding: 0 9px;
    color: #5e6870;
    background: #fff;
    border: 1px solid #d8dde1;
    border-radius: 4px;
    font-family: inherit;
    font-size: 8.5px;
    font-weight: 700;
    cursor: pointer;
}

.historico-credito-action.primary[b-ekm9masxlz] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.historico-credito-action:hover:not(:disabled)[b-ekm9masxlz] {
    filter: brightness(.97);
}

.historico-credito-action:disabled[b-ekm9masxlz] {
    opacity: .5;
    cursor: default;
}

.historico-movimiento-icon.credito-resuelto[b-ekm9masxlz] {
    background: #eef2f4;
    color: #596872;
}

.credito-modal-overlay[b-ekm9masxlz] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(22, 28, 33, .42);
}

.credito-modal[b-ekm9masxlz] {
    width: min(560px, 100%);
    max-height: min(720px, calc(100vh - 36px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8dde1;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(20, 28, 35, .22);
}

.credito-modal-header[b-ekm9masxlz] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px 12px;
    background: #f8f9fa;
    border-bottom: 1px solid #e1e5e8;
}

.credito-modal-header h2[b-ekm9masxlz] {
    margin: 0;
    color: #27313a;
    font-size: 16px;
    font-weight: 750;
}

.credito-modal-header p[b-ekm9masxlz] {
    margin: 4px 0 0;
    color: #7a858e;
    font-size: 10px;
}

.credito-modal-close[b-ekm9masxlz] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #65717a;
    background: #fff;
    border: 1px solid #d6dce0;
    border-radius: 4px;
    font-family: inherit;
    font-size: 18px;
    cursor: pointer;
}

.credito-modal-body[b-ekm9masxlz] {
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
}

.credito-modal-grid[b-ekm9masxlz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.credito-modal-grid > div[b-ekm9masxlz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.credito-modal-body label[b-ekm9masxlz] {
    color: #4f5b65;
    font-size: 9px;
    font-weight: 700;
}

.credito-modal-body input[b-ekm9masxlz],
.credito-modal-body select[b-ekm9masxlz],
.credito-modal-body textarea[b-ekm9masxlz] {
    width: 100%;
    min-height: 33px;
    padding: 6px 8px;
    color: #303b44;
    background: #fff;
    border: 1px solid #cfd6db;
    border-radius: 4px;
    font-family: inherit;
    font-size: 10px;
    outline: 0;
}

.credito-modal-body textarea[b-ekm9masxlz] {
    min-height: 66px;
    resize: vertical;
}

.credito-modal-body input:focus[b-ekm9masxlz],
.credito-modal-body select:focus[b-ekm9masxlz],
.credito-modal-body textarea:focus[b-ekm9masxlz] {
    border-color: #ff8d42;
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .08);
}

.credito-modal-body small[b-ekm9masxlz],
.credito-modal-info[b-ekm9masxlz] {
    color: #7b858e;
    font-size: 8.5px;
    line-height: 1.45;
}

.credito-modal-info[b-ekm9masxlz] {
    padding: 8px 9px;
    background: #f6f8f9;
    border: 1px solid #e2e6e9;
    border-radius: 4px;
}

.credito-modal-error[b-ekm9masxlz] {
    padding: 8px 9px;
    color: #9d3737;
    background: #fceeee;
    border: 1px solid #f0cccc;
    border-radius: 4px;
    font-size: 9px;
}

.credito-modal-footer[b-ekm9masxlz] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    padding: 10px 16px;
    background: #fafbfb;
    border-top: 1px solid #e1e5e8;
}

.credito-modal-button[b-ekm9masxlz] {
    min-height: 31px;
    padding: 0 12px;
    color: #4d5962;
    background: #fff;
    border: 1px solid #d2d8dc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

.credito-modal-button.primary[b-ekm9masxlz] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.credito-modal-button:disabled[b-ekm9masxlz],
.credito-modal-close:disabled[b-ekm9masxlz] {
    opacity: .5;
    cursor: default;
}

@media (max-width: 900px) {
    .historico-credito-row[b-ekm9masxlz] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .historico-credito-importes[b-ekm9masxlz] {
        justify-content: flex-start;
    }

    .historico-creditos-list[b-ekm9masxlz] {
        max-height: 190px;
    }

    .credito-modal-grid[b-ekm9masxlz] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   10E - HISTÓRICO: SCROLL ÚNICO Y AJUSTE FINAL
   ========================================================= */

.historico-panel[b-ekm9masxlz] {
    height: auto;
    min-height: 100%;
}

.historico-table-wrap[b-ekm9masxlz],
.historico-fin-table-wrap[b-ekm9masxlz],
.historico-movimientos-list[b-ekm9masxlz] {
    flex: 0 0 auto;
    min-height: 0;
    overflow: visible;
}

.historico-fin-grid[b-ekm9masxlz] {
    flex: 0 0 auto;
    align-items: start;
}

.historico-creditos-list[b-ekm9masxlz] {
    max-height: none;
    overflow: visible;
}

/* Evita barras horizontales internas: las tablas usan el ancho disponible. */
.historico-table[b-ekm9masxlz],
.historico-fin-table[b-ekm9masxlz] {
    max-width: 100%;
}
/* /Components/Pages/Configuracion.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - CONFIGURACIÓN
   ========================================================= */

*[b-6xjce9fg6s] {
    box-sizing: border-box;
}


.config-page[b-6xjce9fg6s] {
    width: 100%;
    height: 100%;
    min-width: 950px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #202731;
    font-family: "Segoe UI", Arial, sans-serif;
}


/* =========================================================
   CABECERA
   ========================================================= */

.page-header[b-6xjce9fg6s] {
    flex: 0 0 auto;
    min-height: 57px;
    display: flex;
    align-items: center;
    margin-bottom: 9px;
}


    .page-header h1[b-6xjce9fg6s] {
        margin: 0;
        color: #202731;
        font-size: 27px;
        font-weight: 700;
        letter-spacing: -.5px;
    }


    .page-header span[b-6xjce9fg6s] {
        display: block;
        margin-top: 3px;
        color: #828b94;
        font-size: 10px;
    }


/* =========================================================
   PESTAÑAS
   ========================================================= */

.master-tabs[b-6xjce9fg6s] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    gap: 3px;
    padding-left: 4px;
    border-bottom: 1px solid #d9dee2;
}


.master-tab[b-6xjce9fg6s] {
    height: 38px;
    padding: 0 17px;
    background: transparent;
    color: #5c6670;
    border: 0;
    border-bottom: 3px solid transparent;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}


    .master-tab:hover[b-6xjce9fg6s] {
        color: #303942;
        background: #f4f5f6;
    }


    .master-tab.active[b-6xjce9fg6s] {
        color: #ff6500;
        border-bottom-color: #ff6500;
        background: #ffffff;
    }


/* =========================================================
   BOTONES GENERALES
   ========================================================= */

.btn-primary[b-6xjce9fg6s],
.btn-normal[b-6xjce9fg6s] {
    height: 33px;
    padding: 0 13px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}


.btn-primary[b-6xjce9fg6s] {
    background: #ff6500;
    color: #ffffff;
    border: 1px solid #ff6500;
}


    .btn-primary:hover[b-6xjce9fg6s] {
        background: #ed5e00;
        border-color: #ed5e00;
    }


.btn-normal[b-6xjce9fg6s] {
    background: #ffffff;
    color: #303a44;
    border: 1px solid #ccd2d8;
}


    .btn-normal:hover:not(:disabled)[b-6xjce9fg6s] {
        background: #f4f5f6;
        border-color: #b9c0c6;
    }


    .btn-normal:disabled[b-6xjce9fg6s],
    .btn-primary:disabled[b-6xjce9fg6s] {
        opacity: .4;
        cursor: default;
    }


/* =========================================================
   DATOS EMPRESA
   ========================================================= */

.empresa-card[b-6xjce9fg6s] {
    flex: 1;
    min-height: 0;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #dde2e6;
    border-radius: 8px;
    overflow: hidden;
}


.empresa-toolbar[b-6xjce9fg6s] {
    flex: 0 0 auto;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 16px;
    background: #fbfcfd;
    border-bottom: 1px solid #e0e4e8;
}


    .empresa-toolbar h2[b-6xjce9fg6s] {
        margin: 0;
        color: #26313a;
        font-size: 15px;
        font-weight: 700;
    }


    .empresa-toolbar span[b-6xjce9fg6s] {
        display: block;
        margin-top: 2px;
        color: #818b94;
        font-size: 9px;
    }


.empresa-content[b-6xjce9fg6s] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(600px, 1fr) 260px;
    gap: 18px;
    padding: 15px 17px;
    overflow-y: auto;
}


.empresa-main[b-6xjce9fg6s] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}


/* =========================================================
   SECCIONES EMPRESA
   ========================================================= */

.empresa-section[b-6xjce9fg6s] {
    padding: 12px 13px;
    background: #fbfcfd;
    border: 1px solid #e2e6e9;
    border-radius: 6px;
}


.section-title[b-6xjce9fg6s] {
    margin-bottom: 10px;
    color: #303a44;
    font-size: 11px;
    font-weight: 700;
}


.empresa-grid[b-6xjce9fg6s] {
    display: grid;
    grid-template-columns: 130px minmax(180px, 1fr) minmax(180px, 1fr);
    gap: 9px 11px;
}


.field-full[b-6xjce9fg6s] {
    grid-column: 1 / 4;
}


.field-wide[b-6xjce9fg6s] {
    grid-column: span 1;
}


.field-small[b-6xjce9fg6s] {
    max-width: 160px;
}


.field-cp[b-6xjce9fg6s] {
    max-width: 130px;
}


/* =========================================================
   CAMPOS
   ========================================================= */

.field[b-6xjce9fg6s] {
    min-width: 0;
}


    .field label[b-6xjce9fg6s] {
        display: block;
        margin-bottom: 4px;
        color: #65707a;
        font-size: 9px;
        font-weight: 500;
    }


.required[b-6xjce9fg6s] {
    color: #e44c3f;
}


.field input[b-6xjce9fg6s],
.field select[b-6xjce9fg6s],
.field textarea[b-6xjce9fg6s] {
    width: 100%;
    padding: 0 8px;
    background: #ffffff;
    color: #303a44;
    border: 1px solid #ccd3d9;
    border-radius: 5px;
    outline: none;
    font-family: inherit;
    font-size: 10px;
}


.field input[b-6xjce9fg6s],
.field select[b-6xjce9fg6s] {
    height: 32px;
}


.field textarea[b-6xjce9fg6s] {
    min-height: 88px;
    padding: 8px;
    resize: vertical;
    line-height: 1.45;
}


    .field input:focus[b-6xjce9fg6s],
    .field select:focus[b-6xjce9fg6s],
    .field textarea:focus[b-6xjce9fg6s] {
        border-color: #ff6500;
        box-shadow: 0 0 0 3px rgba(255, 101, 0, .10);
    }


    .field input:disabled[b-6xjce9fg6s],
    .field select:disabled[b-6xjce9fg6s],
    .field textarea:disabled[b-6xjce9fg6s] {
        background: #f3f5f6;
        color: #555f68;
        opacity: 1;
    }


/* =========================================================
   LOGOTIPO
   ========================================================= */

.logo-panel[b-6xjce9fg6s] {
    align-self: start;
    padding: 13px;
    background: #fbfcfd;
    border: 1px solid #e0e4e7;
    border-radius: 7px;
}


.logo-panel-title[b-6xjce9fg6s] {
    margin-bottom: 10px;
    color: #303a44;
    font-size: 11px;
    font-weight: 700;
}


/* =========================================================
   PREVISUALIZACIÓN LOGO
   ========================================================= */

.logo-preview[b-6xjce9fg6s] {
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: #ffffff;
    border: 1px dashed #c9cfd5;
    border-radius: 6px;
    overflow: hidden;
}


    .logo-preview img[b-6xjce9fg6s] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }


.logo-placeholder[b-6xjce9fg6s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #939ba3;
    font-size: 9px;
}


.logo-placeholder-mark[b-6xjce9fg6s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: #202a33;
    color: #ffffff;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 700;
}


/* =========================================================
   NOMBRE DEL ARCHIVO
   ========================================================= */

.logo-file-name[b-6xjce9fg6s] {
    margin-top: 7px;
    padding: 0 2px;
    color: #6d7780;
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   BOTÓN SELECCIONAR LOGOTIPO
   ========================================================= */

/*
   IMPORTANTE:

   InputFile de Blazor genera un input[type=file] interno.
   Al utilizar CSS aislado, ese input no recibe directamente
   el atributo de aislamiento de esta página.

   Por eso utilizamos ::deep para ocultar visualmente el
   control nativo del navegador y conservar únicamente
   nuestro botón.
*/

.logo-upload-button[b-6xjce9fg6s] {
    position: relative;
    width: 100%;
    height: 36px;
    margin-top: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    overflow: hidden;
    background: #ff6500;
    color: #ffffff;
    border: 1px solid #ff6500;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}


    /* Icono sencillo de subida */

    .logo-upload-button[b-6xjce9fg6s]::before {
        content: "↑";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
    }


    .logo-upload-button:hover[b-6xjce9fg6s] {
        background: #ed5e00;
        border-color: #ed5e00;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .12);
    }


    .logo-upload-button:active[b-6xjce9fg6s] {
        background: #dd5800;
        border-color: #dd5800;
    }


    /*
   El input real ocupa todo el botón pero es totalmente
   transparente.

   De este modo cualquier clic sobre el botón abre el
   selector de archivos sin mostrar el aspecto nativo
   de Chrome/Edge.
*/

    .logo-upload-button[b-6xjce9fg6s]  input[type="file"] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
        cursor: pointer;
    }


/* =========================================================
   BOTÓN ELIMINAR LOGO
   ========================================================= */

.logo-delete-button[b-6xjce9fg6s] {
    width: 100%;
    margin-top: 7px;
}


.logo-help[b-6xjce9fg6s] {
    margin-top: 9px;
    color: #8a939b;
    font-size: 8px;
    line-height: 1.5;
}


.field-help[b-6xjce9fg6s] {
    margin-top: 4px;
    color: #8a939b;
    font-size: 8px;
    line-height: 1.5;
}


/* =========================================================
   MENSAJE EMPRESA
   ========================================================= */

.empresa-message[b-6xjce9fg6s] {
    flex: 0 0 auto;
    padding: 0 17px 13px;
}


/* =========================================================
   MAESTROS
   ========================================================= */

.master-card[b-6xjce9fg6s] {
    flex: 1;
    min-height: 0;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #dde2e6;
    border-radius: 8px;
    overflow: hidden;
}


.master-toolbar[b-6xjce9fg6s] {
    min-height: 57px;
    flex: 0 0 57px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 8px 14px;
    background: #fbfcfd;
    border-bottom: 1px solid #e0e4e8;
}


    .master-toolbar h2[b-6xjce9fg6s] {
        margin: 0;
        color: #26313a;
        font-size: 15px;
        font-weight: 700;
    }


.master-actions[b-6xjce9fg6s] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.master-workspace[b-6xjce9fg6s] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(500px, 65%) minmax(300px, 35%);
    overflow: hidden;
}


/* =========================================================
   LISTADOS MAESTROS
   ========================================================= */

.master-list[b-6xjce9fg6s] {
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    border-right: 1px solid #e0e4e8;
}


    .master-list table[b-6xjce9fg6s] {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        font-size: 11px;
    }


    .master-list thead[b-6xjce9fg6s] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #eef1f3;
    }


    .master-list th[b-6xjce9fg6s] {
        height: 39px;
        padding: 0 10px;
        text-align: left;
        color: #4d5760;
        border-bottom: 1px solid #d7dce0;
        font-size: 10px;
        font-weight: 600;
    }


    .master-list td[b-6xjce9fg6s] {
        height: 39px;
        padding: 0 10px;
        color: #303a44;
        border-bottom: 1px solid #e6e9ec;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .master-list tbody tr[b-6xjce9fg6s] {
        cursor: pointer;
    }


        .master-list tbody tr:hover[b-6xjce9fg6s] {
            background: #fff6ef;
        }


        .master-list tbody tr.selected[b-6xjce9fg6s] {
            background: #ffe8d8;
            box-shadow: inset 4px 0 0 #ff6500;
        }


    .master-list .nombre[b-6xjce9fg6s] {
        font-weight: 600;
    }


/* =========================================================
   FICHA MAESTRO
   ========================================================= */

.master-detail[b-6xjce9fg6s] {
    min-width: 0;
    padding: 15px;
    background: #fbfcfd;
    overflow-y: auto;
}


.detail-title[b-6xjce9fg6s] {
    margin-bottom: 12px;
    color: #303a44;
    font-size: 12px;
    font-weight: 700;
}


.form-fields[b-6xjce9fg6s] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}


    .form-fields .small[b-6xjce9fg6s] {
        max-width: 170px;
    }


/* =========================================================
   CHECKBOX
   ========================================================= */

.checkbox-line[b-6xjce9fg6s] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 4px;
    color: #4f5963;
    font-size: 10px;
}


    .checkbox-line input[b-6xjce9fg6s] {
        width: 15px;
        height: 15px;
        accent-color: #ff6500;
    }


/* =========================================================
   ESTADOS
   ========================================================= */

.status[b-6xjce9fg6s] {
    display: inline-flex;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 600;
}


    .status.active[b-6xjce9fg6s] {
        background: #d9f2dc;
        color: #267238;
    }


    .status.inactive[b-6xjce9fg6s] {
        background: #eceeef;
        color: #68717a;
    }


/* =========================================================
   ACCIONES FICHA
   ========================================================= */

.detail-actions[b-6xjce9fg6s] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 14px;
}


/* =========================================================
   MENSAJES
   ========================================================= */

.message[b-6xjce9fg6s] {
    margin-top: 12px;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 10px;
}


    .message.success[b-6xjce9fg6s] {
        background: #e7f5e9;
        color: #2d6938;
        border: 1px solid #cbe7cf;
    }


    .message.error[b-6xjce9fg6s] {
        background: #fceaea;
        color: #942d2d;
        border: 1px solid #efcccc;
    }


.empty-row[b-6xjce9fg6s] {
    height: 65px !important;
    text-align: center;
    color: #89919a !important;
}


/* =========================================================
   RESOLUCIONES PEQUEÑAS
   ========================================================= */

@media (max-width: 1250px) {

    .empresa-content[b-6xjce9fg6s] {
        grid-template-columns: minmax(520px, 1fr) 230px;
    }


    .empresa-grid[b-6xjce9fg6s] {
        grid-template-columns: 115px minmax(160px, 1fr) minmax(160px, 1fr);
    }


    .master-workspace[b-6xjce9fg6s] {
        grid-template-columns: minmax(450px, 62%) minmax(280px, 38%);
    }
}

/* =========================================================
   FORMAS DE PAGO - PLAN DE VENCIMIENTOS
   ========================================================= */

.payment-terms-help[b-6xjce9fg6s] {
    margin: -1px 0 6px;
    color: #89929a;
    font-size: 8px;
    line-height: 1.4;
}

.payment-terms-list[b-6xjce9fg6s] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.payment-term-row[b-6xjce9fg6s] {
    display: grid;
    grid-template-columns: 22px minmax(80px, 115px) 28px 26px;
    align-items: center;
    gap: 5px;
}

.payment-term-number[b-6xjce9fg6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #eef1f3;
    color: #59636c;
    font-size: 8px;
    font-weight: 700;
}

.payment-term-row input[b-6xjce9fg6s] {
    width: 100%;
    height: 29px;
    padding: 0 7px;
    background: #ffffff;
    color: #303a44;
    border: 1px solid #ccd3d9;
    border-radius: 5px;
    outline: none;
    font-family: inherit;
    font-size: 10px;
}

.payment-term-row input:focus[b-6xjce9fg6s] {
    border-color: #ff6500;
    box-shadow: 0 0 0 3px rgba(255, 101, 0, .10);
}

.payment-term-row input:disabled[b-6xjce9fg6s] {
    background: #f3f5f6;
    color: #555f68;
}

.payment-term-unit[b-6xjce9fg6s] {
    color: #7b858e;
    font-size: 9px;
}

.payment-term-remove[b-6xjce9fg6s] {
    width: 25px;
    height: 25px;
    padding: 0;
    border: 1px solid #d5dadd;
    border-radius: 5px;
    background: #ffffff;
    color: #8a4a40;
    font-family: inherit;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.payment-term-remove:hover[b-6xjce9fg6s] {
    background: #fff2ef;
    border-color: #e5b5ac;
}

.payment-term-add[b-6xjce9fg6s] {
    align-self: flex-start;
    margin-top: 6px;
    padding: 5px 8px;
    border: 1px solid #ccd2d8;
    border-radius: 5px;
    background: #ffffff;
    color: #4f5963;
    font-family: inherit;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
}

.payment-term-add:hover[b-6xjce9fg6s] {
    background: #f4f5f6;
    border-color: #b9c0c6;
}


/* =========================================================
   FORMAS DE PAGO - COMPORTAMIENTO FINANCIERO
   ========================================================= */

.payment-methods-table th:nth-child(1)[b-6xjce9fg6s] { width: 10%; }
.payment-methods-table th:nth-child(2)[b-6xjce9fg6s] { width: 27%; }
.payment-methods-table th:nth-child(3)[b-6xjce9fg6s] { width: 19%; }
.payment-methods-table th:nth-child(4)[b-6xjce9fg6s] { width: 14%; }
.payment-methods-table th:nth-child(5)[b-6xjce9fg6s] { width: 12%; }
.payment-methods-table th:nth-child(6)[b-6xjce9fg6s] { width: 18%; }

.payment-behavior-box[b-6xjce9fg6s] {
    margin-top: 3px;
    padding: 10px 11px;
    background: #ffffff;
    border: 1px solid #e0e4e7;
    border-radius: 6px;
}

.payment-behavior-title[b-6xjce9fg6s] {
    margin-bottom: 7px;
    color: #303a44;
    font-size: 10px;
    font-weight: 700;
}

.payment-behavior-box .checkbox-line[b-6xjce9fg6s] {
    margin-top: 0;
}

.payment-behavior-box .checkbox-line + .payment-behavior-help[b-6xjce9fg6s] {
    margin-bottom: 8px;
}

.payment-behavior-help[b-6xjce9fg6s] {
    margin: 3px 0 0 22px;
    color: #89929a;
    font-size: 8px;
    line-height: 1.4;
}

/* =========================================================
   USUARIOS / PERMISOS
   ========================================================= */

.users-toolbar-help[b-6xjce9fg6s] {
    display: block;
    margin-top: 2px;
    color: #818b94;
    font-size: 9px;
}


.system-owner-card[b-6xjce9fg6s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 10px;
    padding: 10px 12px;
    background: #fff8f3;
    border: 1px solid #f0d7c6;
    border-left: 3px solid #ff5b00;
    border-radius: 6px;
}

.system-owner-main[b-6xjce9fg6s] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.system-owner-avatar[b-6xjce9fg6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff5b00;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .2px;
}

.system-owner-text[b-6xjce9fg6s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.system-owner-text strong[b-6xjce9fg6s] {
    color: #8e3d09;
    font-size: 9.5px;
}

.system-owner-text span[b-6xjce9fg6s] {
    color: #76685f;
    font-size: 8px;
    line-height: 1.4;
}

.system-owner-status[b-6xjce9fg6s] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.btn-owner-view[b-6xjce9fg6s] {
    min-height: 27px;
    padding: 0 9px;
    font-size: 8px;
}

.users-list-caption[b-6xjce9fg6s] {
    padding: 8px 10px 6px;
    color: #6d7881;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .35px;
}

.users-workspace[b-6xjce9fg6s] {
    grid-template-columns: minmax(650px, 68%) minmax(320px, 32%);
}

.users-list[b-6xjce9fg6s] {
    overflow: auto;
}

.users-table th:nth-child(1)[b-6xjce9fg6s] { width: 18%; }
.users-table th:nth-child(2)[b-6xjce9fg6s] { width: 26%; }
.users-table th:nth-child(3)[b-6xjce9fg6s] { width: 16%; }
.users-table th:nth-child(4)[b-6xjce9fg6s] { width: 22%; }
.users-table th:nth-child(5)[b-6xjce9fg6s] { width: 18%; }

.user-name-cell[b-6xjce9fg6s] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.owner-badge[b-6xjce9fg6s],
.self-badge[b-6xjce9fg6s],
.password-pending[b-6xjce9fg6s] {
    display: inline-flex;
    align-items: center;
    min-height: 17px;
    padding: 0 6px;
    border-radius: 999px;
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: .15px;
    white-space: nowrap;
}

.owner-badge[b-6xjce9fg6s] {
    background: #fff0e6;
    color: #d95400;
}

.self-badge[b-6xjce9fg6s] {
    background: #e9f0f7;
    color: #46647f;
}

.password-pending[b-6xjce9fg6s] {
    margin-left: 5px;
    background: #fff5d9;
    color: #8a6700;
}

.users-detail[b-6xjce9fg6s] {
    display: flex;
    flex-direction: column;
}

.owner-info[b-6xjce9fg6s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
    padding: 10px 11px;
    background: #fff7f1;
    border: 1px solid #f3d4c1;
    border-radius: 6px;
}

.owner-info strong[b-6xjce9fg6s] {
    color: #a4470b;
    font-size: 10px;
}

.owner-info span[b-6xjce9fg6s] {
    color: #74665d;
    font-size: 8.5px;
    line-height: 1.45;
}

.owner-info.self-info[b-6xjce9fg6s] {
    background: #f4f7fa;
    border-color: #dce3e9;
}

.owner-info.self-info strong[b-6xjce9fg6s] {
    color: #40586d;
}

.role-help[b-6xjce9fg6s] {
    max-width: 360px;
}

.user-meta[b-6xjce9fg6s] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 5px;
}

.user-meta > div[b-6xjce9fg6s] {
    min-width: 0;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #e2e6e9;
    border-radius: 5px;
}

.user-meta span[b-6xjce9fg6s] {
    display: block;
    margin-bottom: 3px;
    color: #89929a;
    font-size: 7.5px;
}

.user-meta strong[b-6xjce9fg6s] {
    display: block;
    overflow: hidden;
    color: #39444e;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.temporary-password-box[b-6xjce9fg6s] {
    margin-top: 12px;
    padding: 11px 12px;
    background: #fff9ed;
    border: 1px solid #efd99f;
    border-radius: 6px;
}

.temporary-password-box > div[b-6xjce9fg6s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.temporary-password-box span[b-6xjce9fg6s] {
    color: #8a6b1c;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .55px;
}

.temporary-password-box strong[b-6xjce9fg6s] {
    padding: 5px 8px;
    border-radius: 4px;
    background: #ffffff;
    color: #2f3942;
    border: 1px solid #e4d3a8;
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    letter-spacing: .6px;
    user-select: all;
}

.temporary-password-box p[b-6xjce9fg6s] {
    margin: 8px 0 0;
    color: #756743;
    font-size: 8.5px;
    line-height: 1.45;
}

.users-actions[b-6xjce9fg6s] {
    flex-wrap: wrap;
}

.users-empty-detail[b-6xjce9fg6s] {
    padding: 18px 2px;
    color: #8b949c;
    font-size: 9.5px;
    line-height: 1.5;
}

@media (max-width: 1250px) {
    .users-workspace[b-6xjce9fg6s] {
        grid-template-columns: minmax(560px, 64%) minmax(300px, 36%);
    }

    .users-table th:nth-child(2)[b-6xjce9fg6s],
    .users-table td:nth-child(2)[b-6xjce9fg6s] {
        display: none;
    }

    .users-table th:nth-child(1)[b-6xjce9fg6s] { width: 24%; }
    .users-table th:nth-child(3)[b-6xjce9fg6s] { width: 20%; }
    .users-table th:nth-child(4)[b-6xjce9fg6s] { width: 31%; }
    .users-table th:nth-child(5)[b-6xjce9fg6s] { width: 25%; }

    .user-meta[b-6xjce9fg6s] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   10A3 - AUDITORIA
   ========================================================= */

.audit-card[b-6xjce9fg6s] {
    min-height: 0;
}

.audit-filters[b-6xjce9fg6s] {
    display: grid;
    grid-template-columns: 160px minmax(220px, 1fr) 170px minmax(260px, 1.4fr) auto;
    gap: 12px;
    align-items: end;
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    background: #fafbfc;
}

.audit-filters .field[b-6xjce9fg6s] {
    margin: 0;
}

.audit-filters label[b-6xjce9fg6s] {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 600;
    color: #667085;
}

.audit-filters select[b-6xjce9fg6s],
.audit-filters input[b-6xjce9fg6s] {
    width: 100%;
    min-height: 34px;
}

.audit-filter-button[b-6xjce9fg6s] {
    min-width: 86px;
    min-height: 34px;
}

.audit-message[b-6xjce9fg6s] {
    margin: 12px 16px 0;
}

.audit-summary[b-6xjce9fg6s] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 16px;
    font-size: 11px;
    color: #667085;
    border-bottom: 1px solid #e5e7eb;
}

.audit-table-wrap[b-6xjce9fg6s] {
    overflow: auto;
    max-height: calc(100vh - 330px);
    min-height: 300px;
}

.audit-table[b-6xjce9fg6s] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}

.audit-table th[b-6xjce9fg6s] {
    position: sticky;
    top: 0;
    z-index: 1;
    text-align: left;
    padding: 9px 10px;
    background: #f2f4f7;
    color: #475467;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    border-bottom: 1px solid #dfe3e8;
}

.audit-table td[b-6xjce9fg6s] {
    padding: 9px 10px;
    vertical-align: top;
    border-bottom: 1px solid #eef0f2;
    color: #344054;
}

.audit-table tbody tr:hover[b-6xjce9fg6s] {
    background: #fffaf6;
}

.audit-table th:nth-child(1)[b-6xjce9fg6s],
.audit-table td:nth-child(1)[b-6xjce9fg6s] {
    width: 140px;
}

.audit-table th:nth-child(2)[b-6xjce9fg6s],
.audit-table td:nth-child(2)[b-6xjce9fg6s] {
    width: 170px;
}

.audit-table th:nth-child(3)[b-6xjce9fg6s],
.audit-table td:nth-child(3)[b-6xjce9fg6s] {
    width: 110px;
}

.audit-table th:nth-child(4)[b-6xjce9fg6s],
.audit-table td:nth-child(4)[b-6xjce9fg6s] {
    width: 170px;
}

.audit-table th:nth-child(5)[b-6xjce9fg6s],
.audit-table td:nth-child(5)[b-6xjce9fg6s] {
    width: 170px;
}

.audit-date[b-6xjce9fg6s],
.audit-reference[b-6xjce9fg6s] {
    white-space: nowrap;
}

.audit-user[b-6xjce9fg6s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.audit-user strong[b-6xjce9fg6s] {
    font-size: 12px;
    color: #1d2939;
}

.audit-user span[b-6xjce9fg6s] {
    font-size: 10px;
    color: #98a2b3;
}

.audit-area[b-6xjce9fg6s] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: 10px;
    font-weight: 600;
}

.audit-action[b-6xjce9fg6s] {
    font-weight: 600;
    color: #1d2939 !important;
}

.audit-detail[b-6xjce9fg6s] {
    color: #667085 !important;
    overflow-wrap: anywhere;
}

@media (max-width: 1200px) {
    .audit-filters[b-6xjce9fg6s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .audit-filter-button[b-6xjce9fg6s] {
        width: max-content;
    }
}

/* =========================================================
   10E19 - PULIDO VISUAL GLOBAL DE CONFIGURACION
   ========================================================= */

.page-heading[b-6xjce9fg6s] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.page-heading-icon[b-6xjce9fg6s] {
    width: 22px;
    height: 22px;
    min-width: 22px;
    fill: none;
    stroke: #ff5b2e;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.btn-primary[b-6xjce9fg6s],
.btn-normal[b-6xjce9fg6s],
.logo-upload-button[b-6xjce9fg6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.btn-primary[b-6xjce9fg6s],
.btn-normal[b-6xjce9fg6s] {
    height: 34px;
    padding: 0 12px;
    font-size: 10.5px;
}

.button-icon[b-6xjce9fg6s] {
    width: 14px;
    height: 14px;
    min-width: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.btn-normal.danger-soft[b-6xjce9fg6s] {
    color: #c93b42;
}

.btn-normal.danger-soft:hover:not(:disabled)[b-6xjce9fg6s] {
    background: #fff5f5;
    border-color: #e8b9bd;
}

.empresa-toolbar[b-6xjce9fg6s] {
    min-height: 58px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.empresa-actions-bar[b-6xjce9fg6s] {
    flex: 0 0 auto;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 9px 16px;
    background: #ffffff;
    border-top: 1px solid #e0e4e8;
}

.logo-upload-button[b-6xjce9fg6s]::before {
    content: none;
    display: none;
}

.logo-upload-button .button-icon[b-6xjce9fg6s] {
    position: relative;
    z-index: 1;
}

.logo-upload-button > span[b-6xjce9fg6s] {
    position: relative;
    z-index: 1;
}

.logo-delete-button[b-6xjce9fg6s] {
    min-height: 34px;
}

.master-toolbar[b-6xjce9fg6s] {
    min-height: 58px;
    flex-basis: 58px;
}

.master-actions[b-6xjce9fg6s] {
    gap: 7px;
}

.master-detail[b-6xjce9fg6s] {
    display: flex;
    flex-direction: column;
    scrollbar-gutter: stable;
}

.detail-actions[b-6xjce9fg6s] {
    position: sticky;
    bottom: 0;
    z-index: 3;
    min-height: 55px;
    align-items: center;
    margin: auto -15px -15px;
    padding: 9px 15px;
    background: #ffffff;
    border-top: 1px solid #e0e4e8;
}

.payment-behavior-box[b-6xjce9fg6s] {
    margin-top: 5px;
    padding: 12px 13px;
    background: #ffffff;
    border-color: #dbe1e5;
}

.payment-behavior-title[b-6xjce9fg6s] {
    margin-bottom: 9px;
    font-size: 10.5px;
}

.payment-behavior-box .checkbox-line + .payment-behavior-help[b-6xjce9fg6s] {
    margin-bottom: 10px;
}

.users-actions[b-6xjce9fg6s] {
    row-gap: 7px;
}

.btn-owner-view[b-6xjce9fg6s] {
    min-height: 30px;
}

.audit-filters[b-6xjce9fg6s] {
    gap: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.audit-filters label[b-6xjce9fg6s] {
    margin-bottom: 4px;
    color: #65707a;
    font-size: 9.5px;
    font-weight: 600;
}

.audit-filters select[b-6xjce9fg6s],
.audit-filters input[b-6xjce9fg6s],
.audit-filter-button[b-6xjce9fg6s] {
    min-height: 34px;
    height: 34px;
}

.audit-summary[b-6xjce9fg6s] {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 10px;
}

.empresa-content[b-6xjce9fg6s],
.master-list[b-6xjce9fg6s],
.master-detail[b-6xjce9fg6s],
.audit-table-wrap[b-6xjce9fg6s] {
    scrollbar-width: thin;
    scrollbar-color: #c4cbd1 transparent;
    scrollbar-gutter: stable;
}

.empresa-content[b-6xjce9fg6s]::-webkit-scrollbar,
.master-list[b-6xjce9fg6s]::-webkit-scrollbar,
.master-detail[b-6xjce9fg6s]::-webkit-scrollbar,
.audit-table-wrap[b-6xjce9fg6s]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.empresa-content[b-6xjce9fg6s]::-webkit-scrollbar-thumb,
.master-list[b-6xjce9fg6s]::-webkit-scrollbar-thumb,
.master-detail[b-6xjce9fg6s]::-webkit-scrollbar-thumb,
.audit-table-wrap[b-6xjce9fg6s]::-webkit-scrollbar-thumb {
    background: #c4cbd1;
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.empresa-content[b-6xjce9fg6s]::-webkit-scrollbar-thumb:hover,
.master-list[b-6xjce9fg6s]::-webkit-scrollbar-thumb:hover,
.master-detail[b-6xjce9fg6s]::-webkit-scrollbar-thumb:hover,
.audit-table-wrap[b-6xjce9fg6s]::-webkit-scrollbar-thumb:hover {
    background: #aeb7be;
    border: 2px solid transparent;
    background-clip: padding-box;
}

@media (max-width: 1250px) {
    .btn-primary[b-6xjce9fg6s],
    .btn-normal[b-6xjce9fg6s] {
        padding-left: 9px;
        padding-right: 9px;
    }

    .page-heading[b-6xjce9fg6s] {
        gap: 7px;
    }
}

.payment-term-remove[b-6xjce9fg6s],
.payment-term-add[b-6xjce9fg6s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.payment-term-add[b-6xjce9fg6s] {
    gap: 6px;
}

.payment-term-remove .button-icon[b-6xjce9fg6s] {
    width: 13px;
    height: 13px;
}
/* /Components/Pages/Facturas.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - FACTURAS
   ========================================================= */

*[b-24j0vvegm8] {
    box-sizing: border-box;
}

.facturas-page[b-24j0vvegm8] {
    width: 100%;
    height: 100%;
    min-width: 1120px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}

.page-toolbar[b-24j0vvegm8] {
    flex: 0 0 auto;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
}

.page-heading[b-24j0vvegm8] {
    min-width: 125px;
}

.page-heading h1[b-24j0vvegm8] {
    margin: 0;
    color: #202731;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1;
}

.toolbar-actions[b-24j0vvegm8] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.toolbar-divider[b-24j0vvegm8] {
    width: 1px;
    height: 28px;
    margin: 0 2px;
    background: #dce0e4;
}

.action-button[b-24j0vvegm8] {
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    background: #fff;
    color: #29343e;
    border: 1px solid #d0d5da;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.action-button:hover:not(:disabled)[b-24j0vvegm8] {
    background: #f5f6f7;
    border-color: #bbc2c8;
}

.action-button.primary[b-24j0vvegm8],
.action-button.emit-button[b-24j0vvegm8] {
    background: #ff6500;
    color: #fff;
    border-color: #ff6500;
}

.action-button.primary:hover:not(:disabled)[b-24j0vvegm8],
.action-button.emit-button:hover:not(:disabled)[b-24j0vvegm8] {
    background: #ed5e00;
}

.action-button.danger[b-24j0vvegm8] {
    color: #d73e32;
}

.action-button.danger:hover:not(:disabled)[b-24j0vvegm8] {
    background: #fff5f4;
    border-color: #e2aaa5;
}

.action-button:disabled[b-24j0vvegm8] {
    opacity: .4;
    cursor: default;
}

.button-icon[b-24j0vvegm8] {
    font-size: 16px;
}

/* =========================================================
   FIRMA ELECTRÓNICA FACTURAE
   ========================================================= */

.firma-modal-overlay[b-24j0vvegm8] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(18, 28, 37, .58);
}

.firma-modal[b-24j0vvegm8] {
    width: min(540px, 100%);
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8dde2;
    border-radius: 9px;
    box-shadow: 0 22px 55px rgba(13, 23, 31, .28);
}

.firma-modal-header[b-24j0vvegm8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px 16px;
    border-bottom: 1px solid #e3e7ea;
}

.firma-modal-header h2[b-24j0vvegm8] {
    margin: 0 0 5px;
    color: #202a33;
    font-size: 19px;
}

.firma-modal-header p[b-24j0vvegm8] {
    margin: 0;
    color: #68737d;
    font-size: 12px;
}

.firma-modal-close[b-24j0vvegm8] {
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    color: #66717b;
    border: 0;
    border-radius: 5px;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.firma-modal-close:hover:not(:disabled)[b-24j0vvegm8] {
    background: #f0f2f4;
}

.firma-modal-close:disabled[b-24j0vvegm8] {
    opacity: .4;
    cursor: default;
}

.firma-modal-body[b-24j0vvegm8] {
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 20px 22px;
}

.firma-security-note[b-24j0vvegm8] {
    padding: 11px 13px;
    background: #f0f8f3;
    color: #276540;
    border: 1px solid #cce6d5;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.45;
}

.firma-field[b-24j0vvegm8] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.firma-field label[b-24j0vvegm8] {
    color: #303a43;
    font-size: 12px;
    font-weight: 650;
}

.firma-field label span[b-24j0vvegm8] {
    color: #d14b3f;
}

.firma-field input[type="password"][b-24j0vvegm8] {
    width: 100%;
    height: 39px;
    padding: 0 11px;
    background: #fff;
    color: #27313a;
    border: 1px solid #cfd5da;
    border-radius: 5px;
    outline: none;
    font-family: inherit;
    font-size: 12px;
}

.firma-field input[type="password"]:focus[b-24j0vvegm8] {
    border-color: #ff6500;
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .12);
}

.firma-field input[type="file"][b-24j0vvegm8] {
    width: 100%;
    color: #39444d;
    font-family: inherit;
    font-size: 12px;
}

.firma-field input[type="file"][b-24j0vvegm8]::file-selector-button {
    height: 36px;
    margin-right: 10px;
    padding: 0 13px;
    background: #f6f7f8;
    color: #29343e;
    border: 1px solid #cfd5da;
    border-radius: 5px;
    font-family: inherit;
    font-weight: 600;
    cursor: pointer;
}

.firma-field small[b-24j0vvegm8] {
    color: #78828b;
    font-size: 10px;
}

.firma-file-selected[b-24j0vvegm8] {
    padding: 9px 11px;
    overflow-wrap: anywhere;
    background: #f7f8fa;
    color: #4a5660;
    border-radius: 5px;
    font-size: 11px;
}

.firma-modal-error[b-24j0vvegm8] {
    padding: 10px 12px;
    background: #fff1f0;
    color: #a83229;
    border: 1px solid #efc3bf;
    border-radius: 5px;
    font-size: 11px;
    line-height: 1.4;
}

.firma-modal-footer[b-24j0vvegm8] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 14px 22px;
    background: #f8f9fa;
    border-top: 1px solid #e3e7ea;
}

.firma-button[b-24j0vvegm8] {
    height: 38px;
    padding: 0 16px;
    background: #fff;
    color: #2c3740;
    border: 1px solid #cbd2d7;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

.firma-button.primary[b-24j0vvegm8] {
    background: #ff6500;
    color: #fff;
    border-color: #ff6500;
}

.firma-button:hover:not(:disabled)[b-24j0vvegm8] {
    filter: brightness(.96);
}

.firma-button:disabled[b-24j0vvegm8] {
    opacity: .45;
    cursor: default;
}

.toolbar-spacer[b-24j0vvegm8] {
    flex: 1;
}

.toolbar-search[b-24j0vvegm8] {
    width: 290px;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #d3d8dd;
    border-radius: 6px;
}

.search-icon[b-24j0vvegm8] {
    color: #59636e;
    font-size: 18px;
}

.toolbar-search input[b-24j0vvegm8] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #303944;
    font-family: inherit;
    font-size: 11px;
}

.facturas-workspace[b-24j0vvegm8] {
    flex: 1;
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(360px, 30%) minmax(0, 70%);
    gap: 14px;
    overflow: hidden;
}

.facturas-list-card[b-24j0vvegm8],
.factura-detail-card[b-24j0vvegm8] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dde2e6;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(20, 30, 40, .025);
}

.list-toolbar[b-24j0vvegm8] {
    height: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: #fbfcfd;
    border-bottom: 1px solid #e1e5e8;
}

.list-title[b-24j0vvegm8] {
    color: #26313a;
    font-size: 14px;
    font-weight: 700;
}

.list-filter[b-24j0vvegm8] {
    height: 31px;
    padding: 0 25px 0 9px;
    background: #fff;
    color: #4c5660;
    border: 1px solid #d2d7dc;
    border-radius: 5px;
    outline: 0;
    font-family: inherit;
    font-size: 10px;
}

.status-legend[b-24j0vvegm8] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 11px;
    min-height: 37px;
    padding: 6px 11px;
    background: #fff;
    border-bottom: 1px solid #e5e8eb;
}

.legend-item[b-24j0vvegm8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #68727c;
    font-size: 8px;
    white-space: nowrap;
}

.status-dot[b-24j0vvegm8] {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: #a7b0b8;
}

.status-dot.borrador[b-24j0vvegm8],
.estado-factura.borrador[b-24j0vvegm8] {
    background: #eef1f3;
    color: #53606b;
}

.status-dot.borrador[b-24j0vvegm8] {
    background: #89949e;
}

.status-dot.emitida[b-24j0vvegm8] {
    background: #2f9b61;
}

.status-dot.rectificada[b-24j0vvegm8] {
    background: #a466c4;
}

.estado-factura.emitida[b-24j0vvegm8] {
    background: #eaf7f0;
    color: #267a4e;
}

.estado-factura.rectificada[b-24j0vvegm8] {
    background: #f5ecf9;
    color: #8249a0;
}

.table-container[b-24j0vvegm8] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.facturas-table[b-24j0vvegm8] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.facturas-table th[b-24j0vvegm8] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 9px;
    background: #f6f8f9;
    color: #626d77;
    border-bottom: 1px solid #dce1e5;
    text-align: left;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.facturas-table th:nth-child(1)[b-24j0vvegm8] { width: 28%; }
.facturas-table th:nth-child(2)[b-24j0vvegm8] { width: 20%; }
.facturas-table th:nth-child(3)[b-24j0vvegm8] { width: 32%; }
.facturas-table th:nth-child(4)[b-24j0vvegm8] { width: 20%; text-align: right; }

.facturas-table td[b-24j0vvegm8] {
    padding: 8px 9px;
    color: #38424b;
    border-bottom: 1px solid #edf0f2;
    font-size: 10px;
    vertical-align: middle;
}

.facturas-table tbody tr[b-24j0vvegm8] {
    cursor: pointer;
}

.facturas-table tbody tr:hover[b-24j0vvegm8] {
    background: #fafbfc;
}

.facturas-table tbody tr.selected[b-24j0vvegm8] {
    background: #fff2e8;
}

.numero-lista[b-24j0vvegm8] {
    font-weight: 700;
}

.invoice-number-with-state[b-24j0vvegm8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.cliente-lista[b-24j0vvegm8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.importe-lista[b-24j0vvegm8] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.empty-row[b-24j0vvegm8],
.empty-lines[b-24j0vvegm8] {
    padding: 22px !important;
    color: #8a949d !important;
    text-align: center !important;
    font-size: 10px !important;
}

/* =========================================================
   PAGINACIÓN
   ========================================================= */

.pagination-bar[b-24j0vvegm8] {
    min-height: 45px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 6px 10px;
    background: #fbfcfd;
    border-top: 1px solid #e1e5e8;
}

.pagination-range[b-24j0vvegm8] {
    grid-column: 1;
    justify-self: start;
    color: #7a858f;
    font-size: 9px;
    white-space: nowrap;
}

.pagination-right[b-24j0vvegm8] {
    display: contents;
}

.pagination-actions[b-24j0vvegm8] {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-button[b-24j0vvegm8] {
    min-width: 29px;
    height: 29px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #45515b;
    background: #fff;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 10px;
    cursor: pointer;
}

.page-button:hover:not(:disabled)[b-24j0vvegm8],
.page-button.active[b-24j0vvegm8] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.page-button:disabled[b-24j0vvegm8] {
    opacity: .35;
    cursor: default;
}

.pagination-info[b-24j0vvegm8] {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #747e87;
    font-size: 9px;
    white-space: nowrap;
}

.pagination-info select[b-24j0vvegm8] {
    height: 29px;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    background: #fff;
    font-size: 10px;
}

.factura-detail-card[b-24j0vvegm8] {
    overflow: hidden;
}

.detail-scroll-area[b-24j0vvegm8] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}

.detail-header[b-24j0vvegm8] {
    flex: 0 0 auto;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 15px;
    background: #fbfcfd;
    border-bottom: 1px solid #e0e4e7;
}

.document-title h2[b-24j0vvegm8] {
    margin: 0;
    color: #25303a;
    font-size: 17px;
    font-weight: 700;
}

.origin-line[b-24j0vvegm8] {
    margin-top: 3px;
    color: #7a858e;
    font-size: 9px;
}


.origin-document-link[b-24j0vvegm8],
.summary-document-link[b-24j0vvegm8] {
    padding: 0;
    margin: 0 0 0 3px;
    border: 0;
    background: transparent;
    color: #d95400;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.origin-document-link:hover[b-24j0vvegm8],
.summary-document-link:hover[b-24j0vvegm8] {
    color: #ff6500;
}


.annulment-note[b-24j0vvegm8] {
    grid-column: 1 / -1;
    padding: 8px 10px;
    border: 1px solid #f0c4a6;
    border-radius: 5px;
    background: #fff8f3;
    color: #7b4a2c;
    font-size: 9px;
    line-height: 1.35;
}

.header-badges[b-24j0vvegm8] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.estado-factura[b-24j0vvegm8],
.cobro-badge[b-24j0vvegm8],
.fiscal-badge[b-24j0vvegm8] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 12px;
    font-size: 9px;
    font-weight: 700;
}

.cobro-badge[b-24j0vvegm8] {
    background: #eef4fa;
    color: #49657d;
}

.fiscal-badge[b-24j0vvegm8] {
    background: #f3f3f3;
    color: #666f77;
}

.document-data[b-24j0vvegm8] {
    flex: 0 0 auto;
    padding: 10px 21px 10px 12px;
    border-bottom: 1px solid #e5e8eb;
}

.document-grid[b-24j0vvegm8] {
    display: grid;
    grid-template-columns: 105px 140px 132px 132px minmax(0, 1.25fr) minmax(0, .85fr);
    gap: 8px 10px;
    align-items: end;
}

.field[b-24j0vvegm8] {
    min-width: 0;
}

.field label[b-24j0vvegm8] {
    display: block;
    margin-bottom: 3px;
    color: #6e7983;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.field input[b-24j0vvegm8],
.field select[b-24j0vvegm8] {
    width: 100%;
    height: 31px;
    min-width: 0;
    padding: 0 8px;
    background: #fff;
    color: #303944;
    border: 1px solid #d3d8dd;
    border-radius: 4px;
    outline: 0;
    font-family: inherit;
    font-size: 10px;
}

.field input:disabled[b-24j0vvegm8],
.field select:disabled[b-24j0vvegm8] {
    background: #f5f6f7;
    color: #57616a;
    opacity: 1;
}

.cliente-field[b-24j0vvegm8] {
    grid-column: span 2;
}

.forma-pago-field[b-24j0vvegm8] {
    grid-column: span 2;
}

.concepto-field[b-24j0vvegm8] {
    grid-column: span 2;
}

.observaciones-field[b-24j0vvegm8] {
    grid-column: span 2;
}

.rectification-data[b-24j0vvegm8] {
    display: grid;
    grid-template-columns: minmax(260px, 1.2fr) minmax(320px, 1.8fr) minmax(180px, .7fr);
    gap: 8px 10px;
    align-items: end;
    margin-top: 11px;
    padding-top: 10px;
    border-top: 1px solid #e7c8b5;
}

.rectification-section-title[b-24j0vvegm8] {
    grid-column: 1 / -1;
    margin-bottom: 1px;
    color: #a64c1d;
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: .25px;
    text-transform: uppercase;
}

.rectification-data textarea[b-24j0vvegm8] {
    width: 100%;
    height: 33px;
    min-height: 33px;
    max-height: 33px;
    resize: none;
    padding: 7px 9px;
    background: #fff;
    color: #303944;
    border: 1px solid #d3d8dd;
    border-radius: 4px;
    outline: 0;
    font-family: inherit;
    font-size: 10px;
    line-height: 17px;
    overflow: hidden;
}

.rectification-data textarea:disabled[b-24j0vvegm8] {
    background: #f5f6f7;
    color: #57616a;
    opacity: 1;
}

.rectification-method-field[b-24j0vvegm8] {
    align-self: end;
}

.snapshot-strip[b-24j0vvegm8] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    padding: 7px 12px;
    background: #fff9f5;
    border-bottom: 1px solid #f0ded1;
}

.snapshot-strip > div[b-24j0vvegm8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    color: #6b625d;
    font-size: 9px;
}

.snapshot-strip strong[b-24j0vvegm8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3c3734;
    font-size: 10px;
}

.snapshot-label[b-24j0vvegm8] {
    color: #a46a45;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.lineas-toolbar[b-24j0vvegm8] {
    flex: 0 0 auto;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    background: #fbfcfd;
    border-bottom: 1px solid #e2e6e9;
}

.lineas-title[b-24j0vvegm8] {
    color: #2e3942;
    font-size: 11px;
    font-weight: 700;
}

.lineas-count[b-24j0vvegm8] {
    margin-left: 7px;
    color: #89929a;
    font-size: 8px;
}

.add-line-button[b-24j0vvegm8] {
    height: 29px;
    padding: 0 10px;
    background: #fff;
    color: #e85e08;
    border: 1px solid #efb58e;
    border-radius: 4px;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

.add-line-button:disabled[b-24j0vvegm8] {
    opacity: .4;
    cursor: default;
}

.lineas-container[b-24j0vvegm8] {
    flex: 0 0 auto;
    min-height: 120px;
    overflow-x: auto;
    overflow-y: visible;
}

.lineas-table[b-24j0vvegm8] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.lineas-table th[b-24j0vvegm8] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 6px 5px;
    background: #f4f6f7;
    color: #68737d;
    border-bottom: 1px solid #d9dee2;
    text-align: left;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.lineas-table td[b-24j0vvegm8] {
    padding: 4px 5px;
    border-bottom: 1px solid #edf0f2;
    color: #364049;
    font-size: 9px;
    vertical-align: middle;
}

.col-orden[b-24j0vvegm8] { width: 34px; }
.col-articulo[b-24j0vvegm8] { width: 17%; }
.col-descripcion[b-24j0vvegm8] { width: auto; }
.col-cantidad[b-24j0vvegm8] { width: 80px; }
.col-precio[b-24j0vvegm8] { width: 92px; }
.col-dto[b-24j0vvegm8] { width: 68px; }
.col-iva[b-24j0vvegm8] { width: 82px; }
.col-irpf[b-24j0vvegm8] { width: 82px; }
.col-total[b-24j0vvegm8] { width: 92px; text-align: right !important; }
.col-acciones[b-24j0vvegm8] { width: 35px; }

.grid-input[b-24j0vvegm8],
.grid-select[b-24j0vvegm8] {
    width: 100%;
    height: 27px;
    min-width: 0;
    padding: 0 5px;
    background: #fff;
    color: #303944;
    border: 1px solid #d4d9dd;
    border-radius: 3px;
    outline: 0;
    font-family: inherit;
    font-size: 9px;
}

.description-input[b-24j0vvegm8] {
    min-width: 120px;
}

.number-input[b-24j0vvegm8] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.tax-select[b-24j0vvegm8] {
    font-size: 8px;
}

.line-order[b-24j0vvegm8],
.codigo-linea[b-24j0vvegm8] {
    color: #63707a;
    font-weight: 600;
}

.numeric-cell[b-24j0vvegm8] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.total-linea[b-24j0vvegm8] {
    color: #26313a !important;
    font-weight: 700;
}

.line-actions[b-24j0vvegm8] {
    text-align: center;
}

.remove-line-button[b-24j0vvegm8] {
    width: 24px;
    height: 24px;
    padding: 0;
    background: #fff;
    color: #d34a3f;
    border: 1px solid #e7c4c0;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.bottom-area[b-24j0vvegm8] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 12px;
    padding: 9px 12px;
    background: #fbfcfd;
    border-top: 1px solid #e1e5e8;
}

.fiscal-summary[b-24j0vvegm8],
.totals-card[b-24j0vvegm8] {
    min-width: 0;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #e0e4e7;
    border-radius: 5px;
}

.summary-title[b-24j0vvegm8] {
    margin-bottom: 5px;
    color: #54616b;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.summary-mini-row[b-24j0vvegm8],
.total-row[b-24j0vvegm8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 23px;
    color: #59656f;
    font-size: 9px;
}

.summary-mini-row strong[b-24j0vvegm8],
.total-row strong[b-24j0vvegm8] {
    color: #2f3942;
    font-variant-numeric: tabular-nums;
}

.vencimientos-gestion-button[b-24j0vvegm8] {
    height: 22px;
    padding: 0 9px;
    background: #fff;
    color: #4e5962;
    border: 1px solid #cfd5da;
    border-radius: 4px;
    font-family: inherit;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.vencimientos-gestion-button:hover[b-24j0vvegm8] {
    color: #ff6500;
    border-color: #ffb17d;
    background: #fff8f3;
}

.irpf-total strong[b-24j0vvegm8] {
    color: #a44e45;
}

.rectification-impact-title[b-24j0vvegm8] {
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px solid #e2e6e9;
    color: #8249a0;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.rectification-impact-total[b-24j0vvegm8] {
    margin-top: 2px;
    padding-top: 4px;
    border-top: 1px dashed #d8dde1;
    font-weight: 800;
}

.grand-total[b-24j0vvegm8] {
    margin-top: 3px;
    padding-top: 7px;
    border-top: 1px solid #dce1e4;
    color: #27313a;
    font-size: 11px;
    font-weight: 700;
}

.grand-total strong[b-24j0vvegm8] {
    color: #ff6500;
    font-size: 16px;
}

.message-bar[b-24j0vvegm8] {
    flex: 0 0 auto;
    padding: 7px 12px;
    border-top: 1px solid transparent;
    font-size: 9px;
    font-weight: 600;
}

.message-bar.success[b-24j0vvegm8] {
    background: #edf8f1;
    color: #31734d;
    border-top-color: #d0ead9;
}

.message-bar.error[b-24j0vvegm8] {
    background: #fff2f1;
    color: #a94339;
    border-top-color: #efd2ce;
}

.edit-footer[b-24j0vvegm8] {
    flex: 0 0 auto;
    min-height: 49px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 7px 12px;
    background: #f7f9fa;
    border-top: 1px solid #dde2e6;
}

.footer-button[b-24j0vvegm8] {
    height: 33px;
    min-width: 92px;
    padding: 0 13px;
    background: #fff;
    color: #3a454e;
    border: 1px solid #d0d6da;
    border-radius: 4px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.footer-button.primary[b-24j0vvegm8] {
    background: #ff6500;
    color: #fff;
    border-color: #ff6500;
}

@media (max-width: 1300px) {
    .document-grid[b-24j0vvegm8] {
        grid-template-columns: 95px 125px 120px 120px minmax(0, 1fr);
    }

    .cliente-field[b-24j0vvegm8] {
        grid-column: span 1;
    }

    .concepto-field[b-24j0vvegm8],
    .observaciones-field[b-24j0vvegm8] {
        grid-column: span 2;
    }

    .rectification-data[b-24j0vvegm8] {
        grid-template-columns: 1fr 1fr;
    }

    .rectification-detail-field[b-24j0vvegm8] {
        grid-column: span 2;
    }
}

/* =========================================================
   REGISTRO DE COBRO
   ========================================================= */

.cobro-modal-overlay[b-24j0vvegm8] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(18, 28, 37, .58);
}

.cobro-modal[b-24j0vvegm8] {
    width: min(420px, 100%);
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8dde2;
    border-radius: 9px;
    box-shadow: 0 22px 55px rgba(13, 23, 31, .28);
}

.cobro-modal-header[b-24j0vvegm8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px 14px;
    border-bottom: 1px solid #e3e7ea;
}

.cobro-modal-header h2[b-24j0vvegm8] {
    margin: 0 0 4px;
    color: #202a33;
    font-size: 17px;
}

.cobro-modal-header p[b-24j0vvegm8] {
    margin: 0;
    color: #68737d;
    font-size: 11px;
}

.cobro-modal-close[b-24j0vvegm8] {
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    color: #66717b;
    border: 0;
    border-radius: 5px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.cobro-modal-close:hover:not(:disabled)[b-24j0vvegm8] {
    background: #f0f2f4;
}

.cobro-modal-close:disabled[b-24j0vvegm8] {
    opacity: .4;
    cursor: default;
}

.cobro-modal-body[b-24j0vvegm8] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 18px 20px;
}

.cobro-modal-body label[b-24j0vvegm8] {
    color: #303a43;
    font-size: 11px;
    font-weight: 650;
}

.cobro-modal-body input[type="date"][b-24j0vvegm8] {
    width: 170px;
    height: 36px;
    padding: 0 9px;
    background: #fff;
    color: #27313a;
    border: 1px solid #cfd5da;
    border-radius: 5px;
    outline: none;
    font-family: inherit;
    font-size: 11px;
}

.cobro-modal-body input[type="date"]:focus[b-24j0vvegm8] {
    border-color: #ff6500;
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .12);
}

.cobro-modal-body small[b-24j0vvegm8] {
    color: #78828b;
    font-size: 9px;
    line-height: 1.4;
}

.cobro-modal-error[b-24j0vvegm8] {
    margin-top: 6px;
    padding: 9px 11px;
    background: #fff1f0;
    color: #a83229;
    border: 1px solid #efc3bf;
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.4;
}

.cobro-modal-footer[b-24j0vvegm8] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px;
    background: #f8f9fa;
    border-top: 1px solid #e3e7ea;
}

.cobro-modal-button[b-24j0vvegm8] {
    height: 35px;
    padding: 0 14px;
    background: #fff;
    color: #2c3740;
    border: 1px solid #cbd2d7;
    border-radius: 5px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 650;
    cursor: pointer;
}

.cobro-modal-button.primary[b-24j0vvegm8] {
    background: #ff6500;
    color: #fff;
    border-color: #ff6500;
}

.cobro-modal-button:hover:not(:disabled)[b-24j0vvegm8] {
    filter: brightness(.96);
}

.cobro-modal-button:disabled[b-24j0vvegm8] {
    opacity: .45;
    cursor: default;
}

/* Gestión centralizada de vencimientos y cobros. */
.vencimientos-gestion-modal[b-24j0vvegm8] {
    width: min(790px, 100%);
}

.vencimientos-modal-header[b-24j0vvegm8] {
    padding: 18px 20px 15px;
}

.vencimientos-modal-title-block[b-24j0vvegm8] {
    min-width: 0;
}

.vencimientos-modal-title-row[b-24j0vvegm8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vencimientos-modal-title-icon[b-24j0vvegm8] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vencimientos-modal-title-row h2[b-24j0vvegm8] {
    margin-bottom: 0;
    font-size: 18px;
}

.vencimientos-modal-title-block p[b-24j0vvegm8] {
    margin-top: 5px;
    padding-left: 28px;
    font-size: 11.5px;
}

.vencimientos-modal-header .cobro-modal-close[b-24j0vvegm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vencimientos-modal-header .cobro-modal-close svg[b-24j0vvegm8] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.vencimientos-gestion-body[b-24j0vvegm8] {
    max-height: min(430px, 60vh);
    padding: 12px 20px 14px;
    overflow: auto;
}

.vencimientos-gestion-header[b-24j0vvegm8],
.vencimientos-gestion-row[b-24j0vvegm8] {
    display: grid;
    grid-template-columns: 105px 95px 165px 95px minmax(170px, 1fr);
    align-items: center;
    gap: 12px;
}

.vencimientos-gestion-header[b-24j0vvegm8] {
    min-height: 32px;
    padding: 0 10px;
    color: #707b84;
    background: #f7f8f9;
    border: 1px solid #e1e5e8;
    border-radius: 5px 5px 0 0;
    font-size: 8.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.vencimientos-gestion-header > span:nth-child(2)[b-24j0vvegm8] {
    text-align: right;
}

.vencimientos-gestion-row[b-24j0vvegm8] {
    min-height: 46px;
    padding: 7px 10px;
    color: #45515b;
    border-right: 1px solid #e8ebed;
    border-bottom: 1px solid #e8ebed;
    border-left: 1px solid #e8ebed;
    font-size: 10.25px;
    font-variant-numeric: tabular-nums;
}

.vencimientos-gestion-row:last-child[b-24j0vvegm8] {
    border-radius: 0 0 5px 5px;
}

.vencimiento-importe[b-24j0vvegm8] {
    color: #26313a;
    text-align: right;
    font-size: 10.5px;
    font-weight: 700;
}

.vencimientos-gestion-row em[b-24j0vvegm8] {
    color: #8a5d38;
    font-size: 9.5px;
    font-style: normal;
}

.vencimiento-estado-pill[b-24j0vvegm8] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.vencimiento-estado-pill.pendiente[b-24j0vvegm8] {
    background: #fff5e9;
    color: #98601d;
}

.vencimiento-estado-pill.cobrado[b-24j0vvegm8] {
    background: #edf8f1;
    color: #31734d;
}

.vencimientos-gestion-actions[b-24j0vvegm8] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.vencimiento-accion-button[b-24j0vvegm8] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    background: #fff;
    color: #4e5a64;
    border: 1px solid #cfd5da;
    border-radius: 5px;
    font-family: inherit;
    font-size: 9.5px;
    font-weight: 650;
    cursor: pointer;
    white-space: nowrap;
}

.vencimiento-button-icon[b-24j0vvegm8] {
    width: 14px;
    height: 14px;
    min-width: 14px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vencimiento-accion-button.primary[b-24j0vvegm8] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.vencimiento-accion-button:hover:not(:disabled)[b-24j0vvegm8] {
    background: #f5f6f7;
    border-color: #bbc2c8;
}

.vencimiento-accion-button.primary:hover:not(:disabled)[b-24j0vvegm8] {
    background: #ed5e00;
    border-color: #ed5e00;
}

.vencimiento-accion-button:disabled[b-24j0vvegm8] {
    opacity: .45;
    cursor: default;
}

.modal-close-action[b-24j0vvegm8] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 15px;
    font-size: 11.25px;
    font-weight: 600;
}

/* Histórico de cobros: consulta compacta y solo lectura. */
.historial-cobros-modal[b-24j0vvegm8] {
    width: min(560px, 100%);
}

.historial-cobros-body[b-24j0vvegm8] {
    padding: 14px 20px 18px;
}

.historial-cobros-header[b-24j0vvegm8],
.historial-cobros-row[b-24j0vvegm8] {
    display: grid;
    grid-template-columns: 120px 110px minmax(150px, 1fr);
    align-items: center;
    gap: 12px;
}

.historial-cobros-header[b-24j0vvegm8] {
    min-height: 27px;
    padding: 0 8px;
    color: #737e87;
    border-bottom: 1px solid #dfe4e7;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.historial-cobros-row[b-24j0vvegm8] {
    min-height: 31px;
    padding: 0 8px;
    color: #4c5862;
    border-bottom: 1px solid #edf0f2;
    font-size: 9px;
    font-variant-numeric: tabular-nums;
}

.historial-cobros-row:last-child[b-24j0vvegm8] {
    border-bottom: 0;
}

.historial-cobros-row strong[b-24j0vvegm8] {
    color: #2f3942;
}

/* =========================================================
   10E - PATRON VISUAL DOCUMENTOS COMERCIALES
   ========================================================= */

.page-toolbar[b-24j0vvegm8] {
    min-height: 52px;
    gap: 13px;
    margin-bottom: 13px;
}

.page-heading[b-24j0vvegm8] {
    flex: 0 0 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 7px;
}

.page-heading-icon[b-24j0vvegm8] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading h1[b-24j0vvegm8] {
    font-size: 28px;
    white-space: nowrap;
}

.toolbar-actions[b-24j0vvegm8] {
    min-width: 0;
    gap: 7px;
}

.toolbar-divider[b-24j0vvegm8] {
    height: 30px;
    margin: 0 4px;
    background: #cfd5da;
}

.action-button[b-24j0vvegm8] {
    height: 40px;
    gap: 6px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 11.25px;
    transition: background .12s ease, border-color .12s ease;
}

.action-button.emit-button[b-24j0vvegm8] {
    background: #ffffff;
    color: #29343e;
    border-color: #d0d5da;
}

.action-button.emit-button:hover:not(:disabled)[b-24j0vvegm8] {
    background: #f5f6f7;
    border-color: #bbc2c8;
}

.button-icon[b-24j0vvegm8] {
    width: 17px;
    height: 17px;
    min-width: 17px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.inline-button-icon[b-24j0vvegm8] {
    width: 15px;
    height: 15px;
    min-width: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -3px;
}

.toolbar-search[b-24j0vvegm8] {
    width: 250px;
    flex: 0 0 250px;
}

.search-icon[b-24j0vvegm8] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: #6f7a84;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.toolbar-search input[b-24j0vvegm8] {
    font-size: 11.5px;
}

.facturas-workspace[b-24j0vvegm8] {
    grid-template-columns: minmax(350px, 30%) minmax(0, 70%);
}

.facturas-list-card[b-24j0vvegm8],
.factura-detail-card[b-24j0vvegm8] {
    border-color: #d9dee2;
    box-shadow: 0 1px 3px rgba(20, 30, 40, .035);
}

.list-title[b-24j0vvegm8] {
    font-size: 14.5px;
}

.list-filter[b-24j0vvegm8] {
    font-size: 11px;
}

.legend-item[b-24j0vvegm8] {
    font-size: 9.25px;
}

.status-dot[b-24j0vvegm8] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
}

.table-container[b-24j0vvegm8] {
    overflow-y: auto;
    overflow-x: hidden;
}

.facturas-table[b-24j0vvegm8] {
    font-size: 11.5px;
}

.facturas-table th[b-24j0vvegm8] {
    height: 40px;
    padding: 0 8px;
    background: #eef1f3;
    color: #4b5560;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
}

.facturas-table td[b-24j0vvegm8] {
    height: 40px;
    padding: 0 8px;
    color: #303a44;
    font-size: 11.25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.facturas-table tbody tr:hover[b-24j0vvegm8] {
    background: #fff8f3;
}

.facturas-table tbody tr.selected[b-24j0vvegm8] {
    background: #fff0e5;
    box-shadow: inset 3px 0 0 #ff6500;
}

.pagination-bar[b-24j0vvegm8] {
    min-height: 46px;
}

.pagination-range[b-24j0vvegm8],
.pagination-info[b-24j0vvegm8] {
    font-size: 11px;
}

.page-button[b-24j0vvegm8] {
    min-width: 31px;
    height: 31px;
    font-size: 11px;
}

.pagination-info select[b-24j0vvegm8] {
    font-size: 11px;
}

.detail-header[b-24j0vvegm8] {
    min-height: 58px;
    padding: 9px 16px;
    background: #ffffff;
}

.document-title h2[b-24j0vvegm8] {
    font-size: 18.5px;
}

.origin-line[b-24j0vvegm8] {
    margin-top: 4px;
    font-size: 10px;
}

.estado-factura[b-24j0vvegm8],
.cobro-badge[b-24j0vvegm8],
.fiscal-badge[b-24j0vvegm8] {
    min-height: 25px;
    padding: 0 10px;
    font-size: 10px;
}

.document-data[b-24j0vvegm8] {
    padding: 11px 22px 11px 13px;
}

.field label[b-24j0vvegm8] {
    margin-bottom: 3px;
    color: #65707a;
    font-size: 10px;
    font-weight: 500;
    text-transform: none;
}

.field input[b-24j0vvegm8],
.field select[b-24j0vvegm8] {
    height: 33px;
    padding: 0 9px;
    border-color: #ccd3d9;
    font-size: 10.75px;
}

.field input:focus[b-24j0vvegm8],
.field select:focus[b-24j0vvegm8],
.rectification-data textarea:focus[b-24j0vvegm8] {
    border-color: #ff6500;
    box-shadow: 0 0 0 3px rgba(255, 101, 0, .10);
}

.rectification-data textarea[b-24j0vvegm8] {
    font-size: 10.75px;
}

.snapshot-strip > div[b-24j0vvegm8] {
    font-size: 10px;
}

.snapshot-strip strong[b-24j0vvegm8] {
    font-size: 10.75px;
}

.snapshot-label[b-24j0vvegm8] {
    font-size: 9px;
}

.lineas-toolbar[b-24j0vvegm8] {
    min-height: 46px;
    padding: 6px 13px;
    background: #ffffff;
}

.lineas-title[b-24j0vvegm8] {
    font-size: 13.5px;
}

.lineas-count[b-24j0vvegm8] {
    margin-left: 8px;
    font-size: 10.5px;
}

.add-line-button[b-24j0vvegm8] {
    height: 33px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 12px;
    background: #ff6500;
    color: #ffffff;
    border-color: #ff6500;
    font-size: 11px;
    font-weight: 600;
}

.add-line-button:hover:not(:disabled)[b-24j0vvegm8] {
    background: #ed5e00;
}

.lineas-table th[b-24j0vvegm8] {
    height: 40px;
    padding: 0 5px;
    background: #eef1f3;
    color: #46515b;
    font-size: 10.5px;
    font-weight: 650;
    text-transform: none;
}

.lineas-table td[b-24j0vvegm8] {
    height: 42px;
    padding: 4px 5px;
    color: #29343e;
    font-size: 11.25px;
}

.grid-input[b-24j0vvegm8],
.grid-select[b-24j0vvegm8] {
    height: 30px;
    font-size: 10.5px;
}

.tax-select[b-24j0vvegm8] {
    font-size: 9.5px;
}

.remove-line-button[b-24j0vvegm8] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.remove-line-icon[b-24j0vvegm8] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bottom-area[b-24j0vvegm8] {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 13px;
    padding: 10px 13px;
    background: #ffffff;
}

.fiscal-summary[b-24j0vvegm8],
.totals-card[b-24j0vvegm8] {
    padding: 10px 12px;
    border-color: #d9dee2;
    border-radius: 6px;
}

.summary-title[b-24j0vvegm8] {
    margin-bottom: 6px;
    color: #4d5963;
    font-size: 10.5px;
}

.summary-mini-row[b-24j0vvegm8],
.total-row[b-24j0vvegm8] {
    min-height: 26px;
    font-size: 10.5px;
}

.vencimientos-gestion-button[b-24j0vvegm8] {
    height: 25px;
    font-size: 9.25px;
}

.rectification-impact-title[b-24j0vvegm8] {
    font-size: 9.25px;
}

.grand-total[b-24j0vvegm8] {
    min-height: 42px;
    font-size: 13.5px;
}

.grand-total strong[b-24j0vvegm8] {
    font-size: 19px;
}

.edit-footer[b-24j0vvegm8] {
    min-height: 56px;
    padding: 7px 14px;
    background: #ffffff;
}

.footer-button[b-24j0vvegm8] {
    min-width: 108px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 15px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    transition: background .12s ease, border-color .12s ease;
}

.footer-button:hover[b-24j0vvegm8] {
    background: #f4f5f6;
    border-color: #bfc6cc;
}

.footer-button-icon[b-24j0vvegm8] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.footer-button.save[b-24j0vvegm8] {
    min-width: 152px;
    background: #ff6500;
    color: #ffffff;
    border-color: #ff6500;
}

.footer-button.save:hover[b-24j0vvegm8] {
    background: #ed5e00;
}

.detail-scroll-area[b-24j0vvegm8]::-webkit-scrollbar,
.table-container[b-24j0vvegm8]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.detail-scroll-area[b-24j0vvegm8]::-webkit-scrollbar-thumb,
.table-container[b-24j0vvegm8]::-webkit-scrollbar-thumb {
    background: #c5cbd0;
    border-radius: 10px;
}

@media (max-width: 1450px) {
    .toolbar-search[b-24j0vvegm8] {
        width: 220px;
        flex-basis: 220px;
    }

    .action-button[b-24j0vvegm8] {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10.75px;
    }
}

/* =========================================================
   10E32 - ALINEACION DATOS DE RECTIFICACION
   ========================================================= */

/* Los tres campos (Motivo / Detalle / Metodo) comparten
   exactamente la misma linea de etiqueta y de control. */
.rectification-data[b-24j0vvegm8] {
    align-items: start;
}

.rectification-data .field[b-24j0vvegm8] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.rectification-data .field > label[b-24j0vvegm8] {
    min-height: 14px;
    margin-bottom: 3px;
    line-height: 14px;
}

.rectification-data .field > input[b-24j0vvegm8],
.rectification-data .field > select[b-24j0vvegm8],
.rectification-data .field > textarea[b-24j0vvegm8] {
    display: block;
    width: 100%;
    height: 33px;
    min-height: 33px;
    max-height: 33px;
    margin: 0;
}

.rectification-data textarea[b-24j0vvegm8] {
    padding: 7px 9px;
    resize: none;
    line-height: 17px;
    overflow: hidden;
}

.rectification-method-field[b-24j0vvegm8] {
    align-self: stretch;
}

/* =========================================================
   10E33 - LIMPIEZA METODO DE RECTIFICACION
   El metodo se conserva internamente, pero no se muestra
   al usuario. El bloque visible queda Motivo + Detalle.
   ========================================================= */

.rectification-data[b-24j0vvegm8] {
    grid-template-columns: minmax(260px, 1fr) minmax(380px, 1.55fr);
}

.rectification-method-field[b-24j0vvegm8] {
    display: none !important;
}

@media (max-width: 1300px) {
    .rectification-data[b-24j0vvegm8] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    }

    .rectification-detail-field[b-24j0vvegm8] {
        grid-column: auto;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
*[b-xgnsef77x1] {
    box-sizing: border-box;
}

.dashboard-page[b-xgnsef77x1] {
    width: 100%;
    height: 100%;
    min-width: 980px;
    overflow-y: auto;
    padding: 0 3px 22px 0;
    color: #202731;
    font-family: "Segoe UI", Arial, sans-serif;
}

.dashboard-page[b-xgnsef77x1]::-webkit-scrollbar {
    width: 9px;
}

.dashboard-page[b-xgnsef77x1]::-webkit-scrollbar-thumb {
    background: #c8ced3;
    border: 2px solid #f5f6f8;
    border-radius: 10px;
}

/* =========================================================
   CABECERA
   ========================================================= */

.dashboard-header[b-xgnsef77x1] {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 14px;
    padding: 2px 2px 0 1px;
}

.dashboard-heading[b-xgnsef77x1] {
    min-width: 0;
}

.dashboard-title-row[b-xgnsef77x1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-heading-icon[b-xgnsef77x1] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.card-kicker[b-xgnsef77x1],
.work-heading[b-xgnsef77x1] {
    color: #ff6500;
    font-size: 9.25px;
    font-weight: 800;
    letter-spacing: 1.05px;
}

.dashboard-heading h1[b-xgnsef77x1] {
    margin: 0;
    color: #1f2b38;
    font-size: 28px;
    font-weight: 720;
    letter-spacing: -.55px;
    line-height: 1.05;
}

.dashboard-heading p[b-xgnsef77x1] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 5px 0 0 33px;
    overflow: hidden;
    color: #7f8a94;
    font-size: 10.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-heading p strong[b-xgnsef77x1] {
    color: #65717b;
    font-weight: 700;
}

.header-separator[b-xgnsef77x1] {
    color: #bcc3c9;
}

.dashboard-controls[b-xgnsef77x1] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.period-control[b-xgnsef77x1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.period-control > span[b-xgnsef77x1] {
    color: #7d8790;
    font-size: 8.5px;
    font-weight: 750;
    letter-spacing: .45px;
    text-transform: uppercase;
}

.select-wrap[b-xgnsef77x1] {
    position: relative;
}

.select-wrap > svg[b-xgnsef77x1] {
    position: absolute;
    left: 11px;
    top: 50%;
    width: 15px;
    height: 15px;
    pointer-events: none;
    transform: translateY(-50%);
    fill: none;
    stroke: #6f7a83;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.select-wrap select[b-xgnsef77x1],
.refresh-button[b-xgnsef77x1] {
    height: 38px;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 650;
    border: 1px solid #d2d8dd;
    border-radius: 7px;
    outline: none;
}

.select-wrap select[b-xgnsef77x1] {
    min-width: 162px;
    padding: 0 30px 0 35px;
    color: #33404b;
    background: #fff;
}

.select-wrap select:focus[b-xgnsef77x1] {
    border-color: #ff9a58;
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .09);
}

.refresh-button[b-xgnsef77x1] {
    min-width: 112px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    color: #303b45;
    background: #fff;
    cursor: pointer;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease;
}

.refresh-button svg[b-xgnsef77x1] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #ff6500;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.refresh-button:hover:not(:disabled)[b-xgnsef77x1] {
    color: #ff6500;
    background: #fffaf7;
    border-color: #ffc49d;
}

.refresh-button:disabled[b-xgnsef77x1],
.select-wrap select:disabled[b-xgnsef77x1] {
    opacity: .55;
    cursor: default;
}

/* =========================================================
   ERROR / CARGA
   ========================================================= */

.dashboard-error[b-xgnsef77x1] {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
    padding: 10px 12px 10px 15px;
    color: #8d2f28;
    background: #fff4f2;
    border: 1px solid #efcbc7;
    border-radius: 9px;
}

.dashboard-error div[b-xgnsef77x1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dashboard-error strong[b-xgnsef77x1] {
    font-size: 12px;
}

.dashboard-error span[b-xgnsef77x1] {
    font-size: 10.5px;
}

.dashboard-error button[b-xgnsef77x1] {
    height: 34px;
    padding: 0 13px;
    color: #8d2f28;
    background: #fff;
    border: 1px solid #ddb4af;
    border-radius: 6px;
    font: inherit;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
}

.dashboard-loading[b-xgnsef77x1] {
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: #68747e;
    background: #fff;
    border: 1px solid #dce1e5;
    border-radius: 11px;
}

.loading-mark[b-xgnsef77x1] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #202a33;
    border-bottom: 3px solid #ff6500;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 800;
}

.dashboard-loading strong[b-xgnsef77x1],
.dashboard-loading span[b-xgnsef77x1] {
    display: block;
}

.dashboard-loading strong[b-xgnsef77x1] {
    color: #33404a;
    font-size: 12px;
}

.dashboard-loading span[b-xgnsef77x1] {
    margin-top: 3px;
    color: #929ba3;
    font-size: 9.5px;
}

/* =========================================================
   KPIs
   ========================================================= */

.kpi-grid[b-xgnsef77x1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.kpi-card[b-xgnsef77x1] {
    min-width: 0;
    min-height: 132px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 16px 17px;
    color: #26313b !important;
    background: #fff;
    border: 1px solid #dfe4e8;
    border-radius: 11px;
    box-shadow: 0 2px 6px rgba(27, 38, 47, .045);
    text-decoration: none !important;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.kpi-card:hover[b-xgnsef77x1] {
    transform: translateY(-1px);
    border-color: #ccd4da;
    box-shadow: 0 6px 18px rgba(27, 38, 47, .075);
}

.kpi-icon[b-xgnsef77x1] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.kpi-icon svg[b-xgnsef77x1] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
}

.kpi-card.billing .kpi-icon[b-xgnsef77x1] {
    color: #ff6500;
    background: #fff0e7;
}

.kpi-card.collected .kpi-icon[b-xgnsef77x1] {
    color: #188b56;
    background: #eaf8f0;
}

.kpi-card.pending .kpi-icon[b-xgnsef77x1] {
    color: #dd6d23;
    background: #fff3e9;
}

.kpi-card.overdue .kpi-icon[b-xgnsef77x1] {
    color: #bd403a;
    background: #fdeceb;
}

.kpi-content[b-xgnsef77x1] {
    min-width: 0;
}

.kpi-heading-row[b-xgnsef77x1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.kpi-label[b-xgnsef77x1] {
    overflow: hidden;
    color: #66727c;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .35px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.kpi-badge[b-xgnsef77x1] {
    flex: 0 0 auto;
    max-width: 92px;
    overflow: hidden;
    padding: 3px 7px;
    color: #7d8790;
    background: #f1f4f6;
    border-radius: 999px;
    font-size: 7.75px;
    font-weight: 750;
    letter-spacing: .18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-badge.now[b-xgnsef77x1] {
    color: #a96235;
    background: #fff3ea;
}

.kpi-content > strong[b-xgnsef77x1] {
    display: block;
    margin-top: 10px;
    overflow: hidden;
    color: #17283c;
    font-size: clamp(21px, 1.7vw, 27px);
    font-weight: 720;
    letter-spacing: -.65px;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-content > small[b-xgnsef77x1] {
    display: block;
    margin-top: 7px;
    overflow: hidden;
    color: #86919a;
    font-size: 9.5px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================================
   TARJETAS GENERALES
   ========================================================= */

.dashboard-card[b-xgnsef77x1] {
    min-width: 0;
    background: #fff;
    border: 1px solid #dfe4e8;
    border-radius: 11px;
    box-shadow: 0 2px 6px rgba(27, 38, 47, .045);
}

.card-heading-row[b-xgnsef77x1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.card-heading-row h2[b-xgnsef77x1] {
    margin: 3px 0 0;
    color: #1f2d3b;
    font-size: 17px;
    font-weight: 720;
    letter-spacing: -.28px;
}

.card-heading-row p[b-xgnsef77x1] {
    margin: 4px 0 0;
    color: #8a949d;
    font-size: 9.5px;
}

.card-link[b-xgnsef77x1] {
    flex: 0 0 auto;
    margin-top: 1px;
    color: #ff6500 !important;
    font-size: 9.5px;
    font-weight: 700;
    text-decoration: none !important;
}

.card-link span[b-xgnsef77x1] {
    margin-left: 3px;
}

.card-link:hover[b-xgnsef77x1] {
    color: #d95600 !important;
}

/* =========================================================
   PRIORIDAD + CARTERA
   ========================================================= */

.priority-grid[b-xgnsef77x1] {
    display: grid;
    grid-template-columns: minmax(0, 2.15fr) minmax(315px, .85fr);
    gap: 12px;
    margin-top: 12px;
    align-items: stretch;
}

.attention-card[b-xgnsef77x1],
.portfolio-card[b-xgnsef77x1],
.chart-card[b-xgnsef77x1],
.upcoming-card[b-xgnsef77x1] {
    padding: 17px 18px 16px;
}

.attention-card[b-xgnsef77x1] {
    border-color: #dcdfe2;
}

.attention-heading .card-kicker[b-xgnsef77x1] {
    color: #f15b2a;
}

.all-clear-badge[b-xgnsef77x1] {
    margin-top: 1px;
    padding: 5px 8px;
    color: #47745b;
    background: #eef8f2;
    border: 1px solid #d6ebdf;
    border-radius: 999px;
    font-size: 8.5px;
    font-weight: 750;
    white-space: nowrap;
}

.attention-grid[b-xgnsef77x1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-top: 14px;
}

.attention-tile[b-xgnsef77x1] {
    min-width: 0;
    min-height: 166px;
    display: flex;
    flex-direction: column;
    padding: 12px 12px 10px;
    color: #28343f !important;
    background: #fafbfc;
    border: 1px solid #e7ebee;
    border-radius: 9px;
    text-decoration: none !important;
    transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}

.attention-tile:hover[b-xgnsef77x1] {
    transform: translateY(-1px);
    border-color: #d3dade;
    box-shadow: 0 5px 14px rgba(27, 38, 47, .055);
}

.attention-tile-icon[b-xgnsef77x1] {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.attention-tile-icon svg[b-xgnsef77x1] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.overdue-alert[b-xgnsef77x1] {
    background: #fff9f8;
    border-color: #f0dcda;
}

.overdue-alert .attention-tile-icon[b-xgnsef77x1] {
    color: #b93e38;
    background: #fdebea;
}

.returned-alert[b-xgnsef77x1] {
    background: #fffaf6;
    border-color: #f0dfd2;
}

.returned-alert .attention-tile-icon[b-xgnsef77x1] {
    color: #d8681f;
    background: #ffecde;
}

.credit-alert[b-xgnsef77x1] {
    background: #fffaf3;
    border-color: #eee0ca;
}

.credit-alert .attention-tile-icon[b-xgnsef77x1] {
    color: #9a6a17;
    background: #fff0cf;
}

.upcoming-alert[b-xgnsef77x1] {
    background: #f8fbfe;
    border-color: #dae6f1;
}

.upcoming-alert .attention-tile-icon[b-xgnsef77x1] {
    color: #2e70ae;
    background: #e8f2fb;
}

.attention-tile.quiet[b-xgnsef77x1] {
    background: #fafbfc;
    border-color: #e7ebee;
}

.attention-tile.quiet .attention-tile-icon[b-xgnsef77x1] {
    color: #77838c;
    background: #edf1f3;
}

.attention-tile-body[b-xgnsef77x1] {
    min-width: 0;
    margin-top: 10px;
}

.attention-tile-body > strong[b-xgnsef77x1] {
    display: block;
    min-height: 26px;
    color: #2b3742;
    font-size: 9.9px;
    line-height: 1.3;
}

.attention-amount[b-xgnsef77x1] {
    display: block;
    margin-top: 6px;
    overflow: hidden;
    color: #1f2f40;
    font-size: 15px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.has-alert.overdue-alert .attention-amount[b-xgnsef77x1] {
    color: #b62e29;
}

.has-alert.returned-alert .attention-amount[b-xgnsef77x1] {
    color: #c65614;
}

.has-alert.credit-alert .attention-amount[b-xgnsef77x1] {
    color: #8a5a08;
}

.attention-tile-body small[b-xgnsef77x1] {
    display: block;
    margin-top: 5px;
    overflow: hidden;
    color: #87919a;
    font-size: 8.4px;
    line-height: 1.35;
}

.attention-cta[b-xgnsef77x1] {
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: auto;
    padding-top: 2px;
    color: #5f6c76;
    background: rgba(255, 255, 255, .74);
    border: 1px solid rgba(207, 214, 219, .72);
    border-radius: 6px;
    font-size: 8.5px;
    font-weight: 750;
}

.attention-tile:hover .attention-cta[b-xgnsef77x1] {
    color: #ff6500;
}

.attention-cta b[b-xgnsef77x1] {
    color: #ff6500;
    font-size: 11px;
}

.work-in-progress[b-xgnsef77x1] {
    margin-top: 13px;
    padding-top: 11px;
    border-top: 1px solid #edf0f2;
}

.work-heading-row[b-xgnsef77x1] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.work-heading-row small[b-xgnsef77x1] {
    color: #9aa3aa;
    font-size: 8.5px;
}

.work-heading[b-xgnsef77x1] {
    color: #7d8891;
}

.work-items[b-xgnsef77x1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 7px;
}

.work-item[b-xgnsef77x1] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 8px;
    row-gap: 2px;
    padding: 8px 9px;
    color: #5e6a74 !important;
    background: #f7f9fa;
    border: 1px solid #eef1f3;
    border-radius: 6px;
    text-decoration: none !important;
    transition: background-color .14s ease, border-color .14s ease;
}

.work-item:hover[b-xgnsef77x1] {
    background: #fffaf7;
    border-color: #ffd6bb;
}

.work-item > span[b-xgnsef77x1] {
    overflow: hidden;
    font-size: 8.8px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-item > strong[b-xgnsef77x1] {
    color: #2c3843;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.work-item > small[b-xgnsef77x1] {
    grid-column: 1 / -1;
    overflow: hidden;
    color: #969fa6;
    font-size: 7.4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* cartera */

.portfolio-total[b-xgnsef77x1] {
    margin-top: 18px;
}

.portfolio-total span[b-xgnsef77x1] {
    display: block;
    color: #7d8790;
    font-size: 8.5px;
    font-weight: 750;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.portfolio-total strong[b-xgnsef77x1] {
    display: block;
    margin-top: 4px;
    color: #17283c;
    font-size: 27px;
    font-weight: 720;
    letter-spacing: -.65px;
    font-variant-numeric: tabular-nums;
}

.portfolio-bar[b-xgnsef77x1] {
    height: 10px;
    display: flex;
    overflow: hidden;
    margin-top: 14px;
    background: #edf0f2;
    border-radius: 999px;
}

.portfolio-in-time[b-xgnsef77x1] {
    height: 100%;
    background: #65a57f;
}

.portfolio-overdue[b-xgnsef77x1] {
    height: 100%;
    background: #d65a58;
}

.portfolio-legend[b-xgnsef77x1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 13px;
}

.portfolio-legend > div[b-xgnsef77x1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-dot[b-xgnsef77x1] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
}

.legend-dot.in-time[b-xgnsef77x1] {
    background: #65a57f;
}

.legend-dot.overdue[b-xgnsef77x1] {
    background: #d65a58;
}

.portfolio-legend small[b-xgnsef77x1],
.portfolio-legend strong[b-xgnsef77x1] {
    display: block;
}

.portfolio-legend small[b-xgnsef77x1] {
    color: #89939b;
    font-size: 8.3px;
}

.portfolio-legend strong[b-xgnsef77x1] {
    margin-top: 1px;
    color: #303b45;
    font-size: 10.8px;
    font-variant-numeric: tabular-nums;
}

.portfolio-message[b-xgnsef77x1] {
    margin-top: 15px;
    padding: 10px 11px;
    color: #6f7a83;
    background: #f7f8f9;
    border-left: 3px solid #ff6500;
    border-radius: 5px;
    font-size: 9px;
}

.portfolio-message strong[b-xgnsef77x1] {
    margin-right: 4px;
    color: #24323f;
    font-size: 11.5px;
}

.full-card-action[b-xgnsef77x1] {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 13px;
    padding: 0 10px;
    color: #36414b !important;
    background: #fff;
    border: 1px solid #dfe3e6;
    border-radius: 6px;
    font-size: 9.5px;
    font-weight: 700;
    text-decoration: none !important;
}

.full-card-action:hover[b-xgnsef77x1] {
    color: #ff6500 !important;
    border-color: #ffc49d;
}

.full-card-action span[b-xgnsef77x1] {
    color: #ff6500;
}

/* =========================================================
   ANÁLISIS + AGENDA
   ========================================================= */

.analysis-grid[b-xgnsef77x1] {
    display: grid;
    grid-template-columns: minmax(0, 1.58fr) minmax(360px, .82fr);
    gap: 12px;
    margin-top: 12px;
    align-items: stretch;
}

.chart-summary[b-xgnsef77x1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 14px;
}

.chart-summary > div[b-xgnsef77x1] {
    min-width: 0;
    padding: 8px 10px;
    background: #f7f9fa;
    border: 1px solid #edf0f2;
    border-radius: 6px;
}

.chart-summary span[b-xgnsef77x1] {
    display: block;
    color: #89939b;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .25px;
    text-transform: uppercase;
}

.chart-summary strong[b-xgnsef77x1] {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #2a3540;
    font-size: 11.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bar-chart[b-xgnsef77x1] {
    height: 158px;
    display: grid;
    grid-template-columns: repeat(12, minmax(18px, 1fr));
    align-items: end;
    gap: 9px;
    margin-top: 13px;
    padding: 10px 4px 0;
    border-bottom: 1px solid #e4e8eb;
    background-image: linear-gradient(to top, transparent 49.5%, #eef1f3 50%, transparent 50.5%);
    background-size: 100% 50%;
}

.bar-column[b-xgnsef77x1] {
    height: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.bar-track[b-xgnsef77x1] {
    position: relative;
    width: min(24px, 74%);
    height: calc(100% - 18px);
}

.bar-zero[b-xgnsef77x1] {
    position: absolute;
    top: 50%;
    left: -3px;
    right: -3px;
    height: 1px;
    background: #dfe4e8;
}

.bar-value[b-xgnsef77x1] {
    position: absolute;
    left: 0;
    width: 100%;
    min-height: 4px;
    background: #f4ad7d;
    transition: height .25s ease, background-color .16s ease;
}

.bar-value.positive[b-xgnsef77x1] {
    bottom: 50%;
    border-radius: 4px 4px 1px 1px;
}

.bar-value.negative[b-xgnsef77x1] {
    top: 50%;
    background: #c77067;
    border-radius: 1px 1px 4px 4px;
}

.bar-value.zero[b-xgnsef77x1] {
    top: calc(50% - 2px);
    background: #b9c1c7;
    border-radius: 3px;
}

.bar-value.current[b-xgnsef77x1] {
    background: #ff6500;
}

.bar-value:hover[b-xgnsef77x1] {
    background: #eb8a48;
}

.bar-value.current:hover[b-xgnsef77x1] {
    background: #e75c00;
}

.bar-month[b-xgnsef77x1] {
    height: 13px;
    color: #8b959d;
    font-size: 7.3px;
    font-weight: 700;
    line-height: 13px;
}

.bar-month.current[b-xgnsef77x1] {
    color: #ff6500;
}

/* agenda */

.agenda-summary[b-xgnsef77x1] {
    min-height: 31px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 12px;
    padding: 6px 8px;
    color: #7f8991;
    background: #faf7f4;
    border-left: 2px solid #ff6500;
    border-radius: 4px;
    font-size: 8.6px;
}

.agenda-summary-label[b-xgnsef77x1] {
    color: #8d684f;
    font-weight: 750;
    text-transform: uppercase;
}

.agenda-summary strong[b-xgnsef77x1] {
    margin-left: auto;
    color: #2d3741;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}

.agenda-summary-separator[b-xgnsef77x1] {
    color: #c2a18b;
}

.upcoming-list[b-xgnsef77x1] {
    margin-top: 5px;
}

.upcoming-row[b-xgnsef77x1] {
    min-height: 43px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 4px 3px;
    color: #2d3842 !important;
    border-bottom: 1px solid #eef1f3;
    text-decoration: none !important;
}

.upcoming-row:last-child[b-xgnsef77x1] {
    border-bottom: 0;
}

.upcoming-row:hover .due-main strong[b-xgnsef77x1] {
    color: #ff6500;
}

.due-date[b-xgnsef77x1] {
    width: 31px;
    height: 31px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f1f4f6;
    border-radius: 6px;
}

.due-date strong[b-xgnsef77x1] {
    color: #2b3540;
    font-size: 11.5px;
    line-height: 1;
}

.due-date span[b-xgnsef77x1] {
    margin-top: 1px;
    color: #89939b;
    font-size: 6.4px;
    font-weight: 750;
}

.due-main[b-xgnsef77x1] {
    min-width: 0;
}

.due-main strong[b-xgnsef77x1],
.due-main span[b-xgnsef77x1] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.due-main strong[b-xgnsef77x1] {
    color: #303b45;
    font-size: 9.3px;
    transition: color .14s ease;
}

.due-main span[b-xgnsef77x1] {
    margin-top: 2px;
    color: #929ba3;
    font-size: 7.5px;
}

.due-amount[b-xgnsef77x1] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-left: 6px;
    color: #313c46;
    font-size: 9.5px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.row-arrow[b-xgnsef77x1] {
    color: #ff6500;
    font-size: 11px;
}

.empty-state[b-xgnsef77x1] {
    min-height: 117px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    color: #919aa2;
    font-size: 9.5px;
    text-align: center;
}

.empty-state.compact[b-xgnsef77x1] {
    min-height: 180px;
}

/* =========================================================
   RESPONSIVE DE ESCRITORIO
   ========================================================= */

@media (max-width: 1320px) {
    .attention-grid[b-xgnsef77x1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .attention-tile[b-xgnsef77x1] {
        min-height: 144px;
    }

    .work-items[b-xgnsef77x1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .dashboard-page[b-xgnsef77x1] {
        min-width: 900px;
    }

    .kpi-grid[b-xgnsef77x1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .priority-grid[b-xgnsef77x1],
    .analysis-grid[b-xgnsef77x1] {
        grid-template-columns: 1fr;
    }

    .attention-grid[b-xgnsef77x1] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .work-items[b-xgnsef77x1] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1020px) {
    .dashboard-header[b-xgnsef77x1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-controls[b-xgnsef77x1] {
        width: 100%;
        justify-content: flex-end;
    }

    .attention-grid[b-xgnsef77x1],
    .work-items[b-xgnsef77x1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/ImportarDevolucionesBanco.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - IMPORTAR DEVOLUCIONES DEL BANCO
   ========================================================= */

*[b-b2jaya4fcd] {
    box-sizing: border-box;
}

.bank-import-page[b-b2jaya4fcd] {
    width: 100%;
    min-width: 960px;
    padding: 27px 31px 40px;
    color: #202731;
    font-family: "Segoe UI", Arial, sans-serif;
}

/* =========================================================
   CABECERA
   ========================================================= */

.page-head[b-b2jaya4fcd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.page-heading[b-b2jaya4fcd] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

.page-heading-icon[b-b2jaya4fcd] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    margin-top: 2px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading-copy[b-b2jaya4fcd] {
    min-width: 0;
}

.page-heading h1[b-b2jaya4fcd] {
    margin: 0;
    color: #202731;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1.08;
}

.page-heading p[b-b2jaya4fcd] {
    max-width: 850px;
    margin: 7px 0 0;
    color: #6f7a83;
    font-size: 13px;
    line-height: 1.45;
}

.action-button[b-b2jaya4fcd],
.primary-button[b-b2jaya4fcd],
.file-select-button[b-b2jaya4fcd] {
    min-height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

.action-button[b-b2jaya4fcd] {
    border: 1px solid #cfd5da;
    background: #fff;
    color: #2f3a43;
}

.action-button:hover:not(:disabled)[b-b2jaya4fcd] {
    background: #f5f6f7;
    border-color: #b9c1c7;
}

.back-button[b-b2jaya4fcd] {
    flex: 0 0 auto;
    margin-top: 1px;
}

.primary-button[b-b2jaya4fcd] {
    border: 1px solid #ff6500;
    background: #ff6500;
    color: #fff;
}

.primary-button:hover:not(:disabled)[b-b2jaya4fcd] {
    background: #ee5f00;
    border-color: #ee5f00;
}

.button-icon[b-b2jaya4fcd] {
    width: 15px;
    height: 15px;
    min-width: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.action-button:disabled[b-b2jaya4fcd],
.primary-button:disabled[b-b2jaya4fcd] {
    cursor: default;
    opacity: .5;
}

/* =========================================================
   PASOS
   ========================================================= */

.steps[b-b2jaya4fcd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 15px;
}

.step[b-b2jaya4fcd] {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 13px;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    background: #f7f8f9;
    color: #8a949c;
    font-size: 12px;
}

.step strong[b-b2jaya4fcd] {
    display: grid;
    width: 25px;
    height: 25px;
    min-width: 25px;
    place-items: center;
    border-radius: 50%;
    background: #e5e9ec;
    color: #83909a;
    font-size: 11px;
    font-weight: 700;
}

.step span[b-b2jaya4fcd] {
    font-weight: 600;
}

.step.active[b-b2jaya4fcd] {
    border-color: #f0b89f;
    background: #fff8f4;
    color: #34404a;
    box-shadow: inset 3px 0 0 #ff6500;
}

.step.active strong[b-b2jaya4fcd] {
    background: #ff6500;
    color: #fff;
}

/* =========================================================
   TARJETAS
   ========================================================= */

.import-card[b-b2jaya4fcd] {
    margin-bottom: 15px;
    padding: 18px 19px;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .035);
}

.section-title[b-b2jaya4fcd] {
    margin-bottom: 4px;
    color: #202731;
    font-size: 15px;
    font-weight: 700;
}

.section-help[b-b2jaya4fcd] {
    max-width: 1000px;
    margin: 0 0 15px;
    color: #6f7a83;
    font-size: 12px;
    line-height: 1.45;
}

/* =========================================================
   SELECTOR DE FICHERO
   ========================================================= */

.file-picker[b-b2jaya4fcd] {
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 12px;
    border: 1px solid #e0e4e7;
    border-radius: 6px;
    background: #fafbfb;
}

.file-select-button[b-b2jaya4fcd] {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    border: 1px solid #ff6500;
    background: #fff;
    color: #e55b00;
}

.file-select-button:hover:not(.disabled)[b-b2jaya4fcd] {
    background: #fff5ef;
}

.file-select-button.disabled[b-b2jaya4fcd] {
    cursor: default;
    opacity: .5;
}

.file-select-button[b-b2jaya4fcd]  .file-input-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-select-button.disabled .file-select-button[b-b2jaya4fcd]  .file-input-overlay {
    cursor: default;
}

.file-selection[b-b2jaya4fcd] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.file-name[b-b2jaya4fcd] {
    max-width: 620px;
    overflow: hidden;
    color: #3f4a53;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-hint[b-b2jaya4fcd] {
    color: #8a949c;
    font-size: 10.5px;
}

/* =========================================================
   AVISOS
   ========================================================= */

.notice[b-b2jaya4fcd] {
    margin-top: 13px;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 11.5px;
    line-height: 1.4;
}

.notice.neutral[b-b2jaya4fcd] {
    border: 1px solid #dce3e8;
    background: #f4f7f9;
    color: #4f5d67;
}

.notice.error[b-b2jaya4fcd] {
    border: 1px solid #efb3aa;
    background: #fff2f0;
    color: #a12c20;
}

.notice.success[b-b2jaya4fcd] {
    border: 1px solid #b7dfc0;
    background: #f1faf3;
    color: #286538;
}

.notice.warning[b-b2jaya4fcd] {
    border: 1px solid #eed39b;
    background: #fff9eb;
    color: #735614;
}

/* =========================================================
   PREVISUALIZACION
   ========================================================= */

.summary-grid[b-b2jaya4fcd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 13px 0;
}

.summary-grid div[b-b2jaya4fcd] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid #e1e5e8;
    border-radius: 6px;
    background: #fafbfb;
}

.summary-grid span[b-b2jaya4fcd] {
    color: #87919a;
    font-size: 9.5px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .25px;
}

.summary-grid strong[b-b2jaya4fcd] {
    overflow-wrap: anywhere;
    color: #303b44;
    font-size: 12.5px;
}

.technical[b-b2jaya4fcd] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px !important;
}

.summary-grid.compact[b-b2jaya4fcd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.technical-details[b-b2jaya4fcd] {
    margin: 4px 0 13px;
    padding: 9px 11px;
    border: 1px solid #e4e8ea;
    border-radius: 6px;
    background: #fafbfb;
    color: #68737c;
    font-size: 10.5px;
}

.technical-details summary[b-b2jaya4fcd] {
    cursor: pointer;
    font-weight: 650;
}

.technical-details div[b-b2jaya4fcd] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 8px;
    margin-top: 8px;
}

.technical-details span[b-b2jaya4fcd] {
    color: #89939b;
}

.technical-details strong[b-b2jaya4fcd] {
    overflow-wrap: anywhere;
    color: #47525b;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-weight: 600;
}

.result-cards[b-b2jaya4fcd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 190px));
    gap: 10px;
    margin: 13px 0;
}

.result-card[b-b2jaya4fcd] {
    min-height: 54px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #dce1e5;
    border-radius: 6px;
    background: #fafbfb;
}

.result-card span[b-b2jaya4fcd] {
    color: #6e7982;
    font-size: 11px;
    font-weight: 600;
}

.result-card strong[b-b2jaya4fcd] {
    color: #26313a;
    font-size: 20px;
}

.result-card.good[b-b2jaya4fcd] {
    border-top: 2px solid #6ead7b;
}

.result-card.bad[b-b2jaya4fcd] {
    border-top: 2px solid #d5685d;
}

.result-card.good strong[b-b2jaya4fcd] {
    color: #2e7b43;
}

.result-card.bad strong[b-b2jaya4fcd] {
    color: #b13d31;
}

.preview-table-wrap[b-b2jaya4fcd] {
    overflow-x: auto;
    margin-top: 13px;
    border: 1px solid #dfe4e7;
    border-radius: 6px;
}

.preview-table[b-b2jaya4fcd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11.5px;
}

.preview-table th[b-b2jaya4fcd],
.preview-table td[b-b2jaya4fcd] {
    padding: 10px 11px;
    border-bottom: 1px solid #e7eaec;
    text-align: left;
    vertical-align: top;
}

.preview-table th[b-b2jaya4fcd] {
    background: #f2f4f5;
    color: #59656e;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.preview-table tbody tr:last-child td[b-b2jaya4fcd] {
    border-bottom: 0;
}

.preview-table .amount[b-b2jaya4fcd] {
    text-align: right;
    white-space: nowrap;
}

.row-detail[b-b2jaya4fcd] {
    display: block;
    max-width: 360px;
    margin-top: 3px;
    overflow: hidden;
    color: #89939b;
    font-size: 9.5px;
    text-overflow: ellipsis;
}

.status[b-b2jaya4fcd] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 700;
    white-space: nowrap;
}

.status.registrable[b-b2jaya4fcd] {
    background: #eaf6ed;
    color: #2c6e3b;
}

.status.existing[b-b2jaya4fcd] {
    background: #eef1f3;
    color: #58636c;
}

.status.missing[b-b2jaya4fcd] {
    background: #fff0ed;
    color: #a63b2e;
}

.actions[b-b2jaya4fcd] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #e6eaed;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
    .bank-import-page[b-b2jaya4fcd] {
        min-width: 0;
        padding: 20px;
    }

    .steps[b-b2jaya4fcd],
    .summary-grid[b-b2jaya4fcd],
    .result-cards[b-b2jaya4fcd] {
        grid-template-columns: 1fr;
    }

    .page-head[b-b2jaya4fcd] {
        flex-direction: column;
    }

    .file-picker[b-b2jaya4fcd] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Informes.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - INFORMES
   10E18 - PULIDO VISUAL GLOBAL DE LAS 17 VISTAS
   ========================================================= */

*[b-ndnghu74fy] {
    box-sizing: border-box;
}

.informes-page[b-ndnghu74fy] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-width: 1120px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}

.page-toolbar[b-ndnghu74fy] {
    flex: 0 0 auto;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.page-heading[b-ndnghu74fy] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.page-heading-icon[b-ndnghu74fy] {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    fill: none;
    stroke: #ff5a2b;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading-copy[b-ndnghu74fy] {
    min-width: 0;
}

.page-heading h1[b-ndnghu74fy] {
    margin: 0;
    color: #202731;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1;
}

.page-heading span[b-ndnghu74fy] {
    display: block;
    margin-top: 5px;
    color: #7a858e;
    font-size: 11px;
}

.toolbar-spacer[b-ndnghu74fy] {
    flex: 1 1 auto;
}

.action-button[b-ndnghu74fy],
.apply-button[b-ndnghu74fy] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
    white-space: nowrap;
}

.button-icon[b-ndnghu74fy] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.action-button[b-ndnghu74fy] {
    background: #fff;
    color: #29343e;
    border: 1px solid #d0d5da;
}

.action-button:hover:not(:disabled)[b-ndnghu74fy] {
    background: #f5f6f7;
    border-color: #bbc2c8;
}

.apply-button[b-ndnghu74fy] {
    align-self: end;
    min-width: 84px;
    color: #fff;
    background: #ff6500;
    border: 1px solid #ff6500;
}

.apply-button:hover:not(:disabled)[b-ndnghu74fy] {
    background: #e85c00;
    border-color: #e85c00;
}

.action-button:disabled[b-ndnghu74fy],
.apply-button:disabled[b-ndnghu74fy] {
    opacity: .45;
    cursor: default;
}

.informes-error[b-ndnghu74fy] {
    flex: 0 0 auto;
    padding: 10px 12px;
    color: #9c2f28;
    background: #fff3f1;
    border: 1px solid #edc4c0;
    border-radius: 5px;
    font-size: 12px;
}

.report-card[b-ndnghu74fy],
.results-card[b-ndnghu74fy] {
    background: #fff;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}

.report-card[b-ndnghu74fy] {
    flex: 0 0 auto;
    padding: 14px 15px 15px;
}


/* Navegación en dos niveles: categoría + informe.
   Las acciones de exportación se añadirán en el siguiente paso sin volver
   a cargar la cabecera con todos los informes a la vez. */
.report-navigation[b-ndnghu74fy] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 11px;
    margin-bottom: 11px;
    border-bottom: 1px solid #e8ecef;
}

.report-category-switch[b-ndnghu74fy] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    background: #eef1f3;
    border: 1px solid #d9dfe3;
    border-radius: 7px;
}

.report-category-button[b-ndnghu74fy] {
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    color: #59656f;
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.report-category-button:hover:not(:disabled):not(.active)[b-ndnghu74fy] {
    color: #26313a;
    background: #fff;
}

.report-category-button.active[b-ndnghu74fy] {
    color: #fff;
    background: #26313a;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .12);
}

.report-category-button:disabled[b-ndnghu74fy] {
    opacity: .5;
    cursor: default;
}

.report-subnav[b-ndnghu74fy] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 4px;
}

.report-subnav-button[b-ndnghu74fy] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    color: #65717b;
    background: #f7f8f9;
    border: 1px solid #e0e5e8;
    border-radius: 5px;
    font-family: inherit;
    font-size: 10.25px;
    font-weight: 650;
    cursor: pointer;
    white-space: nowrap;
}

.report-subnav-button:hover:not(:disabled):not(.active)[b-ndnghu74fy] {
    color: #313d46;
    background: #fff;
    border-color: #cfd6db;
}

.report-subnav-button.active[b-ndnghu74fy] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.report-subnav-button:disabled[b-ndnghu74fy] {
    opacity: .5;
    cursor: default;
}

.report-heading-compact[b-ndnghu74fy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.report-heading-compact > div:first-child[b-ndnghu74fy] {
    min-width: 0;
    flex: 1 1 auto;
}

.report-category-caption[b-ndnghu74fy] {
    margin-bottom: 3px;
    color: #ff6500;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .45px;
    text-transform: uppercase;
}

.report-heading h2[b-ndnghu74fy] {
    margin: 0;
    color: #26313a;
    font-size: 15px;
    font-weight: 700;
}

.report-heading p[b-ndnghu74fy] {
    margin: 4px 0 0;
    max-width: 900px;
    color: #7b8790;
    font-size: 10.5px;
    line-height: 1.45;
}

.report-actions[b-ndnghu74fy] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding-top: 1px;
}

.report-actions-label[b-ndnghu74fy] {
    color: #89939b;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.export-button[b-ndnghu74fy] {
    height: 32px;
    min-width: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    color: #26313a;
    background: #fff;
    border: 1px solid #cfd6db;
    border-radius: 5px;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 750;
    cursor: pointer;
}

.export-button:hover:not(:disabled)[b-ndnghu74fy] {
    color: #26313a;
    background: #f5f6f7;
    border-color: #bbc2c8;
}

.export-icon[b-ndnghu74fy] {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
}

.export-button:disabled[b-ndnghu74fy] {
    opacity: .45;
    cursor: default;
}

.filters-row[b-ndnghu74fy] {
    display: flex;
    align-items: end;
    gap: 10px;
    margin-top: 12px;
}

.filter-field[b-ndnghu74fy] {
    width: 165px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-field span[b-ndnghu74fy] {
    color: #68747e;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.filter-field input[b-ndnghu74fy] {
    height: 38px;
    padding: 0 9px;
    color: #303b45;
    background: #fff;
    border: 1px solid #ccd2d7;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11px;
    outline: 0;
}

.filter-field input:focus[b-ndnghu74fy] {
    border-color: #ff6500;
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .10);
}

.period-caption[b-ndnghu74fy] {
    align-self: end;
    min-height: 38px;
    display: flex;
    align-items: center;
    padding-left: 4px;
    color: #7a858e;
    font-size: 10.5px;
}

.summary-grid[b-ndnghu74fy] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.summary-card[b-ndnghu74fy] {
    min-height: 82px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}

.summary-card.total[b-ndnghu74fy] {
    border-left: 3px solid #ff6500;
}

.summary-card span[b-ndnghu74fy] {
    color: #69757f;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .25px;
}

.summary-card strong[b-ndnghu74fy] {
    margin-top: 5px;
    color: #202a33;
    font-size: 20px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.summary-card small[b-ndnghu74fy] {
    margin-top: 3px;
    color: #929ba3;
    font-size: 9.5px;
}

.summary-card.retention strong[b-ndnghu74fy] {
    color: #8b5b25;
}

.summary-card.count strong[b-ndnghu74fy] {
    color: #ff6500;
}

.results-card[b-ndnghu74fy] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.list-toolbar[b-ndnghu74fy] {
    flex: 0 0 auto;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px 8px 15px;
    border-bottom: 1px solid #e1e5e8;
}

.list-title[b-ndnghu74fy] {
    color: #26313a;
    font-size: 14px;
    font-weight: 700;
}

.list-subtitle[b-ndnghu74fy] {
    margin-top: 2px;
    color: #89939c;
    font-size: 10px;
}

.page-size-control[b-ndnghu74fy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #69757f;
    font-size: 10px;
    white-space: nowrap;
}

.page-size-select[b-ndnghu74fy] {
    height: 31px;
    min-width: 62px;
    padding: 0 7px;
    color: #38434d;
    background: #fff;
    border: 1px solid #ccd2d7;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    outline: 0;
}

.table-container[b-ndnghu74fy] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
}

.informes-table[b-ndnghu74fy] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11px;
}

.informes-table th[b-ndnghu74fy] {
    position: sticky;
    top: 0;
    z-index: 1;
    height: 36px;
    padding: 0 10px;
    text-align: left;
    color: #68747e;
    background: #f6f7f8;
    border-bottom: 1px solid #dce1e5;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.informes-table td[b-ndnghu74fy] {
    height: 46px;
    padding: 6px 10px;
    overflow: hidden;
    color: #33404a;
    border-bottom: 1px solid #edf0f2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.period-table th:nth-child(1)[b-ndnghu74fy] { width: 92px; }
.period-table th:nth-child(2)[b-ndnghu74fy] { width: 115px; }
.period-table th:nth-child(3)[b-ndnghu74fy] { width: 230px; }
.period-table th:nth-child(4)[b-ndnghu74fy] { width: 110px; }
.period-table th:nth-child(5)[b-ndnghu74fy] { width: 105px; }
.period-table th:nth-child(6)[b-ndnghu74fy] { width: 105px; }
.period-table th:nth-child(7)[b-ndnghu74fy] { width: 115px; }
.period-table th:nth-child(8)[b-ndnghu74fy] { width: 95px; }
.period-table th:nth-child(9)[b-ndnghu74fy] { width: 44px; }

.informes-table .importe[b-ndnghu74fy] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.report-row[b-ndnghu74fy] {
    cursor: pointer;
}

.report-row:hover td[b-ndnghu74fy] {
    background: #fff8f3;
}

.invoice-number[b-ndnghu74fy],
.client-cell strong[b-ndnghu74fy] {
    color: #26313a;
    font-weight: 650;
}

.client-cell[b-ndnghu74fy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
}

.client-cell strong[b-ndnghu74fy],
.client-cell span[b-ndnghu74fy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-cell span[b-ndnghu74fy] {
    color: #8a949c;
    font-size: 10px;
}

.total-cell[b-ndnghu74fy] {
    color: #202a33 !important;
    font-weight: 700;
}

.status-pill[b-ndnghu74fy] {
    display: inline-flex;
    min-width: 67px;
    height: 23px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 700;
}

.status-pill.pending[b-ndnghu74fy] {
    color: #8a5c17;
    background: #fff4d9;
}

.status-pill.partial[b-ndnghu74fy] {
    color: #8b4d24;
    background: #fff0e5;
}

.status-pill.paid[b-ndnghu74fy] {
    color: #2f6e48;
    background: #e9f6ee;
}

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

.open-button[b-ndnghu74fy] {
    width: 29px;
    height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #5b6670;
    background: #fff;
    border: 1px solid #d3d9de;
    border-radius: 4px;
    font-family: inherit;
    cursor: pointer;
}

.chevron-icon[b-ndnghu74fy] {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.open-button:hover[b-ndnghu74fy] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}


.informes-table .numero[b-ndnghu74fy] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.client-report-table th:nth-child(1)[b-ndnghu74fy] { width: 31%; }
.client-report-table th:nth-child(2)[b-ndnghu74fy] { width: 15%; }
.client-report-table th:nth-child(3)[b-ndnghu74fy] { width: 10%; }
.client-report-table th:nth-child(4)[b-ndnghu74fy] { width: 11%; }
.client-report-table th:nth-child(5)[b-ndnghu74fy] { width: 10%; }
.client-report-table th:nth-child(6)[b-ndnghu74fy] { width: 10%; }
.client-report-table th:nth-child(7)[b-ndnghu74fy] { width: 13%; }

.client-report-name[b-ndnghu74fy] {
    color: #26313a;
    font-weight: 650;
}

.product-report-table th:nth-child(1)[b-ndnghu74fy] { width: 11%; }
.product-report-table th:nth-child(2)[b-ndnghu74fy] { width: 24%; }
.product-report-table th:nth-child(3)[b-ndnghu74fy] { width: 8%; }
.product-report-table th:nth-child(4)[b-ndnghu74fy] { width: 8%; }
.product-report-table th:nth-child(5)[b-ndnghu74fy] { width: 9%; }
.product-report-table th:nth-child(6)[b-ndnghu74fy] { width: 10%; }
.product-report-table th:nth-child(7)[b-ndnghu74fy] { width: 9%; }
.product-report-table th:nth-child(8)[b-ndnghu74fy] { width: 9%; }
.product-report-table th:nth-child(9)[b-ndnghu74fy] { width: 12%; }

.product-code[b-ndnghu74fy],
.product-cell strong[b-ndnghu74fy] {
    color: #26313a;
    font-weight: 650;
}

.product-cell[b-ndnghu74fy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
}

.product-cell strong[b-ndnghu74fy],
.product-cell span[b-ndnghu74fy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-cell span[b-ndnghu74fy] {
    color: #8a949c;
    font-size: 9.5px;
}

.historical-note[b-ndnghu74fy] {
    flex: 0 0 auto;
    padding: 8px 15px;
    color: #747f88;
    background: #fafbfc;
    border-bottom: 1px solid #e8ebed;
    font-size: 9.5px;
    line-height: 1.45;
}

.empty-row[b-ndnghu74fy] {
    height: 84px !important;
    text-align: center;
    color: #89939c !important;
    font-size: 11px;
}

.pagination-bar[b-ndnghu74fy] {
    flex: 0 0 auto;
    min-height: 44px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 7px 12px 7px 15px;
    background: #fff;
    border-top: 1px solid #e1e5e8;
}

.pagination-info[b-ndnghu74fy] {
    grid-column: 1;
    justify-self: start;
    color: #7b8790;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}

.pagination-actions[b-ndnghu74fy] {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-button[b-ndnghu74fy] {
    min-width: 29px;
    height: 29px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4c5963;
    background: #fff;
    border: 1px solid #d3d9de;
    border-radius: 4px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 650;
    cursor: pointer;
}

.page-button:hover:not(:disabled):not(.active)[b-ndnghu74fy] {
    background: #f5f6f7;
    border-color: #bbc3c9;
}

.page-button.active[b-ndnghu74fy] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.page-button.nav[b-ndnghu74fy] {
    padding: 0;
}

.pagination-icon[b-ndnghu74fy] {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-button:disabled[b-ndnghu74fy] {
    opacity: .4;
    cursor: default;
}

/* =========================================================
   9L2A - CARTERA PENDIENTE
   ========================================================= */

.current-state-caption[b-ndnghu74fy] {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    padding: 0 12px;
    color: #747f88;
    background: #f8f9fa;
    border: 1px solid #e1e5e8;
    border-radius: 5px;
    font-size: 10.5px;
}

.current-state-caption strong[b-ndnghu74fy] {
    color: #2b3740;
    font-size: 11px;
}

.current-state-caption span + span[b-ndnghu74fy] {
    margin-left: auto;
    color: #929ba3;
}

.summary-card.overdue-summary[b-ndnghu74fy] {
    border-left: 3px solid #c74a3d;
}

.summary-card.overdue-summary strong[b-ndnghu74fy] {
    color: #a63c32;
}

.status-pill.overdue[b-ndnghu74fy] {
    color: #9b352c;
    background: #fbe8e6;
}

.pending-report-table th:nth-child(1)[b-ndnghu74fy] { width: 125px; }
.pending-report-table th:nth-child(2)[b-ndnghu74fy] { width: 95px; }
.pending-report-table th:nth-child(3)[b-ndnghu74fy] { width: 145px; }
.pending-report-table th:nth-child(4)[b-ndnghu74fy] { width: 245px; }
.pending-report-table th:nth-child(5)[b-ndnghu74fy] { width: 210px; }
.pending-report-table th:nth-child(6)[b-ndnghu74fy] { width: 125px; }
.pending-report-table th:nth-child(7)[b-ndnghu74fy] { width: 44px; }

.due-date-cell[b-ndnghu74fy],
.invoice-cell[b-ndnghu74fy],
.payment-cell[b-ndnghu74fy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
}

.due-date-cell strong[b-ndnghu74fy],
.invoice-cell strong[b-ndnghu74fy],
.payment-cell strong[b-ndnghu74fy] {
    overflow: hidden;
    color: #26313a;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.due-date-cell span[b-ndnghu74fy],
.invoice-cell span[b-ndnghu74fy],
.payment-cell span[b-ndnghu74fy] {
    overflow: hidden;
    color: #8a949c;
    font-size: 9.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 9L7A1 - Aging de deuda: anchos propios para sus 8 columnas.
   No reutilizar pending-report-table: su 7a columna mide 44px (acciones). */
/* 9L7D - cartera pendiente agrupada por cliente. */
.cartera-client-report-table th:nth-child(1)[b-ndnghu74fy] { width: 36%; }
.cartera-client-report-table th:nth-child(2)[b-ndnghu74fy] { width: 10%; }
.cartera-client-report-table th:nth-child(3)[b-ndnghu74fy] { width: 12%; }
.cartera-client-report-table th:nth-child(4)[b-ndnghu74fy] { width: 14%; }
.cartera-client-report-table th:nth-child(5)[b-ndnghu74fy] { width: 14%; }
.cartera-client-report-table th:nth-child(6)[b-ndnghu74fy] { width: 14%; }

.cartera-client-report-table th[b-ndnghu74fy] {
    white-space: nowrap;
}

.aging-report-table th:nth-child(1)[b-ndnghu74fy] { width: 30%; }
.aging-report-table th:nth-child(2)[b-ndnghu74fy] { width: 8%; }
.aging-report-table th:nth-child(3)[b-ndnghu74fy] { width: 10%; }
.aging-report-table th:nth-child(4)[b-ndnghu74fy] { width: 10%; }
.aging-report-table th:nth-child(5)[b-ndnghu74fy] { width: 10%; }
.aging-report-table th:nth-child(6)[b-ndnghu74fy] { width: 10%; }
.aging-report-table th:nth-child(7)[b-ndnghu74fy] { width: 10%; }
.aging-report-table th:nth-child(8)[b-ndnghu74fy] { width: 12%; }

.aging-report-table th[b-ndnghu74fy] {
    white-space: nowrap;
}



/* 9L7B - Previsión de tesorería: tabla mensual de cobros previstos. */
.forecast-report-table th:nth-child(1)[b-ndnghu74fy] { width: 22%; }
.forecast-report-table th:nth-child(2)[b-ndnghu74fy] { width: 12%; }
.forecast-report-table th:nth-child(3)[b-ndnghu74fy] { width: 12%; }
.forecast-report-table th:nth-child(4)[b-ndnghu74fy] { width: 18%; }
.forecast-report-table th:nth-child(5)[b-ndnghu74fy] { width: 18%; }
.forecast-report-table th:nth-child(6)[b-ndnghu74fy] { width: 18%; }

.forecast-report-table th[b-ndnghu74fy] {
    white-space: nowrap;
}


/* 9L7C - Previsión SEPA: grupos PmtInf pendientes según fecha solicitada de cargo. */
.sepa-forecast-report-table th:nth-child(1)[b-ndnghu74fy] { width: 115px; }
.sepa-forecast-report-table th:nth-child(2)[b-ndnghu74fy] { width: 110px; }
.sepa-forecast-report-table th:nth-child(3)[b-ndnghu74fy] { width: 125px; }
.sepa-forecast-report-table th:nth-child(4)[b-ndnghu74fy] { width: 190px; }
.sepa-forecast-report-table th:nth-child(5)[b-ndnghu74fy] { width: 190px; }
.sepa-forecast-report-table th:nth-child(6)[b-ndnghu74fy] { width: 75px; }
.sepa-forecast-report-table th:nth-child(7)[b-ndnghu74fy] { width: 75px; }
.sepa-forecast-report-table th:nth-child(8)[b-ndnghu74fy] { width: 115px; }
.sepa-forecast-report-table th:nth-child(9)[b-ndnghu74fy] { width: 44px; }

.sepa-forecast-report-table th[b-ndnghu74fy] {
    white-space: nowrap;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-card[b-fv36mv72ob] {
    width: min(440px, 100%);
    padding: 34px 36px 30px;
    background: #ffffff;
    border: 1px solid #dfe3e7;
    border-radius: 10px;
    box-shadow: 0 18px 55px rgba(31, 42, 51, .12);
}

.login-heading[b-fv36mv72ob] {
    margin-bottom: 25px;
}

.login-kicker[b-fv36mv72ob] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: #ff6500;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
}

.login-kicker-icon[b-fv36mv72ob] {
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 15px;
}

.login-kicker-icon svg[b-fv36mv72ob],
.login-submit-icon svg[b-fv36mv72ob],
.password-toggle svg[b-fv36mv72ob] {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-company[b-fv36mv72ob] {
    margin-bottom: 13px;
    color: #303a44;
    font-size: 15px;
    font-weight: 700;
}

.login-heading h1[b-fv36mv72ob] {
    margin: 0 0 8px;
    color: #1f2932;
    font-size: 27px;
    font-weight: 700;
}

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

.login-alert[b-fv36mv72ob] {
    margin-bottom: 18px;
    padding: 11px 13px;
    background: #fff1f1;
    color: #a53030;
    border: 1px solid #efc8c8;
    border-radius: 6px;
    font-size: 13px;
}

.login-form[b-fv36mv72ob] {
    display: grid;
    gap: 17px;
}

.login-field[b-fv36mv72ob] {
    display: grid;
    gap: 7px;
}

.login-field label[b-fv36mv72ob] {
    color: #37414a;
    font-size: 13px;
    font-weight: 600;
}

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

.login-field input[b-fv36mv72ob] {
    width: 100%;
    height: 43px;
    padding: 0 12px;
    border: 1px solid #ccd2d8;
    border-radius: 5px;
    outline: none;
    color: #252e36;
    background: #fff;
    font: inherit;
    font-size: 14px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.login-input-wrap input[b-fv36mv72ob] {
    padding-right: 46px;
}

.login-field input:focus[b-fv36mv72ob] {
    border-color: #ff6500;
    box-shadow: 0 0 0 3px rgba(255, 101, 0, .11);
}

/* Mantiene el aspecto de YGFacturas cuando Chrome rellena usuario y contraseña. */
.login-field input:-webkit-autofill[b-fv36mv72ob],
.login-field input:-webkit-autofill:hover[b-fv36mv72ob],
.login-field input:-webkit-autofill:focus[b-fv36mv72ob],
.login-field input:-webkit-autofill:active[b-fv36mv72ob] {
    -webkit-text-fill-color: #252e36;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    box-shadow: 0 0 0 1000px #ffffff inset;
    caret-color: #252e36;
}

.password-toggle[b-fv36mv72ob] {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 32px;
    height: 32px;
    padding: 7px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #7a858e;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.password-toggle:hover[b-fv36mv72ob] {
    color: #ff6500;
    background: #fff4ed;
}

.password-toggle:focus-visible[b-fv36mv72ob] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .18);
}

.password-toggle-hide[b-fv36mv72ob] {
    display: none;
}

.password-toggle.is-visible .password-toggle-show[b-fv36mv72ob] {
    display: none;
}

.password-toggle.is-visible .password-toggle-hide[b-fv36mv72ob] {
    display: block;
}

.login-submit[b-fv36mv72ob] {
    height: 44px;
    margin-top: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 5px;
    background: #ff6500;
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

.login-submit:hover[b-fv36mv72ob] {
    background: #ed5e00;
}

.login-submit:focus-visible[b-fv36mv72ob] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 101, 0, .20);
}

.login-submit:active[b-fv36mv72ob] {
    transform: translateY(1px);
}

.login-submit-icon[b-fv36mv72ob] {
    width: 16px;
    height: 16px;
    display: inline-flex;
    flex: 0 0 16px;
}

.login-note[b-fv36mv72ob] {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #eceff1;
    color: #8a929a;
    font-size: 11.5px;
    line-height: 1.5;
}

@media (max-width: 560px) {
    .login-card[b-fv36mv72ob] {
        padding: 29px 24px 26px;
    }

    .login-heading h1[b-fv36mv72ob] {
        font-size: 24px;
    }
}
/* /Components/Pages/Presupuestos.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - PRESUPUESTOS
   ========================================================= */

*[b-7j21aog8pn] {
    box-sizing: border-box;
}


.presupuestos-page[b-7j21aog8pn] {
    width: 100%;
    height: 100%;
    min-width: 1050px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}


/* =========================================================
   BARRA SUPERIOR
   ========================================================= */

.page-toolbar[b-7j21aog8pn] {
    flex: 0 0 auto;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 13px;
}


.page-heading[b-7j21aog8pn] {
    flex: 0 0 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 7px;
}

.page-heading-icon[b-7j21aog8pn] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


    .page-heading h1[b-7j21aog8pn] {
        margin: 0;
        color: #202731;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -.5px;
        line-height: 1;
        white-space: nowrap;
    }


.toolbar-actions[b-7j21aog8pn] {
    display: flex;
    align-items: center;
    gap: 7px;
}


.toolbar-divider[b-7j21aog8pn] {
    width: 1px;
    height: 30px;
    margin: 0 4px;
    background: #cfd5da;
}


.action-button[b-7j21aog8pn] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    background: #ffffff;
    color: #29343e;
    border: 1px solid #d0d5da;
    border-radius: 6px;
    font-family: inherit;
    font-size: 11.75px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background .12s ease, border-color .12s ease;
}


    .action-button:hover:not(:disabled)[b-7j21aog8pn] {
        background: #f5f6f7;
        border-color: #bbc2c8;
    }


    .action-button.primary[b-7j21aog8pn] {
        background: #ff6500;
        color: #ffffff;
        border-color: #ff6500;
    }


        .action-button.primary:hover:not(:disabled)[b-7j21aog8pn] {
            background: #ed5e00;
        }


    .action-button.danger[b-7j21aog8pn] {
        color: #d73e32;
    }


        .action-button.danger:hover:not(:disabled)[b-7j21aog8pn] {
            background: #fff5f4;
            border-color: #e2aaa5;
        }


    .action-button:disabled[b-7j21aog8pn] {
        opacity: .4;
        cursor: default;
    }


.button-icon[b-7j21aog8pn] {
    width: 17px;
    height: 17px;
    min-width: 17px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.inline-button-icon[b-7j21aog8pn] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -3px;
}


.toolbar-spacer[b-7j21aog8pn] {
    flex: 1;
}


/* =========================================================
   BUSCADOR
   ========================================================= */

.toolbar-search[b-7j21aog8pn] {
    width: 276px;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    background: #ffffff;
    border: 1px solid #d3d8dd;
    border-radius: 6px;
}


.search-icon[b-7j21aog8pn] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: #6f7a84;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.toolbar-search input[b-7j21aog8pn] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #303944;
    font-family: inherit;
    font-size: 11.5px;
}


/* =========================================================
   WORKSPACE
   ========================================================= */

.presupuestos-workspace[b-7j21aog8pn] {
    flex: 1;
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(350px, 30%) minmax(0, 70%);
    gap: 14px;
    overflow: hidden;
}


/* =========================================================
   TARJETAS
   ========================================================= */

.presupuestos-list-card[b-7j21aog8pn],
.presupuesto-detail-card[b-7j21aog8pn] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #d9dee2;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(20, 30, 40, .035);
}


/* =========================================================
   LISTADO
   ========================================================= */

.list-toolbar[b-7j21aog8pn] {
    height: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: #fbfcfd;
    border-bottom: 1px solid #e1e5e8;
}


.list-title[b-7j21aog8pn] {
    color: #26313a;
    font-size: 14.5px;
    font-weight: 700;
}


.list-filter[b-7j21aog8pn] {
    height: 31px;
    padding: 0 25px 0 9px;
    background: #ffffff;
    color: #4c5660;
    border: 1px solid #d2d7dc;
    border-radius: 5px;
    outline: 0;
    font-family: inherit;
    font-size: 11px;
}


/* =========================================================
   LEYENDA DE ESTADOS
   ========================================================= */

.status-legend[b-7j21aog8pn] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 11px;
    min-height: 37px;
    padding: 6px 11px;
    background: #ffffff;
    border-bottom: 1px solid #e5e8eb;
}


.legend-item[b-7j21aog8pn] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #68727c;
    font-size: 9.25px;
    white-space: nowrap;
}


.status-dot[b-7j21aog8pn] {
    width: 8px;
    height: 8px;
    display: inline-block;
    flex: 0 0 8px;
    border-radius: 50%;
}


    .status-dot.borrador[b-7j21aog8pn] {
        background: #89929a;
    }


    .status-dot.enviado[b-7j21aog8pn] {
        background: #4185c6;
    }


    .status-dot.aceptado[b-7j21aog8pn] {
        background: #3a9b51;
    }


    .status-dot.rechazado[b-7j21aog8pn] {
        background: #cf5148;
    }


    .status-dot.facturado[b-7j21aog8pn] {
        background: #7952a1;
    }


.budget-number-with-state[b-7j21aog8pn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}


/* =========================================================
   TABLA LISTADO PRESUPUESTOS
   ========================================================= */

.table-container[b-7j21aog8pn] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}


.presupuestos-table[b-7j21aog8pn] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11.5px;
}


    .presupuestos-table thead[b-7j21aog8pn] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #eef1f3;
    }


    .presupuestos-table th[b-7j21aog8pn] {
        height: 40px;
        padding: 0 8px;
        text-align: left;
        color: #4b5560;
        border-bottom: 1px solid #d7dce0;
        font-size: 11px;
        font-weight: 600;
    }


    .presupuestos-table td[b-7j21aog8pn] {
        height: 40px;
        padding: 0 8px;
        color: #303a44;
        border-bottom: 1px solid #e6e9ec;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


        .presupuestos-table th:nth-child(1)[b-7j21aog8pn],
        .presupuestos-table td:nth-child(1)[b-7j21aog8pn] {
            width: 22%;
        }


        .presupuestos-table th:nth-child(2)[b-7j21aog8pn],
        .presupuestos-table td:nth-child(2)[b-7j21aog8pn] {
            width: 23%;
        }


        .presupuestos-table th:nth-child(3)[b-7j21aog8pn],
        .presupuestos-table td:nth-child(3)[b-7j21aog8pn] {
            width: 35%;
        }


        .presupuestos-table th:nth-child(4)[b-7j21aog8pn],
        .presupuestos-table td:nth-child(4)[b-7j21aog8pn] {
            width: 20%;
            text-align: right;
        }


    .presupuestos-table tbody tr[b-7j21aog8pn] {
        cursor: pointer;
    }


        .presupuestos-table tbody tr:hover[b-7j21aog8pn] {
            background: #fff8f3;
        }


        .presupuestos-table tbody tr.selected[b-7j21aog8pn] {
            background: #fff0e5;
            box-shadow: inset 3px 0 0 #ff6500;
        }


.numero-lista[b-7j21aog8pn],
.cliente-lista[b-7j21aog8pn],
.importe-lista[b-7j21aog8pn] {
    font-weight: 600;
}


/* =========================================================
   PAGINACIÓN
   ========================================================= */

.pagination-bar[b-7j21aog8pn] {
    min-height: 46px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 6px 10px;
    background: #fbfcfd;
    border-top: 1px solid #e1e5e8;
}

.pagination-range[b-7j21aog8pn] {
    grid-column: 1;
    justify-self: start;
    color: #7a858f;
    font-size: 11px;
    white-space: nowrap;
}

.pagination-right[b-7j21aog8pn] {
    display: contents;
}

.pagination-actions[b-7j21aog8pn] {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-button[b-7j21aog8pn] {
    min-width: 31px;
    height: 31px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #45515b;
    background: #fff;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
}

.page-button:hover:not(:disabled)[b-7j21aog8pn],
.page-button.active[b-7j21aog8pn] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.page-button:disabled[b-7j21aog8pn] {
    opacity: .35;
    cursor: default;
}

.pagination-info[b-7j21aog8pn] {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #747e87;
    font-size: 11px;
    white-space: nowrap;
}

.pagination-info select[b-7j21aog8pn] {
    height: 29px;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    background: #fff;
    font-size: 11px;
}

/* =========================================================
   CABECERA DOCUMENTO
   ========================================================= */

.detail-header[b-7j21aog8pn] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 18px;
    border-bottom: 1px solid #e3e6e9;
}


.document-title h2[b-7j21aog8pn] {
    margin: 0;
    color: #202731;
    font-size: 19px;
    font-weight: 700;
}


.detail-statuses[b-7j21aog8pn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}


.estado-entrega[b-7j21aog8pn] {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 9.75px;
    font-weight: 650;
    white-space: nowrap;
}


    .estado-entrega.sin-entregar[b-7j21aog8pn] {
        background: #eceeef;
        color: #646e77;
    }


    .estado-entrega.parcial[b-7j21aog8pn] {
        background: #fff0d8;
        color: #8a5a13;
    }


    .estado-entrega.completa[b-7j21aog8pn] {
        background: #d9f2dc;
        color: #267238;
    }


/* =========================================================
   ESTADO DOCUMENTO
   ========================================================= */

.estado-presupuesto[b-7j21aog8pn] {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 9.75px;
    font-weight: 600;
}


    .estado-presupuesto.borrador[b-7j21aog8pn] {
        background: #eceeef;
        color: #646e77;
    }


    .estado-presupuesto.enviado[b-7j21aog8pn] {
        background: #e5effc;
        color: #2b6198;
    }


    .estado-presupuesto.aceptado[b-7j21aog8pn] {
        background: #d9f2dc;
        color: #267238;
    }


    .estado-presupuesto.rechazado[b-7j21aog8pn] {
        background: #fce6e5;
        color: #9a3932;
    }


    .estado-presupuesto.facturado[b-7j21aog8pn] {
        background: #eee5f8;
        color: #68458a;
    }


/* =========================================================
   DATOS DOCUMENTO
   ========================================================= */

.document-data[b-7j21aog8pn] {
    flex: 0 0 auto;
    padding: 11px 15px;
    background: #fbfcfd;
    border-bottom: 1px solid #e1e5e8;
}


.document-grid[b-7j21aog8pn] {
    display: grid;
    grid-template-columns: 90px 135px 130px minmax(220px, 1fr) minmax(190px, .8fr);
    gap: 7px 10px;
}


.numero-field[b-7j21aog8pn] {
    grid-column: 1;
}


.fecha-field[b-7j21aog8pn] {
    grid-column: 2;
}


.estado-field[b-7j21aog8pn] {
    grid-column: 3;
}


.cliente-field[b-7j21aog8pn] {
    grid-column: 4;
}


.forma-pago-field[b-7j21aog8pn] {
    grid-column: 5;
}


.concepto-field[b-7j21aog8pn] {
    grid-column: 1 / 4;
}


.observaciones-field[b-7j21aog8pn] {
    grid-column: 4 / 6;
}


/* =========================================================
   CAMPOS GENERALES
   ========================================================= */

.field[b-7j21aog8pn] {
    min-width: 0;
}


    .field label[b-7j21aog8pn] {
        display: block;
        margin-bottom: 3px;
        color: #65707a;
        font-size: 10px;
        font-weight: 500;
    }


    .field input[b-7j21aog8pn],
    .field select[b-7j21aog8pn] {
        width: 100%;
        height: 33px;
        padding: 0 9px;
        background: #ffffff;
        color: #303a44;
        border: 1px solid #ccd3d9;
        border-radius: 4px;
        outline: 0;
        font-family: inherit;
        font-size: 10.75px;
    }


        .field input:focus[b-7j21aog8pn],
        .field select:focus[b-7j21aog8pn] {
            border-color: #ff6500;
            box-shadow: 0 0 0 3px rgba(255, 101, 0, .10);
        }


        .field input:disabled[b-7j21aog8pn],
        .field select:disabled[b-7j21aog8pn] {
            background: #f3f5f6;
            color: #555f68;
            opacity: 1;
        }


/* =========================================================
   TOOLBAR LÍNEAS
   ========================================================= */

.lineas-toolbar[b-7j21aog8pn] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 13px;
    background: #ffffff;
    border-bottom: 1px solid #e0e4e8;
}


.lineas-title[b-7j21aog8pn] {
    color: #343e48;
    font-size: 13.5px;
    font-weight: 700;
}


.lineas-count[b-7j21aog8pn] {
    margin-left: 8px;
    color: #8a929a;
    font-size: 10.5px;
}


.add-line-button[b-7j21aog8pn] {
    height: 33px;
    padding: 0 12px;
    background: #ff6500;
    color: #ffffff;
    border: 1px solid #ff6500;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}


    .add-line-button:hover:not(:disabled)[b-7j21aog8pn] {
        background: #ed5e00;
    }


    .add-line-button:disabled[b-7j21aog8pn] {
        opacity: .4;
        cursor: default;
    }


/* =========================================================
   TABLA LÍNEAS
   ========================================================= */

.lineas-container[b-7j21aog8pn] {
    flex: 1;
    min-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
}


.lineas-table[b-7j21aog8pn] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11.25px;
}


    .lineas-table thead[b-7j21aog8pn] {
        position: sticky;
        top: 0;
        z-index: 3;
        background: #eef1f3;
    }


    .lineas-table th[b-7j21aog8pn] {
        height: 40px;
        padding: 0 5px;
        text-align: left;
        color: #46515b;
        border-bottom: 1px solid #d3d9dd;
        font-size: 10.5px;
        font-weight: 650;
        white-space: nowrap;
    }


    .lineas-table td[b-7j21aog8pn] {
        height: 42px;
        padding: 4px 5px;
        color: #29343e;
        border-bottom: 1px solid #e7eaed;
        vertical-align: middle;
        overflow: hidden;
        font-size: 11.25px;
    }


/* =========================================================
   ANCHOS DE COLUMNAS
   ========================================================= */

.col-orden[b-7j21aog8pn] {
    width: 28px;
}


.col-articulo[b-7j21aog8pn] {
    width: 14%;
}


.col-descripcion[b-7j21aog8pn] {
    width: 27%;
}


.col-cantidad[b-7j21aog8pn] {
    width: 7.5%;
}


.col-precio[b-7j21aog8pn] {
    width: 9%;
}


.col-dto[b-7j21aog8pn] {
    width: 6.5%;
}


.col-iva[b-7j21aog8pn] {
    width: 6.5%;
}


.col-irpf[b-7j21aog8pn] {
    width: 6.5%;
}


.col-total[b-7j21aog8pn] {
    width: 10%;
    text-align: right !important;
}


.col-acciones[b-7j21aog8pn] {
    width: 30px;
}


.line-order[b-7j21aog8pn] {
    text-align: center;
    color: #68727b !important;
    font-size: 10px !important;
}


.codigo-linea[b-7j21aog8pn] {
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.numeric-cell[b-7j21aog8pn] {
    display: block;
    text-align: right;
    white-space: nowrap;
    font-size: 11.5px;
}


.line-total[b-7j21aog8pn] {
    text-align: right;
    font-weight: 700;
    white-space: nowrap;
    font-size: 11px !important;
}


/* =========================================================
   CAMPOS DE EDICIÓN DE LÍNEAS
   ========================================================= */

.grid-input[b-7j21aog8pn],
.grid-select[b-7j21aog8pn] {
    width: 100%;
    height: 31px;
    padding: 0 4px;
    background: #ffffff;
    color: #29343e;
    border: 1px solid #ccd3d9;
    border-radius: 3px;
    outline: none;
    font-family: inherit;
    font-size: 11px;
}


    .grid-input:focus[b-7j21aog8pn],
    .grid-select:focus[b-7j21aog8pn] {
        border-color: #ff6500;
        box-shadow: 0 0 0 2px rgba(255, 101, 0, .10);
    }


.number-input[b-7j21aog8pn] {
    text-align: right;
    padding-left: 2px;
    padding-right: 3px;
}


.tax-select[b-7j21aog8pn] {
    text-align: right;
    padding-left: 2px;
    padding-right: 2px;
}


.description-input[b-7j21aog8pn] {
    min-width: 0;
}


/* =========================================================
   ELIMINAR LÍNEA
   ========================================================= */

.line-actions[b-7j21aog8pn] {
    text-align: center;
}


    .line-actions button[b-7j21aog8pn] {
        width: 24px;
        height: 24px;
        padding: 0;
        background: #ffffff;
        color: #d1483e;
        border: 1px solid #e1c4c1;
        border-radius: 4px;
        cursor: pointer;
    }


        .line-actions button:hover[b-7j21aog8pn] {
            background: #fff1f0;
        }



.line-delete-icon[b-7j21aog8pn] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lineas-container[b-7j21aog8pn] {
    scrollbar-width: thin;
    scrollbar-color: #c8ced3 transparent;
}

.lineas-container[b-7j21aog8pn]::-webkit-scrollbar {
    width: 9px;
}

.lineas-container[b-7j21aog8pn]::-webkit-scrollbar-thumb {
    background: #c8ced3;
    border: 2px solid #ffffff;
    border-radius: 999px;
}


/* =========================================================
   VACÍOS
   ========================================================= */

.empty-lines[b-7j21aog8pn] {
    height: 80px !important;
    text-align: center;
    color: #7c868f !important;
    font-size: 11px !important;
}


.empty-row[b-7j21aog8pn] {
    height: 70px !important;
    text-align: center;
    color: #89919a !important;
}


/* =========================================================
   ZONA INFERIOR
   ========================================================= */

.document-bottom[b-7j21aog8pn] {
    flex: 0 0 auto;
    min-height: 184px;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    padding: 14px 16px;
    background: #fbfcfd;
    border-top: 1px solid #e1e5e8;
}


/* =========================================================
   RESUMEN FISCAL
   ========================================================= */

.fiscal-area[b-7j21aog8pn] {
    flex: 1;
    min-width: 0;
}


.fiscal-title[b-7j21aog8pn] {
    margin-bottom: 10px;
    color: #29343e;
    font-size: 13.5px;
    font-weight: 700;
}


.fiscal-tables[b-7j21aog8pn] {
    display: flex;
    gap: 14px;
    flex-wrap: nowrap;
}


.fiscal-box[b-7j21aog8pn] {
    flex: 0 1 330px;
    min-width: 270px;
    max-width: 360px;
    border: 1px solid #d5dade;
    border-radius: 6px;
    overflow: hidden;
    background: #ffffff;
}


.fiscal-box-title[b-7j21aog8pn] {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 11px;
    background: #eef1f3;
    color: #37424c;
    font-size: 11px;
    font-weight: 700;
}


.fiscal-table[b-7j21aog8pn] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11.5px;
}


    .fiscal-table th[b-7j21aog8pn] {
        height: 30px;
        padding: 5px 9px;
        text-align: right;
        color: #65707a;
        background: #fafbfc;
        font-size: 11px;
        font-weight: 650;
        border-bottom: 1px solid #e1e5e8;
    }


        .fiscal-table th:first-child[b-7j21aog8pn] {
            text-align: left;
        }


    .fiscal-table td[b-7j21aog8pn] {
        height: 32px;
        padding: 5px 9px;
        text-align: right;
        color: #29343e;
        font-size: 11.25px;
        border-bottom: 1px solid #edf0f2;
    }


        .fiscal-table td:first-child[b-7j21aog8pn] {
            text-align: left;
            font-weight: 650;
        }


    .fiscal-table tbody tr:last-child td[b-7j21aog8pn] {
        border-bottom: 0;
    }


.no-irpf[b-7j21aog8pn],
.fiscal-empty[b-7j21aog8pn] {
    min-height: 52px;
    display: flex;
    align-items: center;
    padding: 10px 11px;
    color: #68737c;
    font-size: 11.5px;
}


/* =========================================================
   TOTALES
   ========================================================= */

.totales[b-7j21aog8pn] {
    width: 270px;
    flex: 0 0 270px;
    padding-top: 2px;
}


.total-row[b-7j21aog8pn] {
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #4f5a64;
    font-size: 11.5px;
}


    .total-row strong[b-7j21aog8pn] {
        color: #29343e;
        font-size: 12.5px;
    }


.irpf-total strong[b-7j21aog8pn] {
    color: #9b4139;
}


.grand-total[b-7j21aog8pn] {
    height: 44px;
    margin-top: 5px;
    padding-top: 9px;
    border-top: 1px solid #cfd5da;
    color: #202731;
    font-size: 14.5px;
    font-weight: 700;
}


    .grand-total strong[b-7j21aog8pn] {
        color: #ff6500;
        font-size: 20px;
    }


/* =========================================================
   MENSAJES
   ========================================================= */

.message[b-7j21aog8pn] {
    display: inline-block;
    margin-top: 10px;
    padding: 7px 9px;
    border-radius: 4px;
    font-size: 11px;
}


    .message.success[b-7j21aog8pn] {
        background: #e7f5e9;
        color: #2d6938;
        border: 1px solid #cbe7cf;
    }


    .message.error[b-7j21aog8pn] {
        background: #fceaea;
        color: #942d2d;
        border: 1px solid #efcccc;
    }


/* =========================================================
   PIE EDICIÓN
   ========================================================= */

.detail-footer[b-7j21aog8pn] {
    min-height: 56px;
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 7px 14px;
    background: #ffffff;
    border-top: 1px solid #e0e4e8;
}


.footer-button[b-7j21aog8pn] {
    min-width: 108px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 15px;
    background: #ffffff;
    color: #303a44;
    border: 1px solid #ccd2d8;
    border-radius: 6px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease;
}


    .footer-button:hover[b-7j21aog8pn] {
        background: #f4f5f6;
        border-color: #bfc6cc;
    }


.footer-button-icon[b-7j21aog8pn] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


    .footer-button.save[b-7j21aog8pn] {
        min-width: 158px;
        background: #ff6500;
        color: #ffffff;
        border-color: #ff6500;
    }


        .footer-button.save:hover[b-7j21aog8pn] {
            background: #ed5e00;
        }


/* =========================================================
   RESOLUCIONES MÁS PEQUEÑAS
   ========================================================= */

@media (max-width: 1350px) {

    .presupuestos-workspace[b-7j21aog8pn] {
        grid-template-columns: minmax(320px, 31%) minmax(0, 69%);
    }


    .document-grid[b-7j21aog8pn] {
        grid-template-columns: 82px 120px 110px minmax(180px, 1fr) minmax(160px, .8fr);
    }


    .toolbar-search[b-7j21aog8pn] {
        width: 225px;
    }


    .action-button[b-7j21aog8pn] {
        padding-left: 8px;
        padding-right: 8px;
    }


    .fiscal-box[b-7j21aog8pn] {
        min-width: 225px;
    }


    .lineas-table[b-7j21aog8pn] {
        font-size: 11px;
    }


        .lineas-table td[b-7j21aog8pn] {
            font-size: 11px;
        }


    .numeric-cell[b-7j21aog8pn],
    .line-total[b-7j21aog8pn] {
        font-size: 10.5px !important;
    }
}
/* /Components/Pages/Productos.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - PRODUCTOS
   ========================================================= */

*[b-s9kkoondq7] {
    box-sizing: border-box;
}


.productos-page[b-s9kkoondq7] {
    width: 100%;
    height: 100%;
    min-width: 1050px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}


/* =========================================================
   CABECERA
   ========================================================= */

.page-toolbar[b-s9kkoondq7] {
    flex: 0 0 auto;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
}


.page-heading[b-s9kkoondq7] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.page-heading-icon[b-s9kkoondq7] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading h1[b-s9kkoondq7] {
    margin: 0;
    color: #202731;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1;
}


.page-description[b-s9kkoondq7] {
    padding-top: 4px;
    color: #7f8992;
    font-size: 11.5px;
}


/* =========================================================
   WORKSPACE
   ========================================================= */

.productos-workspace[b-s9kkoondq7] {
    flex: 1;
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(330px, 31%) minmax(680px, 69%);
    gap: 14px;
    overflow: hidden;
}


/* =========================================================
   TARJETAS
   ========================================================= */

.familias-card[b-s9kkoondq7],
.articulos-card[b-s9kkoondq7] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #dde2e6;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(20, 30, 40, .025);
}


/* =========================================================
   TOOLBARS
   ========================================================= */

.card-toolbar[b-s9kkoondq7] {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 13px;
    background: #fbfcfd;
    border-bottom: 1px solid #e0e4e8;
}


.card-title[b-s9kkoondq7] {
    color: #26313a;
    font-size: 14.5px;
    font-weight: 700;
    white-space: nowrap;
}


.card-actions[b-s9kkoondq7] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
}


.mini-button[b-s9kkoondq7] {
    height: 34px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #303a44;
    border: 1px solid #ccd2d8;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}


    .mini-button:hover:not(:disabled)[b-s9kkoondq7] {
        background: #f3f5f6;
        border-color: #b8c0c7;
    }


    .mini-button.primary[b-s9kkoondq7] {
        background: #ff6500;
        color: #ffffff;
        border-color: #ff6500;
    }


        .mini-button.primary:hover:not(:disabled)[b-s9kkoondq7] {
            background: #ed5e00;
            border-color: #ed5e00;
        }


    .mini-button:disabled[b-s9kkoondq7] {
        opacity: .38;
        cursor: default;
    }

.button-icon[b-s9kkoondq7] {
    width: 15px;
    height: 15px;
    min-width: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   FAMILIAS - LISTADO
   ========================================================= */

.familias-list[b-s9kkoondq7] {
    flex: 1;
    min-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}


.familias-table[b-s9kkoondq7] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}


    .familias-table thead[b-s9kkoondq7] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #eef1f3;
    }


    .familias-table th[b-s9kkoondq7] {
        height: 40px;
        padding: 0 10px;
        text-align: left;
        color: #4d5760;
        border-bottom: 1px solid #d7dce0;
        font-size: 11px;
        font-weight: 600;
    }


    .familias-table td[b-s9kkoondq7] {
        height: 40px;
        padding: 0 10px;
        color: #303a44;
        border-bottom: 1px solid #e6e9ec;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


        .familias-table th:nth-child(1)[b-s9kkoondq7],
        .familias-table td:nth-child(1)[b-s9kkoondq7] {
            width: 22%;
        }


        .familias-table th:nth-child(2)[b-s9kkoondq7],
        .familias-table td:nth-child(2)[b-s9kkoondq7] {
            width: 48%;
        }


        .familias-table th:nth-child(3)[b-s9kkoondq7],
        .familias-table td:nth-child(3)[b-s9kkoondq7] {
            width: 30%;
        }


    .familias-table tbody tr[b-s9kkoondq7] {
        cursor: pointer;
    }


        .familias-table tbody tr:hover[b-s9kkoondq7] {
            background: #fff8f3;
        }


        .familias-table tbody tr.selected[b-s9kkoondq7] {
            background: #fff0e6;
            box-shadow: inset 3px 0 0 #ff6500;
        }


    .familias-table .nombre[b-s9kkoondq7] {
        font-weight: 600;
    }


/* =========================================================
   PAGINACIÓN CATÁLOGOS
   ========================================================= */

.catalog-pagination-bar[b-s9kkoondq7] {
    flex: 0 0 auto;
    min-height: 44px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: #fbfcfd;
    border-top: 1px solid #e1e5e8;
}

.catalog-pagination-range[b-s9kkoondq7] {
    color: #7a858f;
    font-size: 10.5px;
    white-space: nowrap;
}

.catalog-pagination-actions[b-s9kkoondq7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.catalog-page-button[b-s9kkoondq7] {
    min-width: 27px;
    height: 27px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #4f5962;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
}

.catalog-page-button:hover:not(:disabled)[b-s9kkoondq7],
.catalog-page-button.active[b-s9kkoondq7] {
    background: #ff6500;
    color: #fff;
    border-color: #ff6500;
}

.catalog-page-button:disabled[b-s9kkoondq7] {
    opacity: .35;
    cursor: default;
}

.catalog-pagination-size[b-s9kkoondq7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    color: #747e87;
    font-size: 10.5px;
    white-space: nowrap;
}

.catalog-pagination-size select[b-s9kkoondq7] {
    height: 27px;
    padding: 0 4px;
    background: #fff;
    color: #4c5660;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    outline: 0;
    font-family: inherit;
    font-size: 10.5px;
}


/* =========================================================
   FICHA FAMILIA
   ========================================================= */

.familia-detail[b-s9kkoondq7] {
    flex: 0 0 auto;
    min-height: 205px;
    padding: 13px 14px;
    background: #fbfcfd;
    border-top: 1px solid #e0e4e8;
    overflow-y: auto;
    overflow-x: hidden;
}


.editor-title[b-s9kkoondq7] {
    margin-bottom: 10px;
    color: #36414b;
    font-size: 13px;
    font-weight: 700;
}


.familia-fields[b-s9kkoondq7] {
    display: grid;
    grid-template-columns: 95px minmax(140px, 1fr);
    gap: 8px;
}


/* =========================================================
   ARTÍCULOS TOOLBAR
   ========================================================= */

.articulos-toolbar[b-s9kkoondq7] {
    flex-wrap: nowrap;
}


.article-heading[b-s9kkoondq7] {
    min-width: 120px;
    display: flex;
    flex-direction: column;
}


.family-indicator[b-s9kkoondq7] {
    max-width: 210px;
    margin-top: 2px;
    color: #88919a;
    font-size: 10.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.article-toolbar-spacer[b-s9kkoondq7] {
    flex: 1;
}


.article-search[b-s9kkoondq7] {
    width: 190px;
    height: 34px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 8px;
    background: #ffffff;
    border: 1px solid #d2d7dc;
    border-radius: 5px;
}


.search-icon[b-s9kkoondq7] {
    width: 15px;
    height: 15px;
    min-width: 15px;
    fill: none;
    stroke: #66717b;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


    .article-search input[b-s9kkoondq7] {
        flex: 1;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #303a44;
        font-family: inherit;
        font-size: 11.5px;
    }


.article-filter[b-s9kkoondq7] {
    height: 34px;
    padding: 0 23px 0 8px;
    background: #ffffff;
    color: #4d5862;
    border: 1px solid #d2d7dc;
    border-radius: 5px;
    outline: none;
    font-family: inherit;
    font-size: 11.5px;
}


/* =========================================================
   ARTÍCULOS LISTADO
   ========================================================= */

.articulos-list[b-s9kkoondq7] {
    flex: 1;
    min-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}


.articulos-table[b-s9kkoondq7] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}


    .articulos-table thead[b-s9kkoondq7] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #eef1f3;
    }


    .articulos-table th[b-s9kkoondq7] {
        height: 40px;
        padding: 0 10px;
        text-align: left;
        color: #4d5760;
        border-bottom: 1px solid #d7dce0;
        font-size: 11px;
        font-weight: 600;
    }


    .articulos-table td[b-s9kkoondq7] {
        height: 40px;
        padding: 0 10px;
        color: #303a44;
        border-bottom: 1px solid #e6e9ec;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


        .articulos-table th:nth-child(1)[b-s9kkoondq7],
        .articulos-table td:nth-child(1)[b-s9kkoondq7] {
            width: 14%;
        }


        .articulos-table th:nth-child(2)[b-s9kkoondq7],
        .articulos-table td:nth-child(2)[b-s9kkoondq7] {
            width: 32%;
        }


        .articulos-table th:nth-child(3)[b-s9kkoondq7],
        .articulos-table td:nth-child(3)[b-s9kkoondq7] {
            width: 16%;
        }


        .articulos-table th:nth-child(4)[b-s9kkoondq7],
        .articulos-table td:nth-child(4)[b-s9kkoondq7] {
            width: 10%;
        }


        .articulos-table th:nth-child(5)[b-s9kkoondq7],
        .articulos-table td:nth-child(5)[b-s9kkoondq7] {
            width: 12%;
        }


        .articulos-table th:nth-child(6)[b-s9kkoondq7],
        .articulos-table td:nth-child(6)[b-s9kkoondq7] {
            width: 16%;
        }


    .articulos-table tbody tr[b-s9kkoondq7] {
        cursor: pointer;
    }


        .articulos-table tbody tr:hover[b-s9kkoondq7] {
            background: #fff8f3;
        }


        .articulos-table tbody tr.selected[b-s9kkoondq7] {
            background: #fff0e6;
            box-shadow: inset 3px 0 0 #ff6500;
        }


.codigo-articulo[b-s9kkoondq7] {
    font-weight: 600;
}


.descripcion-articulo[b-s9kkoondq7] {
    font-weight: 500;
}


.precio-articulo[b-s9kkoondq7] {
    text-align: right;
}


/* =========================================================
   FICHA ARTÍCULO
   ========================================================= */

.articulo-detail[b-s9kkoondq7] {
    flex: 0 0 auto;
    min-height: 260px;
    padding: 13px 16px;
    background: #fbfcfd;
    border-top: 1px solid #e0e4e8;
    overflow-y: auto;
    overflow-x: hidden;
}


.article-detail-header[b-s9kkoondq7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}


.article-detail-description[b-s9kkoondq7] {
    max-width: 540px;
    margin-top: -5px;
    margin-bottom: 9px;
    color: #808991;
    font-size: 10.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.article-form[b-s9kkoondq7] {
    display: grid;
    grid-template-columns: 130px minmax(220px, 1fr) 130px;
    gap: 8px 11px;
    align-items: end;
}


.codigo-articulo-field[b-s9kkoondq7] {
    grid-column: 1;
}


.descripcion-field[b-s9kkoondq7] {
    grid-column: 2 / 4;
}


.familia-field[b-s9kkoondq7] {
    grid-column: 1 / 2;
}


.precio-field[b-s9kkoondq7] {
    grid-column: 2;
}


.unidad-field[b-s9kkoondq7] {
    grid-column: 3;
}


.iva-field[b-s9kkoondq7] {
    grid-column: 1 / 3;
}


.irpf-field[b-s9kkoondq7] {
    grid-column: 3;
}


.articulo-activo[b-s9kkoondq7] {
    grid-column: 1 / 4;
    margin-top: 2px;
}


/* =========================================================
   CAMPOS
   ========================================================= */

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


    .field label[b-s9kkoondq7] {
        display: block;
        margin-bottom: 3px;
        color: #65707a;
        font-size: 10.5px;
        font-weight: 500;
    }


    .field input[b-s9kkoondq7],
    .field select[b-s9kkoondq7] {
        width: 100%;
        height: 34px;
        padding: 0 8px;
        background: #ffffff;
        color: #303a44;
        border: 1px solid #ccd3d9;
        border-radius: 5px;
        outline: 0;
        font-family: inherit;
        font-size: 11.5px;
    }


        .field input:hover:not(:disabled)[b-s9kkoondq7],
        .field select:hover:not(:disabled)[b-s9kkoondq7] {
            border-color: #abb5be;
        }


        .field input:focus[b-s9kkoondq7],
        .field select:focus[b-s9kkoondq7] {
            border-color: #ff6500;
            box-shadow: 0 0 0 3px rgba(255, 101, 0, .10);
        }


        .field input:disabled[b-s9kkoondq7],
        .field select:disabled[b-s9kkoondq7] {
            background: #f3f5f6;
            color: #555f68;
            opacity: 1;
        }


/* =========================================================
   CHECKBOX
   ========================================================= */

.checkbox-line[b-s9kkoondq7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    color: #4e5963;
    font-size: 11px;
}


    .checkbox-line input[b-s9kkoondq7] {
        width: 15px;
        height: 15px;
        accent-color: #ff6500;
    }


/* =========================================================
   ESTADOS
   ========================================================= */

.status[b-s9kkoondq7] {
    display: inline-flex;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}


    .status.active[b-s9kkoondq7] {
        background: #d9f2dc;
        color: #267238;
    }


    .status.inactive[b-s9kkoondq7] {
        background: #eceeef;
        color: #68717a;
    }


/* =========================================================
   BOTONES GUARDAR
   ========================================================= */

.editor-actions[b-s9kkoondq7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
}

.article-actions[b-s9kkoondq7] {
    margin-top: 9px;
}

.footer-button[b-s9kkoondq7] {
    min-width: 108px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 15px;
    background: #ffffff;
    color: #303a44;
    border: 1px solid #ccd2d8;
    border-radius: 6px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease;
}

.footer-button:hover[b-s9kkoondq7] {
    background: #f4f5f6;
    border-color: #bfc6cc;
}

.footer-button-icon[b-s9kkoondq7] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.footer-button.save[b-s9kkoondq7] {
    min-width: 148px;
    background: #ff6500;
    color: #ffffff;
    border-color: #ff6500;
}

.footer-button.save:hover[b-s9kkoondq7] {
    background: #ed5e00;
    border-color: #ed5e00;
}


/* =========================================================
   MENSAJES
   ========================================================= */

.message[b-s9kkoondq7] {
    margin-top: 7px;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 10.5px;
}


    .message.success[b-s9kkoondq7] {
        background: #e7f5e9;
        color: #2d6938;
        border: 1px solid #cbe7cf;
    }


    .message.error[b-s9kkoondq7] {
        background: #fceaea;
        color: #942d2d;
        border: 1px solid #efcccc;
    }


/* =========================================================
   FILAS VACÍAS
   ========================================================= */

.empty-row[b-s9kkoondq7] {
    height: 65px !important;
    text-align: center;
    color: #89919a !important;
    font-weight: 400 !important;
}


/* =========================================================
   PANTALLAS ALGO MÁS PEQUEÑAS
   ========================================================= */

@media (max-width: 1300px) {

    .productos-workspace[b-s9kkoondq7] {
        grid-template-columns: minmax(300px, 33%) minmax(620px, 67%);
    }


    .article-search[b-s9kkoondq7] {
        width: 145px;
    }


    .article-form[b-s9kkoondq7] {
        grid-template-columns: 110px minmax(190px, 1fr) 110px;
    }


    .mini-button[b-s9kkoondq7] {
        padding-left: 8px;
        padding-right: 8px;
    }
}


/* =========================================================
   SCROLLBARS DISCRETOS
   ========================================================= */

.familias-list[b-s9kkoondq7],
.articulos-list[b-s9kkoondq7],
.familia-detail[b-s9kkoondq7],
.articulo-detail[b-s9kkoondq7] {
    scrollbar-width: thin;
    scrollbar-color: #c4cbd1 transparent;
}

.familias-list[b-s9kkoondq7]::-webkit-scrollbar,
.articulos-list[b-s9kkoondq7]::-webkit-scrollbar,
.familia-detail[b-s9kkoondq7]::-webkit-scrollbar,
.articulo-detail[b-s9kkoondq7]::-webkit-scrollbar {
    width: 8px;
}

.familias-list[b-s9kkoondq7]::-webkit-scrollbar-thumb,
.articulos-list[b-s9kkoondq7]::-webkit-scrollbar-thumb,
.familia-detail[b-s9kkoondq7]::-webkit-scrollbar-thumb,
.articulo-detail[b-s9kkoondq7]::-webkit-scrollbar-thumb {
    background: #c4cbd1;
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
/* /Components/Pages/Recibos.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - RECIBOS / VENCIMIENTOS
   ========================================================= */

*[b-2u7705ffls] {
    box-sizing: border-box;
}

.recibos-page[b-2u7705ffls] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-width: 1080px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}

.page-toolbar[b-2u7705ffls] {
    flex: 0 0 auto;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.page-heading[b-2u7705ffls] {
    min-width: 205px;
}

.page-heading h1[b-2u7705ffls] {
    margin: 0;
    color: #202731;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1;
}

.page-heading span[b-2u7705ffls] {
    display: block;
    margin-top: 5px;
    color: #7a858e;
    font-size: 11px;
}

.toolbar-actions[b-2u7705ffls] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.toolbar-spacer[b-2u7705ffls] {
    flex: 1 1 auto;
}

.action-button[b-2u7705ffls] {
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    background: #fff;
    color: #29343e;
    border: 1px solid #d0d5da;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.action-button:hover:not(:disabled)[b-2u7705ffls] {
    background: #f5f6f7;
    border-color: #bbc2c8;
}

.action-button:disabled[b-2u7705ffls] {
    opacity: .45;
    cursor: default;
}

.toolbar-search[b-2u7705ffls] {
    width: 330px;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #d1d6da;
    border-radius: 5px;
}

.search-icon[b-2u7705ffls] {
    color: #7f8992;
    font-size: 17px;
}

.toolbar-search input[b-2u7705ffls] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #26313b;
    font: inherit;
    font-size: 12px;
}

.recibos-error[b-2u7705ffls] {
    flex: 0 0 auto;
    padding: 10px 12px;
    color: #9c2f28;
    background: #fff3f1;
    border: 1px solid #edc4c0;
    border-radius: 5px;
    font-size: 12px;
}

.recibos-summary[b-2u7705ffls] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.summary-card[b-2u7705ffls] {
    min-height: 82px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    gap: 3px 12px;
    padding: 13px 15px;
    text-align: left;
    background: #fff;
    color: #26313a;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}

button.summary-card[b-2u7705ffls] {
    font-family: inherit;
    cursor: pointer;
}

button.summary-card:hover[b-2u7705ffls],
button.summary-card.selected[b-2u7705ffls] {
    border-color: #ff6500;
    box-shadow: inset 0 0 0 1px #ff6500;
}

.summary-label[b-2u7705ffls] {
    color: #69757f;
    font-size: 11px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.summary-card strong[b-2u7705ffls] {
    align-self: end;
    color: #202a33;
    font-size: 23px;
    font-weight: 700;
}

.summary-amount[b-2u7705ffls] {
    align-self: end;
    justify-self: end;
    color: #56636e;
    font-size: 13px;
    font-weight: 650;
}

.summary-caption[b-2u7705ffls] {
    align-self: end;
    justify-self: end;
    color: #8a949d;
    font-size: 10px;
}

.summary-card.overdue strong[b-2u7705ffls],
.summary-card.overdue .summary-amount[b-2u7705ffls] {
    color: #bd3c32;
}

.summary-card.paid strong[b-2u7705ffls],
.summary-card.paid .summary-amount[b-2u7705ffls] {
    color: #367b50;
}

.summary-card.outstanding[b-2u7705ffls] {
    border-left: 3px solid #ff6500;
}

.recibos-card[b-2u7705ffls] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}

.list-toolbar[b-2u7705ffls] {
    flex: 0 0 auto;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px 8px 15px;
    border-bottom: 1px solid #e1e5e8;
}

.list-title[b-2u7705ffls] {
    color: #26313a;
    font-size: 14px;
    font-weight: 700;
}

.list-subtitle[b-2u7705ffls] {
    margin-top: 2px;
    color: #89939c;
    font-size: 10px;
}

.list-filter[b-2u7705ffls] {
    height: 31px;
    min-width: 130px;
    padding: 0 8px;
    color: #38434d;
    background: #fff;
    border: 1px solid #ccd2d7;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    outline: 0;
}

.list-controls[b-2u7705ffls] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-size-control[b-2u7705ffls] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #69757f;
    font-size: 10px;
    white-space: nowrap;
}

.page-size-select[b-2u7705ffls] {
    height: 31px;
    min-width: 58px;
    padding: 0 7px;
    color: #38434d;
    background: #fff;
    border: 1px solid #ccd2d7;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    outline: 0;
}

.table-container[b-2u7705ffls] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
}

.pagination-bar[b-2u7705ffls] {
    flex: 0 0 auto;
    min-height: 44px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 7px 12px 7px 15px;
    background: #fff;
    border-top: 1px solid #e1e5e8;
}

.pagination-info[b-2u7705ffls] {
    grid-column: 1;
    justify-self: start;
    color: #7b8790;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}

.pagination-actions[b-2u7705ffls] {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-button[b-2u7705ffls] {
    min-width: 29px;
    height: 29px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4c5963;
    background: #fff;
    border: 1px solid #d3d9de;
    border-radius: 4px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 650;
    cursor: pointer;
}

.page-button:hover:not(:disabled):not(.active)[b-2u7705ffls] {
    background: #f5f6f7;
    border-color: #bbc3c9;
}

.page-button.active[b-2u7705ffls] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.page-button.nav[b-2u7705ffls] {
    font-size: 18px;
    line-height: 1;
}

.page-button:disabled[b-2u7705ffls] {
    opacity: .4;
    cursor: default;
}

.recibos-table[b-2u7705ffls] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11px;
}

.recibos-table th[b-2u7705ffls] {
    position: sticky;
    top: 0;
    z-index: 1;
    height: 34px;
    padding: 0 10px;
    text-align: left;
    color: #68747e;
    background: #f6f7f8;
    border-bottom: 1px solid #dce1e5;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.recibos-table td[b-2u7705ffls] {
    height: 46px;
    padding: 6px 10px;
    overflow: hidden;
    color: #33404a;
    border-bottom: 1px solid #edf0f2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recibos-table th:nth-child(1)[b-2u7705ffls] { width: 120px; }
.recibos-table th:nth-child(2)[b-2u7705ffls] { width: 220px; }
.recibos-table th:nth-child(3)[b-2u7705ffls] { width: 115px; }
.recibos-table th:nth-child(4)[b-2u7705ffls] { width: 105px; }
.recibos-table th:nth-child(5)[b-2u7705ffls] { width: 175px; }
.recibos-table th:nth-child(6)[b-2u7705ffls] { width: 110px; }
.recibos-table th:nth-child(7)[b-2u7705ffls] { width: 170px; }
.recibos-table th:nth-child(8)[b-2u7705ffls] { width: 245px; }

.recibo-row[b-2u7705ffls] {
    cursor: pointer;
}

.recibo-row:hover td[b-2u7705ffls] {
    background: #fff8f3;
}

.factura-cell[b-2u7705ffls],
.cliente-cell[b-2u7705ffls] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.factura-cell strong[b-2u7705ffls],
.cliente-cell strong[b-2u7705ffls] {
    overflow: hidden;
    color: #26313a;
    font-weight: 650;
    text-overflow: ellipsis;
}

.factura-cell span[b-2u7705ffls],
.cliente-cell span[b-2u7705ffls] {
    overflow: hidden;
    color: #8a949c;
    font-size: 10px;
    text-overflow: ellipsis;
}

.recibos-table .importe[b-2u7705ffls] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.estado-pill[b-2u7705ffls] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    height: 23px;
    padding: 0 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
}

.estado-pill.pending[b-2u7705ffls] {
    color: #8a5c13;
    background: #fff5dd;
    border: 1px solid #efd59e;
}

.estado-pill.overdue[b-2u7705ffls] {
    color: #a93830;
    background: #fff0ef;
    border: 1px solid #ecc5c1;
}

.estado-pill.paid[b-2u7705ffls] {
    color: #2e7548;
    background: #edf8f1;
    border: 1px solid #c5e5d0;
}

.acciones[b-2u7705ffls] {
    text-align: center !important;
}

.open-button[b-2u7705ffls] {
    width: 27px;
    height: 27px;
    padding: 0;
    color: #59656f;
    background: #fff;
    border: 1px solid #d6dbe0;
    border-radius: 4px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.open-button:hover[b-2u7705ffls] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}


.estado-pill.returned[b-2u7705ffls] {
    color: #a43a2f;
    background: #fff0ee;
    border: 1px solid #e9bbb5;
}

.summary-card.returned strong[b-2u7705ffls],
.summary-card.returned .summary-amount[b-2u7705ffls] {
    color: #a43a2f;
}

.estado-stack[b-2u7705ffls] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    min-width: 0;
}

.return-detail[b-2u7705ffls] {
    display: block;
    max-width: 165px;
    overflow: hidden;
    color: #8a5f58;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row-actions[b-2u7705ffls] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.secondary-row-button[b-2u7705ffls],
.return-row-button[b-2u7705ffls],
.primary-row-button[b-2u7705ffls],
.paid-row-button[b-2u7705ffls],
.return-confirm-button[b-2u7705ffls],
.paid-confirm-button[b-2u7705ffls] {
    height: 27px;
    padding: 0 9px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.secondary-row-button[b-2u7705ffls] {
    color: #4c5963;
    background: #fff;
    border: 1px solid #d3d9de;
}

.secondary-row-button:hover:not(:disabled)[b-2u7705ffls] {
    background: #f5f6f7;
    border-color: #bbc3c9;
}

.return-row-button[b-2u7705ffls],
.return-confirm-button[b-2u7705ffls] {
    color: #9a352d;
    background: #fff2f0;
    border: 1px solid #e7b7b1;
}

.return-row-button:hover:not(:disabled)[b-2u7705ffls],
.return-confirm-button:hover:not(:disabled)[b-2u7705ffls] {
    background: #ffe6e2;
    border-color: #dc9e96;
}

.primary-row-button[b-2u7705ffls] {
    color: #fff;
    background: #ff6500;
    border: 1px solid #ff6500;
}

.primary-row-button:hover:not(:disabled)[b-2u7705ffls] {
    background: #e95c00;
    border-color: #e95c00;
}

.paid-row-button[b-2u7705ffls],
.paid-confirm-button[b-2u7705ffls] {
    color: #2f7048;
    background: #eff9f2;
    border: 1px solid #b9ddc5;
}

.paid-row-button:hover:not(:disabled)[b-2u7705ffls],
.paid-confirm-button:hover:not(:disabled)[b-2u7705ffls] {
    background: #e2f4e8;
    border-color: #98cdaa;
}

.secondary-row-button:disabled[b-2u7705ffls],
.return-row-button:disabled[b-2u7705ffls],
.primary-row-button:disabled[b-2u7705ffls],
.paid-row-button:disabled[b-2u7705ffls],
.return-confirm-button:disabled[b-2u7705ffls],
.paid-confirm-button:disabled[b-2u7705ffls] {
    opacity: .45;
    cursor: default;
}

.recibos-success[b-2u7705ffls] {
    flex: 0 0 auto;
    padding: 10px 12px;
    color: #2f7048;
    background: #eff9f2;
    border: 1px solid #c8e6d1;
    border-radius: 5px;
    font-size: 12px;
}

.modal-backdrop[b-2u7705ffls] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(24, 31, 37, .48);
}

.return-modal[b-2u7705ffls] {
    width: min(560px, 100%);
    padding: 20px;
    background: #fff;
    border: 1px solid #d7dde1;
    border-radius: 9px;
    box-shadow: 0 18px 48px rgba(20, 31, 40, .24);
}

.modal-title[b-2u7705ffls] {
    color: #222c34;
    font-size: 18px;
    font-weight: 750;
}

.modal-intro[b-2u7705ffls] {
    margin: 8px 0 16px;
    color: #68747e;
    font-size: 11px;
    line-height: 1.45;
}

.modal-receipt-summary[b-2u7705ffls] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 14px;
    padding: 11px;
    background: #f7f8f9;
    border: 1px solid #e3e7ea;
    border-radius: 6px;
}

.modal-receipt-summary div[b-2u7705ffls] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.modal-receipt-summary span[b-2u7705ffls] {
    color: #89939c;
    font-size: 9px;
    text-transform: uppercase;
}

.modal-receipt-summary strong[b-2u7705ffls] {
    overflow: hidden;
    color: #303b44;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-field[b-2u7705ffls] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 11px;
    color: #58646e;
    font-size: 10px;
    font-weight: 650;
}

.modal-field small[b-2u7705ffls] {
    color: #929ba3;
    font-weight: 500;
}

.modal-field input[b-2u7705ffls] {
    height: 36px;
    padding: 0 10px;
    color: #2f3942;
    background: #fff;
    border: 1px solid #cdd4d9;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11px;
    outline: none;
}

.modal-field input:focus[b-2u7705ffls] {
    border-color: #ff6500;
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .10);
}

.sepa-date-info[b-2u7705ffls] {
    margin: 10px 0 2px;
    padding: 9px 10px;
    color: #58636c;
    background: #fff7ef;
    border: 1px solid #f1d1b2;
    border-radius: 5px;
    font-size: 10px;
}

.sepa-date-info strong[b-2u7705ffls] {
    margin-left: 4px;
    color: #8c470f;
}

.modal-actions[b-2u7705ffls] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

.empty-row[b-2u7705ffls] {
    height: 90px !important;
    color: #89939c !important;
    text-align: center !important;
}

/* 9K4B1A - acciones de recibos mas legibles */
.row-actions .secondary-row-button[b-2u7705ffls],
.row-actions .return-row-button[b-2u7705ffls],
.row-actions .primary-row-button[b-2u7705ffls],
.row-actions .paid-row-button[b-2u7705ffls] {
    height: 31px;
    padding: 0 11px;
    font-size: 10px;
}

.modal-actions .return-confirm-button[b-2u7705ffls],
.modal-actions .primary-row-button[b-2u7705ffls],
.modal-actions .paid-confirm-button[b-2u7705ffls] {
    height: 39px;
    padding: 0 14px;
    font-size: 11px;
}

.recibos-table th:nth-child(8)[b-2u7705ffls] {
    width: 410px;
}

.history-modal[b-2u7705ffls] {
    width: min(760px, 100%);
}

.history-section-title[b-2u7705ffls] {
    margin: 12px 0 6px;
    color: #5d6871;
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .25px;
}

.payment-history-list[b-2u7705ffls] {
    max-height: none !important;
    margin-bottom: 8px;
}

.payment-attempt[b-2u7705ffls] {
    background: #f8fcf9;
    border-color: #cfe7d7;
}

.history-list[b-2u7705ffls] {
    max-height: 430px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 3px;
}

.history-attempt[b-2u7705ffls] {
    padding: 12px;
    background: #fff;
    border: 1px solid #dde2e6;
    border-radius: 7px;
}

.history-attempt-head[b-2u7705ffls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.history-attempt-head > div[b-2u7705ffls] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.history-attempt-head strong[b-2u7705ffls] {
    color: #28343d;
    font-size: 12px;
}

.history-attempt-head span[b-2u7705ffls] {
    color: #7b8790;
    font-size: 10px;
}

.history-status[b-2u7705ffls] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9px !important;
    font-weight: 750;
}

.history-status.exported[b-2u7705ffls] {
    color: #2f7048;
    background: #edf8f0;
}

.history-status.returned[b-2u7705ffls] {
    color: #9a352d;
    background: #fff0ee;
}

.history-status.paid[b-2u7705ffls] {
    color: #2f7048;
    background: #edf8f0;
}

.history-status.draft[b-2u7705ffls] {
    color: #5e6972;
    background: #f1f3f4;
}

.history-grid[b-2u7705ffls] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
}

.history-grid > div[b-2u7705ffls] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.history-grid span[b-2u7705ffls] {
    color: #8b959d;
    font-size: 9px;
    text-transform: uppercase;
}

.history-grid strong[b-2u7705ffls] {
    overflow-wrap: anywhere;
    color: #35414a;
    font-size: 10px;
    font-weight: 650;
}

.history-wide[b-2u7705ffls] {
    grid-column: 1 / -1;
}

.history-empty[b-2u7705ffls] {
    padding: 20px;
    color: #7e8992;
    background: #f7f8f9;
    border: 1px solid #e1e5e8;
    border-radius: 6px;
    font-size: 11px;
    text-align: center;
}

/* =========================================================
   10E16 - PULIDO VISUAL / PATRON YGFACTURAS
   ========================================================= */

.page-heading[b-2u7705ffls] {
    flex: 0 0 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 7px;
}

.page-heading-icon[b-2u7705ffls] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading-copy[b-2u7705ffls] {
    min-width: 0;
}

.page-heading-copy h1[b-2u7705ffls] {
    white-space: nowrap;
}

.page-heading-copy span[b-2u7705ffls] {
    margin-top: 5px;
}

.action-button[b-2u7705ffls],
.secondary-row-button[b-2u7705ffls],
.return-row-button[b-2u7705ffls],
.primary-row-button[b-2u7705ffls],
.paid-row-button[b-2u7705ffls],
.return-confirm-button[b-2u7705ffls],
.paid-confirm-button[b-2u7705ffls] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.button-icon[b-2u7705ffls],
.row-button-icon[b-2u7705ffls],
.open-icon[b-2u7705ffls] {
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.button-icon[b-2u7705ffls] {
    width: 14px;
    height: 14px;
}

.row-button-icon[b-2u7705ffls] {
    width: 12px;
    height: 12px;
}

.open-icon[b-2u7705ffls] {
    width: 15px;
    height: 15px;
}

.search-icon[b-2u7705ffls] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #7f8992;
}

.summary-card[b-2u7705ffls] {
    min-height: 84px;
    padding: 14px 15px;
}

.summary-label[b-2u7705ffls] {
    font-size: 11px;
}

.summary-card strong[b-2u7705ffls] {
    font-size: 24px;
}

.summary-amount[b-2u7705ffls] {
    font-size: 13.25px;
}

.list-title[b-2u7705ffls] {
    font-size: 14.5px;
}

.list-subtitle[b-2u7705ffls] {
    font-size: 10.5px;
}

.table-container[b-2u7705ffls] {
    overflow-y: auto;
    overflow-x: hidden;
}

.recibos-table[b-2u7705ffls] {
    width: 100%;
    min-width: 0;
    font-size: 11.25px;
}

.recibos-table th[b-2u7705ffls] {
    height: 36px;
    font-size: 10.25px;
}

.recibos-table td[b-2u7705ffls] {
    height: 47px;
}

/* Reparto pensado para evitar scroll horizontal sin sacrificar acciones. */
.recibos-table th:nth-child(1)[b-2u7705ffls] { width: 110px; }
.recibos-table th:nth-child(2)[b-2u7705ffls] { width: 180px; }
.recibos-table th:nth-child(3)[b-2u7705ffls] { width: 105px; }
.recibos-table th:nth-child(4)[b-2u7705ffls] { width: 95px; }
.recibos-table th:nth-child(5)[b-2u7705ffls] { width: 150px; }
.recibos-table th:nth-child(6)[b-2u7705ffls] { width: 100px; }
.recibos-table th:nth-child(7)[b-2u7705ffls] { width: 175px; }
.recibos-table th:nth-child(8)[b-2u7705ffls] { width: 305px; }

.return-detail[b-2u7705ffls] {
    max-width: 142px;
}

.row-actions[b-2u7705ffls] {
    gap: 4px;
}

.row-actions .secondary-row-button[b-2u7705ffls],
.row-actions .return-row-button[b-2u7705ffls],
.row-actions .primary-row-button[b-2u7705ffls],
.row-actions .paid-row-button[b-2u7705ffls] {
    height: 30px;
    padding: 0 9px;
    font-size: 9.75px;
}

.open-button[b-2u7705ffls] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

.modal-header[b-2u7705ffls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.modal-title-row[b-2u7705ffls] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-title-icon[b-2u7705ffls] {
    width: 19px;
    height: 19px;
    min-width: 19px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.modal-close[b-2u7705ffls] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #707b84;
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.modal-close:hover[b-2u7705ffls] {
    color: #26313a;
    background: #f1f3f4;
}

.modal-close svg[b-2u7705ffls] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.modal-title[b-2u7705ffls] {
    font-size: 18px;
}

.modal-intro[b-2u7705ffls] {
    margin-top: 5px;
    font-size: 11.25px;
}

.modal-receipt-summary span[b-2u7705ffls] {
    font-size: 9.25px;
}

.modal-receipt-summary strong[b-2u7705ffls] {
    font-size: 11.25px;
}

.modal-field[b-2u7705ffls] {
    font-size: 10.5px;
}

.modal-field input[b-2u7705ffls] {
    height: 38px;
    font-size: 11.25px;
}

.modal-actions[b-2u7705ffls] {
    padding-top: 14px;
    border-top: 1px solid #edf0f2;
}

.modal-actions .action-button[b-2u7705ffls],
.modal-actions .return-confirm-button[b-2u7705ffls],
.modal-actions .primary-row-button[b-2u7705ffls],
.modal-actions .paid-confirm-button[b-2u7705ffls] {
    height: 38px;
    padding: 0 14px;
    font-size: 11px;
}

.modal-secondary[b-2u7705ffls] {
    min-width: 92px;
}

.history-modal .modal-actions[b-2u7705ffls] {
    margin-top: 14px;
}

@media (max-width: 1250px) {
    .recibos-table th:nth-child(2)[b-2u7705ffls] { width: 160px; }
    .recibos-table th:nth-child(5)[b-2u7705ffls] { width: 140px; }
    .recibos-table th:nth-child(7)[b-2u7705ffls] { width: 160px; }
    .recibos-table th:nth-child(8)[b-2u7705ffls] { width: 285px; }
}
/* /Components/Pages/RemesaDetalle.razor.rz.scp.css */
*[b-jyqrxhmy6t] { box-sizing: border-box; }

.remesa-page[b-jyqrxhmy6t] {
    width: 100%;
    height: 100%;
    min-width: 1080px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}

.page-toolbar[b-jyqrxhmy6t] {
    flex: 0 0 auto;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.page-heading[b-jyqrxhmy6t] { min-width: 260px; }
.page-heading h1[b-jyqrxhmy6t] {
    margin: 0;
    color: #202731;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1;
}
.page-heading span[b-jyqrxhmy6t] { display: block; margin-top: 5px; color: #7a858e; font-size: 11px; }
.toolbar-actions[b-jyqrxhmy6t] { margin-left: auto; display: flex; align-items: center; gap: 7px; }

.action-button[b-jyqrxhmy6t],
.primary-button[b-jyqrxhmy6t],
.close-button[b-jyqrxhmy6t],
.delete-button[b-jyqrxhmy6t],
.delete-confirm-button[b-jyqrxhmy6t],
.mini-button[b-jyqrxhmy6t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
    white-space: nowrap;
}
.action-button[b-jyqrxhmy6t],
.primary-button[b-jyqrxhmy6t],
.close-button[b-jyqrxhmy6t],
.delete-button[b-jyqrxhmy6t],
.delete-confirm-button[b-jyqrxhmy6t] { height: 39px; padding: 0 14px; }
.action-button[b-jyqrxhmy6t] { background: #fff; color: #29343e; border: 1px solid #d0d5da; }
.action-button:hover:not(:disabled)[b-jyqrxhmy6t] { background: #f5f6f7; }
.primary-button[b-jyqrxhmy6t] { background: #ff6500; color: #fff; border: 1px solid #ff6500; }
.primary-button:hover:not(:disabled)[b-jyqrxhmy6t] { background: #e95d00; border-color: #e95d00; }
.close-button[b-jyqrxhmy6t] { background: #29343e; color: #fff; border: 1px solid #29343e; }
.close-button:hover:not(:disabled)[b-jyqrxhmy6t] { background: #1e272f; }
.delete-button[b-jyqrxhmy6t] { background: #fff; color: #a94339; border: 1px solid #dfb8b3; }
.delete-button:hover:not(:disabled)[b-jyqrxhmy6t] { background: #fff5f4; border-color: #c86d64; }
.delete-confirm-button[b-jyqrxhmy6t] { background: #b54238; color: #fff; border: 1px solid #b54238; }
.delete-confirm-button:hover:not(:disabled)[b-jyqrxhmy6t] { background: #9f372f; border-color: #9f372f; }
.action-button:disabled[b-jyqrxhmy6t],
.primary-button:disabled[b-jyqrxhmy6t],
.close-button:disabled[b-jyqrxhmy6t],
.delete-button:disabled[b-jyqrxhmy6t],
.delete-confirm-button:disabled[b-jyqrxhmy6t] { opacity: .42; cursor: default; }

.message[b-jyqrxhmy6t] {
    flex: 0 0 auto;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 12px;
}
.message.error[b-jyqrxhmy6t] { color: #9c2f28; background: #fff3f1; border: 1px solid #edc4c0; }
.message.success[b-jyqrxhmy6t] { color: #2f6f49; background: #f0faf4; border: 1px solid #bddfc9; }
.empty-state[b-jyqrxhmy6t] { padding: 24px; background: #fff; border: 1px solid #dce1e5; border-radius: 7px; color: #7c8790; }

.remesa-summary[b-jyqrxhmy6t] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.summary-card[b-jyqrxhmy6t] {
    min-height: 82px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 3px;
    padding: 13px 15px;
    background: #fff;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}
.summary-card.total[b-jyqrxhmy6t] { border-left: 3px solid #ff6500; }
.summary-label[b-jyqrxhmy6t] { color: #69757f; font-size: 10px; font-weight: 650; text-transform: uppercase; letter-spacing: .3px; }
.summary-card strong[b-jyqrxhmy6t] { align-self: end; color: #202a33; font-size: 23px; font-weight: 700; }
.summary-card strong.date-value[b-jyqrxhmy6t] { font-size: 19px; }
.summary-caption[b-jyqrxhmy6t] { color: #8a949d; font-size: 9px; }

.remesa-card[b-jyqrxhmy6t] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}
.list-toolbar[b-jyqrxhmy6t] {
    flex: 0 0 auto;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px 8px 15px;
    border-bottom: 1px solid #e1e5e8;
}
.list-title[b-jyqrxhmy6t] { color: #26313a; font-size: 14px; font-weight: 700; }
.list-subtitle[b-jyqrxhmy6t] { margin-top: 2px; color: #89939c; font-size: 10px; }
.list-controls[b-jyqrxhmy6t] { display: flex; align-items: center; gap: 7px; }
.mini-button[b-jyqrxhmy6t] { height: 31px; padding: 0 9px; color: #44515b; background: #fff; border: 1px solid #d0d6da; }
.mini-button:hover[b-jyqrxhmy6t] { color: #ff6500; border-color: #ff6500; }
.toolbar-search[b-jyqrxhmy6t] {
    width: 280px;
    height: 32px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 9px;
    background: #fff;
    border: 1px solid #d1d6da;
    border-radius: 4px;
}
.toolbar-search span[b-jyqrxhmy6t] { color: #7f8992; font-size: 15px; }
.toolbar-search input[b-jyqrxhmy6t] { width: 100%; min-width: 0; border: 0; outline: 0; color: #26313b; font: inherit; font-size: 11px; }

.table-container[b-jyqrxhmy6t] { min-height: 0; flex: 1 1 auto; overflow: auto; }
.recibos-table[b-jyqrxhmy6t] { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 11px; }
.recibos-table th[b-jyqrxhmy6t] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 9px 10px;
    text-align: left;
    color: #68737d;
    background: #f6f7f8;
    border-bottom: 1px solid #dfe3e6;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .25px;
}
.recibos-table td[b-jyqrxhmy6t] { padding: 8px 10px; border-bottom: 1px solid #edf0f2; vertical-align: middle; }
.recibos-table th:nth-child(1)[b-jyqrxhmy6t] { width: 6%; }
.recibos-table th:nth-child(2)[b-jyqrxhmy6t] { width: 15%; }
.recibos-table th:nth-child(3)[b-jyqrxhmy6t] { width: 22%; }
.recibos-table th:nth-child(4)[b-jyqrxhmy6t] { width: 13%; }
.recibos-table th:nth-child(5)[b-jyqrxhmy6t] { width: 12%; }
.recibos-table th:nth-child(6)[b-jyqrxhmy6t] { width: 13%; }
.recibos-table th:nth-child(7)[b-jyqrxhmy6t] { width: 19%; }
.selected-row[b-jyqrxhmy6t] { background: #fff8f3; }
.selected-row:hover[b-jyqrxhmy6t] { background: #fff4eb; }
.seleccion[b-jyqrxhmy6t] { text-align: center !important; }
.seleccion input[b-jyqrxhmy6t] { width: 15px; height: 15px; accent-color: #ff6500; cursor: pointer; }
.included-mark[b-jyqrxhmy6t] { color: #367b50; font-size: 14px; font-weight: 800; }
.factura-cell[b-jyqrxhmy6t],
.cliente-cell[b-jyqrxhmy6t] { display: flex; flex-direction: column; gap: 2px; }
.factura-cell strong[b-jyqrxhmy6t],
.cliente-cell strong[b-jyqrxhmy6t] { color: #27323c; font-size: 11px; }
.factura-cell span[b-jyqrxhmy6t],
.cliente-cell span[b-jyqrxhmy6t] { color: #89939c; font-size: 9px; }
.importe[b-jyqrxhmy6t] { text-align: right !important; font-variant-numeric: tabular-nums; }
.empty-row[b-jyqrxhmy6t] { padding: 30px !important; text-align: center; color: #89939c; }

.footer-bar[b-jyqrxhmy6t] {
    flex: 0 0 49px;
    min-height: 49px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 8px 13px 8px 15px;
    border-top: 1px solid #e1e5e8;
    background: #fff;
}
.header-status-pill[b-jyqrxhmy6t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}
.header-status-pill.draft[b-jyqrxhmy6t] { color: #a04b00; background: #fff0e4; }
.header-status-pill.closed[b-jyqrxhmy6t] { color: #45545f; background: #edf1f4; }
.unsaved[b-jyqrxhmy6t] { margin-left: 0; color: #b24b00; font-size: 10px; font-weight: 650; }
.footer-total[b-jyqrxhmy6t] { display: flex; align-items: baseline; gap: 12px; color: #66727c; font-size: 10px; }
.footer-total strong[b-jyqrxhmy6t] { color: #202a33; font-size: 16px; }


.modal-backdrop[b-jyqrxhmy6t] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(20, 27, 33, .48);
}
.confirm-modal[b-jyqrxhmy6t] {
    width: 430px;
    max-width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #d6dce0;
    border-radius: 8px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .22);
}
.confirm-title[b-jyqrxhmy6t] {
    color: #202a33;
    font-size: 18px;
    font-weight: 700;
}
.confirm-modal p[b-jyqrxhmy6t] {
    margin: 10px 0 14px;
    color: #626e78;
    font-size: 12px;
    line-height: 1.5;
}
.confirm-summary[b-jyqrxhmy6t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 12px;
    background: #f7f8f9;
    border: 1px solid #e1e5e8;
    border-radius: 5px;
    color: #59656f;
    font-size: 11px;
}
.confirm-summary strong[b-jyqrxhmy6t] { color: #202a33; font-size: 15px; }
.confirm-actions[b-jyqrxhmy6t] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

/* 9K2B - Prevision de fechas SEPA. No representa aun una exportacion bancaria. */
.sepa-preview[b-jyqrxhmy6t] {
    flex: 0 0 auto;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #dce1e5;
    border-left: 3px solid #ff6500;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}
.sepa-preview-header[b-jyqrxhmy6t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.sepa-kicker[b-jyqrxhmy6t] {
    margin-bottom: 3px;
    color: #ff6500;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .45px;
}
.sepa-preview h2[b-jyqrxhmy6t] {
    margin: 0;
    color: #26313a;
    font-size: 15px;
    font-weight: 700;
}
.sepa-preview p[b-jyqrxhmy6t] {
    max-width: 720px;
    margin: 4px 0 0;
    color: #75818a;
    font-size: 10px;
    line-height: 1.45;
}
.sepa-preview-stats[b-jyqrxhmy6t] {
    display: flex;
    gap: 8px;
}
.sepa-preview-stats > div[b-jyqrxhmy6t] {
    min-width: 120px;
    padding: 7px 9px;
    background: #f7f8f9;
    border: 1px solid #e1e5e8;
    border-radius: 5px;
}
.sepa-preview-stats span[b-jyqrxhmy6t],
.sepa-preview-stats strong[b-jyqrxhmy6t] {
    display: block;
}
.sepa-preview-stats span[b-jyqrxhmy6t] {
    color: #7d8992;
    font-size: 8px;
    font-weight: 650;
    text-transform: uppercase;
}
.sepa-preview-stats strong[b-jyqrxhmy6t] {
    margin-top: 3px;
    color: #28333c;
    font-size: 13px;
}
.sepa-warning[b-jyqrxhmy6t],
.sepa-ok[b-jyqrxhmy6t] {
    margin-top: 9px;
    padding: 7px 9px;
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.45;
}
.sepa-warning[b-jyqrxhmy6t] {
    color: #8d4709;
    background: #fff7ef;
    border: 1px solid #f0d1b5;
}
.sepa-ok[b-jyqrxhmy6t] {
    color: #2f6f49;
    background: #f0faf4;
    border: 1px solid #bddfc9;
}
.sepa-groups[b-jyqrxhmy6t] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.sepa-group-chip[b-jyqrxhmy6t] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 8px;
    background: #f7f8f9;
    border: 1px solid #e0e4e7;
    border-radius: 999px;
    color: #69757f;
    font-size: 9px;
}
.sepa-group-chip strong[b-jyqrxhmy6t] { color: #27323b; }
.sepa-note[b-jyqrxhmy6t] {
    margin-top: 7px;
    color: #89939c;
    font-size: 9px;
    line-height: 1.4;
}
.sepa-date-cell[b-jyqrxhmy6t] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}
.sepa-date-cell strong[b-jyqrxhmy6t] {
    color: #27323c;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}
.sepa-date-badge[b-jyqrxhmy6t] {
    display: inline-flex;
    padding: 2px 5px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
}
.sepa-date-badge.ok[b-jyqrxhmy6t] {
    color: #397052;
    background: #eef8f2;
}
.sepa-date-badge.adjusted[b-jyqrxhmy6t] {
    color: #9a4b08;
    background: #fff0e4;
}

.recibos-table.with-sepa th:nth-child(1)[b-jyqrxhmy6t] { width: 5%; }
.recibos-table.with-sepa th:nth-child(2)[b-jyqrxhmy6t] { width: 13%; }
.recibos-table.with-sepa th:nth-child(3)[b-jyqrxhmy6t] { width: 19%; }
.recibos-table.with-sepa th:nth-child(4)[b-jyqrxhmy6t] { width: 11%; }
.recibos-table.with-sepa th:nth-child(5)[b-jyqrxhmy6t] { width: 15%; }
.recibos-table.with-sepa th:nth-child(6)[b-jyqrxhmy6t] { width: 10%; }
.recibos-table.with-sepa th:nth-child(7)[b-jyqrxhmy6t] { width: 12%; }
.recibos-table.with-sepa th:nth-child(8)[b-jyqrxhmy6t] { width: 15%; }

/* 9K3A - Exportacion SEPA CORE pain.008.001.08 */
.sepa-export-id[b-jyqrxhmy6t] {
    margin-top: 9px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border-radius: 5px;
    background: #f7f8f9;
    border: 1px solid #e1e5e8;
    font-size: 9px;
}
.sepa-export-id span[b-jyqrxhmy6t] {
    color: #7d8992;
    font-weight: 700;
    text-transform: uppercase;
}
.sepa-export-id strong[b-jyqrxhmy6t] {
    color: #28333c;
    font-family: Consolas, "Courier New", monospace;
    font-size: 10px;
}
.modal-warning[b-jyqrxhmy6t] { margin-bottom: 0; }

.vencimiento-cell[b-jyqrxhmy6t] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.vencimiento-cell strong[b-jyqrxhmy6t] {
    font-size: 11px;
    font-weight: 650;
}

.re-presentacion-badge[b-jyqrxhmy6t] {
    display: inline-flex;
    width: fit-content;
    padding: 2px 6px;
    color: #9a4a00;
    background: #fff4e8;
    border: 1px solid #f2cfaa;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 650;
    white-space: nowrap;
}


/* =========================================================
   10E17 - PULIDO VISUAL DETALLE DE REMESA
   ========================================================= */
.page-heading[b-jyqrxhmy6t] {
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 7px;
}
.page-heading-icon[b-jyqrxhmy6t] {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.page-heading-copy[b-jyqrxhmy6t] { min-width: 0; }
.page-heading-title-row[b-jyqrxhmy6t] {
    display: flex;
    align-items: center;
    gap: 9px;
}
.page-heading-title-row .header-status-pill[b-jyqrxhmy6t] {
    min-width: auto;
    padding: 4px 9px;
    font-size: 9.75px;
}
.page-heading h1[b-jyqrxhmy6t] {
    font-size: 28px;
    white-space: nowrap;
}
.page-heading span[b-jyqrxhmy6t] { margin-top: 4px; font-size: 11.25px; }
.action-button[b-jyqrxhmy6t],
.primary-button[b-jyqrxhmy6t],
.close-button[b-jyqrxhmy6t],
.delete-button[b-jyqrxhmy6t],
.delete-confirm-button[b-jyqrxhmy6t] {
    gap: 6px;
    border-radius: 6px;
    font-size: 11.5px;
}
.button-icon[b-jyqrxhmy6t] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.summary-card[b-jyqrxhmy6t] { min-height: 84px; }
.summary-label[b-jyqrxhmy6t] { font-size: 10.75px; }
.summary-caption[b-jyqrxhmy6t] { font-size: 9.75px; }
.list-title[b-jyqrxhmy6t] { font-size: 14.5px; }
.list-subtitle[b-jyqrxhmy6t] { font-size: 10.5px; }
.mini-button[b-jyqrxhmy6t] {
    gap: 5px;
    border-radius: 5px;
    font-size: 10.75px;
}
.mini-icon[b-jyqrxhmy6t] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.toolbar-search[b-jyqrxhmy6t] { border-radius: 5px; }
.search-icon[b-jyqrxhmy6t] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    fill: none;
    stroke: #7f8992;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.recibos-table[b-jyqrxhmy6t] { font-size: 11.25px; }
.recibos-table th[b-jyqrxhmy6t] { font-size: 10.25px; }
.recibos-table td[b-jyqrxhmy6t] { padding-top: 8.75px; padding-bottom: 8.75px; }
.factura-cell strong[b-jyqrxhmy6t],
.cliente-cell strong[b-jyqrxhmy6t] { font-size: 11.25px; }
.factura-cell span[b-jyqrxhmy6t],
.cliente-cell span[b-jyqrxhmy6t] { font-size: 9.5px; }
.footer-total[b-jyqrxhmy6t] { font-size: 10.5px; }
.footer-total strong[b-jyqrxhmy6t] { font-size: 16.5px; }

.confirm-modal[b-jyqrxhmy6t] {
    width: 470px;
    padding: 0;
    overflow: hidden;
    border-radius: 9px;
}
.confirm-header[b-jyqrxhmy6t] {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #e2e6e9;
}
.confirm-title-wrap[b-jyqrxhmy6t] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}
.confirm-icon[b-jyqrxhmy6t] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.confirm-title[b-jyqrxhmy6t] { font-size: 18px; }
.modal-close[b-jyqrxhmy6t] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #73808a;
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}
.modal-close:hover[b-jyqrxhmy6t] { color: #ff6500; background: #fff4ed; }
.modal-close svg[b-jyqrxhmy6t] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.confirm-modal > p[b-jyqrxhmy6t] {
    margin: 0;
    padding: 14px 18px 0;
    font-size: 11.75px;
}
.confirm-summary[b-jyqrxhmy6t] {
    margin: 14px 18px 0;
    padding: 11px 12px;
    font-size: 11.25px;
}
.confirm-summary strong[b-jyqrxhmy6t] { font-size: 15.5px; }
.confirm-modal .sepa-warning.modal-warning[b-jyqrxhmy6t] {
    margin: 10px 18px 0;
}
.confirm-actions[b-jyqrxhmy6t] {
    margin-top: 14px;
    padding: 12px 18px;
    border-top: 1px solid #e2e6e9;
    background: #fafbfb;
}
.sepa-preview h2[b-jyqrxhmy6t] { font-size: 15.5px; }
.sepa-preview p[b-jyqrxhmy6t] { font-size: 10.25px; }

/* =========================================================
   10E34 - ELIMINACION SEGURA DE REMESA EN BORRADOR
   ========================================================= */
.confirm-icon.danger[b-jyqrxhmy6t] {
    stroke: #b54238;
}

.danger-summary[b-jyqrxhmy6t] {
    background: #fff7f6;
    border-color: #efd0cc;
}

.danger-summary strong[b-jyqrxhmy6t] {
    color: #a23c34;
}

.delete-warning[b-jyqrxhmy6t] {
    margin: 10px 18px 0;
    padding: 8px 10px;
    color: #8f4a14;
    background: #fff8ef;
    border: 1px solid #efd4b6;
    border-radius: 5px;
    font-size: 10.75px;
    line-height: 1.45;
}

/* /Components/Pages/Remesas.razor.rz.scp.css */
*[b-xwb5azpu5o] { box-sizing: border-box; }

.remesas-page[b-xwb5azpu5o] {
    width: 100%;
    height: 100%;
    min-width: 1000px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}

.page-toolbar[b-xwb5azpu5o] {
    flex: 0 0 auto;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.page-heading[b-xwb5azpu5o] { min-width: 260px; }
.page-heading h1[b-xwb5azpu5o] {
    margin: 0;
    color: #202731;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1;
}
.page-heading span[b-xwb5azpu5o] {
    display: block;
    margin-top: 5px;
    color: #7a858e;
    font-size: 11px;
}

.toolbar-actions[b-xwb5azpu5o] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.action-button[b-xwb5azpu5o],
.primary-button[b-xwb5azpu5o] {
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
    white-space: nowrap;
}

.action-button[b-xwb5azpu5o] {
    background: #fff;
    color: #29343e;
    border: 1px solid #d0d5da;
}
.action-button:hover:not(:disabled)[b-xwb5azpu5o] { background: #f5f6f7; }
.action-button:disabled[b-xwb5azpu5o] { opacity: .45; cursor: default; }

.primary-button[b-xwb5azpu5o] {
    background: #ff6500;
    color: #fff;
    border: 1px solid #ff6500;
}
.primary-button:hover[b-xwb5azpu5o] { background: #e95d00; border-color: #e95d00; }

.remesas-error[b-xwb5azpu5o] {
    flex: 0 0 auto;
    padding: 10px 12px;
    color: #9c2f28;
    background: #fff3f1;
    border: 1px solid #edc4c0;
    border-radius: 5px;
    font-size: 12px;
}

.remesas-summary[b-xwb5azpu5o] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.summary-card[b-xwb5azpu5o] {
    min-height: 82px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    gap: 3px 12px;
    padding: 13px 15px;
    text-align: left;
    background: #fff;
    color: #26313a;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}
button.summary-card[b-xwb5azpu5o] { font-family: inherit; cursor: pointer; }
button.summary-card:hover[b-xwb5azpu5o],
button.summary-card.selected[b-xwb5azpu5o] {
    border-color: #ff6500;
    box-shadow: inset 0 0 0 1px #ff6500;
}
.summary-label[b-xwb5azpu5o] {
    color: #69757f;
    font-size: 11px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.summary-card strong[b-xwb5azpu5o] {
    align-self: end;
    color: #202a33;
    font-size: 23px;
    font-weight: 700;
}
.summary-caption[b-xwb5azpu5o] {
    align-self: end;
    justify-self: end;
    color: #8a949d;
    font-size: 10px;
}
.summary-amount[b-xwb5azpu5o] {
    align-self: end;
    justify-self: end;
    color: #56636e;
    font-size: 13px;
    font-weight: 650;
}
.summary-card.closed strong[b-xwb5azpu5o] { color: #53616c; }
.summary-card.available[b-xwb5azpu5o] { border-left: 3px solid #ff6500; }
.summary-card.included[b-xwb5azpu5o] { border-left: 3px solid #4d718c; }

.remesas-card[b-xwb5azpu5o] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}

.list-toolbar[b-xwb5azpu5o] {
    flex: 0 0 auto;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px 8px 15px;
    border-bottom: 1px solid #e1e5e8;
}
.list-title[b-xwb5azpu5o] { color: #26313a; font-size: 14px; font-weight: 700; }
.list-subtitle[b-xwb5azpu5o] { margin-top: 2px; color: #89939c; font-size: 10px; }
.list-controls[b-xwb5azpu5o] { display: flex; align-items: center; gap: 10px; }
.list-filter[b-xwb5azpu5o],
.page-size-select[b-xwb5azpu5o] {
    height: 31px;
    padding: 0 8px;
    color: #38434d;
    background: #fff;
    border: 1px solid #ccd2d7;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    outline: 0;
}
.list-filter[b-xwb5azpu5o] { min-width: 130px; }
.page-size-control[b-xwb5azpu5o] { display: inline-flex; align-items: center; gap: 6px; color: #69757f; font-size: 10px; }

.table-container[b-xwb5azpu5o] { min-height: 0; flex: 1 1 auto; overflow: auto; }
.remesas-table[b-xwb5azpu5o] { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 11px; }
.remesas-table th[b-xwb5azpu5o] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 9px 10px;
    text-align: left;
    color: #68737d;
    background: #f6f7f8;
    border-bottom: 1px solid #dfe3e6;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .25px;
}
.remesas-table td[b-xwb5azpu5o] { padding: 9px 10px; border-bottom: 1px solid #edf0f2; vertical-align: middle; }
.remesas-table th:nth-child(1)[b-xwb5azpu5o] { width: 19%; }
.remesas-table th:nth-child(2)[b-xwb5azpu5o] { width: 13%; }
.remesas-table th:nth-child(3)[b-xwb5azpu5o] { width: 19%; }
.remesas-table th:nth-child(4)[b-xwb5azpu5o] { width: 19%; }
.remesas-table th:nth-child(5)[b-xwb5azpu5o] { width: 10%; }
.remesas-table th:nth-child(6)[b-xwb5azpu5o] { width: 14%; }
.remesas-table th:nth-child(7)[b-xwb5azpu5o] { width: 6%; }
.remesa-row[b-xwb5azpu5o] { cursor: pointer; }
.remesa-row:hover[b-xwb5azpu5o] { background: #fff9f5; }
.remesa-cell[b-xwb5azpu5o] { display: flex; flex-direction: column; gap: 2px; }
.remesa-cell strong[b-xwb5azpu5o] { color: #27323c; font-size: 12px; }
.remesa-cell span[b-xwb5azpu5o] { color: #8b959e; font-size: 9px; }
.numero[b-xwb5azpu5o] { text-align: center !important; }
.importe[b-xwb5azpu5o] { text-align: right !important; font-variant-numeric: tabular-nums; }
.acciones[b-xwb5azpu5o] { text-align: center !important; }

.estado-pill[b-xwb5azpu5o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}
.estado-pill.draft[b-xwb5azpu5o] { color: #a04b00; background: #fff0e4; }
.estado-pill.closed[b-xwb5azpu5o] { color: #45545f; background: #edf1f4; }

.open-button[b-xwb5azpu5o] {
    width: 28px;
    height: 28px;
    border: 1px solid #d2d7db;
    border-radius: 4px;
    background: #fff;
    color: #45515b;
    font-size: 18px;
    cursor: pointer;
}
.open-button:hover[b-xwb5azpu5o] { color: #ff6500; border-color: #ff6500; }
.empty-row[b-xwb5azpu5o] { padding: 30px !important; text-align: center; color: #89939c; }

.pagination-bar[b-xwb5azpu5o] {
    flex: 0 0 48px;
    min-height: 48px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 8px 12px 8px 15px;
    border-top: 1px solid #e1e5e8;
    background: #fff;
}
.pagination-info[b-xwb5azpu5o] { grid-column: 1; justify-self: start; color: #7a858f; font-size: 10px; }
.pagination-actions[b-xwb5azpu5o] { grid-column: 2; justify-self: center; display: flex; gap: 4px; }
.page-button[b-xwb5azpu5o] {
    min-width: 29px;
    height: 29px;
    padding: 0 7px;
    color: #45515b;
    background: #fff;
    border: 1px solid #d3d8dc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 10px;
    cursor: pointer;
}
.page-button:hover:not(:disabled)[b-xwb5azpu5o],
.page-button.active[b-xwb5azpu5o] { color: #fff; background: #ff6500; border-color: #ff6500; }
.page-button:disabled[b-xwb5azpu5o] { opacity: .35; cursor: default; }


/* =========================================================
   10E17 - PULIDO VISUAL REMESAS
   ========================================================= */
.page-heading[b-xwb5azpu5o] {
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 7px;
}
.page-heading-icon[b-xwb5azpu5o] {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.page-heading-copy[b-xwb5azpu5o] { min-width: 0; }
.page-heading h1[b-xwb5azpu5o] {
    font-size: 28px;
    white-space: nowrap;
}
.page-heading span[b-xwb5azpu5o] {
    margin-top: 4px;
    font-size: 11.25px;
}
.action-button[b-xwb5azpu5o],
.primary-button[b-xwb5azpu5o] {
    height: 39px;
    gap: 6px;
    font-size: 11.5px;
    border-radius: 6px;
}
.button-icon[b-xwb5azpu5o] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.summary-card[b-xwb5azpu5o] {
    min-height: 84px;
    padding: 13px 15px;
}
.summary-label[b-xwb5azpu5o] { font-size: 11px; }
.summary-card strong[b-xwb5azpu5o] { font-size: 24px; }
.summary-caption[b-xwb5azpu5o] { font-size: 10.25px; }
.summary-amount[b-xwb5azpu5o] { font-size: 13.5px; }
.list-title[b-xwb5azpu5o] { font-size: 14.5px; }
.list-subtitle[b-xwb5azpu5o] { font-size: 10.5px; }
.list-filter[b-xwb5azpu5o],
.page-size-select[b-xwb5azpu5o] { font-size: 11.25px; }
.page-size-control[b-xwb5azpu5o] { font-size: 10.25px; }
.remesas-table[b-xwb5azpu5o] { font-size: 11.25px; }
.remesas-table th[b-xwb5azpu5o] {
    padding: 9px 10px;
    font-size: 10.25px;
}
.remesas-table td[b-xwb5azpu5o] { padding: 9.5px 10px; }
.remesa-cell strong[b-xwb5azpu5o] { font-size: 12.25px; }
.remesa-cell span[b-xwb5azpu5o] { font-size: 9.5px; }
.estado-pill[b-xwb5azpu5o] {
    min-width: 76px;
    padding: 4px 9px;
    font-size: 10.25px;
}
.open-button[b-xwb5azpu5o] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 5px;
    font-size: 0;
}
.open-button svg[b-xwb5azpu5o] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.pagination-info[b-xwb5azpu5o] { font-size: 10.5px; }
.page-button[b-xwb5azpu5o] { font-size: 10.5px; }
/* /Components/Pages/VencimientosCobros.razor.rz.scp.css */
/* =========================================================
   YGFACTURAS 3.0 - VENCIMIENTOS / COBROS
   ========================================================= */

*[b-li35a5sq24] {
    box-sizing: border-box;
}

.vencimientos-page[b-li35a5sq24] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-width: 1080px;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #202731;
}

.page-toolbar[b-li35a5sq24] {
    flex: 0 0 auto;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.page-heading[b-li35a5sq24] {
    flex: 0 0 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    gap: 7px;
}

.page-heading-icon[b-li35a5sq24] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-heading-copy[b-li35a5sq24] {
    min-width: 0;
}

.page-heading h1[b-li35a5sq24] {
    margin: 0;
    color: #202731;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 1;
    white-space: nowrap;
}

.page-heading span[b-li35a5sq24] {
    display: block;
    margin-top: 5px;
    color: #7a858e;
    font-size: 11.25px;
}

.toolbar-actions[b-li35a5sq24] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.toolbar-spacer[b-li35a5sq24] {
    flex: 1 1 auto;
}

.action-button[b-li35a5sq24] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 14px;
    background: #fff;
    color: #29343e;
    border: 1px solid #d0d5da;
    border-radius: 6px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.button-icon[b-li35a5sq24] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.action-button:hover:not(:disabled)[b-li35a5sq24] {
    background: #f5f6f7;
    border-color: #bbc2c8;
}

.action-button:disabled[b-li35a5sq24] {
    opacity: .45;
    cursor: default;
}

.toolbar-search[b-li35a5sq24] {
    width: 315px;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #d1d6da;
    border-radius: 5px;
}

.search-icon[b-li35a5sq24] {
    width: 15px;
    height: 15px;
    min-width: 15px;
    fill: none;
    stroke: #7f8992;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.toolbar-search input[b-li35a5sq24] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #26313b;
    font: inherit;
    font-size: 12.25px;
}

.vencimientos-error[b-li35a5sq24] {
    flex: 0 0 auto;
    padding: 10px 12px;
    color: #9c2f28;
    background: #fff3f1;
    border: 1px solid #edc4c0;
    border-radius: 5px;
    font-size: 12px;
}

.vencimientos-summary[b-li35a5sq24] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.summary-card[b-li35a5sq24] {
    min-height: 84px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    gap: 3px 12px;
    padding: 13px 15px;
    text-align: left;
    background: #fff;
    color: #26313a;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}

button.summary-card[b-li35a5sq24] {
    font-family: inherit;
    cursor: pointer;
}

button.summary-card:hover[b-li35a5sq24],
button.summary-card.selected[b-li35a5sq24] {
    border-color: #ff6500;
    box-shadow: inset 0 0 0 1px #ff6500;
}

.summary-label[b-li35a5sq24] {
    color: #69757f;
    font-size: 11.25px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.summary-card strong[b-li35a5sq24] {
    align-self: end;
    color: #202a33;
    font-size: 24px;
    font-weight: 700;
}

.summary-amount[b-li35a5sq24] {
    align-self: end;
    justify-self: end;
    color: #56636e;
    font-size: 13.5px;
    font-weight: 650;
}

.summary-caption[b-li35a5sq24] {
    align-self: end;
    justify-self: end;
    color: #8a949d;
    font-size: 10px;
}

.summary-card.overdue strong[b-li35a5sq24],
.summary-card.overdue .summary-amount[b-li35a5sq24] {
    color: #bd3c32;
}

.summary-card.paid strong[b-li35a5sq24],
.summary-card.paid .summary-amount[b-li35a5sq24] {
    color: #367b50;
}

.summary-card.outstanding[b-li35a5sq24] {
    border-left: 3px solid #ff6500;
}

.vencimientos-card[b-li35a5sq24] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce1e5;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(20, 31, 40, .04);
}

.list-toolbar[b-li35a5sq24] {
    flex: 0 0 auto;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px 8px 15px;
    border-bottom: 1px solid #e1e5e8;
}

.list-title[b-li35a5sq24] {
    color: #26313a;
    font-size: 14.5px;
    font-weight: 700;
}

.list-subtitle[b-li35a5sq24] {
    margin-top: 2px;
    color: #89939c;
    font-size: 10.5px;
}

.list-filter[b-li35a5sq24] {
    height: 31px;
    min-width: 145px;
    padding: 0 8px;
    color: #38434d;
    background: #fff;
    border: 1px solid #ccd2d7;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    outline: 0;
}

.list-filter.medio[b-li35a5sq24] {
    min-width: 155px;
}

.list-controls[b-li35a5sq24] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-size-control[b-li35a5sq24] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #69757f;
    font-size: 10px;
    white-space: nowrap;
}

.page-size-select[b-li35a5sq24] {
    height: 31px;
    min-width: 58px;
    padding: 0 7px;
    color: #38434d;
    background: #fff;
    border: 1px solid #ccd2d7;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    outline: 0;
}

.table-container[b-li35a5sq24] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
}

.pagination-bar[b-li35a5sq24] {
    flex: 0 0 auto;
    min-height: 44px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 7px 12px 7px 15px;
    background: #fff;
    border-top: 1px solid #e1e5e8;
}

.pagination-info[b-li35a5sq24] {
    grid-column: 1;
    justify-self: start;
    color: #7b8790;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}

.pagination-actions[b-li35a5sq24] {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-button[b-li35a5sq24] {
    min-width: 29px;
    height: 29px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4c5963;
    background: #fff;
    border: 1px solid #d3d9de;
    border-radius: 4px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 650;
    cursor: pointer;
}

.page-button:hover:not(:disabled):not(.active)[b-li35a5sq24] {
    background: #f5f6f7;
    border-color: #bbc3c9;
}

.page-button.active[b-li35a5sq24] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.page-button.nav[b-li35a5sq24] {
    font-size: 18px;
    line-height: 1;
}

.page-button:disabled[b-li35a5sq24] {
    opacity: .4;
    cursor: default;
}

.vencimientos-table[b-li35a5sq24] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11.25px;
}

.vencimientos-table th[b-li35a5sq24] {
    position: sticky;
    top: 0;
    z-index: 1;
    height: 36px;
    padding: 0 10px;
    text-align: left;
    color: #68747e;
    background: #f6f7f8;
    border-bottom: 1px solid #dce1e5;
    font-size: 10.25px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
}

.vencimientos-table td[b-li35a5sq24] {
    height: 48px;
    padding: 6px 10px;
    overflow: hidden;
    color: #33404a;
    border-bottom: 1px solid #edf0f2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vencimientos-table th:nth-child(1)[b-li35a5sq24] { width: 120px; }
.vencimientos-table th:nth-child(2)[b-li35a5sq24] { width: 205px; }
.vencimientos-table th:nth-child(3)[b-li35a5sq24] { width: 115px; }
.vencimientos-table th:nth-child(4)[b-li35a5sq24] { width: 105px; }
.vencimientos-table th:nth-child(5)[b-li35a5sq24] { width: 155px; }
.vencimientos-table th:nth-child(6)[b-li35a5sq24] { width: 110px; }
.vencimientos-table th:nth-child(7)[b-li35a5sq24] { width: 220px; }
.vencimientos-table th:nth-child(8)[b-li35a5sq24] { width: 44px; }

.vencimiento-row[b-li35a5sq24] {
    cursor: pointer;
}

.vencimiento-row:hover td[b-li35a5sq24] {
    background: #fff8f3;
}

.factura-cell[b-li35a5sq24],
.cliente-cell[b-li35a5sq24] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.factura-cell strong[b-li35a5sq24],
.cliente-cell strong[b-li35a5sq24] {
    overflow: hidden;
    color: #26313a;
    font-weight: 650;
    text-overflow: ellipsis;
}

.factura-cell span[b-li35a5sq24],
.cliente-cell span[b-li35a5sq24] {
    overflow: hidden;
    color: #8a949c;
    font-size: 10.25px;
    text-overflow: ellipsis;
}

.vencimientos-table .importe[b-li35a5sq24] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.estado-pill[b-li35a5sq24] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    max-width: 100%;
    height: 24px;
    padding: 0 9px;
    border-radius: 12px;
    font-size: 10.25px;
    white-space: nowrap;
    font-weight: 700;
}

.estado-pill.pending[b-li35a5sq24] {
    color: #8a5c13;
    background: #fff5dd;
    border: 1px solid #efd59e;
}

.estado-pill.overdue[b-li35a5sq24] {
    color: #a93830;
    background: #fff0ef;
    border: 1px solid #ecc5c1;
}

.estado-pill.paid[b-li35a5sq24] {
    color: #2e7548;
    background: #edf8f1;
    border: 1px solid #c5e5d0;
}

.acciones[b-li35a5sq24] {
    text-align: center !important;
}

.open-button[b-li35a5sq24] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #59656f;
    background: #fff;
    border: 1px solid #d6dbe0;
    border-radius: 5px;
    cursor: pointer;
}

.open-button svg[b-li35a5sq24] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.open-button:hover[b-li35a5sq24] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.empty-row[b-li35a5sq24] {
    height: 90px !important;
    color: #89939c !important;
    text-align: center !important;
}

/* =========================================================
   9J3 - ACCIONES DE COBRO DIRECTO
   ========================================================= */

.operacion-mensaje[b-li35a5sq24] {
    flex: 0 0 auto;
    padding: 9px 12px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
}

.operacion-mensaje.success[b-li35a5sq24] {
    color: #31734d;
    background: #edf8f1;
    border: 1px solid #d0ead9;
}

.operacion-mensaje.error[b-li35a5sq24] {
    color: #a94339;
    background: #fff2f1;
    border: 1px solid #efd2ce;
}

.vencimientos-table th:nth-child(7)[b-li35a5sq24] { width: 180px; }
.vencimientos-table th:nth-child(8)[b-li35a5sq24] { width: 195px; }

.row-actions[b-li35a5sq24] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-width: 0;
}

.row-action-button[b-li35a5sq24] {
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    color: #4f5c66;
    background: #fff;
    border: 1px solid #d2d8dd;
    border-radius: 5px;
    font-family: inherit;
    font-size: 9.75px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.row-action-icon[b-li35a5sq24] {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.row-action-button.primary[b-li35a5sq24] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.row-action-button.receipt[b-li35a5sq24] {
    color: #8a5c13;
    background: #fff8e8;
    border-color: #e8d19e;
}

.row-action-button:hover:not(:disabled)[b-li35a5sq24] {
    filter: brightness(.96);
}

.row-action-button:disabled[b-li35a5sq24] {
    opacity: .45;
    cursor: default;
}

.cobro-modal-overlay[b-li35a5sq24] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(18, 28, 37, .58);
}

.cobro-modal[b-li35a5sq24] {
    width: min(480px, 100%);
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8dde2;
    border-radius: 9px;
    box-shadow: 0 22px 55px rgba(13, 23, 31, .28);
}

.cobro-modal-header[b-li35a5sq24] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px 15px;
    border-bottom: 1px solid #e3e7ea;
}

.cobro-modal-heading[b-li35a5sq24] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.cobro-modal-heading-icon[b-li35a5sq24] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: 1px;
    fill: none;
    stroke: #ff6500;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cobro-modal-header h2[b-li35a5sq24] {
    margin: 0 0 4px;
    color: #202a33;
    font-size: 18px;
}

.cobro-modal-header p[b-li35a5sq24] {
    margin: 0;
    color: #68737d;
    font-size: 11.25px;
}

.cobro-modal-close[b-li35a5sq24] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #66717b;
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.cobro-modal-close svg[b-li35a5sq24] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.cobro-modal-close:hover:not(:disabled)[b-li35a5sq24] {
    background: #f0f2f4;
}

.cobro-modal-close:disabled[b-li35a5sq24] {
    opacity: .4;
    cursor: default;
}

.cobro-modal-body[b-li35a5sq24] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px 20px;
}

.cobro-resumen[b-li35a5sq24] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px 14px;
    margin-bottom: 8px;
    padding: 10px 12px;
    background: #f7f8f9;
    border: 1px solid #e2e6e9;
    border-radius: 5px;
    font-size: 10px;
}

.cobro-resumen span[b-li35a5sq24] {
    color: #73808a;
}

.cobro-resumen strong[b-li35a5sq24] {
    color: #2d3841;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cobro-modal-body label[b-li35a5sq24] {
    color: #303a43;
    font-size: 11px;
    font-weight: 650;
}

.cobro-modal-body input[type="date"][b-li35a5sq24] {
    width: 170px;
    height: 36px;
    padding: 0 9px;
    color: #27313a;
    background: #fff;
    border: 1px solid #cfd5da;
    border-radius: 5px;
    outline: none;
    font-family: inherit;
    font-size: 11px;
}

.cobro-modal-body input[type="date"]:focus[b-li35a5sq24] {
    border-color: #ff6500;
    box-shadow: 0 0 0 2px rgba(255, 101, 0, .12);
}

.cobro-modal-body small[b-li35a5sq24] {
    color: #78828b;
    font-size: 9px;
    line-height: 1.4;
}

.cobro-modal-error[b-li35a5sq24] {
    margin-top: 6px;
    padding: 9px 11px;
    color: #a83229;
    background: #fff1f0;
    border: 1px solid #efc3bf;
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.4;
}

.cobro-modal-footer[b-li35a5sq24] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 20px;
    background: #f8f9fa;
    border-top: 1px solid #e3e7ea;
}

.cobro-modal-button[b-li35a5sq24] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 15px;
    color: #2c3740;
    background: #fff;
    border: 1px solid #cbd2d7;
    border-radius: 6px;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 650;
    cursor: pointer;
}

.modal-button-icon[b-li35a5sq24] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cobro-modal-button.primary[b-li35a5sq24] {
    color: #fff;
    background: #ff6500;
    border-color: #ff6500;
}

.cobro-modal-button:hover:not(:disabled)[b-li35a5sq24] {
    filter: brightness(.96);
}

.cobro-modal-button:disabled[b-li35a5sq24] {
    opacity: .45;
    cursor: default;
}