/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-gzo8vdsa49] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gzo8vdsa49] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


/* ===== TicoPlay Modern White Theme ===== */

:root[b-gzo8vdsa49]{
    --menu-bg:#ffffff;
    --menu-hover:#f4f8ff;
    --menu-active:#e8f1ff;
    --menu-border:#d9e5f5;
    --text:#15335f;
}

.app-shell[b-gzo8vdsa49]{
    background:linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%);
}

.sidebar[b-gzo8vdsa49]{
    background:var(--menu-bg);
    color:var(--text);
    border-right:1px solid #e6edf7;
    box-shadow:6px 0 20px rgba(18,58,107,.06);
}

.brand h2[b-gzo8vdsa49]{
    color:#102f5c;
    font-size:34px;
    font-weight:800;
}

.brand span[b-gzo8vdsa49]{
    color:#5d708b;
    font-size:15px;
}

.menu[b-gzo8vdsa49]{
    gap:12px;
}

.menu a[b-gzo8vdsa49]{
    background:#fff;
    color:var(--text);
    border:1px solid var(--menu-border);
    border-radius:14px;
    padding:16px 18px;
    font-size:18px;
    font-weight:700;
    box-shadow:0 3px 10px rgba(0,0,0,.04);
    transition:.2s;
}

.menu a:hover[b-gzo8vdsa49]{
    background:var(--menu-hover);
    transform:translateX(3px);
}

.menu a.active[b-gzo8vdsa49],
.menu a[aria-current="page"][b-gzo8vdsa49]{
    background:var(--menu-active);
    color:#155eef;
    border-color:#b8d2ff;
    box-shadow:inset 4px 0 0 #2b7cff;
}

.logout-button[b-gzo8vdsa49]{
    background:#fff;
    color:#d62828;
    border:2px solid #ffd1d1;
    border-radius:16px;
    font-size:20px;
    font-weight:800;
}

.logout-button:hover[b-gzo8vdsa49]{
    background:#fff5f5;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-160uhp3exl],
.components-reconnect-repeated-attempt-visible[b-160uhp3exl],
.components-reconnect-failed-visible[b-160uhp3exl],
.components-pause-visible[b-160uhp3exl],
.components-resume-failed-visible[b-160uhp3exl],
.components-rejoining-animation[b-160uhp3exl] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-160uhp3exl {
    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/Caja/CajaVendedoresTab.razor.rz.scp.css */
.caja-page[b-rfo6azqu63]{padding:18px;background:#f3f6fa;min-height:100%;font-family:Inter,"Segoe UI",Arial;color:#172033}.caja-title[b-rfo6azqu63]{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:18px 20px;margin-bottom:13px;box-shadow:0 4px 16px rgba(15,35,70,.05)}.caja-title span[b-rfo6azqu63],.panel-head span[b-rfo6azqu63],.modal header span[b-rfo6azqu63]{color:#1677ff;font-size:10px;font-weight:950;letter-spacing:.08em}.caja-title h1[b-rfo6azqu63]{margin:4px 0;font-size:28px}.caja-title p[b-rfo6azqu63],.panel-head p[b-rfo6azqu63]{margin:0;color:#718096;font-size:12px}.saldo-card[b-rfo6azqu63]{display:grid;gap:4px;text-align:right;padding:10px 14px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff}.saldo-card strong[b-rfo6azqu63]{font-size:23px;color:#166534}.negativo[b-rfo6azqu63]{color:#c62828!important}.alert[b-rfo6azqu63]{padding:11px 14px;border-radius:9px;margin-bottom:12px;font-size:12px;font-weight:850}.alert.ok[b-rfo6azqu63]{background:#dcfce7;color:#166534}.alert.error[b-rfo6azqu63]{background:#fee2e2;color:#991b1b}.panel[b-rfo6azqu63]{background:#fff;border:1px solid #dfe6ef;border-radius:13px;overflow:hidden;box-shadow:0 4px 14px rgba(15,35,70,.035)}.panel h2[b-rfo6azqu63]{font-size:17px;margin:0}.panel-head[b-rfo6azqu63]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #edf1f6}.caja-grid-dos[b-rfo6azqu63]{display:grid;grid-template-columns:380px 1fr;gap:13px}.form-panel[b-rfo6azqu63]{padding:16px}.form-panel h2[b-rfo6azqu63]{margin-bottom:14px}.form-panel label[b-rfo6azqu63],.operacion label[b-rfo6azqu63],.confirm-body label[b-rfo6azqu63]{display:grid;gap:5px;margin-top:11px}.form-panel label span[b-rfo6azqu63],.operacion label span[b-rfo6azqu63],.filters-line label span[b-rfo6azqu63],.confirm-body label span[b-rfo6azqu63]{font-size:9px;color:#64748b;font-weight:950;letter-spacing:.04em}.form-panel input[b-rfo6azqu63],.form-panel textarea[b-rfo6azqu63],.operacion input[b-rfo6azqu63],.operacion textarea[b-rfo6azqu63],.operacion select[b-rfo6azqu63],.filters-line input[b-rfo6azqu63],.filters-line select[b-rfo6azqu63],.confirm-body textarea[b-rfo6azqu63]{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;background:#fff;font-size:13px}.form-panel textarea[b-rfo6azqu63],.operacion textarea[b-rfo6azqu63],.confirm-body textarea[b-rfo6azqu63]{min-height:85px;resize:vertical}.tipo-switch[b-rfo6azqu63],.button-pair[b-rfo6azqu63]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tipo-switch button[b-rfo6azqu63],.principal[b-rfo6azqu63],.secondary[b-rfo6azqu63],.pay[b-rfo6azqu63],.withdraw[b-rfo6azqu63],.cancel[b-rfo6azqu63],.small-danger[b-rfo6azqu63]{border:0;border-radius:8px;min-height:41px;padding:0 14px;font-size:10px;font-weight:950;cursor:pointer}.tipo-switch button[b-rfo6azqu63]{background:#edf2f7;color:#526178}.tipo-switch .active.ingreso[b-rfo6azqu63],.pay[b-rfo6azqu63]{background:#15803d;color:#fff}.tipo-switch .active.retiro[b-rfo6azqu63],.withdraw[b-rfo6azqu63],.small-danger[b-rfo6azqu63]{background:#dc2626;color:#fff}.principal[b-rfo6azqu63]{background:#1766c1;color:#fff;margin-top:13px}.principal.danger[b-rfo6azqu63]{background:#dc2626}.secondary[b-rfo6azqu63]{background:#e7f0fb;color:#175ba6}.cancel[b-rfo6azqu63]{background:#64748b;color:#fff}.table-wrap[b-rfo6azqu63]{overflow:auto}table[b-rfo6azqu63]{width:100%;border-collapse:collapse;min-width:760px}th[b-rfo6azqu63]{padding:11px 12px;background:#f5f8fc;color:#64748b;font-size:9px;text-align:left}td[b-rfo6azqu63]{padding:11px 12px;border-top:1px solid #edf1f6;font-size:12px;vertical-align:middle}td small[b-rfo6azqu63]{display:block;color:#718096;margin-top:3px;font-size:9px}.money[b-rfo6azqu63]{font-weight:900}.tag[b-rfo6azqu63]{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:950}.tag.in[b-rfo6azqu63]{background:#dcfce7;color:#166534}.tag.out[b-rfo6azqu63]{background:#fee2e2;color:#991b1b}.modal-back[b-rfo6azqu63]{position:fixed;inset:0;z-index:9990;background:rgba(15,23,42,.68);display:grid;place-items:center;padding:16px}.modal[b-rfo6azqu63]{width:min(620px,97vw);max-height:92vh;overflow:auto;background:#fff;border-radius:15px}.modal.large[b-rfo6azqu63]{width:min(1050px,97vw)}.modal header[b-rfo6azqu63]{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #e5ebf2}.modal header h2[b-rfo6azqu63]{margin:3px 0}.close[b-rfo6azqu63]{width:37px;height:37px;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:22px}.filters[b-rfo6azqu63],.filters-line[b-rfo6azqu63]{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:13px 16px}.filters label[b-rfo6azqu63],.filters-line label[b-rfo6azqu63]{display:grid;gap:4px}.filters input[b-rfo6azqu63]{min-height:40px;border:1px solid #cbd5e1;border-radius:7px;padding:0 9px}.caja-layout[b-rfo6azqu63]{display:grid;grid-template-columns:minmax(430px,1.1fr) minmax(340px,.9fr);gap:13px}.estructura[b-rfo6azqu63]{padding-bottom:12px}.grupo[b-rfo6azqu63]{padding:10px 12px 0}.grupo h3[b-rfo6azqu63]{margin:7px 4px;font-size:10px;color:#64748b;letter-spacing:.05em}.usuario-row[b-rfo6azqu63]{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;margin-top:6px;text-align:left;cursor:pointer}.usuario-row:hover[b-rfo6azqu63],.usuario-row.selected[b-rfo6azqu63]{border-color:#65a9ef;background:#eff6ff}.usuario-row.inter[b-rfo6azqu63]{background:#f8fbff}.usuario-row div[b-rfo6azqu63]{display:grid;gap:3px}.usuario-row strong[b-rfo6azqu63]{font-size:13px}.usuario-row small[b-rfo6azqu63]{font-size:9px;color:#718096}.usuario-row b[b-rfo6azqu63]{font-size:14px;color:#166534}.operaciones-col[b-rfo6azqu63]{display:grid;gap:13px;align-content:start}.operacion[b-rfo6azqu63]{padding:0 15px 15px}.saldo-selected[b-rfo6azqu63]{display:grid;gap:3px;margin-top:13px;padding:12px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0}.saldo-selected span[b-rfo6azqu63]{font-size:9px;font-weight:950;color:#64748b}.saldo-selected strong[b-rfo6azqu63]{font-size:21px;color:#166534}.only-view[b-rfo6azqu63]{margin-top:13px;padding:13px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:11px}.confirm-body[b-rfo6azqu63]{padding:18px}.confirm-body p[b-rfo6azqu63]{font-size:15px;font-weight:750;line-height:1.5}.modal footer[b-rfo6azqu63]{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid #e5ebf2}.filters-line[b-rfo6azqu63]{margin-bottom:13px}.filters-line .principal[b-rfo6azqu63]{margin-top:0}.filters-line .check[b-rfo6azqu63]{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:42px}.filters-line .check input[b-rfo6azqu63]{width:auto;min-height:auto}.anulado[b-rfo6azqu63]{background:#fff1f2;color:#7f1d1d}.stats[b-rfo6azqu63]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:13px}.stats>div[b-rfo6azqu63]{display:grid;gap:5px;background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:13px}.stats span[b-rfo6azqu63]{font-size:9px;color:#64748b;font-weight:950}.stats strong[b-rfo6azqu63]{font-size:17px}.stats .gain[b-rfo6azqu63]{background:#ecfdf5}.stats .gain strong[b-rfo6azqu63],.gain-cell[b-rfo6azqu63]{color:#166534;font-weight:950}.stats .movement[b-rfo6azqu63]{background:#fff7ed}.stats .total[b-rfo6azqu63]{background:#eff6ff}.stats .total strong[b-rfo6azqu63]{font-size:20px;color:#1d4ed8}@media(max-width:900px){.caja-grid-dos[b-rfo6azqu63],.caja-layout[b-rfo6azqu63]{grid-template-columns:1fr}.caja-title[b-rfo6azqu63]{align-items:stretch;flex-direction:column}.saldo-card[b-rfo6azqu63]{text-align:left}}

/* ==========================================================
   TAMAÑOS GRANDES - MOVIMIENTOS DE CAJA
   ========================================================== */
.caja-title[b-rfo6azqu63]{
    padding:22px 24px!important;
}
.caja-title span[b-rfo6azqu63]{
    font-size:12px!important;
}
.caja-title h1[b-rfo6azqu63]{
    font-size:32px!important;
}
.caja-title p[b-rfo6azqu63]{
    font-size:15px!important;
}
.panel h2[b-rfo6azqu63]{
    font-size:21px!important;
}
.panel-head[b-rfo6azqu63]{
    padding:17px 19px!important;
}
.panel-head p[b-rfo6azqu63]{
    margin-top:4px!important;
    font-size:14px!important;
}
.alert[b-rfo6azqu63]{
    padding:14px 17px!important;
    font-size:14px!important;
}
.form-panel label span[b-rfo6azqu63],
.operacion label span[b-rfo6azqu63],
.filters-line label span[b-rfo6azqu63],
.confirm-body label span[b-rfo6azqu63],
.filters label span[b-rfo6azqu63]{
    font-size:11px!important;
}
.form-panel input[b-rfo6azqu63],
.form-panel textarea[b-rfo6azqu63],
.operacion input[b-rfo6azqu63],
.operacion textarea[b-rfo6azqu63],
.operacion select[b-rfo6azqu63],
.filters-line input[b-rfo6azqu63],
.filters-line select[b-rfo6azqu63],
.confirm-body textarea[b-rfo6azqu63],
.filters input[b-rfo6azqu63]{
    min-height:48px!important;
    font-size:16px!important;
    padding:11px 12px!important;
}
.form-panel textarea[b-rfo6azqu63],
.operacion textarea[b-rfo6azqu63],
.confirm-body textarea[b-rfo6azqu63]{
    min-height:100px!important;
}
.tipo-switch button[b-rfo6azqu63],
.principal[b-rfo6azqu63],
.secondary[b-rfo6azqu63],
.pay[b-rfo6azqu63],
.withdraw[b-rfo6azqu63],
.cancel[b-rfo6azqu63],
.small-danger[b-rfo6azqu63]{
    min-height:47px!important;
    padding:0 18px!important;
    font-size:13px!important;
}
th[b-rfo6azqu63]{
    padding:14px 15px!important;
    font-size:11px!important;
}
td[b-rfo6azqu63]{
    padding:14px 15px!important;
    font-size:14px!important;
}
td small[b-rfo6azqu63]{
    margin-top:4px!important;
    font-size:11px!important;
}
.money[b-rfo6azqu63]{
    font-size:15px!important;
}
.tag[b-rfo6azqu63]{
    padding:7px 10px!important;
    font-size:11px!important;
}
.grupo[b-rfo6azqu63]{
    padding:13px 15px 0!important;
}
.grupo h3[b-rfo6azqu63]{
    margin:9px 5px!important;
    font-size:12px!important;
}
.usuario-row[b-rfo6azqu63]{
    min-height:62px;
    padding:14px 15px!important;
}
.usuario-row strong[b-rfo6azqu63]{
    font-size:16px!important;
}
.usuario-row small[b-rfo6azqu63]{
    font-size:11px!important;
}
.usuario-row b[b-rfo6azqu63]{
    font-size:17px!important;
}
.saldo-selected[b-rfo6azqu63]{
    padding:15px!important;
}
.saldo-selected span[b-rfo6azqu63]{
    font-size:11px!important;
}
.saldo-selected strong[b-rfo6azqu63]{
    font-size:26px!important;
}
.only-view[b-rfo6azqu63]{
    padding:16px!important;
    font-size:14px!important;
}
.confirm-body p[b-rfo6azqu63]{
    font-size:17px!important;
}
.stats span[b-rfo6azqu63]{
    font-size:11px!important;
}
.stats strong[b-rfo6azqu63]{
    font-size:20px!important;
}
.stats .total strong[b-rfo6azqu63]{
    font-size:24px!important;
}

/* RESUMEN DE CAJAS ADMIN */
.resumen-cajas[b-rfo6azqu63]{
    padding:15px;
    border-bottom:1px solid #e5eaf1;
    background:#f8fbff;
}
.resumen-banca[b-rfo6azqu63]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px 17px;
    border:1px solid #bfdbfe;
    border-radius:11px;
    background:#eff6ff;
}
.resumen-banca span[b-rfo6azqu63],
.resumen-totales span[b-rfo6azqu63]{
    color:#64748b;
    font-size:11px;
    font-weight:950;
    letter-spacing:.05em;
}
.resumen-banca strong[b-rfo6azqu63]{
    color:#166534;
    font-size:24px;
    font-weight:950;
}
.resumen-totales[b-rfo6azqu63]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:9px;
}
.resumen-totales>div[b-rfo6azqu63]{
    display:grid;
    gap:5px;
    padding:13px 15px;
    border:1px solid #dce4ee;
    border-radius:10px;
    background:#fff;
}
.resumen-totales strong[b-rfo6azqu63]{
    font-size:19px;
    font-weight:950;
    color:#1e3a5f;
}
.resumen-totales .total-general[b-rfo6azqu63]{
    background:#ecfdf5;
    border-color:#bbf7d0;
}
.resumen-totales .total-general strong[b-rfo6azqu63]{
    color:#166534;
    font-size:21px;
}

@media(max-width:700px){
    .resumen-totales[b-rfo6azqu63]{
        grid-template-columns:1fr;
    }
}


/* ==========================================================
   TICO PLAY - TAMAÑO VISUAL FINAL
   ========================================================== */
.caja-page[b-rfo6azqu63]{
    font-size:16px!important;
}
.caja-title[b-rfo6azqu63]{
    padding:24px 26px!important;
}
.caja-title span[b-rfo6azqu63]{
    font-size:13px!important;
}
.caja-title h1[b-rfo6azqu63]{
    font-size:34px!important;
    line-height:1.1!important;
}
.caja-title p[b-rfo6azqu63]{
    font-size:16px!important;
}
.panel h2[b-rfo6azqu63]{
    font-size:23px!important;
}
.panel-head[b-rfo6azqu63]{
    padding:18px 20px!important;
}
.panel-head p[b-rfo6azqu63]{
    font-size:15px!important;
}
.alert[b-rfo6azqu63]{
    font-size:15px!important;
}
.form-panel label span[b-rfo6azqu63],
.operacion label span[b-rfo6azqu63],
.filters-line label span[b-rfo6azqu63],
.confirm-body label span[b-rfo6azqu63],
.filters label span[b-rfo6azqu63]{
    font-size:12px!important;
}
.form-panel input[b-rfo6azqu63],
.form-panel textarea[b-rfo6azqu63],
.operacion input[b-rfo6azqu63],
.operacion textarea[b-rfo6azqu63],
.operacion select[b-rfo6azqu63],
.filters-line input[b-rfo6azqu63],
.filters-line select[b-rfo6azqu63],
.confirm-body textarea[b-rfo6azqu63],
.filters input[b-rfo6azqu63]{
    min-height:52px!important;
    font-size:17px!important;
    border-radius:9px!important;
}
.form-panel textarea[b-rfo6azqu63],
.operacion textarea[b-rfo6azqu63],
.confirm-body textarea[b-rfo6azqu63]{
    min-height:110px!important;
}
.tipo-switch button[b-rfo6azqu63],
.principal[b-rfo6azqu63],
.secondary[b-rfo6azqu63],
.pay[b-rfo6azqu63],
.withdraw[b-rfo6azqu63],
.cancel[b-rfo6azqu63],
.small-danger[b-rfo6azqu63]{
    min-height:50px!important;
    padding:0 20px!important;
    font-size:14px!important;
}
table th[b-rfo6azqu63]{
    padding:15px 16px!important;
    font-size:12px!important;
}
table td[b-rfo6azqu63]{
    padding:15px 16px!important;
    font-size:15px!important;
}
table td small[b-rfo6azqu63]{
    font-size:12px!important;
}
.money[b-rfo6azqu63]{
    font-size:16px!important;
}
.tag[b-rfo6azqu63]{
    font-size:12px!important;
}
.grupo h3[b-rfo6azqu63]{
    font-size:13px!important;
}
.usuario-row[b-rfo6azqu63]{
    min-height:68px!important;
    padding:15px 16px!important;
}
.usuario-row strong[b-rfo6azqu63]{
    font-size:17px!important;
}
.usuario-row small[b-rfo6azqu63]{
    font-size:12px!important;
}
.usuario-row b[b-rfo6azqu63]{
    font-size:19px!important;
}
.saldo-selected span[b-rfo6azqu63]{
    font-size:12px!important;
}
.saldo-selected strong[b-rfo6azqu63]{
    font-size:28px!important;
}
.only-view[b-rfo6azqu63]{
    font-size:15px!important;
}
.confirm-body p[b-rfo6azqu63]{
    font-size:18px!important;
}
.stats span[b-rfo6azqu63]{
    font-size:12px!important;
}
.stats strong[b-rfo6azqu63]{
    font-size:21px!important;
}

/* RESUMEN CAJA VENDEDORES */
.resumen-cajas[b-rfo6azqu63]{
    padding:16px!important;
    background:#f7fbff!important;
}
.resumen-banca[b-rfo6azqu63]{
    padding:18px 20px!important;
}
.resumen-banca span[b-rfo6azqu63],
.resumen-totales span[b-rfo6azqu63]{
    font-size:12px!important;
}
.resumen-banca strong[b-rfo6azqu63]{
    font-size:28px!important;
}
.resumen-totales[b-rfo6azqu63]{
    gap:10px!important;
    margin-top:10px!important;
}
.resumen-totales>div[b-rfo6azqu63]{
    padding:16px 18px!important;
}
.resumen-totales strong[b-rfo6azqu63]{
    font-size:23px!important;
}
.resumen-totales .total-general strong[b-rfo6azqu63]{
    font-size:25px!important;
}


/* ==========================================================
   AJUSTE COMPACTO FINAL - CAJA VENDEDORES
   Mantiene SALDO BANCA arriba y coloca los totales abajo.
   ========================================================== */
.caja-layout[b-rfo6azqu63]{
    grid-template-columns:minmax(285px,.78fr) minmax(300px,1.22fr)!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
}
.estructura[b-rfo6azqu63]{
    min-width:0!important;
}
.resumen-cajas[b-rfo6azqu63]{
    padding:7px 9px!important;
}
.resumen-banca[b-rfo6azqu63]{
    padding:8px 10px!important;
    border-radius:7px!important;
}
.resumen-banca span[b-rfo6azqu63]{
    font-size:8px!important;
}
.resumen-banca strong[b-rfo6azqu63]{
    font-size:17px!important;
}
.grupo[b-rfo6azqu63]{
    padding:5px 8px 0!important;
}
.grupo h3[b-rfo6azqu63]{
    margin:4px 2px!important;
    font-size:8px!important;
}
.usuario-row[b-rfo6azqu63]{
    min-height:36px!important;
    height:auto!important;
    margin-top:3px!important;
    padding:5px 7px!important;
    gap:7px!important;
    border-radius:6px!important;
}
.usuario-row div[b-rfo6azqu63]{
    min-width:0!important;
    gap:0!important;
}
.usuario-row strong[b-rfo6azqu63]{
    font-size:10px!important;
    line-height:1.15!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.usuario-row small[b-rfo6azqu63]{
    margin-top:1px!important;
    font-size:7px!important;
    line-height:1.1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.usuario-row b[b-rfo6azqu63]{
    flex:0 0 auto!important;
    font-size:11px!important;
    white-space:nowrap!important;
}
.resumen-totales-abajo[b-rfo6azqu63]{
    margin:8px!important;
    padding-top:8px!important;
    border-top:1px solid #e5eaf1!important;
}
.resumen-totales[b-rfo6azqu63]{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
}
.resumen-totales>div[b-rfo6azqu63]{
    padding:7px 8px!important;
    border-radius:7px!important;
}
.resumen-totales span[b-rfo6azqu63]{
    font-size:8px!important;
}
.resumen-totales strong[b-rfo6azqu63],
.resumen-totales .total-general strong[b-rfo6azqu63]{
    font-size:14px!important;
}
@media(max-width:1050px){
    .caja-layout[b-rfo6azqu63]{
        grid-template-columns:minmax(250px,.72fr) minmax(285px,1.28fr)!important;
    }
}
@media(max-width:760px){
    .caja-layout[b-rfo6azqu63]{
        grid-template-columns:1fr!important;
    }
    .resumen-totales[b-rfo6azqu63]{
        grid-template-columns:1fr 1fr!important;
    }
}


/* ==========================================================
   V3 - CAJA VENDEDORES PAREJA Y COMPACTA
   - Panel izquierdo y panel Pago/Retiro del mismo tamaño.
   - Montos, saldos y textos con escala uniforme.
   - Nombre de vendedor apenas más grande.
   - Botones de Pago/Retiro más pequeños.
   ========================================================== */

.caja-layout[b-rfo6azqu63]{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
}

.estructura[b-rfo6azqu63],
.detalle[b-rfo6azqu63]{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

/* Tipografía pareja en los dos paneles */
.estructura[b-rfo6azqu63],
.detalle[b-rfo6azqu63],
.resumen-cajas[b-rfo6azqu63],
.resumen-banca[b-rfo6azqu63],
.resumen-totales[b-rfo6azqu63],
.usuario-row[b-rfo6azqu63]{
    font-size:11px!important;
}

.resumen-banca span[b-rfo6azqu63],
.resumen-totales span[b-rfo6azqu63],
.detalle small[b-rfo6azqu63],
.detalle label[b-rfo6azqu63]{
    font-size:9px!important;
}

/* Ningún monto principal se agranda exageradamente */
.resumen-banca strong[b-rfo6azqu63],
.resumen-totales strong[b-rfo6azqu63],
.resumen-totales .total-general strong[b-rfo6azqu63],
.usuario-row b[b-rfo6azqu63],
.detalle strong[b-rfo6azqu63],
.detalle b[b-rfo6azqu63]{
    font-size:12px!important;
    line-height:1.15!important;
}

/* Vendedores: apenas más visibles, sin aumentar la fila */
.usuario-row[b-rfo6azqu63]{
    min-height:36px!important;
    padding:5px 7px!important;
}
.usuario-row strong[b-rfo6azqu63]{
    font-size:11px!important;
    line-height:1.15!important;
}
.usuario-row small[b-rfo6azqu63]{
    font-size:8px!important;
}
.usuario-row b[b-rfo6azqu63]{
    font-size:11px!important;
}

/* Panel derecho compacto, del mismo ancho visual */
.detalle[b-rfo6azqu63]{
    padding:9px!important;
}
.detalle h2[b-rfo6azqu63],
.detalle h3[b-rfo6azqu63],
.detalle h4[b-rfo6azqu63]{
    margin-top:4px!important;
    margin-bottom:6px!important;
    font-size:12px!important;
}

/* Botones de pago/retiro y acciones más pequeños */
.detalle button[b-rfo6azqu63],
.detalle .btn[b-rfo6azqu63],
.detalle .mud-button-root[b-rfo6azqu63],
.detalle .mud-button[b-rfo6azqu63]{
    min-height:30px!important;
    height:30px!important;
    padding:0 10px!important;
    font-size:9px!important;
    border-radius:6px!important;
}

/* Inputs del panel derecho también compactos */
.detalle input[b-rfo6azqu63],
.detalle select[b-rfo6azqu63],
.detalle textarea[b-rfo6azqu63],
.detalle .mud-input-control[b-rfo6azqu63],
.detalle .mud-input-root[b-rfo6azqu63]{
    font-size:10px!important;
}

/* Mantener los totales debajo del listado */
.resumen-totales-abajo[b-rfo6azqu63]{
    margin:7px 8px 8px!important;
}

@media(max-width:900px){
    .caja-layout[b-rfo6azqu63]{
        grid-template-columns:1fr!important;
    }
}


/* ===== V4 - PAGO/RETIRO COMPACTO Y PAREJO ===== */
.caja-layout[b-rfo6azqu63]{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:start!important;
}
.detalle[b-rfo6azqu63]{
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
    padding:8px 10px!important;
}
.detalle h2[b-rfo6azqu63],.detalle h3[b-rfo6azqu63],.detalle h4[b-rfo6azqu63]{
    font-size:12px!important;
    margin:2px 0 5px!important;
}
.detalle label[b-rfo6azqu63],.detalle small[b-rfo6azqu63]{font-size:9px!important}
.detalle input[b-rfo6azqu63],.detalle select[b-rfo6azqu63]{
    height:32px!important;
    min-height:32px!important;
    padding:0 8px!important;
    font-size:10px!important;
}
.detalle textarea[b-rfo6azqu63]{
    min-height:48px!important;
    height:48px!important;
    padding:6px 8px!important;
    font-size:10px!important;
}
.detalle button[b-rfo6azqu63],.detalle .btn[b-rfo6azqu63],.detalle .mud-button-root[b-rfo6azqu63],.detalle .mud-button[b-rfo6azqu63]{
    height:27px!important;
    min-height:27px!important;
    padding:0 8px!important;
    font-size:9px!important;
}
.detalle strong[b-rfo6azqu63],.detalle b[b-rfo6azqu63],
.resumen-banca strong[b-rfo6azqu63],.resumen-totales strong[b-rfo6azqu63],
.resumen-totales .total-general strong[b-rfo6azqu63],.usuario-row b[b-rfo6azqu63]{
    font-size:11px!important;
}


/* ===== V5 - PAGO O RETIRO REALMENTE COMPACTO =====
   Se aplica a la clase real del panel: .operacion.pago-retiro
*/
.operacion.pago-retiro[b-rfo6azqu63]{
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
    padding:0 10px 10px!important;
}
.operacion.pago-retiro .panel-head[b-rfo6azqu63]{
    padding:10px 4px 8px!important;
}
.operacion.pago-retiro .panel-head h2[b-rfo6azqu63]{
    margin:0!important;
    font-size:16px!important;
}
.operacion.pago-retiro .panel-head p[b-rfo6azqu63]{
    margin-top:2px!important;
    font-size:10px!important;
}
.operacion.pago-retiro .saldo-selected[b-rfo6azqu63]{
    margin-top:7px!important;
    padding:8px 10px!important;
    min-height:0!important;
}
.operacion.pago-retiro .saldo-selected span[b-rfo6azqu63]{
    font-size:9px!important;
}
.operacion.pago-retiro .saldo-selected strong[b-rfo6azqu63]{
    font-size:17px!important;
    line-height:1.1!important;
}
.operacion.pago-retiro label[b-rfo6azqu63]{
    display:grid!important;
    gap:3px!important;
    margin-top:7px!important;
}
.operacion.pago-retiro label > span[b-rfo6azqu63]{
    font-size:9px!important;
}
.operacion.pago-retiro input[b-rfo6azqu63]{
    height:30px!important;
    min-height:30px!important;
    padding:3px 8px!important;
    font-size:11px!important;
}
.operacion.pago-retiro textarea[b-rfo6azqu63]{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:5px 8px!important;
    font-size:11px!important;
    resize:none!important;
}
.operacion.pago-retiro .button-pair[b-rfo6azqu63]{
    gap:6px!important;
    margin-top:7px!important;
}
.operacion.pago-retiro .button-pair button[b-rfo6azqu63]{
    height:28px!important;
    min-height:28px!important;
    padding:0 8px!important;
    font-size:9px!important;
    border-radius:6px!important;
}


/* ===== V6 - AJUSTE FINAL DE ESCALA Y PROPORCIONES ===== */

/* Un poco más de tamaño general, manteniendo todo parejo */
.caja-vendedores-tab[b-rfo6azqu63]{
    font-size:11px!important;
}
.panel-head h2[b-rfo6azqu63]{
    font-size:17px!important;
}
.panel-head p[b-rfo6azqu63]{
    font-size:11px!important;
}

/* Vendedores: nombres un poco más grandes y legibles */
.usuario-row[b-rfo6azqu63]{
    min-height:32px!important;
    padding:5px 8px!important;
}
.usuario-row b[b-rfo6azqu63],
.usuario-row strong[b-rfo6azqu63]{
    font-size:12px!important;
    line-height:1.15!important;
}
.usuario-row small[b-rfo6azqu63],
.usuario-row span[b-rfo6azqu63]{
    font-size:9.5px!important;
}

/* Pago/Retiro compacto, pero con letra ligeramente mayor */
.operacion.pago-retiro[b-rfo6azqu63]{
    font-size:11px!important;
}
.operacion.pago-retiro .panel-head h2[b-rfo6azqu63]{
    font-size:15px!important;
}
.operacion.pago-retiro .panel-head p[b-rfo6azqu63],
.operacion.pago-retiro label > span[b-rfo6azqu63]{
    font-size:10px!important;
}
.operacion.pago-retiro input[b-rfo6azqu63],
.operacion.pago-retiro textarea[b-rfo6azqu63]{
    font-size:11px!important;
}

/* Botones normales, NO ocupan todo el ancho */
.operacion.pago-retiro .button-pair[b-rfo6azqu63]{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
}
.operacion.pago-retiro .button-pair button[b-rfo6azqu63]{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:92px!important;
    max-width:120px!important;
    height:30px!important;
    padding:0 14px!important;
    font-size:10px!important;
}

/* Movimientos: más pequeño y proporcionado */
.movimientos[b-rfo6azqu63]{
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
    padding:10px!important;
}
.movimientos .panel-head[b-rfo6azqu63]{
    padding:0 4px 8px!important;
}
.movimientos .panel-head h2[b-rfo6azqu63]{
    font-size:16px!important;
    margin:0!important;
}
.movimientos .panel-head p[b-rfo6azqu63]{
    font-size:10px!important;
    margin:2px 0 0!important;
}
.movimientos label[b-rfo6azqu63]{
    gap:3px!important;
    margin-top:6px!important;
}
.movimientos label > span[b-rfo6azqu63]{
    font-size:9.5px!important;
}
.movimientos select[b-rfo6azqu63],
.movimientos input[b-rfo6azqu63]{
    height:32px!important;
    min-height:32px!important;
    padding:3px 8px!important;
    font-size:10.5px!important;
}
.movimientos button[b-rfo6azqu63],
.movimientos .btn[b-rfo6azqu63]{
    width:auto!important;
    min-width:92px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 14px!important;
    font-size:10px!important;
    margin-top:7px!important;
}


/* ===== V7 - MOVIMIENTOS MISMA ESCALA QUE PAGO/RETIRO ===== */

/* Encabezado de Movimientos igual de compacto */
.movimientos[b-rfo6azqu63]{
    padding:0 10px 10px!important;
}
.movimientos .panel-head[b-rfo6azqu63]{
    padding:10px 4px 8px!important;
}
.movimientos .panel-head h2[b-rfo6azqu63]{
    margin:0!important;
    font-size:15px!important;
    line-height:1.15!important;
}
.movimientos .panel-head p[b-rfo6azqu63]{
    margin:2px 0 0!important;
    font-size:10px!important;
    line-height:1.15!important;
}

/* Etiquetas iguales a Pago/Retiro */
.movimientos label[b-rfo6azqu63]{
    display:grid!important;
    gap:3px!important;
    margin-top:7px!important;
}
.movimientos label > span[b-rfo6azqu63]{
    font-size:10px!important;
    font-weight:700!important;
}

/* Selects y monto exactamente con la misma altura visual */
.movimientos select[b-rfo6azqu63],
.movimientos input[b-rfo6azqu63]{
    box-sizing:border-box!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:3px 8px!important;
    font-size:11px!important;
    line-height:1!important;
    border-radius:6px!important;
}

/* Botón transferir igual de escala que Pagar/Retirar */
.movimientos button[b-rfo6azqu63],
.movimientos .btn[b-rfo6azqu63]{
    width:auto!important;
    min-width:92px!important;
    max-width:120px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 14px!important;
    font-size:10px!important;
    border-radius:6px!important;
    margin-top:7px!important;
}
/* /Components/Pages/Caja/GananciasCajaTab.razor.rz.scp.css */
.caja-page[b-vk0wfpnhcy]{padding:18px;background:#f3f6fa;min-height:100%;font-family:Inter,"Segoe UI",Arial;color:#172033}.caja-title[b-vk0wfpnhcy]{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:18px 20px;margin-bottom:13px;box-shadow:0 4px 16px rgba(15,35,70,.05)}.caja-title span[b-vk0wfpnhcy],.panel-head span[b-vk0wfpnhcy],.modal header span[b-vk0wfpnhcy]{color:#1677ff;font-size:10px;font-weight:950;letter-spacing:.08em}.caja-title h1[b-vk0wfpnhcy]{margin:4px 0;font-size:28px}.caja-title p[b-vk0wfpnhcy],.panel-head p[b-vk0wfpnhcy]{margin:0;color:#718096;font-size:12px}.saldo-card[b-vk0wfpnhcy]{display:grid;gap:4px;text-align:right;padding:10px 14px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff}.saldo-card strong[b-vk0wfpnhcy]{font-size:23px;color:#166534}.negativo[b-vk0wfpnhcy]{color:#c62828!important}.alert[b-vk0wfpnhcy]{padding:11px 14px;border-radius:9px;margin-bottom:12px;font-size:12px;font-weight:850}.alert.ok[b-vk0wfpnhcy]{background:#dcfce7;color:#166534}.alert.error[b-vk0wfpnhcy]{background:#fee2e2;color:#991b1b}.panel[b-vk0wfpnhcy]{background:#fff;border:1px solid #dfe6ef;border-radius:13px;overflow:hidden;box-shadow:0 4px 14px rgba(15,35,70,.035)}.panel h2[b-vk0wfpnhcy]{font-size:17px;margin:0}.panel-head[b-vk0wfpnhcy]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #edf1f6}.caja-grid-dos[b-vk0wfpnhcy]{display:grid;grid-template-columns:380px 1fr;gap:13px}.form-panel[b-vk0wfpnhcy]{padding:16px}.form-panel h2[b-vk0wfpnhcy]{margin-bottom:14px}.form-panel label[b-vk0wfpnhcy],.operacion label[b-vk0wfpnhcy],.confirm-body label[b-vk0wfpnhcy]{display:grid;gap:5px;margin-top:11px}.form-panel label span[b-vk0wfpnhcy],.operacion label span[b-vk0wfpnhcy],.filters-line label span[b-vk0wfpnhcy],.confirm-body label span[b-vk0wfpnhcy]{font-size:9px;color:#64748b;font-weight:950;letter-spacing:.04em}.form-panel input[b-vk0wfpnhcy],.form-panel textarea[b-vk0wfpnhcy],.operacion input[b-vk0wfpnhcy],.operacion textarea[b-vk0wfpnhcy],.operacion select[b-vk0wfpnhcy],.filters-line input[b-vk0wfpnhcy],.filters-line select[b-vk0wfpnhcy],.confirm-body textarea[b-vk0wfpnhcy]{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;background:#fff;font-size:13px}.form-panel textarea[b-vk0wfpnhcy],.operacion textarea[b-vk0wfpnhcy],.confirm-body textarea[b-vk0wfpnhcy]{min-height:85px;resize:vertical}.tipo-switch[b-vk0wfpnhcy],.button-pair[b-vk0wfpnhcy]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tipo-switch button[b-vk0wfpnhcy],.principal[b-vk0wfpnhcy],.secondary[b-vk0wfpnhcy],.pay[b-vk0wfpnhcy],.withdraw[b-vk0wfpnhcy],.cancel[b-vk0wfpnhcy],.small-danger[b-vk0wfpnhcy]{border:0;border-radius:8px;min-height:41px;padding:0 14px;font-size:10px;font-weight:950;cursor:pointer}.tipo-switch button[b-vk0wfpnhcy]{background:#edf2f7;color:#526178}.tipo-switch .active.ingreso[b-vk0wfpnhcy],.pay[b-vk0wfpnhcy]{background:#15803d;color:#fff}.tipo-switch .active.retiro[b-vk0wfpnhcy],.withdraw[b-vk0wfpnhcy],.small-danger[b-vk0wfpnhcy]{background:#dc2626;color:#fff}.principal[b-vk0wfpnhcy]{background:#1766c1;color:#fff;margin-top:13px}.principal.danger[b-vk0wfpnhcy]{background:#dc2626}.secondary[b-vk0wfpnhcy]{background:#e7f0fb;color:#175ba6}.cancel[b-vk0wfpnhcy]{background:#64748b;color:#fff}.table-wrap[b-vk0wfpnhcy]{overflow:auto}table[b-vk0wfpnhcy]{width:100%;border-collapse:collapse;min-width:760px}th[b-vk0wfpnhcy]{padding:11px 12px;background:#f5f8fc;color:#64748b;font-size:9px;text-align:left}td[b-vk0wfpnhcy]{padding:11px 12px;border-top:1px solid #edf1f6;font-size:12px;vertical-align:middle}td small[b-vk0wfpnhcy]{display:block;color:#718096;margin-top:3px;font-size:9px}.money[b-vk0wfpnhcy]{font-weight:900}.tag[b-vk0wfpnhcy]{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:950}.tag.in[b-vk0wfpnhcy]{background:#dcfce7;color:#166534}.tag.out[b-vk0wfpnhcy]{background:#fee2e2;color:#991b1b}.modal-back[b-vk0wfpnhcy]{position:fixed;inset:0;z-index:9990;background:rgba(15,23,42,.68);display:grid;place-items:center;padding:16px}.modal[b-vk0wfpnhcy]{width:min(620px,97vw);max-height:92vh;overflow:auto;background:#fff;border-radius:15px}.modal.large[b-vk0wfpnhcy]{width:min(1050px,97vw)}.modal header[b-vk0wfpnhcy]{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #e5ebf2}.modal header h2[b-vk0wfpnhcy]{margin:3px 0}.close[b-vk0wfpnhcy]{width:37px;height:37px;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:22px}.filters[b-vk0wfpnhcy],.filters-line[b-vk0wfpnhcy]{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:13px 16px}.filters label[b-vk0wfpnhcy],.filters-line label[b-vk0wfpnhcy]{display:grid;gap:4px}.filters input[b-vk0wfpnhcy]{min-height:40px;border:1px solid #cbd5e1;border-radius:7px;padding:0 9px}.caja-layout[b-vk0wfpnhcy]{display:grid;grid-template-columns:minmax(430px,1.1fr) minmax(340px,.9fr);gap:13px}.estructura[b-vk0wfpnhcy]{padding-bottom:12px}.grupo[b-vk0wfpnhcy]{padding:10px 12px 0}.grupo h3[b-vk0wfpnhcy]{margin:7px 4px;font-size:10px;color:#64748b;letter-spacing:.05em}.usuario-row[b-vk0wfpnhcy]{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;margin-top:6px;text-align:left;cursor:pointer}.usuario-row:hover[b-vk0wfpnhcy],.usuario-row.selected[b-vk0wfpnhcy]{border-color:#65a9ef;background:#eff6ff}.usuario-row.inter[b-vk0wfpnhcy]{background:#f8fbff}.usuario-row div[b-vk0wfpnhcy]{display:grid;gap:3px}.usuario-row strong[b-vk0wfpnhcy]{font-size:13px}.usuario-row small[b-vk0wfpnhcy]{font-size:9px;color:#718096}.usuario-row b[b-vk0wfpnhcy]{font-size:14px;color:#166534}.operaciones-col[b-vk0wfpnhcy]{display:grid;gap:13px;align-content:start}.operacion[b-vk0wfpnhcy]{padding:0 15px 15px}.saldo-selected[b-vk0wfpnhcy]{display:grid;gap:3px;margin-top:13px;padding:12px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0}.saldo-selected span[b-vk0wfpnhcy]{font-size:9px;font-weight:950;color:#64748b}.saldo-selected strong[b-vk0wfpnhcy]{font-size:21px;color:#166534}.only-view[b-vk0wfpnhcy]{margin-top:13px;padding:13px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:11px}.confirm-body[b-vk0wfpnhcy]{padding:18px}.confirm-body p[b-vk0wfpnhcy]{font-size:15px;font-weight:750;line-height:1.5}.modal footer[b-vk0wfpnhcy]{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid #e5ebf2}.filters-line[b-vk0wfpnhcy]{margin-bottom:13px}.filters-line .principal[b-vk0wfpnhcy]{margin-top:0}.filters-line .check[b-vk0wfpnhcy]{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:42px}.filters-line .check input[b-vk0wfpnhcy]{width:auto;min-height:auto}.anulado[b-vk0wfpnhcy]{background:#fff1f2;color:#7f1d1d}.stats[b-vk0wfpnhcy]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:13px}.stats>div[b-vk0wfpnhcy]{display:grid;gap:5px;background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:13px}.stats span[b-vk0wfpnhcy]{font-size:9px;color:#64748b;font-weight:950}.stats strong[b-vk0wfpnhcy]{font-size:17px}.stats .gain[b-vk0wfpnhcy]{background:#ecfdf5}.stats .gain strong[b-vk0wfpnhcy],.gain-cell[b-vk0wfpnhcy]{color:#166534;font-weight:950}.stats .movement[b-vk0wfpnhcy]{background:#fff7ed}.stats .total[b-vk0wfpnhcy]{background:#eff6ff}.stats .total strong[b-vk0wfpnhcy]{font-size:20px;color:#1d4ed8}@media(max-width:900px){.caja-grid-dos[b-vk0wfpnhcy],.caja-layout[b-vk0wfpnhcy]{grid-template-columns:1fr}.caja-title[b-vk0wfpnhcy]{align-items:stretch;flex-direction:column}.saldo-card[b-vk0wfpnhcy]{text-align:left}}

/* ==========================================================
   TAMAÑOS GRANDES - MOVIMIENTOS DE CAJA
   ========================================================== */
.caja-title[b-vk0wfpnhcy]{
    padding:22px 24px!important;
}
.caja-title span[b-vk0wfpnhcy]{
    font-size:12px!important;
}
.caja-title h1[b-vk0wfpnhcy]{
    font-size:32px!important;
}
.caja-title p[b-vk0wfpnhcy]{
    font-size:15px!important;
}
.panel h2[b-vk0wfpnhcy]{
    font-size:21px!important;
}
.panel-head[b-vk0wfpnhcy]{
    padding:17px 19px!important;
}
.panel-head p[b-vk0wfpnhcy]{
    margin-top:4px!important;
    font-size:14px!important;
}
.alert[b-vk0wfpnhcy]{
    padding:14px 17px!important;
    font-size:14px!important;
}
.form-panel label span[b-vk0wfpnhcy],
.operacion label span[b-vk0wfpnhcy],
.filters-line label span[b-vk0wfpnhcy],
.confirm-body label span[b-vk0wfpnhcy],
.filters label span[b-vk0wfpnhcy]{
    font-size:11px!important;
}
.form-panel input[b-vk0wfpnhcy],
.form-panel textarea[b-vk0wfpnhcy],
.operacion input[b-vk0wfpnhcy],
.operacion textarea[b-vk0wfpnhcy],
.operacion select[b-vk0wfpnhcy],
.filters-line input[b-vk0wfpnhcy],
.filters-line select[b-vk0wfpnhcy],
.confirm-body textarea[b-vk0wfpnhcy],
.filters input[b-vk0wfpnhcy]{
    min-height:48px!important;
    font-size:16px!important;
    padding:11px 12px!important;
}
.form-panel textarea[b-vk0wfpnhcy],
.operacion textarea[b-vk0wfpnhcy],
.confirm-body textarea[b-vk0wfpnhcy]{
    min-height:100px!important;
}
.tipo-switch button[b-vk0wfpnhcy],
.principal[b-vk0wfpnhcy],
.secondary[b-vk0wfpnhcy],
.pay[b-vk0wfpnhcy],
.withdraw[b-vk0wfpnhcy],
.cancel[b-vk0wfpnhcy],
.small-danger[b-vk0wfpnhcy]{
    min-height:47px!important;
    padding:0 18px!important;
    font-size:13px!important;
}
th[b-vk0wfpnhcy]{
    padding:14px 15px!important;
    font-size:11px!important;
}
td[b-vk0wfpnhcy]{
    padding:14px 15px!important;
    font-size:14px!important;
}
td small[b-vk0wfpnhcy]{
    margin-top:4px!important;
    font-size:11px!important;
}
.money[b-vk0wfpnhcy]{
    font-size:15px!important;
}
.tag[b-vk0wfpnhcy]{
    padding:7px 10px!important;
    font-size:11px!important;
}
.grupo[b-vk0wfpnhcy]{
    padding:13px 15px 0!important;
}
.grupo h3[b-vk0wfpnhcy]{
    margin:9px 5px!important;
    font-size:12px!important;
}
.usuario-row[b-vk0wfpnhcy]{
    min-height:62px;
    padding:14px 15px!important;
}
.usuario-row strong[b-vk0wfpnhcy]{
    font-size:16px!important;
}
.usuario-row small[b-vk0wfpnhcy]{
    font-size:11px!important;
}
.usuario-row b[b-vk0wfpnhcy]{
    font-size:17px!important;
}
.saldo-selected[b-vk0wfpnhcy]{
    padding:15px!important;
}
.saldo-selected span[b-vk0wfpnhcy]{
    font-size:11px!important;
}
.saldo-selected strong[b-vk0wfpnhcy]{
    font-size:26px!important;
}
.only-view[b-vk0wfpnhcy]{
    padding:16px!important;
    font-size:14px!important;
}
.confirm-body p[b-vk0wfpnhcy]{
    font-size:17px!important;
}
.stats span[b-vk0wfpnhcy]{
    font-size:11px!important;
}
.stats strong[b-vk0wfpnhcy]{
    font-size:20px!important;
}
.stats .total strong[b-vk0wfpnhcy]{
    font-size:24px!important;
}

/* RESUMEN DE CAJAS ADMIN */
.resumen-cajas[b-vk0wfpnhcy]{
    padding:15px;
    border-bottom:1px solid #e5eaf1;
    background:#f8fbff;
}
.resumen-banca[b-vk0wfpnhcy]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px 17px;
    border:1px solid #bfdbfe;
    border-radius:11px;
    background:#eff6ff;
}
.resumen-banca span[b-vk0wfpnhcy],
.resumen-totales span[b-vk0wfpnhcy]{
    color:#64748b;
    font-size:11px;
    font-weight:950;
    letter-spacing:.05em;
}
.resumen-banca strong[b-vk0wfpnhcy]{
    color:#166534;
    font-size:24px;
    font-weight:950;
}
.resumen-totales[b-vk0wfpnhcy]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:9px;
}
.resumen-totales>div[b-vk0wfpnhcy]{
    display:grid;
    gap:5px;
    padding:13px 15px;
    border:1px solid #dce4ee;
    border-radius:10px;
    background:#fff;
}
.resumen-totales strong[b-vk0wfpnhcy]{
    font-size:19px;
    font-weight:950;
    color:#1e3a5f;
}
.resumen-totales .total-general[b-vk0wfpnhcy]{
    background:#ecfdf5;
    border-color:#bbf7d0;
}
.resumen-totales .total-general strong[b-vk0wfpnhcy]{
    color:#166534;
    font-size:21px;
}

@media(max-width:700px){
    .resumen-totales[b-vk0wfpnhcy]{
        grid-template-columns:1fr;
    }
}


/* ==========================================================
   TICO PLAY - TAMAÑO VISUAL FINAL
   ========================================================== */
.caja-page[b-vk0wfpnhcy]{
    font-size:16px!important;
}
.caja-title[b-vk0wfpnhcy]{
    padding:24px 26px!important;
}
.caja-title span[b-vk0wfpnhcy]{
    font-size:13px!important;
}
.caja-title h1[b-vk0wfpnhcy]{
    font-size:34px!important;
    line-height:1.1!important;
}
.caja-title p[b-vk0wfpnhcy]{
    font-size:16px!important;
}
.panel h2[b-vk0wfpnhcy]{
    font-size:23px!important;
}
.panel-head[b-vk0wfpnhcy]{
    padding:18px 20px!important;
}
.panel-head p[b-vk0wfpnhcy]{
    font-size:15px!important;
}
.alert[b-vk0wfpnhcy]{
    font-size:15px!important;
}
.form-panel label span[b-vk0wfpnhcy],
.operacion label span[b-vk0wfpnhcy],
.filters-line label span[b-vk0wfpnhcy],
.confirm-body label span[b-vk0wfpnhcy],
.filters label span[b-vk0wfpnhcy]{
    font-size:12px!important;
}
.form-panel input[b-vk0wfpnhcy],
.form-panel textarea[b-vk0wfpnhcy],
.operacion input[b-vk0wfpnhcy],
.operacion textarea[b-vk0wfpnhcy],
.operacion select[b-vk0wfpnhcy],
.filters-line input[b-vk0wfpnhcy],
.filters-line select[b-vk0wfpnhcy],
.confirm-body textarea[b-vk0wfpnhcy],
.filters input[b-vk0wfpnhcy]{
    min-height:52px!important;
    font-size:17px!important;
    border-radius:9px!important;
}
.form-panel textarea[b-vk0wfpnhcy],
.operacion textarea[b-vk0wfpnhcy],
.confirm-body textarea[b-vk0wfpnhcy]{
    min-height:110px!important;
}
.tipo-switch button[b-vk0wfpnhcy],
.principal[b-vk0wfpnhcy],
.secondary[b-vk0wfpnhcy],
.pay[b-vk0wfpnhcy],
.withdraw[b-vk0wfpnhcy],
.cancel[b-vk0wfpnhcy],
.small-danger[b-vk0wfpnhcy]{
    min-height:50px!important;
    padding:0 20px!important;
    font-size:14px!important;
}
table th[b-vk0wfpnhcy]{
    padding:15px 16px!important;
    font-size:12px!important;
}
table td[b-vk0wfpnhcy]{
    padding:15px 16px!important;
    font-size:15px!important;
}
table td small[b-vk0wfpnhcy]{
    font-size:12px!important;
}
.money[b-vk0wfpnhcy]{
    font-size:16px!important;
}
.tag[b-vk0wfpnhcy]{
    font-size:12px!important;
}
.grupo h3[b-vk0wfpnhcy]{
    font-size:13px!important;
}
.usuario-row[b-vk0wfpnhcy]{
    min-height:68px!important;
    padding:15px 16px!important;
}
.usuario-row strong[b-vk0wfpnhcy]{
    font-size:17px!important;
}
.usuario-row small[b-vk0wfpnhcy]{
    font-size:12px!important;
}
.usuario-row b[b-vk0wfpnhcy]{
    font-size:19px!important;
}
.saldo-selected span[b-vk0wfpnhcy]{
    font-size:12px!important;
}
.saldo-selected strong[b-vk0wfpnhcy]{
    font-size:28px!important;
}
.only-view[b-vk0wfpnhcy]{
    font-size:15px!important;
}
.confirm-body p[b-vk0wfpnhcy]{
    font-size:18px!important;
}
.stats span[b-vk0wfpnhcy]{
    font-size:12px!important;
}
.stats strong[b-vk0wfpnhcy]{
    font-size:21px!important;
}

/* RESUMEN CAJA VENDEDORES */
.resumen-cajas[b-vk0wfpnhcy]{
    padding:16px!important;
    background:#f7fbff!important;
}
.resumen-banca[b-vk0wfpnhcy]{
    padding:18px 20px!important;
}
.resumen-banca span[b-vk0wfpnhcy],
.resumen-totales span[b-vk0wfpnhcy]{
    font-size:12px!important;
}
.resumen-banca strong[b-vk0wfpnhcy]{
    font-size:28px!important;
}
.resumen-totales[b-vk0wfpnhcy]{
    gap:10px!important;
    margin-top:10px!important;
}
.resumen-totales>div[b-vk0wfpnhcy]{
    padding:16px 18px!important;
}
.resumen-totales strong[b-vk0wfpnhcy]{
    font-size:23px!important;
}
.resumen-totales .total-general strong[b-vk0wfpnhcy]{
    font-size:25px!important;
}
/* /Components/Pages/Caja/IngresoRetiroCajaTab.razor.rz.scp.css */
.caja-page[b-mdu6ztpo9m]{padding:18px;background:#f3f6fa;min-height:100%;font-family:Inter,"Segoe UI",Arial;color:#172033}.caja-title[b-mdu6ztpo9m]{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:18px 20px;margin-bottom:13px;box-shadow:0 4px 16px rgba(15,35,70,.05)}.caja-title span[b-mdu6ztpo9m],.panel-head span[b-mdu6ztpo9m],.modal header span[b-mdu6ztpo9m]{color:#1677ff;font-size:10px;font-weight:950;letter-spacing:.08em}.caja-title h1[b-mdu6ztpo9m]{margin:4px 0;font-size:28px}.caja-title p[b-mdu6ztpo9m],.panel-head p[b-mdu6ztpo9m]{margin:0;color:#718096;font-size:12px}.saldo-card[b-mdu6ztpo9m]{display:grid;gap:4px;text-align:right;padding:10px 14px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff}.saldo-card strong[b-mdu6ztpo9m]{font-size:23px;color:#166534}.negativo[b-mdu6ztpo9m]{color:#c62828!important}.alert[b-mdu6ztpo9m]{padding:11px 14px;border-radius:9px;margin-bottom:12px;font-size:12px;font-weight:850}.alert.ok[b-mdu6ztpo9m]{background:#dcfce7;color:#166534}.alert.error[b-mdu6ztpo9m]{background:#fee2e2;color:#991b1b}.panel[b-mdu6ztpo9m]{background:#fff;border:1px solid #dfe6ef;border-radius:13px;overflow:hidden;box-shadow:0 4px 14px rgba(15,35,70,.035)}.panel h2[b-mdu6ztpo9m]{font-size:17px;margin:0}.panel-head[b-mdu6ztpo9m]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #edf1f6}.caja-grid-dos[b-mdu6ztpo9m]{display:grid;grid-template-columns:380px 1fr;gap:13px}.form-panel[b-mdu6ztpo9m]{padding:16px}.form-panel h2[b-mdu6ztpo9m]{margin-bottom:14px}.form-panel label[b-mdu6ztpo9m],.operacion label[b-mdu6ztpo9m],.confirm-body label[b-mdu6ztpo9m]{display:grid;gap:5px;margin-top:11px}.form-panel label span[b-mdu6ztpo9m],.operacion label span[b-mdu6ztpo9m],.filters-line label span[b-mdu6ztpo9m],.confirm-body label span[b-mdu6ztpo9m]{font-size:9px;color:#64748b;font-weight:950;letter-spacing:.04em}.form-panel input[b-mdu6ztpo9m],.form-panel textarea[b-mdu6ztpo9m],.operacion input[b-mdu6ztpo9m],.operacion textarea[b-mdu6ztpo9m],.operacion select[b-mdu6ztpo9m],.filters-line input[b-mdu6ztpo9m],.filters-line select[b-mdu6ztpo9m],.confirm-body textarea[b-mdu6ztpo9m]{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;background:#fff;font-size:13px}.form-panel textarea[b-mdu6ztpo9m],.operacion textarea[b-mdu6ztpo9m],.confirm-body textarea[b-mdu6ztpo9m]{min-height:85px;resize:vertical}.tipo-switch[b-mdu6ztpo9m],.button-pair[b-mdu6ztpo9m]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tipo-switch button[b-mdu6ztpo9m],.principal[b-mdu6ztpo9m],.secondary[b-mdu6ztpo9m],.pay[b-mdu6ztpo9m],.withdraw[b-mdu6ztpo9m],.cancel[b-mdu6ztpo9m],.small-danger[b-mdu6ztpo9m]{border:0;border-radius:8px;min-height:41px;padding:0 14px;font-size:10px;font-weight:950;cursor:pointer}.tipo-switch button[b-mdu6ztpo9m]{background:#edf2f7;color:#526178}.tipo-switch .active.ingreso[b-mdu6ztpo9m],.pay[b-mdu6ztpo9m]{background:#15803d;color:#fff}.tipo-switch .active.retiro[b-mdu6ztpo9m],.withdraw[b-mdu6ztpo9m],.small-danger[b-mdu6ztpo9m]{background:#dc2626;color:#fff}.principal[b-mdu6ztpo9m]{background:#1766c1;color:#fff;margin-top:13px}.principal.danger[b-mdu6ztpo9m]{background:#dc2626}.secondary[b-mdu6ztpo9m]{background:#e7f0fb;color:#175ba6}.cancel[b-mdu6ztpo9m]{background:#64748b;color:#fff}.table-wrap[b-mdu6ztpo9m]{overflow:auto}table[b-mdu6ztpo9m]{width:100%;border-collapse:collapse;min-width:760px}th[b-mdu6ztpo9m]{padding:11px 12px;background:#f5f8fc;color:#64748b;font-size:9px;text-align:left}td[b-mdu6ztpo9m]{padding:11px 12px;border-top:1px solid #edf1f6;font-size:12px;vertical-align:middle}td small[b-mdu6ztpo9m]{display:block;color:#718096;margin-top:3px;font-size:9px}.money[b-mdu6ztpo9m]{font-weight:900}.tag[b-mdu6ztpo9m]{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:950}.tag.in[b-mdu6ztpo9m]{background:#dcfce7;color:#166534}.tag.out[b-mdu6ztpo9m]{background:#fee2e2;color:#991b1b}.modal-back[b-mdu6ztpo9m]{position:fixed;inset:0;z-index:9990;background:rgba(15,23,42,.68);display:grid;place-items:center;padding:16px}.modal[b-mdu6ztpo9m]{width:min(620px,97vw);max-height:92vh;overflow:auto;background:#fff;border-radius:15px}.modal.large[b-mdu6ztpo9m]{width:min(1050px,97vw)}.modal header[b-mdu6ztpo9m]{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #e5ebf2}.modal header h2[b-mdu6ztpo9m]{margin:3px 0}.close[b-mdu6ztpo9m]{width:37px;height:37px;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:22px}.filters[b-mdu6ztpo9m],.filters-line[b-mdu6ztpo9m]{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:13px 16px}.filters label[b-mdu6ztpo9m],.filters-line label[b-mdu6ztpo9m]{display:grid;gap:4px}.filters input[b-mdu6ztpo9m]{min-height:40px;border:1px solid #cbd5e1;border-radius:7px;padding:0 9px}.caja-layout[b-mdu6ztpo9m]{display:grid;grid-template-columns:minmax(430px,1.1fr) minmax(340px,.9fr);gap:13px}.estructura[b-mdu6ztpo9m]{padding-bottom:12px}.grupo[b-mdu6ztpo9m]{padding:10px 12px 0}.grupo h3[b-mdu6ztpo9m]{margin:7px 4px;font-size:10px;color:#64748b;letter-spacing:.05em}.usuario-row[b-mdu6ztpo9m]{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;margin-top:6px;text-align:left;cursor:pointer}.usuario-row:hover[b-mdu6ztpo9m],.usuario-row.selected[b-mdu6ztpo9m]{border-color:#65a9ef;background:#eff6ff}.usuario-row.inter[b-mdu6ztpo9m]{background:#f8fbff}.usuario-row div[b-mdu6ztpo9m]{display:grid;gap:3px}.usuario-row strong[b-mdu6ztpo9m]{font-size:13px}.usuario-row small[b-mdu6ztpo9m]{font-size:9px;color:#718096}.usuario-row b[b-mdu6ztpo9m]{font-size:14px;color:#166534}.operaciones-col[b-mdu6ztpo9m]{display:grid;gap:13px;align-content:start}.operacion[b-mdu6ztpo9m]{padding:0 15px 15px}.saldo-selected[b-mdu6ztpo9m]{display:grid;gap:3px;margin-top:13px;padding:12px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0}.saldo-selected span[b-mdu6ztpo9m]{font-size:9px;font-weight:950;color:#64748b}.saldo-selected strong[b-mdu6ztpo9m]{font-size:21px;color:#166534}.only-view[b-mdu6ztpo9m]{margin-top:13px;padding:13px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:11px}.confirm-body[b-mdu6ztpo9m]{padding:18px}.confirm-body p[b-mdu6ztpo9m]{font-size:15px;font-weight:750;line-height:1.5}.modal footer[b-mdu6ztpo9m]{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid #e5ebf2}.filters-line[b-mdu6ztpo9m]{margin-bottom:13px}.filters-line .principal[b-mdu6ztpo9m]{margin-top:0}.filters-line .check[b-mdu6ztpo9m]{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:42px}.filters-line .check input[b-mdu6ztpo9m]{width:auto;min-height:auto}.anulado[b-mdu6ztpo9m]{background:#fff1f2;color:#7f1d1d}.stats[b-mdu6ztpo9m]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:13px}.stats>div[b-mdu6ztpo9m]{display:grid;gap:5px;background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:13px}.stats span[b-mdu6ztpo9m]{font-size:9px;color:#64748b;font-weight:950}.stats strong[b-mdu6ztpo9m]{font-size:17px}.stats .gain[b-mdu6ztpo9m]{background:#ecfdf5}.stats .gain strong[b-mdu6ztpo9m],.gain-cell[b-mdu6ztpo9m]{color:#166534;font-weight:950}.stats .movement[b-mdu6ztpo9m]{background:#fff7ed}.stats .total[b-mdu6ztpo9m]{background:#eff6ff}.stats .total strong[b-mdu6ztpo9m]{font-size:20px;color:#1d4ed8}@media(max-width:900px){.caja-grid-dos[b-mdu6ztpo9m],.caja-layout[b-mdu6ztpo9m]{grid-template-columns:1fr}.caja-title[b-mdu6ztpo9m]{align-items:stretch;flex-direction:column}.saldo-card[b-mdu6ztpo9m]{text-align:left}}

/* ==========================================================
   TAMAÑOS GRANDES - MOVIMIENTOS DE CAJA
   ========================================================== */
.caja-title[b-mdu6ztpo9m]{
    padding:22px 24px!important;
}
.caja-title span[b-mdu6ztpo9m]{
    font-size:12px!important;
}
.caja-title h1[b-mdu6ztpo9m]{
    font-size:32px!important;
}
.caja-title p[b-mdu6ztpo9m]{
    font-size:15px!important;
}
.panel h2[b-mdu6ztpo9m]{
    font-size:21px!important;
}
.panel-head[b-mdu6ztpo9m]{
    padding:17px 19px!important;
}
.panel-head p[b-mdu6ztpo9m]{
    margin-top:4px!important;
    font-size:14px!important;
}
.alert[b-mdu6ztpo9m]{
    padding:14px 17px!important;
    font-size:14px!important;
}
.form-panel label span[b-mdu6ztpo9m],
.operacion label span[b-mdu6ztpo9m],
.filters-line label span[b-mdu6ztpo9m],
.confirm-body label span[b-mdu6ztpo9m],
.filters label span[b-mdu6ztpo9m]{
    font-size:11px!important;
}
.form-panel input[b-mdu6ztpo9m],
.form-panel textarea[b-mdu6ztpo9m],
.operacion input[b-mdu6ztpo9m],
.operacion textarea[b-mdu6ztpo9m],
.operacion select[b-mdu6ztpo9m],
.filters-line input[b-mdu6ztpo9m],
.filters-line select[b-mdu6ztpo9m],
.confirm-body textarea[b-mdu6ztpo9m],
.filters input[b-mdu6ztpo9m]{
    min-height:48px!important;
    font-size:16px!important;
    padding:11px 12px!important;
}
.form-panel textarea[b-mdu6ztpo9m],
.operacion textarea[b-mdu6ztpo9m],
.confirm-body textarea[b-mdu6ztpo9m]{
    min-height:100px!important;
}
.tipo-switch button[b-mdu6ztpo9m],
.principal[b-mdu6ztpo9m],
.secondary[b-mdu6ztpo9m],
.pay[b-mdu6ztpo9m],
.withdraw[b-mdu6ztpo9m],
.cancel[b-mdu6ztpo9m],
.small-danger[b-mdu6ztpo9m]{
    min-height:47px!important;
    padding:0 18px!important;
    font-size:13px!important;
}
th[b-mdu6ztpo9m]{
    padding:14px 15px!important;
    font-size:11px!important;
}
td[b-mdu6ztpo9m]{
    padding:14px 15px!important;
    font-size:14px!important;
}
td small[b-mdu6ztpo9m]{
    margin-top:4px!important;
    font-size:11px!important;
}
.money[b-mdu6ztpo9m]{
    font-size:15px!important;
}
.tag[b-mdu6ztpo9m]{
    padding:7px 10px!important;
    font-size:11px!important;
}
.grupo[b-mdu6ztpo9m]{
    padding:13px 15px 0!important;
}
.grupo h3[b-mdu6ztpo9m]{
    margin:9px 5px!important;
    font-size:12px!important;
}
.usuario-row[b-mdu6ztpo9m]{
    min-height:62px;
    padding:14px 15px!important;
}
.usuario-row strong[b-mdu6ztpo9m]{
    font-size:16px!important;
}
.usuario-row small[b-mdu6ztpo9m]{
    font-size:11px!important;
}
.usuario-row b[b-mdu6ztpo9m]{
    font-size:17px!important;
}
.saldo-selected[b-mdu6ztpo9m]{
    padding:15px!important;
}
.saldo-selected span[b-mdu6ztpo9m]{
    font-size:11px!important;
}
.saldo-selected strong[b-mdu6ztpo9m]{
    font-size:26px!important;
}
.only-view[b-mdu6ztpo9m]{
    padding:16px!important;
    font-size:14px!important;
}
.confirm-body p[b-mdu6ztpo9m]{
    font-size:17px!important;
}
.stats span[b-mdu6ztpo9m]{
    font-size:11px!important;
}
.stats strong[b-mdu6ztpo9m]{
    font-size:20px!important;
}
.stats .total strong[b-mdu6ztpo9m]{
    font-size:24px!important;
}

/* RESUMEN DE CAJAS ADMIN */
.resumen-cajas[b-mdu6ztpo9m]{
    padding:15px;
    border-bottom:1px solid #e5eaf1;
    background:#f8fbff;
}
.resumen-banca[b-mdu6ztpo9m]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px 17px;
    border:1px solid #bfdbfe;
    border-radius:11px;
    background:#eff6ff;
}
.resumen-banca span[b-mdu6ztpo9m],
.resumen-totales span[b-mdu6ztpo9m]{
    color:#64748b;
    font-size:11px;
    font-weight:950;
    letter-spacing:.05em;
}
.resumen-banca strong[b-mdu6ztpo9m]{
    color:#166534;
    font-size:24px;
    font-weight:950;
}
.resumen-totales[b-mdu6ztpo9m]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:9px;
}
.resumen-totales>div[b-mdu6ztpo9m]{
    display:grid;
    gap:5px;
    padding:13px 15px;
    border:1px solid #dce4ee;
    border-radius:10px;
    background:#fff;
}
.resumen-totales strong[b-mdu6ztpo9m]{
    font-size:19px;
    font-weight:950;
    color:#1e3a5f;
}
.resumen-totales .total-general[b-mdu6ztpo9m]{
    background:#ecfdf5;
    border-color:#bbf7d0;
}
.resumen-totales .total-general strong[b-mdu6ztpo9m]{
    color:#166534;
    font-size:21px;
}

@media(max-width:700px){
    .resumen-totales[b-mdu6ztpo9m]{
        grid-template-columns:1fr;
    }
}


/* ==========================================================
   TICO PLAY - TAMAÑO VISUAL FINAL
   ========================================================== */
.caja-page[b-mdu6ztpo9m]{
    font-size:16px!important;
}
.caja-title[b-mdu6ztpo9m]{
    padding:24px 26px!important;
}
.caja-title span[b-mdu6ztpo9m]{
    font-size:13px!important;
}
.caja-title h1[b-mdu6ztpo9m]{
    font-size:34px!important;
    line-height:1.1!important;
}
.caja-title p[b-mdu6ztpo9m]{
    font-size:16px!important;
}
.panel h2[b-mdu6ztpo9m]{
    font-size:23px!important;
}
.panel-head[b-mdu6ztpo9m]{
    padding:18px 20px!important;
}
.panel-head p[b-mdu6ztpo9m]{
    font-size:15px!important;
}
.alert[b-mdu6ztpo9m]{
    font-size:15px!important;
}
.form-panel label span[b-mdu6ztpo9m],
.operacion label span[b-mdu6ztpo9m],
.filters-line label span[b-mdu6ztpo9m],
.confirm-body label span[b-mdu6ztpo9m],
.filters label span[b-mdu6ztpo9m]{
    font-size:12px!important;
}
.form-panel input[b-mdu6ztpo9m],
.form-panel textarea[b-mdu6ztpo9m],
.operacion input[b-mdu6ztpo9m],
.operacion textarea[b-mdu6ztpo9m],
.operacion select[b-mdu6ztpo9m],
.filters-line input[b-mdu6ztpo9m],
.filters-line select[b-mdu6ztpo9m],
.confirm-body textarea[b-mdu6ztpo9m],
.filters input[b-mdu6ztpo9m]{
    min-height:52px!important;
    font-size:17px!important;
    border-radius:9px!important;
}
.form-panel textarea[b-mdu6ztpo9m],
.operacion textarea[b-mdu6ztpo9m],
.confirm-body textarea[b-mdu6ztpo9m]{
    min-height:110px!important;
}
.tipo-switch button[b-mdu6ztpo9m],
.principal[b-mdu6ztpo9m],
.secondary[b-mdu6ztpo9m],
.pay[b-mdu6ztpo9m],
.withdraw[b-mdu6ztpo9m],
.cancel[b-mdu6ztpo9m],
.small-danger[b-mdu6ztpo9m]{
    min-height:50px!important;
    padding:0 20px!important;
    font-size:14px!important;
}
table th[b-mdu6ztpo9m]{
    padding:15px 16px!important;
    font-size:12px!important;
}
table td[b-mdu6ztpo9m]{
    padding:15px 16px!important;
    font-size:15px!important;
}
table td small[b-mdu6ztpo9m]{
    font-size:12px!important;
}
.money[b-mdu6ztpo9m]{
    font-size:16px!important;
}
.tag[b-mdu6ztpo9m]{
    font-size:12px!important;
}
.grupo h3[b-mdu6ztpo9m]{
    font-size:13px!important;
}
.usuario-row[b-mdu6ztpo9m]{
    min-height:68px!important;
    padding:15px 16px!important;
}
.usuario-row strong[b-mdu6ztpo9m]{
    font-size:17px!important;
}
.usuario-row small[b-mdu6ztpo9m]{
    font-size:12px!important;
}
.usuario-row b[b-mdu6ztpo9m]{
    font-size:19px!important;
}
.saldo-selected span[b-mdu6ztpo9m]{
    font-size:12px!important;
}
.saldo-selected strong[b-mdu6ztpo9m]{
    font-size:28px!important;
}
.only-view[b-mdu6ztpo9m]{
    font-size:15px!important;
}
.confirm-body p[b-mdu6ztpo9m]{
    font-size:18px!important;
}
.stats span[b-mdu6ztpo9m]{
    font-size:12px!important;
}
.stats strong[b-mdu6ztpo9m]{
    font-size:21px!important;
}

/* RESUMEN CAJA VENDEDORES */
.resumen-cajas[b-mdu6ztpo9m]{
    padding:16px!important;
    background:#f7fbff!important;
}
.resumen-banca[b-mdu6ztpo9m]{
    padding:18px 20px!important;
}
.resumen-banca span[b-mdu6ztpo9m],
.resumen-totales span[b-mdu6ztpo9m]{
    font-size:12px!important;
}
.resumen-banca strong[b-mdu6ztpo9m]{
    font-size:28px!important;
}
.resumen-totales[b-mdu6ztpo9m]{
    gap:10px!important;
    margin-top:10px!important;
}
.resumen-totales>div[b-mdu6ztpo9m]{
    padding:16px 18px!important;
}
.resumen-totales strong[b-mdu6ztpo9m]{
    font-size:23px!important;
}
.resumen-totales .total-general strong[b-mdu6ztpo9m]{
    font-size:25px!important;
}
/* /Components/Pages/Caja/MovimientosCaja.razor.rz.scp.css */
.mc-page[b-i84lmse2mk]{
    min-height:100%;
    padding:18px;
    background:#f3f6fa;
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    color:#172033;
}
.mc-header[b-i84lmse2mk]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 20px;
    margin-bottom:12px;
    border:1px solid #dfe6ef;
    border-radius:14px;
    background:#fff;
    box-shadow:0 5px 16px rgba(15,35,70,.05);
}
.mc-header span[b-i84lmse2mk]{
    color:#1677ff;
    font-size:10px;
    font-weight:950;
    letter-spacing:.1em;
}
.mc-header h1[b-i84lmse2mk]{
    margin:4px 0;
    font-size:28px;
}
.mc-header p[b-i84lmse2mk]{
    margin:0;
    color:#718096;
    font-size:12px;
}
.mc-tabs[b-i84lmse2mk]{
    display:flex;
    gap:6px;
    padding:6px;
    margin-bottom:12px;
    overflow-x:auto;
    border:1px solid #dfe6ef;
    border-radius:12px;
    background:#fff;
}
.mc-tabs button[b-i84lmse2mk]{
    min-height:43px;
    padding:0 17px;
    border:0;
    border-radius:8px;
    background:#edf2f7;
    color:#526178;
    font-size:10px;
    font-weight:950;
    white-space:nowrap;
    cursor:pointer;
}
.mc-tabs button.activo[b-i84lmse2mk]{
    background:#1766c1;
    color:#fff;
    box-shadow:0 4px 10px rgba(23,102,193,.2);
}
.mc-content[b-i84lmse2mk]{
    min-height:500px;
}
.mc-content[b-i84lmse2mk]  .caja-page{
    padding:0;
    background:transparent;
}
@media(max-width:800px){
    .mc-tabs[b-i84lmse2mk]{
        align-items:stretch;
        flex-direction:column;
    }
}


/* Pestañas y título más grandes */
.mc-header[b-i84lmse2mk]{
    padding:22px 24px!important;
}
.mc-header span[b-i84lmse2mk]{
    font-size:12px!important;
}
.mc-header h1[b-i84lmse2mk]{
    font-size:32px!important;
}
.mc-header p[b-i84lmse2mk]{
    font-size:15px!important;
}
.mc-tabs[b-i84lmse2mk]{
    gap:8px!important;
    padding:8px!important;
}
.mc-tabs button[b-i84lmse2mk]{
    min-height:49px!important;
    padding:0 21px!important;
    font-size:13px!important;
}


/* Tamaño final encabezado y pestañas */
.mc-header[b-i84lmse2mk]{
    padding:24px 26px!important;
}
.mc-header span[b-i84lmse2mk]{
    font-size:13px!important;
}
.mc-header h1[b-i84lmse2mk]{
    font-size:34px!important;
}
.mc-header p[b-i84lmse2mk]{
    font-size:16px!important;
}
.mc-tabs[b-i84lmse2mk]{
    padding:9px!important;
    gap:9px!important;
}
.mc-tabs button[b-i84lmse2mk]{
    min-height:52px!important;
    padding:0 23px!important;
    font-size:14px!important;
}


/* VENDEDOR: encabezado de saldo */
.mc-header.seller-header[b-i84lmse2mk]{
    align-items:center!important;
}
.seller-balance[b-i84lmse2mk]{
    min-width:190px;
    padding:14px 18px;
    border:1px solid #bbf7d0;
    border-radius:12px;
    color:#166534;
    background:#ecfdf5;
    font-size:29px;
    font-weight:950;
    text-align:right;
}
.seller-balance.negative[b-i84lmse2mk]{
    color:#b91c1c;
    border-color:#fecaca;
    background:#fff1f2;
}
/* /Components/Pages/Caja/MovimientosVendedorTab.razor.rz.scp.css */
.caja-page[b-3jco942nzz]{padding:18px;background:#f3f6fa;min-height:100%;font-family:Inter,"Segoe UI",Arial;color:#172033}.caja-title[b-3jco942nzz]{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:18px 20px;margin-bottom:13px;box-shadow:0 4px 16px rgba(15,35,70,.05)}.caja-title span[b-3jco942nzz],.panel-head span[b-3jco942nzz],.modal header span[b-3jco942nzz]{color:#1677ff;font-size:10px;font-weight:950;letter-spacing:.08em}.caja-title h1[b-3jco942nzz]{margin:4px 0;font-size:28px}.caja-title p[b-3jco942nzz],.panel-head p[b-3jco942nzz]{margin:0;color:#718096;font-size:12px}.saldo-card[b-3jco942nzz]{display:grid;gap:4px;text-align:right;padding:10px 14px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff}.saldo-card strong[b-3jco942nzz]{font-size:23px;color:#166534}.negativo[b-3jco942nzz]{color:#c62828!important}.alert[b-3jco942nzz]{padding:11px 14px;border-radius:9px;margin-bottom:12px;font-size:12px;font-weight:850}.alert.ok[b-3jco942nzz]{background:#dcfce7;color:#166534}.alert.error[b-3jco942nzz]{background:#fee2e2;color:#991b1b}.panel[b-3jco942nzz]{background:#fff;border:1px solid #dfe6ef;border-radius:13px;overflow:hidden;box-shadow:0 4px 14px rgba(15,35,70,.035)}.panel h2[b-3jco942nzz]{font-size:17px;margin:0}.panel-head[b-3jco942nzz]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #edf1f6}.caja-grid-dos[b-3jco942nzz]{display:grid;grid-template-columns:380px 1fr;gap:13px}.form-panel[b-3jco942nzz]{padding:16px}.form-panel h2[b-3jco942nzz]{margin-bottom:14px}.form-panel label[b-3jco942nzz],.operacion label[b-3jco942nzz],.confirm-body label[b-3jco942nzz]{display:grid;gap:5px;margin-top:11px}.form-panel label span[b-3jco942nzz],.operacion label span[b-3jco942nzz],.filters-line label span[b-3jco942nzz],.confirm-body label span[b-3jco942nzz]{font-size:9px;color:#64748b;font-weight:950;letter-spacing:.04em}.form-panel input[b-3jco942nzz],.form-panel textarea[b-3jco942nzz],.operacion input[b-3jco942nzz],.operacion textarea[b-3jco942nzz],.operacion select[b-3jco942nzz],.filters-line input[b-3jco942nzz],.filters-line select[b-3jco942nzz],.confirm-body textarea[b-3jco942nzz]{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;background:#fff;font-size:13px}.form-panel textarea[b-3jco942nzz],.operacion textarea[b-3jco942nzz],.confirm-body textarea[b-3jco942nzz]{min-height:85px;resize:vertical}.tipo-switch[b-3jco942nzz],.button-pair[b-3jco942nzz]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tipo-switch button[b-3jco942nzz],.principal[b-3jco942nzz],.secondary[b-3jco942nzz],.pay[b-3jco942nzz],.withdraw[b-3jco942nzz],.cancel[b-3jco942nzz],.small-danger[b-3jco942nzz]{border:0;border-radius:8px;min-height:41px;padding:0 14px;font-size:10px;font-weight:950;cursor:pointer}.tipo-switch button[b-3jco942nzz]{background:#edf2f7;color:#526178}.tipo-switch .active.ingreso[b-3jco942nzz],.pay[b-3jco942nzz]{background:#15803d;color:#fff}.tipo-switch .active.retiro[b-3jco942nzz],.withdraw[b-3jco942nzz],.small-danger[b-3jco942nzz]{background:#dc2626;color:#fff}.principal[b-3jco942nzz]{background:#1766c1;color:#fff;margin-top:13px}.principal.danger[b-3jco942nzz]{background:#dc2626}.secondary[b-3jco942nzz]{background:#e7f0fb;color:#175ba6}.cancel[b-3jco942nzz]{background:#64748b;color:#fff}.table-wrap[b-3jco942nzz]{overflow:auto}table[b-3jco942nzz]{width:100%;border-collapse:collapse;min-width:760px}th[b-3jco942nzz]{padding:11px 12px;background:#f5f8fc;color:#64748b;font-size:9px;text-align:left}td[b-3jco942nzz]{padding:11px 12px;border-top:1px solid #edf1f6;font-size:12px;vertical-align:middle}td small[b-3jco942nzz]{display:block;color:#718096;margin-top:3px;font-size:9px}.money[b-3jco942nzz]{font-weight:900}.tag[b-3jco942nzz]{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:950}.tag.in[b-3jco942nzz]{background:#dcfce7;color:#166534}.tag.out[b-3jco942nzz]{background:#fee2e2;color:#991b1b}.modal-back[b-3jco942nzz]{position:fixed;inset:0;z-index:9990;background:rgba(15,23,42,.68);display:grid;place-items:center;padding:16px}.modal[b-3jco942nzz]{width:min(620px,97vw);max-height:92vh;overflow:auto;background:#fff;border-radius:15px}.modal.large[b-3jco942nzz]{width:min(1050px,97vw)}.modal header[b-3jco942nzz]{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #e5ebf2}.modal header h2[b-3jco942nzz]{margin:3px 0}.close[b-3jco942nzz]{width:37px;height:37px;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:22px}.filters[b-3jco942nzz],.filters-line[b-3jco942nzz]{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:13px 16px}.filters label[b-3jco942nzz],.filters-line label[b-3jco942nzz]{display:grid;gap:4px}.filters input[b-3jco942nzz]{min-height:40px;border:1px solid #cbd5e1;border-radius:7px;padding:0 9px}.caja-layout[b-3jco942nzz]{display:grid;grid-template-columns:minmax(430px,1.1fr) minmax(340px,.9fr);gap:13px}.estructura[b-3jco942nzz]{padding-bottom:12px}.grupo[b-3jco942nzz]{padding:10px 12px 0}.grupo h3[b-3jco942nzz]{margin:7px 4px;font-size:10px;color:#64748b;letter-spacing:.05em}.usuario-row[b-3jco942nzz]{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e5eaf1;border-radius:9px;background:#fff;margin-top:6px;text-align:left;cursor:pointer}.usuario-row:hover[b-3jco942nzz],.usuario-row.selected[b-3jco942nzz]{border-color:#65a9ef;background:#eff6ff}.usuario-row.inter[b-3jco942nzz]{background:#f8fbff}.usuario-row div[b-3jco942nzz]{display:grid;gap:3px}.usuario-row strong[b-3jco942nzz]{font-size:13px}.usuario-row small[b-3jco942nzz]{font-size:9px;color:#718096}.usuario-row b[b-3jco942nzz]{font-size:14px;color:#166534}.operaciones-col[b-3jco942nzz]{display:grid;gap:13px;align-content:start}.operacion[b-3jco942nzz]{padding:0 15px 15px}.saldo-selected[b-3jco942nzz]{display:grid;gap:3px;margin-top:13px;padding:12px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0}.saldo-selected span[b-3jco942nzz]{font-size:9px;font-weight:950;color:#64748b}.saldo-selected strong[b-3jco942nzz]{font-size:21px;color:#166534}.only-view[b-3jco942nzz]{margin-top:13px;padding:13px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:11px}.confirm-body[b-3jco942nzz]{padding:18px}.confirm-body p[b-3jco942nzz]{font-size:15px;font-weight:750;line-height:1.5}.modal footer[b-3jco942nzz]{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid #e5ebf2}.filters-line[b-3jco942nzz]{margin-bottom:13px}.filters-line .principal[b-3jco942nzz]{margin-top:0}.filters-line .check[b-3jco942nzz]{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:42px}.filters-line .check input[b-3jco942nzz]{width:auto;min-height:auto}.anulado[b-3jco942nzz]{background:#fff1f2;color:#7f1d1d}.stats[b-3jco942nzz]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:13px}.stats>div[b-3jco942nzz]{display:grid;gap:5px;background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:13px}.stats span[b-3jco942nzz]{font-size:9px;color:#64748b;font-weight:950}.stats strong[b-3jco942nzz]{font-size:17px}.stats .gain[b-3jco942nzz]{background:#ecfdf5}.stats .gain strong[b-3jco942nzz],.gain-cell[b-3jco942nzz]{color:#166534;font-weight:950}.stats .movement[b-3jco942nzz]{background:#fff7ed}.stats .total[b-3jco942nzz]{background:#eff6ff}.stats .total strong[b-3jco942nzz]{font-size:20px;color:#1d4ed8}@media(max-width:900px){.caja-grid-dos[b-3jco942nzz],.caja-layout[b-3jco942nzz]{grid-template-columns:1fr}.caja-title[b-3jco942nzz]{align-items:stretch;flex-direction:column}.saldo-card[b-3jco942nzz]{text-align:left}}

/* ==========================================================
   TAMAÑOS GRANDES - MOVIMIENTOS DE CAJA
   ========================================================== */
.caja-title[b-3jco942nzz]{
    padding:22px 24px!important;
}
.caja-title span[b-3jco942nzz]{
    font-size:12px!important;
}
.caja-title h1[b-3jco942nzz]{
    font-size:32px!important;
}
.caja-title p[b-3jco942nzz]{
    font-size:15px!important;
}
.panel h2[b-3jco942nzz]{
    font-size:21px!important;
}
.panel-head[b-3jco942nzz]{
    padding:17px 19px!important;
}
.panel-head p[b-3jco942nzz]{
    margin-top:4px!important;
    font-size:14px!important;
}
.alert[b-3jco942nzz]{
    padding:14px 17px!important;
    font-size:14px!important;
}
.form-panel label span[b-3jco942nzz],
.operacion label span[b-3jco942nzz],
.filters-line label span[b-3jco942nzz],
.confirm-body label span[b-3jco942nzz],
.filters label span[b-3jco942nzz]{
    font-size:11px!important;
}
.form-panel input[b-3jco942nzz],
.form-panel textarea[b-3jco942nzz],
.operacion input[b-3jco942nzz],
.operacion textarea[b-3jco942nzz],
.operacion select[b-3jco942nzz],
.filters-line input[b-3jco942nzz],
.filters-line select[b-3jco942nzz],
.confirm-body textarea[b-3jco942nzz],
.filters input[b-3jco942nzz]{
    min-height:48px!important;
    font-size:16px!important;
    padding:11px 12px!important;
}
.form-panel textarea[b-3jco942nzz],
.operacion textarea[b-3jco942nzz],
.confirm-body textarea[b-3jco942nzz]{
    min-height:100px!important;
}
.tipo-switch button[b-3jco942nzz],
.principal[b-3jco942nzz],
.secondary[b-3jco942nzz],
.pay[b-3jco942nzz],
.withdraw[b-3jco942nzz],
.cancel[b-3jco942nzz],
.small-danger[b-3jco942nzz]{
    min-height:47px!important;
    padding:0 18px!important;
    font-size:13px!important;
}
th[b-3jco942nzz]{
    padding:14px 15px!important;
    font-size:11px!important;
}
td[b-3jco942nzz]{
    padding:14px 15px!important;
    font-size:14px!important;
}
td small[b-3jco942nzz]{
    margin-top:4px!important;
    font-size:11px!important;
}
.money[b-3jco942nzz]{
    font-size:15px!important;
}
.tag[b-3jco942nzz]{
    padding:7px 10px!important;
    font-size:11px!important;
}
.grupo[b-3jco942nzz]{
    padding:13px 15px 0!important;
}
.grupo h3[b-3jco942nzz]{
    margin:9px 5px!important;
    font-size:12px!important;
}
.usuario-row[b-3jco942nzz]{
    min-height:62px;
    padding:14px 15px!important;
}
.usuario-row strong[b-3jco942nzz]{
    font-size:16px!important;
}
.usuario-row small[b-3jco942nzz]{
    font-size:11px!important;
}
.usuario-row b[b-3jco942nzz]{
    font-size:17px!important;
}
.saldo-selected[b-3jco942nzz]{
    padding:15px!important;
}
.saldo-selected span[b-3jco942nzz]{
    font-size:11px!important;
}
.saldo-selected strong[b-3jco942nzz]{
    font-size:26px!important;
}
.only-view[b-3jco942nzz]{
    padding:16px!important;
    font-size:14px!important;
}
.confirm-body p[b-3jco942nzz]{
    font-size:17px!important;
}
.stats span[b-3jco942nzz]{
    font-size:11px!important;
}
.stats strong[b-3jco942nzz]{
    font-size:20px!important;
}
.stats .total strong[b-3jco942nzz]{
    font-size:24px!important;
}

/* RESUMEN DE CAJAS ADMIN */
.resumen-cajas[b-3jco942nzz]{
    padding:15px;
    border-bottom:1px solid #e5eaf1;
    background:#f8fbff;
}
.resumen-banca[b-3jco942nzz]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:15px 17px;
    border:1px solid #bfdbfe;
    border-radius:11px;
    background:#eff6ff;
}
.resumen-banca span[b-3jco942nzz],
.resumen-totales span[b-3jco942nzz]{
    color:#64748b;
    font-size:11px;
    font-weight:950;
    letter-spacing:.05em;
}
.resumen-banca strong[b-3jco942nzz]{
    color:#166534;
    font-size:24px;
    font-weight:950;
}
.resumen-totales[b-3jco942nzz]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:9px;
}
.resumen-totales>div[b-3jco942nzz]{
    display:grid;
    gap:5px;
    padding:13px 15px;
    border:1px solid #dce4ee;
    border-radius:10px;
    background:#fff;
}
.resumen-totales strong[b-3jco942nzz]{
    font-size:19px;
    font-weight:950;
    color:#1e3a5f;
}
.resumen-totales .total-general[b-3jco942nzz]{
    background:#ecfdf5;
    border-color:#bbf7d0;
}
.resumen-totales .total-general strong[b-3jco942nzz]{
    color:#166534;
    font-size:21px;
}

@media(max-width:700px){
    .resumen-totales[b-3jco942nzz]{
        grid-template-columns:1fr;
    }
}


/* ==========================================================
   TICO PLAY - TAMAÑO VISUAL FINAL
   ========================================================== */
.caja-page[b-3jco942nzz]{
    font-size:16px!important;
}
.caja-title[b-3jco942nzz]{
    padding:24px 26px!important;
}
.caja-title span[b-3jco942nzz]{
    font-size:13px!important;
}
.caja-title h1[b-3jco942nzz]{
    font-size:34px!important;
    line-height:1.1!important;
}
.caja-title p[b-3jco942nzz]{
    font-size:16px!important;
}
.panel h2[b-3jco942nzz]{
    font-size:23px!important;
}
.panel-head[b-3jco942nzz]{
    padding:18px 20px!important;
}
.panel-head p[b-3jco942nzz]{
    font-size:15px!important;
}
.alert[b-3jco942nzz]{
    font-size:15px!important;
}
.form-panel label span[b-3jco942nzz],
.operacion label span[b-3jco942nzz],
.filters-line label span[b-3jco942nzz],
.confirm-body label span[b-3jco942nzz],
.filters label span[b-3jco942nzz]{
    font-size:12px!important;
}
.form-panel input[b-3jco942nzz],
.form-panel textarea[b-3jco942nzz],
.operacion input[b-3jco942nzz],
.operacion textarea[b-3jco942nzz],
.operacion select[b-3jco942nzz],
.filters-line input[b-3jco942nzz],
.filters-line select[b-3jco942nzz],
.confirm-body textarea[b-3jco942nzz],
.filters input[b-3jco942nzz]{
    min-height:52px!important;
    font-size:17px!important;
    border-radius:9px!important;
}
.form-panel textarea[b-3jco942nzz],
.operacion textarea[b-3jco942nzz],
.confirm-body textarea[b-3jco942nzz]{
    min-height:110px!important;
}
.tipo-switch button[b-3jco942nzz],
.principal[b-3jco942nzz],
.secondary[b-3jco942nzz],
.pay[b-3jco942nzz],
.withdraw[b-3jco942nzz],
.cancel[b-3jco942nzz],
.small-danger[b-3jco942nzz]{
    min-height:50px!important;
    padding:0 20px!important;
    font-size:14px!important;
}
table th[b-3jco942nzz]{
    padding:15px 16px!important;
    font-size:12px!important;
}
table td[b-3jco942nzz]{
    padding:15px 16px!important;
    font-size:15px!important;
}
table td small[b-3jco942nzz]{
    font-size:12px!important;
}
.money[b-3jco942nzz]{
    font-size:16px!important;
}
.tag[b-3jco942nzz]{
    font-size:12px!important;
}
.grupo h3[b-3jco942nzz]{
    font-size:13px!important;
}
.usuario-row[b-3jco942nzz]{
    min-height:68px!important;
    padding:15px 16px!important;
}
.usuario-row strong[b-3jco942nzz]{
    font-size:17px!important;
}
.usuario-row small[b-3jco942nzz]{
    font-size:12px!important;
}
.usuario-row b[b-3jco942nzz]{
    font-size:19px!important;
}
.saldo-selected span[b-3jco942nzz]{
    font-size:12px!important;
}
.saldo-selected strong[b-3jco942nzz]{
    font-size:28px!important;
}
.only-view[b-3jco942nzz]{
    font-size:15px!important;
}
.confirm-body p[b-3jco942nzz]{
    font-size:18px!important;
}
.stats span[b-3jco942nzz]{
    font-size:12px!important;
}
.stats strong[b-3jco942nzz]{
    font-size:21px!important;
}

/* RESUMEN CAJA VENDEDORES */
.resumen-cajas[b-3jco942nzz]{
    padding:16px!important;
    background:#f7fbff!important;
}
.resumen-banca[b-3jco942nzz]{
    padding:18px 20px!important;
}
.resumen-banca span[b-3jco942nzz],
.resumen-totales span[b-3jco942nzz]{
    font-size:12px!important;
}
.resumen-banca strong[b-3jco942nzz]{
    font-size:28px!important;
}
.resumen-totales[b-3jco942nzz]{
    gap:10px!important;
    margin-top:10px!important;
}
.resumen-totales>div[b-3jco942nzz]{
    padding:16px 18px!important;
}
.resumen-totales strong[b-3jco942nzz]{
    font-size:23px!important;
}
.resumen-totales .total-general strong[b-3jco942nzz]{
    font-size:25px!important;
}


/* Balance firmado de movimientos */
.balance-subtotal[b-3jco942nzz]{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:18px;
    margin-top:10px;
    padding:14px 18px;
    border:1px solid #dce6f1;
    border-radius:10px;
    background:#f8fbff;
}
.balance-subtotal span[b-3jco942nzz]{
    color:#64748b;
    font-size:12px;
    font-weight:950;
}
.balance-subtotal strong[b-3jco942nzz]{
    font-size:21px;
    font-weight:950;
}
.negativo[b-3jco942nzz]{color:#b91c1c!important}
.positivo[b-3jco942nzz]{color:#166534!important}
/* /Components/Pages/GeneracionSorteos.razor.rz.scp.css */
.generacion-page[b-r8wviv9v51] {
    width: 100%;
    min-height: 100%;
    padding: 24px;
    background: #ffffff;
    color: #172033;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.page-header[b-r8wviv9v51] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8edf4;
}

.header-title[b-r8wviv9v51] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-icon[b-r8wviv9v51] {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 16px;
    color: #ffffff;
    background: linear-gradient(135deg, #1478ff, #075ec8);
    box-shadow: 0 10px 24px rgba(20, 120, 255, .22);
    font-size: 27px;
}

.header-kicker[b-r8wviv9v51],
.section-kicker[b-r8wviv9v51] {
    display: block;
    margin-bottom: 4px;
    color: #1677ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.page-header h1[b-r8wviv9v51],
.control-header h2[b-r8wviv9v51],
.table-header h2[b-r8wviv9v51] {
    margin: 0;
    color: #172033;
}

.page-header h1[b-r8wviv9v51] {
    font-size: 27px;
    font-weight: 800;
}

.page-header p[b-r8wviv9v51] {
    margin: 5px 0 0;
    color: #718096;
    font-size: 14px;
}

.refresh-button[b-r8wviv9v51] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    gap: 8px;
    border: 1px solid #d7e1ee;
    border-radius: 11px;
    color: #334155;
    background: #ffffff;
    font-weight: 700;
    cursor: pointer;
    transition: .18s ease;
}

.refresh-button:hover:not(:disabled)[b-r8wviv9v51] {
    border-color: #1677ff;
    color: #1677ff;
    background: #f4f8ff;
}

.refresh-button:disabled[b-r8wviv9v51],
.generate-button:disabled[b-r8wviv9v51] {
    opacity: .55;
    cursor: not-allowed;
}

.message-box[b-r8wviv9v51] {
    display: flex;
    min-height: 48px;
    align-items: center;
    margin-bottom: 18px;
    padding: 11px 15px;
    gap: 10px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 650;
}

.message-box.success[b-r8wviv9v51] {
    border: 1px solid #bde8ce;
    color: #146c3b;
    background: #effcf4;
}

.message-box.error[b-r8wviv9v51] {
    border: 1px solid #f1c2c6;
    color: #a72832;
    background: #fff3f4;
}

.message-icon[b-r8wviv9v51] {
    display: grid;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: currentColor;
    font-size: 13px;
}

.summary-grid[b-r8wviv9v51] {
    display: grid;
    margin-bottom: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.summary-card[b-r8wviv9v51] {
    display: flex;
    min-height: 116px;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    border: 1px solid #e5ebf3;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(15, 35, 70, .055);
}

.summary-label[b-r8wviv9v51] {
    color: #7c899d;
    font-size: 12px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.summary-card strong[b-r8wviv9v51] {
    margin-top: 7px;
    color: #172033;
    font-size: 25px;
    line-height: 1;
}

.summary-card small[b-r8wviv9v51] {
    margin-top: 7px;
    color: #8b98aa;
    font-size: 12px;
}

.control-card[b-r8wviv9v51],
.table-card[b-r8wviv9v51] {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #e4eaf2;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(20, 41, 74, .055);
}

.control-header[b-r8wviv9v51],
.table-header[b-r8wviv9v51] {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: space-between;
    padding: 17px 20px;
    gap: 15px;
    border-bottom: 1px solid #e9eef5;
    background: #fbfcfe;
}

.control-header h2[b-r8wviv9v51],
.table-header h2[b-r8wviv9v51] {
    font-size: 18px;
    font-weight: 800;
}

.date-limit[b-r8wviv9v51] {
    padding: 7px 11px;
    border: 1px solid #dce8f8;
    border-radius: 9px;
    color: #1766c1;
    background: #f2f7ff;
    font-size: 12px;
    font-weight: 700;
}

.control-content[b-r8wviv9v51] {
    display: grid;
    align-items: end;
    padding: 20px;
    grid-template-columns: minmax(260px, 420px) auto;
    gap: 18px;
}

.field-group[b-r8wviv9v51] {
    display: flex;
    flex-direction: column;
}

.field-group label[b-r8wviv9v51] {
    margin-bottom: 7px;
    color: #334155;
    font-size: 13px;
    font-weight: 750;
}

.field-group input[b-r8wviv9v51] {
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid #cfd9e6;
    border-radius: 10px;
    outline: none;
    color: #172033;
    background: #ffffff;
    font: inherit;
    transition: .17s ease;
}

.field-group input:focus[b-r8wviv9v51] {
    border-color: #1677ff;
    box-shadow: 0 0 0 3px rgba(22, 119, 255, .11);
}

.field-group small[b-r8wviv9v51] {
    margin-top: 6px;
    color: #8a97a9;
    font-size: 11px;
}

.generate-button[b-r8wviv9v51] {
    display: inline-flex;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    gap: 9px;
    border: 0;
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient(135deg, #1677ff, #075ec8);
    box-shadow: 0 8px 18px rgba(22, 119, 255, .20);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: .18s ease;
}

.generate-button:hover:not(:disabled)[b-r8wviv9v51] {
    transform: translateY(-1px);
    box-shadow: 0 11px 23px rgba(22, 119, 255, .26);
}

.button-icon[b-r8wviv9v51] {
    font-size: 21px;
    font-weight: 400;
}

.legend[b-r8wviv9v51] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #68778d;
    font-size: 12px;
    font-weight: 650;
}

.legend span[b-r8wviv9v51] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dot[b-r8wviv9v51] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.dot.pending[b-r8wviv9v51] {
    background: #f1a52c;
}

.dot.generated[b-r8wviv9v51] {
    background: #21a464;
}

.table-responsive[b-r8wviv9v51] {
    width: 100%;
    overflow-x: auto;
}

.draw-table[b-r8wviv9v51] {
    width: 100%;
    border-collapse: collapse;
}

.draw-table th[b-r8wviv9v51] {
    height: 43px;
    padding: 0 17px;
    border-bottom: 1px solid #e5eaf1;
    color: #718096;
    background: #f8fafc;
    font-size: 11px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .055em;
    white-space: nowrap;
}

.draw-table td[b-r8wviv9v51] {
    height: 66px;
    padding: 9px 17px;
    border-bottom: 1px solid #edf1f6;
    color: #344054;
    font-size: 13px;
}

.draw-table tbody tr:last-child td[b-r8wviv9v51] {
    border-bottom: 0;
}

.draw-table tbody tr:hover[b-r8wviv9v51] {
    background: #fbfdff;
}

.draw-name[b-r8wviv9v51] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.draw-avatar[b-r8wviv9v51] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border: 1px solid #d8e7fb;
    border-radius: 11px;
    color: #1766c1;
    background: #edf5ff;
    font-size: 12px;
    font-weight: 850;
}

.draw-name strong[b-r8wviv9v51] {
    display: block;
    color: #202b3c;
    font-size: 13px;
}

.draw-name small[b-r8wviv9v51] {
    display: block;
    margin-top: 3px;
    color: #94a0b1;
    font-size: 10px;
}

.time-value[b-r8wviv9v51] {
    color: #344054;
    font-weight: 700;
    white-space: nowrap;
}

.type-badge[b-r8wviv9v51] {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid #cfe0f8;
    border-radius: 8px;
    color: #1766c1;
    background: #f2f7ff;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.type-badge.neutral[b-r8wviv9v51] {
    border-color: #e0e5ec;
    color: #637083;
    background: #f7f8fa;
}

.status-badge[b-r8wviv9v51] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    gap: 7px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.status-badge i[b-r8wviv9v51] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.status-badge.generated[b-r8wviv9v51] {
    color: #15834f;
    background: #eaf9f1;
}

.status-badge.generated i[b-r8wviv9v51] {
    background: #21a464;
}

.status-badge.pending[b-r8wviv9v51] {
    color: #a5650d;
    background: #fff6e6;
}

.status-badge.pending i[b-r8wviv9v51] {
    background: #f1a52c;
}

.empty-state[b-r8wviv9v51] {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 35px 20px;
    color: #8491a4;
    text-align: center;
}

.empty-icon[b-r8wviv9v51] {
    display: grid;
    width: 58px;
    height: 58px;
    margin-bottom: 13px;
    place-items: center;
    border: 1px solid #dbe6f3;
    border-radius: 17px;
    color: #3977bd;
    background: #f2f7fd;
    font-size: 28px;
}

.empty-state strong[b-r8wviv9v51] {
    color: #465267;
    font-size: 15px;
}

.empty-state p[b-r8wviv9v51] {
    margin: 7px 0 0;
    font-size: 12px;
}

.spinner[b-r8wviv9v51],
.large-spinner[b-r8wviv9v51] {
    display: inline-block;
    border-radius: 50%;
    border-style: solid;
    border-color: rgba(255, 255, 255, .45);
    border-top-color: #ffffff;
    animation: tp-spin-b-r8wviv9v51 .75s linear infinite;
}

.spinner[b-r8wviv9v51] {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

.large-spinner[b-r8wviv9v51] {
    width: 34px;
    height: 34px;
    margin-bottom: 13px;
    border-width: 3px;
    border-color: #d5e3f4;
    border-top-color: #1677ff;
}

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

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

@media (max-width: 720px) {
    .generacion-page[b-r8wviv9v51] {
        padding: 14px;
    }

    .page-header[b-r8wviv9v51],
    .control-header[b-r8wviv9v51],
    .table-header[b-r8wviv9v51] {
        align-items: flex-start;
        flex-direction: column;
    }

    .refresh-button[b-r8wviv9v51] {
        width: 100%;
    }

    .summary-grid[b-r8wviv9v51] {
        grid-template-columns: 1fr;
    }

    .control-content[b-r8wviv9v51] {
        grid-template-columns: 1fr;
    }

    .generate-button[b-r8wviv9v51] {
        width: 100%;
    }

    .legend[b-r8wviv9v51] {
        flex-wrap: wrap;
    }
}


/* =========================================================
   MEJORAS VISUALES - GENERACIÓN AUTOMÁTICA
   Solo cambia presentación. No altera métodos ni funcionalidad.
   ========================================================= */

.automation-card[b-r8wviv9v51] {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #e4eaf2;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(20, 41, 74, .055);
}

.automation-card .control-header[b-r8wviv9v51],
.automation-card .table-header[b-r8wviv9v51] {
    background: #fbfcfe;
}

/* Bloque superior de configuración automática */
.automation-content[b-r8wviv9v51] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(290px, .75fr);
    gap: 18px;
    padding: 20px;
}

.automation-form[b-r8wviv9v51] {
    min-width: 0;
}

.master-switch[b-r8wviv9v51] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 58px;
    align-items: center;
    min-height: 82px;
    padding: 15px 17px;
    gap: 18px;
    border: 1px solid #dfe7f1;
    border-radius: 13px;
    background: #fbfdff;
    cursor: pointer;
}

.master-switch > span:first-child[b-r8wviv9v51] {
    min-width: 0;
}

.master-switch strong[b-r8wviv9v51] {
    display: block;
    color: #172033;
    font-size: 16px;
    font-weight: 800;
}

.master-switch small[b-r8wviv9v51] {
    display: block;
    margin-top: 5px;
    color: #718096;
    font-size: 12px;
    line-height: 1.45;
}

.master-switch input[b-r8wviv9v51],
.row-switch input[b-r8wviv9v51] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* Interruptor principal: más visible, pero no exageradamente grande */
.master-switch .switch-slider[b-r8wviv9v51] {
    position: relative;
    display: block;
    width: 56px;
    height: 30px;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .07);
    transition: .2s ease;
}

.master-switch .switch-slider[b-r8wviv9v51]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(15, 23, 42, .25);
    transition: .2s ease;
}

.master-switch input:checked + .switch-slider[b-r8wviv9v51] {
    background: #20a957;
}

.master-switch input:checked + .switch-slider[b-r8wviv9v51]::after {
    transform: translateX(26px);
}

.master-switch input:focus-visible + .switch-slider[b-r8wviv9v51],
.row-switch input:focus-visible + .switch-slider[b-r8wviv9v51] {
    outline: 3px solid rgba(22, 119, 255, .2);
    outline-offset: 3px;
}

.master-switch input:disabled + .switch-slider[b-r8wviv9v51],
.row-switch input:disabled + .switch-slider[b-r8wviv9v51] {
    opacity: .55;
    cursor: not-allowed;
}

.automatic-time-row[b-r8wviv9v51] {
    display: grid;
    grid-template-columns: minmax(210px, 1fr) auto;
    align-items: end;
    margin-top: 15px;
    gap: 14px;
}

.save-button[b-r8wviv9v51] {
    display: inline-flex;
    width: auto;
    min-width: 176px;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    gap: 8px;
    border: 0;
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient(135deg, #1677ff, #075ec8);
    box-shadow: 0 8px 18px rgba(22, 119, 255, .2);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.save-button:disabled[b-r8wviv9v51] {
    opacity: .55;
    cursor: not-allowed;
}

.execution-panel[b-r8wviv9v51] {
    display: grid;
    align-content: stretch;
    gap: 12px;
}

.execution-item[b-r8wviv9v51] {
    display: flex;
    min-height: 80px;
    flex-direction: column;
    justify-content: center;
    padding: 15px 17px;
    border: 1px solid #e1e8f2;
    border-radius: 13px;
    background: #f9fbfe;
}

.execution-item > span[b-r8wviv9v51] {
    color: #718096;
    font-size: 12px;
    font-weight: 750;
}

.execution-item strong[b-r8wviv9v51] {
    margin-top: 7px;
    color: #172033;
    font-size: 17px;
    line-height: 1.25;
}

/* Lista en cuadros: una fila por sorteo, sin imágenes ni iniciales */
.automatic-list[b-r8wviv9v51] {
    display: grid;
    padding: 17px;
    gap: 10px;
}

.automatic-draw[b-r8wviv9v51] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 118px;
    align-items: center;
    min-height: 88px;
    padding: 14px 17px;
    gap: 18px;
    border: 1px solid #dfe7f1;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(15, 35, 70, .04);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.automatic-draw:hover[b-r8wviv9v51] {
    border-color: #c7d8ee;
    box-shadow: 0 7px 19px rgba(15, 35, 70, .075);
    transform: translateY(-1px);
}

.automatic-draw.inactive[b-r8wviv9v51] {
    background: #f8fafc;
    opacity: .72;
}

.automatic-draw-info[b-r8wviv9v51] {
    min-width: 0;
}

.automatic-draw-name[b-r8wviv9v51] {
    display: block;
    overflow: hidden;
    color: #172033;
    font-size: 16px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.automatic-draw-details[b-r8wviv9v51] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 9px 22px;
}

.automatic-draw-details > span[b-r8wviv9v51] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
}

.automatic-draw-details small[b-r8wviv9v51] {
    color: #8491a4;
    font-size: 11px;
    font-weight: 700;
}

.automatic-draw-details b[b-r8wviv9v51] {
    color: #3d4a5f;
    font-size: 13px;
    font-weight: 750;
}

.automatic-days[b-r8wviv9v51] {
    min-width: 0;
    white-space: normal !important;
}

.automatic-days b[b-r8wviv9v51] {
    overflow: hidden;
    max-width: 430px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.automatic-toggle[b-r8wviv9v51] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    border-left: 1px solid #e5ebf3;
}

/* Check individual: visible, tamaño medio */
.row-switch[b-r8wviv9v51] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    cursor: pointer;
}

.row-switch .switch-slider[b-r8wviv9v51] {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06);
    transition: .2s ease;
}

.row-switch .switch-slider[b-r8wviv9v51]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .22);
    transition: .2s ease;
}

.row-switch input:checked + .switch-slider[b-r8wviv9v51] {
    background: #20a957;
}

.row-switch input:checked + .switch-slider[b-r8wviv9v51]::after {
    transform: translateX(22px);
}

.toggle-state-text[b-r8wviv9v51] {
    font-size: 11px;
    font-weight: 800;
}

.toggle-state-text.enabled[b-r8wviv9v51] {
    color: #168047;
}

.toggle-state-text.disabled[b-r8wviv9v51] {
    color: #7c899d;
}

.automation-state[b-r8wviv9v51] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 12px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 850;
}

.automation-state.enabled[b-r8wviv9v51] {
    color: #15733f;
    background: #e9f8ef;
}

.automation-state.disabled[b-r8wviv9v51] {
    color: #6b7280;
    background: #eef1f5;
}

@media (max-width: 900px) {
    .automation-content[b-r8wviv9v51] {
        grid-template-columns: 1fr;
    }

    .execution-panel[b-r8wviv9v51] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .automatic-time-row[b-r8wviv9v51],
    .execution-panel[b-r8wviv9v51] {
        grid-template-columns: 1fr;
    }

    .save-button[b-r8wviv9v51] {
        width: 100%;
    }

    .automatic-draw[b-r8wviv9v51] {
        grid-template-columns: 1fr;
    }

    .automatic-toggle[b-r8wviv9v51] {
        align-items: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        padding-top: 12px;
        border-top: 1px solid #e5ebf3;
        border-left: 0;
    }

    .automatic-days b[b-r8wviv9v51] {
        max-width: 250px;
    }
}

/* =========================================================
   NAVEGACIÓN MANUAL / AUTOMÁTICA
   ========================================================= */

.generation-tabs[b-r8wviv9v51] {
    display: grid;
    margin-bottom: 20px;
    padding: 5px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(260px, .72fr);
    gap: 6px;
    border: 1px solid #dfe7f1;
    border-radius: 15px;
    background: #f5f8fc;
}

.generation-tab[b-r8wviv9v51] {
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    gap: 12px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #66758a;
    background: transparent;
    cursor: pointer;
    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.generation-tab:hover[b-r8wviv9v51] {
    color: #1766c1;
    background: #ffffff;
}

.generation-tab.active[b-r8wviv9v51] {
    border-color: #b8d4f5;
    color: #075ec8;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(26, 82, 145, .11);
}

.generation-tab:active[b-r8wviv9v51] {
    transform: translateY(1px);
}

.generation-tab-icon[b-r8wviv9v51] {
    display: grid;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    place-items: center;
    border-radius: 11px;
    color: #52708f;
    background: #e8eef6;
    font-size: 18px;
}

.generation-tab.active .generation-tab-icon[b-r8wviv9v51] {
    color: #ffffff;
    background: linear-gradient(135deg, #1677ff, #075ec8);
}

.generation-tab > span:last-child[b-r8wviv9v51] {
    display: grid;
    gap: 3px;
    text-align: left;
}

.generation-tab strong[b-r8wviv9v51] {
    font-size: 12px;
    letter-spacing: .035em;
}

.generation-tab small[b-r8wviv9v51] {
    color: #8895a8;
    font-size: 11px;
    font-weight: 600;
}

.generation-tab.active small[b-r8wviv9v51] {
    color: #5e7897;
}

@media (max-width: 680px) {
    .generation-tabs[b-r8wviv9v51] {
        grid-template-columns: 1fr;
    }

    .generation-tab[b-r8wviv9v51] {
        justify-content: flex-start;
    }
}

/* =========================================================
   FINALIZAR SORTEO
   ========================================================= */

.generation-tab-finalizar[b-r8wviv9v51] {
    margin-left: 18px;
    border-color: #f1c8c8;
    color: #a52626;
    background: #fffafa;
}

.generation-tab-finalizar:hover[b-r8wviv9v51] {
    border-color: #e7a8a8;
    color: #b91c1c;
    background: #fff3f3;
}

.generation-tab-finalizar.active[b-r8wviv9v51] {
    border-color: #e99a9a;
    color: #991b1b;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(153, 27, 27, .12);
}

.generation-tab-finalizar .generation-tab-icon[b-r8wviv9v51],
.generation-tab-finalizar.active .generation-tab-icon[b-r8wviv9v51] {
    color: #ffffff;
    background: linear-gradient(135deg, #e54848, #b91c1c);
}

.finalizar-card[b-r8wviv9v51] {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #eadede;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(80, 20, 20, .06);
}

.finalizar-header[b-r8wviv9v51] {
    background: #fffbfb;
}

.finalizar-header p[b-r8wviv9v51] {
    margin: 5px 0 0;
    color: #7c899d;
    font-size: 12px;
}

.finalizar-kicker[b-r8wviv9v51] {
    color: #c62828;
}

.finalizar-lista[b-r8wviv9v51] {
    display: grid;
    padding: 17px;
    gap: 11px;
}

.finalizar-item[b-r8wviv9v51] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px;
    align-items: center;
    min-height: 104px;
    padding: 16px 18px;
    gap: 20px;
    border: 1px solid #e5eaf1;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(15, 35, 70, .04);
}

.finalizar-info[b-r8wviv9v51] {
    min-width: 0;
}

.finalizar-nombre[b-r8wviv9v51] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.finalizar-nombre strong[b-r8wviv9v51] {
    color: #172033;
    font-size: 17px;
    font-weight: 850;
}

.estado-finalizar[b-r8wviv9v51] {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
}

.estado-finalizar.abierto[b-r8wviv9v51] {
    color: #15733f;
    background: #e9f8ef;
}

.estado-finalizar.suspendido[b-r8wviv9v51] {
    color: #9a5b08;
    background: #fff3dd;
}

.finalizar-datos[b-r8wviv9v51] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 13px;
    gap: 10px 28px;
}

.finalizar-datos span[b-r8wviv9v51] {
    display: grid;
    gap: 3px;
}

.finalizar-datos small[b-r8wviv9v51] {
    color: #8a97a9;
    font-size: 10px;
    font-weight: 750;
}

.finalizar-datos b[b-r8wviv9v51] {
    color: #3d4a5f;
    font-size: 13px;
}

.finalizar-button[b-r8wviv9v51],
.confirmar-finalizar-button[b-r8wviv9v51] {
    min-height: 43px;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(135deg, #e54848, #b91c1c);
    box-shadow: 0 7px 16px rgba(185, 28, 28, .20);
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

.finalizar-button:disabled[b-r8wviv9v51],
.confirmar-finalizar-button:disabled[b-r8wviv9v51],
.cancelar-finalizar-button:disabled[b-r8wviv9v51] {
    opacity: .55;
    cursor: not-allowed;
}

.finalizar-modal-fondo[b-r8wviv9v51] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(15, 23, 42, .56);
    backdrop-filter: blur(2px);
}

.finalizar-modal[b-r8wviv9v51] {
    width: min(510px, 100%);
    padding: 24px;
    border: 1px solid #f0b6b6;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 24px 65px rgba(15, 23, 42, .30);
    text-align: center;
}

.finalizar-modal-icono[b-r8wviv9v51] {
    display: grid;
    width: 54px;
    height: 54px;
    margin: 0 auto 13px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, #ef5555, #b91c1c);
    font-size: 25px;
    font-weight: 900;
}

.finalizar-modal h3[b-r8wviv9v51] {
    margin: 0;
    color: #991b1b;
    font-size: 20px;
}

.finalizar-modal > p[b-r8wviv9v51] {
    margin: 15px 0 6px;
    color: #475569;
    font-size: 13px;
    font-weight: 750;
}

.finalizar-modal-nombre[b-r8wviv9v51] {
    display: block;
    color: #172033;
    font-size: 21px;
    font-weight: 900;
}

.finalizar-resumen[b-r8wviv9v51] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
    gap: 9px;
}

.finalizar-resumen span[b-r8wviv9v51] {
    display: grid;
    padding: 11px;
    gap: 4px;
    border: 1px solid #e6ebf2;
    border-radius: 10px;
    background: #f9fbfd;
}

.finalizar-resumen small[b-r8wviv9v51] {
    color: #8491a4;
    font-size: 10px;
    font-weight: 750;
}

.finalizar-resumen b[b-r8wviv9v51] {
    color: #26364b;
    font-size: 13px;
}

.finalizar-advertencia[b-r8wviv9v51] {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    color: #991b1b;
    background: #fff1f2;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.55;
}

.finalizar-modal-acciones[b-r8wviv9v51] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 18px;
    gap: 10px;
}

.cancelar-finalizar-button[b-r8wviv9v51] {
    min-height: 43px;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(135deg, #64748b, #475569);
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

@media (max-width: 850px) {
    .generation-tab-finalizar[b-r8wviv9v51] {
        margin-left: 0;
    }

    .finalizar-item[b-r8wviv9v51] {
        grid-template-columns: 1fr;
    }

    .finalizar-button[b-r8wviv9v51] {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .finalizar-resumen[b-r8wviv9v51],
    .finalizar-modal-acciones[b-r8wviv9v51] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/HistorialDiario.razor.rz.scp.css */
.hd-page[b-d7250uf3cp]{min-height:100%;padding:18px;background:#f3f7fc;color:#17355f;font-family:Inter,"Segoe UI",Arial,sans-serif}.hd-header[b-d7250uf3cp]{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;margin-bottom:11px;border:1px solid #dce6f2;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(26,61,103,.05)}.hd-header span[b-d7250uf3cp]{font-size:12px;font-weight:950;letter-spacing:.08em;color:#1769e8}.hd-header h1[b-d7250uf3cp]{margin:4px 0;font-size:31px}.hd-header p[b-d7250uf3cp]{margin:0;font-size:16px;font-weight:800;color:#718096}.hd-fecha[b-d7250uf3cp]{display:grid;gap:3px;padding:11px 15px;border:1px solid #cfe0f4;border-radius:10px;background:#f7fbff;text-align:right}.hd-fecha strong[b-d7250uf3cp]{font-size:19px}.hd-alert[b-d7250uf3cp]{padding:12px 15px;margin-bottom:11px;border-radius:9px;font-size:14px;font-weight:850}.hd-alert.error[b-d7250uf3cp]{background:#fee2e2;color:#991b1b}.hd-alert.ok[b-d7250uf3cp]{background:#dcfce7;color:#166534}.hd-filtro[b-d7250uf3cp]{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px 16px;margin-bottom:12px;border:1px solid #dce6f2;border-radius:11px;background:#fff}.hd-filtro label[b-d7250uf3cp]{display:grid;gap:5px}.hd-filtro label span[b-d7250uf3cp]{font-size:12px;font-weight:950;color:#718096}.hd-filtro input[b-d7250uf3cp]{height:48px;padding:0 12px;border:1px solid #cbd8e8;border-radius:8px;font-size:16px;font-weight:750}.hd-filtro button[b-d7250uf3cp]{height:48px;padding:0 20px;border:0;border-radius:8px;background:#1769e8;color:#fff;font-size:13px;font-weight:950;cursor:pointer}.hd-live[b-d7250uf3cp]{height:48px;display:flex;align-items:center;gap:7px;padding:0 13px;border-radius:8px;background:#ecfdf5;color:#166534;font-size:11px;font-weight:950}.hd-live i[b-d7250uf3cp]{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.hd-grid-principal[b-d7250uf3cp]{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(300px,.75fr);gap:13px;align-items:start}.hd-col-sorteos[b-d7250uf3cp]{min-width:0}.hd-col-resumen[b-d7250uf3cp]{display:grid;gap:10px;position:sticky;top:10px}.hd-panel[b-d7250uf3cp]{overflow:hidden;border:1px solid #dce6f2;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(26,61,103,.04)}.hd-panel-title[b-d7250uf3cp]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #edf2f7}.hd-panel-title h2[b-d7250uf3cp]{margin:0;font-size:22px}.hd-panel-title p[b-d7250uf3cp]{margin:4px 0 0;font-size:14px;color:#718096}.hd-contadores[b-d7250uf3cp]{display:flex;gap:6px;flex-wrap:wrap}.hd-contadores span[b-d7250uf3cp]{padding:7px 10px;border-radius:7px;background:#eff6ff;color:#1769e8;font-size:11px;font-weight:950}.hd-table-wrap[b-d7250uf3cp]{overflow:auto}.hd-panel table[b-d7250uf3cp]{width:100%;min-width:930px;border-collapse:collapse}.hd-panel th[b-d7250uf3cp]{padding:14px 13px;background:#f6f9fd;color:#718096;font-size:11px;font-weight:950;text-align:left;white-space:nowrap}.hd-panel td[b-d7250uf3cp]{padding:16px 13px;border-top:1px solid #edf2f7;font-size:15px;vertical-align:middle;white-space:nowrap}.hd-panel td small[b-d7250uf3cp]{display:block;margin-top:4px;color:#8a9ab0;font-size:11px}.hd-sorteo[b-d7250uf3cp]{font-size:17px;color:#17355f}.hd-hora[b-d7250uf3cp]{font-size:16px;font-weight:900}.hd-venta[b-d7250uf3cp]{font-size:17px;font-weight:950;color:#17355f}.hd-premios[b-d7250uf3cp]{color:#b91c1c;font-weight:850}.hd-comision[b-d7250uf3cp]{color:#c2410c;font-weight:850}.hd-estado[b-d7250uf3cp]{display:inline-flex;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:950}.hd-estado.abierto[b-d7250uf3cp]{background:#dcfce7;color:#166534}.hd-estado.cerrado[b-d7250uf3cp]{background:#f1f5f9;color:#475569}.hd-estado.resultado[b-d7250uf3cp]{background:#fef3c7;color:#92400e}.hd-estado.liquidado[b-d7250uf3cp]{background:#dbeafe;color:#1d4ed8}.hd-estado.suspendido[b-d7250uf3cp]{background:#fee2e2;color:#991b1b}.hd-estado.pendiente[b-d7250uf3cp]{background:#f3e8ff;color:#7e22ce}.hd-bolita[b-d7250uf3cp]{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;font-size:14px;font-weight:950}.hd-bolita.ganador[b-d7250uf3cp]{background:#17355f;color:#fff}.hd-bolita.roja[b-d7250uf3cp]{background:#dc2626;color:#fff}.hd-bolita.blanca[b-d7250uf3cp]{background:#fff;color:#17355f;border:2px solid #cbd5e1}.hd-pendiente[b-d7250uf3cp]{color:#94a3b8}.hd-vacio[b-d7250uf3cp]{padding:38px!important;text-align:center;color:#718096}.hd-resumen-lateral[b-d7250uf3cp]{overflow:hidden;border:1px solid #d5e2f0;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(24,55,96,.06)}.hd-resumen-titulo[b-d7250uf3cp]{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 17px;background:#17355f;color:#fff}.hd-resumen-titulo span[b-d7250uf3cp]{font-size:12px;font-weight:950;letter-spacing:.05em}.hd-resumen-titulo strong[b-d7250uf3cp]{font-size:14px}.hd-linea[b-d7250uf3cp]{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid #edf2f7}.hd-linea span[b-d7250uf3cp]{font-size:12px;font-weight:950;color:#65758b}.hd-linea strong[b-d7250uf3cp]{font-size:19px;color:#17355f}.hd-linea small[b-d7250uf3cp]{grid-column:1/-1;color:#8a9ab0;font-size:10px}.hd-linea.sinpe-revision[b-d7250uf3cp]{background:#eff6ff}.hd-linea.sinpe-revision strong[b-d7250uf3cp]{color:#1769e8}.hd-linea.credito[b-d7250uf3cp]{background:#fff7ed}.hd-linea.credito strong[b-d7250uf3cp]{color:#c2410c}.hd-linea.subtotal[b-d7250uf3cp]{padding-top:16px;padding-bottom:16px;border-top:2px solid #cbd8e8;background:#f8fafc}.hd-linea.subtotal span[b-d7250uf3cp]{color:#17355f}.hd-linea.subtotal strong[b-d7250uf3cp]{font-size:22px}.hd-linea.negativo strong[b-d7250uf3cp]{color:#b91c1c}.hd-linea.sinpe-revisado[b-d7250uf3cp]{background:#fff1f2}.hd-total-general[b-d7250uf3cp]{display:grid;gap:5px;padding:18px 17px;background:linear-gradient(135deg,#17355f,#214a7b);color:#fff}.hd-total-general span[b-d7250uf3cp]{font-size:12px;font-weight:950;letter-spacing:.04em;color:#dbeafe}.hd-total-general strong[b-d7250uf3cp]{font-size:28px;font-weight:950}.hd-control-sinpe[b-d7250uf3cp]{padding:13px 15px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#315476}.hd-control-sinpe strong[b-d7250uf3cp]{font-size:11px;color:#1769e8}.hd-control-sinpe p[b-d7250uf3cp]{margin:5px 0 0;font-size:11px;line-height:1.5}.hd-control-sinpe b[b-d7250uf3cp]{color:#17355f}@media(max-width:1150px){.hd-grid-principal[b-d7250uf3cp]{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:900px){.hd-header[b-d7250uf3cp]{align-items:stretch;flex-direction:column}.hd-fecha[b-d7250uf3cp]{text-align:left}.hd-grid-principal[b-d7250uf3cp]{grid-template-columns:1fr}.hd-col-resumen[b-d7250uf3cp]{position:static;order:-1}}

/* Botones detalle SINPE / Crédito */
.hd-linea.con-boton[b-d7250uf3cp]{
    grid-template-columns:1fr auto;
}
.hd-linea.con-boton .hd-ver[b-d7250uf3cp]{
    grid-column:1/-1;
}
.hd-ver[b-d7250uf3cp]{
    width:100%;
    min-height:36px;
    border:1px solid #93c5fd;
    border-radius:7px;
    background:#fff;
    color:#1769e8;
    font-size:10px;
    font-weight:950;
    cursor:pointer;
}
.hd-ver:hover[b-d7250uf3cp]{
    background:#dbeafe;
}
.hd-ver.credito-btn[b-d7250uf3cp]{
    border-color:#fdba74;
    color:#c2410c;
}
.hd-ver.credito-btn:hover[b-d7250uf3cp]{
    background:#ffedd5;
}

/* Modal detalles */
.hd-modal-fondo[b-d7250uf3cp]{
    position:fixed;
    inset:0;
    z-index:9999;
    display:grid;
    place-items:center;
    padding:20px;
    background:rgba(15,23,42,.70);
}
.hd-modal[b-d7250uf3cp]{
    width:min(980px,96vw);
    max-height:90vh;
    overflow:auto;
    border-radius:14px;
    background:#fff;
    box-shadow:0 20px 65px rgba(0,0,0,.28);
}
.hd-modal>header[b-d7250uf3cp]{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid #dfe7f1;
    background:#fff;
}
.hd-modal>header span[b-d7250uf3cp]{
    color:#1769e8;
    font-size:11px;
    font-weight:950;
}
.hd-modal>header h2[b-d7250uf3cp]{
    margin:3px 0 0;
    color:#17355f;
    font-size:22px;
}
.hd-modal>header button[b-d7250uf3cp]{
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#f1f5f9;
    color:#475569;
    font-size:17px;
    cursor:pointer;
}
.hd-modal-resumen[b-d7250uf3cp]{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding:13px 16px;
    background:#f8fbff;
}
.hd-modal-resumen.credito-resumen[b-d7250uf3cp]{
    grid-template-columns:repeat(2,1fr);
}
.hd-modal-resumen>div[b-d7250uf3cp]{
    display:grid;
    gap:4px;
    padding:11px 13px;
    border:1px solid #dce6f2;
    border-radius:8px;
    background:#fff;
}
.hd-modal-resumen span[b-d7250uf3cp]{
    color:#718096;
    font-size:10px;
    font-weight:950;
}
.hd-modal-resumen strong[b-d7250uf3cp]{
    color:#17355f;
    font-size:18px;
}
.hd-detalle-wrap[b-d7250uf3cp]{
    overflow:auto;
    padding:0 16px 17px;
}
.hd-detalle-wrap table[b-d7250uf3cp]{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
}
.hd-detalle-wrap th[b-d7250uf3cp]{
    padding:12px 10px;
    background:#f6f9fd;
    color:#718096;
    font-size:10px;
    font-weight:950;
    text-align:left;
}
.hd-detalle-wrap td[b-d7250uf3cp]{
    padding:12px 10px;
    border-top:1px solid #edf2f7;
    color:#294867;
    font-size:13px;
}
.hd-detalle-wrap td.monto[b-d7250uf3cp]{
    font-size:14px;
    font-weight:900;
}
.hd-detalle-vacio[b-d7250uf3cp]{
    padding:30px!important;
    text-align:center;
    color:#718096!important;
}
.hd-estado-sinpe[b-d7250uf3cp],
.hd-estado-credito[b-d7250uf3cp]{
    display:inline-flex;
    padding:6px 8px;
    border-radius:7px;
    font-size:10px;
    font-weight:950;
}
.hd-estado-sinpe.pendiente[b-d7250uf3cp]{
    background:#fef3c7;
    color:#92400e;
}
.hd-estado-sinpe.revisado[b-d7250uf3cp]{
    background:#dcfce7;
    color:#166534;
}
.hd-estado-sinpe.erroneo[b-d7250uf3cp]{
    background:#fee2e2;
    color:#991b1b;
}
.hd-estado-sinpe.otro[b-d7250uf3cp],
.hd-estado-credito[b-d7250uf3cp]{
    background:#e2e8f0;
    color:#475569;
}
@media(max-width:650px){
    .hd-modal-resumen[b-d7250uf3cp],
    .hd-modal-resumen.credito-resumen[b-d7250uf3cp]{
        grid-template-columns:1fr;
    }
}


/* ==========================================================
   HISTORIAL DIARIO - TAMAÑO GRANDE FINAL
   ========================================================== */
.hd-page[b-d7250uf3cp]{
    font-size:16px!important;
}
.hd-header[b-d7250uf3cp]{
    padding:23px 25px!important;
}
.hd-header span[b-d7250uf3cp]{
    font-size:13px!important;
}
.hd-header h1[b-d7250uf3cp]{
    font-size:34px!important;
}
.hd-header p[b-d7250uf3cp]{
    font-size:18px!important;
}
.hd-fecha span[b-d7250uf3cp]{
    font-size:12px!important;
}
.hd-fecha strong[b-d7250uf3cp]{
    font-size:21px!important;
}

.hd-filtro[b-d7250uf3cp]{
    padding:16px 18px!important;
}
.hd-filtro label span[b-d7250uf3cp]{
    font-size:13px!important;
}
.hd-filtro input[b-d7250uf3cp]{
    min-width:175px!important;
    height:52px!important;
    font-size:17px!important;
}
.hd-filtro button[b-d7250uf3cp]{
    height:52px!important;
    padding:0 23px!important;
    font-size:14px!important;
}
.hd-live[b-d7250uf3cp]{
    height:52px!important;
    font-size:12px!important;
}

.hd-panel-title[b-d7250uf3cp]{
    padding:18px 20px!important;
}
.hd-panel-title h2[b-d7250uf3cp]{
    font-size:24px!important;
}
.hd-panel-title p[b-d7250uf3cp]{
    font-size:15px!important;
}
.hd-contadores span[b-d7250uf3cp]{
    padding:8px 11px!important;
    font-size:12px!important;
}

.hd-panel table th[b-d7250uf3cp]{
    padding:16px 14px!important;
    font-size:12px!important;
}
.hd-panel table td[b-d7250uf3cp]{
    padding:18px 14px!important;
    font-size:16px!important;
}
.hd-panel table td small[b-d7250uf3cp]{
    font-size:12px!important;
}
.hd-sorteo[b-d7250uf3cp]{
    font-size:18px!important;
}
.hd-hora[b-d7250uf3cp]{
    font-size:17px!important;
}
.hd-venta[b-d7250uf3cp]{
    font-size:18px!important;
}
.hd-premios[b-d7250uf3cp],
.hd-comision[b-d7250uf3cp]{
    font-size:16px!important;
}
.hd-estado[b-d7250uf3cp]{
    padding:8px 11px!important;
    font-size:12px!important;
}
.hd-bolita[b-d7250uf3cp]{
    width:40px!important;
    height:40px!important;
    font-size:15px!important;
}

.hd-resumen-titulo[b-d7250uf3cp]{
    padding:18px 19px!important;
}
.hd-resumen-titulo span[b-d7250uf3cp]{
    font-size:13px!important;
}
.hd-resumen-titulo strong[b-d7250uf3cp]{
    font-size:16px!important;
}
.hd-linea[b-d7250uf3cp]{
    padding:17px 18px!important;
}
.hd-linea span[b-d7250uf3cp]{
    font-size:13px!important;
}
.hd-linea strong[b-d7250uf3cp]{
    font-size:21px!important;
}
.hd-linea small[b-d7250uf3cp]{
    font-size:12px!important;
}
.hd-linea.subtotal strong[b-d7250uf3cp]{
    font-size:24px!important;
}
.hd-ver[b-d7250uf3cp]{
    min-height:42px!important;
    font-size:12px!important;
}
.hd-total-general[b-d7250uf3cp]{
    padding:20px 19px!important;
}
.hd-total-general span[b-d7250uf3cp]{
    font-size:13px!important;
}
.hd-total-general strong[b-d7250uf3cp]{
    font-size:31px!important;
}
.hd-control-sinpe[b-d7250uf3cp]{
    padding:15px 17px!important;
}
.hd-control-sinpe strong[b-d7250uf3cp]{
    font-size:12px!important;
}
.hd-control-sinpe p[b-d7250uf3cp]{
    font-size:13px!important;
}

/* MODALES SINPE / CREDITO */
.hd-modal>header[b-d7250uf3cp]{
    padding:19px 21px!important;
}
.hd-modal>header span[b-d7250uf3cp]{
    font-size:13px!important;
}
.hd-modal>header h2[b-d7250uf3cp]{
    font-size:25px!important;
}
.hd-modal-resumen span[b-d7250uf3cp]{
    font-size:12px!important;
}
.hd-modal-resumen strong[b-d7250uf3cp]{
    font-size:21px!important;
}
.hd-detalle-wrap th[b-d7250uf3cp]{
    padding:14px 12px!important;
    font-size:11px!important;
}
.hd-detalle-wrap td[b-d7250uf3cp]{
    padding:14px 12px!important;
    font-size:15px!important;
}
.hd-detalle-wrap td.monto[b-d7250uf3cp]{
    font-size:16px!important;
}
.hd-estado-sinpe[b-d7250uf3cp],
.hd-estado-credito[b-d7250uf3cp]{
    padding:7px 9px!important;
    font-size:11px!important;
}


/* ==========================================================
   HISTORIAL DIARIO - TABLA COMPACTA Y FECHAS/HORAS LEGIBLES
   ========================================================== */
.hd-col-sorteos[b-d7250uf3cp]{
    min-width:0!important;
}

.hd-panel table[b-d7250uf3cp]{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
}

.hd-panel th[b-d7250uf3cp],
.hd-panel td[b-d7250uf3cp]{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.hd-panel th:nth-child(1)[b-d7250uf3cp],
.hd-panel td:nth-child(1)[b-d7250uf3cp]{
    width:28%!important;
}

.hd-panel th:nth-child(2)[b-d7250uf3cp],
.hd-panel td:nth-child(2)[b-d7250uf3cp]{
    width:12%!important;
    text-align:center!important;
}

.hd-panel th:nth-child(3)[b-d7250uf3cp],
.hd-panel td:nth-child(3)[b-d7250uf3cp]{
    width:15%!important;
    text-align:center!important;
}

.hd-panel th:nth-child(4)[b-d7250uf3cp],
.hd-panel td:nth-child(4)[b-d7250uf3cp]{
    width:15%!important;
    text-align:right!important;
}

.hd-panel th:nth-child(5)[b-d7250uf3cp],
.hd-panel td:nth-child(5)[b-d7250uf3cp]{
    width:9%!important;
    text-align:center!important;
}

.hd-panel th:nth-child(6)[b-d7250uf3cp],
.hd-panel td:nth-child(6)[b-d7250uf3cp]{
    width:9%!important;
    text-align:center!important;
}

.hd-panel th:nth-child(7)[b-d7250uf3cp],
.hd-panel td:nth-child(7)[b-d7250uf3cp]{
    width:12%!important;
    text-align:right!important;
}

/* Si existe columna Comisión adicional, dale espacio sin expandir demasiado */
.hd-panel th:nth-child(8)[b-d7250uf3cp],
.hd-panel td:nth-child(8)[b-d7250uf3cp]{
    width:12%!important;
    text-align:right!important;
}

.hd-panel th[b-d7250uf3cp]{
    white-space:normal!important;
    line-height:1.2!important;
}

.hd-panel td[b-d7250uf3cp]{
    white-space:normal!important;
    line-height:1.25!important;
}

.hd-hora[b-d7250uf3cp]{
    white-space:nowrap!important;
    font-size:16px!important;
    font-weight:950!important;
}

.hd-panel td small[b-d7250uf3cp]{
    white-space:normal!important;
    line-height:1.25!important;
}

.hd-sorteo[b-d7250uf3cp]{
    display:block!important;
    white-space:normal!important;
    line-height:1.2!important;
}

.hd-estado[b-d7250uf3cp]{
    white-space:nowrap!important;
}

.hd-venta[b-d7250uf3cp],
.hd-premios[b-d7250uf3cp],
.hd-comision[b-d7250uf3cp]{
    white-space:nowrap!important;
}

@media(max-width:1200px){
    .hd-grid-principal[b-d7250uf3cp]{
        grid-template-columns:minmax(0,1fr) 295px!important;
    }

    .hd-panel th[b-d7250uf3cp]{
        font-size:11px!important;
        padding:13px 8px!important;
    }

    .hd-panel td[b-d7250uf3cp]{
        font-size:14px!important;
        padding:15px 8px!important;
    }

    .hd-sorteo[b-d7250uf3cp]{
        font-size:16px!important;
    }

    .hd-hora[b-d7250uf3cp]{
        font-size:14px!important;
    }
}
/* /Components/Pages/ImprimirBoleta.razor.rz.scp.css */
@page {
    size: 80mm auto;
    margin: 1.5mm;
}

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

html[b-k4co46uo38],
body[b-k4co46uo38] {
    width: 73mm;
    margin: 0;
    padding: 0;
    color: #000;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.22;
}

.estado-impresion[b-k4co46uo38] {
    padding: 20px;
    text-align: center;
}

.estado-impresion.error[b-k4co46uo38] {
    color: #b00020;
}

.ticket[b-k4co46uo38] {
    width: 73mm;
    margin: 0;
    padding: 0;
}

.ticket-encabezado[b-k4co46uo38] {
    display: grid;
    grid-template-columns: 31mm minmax(0, 1fr);
    align-items: start;
    gap: 2mm;
}

.ticket-qr[b-k4co46uo38] {
    display: block;
    width: 30mm;
    height: 30mm;
    image-rendering: pixelated;
}

.ticket-identificacion[b-k4co46uo38] {
    margin-top: 1mm;
    font-size: 10.5px;
    line-height: 1.2;
    text-transform: uppercase;
}

.ticket-empresa[b-k4co46uo38] {
    padding-top: 3mm;
    text-align: right;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.05;
    text-transform: uppercase;
}

.bloque[b-k4co46uo38] {
    margin-top: 4mm;
}

.bloque > div[b-k4co46uo38],
.ticket-sorteo-detalle > div[b-k4co46uo38] {
    margin: 1.2mm 0;
}

.ticket-datos span[b-k4co46uo38],
.ticket-sorteo-detalle span[b-k4co46uo38] {
    text-transform: none;
}

.ticket-sorteo[b-k4co46uo38] {
    margin-top: 4mm;
    text-align: center;
}

.ticket-sorteo-etiqueta[b-k4co46uo38] {
    font-size: 12px;
}

.ticket-sorteo-nombre[b-k4co46uo38] {
    margin-top: 1mm;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.05;
    text-transform: uppercase;
}

.ticket-sorteo-detalle[b-k4co46uo38] {
    margin-top: 2mm;
    text-align: left;
}

.fila[b-k4co46uo38],
.grupo-impresion[b-k4co46uo38] {
    display: grid;
    align-items: start;
    gap: 1.4mm;
}

.dos-columnas[b-k4co46uo38] {
    grid-template-columns: minmax(0, 1fr) 20mm;
}

.tres-columnas[b-k4co46uo38] {
    grid-template-columns: minmax(0, 1fr) 15.5mm 15.5mm;
}

.cabecera[b-k4co46uo38] {
    margin-top: 5mm;
    margin-bottom: 1.5mm;
    font-size: 11px;
    font-weight: 600;
}

.cabecera span:not(:first-child)[b-k4co46uo38],
.monto-grupo[b-k4co46uo38] {
    text-align: right;
}

.grupo-impresion[b-k4co46uo38] {
    margin-top: 1.5mm;
    break-inside: avoid;
}

.numeros-grupo[b-k4co46uo38] {
    min-width: 0;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.3;
}

.monto-grupo[b-k4co46uo38] {
    padding-top: .4mm;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.totales[b-k4co46uo38] {
    margin-top: 7mm;
    font-size: 11px;
}

.totales > div:not(.total-compra)[b-k4co46uo38] {
    display: flex;
    justify-content: space-between;
    margin: .7mm 0;
}

.total-compra[b-k4co46uo38] {
    margin-top: 2.5mm;
    text-align: center;
}

.total-compra > span[b-k4co46uo38] {
    display: block;
    font-size: 13px;
}

.total-compra strong[b-k4co46uo38] {
    display: block;
    margin-top: .5mm;
    font-size: 21px;
    font-weight: 900;
}

.ticket-pie[b-k4co46uo38] {
    display: grid;
    gap: 1mm;
    margin-top: 4mm;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
}

@media screen {
    body[b-k4co46uo38] {
        padding: 6px 0;
        background: #ececec;
    }

    .ticket[b-k4co46uo38] {
        padding: 2mm;
        background: #fff;
        box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
    }
}

@media print {
    html[b-k4co46uo38],
    body[b-k4co46uo38],
    .ticket[b-k4co46uo38] {
        width: 73mm;
    }

    body[b-k4co46uo38] {
        padding: 0;
    }

    .ticket[b-k4co46uo38] {
        box-shadow: none;
    }
}
/* /Components/Pages/LiquidacionesAdmin.razor.rz.scp.css */
.liq-page[b-spnci0pf8f]{padding:18px;background:#f3f6fa;min-height:100%;font-family:Inter,"Segoe UI",Arial;color:#172033}.liq-header[b-spnci0pf8f],.toolbar[b-spnci0pf8f],.filters[b-spnci0pf8f],.panel[b-spnci0pf8f],.card[b-spnci0pf8f]{background:#fff;border:1px solid #dfe6ef;border-radius:13px}.liq-header[b-spnci0pf8f]{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin-bottom:13px}.liq-header span[b-spnci0pf8f],.modal header span[b-spnci0pf8f]{color:#1677ff;font-size:10px;font-weight:900}.liq-header h1[b-spnci0pf8f]{margin:4px 0;font-size:27px}.liq-header p[b-spnci0pf8f]{margin:0;color:#738196;font-size:12px}.liq-tabs[b-spnci0pf8f]{display:flex;gap:5px;background:#edf2f7;padding:4px;border-radius:9px}.liq-tabs button[b-spnci0pf8f],.toolbar button[b-spnci0pf8f],.filters button[b-spnci0pf8f]{border:0;border-radius:7px;font-weight:900;cursor:pointer}.liq-tabs button[b-spnci0pf8f]{padding:11px 15px;background:transparent}.liq-tabs button.activo[b-spnci0pf8f]{background:#1766c1;color:white}.msg[b-spnci0pf8f]{padding:11px 14px;border-radius:9px;margin-bottom:12px;font-weight:800;font-size:12px}.msg.ok[b-spnci0pf8f]{background:#dcfce7;color:#166534}.msg.error[b-spnci0pf8f]{background:#fee2e2;color:#991b1b}.toolbar[b-spnci0pf8f],.filters[b-spnci0pf8f]{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;margin-bottom:13px}.toolbar>div[b-spnci0pf8f]{display:grid;gap:3px}.toolbar span[b-spnci0pf8f]{color:#6b7280;font-size:11px}.toolbar button[b-spnci0pf8f],.filters button[b-spnci0pf8f]{height:39px;padding:0 15px;background:#1766c1;color:white}.grid[b-spnci0pf8f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.card[b-spnci0pf8f]{overflow:hidden}.card>header[b-spnci0pf8f]{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #edf1f6}.card h2[b-spnci0pf8f]{margin:3px 0;font-size:18px}.card small[b-spnci0pf8f]{color:#718096}.balls[b-spnci0pf8f]{display:flex;gap:4px}.balls b[b-spnci0pf8f]{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid #83b6ef;background:#edf6ff}.data[b-spnci0pf8f]{display:grid;grid-template-columns:repeat(3,1fr);padding:14px}.data div[b-spnci0pf8f],.summary div[b-spnci0pf8f]{display:grid;gap:4px}.data span[b-spnci0pf8f],.summary span[b-spnci0pf8f]{font-size:9px;color:#718096;font-weight:900}.data strong[b-spnci0pf8f]{font-size:17px}.card footer[b-spnci0pf8f],.modal footer[b-spnci0pf8f]{display:flex;gap:8px;padding:13px 15px;border-top:1px solid #edf1f6}.card footer button[b-spnci0pf8f],.modal footer button[b-spnci0pf8f],.actions button[b-spnci0pf8f]{height:38px;border:0;border-radius:7px;padding:0 13px;color:white;font-size:10px;font-weight:900;cursor:pointer}.ver[b-spnci0pf8f]{background:#1766c1}.liquidar[b-spnci0pf8f]{background:#15803d}.reversar[b-spnci0pf8f]{background:#dc2626}.cerrar[b-spnci0pf8f]{background:#64748b}.empty[b-spnci0pf8f]{display:grid;place-items:center;min-height:250px;background:#fff;border:1px solid #dfe6ef;border-radius:13px;color:#718096}.filters[b-spnci0pf8f]{justify-content:flex-start;gap:10px}.filters label[b-spnci0pf8f]{display:grid;gap:4px}.filters span[b-spnci0pf8f]{font-size:9px;font-weight:900}.filters input[b-spnci0pf8f]{height:39px;border:1px solid #cbd5e1;border-radius:7px;padding:0 9px}.tablewrap[b-spnci0pf8f]{overflow:auto}.panel table[b-spnci0pf8f],.modal table[b-spnci0pf8f]{width:100%;border-collapse:collapse;min-width:1050px}.panel th[b-spnci0pf8f],.modal th[b-spnci0pf8f]{padding:10px;background:#f5f8fc;color:#6c7a8f;font-size:9px;text-align:left}.panel td[b-spnci0pf8f],.modal td[b-spnci0pf8f]{padding:10px;border-top:1px solid #edf1f6;font-size:12px}.panel td small[b-spnci0pf8f],.modal td small[b-spnci0pf8f]{display:block;color:#718096;font-size:9px;margin-top:3px}.neto[b-spnci0pf8f]{font-weight:900}.rev[b-spnci0pf8f]{background:#fff1f2}.estado[b-spnci0pf8f]{padding:6px 8px;border-radius:7px;font-size:9px;font-weight:900}.estado.procesada[b-spnci0pf8f]{background:#dcfce7;color:#166534}.estado.revertida[b-spnci0pf8f]{background:#fee2e2;color:#991b1b}.actions[b-spnci0pf8f]{display:flex;gap:5px}.back[b-spnci0pf8f]{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.68)}.modal[b-spnci0pf8f]{width:min(1180px,97vw);max-height:94vh;overflow:auto;background:white;border-radius:16px}.modal.small[b-spnci0pf8f]{width:min(620px,97vw)}.modal>header[b-spnci0pf8f]{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5ebf2}.modal h2[b-spnci0pf8f]{margin:4px 0}.modal p[b-spnci0pf8f]{margin:0;color:#718096}.x[b-spnci0pf8f]{width:38px;height:38px;border:0;border-radius:50%;background:#dc2626;color:white;font-size:24px}.summary[b-spnci0pf8f]{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px 18px}.summary div[b-spnci0pf8f]{padding:11px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.summary .n[b-spnci0pf8f]{background:#eff6ff}.summary .n strong[b-spnci0pf8f]{color:#1d4ed8}.obs[b-spnci0pf8f]{display:grid;gap:5px;padding:14px 18px}.obs span[b-spnci0pf8f]{font-size:9px;font-weight:900;color:#64748b}.obs textarea[b-spnci0pf8f]{min-height:80px;border:1px solid #cbd5e1;border-radius:8px;padding:9px}.warning[b-spnci0pf8f]{margin:15px 18px 0;padding:12px;border:1px solid #f1b4b4;border-radius:8px;background:#fff1f2;color:#991b1b;font-size:12px}@media(max-width:850px){.liq-header[b-spnci0pf8f]{flex-direction:column;align-items:stretch}.grid[b-spnci0pf8f]{grid-template-columns:1fr}.summary[b-spnci0pf8f]{grid-template-columns:1fr 1fr}}
.balls b.revball[b-spnci0pf8f] {
    background: #dc2626;
    border-color: #b91c1c;
    color: #fff
}

.balls b.whiteball[b-spnci0pf8f] {
    background: #fff;
    border-color: #111827;
    color: #111827
}

.resultado-reventado[b-spnci0pf8f] {
    display: inline-flex;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    vertical-align: middle
}

    .resultado-reventado.roja[b-spnci0pf8f] {
        background: #dc2626;
        color: #fff
    }

    .resultado-reventado.blanca[b-spnci0pf8f] {
        background: #fff;
        color: #111827;
        border: 1px solid #111827
    }

.fila-intermediario[b-spnci0pf8f] {
    background: #f8fbff
}

.badge-intermediario[b-spnci0pf8f] {
    display: inline-flex;
    margin-top: 5px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .04em
}

.com-interm[b-spnci0pf8f] {
    font-weight: 900;
    color: #9a3412
}

.desglose-row td[b-spnci0pf8f] {
    padding: 0 10px 12px !important;
    background: #f8fbff;
    border-top: 0 !important
}

.desglose-intermediario[b-spnci0pf8f] {
    margin: 0 0 2px 34px;
    overflow: hidden;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    background: #fff
}

.desglose-header[b-spnci0pf8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe
}

    .desglose-header > div[b-spnci0pf8f] {
        display: grid;
        gap: 2px
    }

    .desglose-header span[b-spnci0pf8f] {
        color: #64748b;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .06em
    }

    .desglose-header strong[b-spnci0pf8f] {
        color: #1e3a8a;
        font-size: 11px
    }

    .desglose-header > b[b-spnci0pf8f] {
        color: #9a3412;
        font-size: 13px
    }

.desglose-lista[b-spnci0pf8f] {
    display: grid
}

.desglose-item[b-spnci0pf8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-top: 1px solid #eef2f7
}

    .desglose-item:first-child[b-spnci0pf8f] {
        border-top: 0
    }

    .desglose-item span[b-spnci0pf8f] {
        color: #334155;
        font-size: 11px;
        font-weight: 700
    }

    .desglose-item strong[b-spnci0pf8f] {
        color: #9a3412;
        font-size: 11px
    }


/* ============================================================
   HISTORIAL - DATOS MÁS GRANDES + RESULTADO CON BOLITAS
   ============================================================ */
.historial-panel .tablewrap[b-spnci0pf8f] {
    overflow: auto
}

.historial-table[b-spnci0pf8f] {
    min-width: 1220px !important
}

    .historial-table th[b-spnci0pf8f] {
        padding: 13px 14px !important;
        font-size: 11px !important;
        letter-spacing: .025em;
    }

    .historial-table td[b-spnci0pf8f] {
        padding: 14px !important;
        font-size: 14px !important;
        vertical-align: middle !important;
    }

        .historial-table td small[b-spnci0pf8f] {
            margin-top: 5px !important;
            font-size: 11px !important;
        }

    .historial-table .hist-sorteo[b-spnci0pf8f] {
        display: block;
        font-size: 15px !important;
        font-weight: 950;
    }

    .historial-table .dato-grande[b-spnci0pf8f] {
        font-size: 15px !important;
        font-weight: 850;
        white-space: nowrap;
    }

    .historial-table .neto[b-spnci0pf8f] {
        font-size: 16px !important;
        font-weight: 950 !important;
    }

    .historial-table .fecha-liq[b-spnci0pf8f] {
        font-size: 13px !important;
        font-weight: 800;
        white-space: nowrap;
    }

    .historial-table .estado[b-spnci0pf8f] {
        padding: 8px 11px !important;
        font-size: 10px !important;
    }

    .historial-table .actions button[b-spnci0pf8f] {
        height: 42px !important;
        padding: 0 15px !important;
        font-size: 11px !important;
    }

.resultado-bolitas[b-spnci0pf8f] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

    .resultado-bolitas b[b-spnci0pf8f] {
        display: inline-grid;
        place-items: center;
        border-radius: 50%;
        font-weight: 950;
        line-height: 1;
    }

.historial-bolitas b[b-spnci0pf8f] {
    width: 42px;
    height: 42px;
    font-size: 15px;
}

.bola-numero[b-spnci0pf8f] {
    background: #edf6ff;
    color: #173f70;
    border: 2px solid #78ade6;
}

.bola-reventado[b-spnci0pf8f] {
    background: #dc2626;
    color: #fff;
    border: 2px solid #991b1b;
}

.bola-blanca[b-spnci0pf8f] {
    background: #fff;
    color: #111827;
    border: 2px solid #111827;
}

/* ============================================================
   CUADRO DETALLE - TODO MÁS GRANDE
   ============================================================ */
.modal-detalle-grande[b-spnci0pf8f] {
    width: min(1320px,98vw) !important;
}

.detalle-header[b-spnci0pf8f] {
    display: grid !important;
    grid-template-columns: minmax(260px,1fr) auto 42px;
    align-items: center !important;
    gap: 20px !important;
    padding: 21px 24px !important;
}

    .detalle-header > div:first-child > span[b-spnci0pf8f] {
        font-size: 11px !important;
    }

    .detalle-header h2[b-spnci0pf8f] {
        margin: 5px 0 !important;
        font-size: 26px !important;
    }

    .detalle-header p[b-spnci0pf8f] {
        font-size: 13px !important;
        font-weight: 700;
    }

.detalle-resultado[b-spnci0pf8f] {
    display: grid;
    gap: 6px;
    justify-items: center;
}

    .detalle-resultado > span[b-spnci0pf8f] {
        color: #64748b;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
    }

.detalle-bolitas b[b-spnci0pf8f] {
    width: 52px;
    height: 52px;
    font-size: 18px;
}

.modal-detalle-grande .summary[b-spnci0pf8f] {
    gap: 10px !important;
    padding: 17px 20px !important;
}

    .modal-detalle-grande .summary div[b-spnci0pf8f] {
        padding: 14px !important;
    }

    .modal-detalle-grande .summary span[b-spnci0pf8f] {
        font-size: 10px !important;
    }

    .modal-detalle-grande .summary strong[b-spnci0pf8f] {
        font-size: 18px !important;
    }

    .modal-detalle-grande .summary .n strong[b-spnci0pf8f] {
        font-size: 21px !important;
    }

.detalle-table[b-spnci0pf8f] {
    min-width: 1180px !important;
}

    .detalle-table th[b-spnci0pf8f] {
        padding: 12px 13px !important;
        font-size: 10px !important;
    }

    .detalle-table td[b-spnci0pf8f] {
        padding: 13px !important;
        font-size: 14px !important;
    }

        .detalle-table td > strong[b-spnci0pf8f] {
            font-size: 14px !important;
        }

        .detalle-table td small[b-spnci0pf8f] {
            font-size: 10px !important;
            margin-top: 4px !important;
        }

    .detalle-table .neto[b-spnci0pf8f],
    .detalle-table .com-interm[b-spnci0pf8f] {
        font-size: 15px !important;
    }

.modal-detalle-grande footer button[b-spnci0pf8f] {
    height: 43px !important;
    padding: 0 17px !important;
    font-size: 11px !important;
}

.modal-detalle-grande .badge-intermediario[b-spnci0pf8f] {
    padding: 4px 8px !important;
    font-size: 9px !important;
}

.modal-detalle-grande .desglose-header[b-spnci0pf8f] {
    padding: 11px 14px !important;
}

    .modal-detalle-grande .desglose-header span[b-spnci0pf8f] {
        font-size: 9px !important;
    }

    .modal-detalle-grande .desglose-header strong[b-spnci0pf8f] {
        font-size: 13px !important;
    }

    .modal-detalle-grande .desglose-header > b[b-spnci0pf8f] {
        font-size: 15px !important;
    }

.modal-detalle-grande .desglose-item[b-spnci0pf8f] {
    padding: 10px 14px !important;
}

    .modal-detalle-grande .desglose-item span[b-spnci0pf8f],
    .modal-detalle-grande .desglose-item strong[b-spnci0pf8f] {
        font-size: 13px !important;
    }

@media(max-width:800px) {
    .detalle-header[b-spnci0pf8f] {
        grid-template-columns: 1fr auto !important;
    }

    .detalle-resultado[b-spnci0pf8f] {
        grid-column: 1/-1;
        justify-items: start;
    }
}

/* AJUSTE VISUAL: tabs debajo del titulo */
.liq-header[b-spnci0pf8f]{align-items:flex-start}.liq-header>div:first-child[b-spnci0pf8f]{width:100%}.liq-tabs[b-spnci0pf8f]{width:max-content;margin-top:12px}
/* /Components/Pages/ListasAdmin.razor.rz.scp.css */

.admin-listas-page[b-uk5gslqrd5]{min-height:100%;padding:18px;background:#f3f6fa;color:#172033;font-family:Inter,"Segoe UI",Arial,sans-serif}
.admin-header[b-uk5gslqrd5]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:18px 20px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(15,35,70,.05)}
.admin-header>div>span[b-uk5gslqrd5],.panel-admin-titulo span[b-uk5gslqrd5],.modal-header span[b-uk5gslqrd5]{color:#1677ff;font-size:10px;font-weight:900;letter-spacing:.12em}
.admin-header h1[b-uk5gslqrd5]{margin:4px 0 3px;font-size:27px}.admin-header p[b-uk5gslqrd5]{margin:0;color:#738196;font-size:13px}
.selector-vista[b-uk5gslqrd5]{display:flex;gap:6px;padding:4px;border-radius:10px;background:#edf2f7}.selector-vista button[b-uk5gslqrd5]{min-height:37px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:#526178;font-size:11px;font-weight:900;cursor:pointer}.selector-vista button.activo[b-uk5gslqrd5]{background:#1766c1;color:#fff;box-shadow:0 2px 6px rgba(23,102,193,.25)}
.mensaje-admin[b-uk5gslqrd5]{margin-bottom:12px;padding:11px 14px;border-radius:9px;font-size:12px;font-weight:800}.mensaje-admin.exito[b-uk5gslqrd5]{background:#dcfce7;color:#166534}.mensaje-admin.error[b-uk5gslqrd5]{background:#fee2e2;color:#991b1b}
.filtros-admin[b-uk5gslqrd5]{display:flex;align-items:end;gap:10px;margin-bottom:13px;padding:13px 15px;border:1px solid #dfe6ef;border-radius:12px;background:#fff}.filtros-admin label[b-uk5gslqrd5]{display:grid;gap:5px;min-width:170px}.filtros-admin label>span[b-uk5gslqrd5]{color:#526178;font-size:9px;font-weight:900;letter-spacing:.08em}.filtros-admin input[type=date][b-uk5gslqrd5],.filtros-admin select[b-uk5gslqrd5]{height:39px;padding:0 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#26364d;font-size:12px;font-weight:700}.filtros-admin .vendedor-selector[b-uk5gslqrd5]{min-width:285px;flex:1}.check-agrupar[b-uk5gslqrd5]{display:flex!important;min-width:auto!important;align-items:center;gap:7px;height:39px;padding:0 10px;border:1px solid #dbe3ed;border-radius:7px;background:#f8fafc}.check-agrupar span[b-uk5gslqrd5]{font-size:10px!important;letter-spacing:0!important}.actualizar[b-uk5gslqrd5]{height:39px;padding:0 15px;border:0;border-radius:7px;background:#1766c1;color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.resumen-admin[b-uk5gslqrd5]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:13px}.resumen-admin article[b-uk5gslqrd5]{display:grid;gap:5px;padding:14px 16px;border:1px solid #dfe6ef;border-radius:11px;background:#fff}.resumen-admin span[b-uk5gslqrd5]{color:#7a879a;font-size:9px;font-weight:900}.resumen-admin strong[b-uk5gslqrd5]{font-size:21px}.resumen-admin .vendedor-resumen strong[b-uk5gslqrd5]{font-size:15px}.resumen-admin small[b-uk5gslqrd5]{color:#6b7280;font-size:10px}
.panel-admin[b-uk5gslqrd5]{overflow:hidden;border:1px solid #dfe6ef;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(15,35,70,.05)}.panel-admin-titulo[b-uk5gslqrd5]{padding:14px 17px;border-bottom:1px solid #e8edf4;background:#fbfcfe}.panel-admin-titulo h2[b-uk5gslqrd5]{margin:3px 0 0;font-size:17px}
.tabla-admin-wrap[b-uk5gslqrd5],.tabla-modal-wrap[b-uk5gslqrd5]{overflow:auto}.tabla-admin[b-uk5gslqrd5],.tabla-modal[b-uk5gslqrd5]{width:100%;border-collapse:collapse}.tabla-admin th[b-uk5gslqrd5],.tabla-modal th[b-uk5gslqrd5]{padding:10px 11px;background:#f5f8fc;color:#6c7a8f;font-size:9px;text-align:left;white-space:nowrap}.tabla-admin td[b-uk5gslqrd5],.tabla-modal td[b-uk5gslqrd5]{padding:10px 11px;border-top:1px solid #edf1f6;font-size:12px;vertical-align:middle}.tabla-admin .monto[b-uk5gslqrd5]{font-weight:900}
.estado[b-uk5gslqrd5],.estado-tiquete[b-uk5gslqrd5]{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900}.estado.activo[b-uk5gslqrd5]{background:#e8f7ef;color:#15733f}.estado.finalizado[b-uk5gslqrd5]{background:#e9edf2;color:#475569}.estado.suspendido[b-uk5gslqrd5]{background:#fff3dd;color:#9a5b08}.estado.otro[b-uk5gslqrd5]{background:#eef2f7;color:#64748b}
.resultado-ganador-lista[b-uk5gslqrd5]{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ganador-circulo[b-uk5gslqrd5],.resultado-bolita[b-uk5gslqrd5]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:11px;font-weight:900}.ganador-circulo[b-uk5gslqrd5]{border:2px solid #1766c1;background:#edf5ff;color:#124f95}.resultado-bolita-roja[b-uk5gslqrd5]{background:#dc2626;color:#fff}.resultado-bolita-blanca[b-uk5gslqrd5]{border:2px solid #94a3b8;background:#fff;color:#334155}
.acciones-admin[b-uk5gslqrd5],.acciones-tiquete[b-uk5gslqrd5]{display:flex;gap:5px;white-space:nowrap}.acciones-admin button[b-uk5gslqrd5],.acciones-tiquete button[b-uk5gslqrd5]{min-height:29px;padding:0 8px;border:0;border-radius:6px;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.acciones-admin .lista[b-uk5gslqrd5]{background:#1677ff}.acciones-admin .tiquetes[b-uk5gslqrd5]{background:#475569}.acciones-admin .premios[b-uk5gslqrd5]{background:#7c3aed}.acciones-admin button:disabled[b-uk5gslqrd5],.acciones-tiquete button:disabled[b-uk5gslqrd5]{opacity:.35;cursor:not-allowed}
.estado-vacio[b-uk5gslqrd5]{display:grid;place-items:center;min-height:220px;padding:28px;color:#7c899d;text-align:center}
.modal-fondo[b-uk5gslqrd5]{position:fixed;inset:0;z-index:2300;display:flex;align-items:center;justify-content:center;padding:15px;background:rgba(15,23,42,.60)}.modal-detalle[b-uk5gslqrd5],.modal-boleta[b-uk5gslqrd5]{width:min(1180px,96vw);max-height:94vh;overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.3)}.modal-lista[b-uk5gslqrd5]{width:min(1050px,96vw)}.modal-tiquetes[b-uk5gslqrd5]{width:min(1150px,96vw)}.modal-premios[b-uk5gslqrd5]{width:min(1100px,96vw)}
.modal-header[b-uk5gslqrd5]{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #dfe6ef;background:#fbfcfe}.modal-header h2[b-uk5gslqrd5]{margin:3px 0 0;font-size:18px}.modal-header small[b-uk5gslqrd5]{display:block;margin-top:3px;color:#6b7280;font-size:10px}.modal-header>button[b-uk5gslqrd5]{width:34px;height:34px;border:0;border-radius:7px;background:#eef2f7;color:#334155;font-size:22px;cursor:pointer}
.lista-cuadricula-contenedor[b-uk5gslqrd5]{max-height:72vh;overflow:auto;padding:10px;background:#f5f7fa}.lista-cuadricula[b-uk5gslqrd5]{display:grid;grid-template-columns:repeat(10,minmax(78px,1fr));gap:5px}.numero-cuadro[b-uk5gslqrd5]{overflow:hidden;border:1px solid #dce3ec;border-radius:7px;background:#fff}.numero-cuadro>strong[b-uk5gslqrd5]{display:flex;align-items:center;justify-content:center;height:27px;background:#edf3fb;color:#174f90;font-size:15px}.numero-cuadro>div[b-uk5gslqrd5]{display:grid}.numero-cuadro>div span[b-uk5gslqrd5]{display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:3px;padding:3px 5px;border-top:1px solid #edf1f6}.numero-cuadro small[b-uk5gslqrd5]{font-size:8px;font-weight:900}.numero-cuadro b[b-uk5gslqrd5]{text-align:right;font-size:11px}.numero-cuadro.sin-venta[b-uk5gslqrd5]{opacity:.52}.numero-cuadro.con-venta[b-uk5gslqrd5]{border-color:#9ec6f1;background:#fbfdff}
.totales-modal[b-uk5gslqrd5]{display:flex;justify-content:flex-end;gap:20px;padding:12px 17px;border-top:1px solid #dfe6ef;background:#fbfcfe}.totales-modal span[b-uk5gslqrd5]{display:flex;gap:8px;color:#617087;font-size:10px;font-weight:800}.totales-modal .total[b-uk5gslqrd5]{padding-left:18px;border-left:1px solid #cbd5e1;color:#172033;font-size:12px}
.tabla-modal-wrap[b-uk5gslqrd5]{max-height:70vh}.tabla-modal tr.reversada[b-uk5gslqrd5]{background:#fff7f7}.estado-tiquete[b-uk5gslqrd5]{background:#eaf0f7;color:#334155}.estado-tiquete.rev[b-uk5gslqrd5]{background:#fee2e2;color:#991b1b}.acciones-tiquete .visualizar[b-uk5gslqrd5]{background:#1766c1}.acciones-tiquete .reversar[b-uk5gslqrd5]{background:#dc2626}.leyenda-reversion[b-uk5gslqrd5]{padding:11px 15px;border-top:1px solid #e2e8f0;background:#fff8e8;color:#7a5410;font-size:11px}
.modal-boleta[b-uk5gslqrd5]{width:min(480px,96vw)}.boleta-preview-wrap[b-uk5gslqrd5]{display:flex;justify-content:center;max-height:76vh;overflow:auto;padding:10px;background:#d8dde4}.boleta-preview[b-uk5gslqrd5]{width:350px;min-height:700px;border:1px solid #aeb6c0;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.2)}.acciones-boleta-modal[b-uk5gslqrd5]{padding:11px 15px}.acciones-boleta-modal button[b-uk5gslqrd5]{width:100%;height:40px;border:0;border-radius:7px;background:#475569;color:#fff;font-size:11px;font-weight:900;cursor:pointer}
@media(max-width:900px){.admin-header[b-uk5gslqrd5]{align-items:stretch;flex-direction:column}.filtros-admin[b-uk5gslqrd5]{align-items:stretch;flex-direction:column}.filtros-admin label[b-uk5gslqrd5],.filtros-admin .vendedor-selector[b-uk5gslqrd5]{min-width:0;width:100%}.resumen-admin[b-uk5gslqrd5]{grid-template-columns:1fr}.lista-cuadricula[b-uk5gslqrd5]{grid-template-columns:repeat(5,minmax(68px,1fr))}}


/* =========================================================
   CORRECCIÓN VISUAL - TAMAÑOS MÁS GRANDES
   ========================================================= */
.admin-listas-page[b-uk5gslqrd5]{font-size:14px}
.admin-header[b-uk5gslqrd5]{padding:22px 24px}
.admin-header h1[b-uk5gslqrd5]{font-size:31px}
.admin-header p[b-uk5gslqrd5]{font-size:15px}
.admin-header>div>span[b-uk5gslqrd5],.panel-admin-titulo span[b-uk5gslqrd5],.modal-header span[b-uk5gslqrd5]{font-size:12px}
.selector-vista button[b-uk5gslqrd5]{min-height:43px;padding:0 20px;font-size:13px}
.filtros-admin[b-uk5gslqrd5]{padding:16px 18px;gap:12px}
.filtros-admin label>span[b-uk5gslqrd5]{font-size:11px}
.filtros-admin input[type=date][b-uk5gslqrd5],.filtros-admin select[b-uk5gslqrd5]{height:45px;padding:0 12px;font-size:14px}
.check-agrupar[b-uk5gslqrd5]{height:45px}
.check-agrupar span[b-uk5gslqrd5]{font-size:12px!important}
.actualizar[b-uk5gslqrd5]{height:45px;padding:0 19px;font-size:12px}
.resumen-admin article[b-uk5gslqrd5]{padding:17px 19px}
.resumen-admin span[b-uk5gslqrd5]{font-size:11px}
.resumen-admin strong[b-uk5gslqrd5]{font-size:25px}
.resumen-admin .vendedor-resumen strong[b-uk5gslqrd5]{font-size:18px}
.resumen-admin small[b-uk5gslqrd5]{font-size:12px}
.panel-admin-titulo[b-uk5gslqrd5]{padding:17px 20px}
.panel-admin-titulo h2[b-uk5gslqrd5]{font-size:20px}
.tabla-admin th[b-uk5gslqrd5],.tabla-modal th[b-uk5gslqrd5]{padding:13px 14px;font-size:11px}
.tabla-admin td[b-uk5gslqrd5],.tabla-modal td[b-uk5gslqrd5]{padding:13px 14px;font-size:14px}
.estado[b-uk5gslqrd5],.estado-tiquete[b-uk5gslqrd5]{padding:6px 9px;font-size:11px}
.ganador-circulo[b-uk5gslqrd5],.resultado-bolita[b-uk5gslqrd5]{width:32px;height:32px;font-size:13px}
.acciones-admin button[b-uk5gslqrd5],.acciones-tiquete button[b-uk5gslqrd5]{min-height:36px;padding:0 11px;font-size:10px}
.modal-header[b-uk5gslqrd5]{padding:16px 19px}
.modal-header h2[b-uk5gslqrd5]{font-size:21px}
.modal-header small[b-uk5gslqrd5]{font-size:12px}
.numero-cuadro>strong[b-uk5gslqrd5]{height:31px;font-size:17px}
.numero-cuadro small[b-uk5gslqrd5]{font-size:9px}
.numero-cuadro b[b-uk5gslqrd5]{font-size:13px}
.totales-modal[b-uk5gslqrd5]{padding:15px 20px}
.totales-modal span[b-uk5gslqrd5]{font-size:12px}
.totales-modal .total[b-uk5gslqrd5]{font-size:14px}
.leyenda-reversion[b-uk5gslqrd5]{padding:13px 17px;font-size:13px}
.grupo-vendedor-tiquetes td[b-uk5gslqrd5]{padding:12px 14px!important;border-top:2px solid #aac8ea!important;background:#eaf3ff;color:#174f90}
.grupo-vendedor-tiquetes strong[b-uk5gslqrd5]{font-size:15px;font-weight:900}
.grupo-vendedor-tiquetes span[b-uk5gslqrd5]{margin-left:10px;color:#64748b;font-size:12px;font-weight:800}

/* AJUSTE VISUAL: selector debajo del titulo, alineado a la izquierda */
.admin-header[b-uk5gslqrd5]{align-items:flex-start}.admin-header>div:first-child[b-uk5gslqrd5]{width:100%}.selector-vista[b-uk5gslqrd5]{width:max-content;margin-top:12px}
/* /Components/Pages/ListasBoletas.razor.rz.scp.css */
.listas-page[b-ro9pzxraah]{padding:22px;background:#f5f7fb;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172033}.listas-header[b-ro9pzxraah]{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:22px;border:1px solid #e1e7f0;border-radius:16px;background:#fff}.listas-header>div>span[b-ro9pzxraah],.panel-titulo span[b-ro9pzxraah],.detalle-header span[b-ro9pzxraah]{color:#1677ff;font-size:10px;font-weight:900;letter-spacing:.12em}.listas-header h1[b-ro9pzxraah]{margin:4px 0 3px;font-size:27px}.listas-header p[b-ro9pzxraah]{margin:0;color:#778499;font-size:13px}.fecha-consulta[b-ro9pzxraah]{display:grid;gap:6px;color:#45536a;font-size:12px;font-weight:800}.fecha-consulta input[b-ro9pzxraah]{height:43px;padding:0 12px;border:1px solid #cbd6e4;border-radius:9px;font:inherit}.mensaje[b-ro9pzxraah]{margin-bottom:15px;padding:12px 15px;border-radius:10px;font-size:13px;font-weight:800}.mensaje.exito[b-ro9pzxraah]{color:#166534;background:#dcfce7}.mensaje.error[b-ro9pzxraah]{color:#991b1b;background:#fee2e2}.resumen-dia[b-ro9pzxraah]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}.resumen-dia article[b-ro9pzxraah]{display:grid;gap:8px;padding:17px;border:1px solid #e1e7f0;border-radius:13px;background:#fff}.resumen-dia span[b-ro9pzxraah]{color:#7c899d;font-size:11px;font-weight:800;text-transform:uppercase}.resumen-dia strong[b-ro9pzxraah]{font-size:23px}.listas-layout[b-ro9pzxraah]{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr);gap:16px;align-items:start}.panel-sorteos[b-ro9pzxraah],.panel-detalle[b-ro9pzxraah]{overflow:hidden;border:1px solid #e1e7f0;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(15,35,70,.05)}.panel-titulo[b-ro9pzxraah],.detalle-header[b-ro9pzxraah]{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e8edf4;background:#fbfcfe}.panel-titulo h2[b-ro9pzxraah],.detalle-header h2[b-ro9pzxraah]{margin:3px 0 0;font-size:18px}.panel-titulo button[b-ro9pzxraah],.detalle-header button[b-ro9pzxraah]{border:1px solid #d3deeb;border-radius:8px;background:#fff;padding:8px 12px;font-weight:800;cursor:pointer}.tabla-contenedor[b-ro9pzxraah],.detalle-scroll[b-ro9pzxraah]{overflow:auto;max-height:620px}.tabla-sorteos[b-ro9pzxraah],.tabla-detalle[b-ro9pzxraah]{width:100%;border-collapse:collapse}.tabla-sorteos th[b-ro9pzxraah],.tabla-detalle th[b-ro9pzxraah]{padding:11px 12px;background:#f7f9fc;color:#748196;font-size:10px;text-align:left;text-transform:uppercase;white-space:nowrap}.tabla-sorteos td[b-ro9pzxraah],.tabla-detalle td[b-ro9pzxraah]{padding:11px 12px;border-top:1px solid #edf1f6;font-size:12px;vertical-align:middle}.tabla-sorteos tr.seleccionado[b-ro9pzxraah]{background:#f1f7ff}.estado[b-ro9pzxraah],.estado-boleta[b-ro9pzxraah],.estado-reversada[b-ro9pzxraah]{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.estado.activo[b-ro9pzxraah]{color:#15733f;background:#e9f8ef}.estado.suspendido[b-ro9pzxraah]{color:#9a5b08;background:#fff3dd}.estado.finalizado[b-ro9pzxraah]{color:#475569;background:#e9edf2}.estado-reversada[b-ro9pzxraah]{color:#991b1b;background:#fee2e2}.estado-boleta[b-ro9pzxraah]{color:#334155;background:#eaf0f7}.acciones[b-ro9pzxraah]{display:flex;gap:5px}.acciones button[b-ro9pzxraah],.imprimir[b-ro9pzxraah]{min-height:30px;padding:0 8px;border:0;border-radius:7px;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.acciones .lista[b-ro9pzxraah]{background:#1677ff}.acciones .tiquetes[b-ro9pzxraah]{background:#475569}.acciones .premios[b-ro9pzxraah]{background:#8b5cf6}.acciones button:disabled[b-ro9pzxraah],.imprimir:disabled[b-ro9pzxraah]{opacity:.35;cursor:not-allowed}.imprimir[b-ro9pzxraah]{background:#16864d;font-size:13px}.estado-vacio[b-ro9pzxraah],.detalle-vacio[b-ro9pzxraah]{display:grid;place-items:center;min-height:260px;padding:30px;color:#7c899d;text-align:center}.detalle-vacio strong[b-ro9pzxraah]{color:#475569;font-size:15px}.detalle-vacio p[b-ro9pzxraah]{margin:6px 0 0;font-size:12px}.numero[b-ro9pzxraah]{font-size:15px!important;font-weight:900}.totales-detalle[b-ro9pzxraah]{display:grid;gap:8px;padding:15px 18px;border-top:1px solid #e5eaf1;background:#fbfcfe}.totales-detalle span[b-ro9pzxraah]{display:flex;justify-content:space-between;color:#5d6a7e;font-size:12px}.totales-detalle .general[b-ro9pzxraah]{padding-top:8px;border-top:1px solid #dfe6ef;color:#172033;font-size:14px;font-weight:900}.totales-detalle button[b-ro9pzxraah]{min-height:40px;border:0;border-radius:8px;color:#fff;background:#7c3aed;font-weight:900;cursor:pointer}.detalle-scroll h3[b-ro9pzxraah]{margin:14px 12px 7px;color:#475569;font-size:11px}.titulo-reversadas[b-ro9pzxraah]{padding-top:13px;border-top:2px solid #fecaca;color:#991b1b!important}.reversadas[b-ro9pzxraah]{background:#fffafa}.premios-tabla td[b-ro9pzxraah]{white-space:nowrap}@media(max-width:1150px){.listas-layout[b-ro9pzxraah]{grid-template-columns:1fr}.panel-detalle[b-ro9pzxraah]{min-height:320px}}@media(max-width:720px){.listas-page[b-ro9pzxraah]{padding:12px}.listas-header[b-ro9pzxraah]{align-items:stretch;flex-direction:column}.resumen-dia[b-ro9pzxraah]{grid-template-columns:1fr}.fecha-consulta input[b-ro9pzxraah]{width:100%}}

/* =========================================================
   LISTA EN CUADRÍCULA Y TEXTO GRANDE
   ========================================================= */

.listas-layout[b-ro9pzxraah] {
    grid-template-columns: minmax(0, 1.15fr) minmax(570px, 1fr);
}

.panel-detalle-amplio[b-ro9pzxraah] {
    width: 100%;
}

.detalle-header[b-ro9pzxraah] {
    min-height: 76px;
}

.detalle-header span[b-ro9pzxraah] {
    font-size: 12px;
}

.detalle-header h2[b-ro9pzxraah] {
    font-size: 22px;
}

.lista-cuadricula-contenedor[b-ro9pzxraah] {
    max-height: 670px;
    padding: 15px;
    overflow: auto;
    background: #eef2f7;
}

.lista-cuadricula-encabezado[b-ro9pzxraah] {
    display: grid;
    grid-template-columns: 82px 1fr 1fr 1fr;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px 13px;
    border: 1px solid #d9e2ed;
    border-radius: 10px;
    color: #526174;
    background: #ffffff;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}

.lista-cuadricula[b-ro9pzxraah] {
    display: grid;
    grid-template-columns: repeat(5, minmax(145px, 1fr));
    gap: 10px;
}

.numero-cuadro[b-ro9pzxraah] {
    overflow: hidden;
    min-height: 150px;
    border: 2px solid #d9e2ed;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 3px 9px rgba(15, 35, 70, .06);
}

.numero-cuadro.con-venta[b-ro9pzxraah] {
    border-color: #8ebcf5;
    background: #f8fbff;
    box-shadow: 0 5px 14px rgba(22, 119, 255, .12);
}

.numero-cuadro.sin-venta[b-ro9pzxraah] {
    opacity: .74;
}

.numero-cuadro-valor[b-ro9pzxraah] {
    display: grid;
    min-height: 51px;
    place-items: center;
    border-bottom: 1px solid #dfe7f1;
    color: #ffffff;
    background: linear-gradient(135deg, #1e7de8, #0b5ebd);
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 27px;
    font-weight: 900;
    line-height: 1;
}

.numero-cuadro.sin-venta .numero-cuadro-valor[b-ro9pzxraah] {
    background: linear-gradient(135deg, #8190a3, #657286);
}

.numero-cuadro-montos[b-ro9pzxraah] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #e4eaf2;
}

.numero-cuadro-montos span[b-ro9pzxraah] {
    display: grid;
    min-width: 0;
    padding: 10px 6px;
    gap: 4px;
    text-align: center;
}

.numero-cuadro-montos span + span[b-ro9pzxraah] {
    border-left: 1px solid #e4eaf2;
}

.numero-cuadro small[b-ro9pzxraah] {
    color: #718096;
    font-size: 10px;
    font-weight: 900;
}

.numero-cuadro-montos b[b-ro9pzxraah] {
    overflow: hidden;
    color: #26364b;
    font-size: 15px;
    font-weight: 900;
    text-overflow: ellipsis;
}

.numero-cuadro-total[b-ro9pzxraah] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 11px;
    color: #172033;
    background: #f8fafc;
}

.numero-cuadro-total b[b-ro9pzxraah] {
    font-size: 17px;
    font-weight: 900;
}

.totales-lista-grandes[b-ro9pzxraah] {
    padding: 18px 20px;
}

.totales-lista-grandes span[b-ro9pzxraah] {
    font-size: 15px;
}

.totales-lista-grandes span b[b-ro9pzxraah] {
    font-size: 17px;
}

.totales-lista-grandes .general[b-ro9pzxraah] {
    font-size: 18px;
}

.totales-lista-grandes .general b[b-ro9pzxraah] {
    font-size: 22px;
}

/* Texto más grande para la lista de tiquetes */
.tabla-detalle.tiquetes th[b-ro9pzxraah] {
    height: 45px;
    padding: 11px 13px;
    font-size: 12px;
}

.tabla-detalle.tiquetes td[b-ro9pzxraah] {
    min-height: 56px;
    padding: 13px;
    font-size: 14px;
    line-height: 1.35;
}

.tabla-detalle.tiquetes td:first-child[b-ro9pzxraah] {
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 15px;
    white-space: nowrap;
}

.tabla-detalle.tiquetes td:nth-child(2)[b-ro9pzxraah],
.tabla-detalle.tiquetes td:nth-child(4)[b-ro9pzxraah] {
    white-space: nowrap;
}

.tabla-detalle.tiquetes td:nth-child(4)[b-ro9pzxraah] {
    font-size: 15px;
    font-weight: 900;
}

.estado-boleta[b-ro9pzxraah],
.estado-reversada[b-ro9pzxraah] {
    padding: 7px 10px;
    font-size: 11px;
}

.imprimir[b-ro9pzxraah] {
    width: 38px;
    height: 36px;
    padding: 0;
    font-size: 17px;
}

.detalle-scroll h3[b-ro9pzxraah] {
    margin: 17px 14px 9px;
    font-size: 13px;
}

@media (max-width: 1450px) {
    .listas-layout[b-ro9pzxraah] {
        grid-template-columns: 1fr;
    }

    .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(5, minmax(135px, 1fr));
    }
}

@media (max-width: 900px) {
    .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }
}

@media (max-width: 560px) {
    .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }

    .lista-cuadricula-encabezado[b-ro9pzxraah] {
        display: none;
    }
}

/* =========================================================
   TABLA PRINCIPAL COMPLETA + DETALLES EN CUADROS MODALES
   ========================================================= */

.listas-layout-completo[b-ro9pzxraah] {
    display: block;
}

.listas-layout-completo .panel-sorteos[b-ro9pzxraah] {
    width: 100%;
}

.panel-sorteos[b-ro9pzxraah] {
    overflow: hidden;
}

.panel-titulo[b-ro9pzxraah] {
    min-height: 88px;
    padding: 20px 24px;
}

.panel-titulo span[b-ro9pzxraah] {
    font-size: 13px;
}

.panel-titulo h2[b-ro9pzxraah] {
    font-size: 24px;
}

.panel-titulo button[b-ro9pzxraah] {
    min-height: 44px;
    padding: 0 18px;
    font-size: 14px;
}

.tabla-contenedor[b-ro9pzxraah] {
    max-height: none;
}

.tabla-sorteos th[b-ro9pzxraah] {
    height: 50px;
    padding: 12px 15px;
    font-size: 13px;
}

.tabla-sorteos td[b-ro9pzxraah] {
    min-height: 68px;
    padding: 15px;
    font-size: 15px;
    line-height: 1.35;
}

.tabla-sorteos td:first-child strong[b-ro9pzxraah] {
    font-size: 17px;
}

.tabla-sorteos td:nth-child(4)[b-ro9pzxraah] {
    font-size: 17px;
    font-weight: 900;
    white-space: nowrap;
}

.tabla-sorteos td:nth-child(6)[b-ro9pzxraah] {
    font-size: 17px;
    font-weight: 900;
    text-align: center;
}

.estado[b-ro9pzxraah] {
    padding: 8px 12px;
    font-size: 12px;
}

.acciones[b-ro9pzxraah] {
    gap: 8px;
}

.acciones button[b-ro9pzxraah] {
    min-height: 39px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 9px;
}

.acciones .lista[b-ro9pzxraah]::before {
    content: "▦ ";
    font-size: 15px;
}

.acciones .tiquetes[b-ro9pzxraah]::before {
    content: "🎫 ";
    font-size: 15px;
}

.acciones .premios[b-ro9pzxraah]::before {
    content: "★ ";
    font-size: 15px;
}

/* Fondo y cuadro independiente */
.detalle-modal-fondo[b-ro9pzxraah] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(15, 23, 42, .62);
    backdrop-filter: blur(3px);
}

.detalle-modal[b-ro9pzxraah] {
    width: min(1180px, 97vw);
    max-height: 94vh;
    overflow: hidden;
    border: 1px solid #cfd8e5;
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 28px 75px rgba(15, 23, 42, .38);
}

.detalle-modal.modal-lista[b-ro9pzxraah] {
    width: min(1040px, 97vw);
}

.detalle-modal.modal-tiquetes[b-ro9pzxraah] {
    width: min(1280px, 98vw);
}

.detalle-modal.modal-premios[b-ro9pzxraah] {
    width: min(1180px, 97vw);
}

.detalle-modal .detalle-header[b-ro9pzxraah] {
    min-height: 82px;
    padding: 16px 22px;
}

.detalle-modal .detalle-header span[b-ro9pzxraah] {
    font-size: 12px;
}

.detalle-modal .detalle-header h2[b-ro9pzxraah] {
    font-size: 23px;
}

.detalle-modal .detalle-header > button[b-ro9pzxraah] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    background: #dc2626;
    font-size: 26px;
    font-weight: 900;
}

/* Cuadrícula compacta para ver 00-99 */
.detalle-modal.modal-lista .lista-cuadricula-contenedor[b-ro9pzxraah] {
    max-height: calc(94vh - 190px);
    padding: 12px;
    background: #edf1f6;
}

.detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
    grid-template-columns: repeat(10, minmax(82px, 1fr));
    gap: 6px;
}

.detalle-modal.modal-lista .numero-cuadro[b-ro9pzxraah] {
    min-height: 91px;
    border-width: 1px;
    border-radius: 7px;
    box-shadow: none;
}

.detalle-modal.modal-lista .numero-cuadro-valor[b-ro9pzxraah] {
    min-height: 32px;
    font-size: 20px;
}

.detalle-modal.modal-lista .numero-cuadro-montos[b-ro9pzxraah] {
    grid-template-columns: 1fr 1fr;
}

.detalle-modal.modal-lista .numero-cuadro-montos span[b-ro9pzxraah] {
    padding: 5px 2px;
    gap: 1px;
}

.detalle-modal.modal-lista .numero-cuadro small[b-ro9pzxraah] {
    font-size: 7px;
}

.detalle-modal.modal-lista .numero-cuadro-montos b[b-ro9pzxraah] {
    font-size: 10px;
}

.detalle-modal.modal-lista .numero-cuadro-total[b-ro9pzxraah] {
    min-height: 25px;
    padding: 3px 5px;
}

.detalle-modal.modal-lista .numero-cuadro-total b[b-ro9pzxraah] {
    font-size: 11px;
}

.detalle-modal.modal-lista .totales-detalle[b-ro9pzxraah] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    padding: 13px 18px;
}

.detalle-modal.modal-lista .totales-detalle span[b-ro9pzxraah] {
    display: grid;
    justify-content: initial;
    gap: 3px;
    text-align: center;
}

.detalle-modal.modal-lista .totales-detalle .general[b-ro9pzxraah] {
    padding-top: 0;
    border-top: 0;
    border-left: 1px solid #dfe6ef;
}

/* Tiquetes y premios grandes dentro de su box */
.detalle-modal .detalle-scroll[b-ro9pzxraah] {
    max-height: calc(94vh - 165px);
}

.detalle-modal .tabla-detalle th[b-ro9pzxraah] {
    padding: 13px 15px;
    font-size: 12px;
}

.detalle-modal .tabla-detalle td[b-ro9pzxraah] {
    padding: 14px 15px;
    font-size: 14px;
}

.detalle-modal .tabla-detalle.tiquetes td:first-child[b-ro9pzxraah],
.detalle-modal .premios-tabla td:first-child[b-ro9pzxraah] {
    font-size: 15px;
    font-weight: 900;
}

.detalle-modal .imprimir[b-ro9pzxraah] {
    width: 42px;
    height: 39px;
    font-size: 19px;
}

.detalle-modal .totales-detalle[b-ro9pzxraah] {
    position: sticky;
    bottom: 0;
}

@media (max-width: 1100px) {
    .detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(8, minmax(78px, 1fr));
    }
}

@media (max-width: 760px) {
    .detalle-modal-fondo[b-ro9pzxraah] {
        padding: 7px;
    }

    .detalle-modal[b-ro9pzxraah] {
        width: 99vw !important;
        max-height: 98vh;
    }

    .detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(5, minmax(72px, 1fr));
    }

    .tabla-sorteos td[b-ro9pzxraah],
    .tabla-sorteos th[b-ro9pzxraah] {
        white-space: nowrap;
    }
}

/* =========================================================
   FECHA INTEGRADA + CUADRÍCULA COMPACTA + TIQUETES GRANDES
   ========================================================= */

.listas-header[b-ro9pzxraah] {
    align-items: center;
}

.panel-titulo-fecha[b-ro9pzxraah] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.fecha-dia-integrada[b-ro9pzxraah] {
    display: inline-flex;
}

.fecha-dia-integrada input[b-ro9pzxraah] {
    height: 42px;
    min-width: 170px;
    padding: 0 12px;
    border: 1px solid #cbd6e4;
    border-radius: 9px;
    color: #26364b;
    background: #ffffff;
    font-size: 15px;
    font-weight: 900;
}

/* Cuadrícula más pequeña: número a la izquierda y montos a la derecha */
.detalle-modal.modal-lista[b-ro9pzxraah] {
    width: min(930px, 96vw);
}

.detalle-modal.modal-lista .lista-cuadricula-contenedor[b-ro9pzxraah] {
    max-height: calc(94vh - 185px);
    padding: 10px;
}

.detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
    grid-template-columns: repeat(10, minmax(78px, 1fr));
    gap: 5px;
}

.detalle-modal.modal-lista .numero-cuadro[b-ro9pzxraah] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 54px;
    border-radius: 6px;
}

.detalle-modal.modal-lista .numero-cuadro-valor[b-ro9pzxraah] {
    min-height: 54px;
    border-right: 1px solid #dfe7f1;
    border-bottom: 0;
    font-size: 17px;
}

.detalle-modal.modal-lista .numero-cuadro-montos[b-ro9pzxraah] {
    display: grid;
    grid-template-columns: 1fr;
    border-bottom: 0;
}

.detalle-modal.modal-lista .numero-cuadro-montos span[b-ro9pzxraah] {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    align-items: center;
    min-height: 27px;
    padding: 2px 4px;
    gap: 3px;
    text-align: left;
}

.detalle-modal.modal-lista .numero-cuadro-montos span + span[b-ro9pzxraah] {
    border-top: 1px solid #e4eaf2;
    border-left: 0;
}

.detalle-modal.modal-lista .numero-cuadro small[b-ro9pzxraah] {
    font-size: 9px;
    font-weight: 900;
    text-align: center;
}

.detalle-modal.modal-lista .numero-cuadro-montos b[b-ro9pzxraah] {
    overflow: visible;
    font-size: 12px;
    font-weight: 900;
    text-align: right;
    text-overflow: clip;
}

.detalle-modal.modal-lista .numero-cuadro-total[b-ro9pzxraah] {
    display: none;
}

/* Tiquetes: letras más grandes y filas más compactas */
.detalle-modal.modal-tiquetes .detalle-scroll[b-ro9pzxraah] {
    max-height: calc(94vh - 120px);
}

.detalle-modal.modal-tiquetes .tabla-detalle.tiquetes th[b-ro9pzxraah] {
    height: 40px;
    padding: 9px 11px;
    font-size: 13px;
}

.detalle-modal.modal-tiquetes .tabla-detalle.tiquetes td[b-ro9pzxraah] {
    min-height: 46px;
    padding: 9px 11px;
    font-size: 16px;
    line-height: 1.2;
}

.detalle-modal.modal-tiquetes .tabla-detalle.tiquetes td:first-child[b-ro9pzxraah] {
    font-size: 17px;
}

.detalle-modal.modal-tiquetes .tabla-detalle.tiquetes td:nth-child(4)[b-ro9pzxraah] {
    font-size: 17px;
}

.detalle-modal.modal-tiquetes .estado-boleta[b-ro9pzxraah],
.detalle-modal.modal-tiquetes .estado-reversada[b-ro9pzxraah] {
    padding: 6px 9px;
    font-size: 12px;
}

.detalle-modal.modal-tiquetes .imprimir[b-ro9pzxraah] {
    width: 40px;
    height: 34px;
    font-size: 18px;
}

.detalle-modal.modal-tiquetes .detalle-scroll h3[b-ro9pzxraah] {
    margin: 12px 12px 6px;
    font-size: 14px;
}

@media (max-width: 1050px) {
    .detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(8, minmax(78px, 1fr));
    }
}

@media (max-width: 760px) {
    .panel-titulo-fecha[b-ro9pzxraah] {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .fecha-dia-integrada input[b-ro9pzxraah] {
        width: 100%;
    }

    .detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(5, minmax(74px, 1fr));
    }
}

/* =========================================================
   AJUSTES DE RESALTADO, ANCHO Y BOTÓN DE IMPRESIÓN
   ========================================================= */

/* Total vendido del día más visible */
.resumen-dia article:first-child[b-ro9pzxraah] {
    border-color: #9fc4f2;
    background: #f6faff;
    box-shadow: 0 6px 16px rgba(22, 119, 255, .10);
}

.resumen-dia article:first-child span[b-ro9pzxraah] {
    color: #315a8f;
    font-size: 12px;
    font-weight: 900;
}

.resumen-dia article:first-child strong[b-ro9pzxraah] {
    color: #0b5ebd;
    font-size: 28px;
    font-weight: 950;
}

/* Título SORTEOS DEL DÍA y fecha más grandes */
.panel-titulo-fecha > span[b-ro9pzxraah] {
    color: #1677ff;
    font-size: 16px;
    font-weight: 950;
    letter-spacing: .08em;
}

.fecha-dia-integrada input[b-ro9pzxraah] {
    height: 48px;
    min-width: 205px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 950;
}

/* Cuadro de lista más ancho para montos altos */
.detalle-modal.modal-lista[b-ro9pzxraah] {
    width: min(1120px, 98vw);
}

.detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
    grid-template-columns: repeat(10, minmax(96px, 1fr));
    gap: 6px;
}

.detalle-modal.modal-lista .numero-cuadro[b-ro9pzxraah] {
    grid-template-columns: 38px minmax(0, 1fr);
}

.detalle-modal.modal-lista .numero-cuadro-montos span[b-ro9pzxraah] {
    grid-template-columns: 15px minmax(0, 1fr);
    padding: 3px 6px;
}

.detalle-modal.modal-lista .numero-cuadro-montos b[b-ro9pzxraah] {
    font-size: 13px;
    letter-spacing: -.15px;
    white-space: nowrap;
}

/* Botón de impresora más ancho y grande */
.detalle-modal.modal-tiquetes .imprimir[b-ro9pzxraah] {
    width: 52px;
    height: 42px;
    min-width: 52px;
    padding: 0;
    border-radius: 9px;
    font-size: 23px;
    line-height: 1;
}

@media (max-width: 1150px) {
    .detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(8, minmax(96px, 1fr));
    }
}

@media (max-width: 760px) {
    .panel-titulo-fecha > span[b-ro9pzxraah] {
        font-size: 14px;
    }

    .fecha-dia-integrada input[b-ro9pzxraah] {
        min-width: 100%;
        font-size: 17px;
    }

    .detalle-modal.modal-lista .lista-cuadricula[b-ro9pzxraah] {
        grid-template-columns: repeat(5, minmax(88px, 1fr));
    }
}



/* =========================================================
   RESULTADOS GANADORES EN LISTAS DEL VENDEDOR
   ========================================================= */
.resultado-ganador-lista[b-ro9pzxraah] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 120px;
}

.ganador-circulo[b-ro9pzxraah] {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    flex: 0 0 42px;
    border: 2px solid #78aeea;
    border-radius: 50%;
    color: #102e5c;
    background: radial-gradient(circle at 35% 25%, #ffffff, #dcecff);
    box-shadow: 0 3px 8px rgba(22, 105, 232, .15);
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 15px;
    font-weight: 900;
}

.resultado-rev[b-ro9pzxraah] {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    color: #ffffff;
    background: #d51e2e;
    box-shadow: 0 3px 8px rgba(213, 30, 46, .22);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .06em;
}

.resultado-sin-ingresar[b-ro9pzxraah] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    color: #6b7280;
    background: #eef1f5;
    font-size: 10px;
    font-weight: 900;
}


/* =========================================================
   RESULTADOS OFICIALES DEL SORTEO
   ========================================================= */
.resultado-ganador-lista[b-ro9pzxraah] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.ganador-circulo[b-ro9pzxraah] {
    display: inline-grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 2px solid #172033;
    border-radius: 50%;
    color: #172033;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(15, 35, 70, .12);
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.resultado-bolita[b-ro9pzxraah] {
    display: inline-grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 50%;
    box-shadow: 0 2px 7px rgba(15, 35, 70, .16);
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
}

.resultado-bolita-blanca[b-ro9pzxraah] {
    border: 2px solid #111827;
    color: #111827;
    background: #ffffff;
}

.resultado-bolita-roja[b-ro9pzxraah] {
    border: 2px solid #991b1b;
    color: #ffffff;
    background: radial-gradient(circle at 35% 25%, #ff7078, #d51e2e 58%, #a80f1c);
}

.resultado-sin-ingresar[b-ro9pzxraah] {
    color: #7c899d;
    font-size: 11px;
    font-weight: 900;
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* =========================================================
   TICOPLAY - LOGIN
   PARTE 2 DE 3
   Fondo, contenedor, tarjeta, logo, formulario y campos
   ========================================================= */


/* =========================================================
   CONFIGURACIÓN GENERAL
   ========================================================= */

@using TicoPlay.Web.Models 
@using TicoPlay.Web.Services 
@inject LoginService LoginService 
@inject NavigationManager Navigation * {
    box-sizing: border-box;
}

.tp-login-page[b-lr964a140n] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 28px 20px;
    background: linear-gradient( rgba(5,20,55,.35), rgba(5,20,55,.35) ), url("/images/login-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif;
    isolation: isolate;
}


/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

.tp-login-container[b-lr964a140n] {
    position: relative;
    z-index: 5;
    width: min(100%, 540px);
    max-width: 540px;
    margin: auto;
    animation: tpCardEntrance-b-lr964a140n 0.70s ease-out both;
}


/* =========================================================
   TARJETA DEL LOGIN
   ========================================================= */

.tp-login-card[b-lr964a140n] {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 31px 38px 25px;
    border: 1px solid rgba(255,255,255,.30);
    border-radius: 27px;
    background: rgba(255,255,255,.18);
    box-shadow: 0 18px 45px rgba(0,0,0,.35);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

    .tp-login-card[b-lr964a140n]::before {
        position: absolute;
        inset: 0;
        z-index: 0;
        border-radius: inherit;
        content: "";
        background: linear-gradient( 125deg, rgba(255, 255, 255, 0.42), transparent 28% );
        pointer-events: none;
    }

    .tp-login-card[b-lr964a140n]::after {
        position: absolute;
        top: 0;
        left: 12%;
        width: 76%;
        height: 2px;
        content: "";
        background: linear-gradient( 90deg, transparent, #3f98ff, transparent );
        box-shadow: 0 0 16px rgba(43, 137, 255, 0.75);
    }

.tp-card-shine[b-lr964a140n] {
    position: absolute;
    top: -55%;
    left: -85%;
    z-index: 0;
    width: 55%;
    height: 210%;
    opacity: 0.45;
    background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.75), transparent );
    transform: rotate(18deg);
    animation: tpCardShine-b-lr964a140n 7s ease-in-out infinite;
    pointer-events: none;
}

.tp-login-card > *[b-lr964a140n] {
    position: relative;
    z-index: 1;
}


/* =========================================================
   ENCABEZADO Y LOGO
   ========================================================= */

.tp-header[b-lr964a140n] {
    text-align: center;
}
.tp-logo img[b-lr964a140n],
.tp-logo svg[b-lr964a140n],
.tp-logo-svg[b-lr964a140n] {
    width: 220px !important;
    height: auto !important;
    max-width: none !important;
}
.tp-logo-container[b-lr964a140n] {
    position: relative;
    width: 220px !important;
    height: 90px !important;
    margin: 0 auto 8px;
}

.tp-logo-glow[b-lr964a140n] {
    position: absolute;
    inset: 12px;
    border-radius: 50%;
    background: rgba(0, 110, 255, 0.48);
    filter: blur(28px);
}

.tp-logo[b-lr964a140n] {
    position: relative;
    z-index: 2;
    width: 220px !important;
    height: 90px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: tpLogoFloating-b-lr964a140n 4.2s ease-in-out infinite;
}

.tp-logo-svg[b-lr964a140n] {
    width: 130px;
    height: 130px;
    overflow: visible;
    filter: drop-shadow(0 11px 15px rgba(0, 69, 176, 0.30));
}

.tp-title[b-lr964a140n] {
    margin: 1px 0 0;
    color: #07152e;
    font-size: 39px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1.8px;
}

    .tp-title span[b-lr964a140n] {
        color: #176fe8;
    }

.tp-subtitle[b-lr964a140n] {
    margin: 9px 0 0;
    color: #69768b;
    font-size: 14px;
    font-weight: 550;
    letter-spacing: 0.05px;
}

.tp-header-line[b-lr964a140n] {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 22px 0 21px;
    overflow: visible;
    background: linear-gradient( 90deg, transparent, #d8e0ec, transparent );
}

    .tp-header-line span[b-lr964a140n] {
        position: absolute;
        top: -1px;
        left: 50%;
        width: 58px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient( 90deg, transparent, #2786f5, transparent );
        transform: translateX(-50%);
        box-shadow: 0 0 9px rgba(39, 134, 245, 0.45);
    }


/* =========================================================
   FORMULARIO
   ========================================================= */

.tp-form[b-lr964a140n] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

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

    .tp-field label[b-lr964a140n] {
        font-size: 17px;
        font-weight: 800;
        color: white;
        text-shadow: 0 1px 3px rgba(0,0,0,.45);
    }


/* =========================================================
   CAMPOS DE TEXTO
   ========================================================= */

.tp-input-container[b-lr964a140n] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

    .tp-input-container input[b-lr964a140n] {
        width: 100%;
        height: 50px;
        padding: 0 46px 0 44px;
        border: 1px solid rgba(255, 255, 255, 0.65);
        border-radius: 11px;
        outline: none;
        background: rgba(255, 255, 255, 0.12);
        color: #000;
        font-family: inherit;
        font-size: 15px;
        font-weight: 800;
        caret-color: #000;
        transition: border-color 0.20s ease, background 0.20s ease, box-shadow 0.20s ease;
    }

        /* Texto de ayuda cuando el campo está vacío */
        .tp-input-container input[b-lr964a140n]::placeholder {
            color: #000;
            opacity: 0.72;
            font-weight: 700;
        }

        /* Al pasar el mouse, si está vacío */
        .tp-input-container input:hover:not(:disabled):placeholder-shown[b-lr964a140n] {
            background: rgba(255, 255, 255, 0.20);
            border-color: rgba(255, 255, 255, 0.90);
        }

        /* Al hacer clic en un campo vacío: fondo blanco */
        .tp-input-container input:focus:placeholder-shown[b-lr964a140n] {
            background: #ffffff !important;
            border: 2px solid #9fbce8 !important;
            color: #000 !important;
            box-shadow: 0 0 0 3px rgba(49, 118, 220, 0.18);
        }

        /* Cuando el campo contiene texto: amarillo intenso */
        .tp-input-container input:not(:placeholder-shown)[b-lr964a140n] {
            background: #FFF3A6 !important;
            border: 2px solid #C89A00 !important;
            color: #000 !important;
            font-weight: 800;
            box-shadow: 0 0 0 2px rgba(200, 154, 0, 0.12);
        }

            /* Si tiene texto y además está activo */
            .tp-input-container input:not(:placeholder-shown):focus[b-lr964a140n] {
                background: #FFF3A6 !important;
                border: 2px solid #C89A00 !important;
                color: #000 !important;
                box-shadow: 0 0 0 3px rgba(200, 154, 0, 0.22), 0 0 10px rgba(200, 154, 0, 0.20);
            }

        /* Autocompletado del navegador */
        .tp-input-container input:-webkit-autofill[b-lr964a140n],
        .tp-input-container input:-webkit-autofill:hover[b-lr964a140n],
        .tp-input-container input:-webkit-autofill:focus[b-lr964a140n] {
            -webkit-text-fill-color: #000 !important;
            -webkit-box-shadow: 0 0 0 1000px #FFF3A6 inset !important;
            border: 2px solid #C89A00 !important;
            caret-color: #000;
            transition: background-color 9999s ease-out 0s;
        }

        /* Texto seleccionado */
        .tp-input-container input[b-lr964a140n]::selection {
            background: #D6A900;
            color: #000;
        }

        .tp-input-container input[b-lr964a140n]::-moz-selection {
            background: #D6A900;
            color: #000;
        }

        /* Campo deshabilitado */
        .tp-input-container input:disabled[b-lr964a140n] {
            cursor: not-allowed;
            opacity: 0.72;
            background: rgba(255, 255, 255, 0.16);
        }

/* Ícono izquierdo */
.tp-input-icon[b-lr964a140n] {
    position: absolute;
    left: 14px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #333;
    pointer-events: none;
    transition: color 0.20s ease, transform 0.20s ease;
}

    .tp-input-icon svg[b-lr964a140n] {
        width: 20px;
        height: 20px;
    }

.tp-input-container:focus-within .tp-input-icon[b-lr964a140n] {
    color: #7A5D00;
    transform: scale(1.05);
}

/* Botón borrar y mostrar contraseña */
.tp-clear-button[b-lr964a140n],
.tp-password-button[b-lr964a140n] {
    position: absolute;
    right: 8px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #444;
    cursor: pointer;
    transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

    .tp-clear-button svg[b-lr964a140n] {
        width: 17px;
        height: 17px;
    }

    .tp-password-button svg[b-lr964a140n] {
        width: 21px;
        height: 21px;
    }

    .tp-clear-button:hover:not(:disabled)[b-lr964a140n],
    .tp-password-button:hover:not(:disabled)[b-lr964a140n] {
        background: rgba(200, 154, 0, 0.16);
        color: #755900;
    }

    .tp-clear-button:active:not(:disabled)[b-lr964a140n],
    .tp-password-button:active:not(:disabled)[b-lr964a140n] {
        transform: scale(0.94);
    }

    .tp-clear-button:disabled[b-lr964a140n],
    .tp-password-button:disabled[b-lr964a140n] {
        cursor: not-allowed;
        opacity: 0.55;
    }
/* =========================================================
   ERRORES DE LOS CAMPOS
   ========================================================= */

.tp-input-container.tp-input-error input[b-lr964a140n] {
    border-color: #e5484d;
    background: #fffafa;
    box-shadow: 0 0 0 3px rgba(229, 72, 77, 0.08);
}

.tp-input-container.tp-input-error .tp-input-icon[b-lr964a140n] {
    color: #d83a40;
}

.tp-input-container.tp-input-error input:focus[b-lr964a140n] {
    border-color: #d83a40;
    box-shadow: 0 0 0 4px rgba(216, 58, 64, 0.11), 0 7px 18px rgba(216, 58, 64, 0.07);
}

.tp-field-error[b-lr964a140n] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 0 2px;
    color: #c83036;
    font-size: 11.5px;
    font-weight: 620;
    line-height: 1.35;
    animation: tpErrorEntrance-b-lr964a140n 0.22s ease-out both;
}

    .tp-field-error svg[b-lr964a140n] {
        width: 15px;
        min-width: 15px;
        height: 15px;
        margin-top: 0;
    }
/* =========================================================
   OPCIONES: RECORDARME Y RECUPERAR CONTRASEÑA
   ========================================================= */

.tp-options[b-lr964a140n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 1px;
}

.tp-remember[b-lr964a140n] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
}

    .tp-remember input[b-lr964a140n] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

.tp-checkbox[b-lr964a140n] {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #b8c3d2;
    border-radius: 5px;
    background: #ffffff;
    color: transparent;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

    .tp-checkbox svg[b-lr964a140n] {
        width: 14px;
        height: 14px;
        opacity: 0;
        transform: scale(0.6);
        transition: opacity 0.16s ease, transform 0.16s ease;
    }

.tp-remember input:checked + .tp-checkbox[b-lr964a140n] {
    border-color: #176fe8;
    background: #176fe8;
    color: #ffffff;
    box-shadow: 0 5px 12px rgba(23, 111, 232, 0.26);
}

    .tp-remember input:checked + .tp-checkbox svg[b-lr964a140n] {
        opacity: 1;
        transform: scale(1);
    }

.tp-remember:hover .tp-checkbox[b-lr964a140n] {
    border-color: #176fe8;
}

.tp-remember input:focus-visible + .tp-checkbox[b-lr964a140n] {
    outline: 3px solid rgba(23, 111, 232, 0.18);
    outline-offset: 2px;
}

.tp-remember input:disabled + .tp-checkbox[b-lr964a140n],
.tp-remember input:disabled ~ .tp-remember-text[b-lr964a140n] {
    cursor: not-allowed;
    opacity: 0.60;
}

.tp-forgot-button[b-lr964a140n] {
    padding: 4px 0;
    border: none;
    background: transparent;
    color: white;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500; /* o 400 */
    cursor: pointer;
    transition: font-weight .2s ease;
    text-decoration: none;
}

    .tp-forgot-button:hover:not(:disabled)[b-lr964a140n] {
        color: #fff;
        font-weight: 700; /* o 800 */
        text-decoration: underline;
    }

    .tp-forgot-button:active:not(:disabled)[b-lr964a140n] {
        transform: scale(0.98);
    }

    .tp-forgot-button:disabled[b-lr964a140n] {
        cursor: not-allowed;
        opacity: 0.55;
    }


/* =========================================================
   MENSAJE GENERAL
   ========================================================= */

.tp-general-message[b-lr964a140n] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 11px 12px;
    border: 1px solid;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 620;
    line-height: 1.45;
    animation: tpMessageEntrance-b-lr964a140n 0.24s ease-out both;
}

    .tp-general-message svg[b-lr964a140n] {
        width: 18px;
        min-width: 18px;
        height: 18px;
        margin-top: 1px;
    }

.tp-general-message-error[b-lr964a140n] {
    border-color: #f3b7ba;
    background: #fff4f4;
    color: #b9282e;
}

.tp-general-message-info[b-lr964a140n] {
    border-color: #bdd7fb;
    background: #f1f7ff;
    color: #1458ad;
}


/* =========================================================
   BOTÓN INICIAR SESIÓN
   ========================================================= */

.tp-login-button[b-lr964a140n] {
    position: relative;
    width: 100%;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    overflow: hidden;
    margin-top: 1px;
    padding: 0 20px;
    border: none;
    border-radius: 11px;
    background: linear-gradient( 135deg, #2784f3 0%, #176fe8 42%, #0848b6 100% );
    box-shadow: 0 14px 28px rgba(11, 77, 184, 0.29), inset 0 1px 0 rgba(255, 255, 255, 0.26);
    color: #ffffff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.1px;
    cursor: pointer;
    transition: transform 0.17s ease, box-shadow 0.17s ease, filter 0.17s ease;
}

    .tp-login-button > *[b-lr964a140n] {
        position: relative;
        z-index: 2;
    }

    .tp-login-button svg[b-lr964a140n] {
        width: 21px;
        height: 21px;
    }

.tp-button-light[b-lr964a140n] {
    position: absolute;
    top: -30%;
    left: -45%;
    z-index: 1;
    width: 32%;
    height: 160%;
    opacity: 0.45;
    background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.92), transparent );
    transform: rotate(18deg);
    transition: left 0.48s ease;
}

.tp-login-button:hover:not(:disabled)[b-lr964a140n] {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 17px 34px rgba(11, 77, 184, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

    .tp-login-button:hover:not(:disabled) .tp-button-light[b-lr964a140n] {
        left: 118%;
    }

.tp-login-button:active:not(:disabled)[b-lr964a140n] {
    transform: translateY(0);
    box-shadow: 0 10px 21px rgba(11, 77, 184, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.tp-login-button:focus-visible[b-lr964a140n] {
    outline: 4px solid rgba(23, 111, 232, 0.22);
    outline-offset: 3px;
}

.tp-login-button:disabled[b-lr964a140n] {
    cursor: not-allowed;
    opacity: 0.76;
    filter: grayscale(0.08);
}

.tp-spinner[b-lr964a140n] {
    width: 19px;
    height: 19px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: tpSpin-b-lr964a140n 0.72s linear infinite;
}


/* =========================================================
   AYUDA PARA ENTER
   ========================================================= */

.tp-enter-help[b-lr964a140n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: -4px;
    color: black;
    font-size: 10.5px;
    text-align: center;
}

    .tp-enter-help svg[b-lr964a140n] {
        width: 14px;
        height: 14px;
    }


/* =========================================================
   PIE DEL LOGIN
   ========================================================= */

.tp-footer[b-lr964a140n] {
    margin-top: 21px;
    padding-top: 16px;
    border-top: 1px solid #ff2b2b;
    text-align: center;
    color: red;
}

.tp-footer-brand[b-lr964a140n] {
    color: white;
    font-size: 12px;
    font-weight: 820;
    letter-spacing: 0.35px;
}

.tp-footer-version[b-lr964a140n] {
    margin-top: 3px;
    color: white;
    font-size: 10.5px;
}

.tp-footer-country[b-lr964a140n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 9px;
    color: white;
    font-size: 11.5px;
}

    .tp-footer-country svg[b-lr964a140n] {
        width: 15px;
        height: 15px;
        color: white;
    }


/* =========================================================
   TEXTO DE SEGURIDAD
   ========================================================= */

.tp-security[b-lr964a140n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 14px;
    color: rgba(218, 231, 255, 0.78);
    font-size: 11px;
    text-align: center;
}

    .tp-security svg[b-lr964a140n] {
        width: 16px;
        height: 16px;
    }
/* =========================================================
   VENTANA MODAL
   ========================================================= */

.tp-modal-overlay[b-lr964a140n] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 8, 24, .72);
    backdrop-filter: blur(6px);
    animation: tpFadeIn-b-lr964a140n .22s ease-out;
}

.tp-modal[b-lr964a140n] {
    position: relative;
    width: 100%;
    max-width: 400px;
    padding: 30px;
    border-radius: 22px;
    background: white;
    border: 1px solid rgba(255,255,255,.85);
    box-shadow: 0 30px 90px rgba(0,0,0,.45);
    text-align: center;
    animation: tpModalIn-b-lr964a140n .25s ease-out;
}

.tp-modal-close[b-lr964a140n] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    color: #64748b;
    transition: .2s;
}

    .tp-modal-close:hover[b-lr964a140n] {
        background: #eef4ff;
        color: #176fe8;
    }

    .tp-modal-close svg[b-lr964a140n] {
        width: 18px;
        height: 18px;
    }

.tp-modal-icon[b-lr964a140n] {
    width: 72px;
    height: 72px;
    margin: auto;
    margin-bottom: 18px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf3ff;
    color: #176fe8;
}

    .tp-modal-icon svg[b-lr964a140n] {
        width: 36px;
        height: 36px;
    }

.tp-modal h2[b-lr964a140n] {
    margin: 0;
    color: #0d1b33;
    font-size: 22px;
    font-weight: 800;
}

.tp-modal p[b-lr964a140n] {
    margin: 14px 0 24px;
    color: #5f6d82;
    font-size: 14px;
    line-height: 1.6;
}

.tp-modal-action[b-lr964a140n] {
    min-width: 150px;
    height: 44px;
    border: none;
    border-radius: 10px;
    background: #176fe8;
    color: white;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: .2s;
}

    .tp-modal-action:hover[b-lr964a140n] {
        background: #0d57c7;
    }


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

@media (max-height: 780px) {

    .tp-login-page[b-lr964a140n] {
        align-items: flex-start;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tp-login-card[b-lr964a140n] {
        padding: 16px 26px;
    }

    .tp-brand-logo[b-lr964a140n] {
        width: 390px !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain;
    }

    .tp-header-line[b-lr964a140n] {
        margin: 8px 0 10px;
    }

    .tp-form[b-lr964a140n] {
        gap: 8px;
    }

    .tp-field[b-lr964a140n] {
        gap: 4px;
    }

    .tp-input-container input[b-lr964a140n] {
        height: 43px;
    }

    .tp-login-button[b-lr964a140n] {
        height: 46px;
    }

    .tp-enter-help[b-lr964a140n] {
        margin-top: -2px;
    }

    .tp-footer[b-lr964a140n] {
        margin-top: 10px;
        padding-top: 9px;
    }

    .tp-security[b-lr964a140n] {
        margin-top: 8px;
    }
}

@media (max-width: 600px) {

    .tp-login-page[b-lr964a140n] {
        padding: 8px;
        align-items: flex-start;
    }

    .tp-login-container[b-lr964a140n] {
        max-width: 100%;
    }

    .tp-login-card[b-lr964a140n] {
        max-height: none;
        min-height: calc(100dvh - 16px);
        border-radius: 18px;
        padding: 18px 16px;
    }

    .tp-brand-logo[b-lr964a140n] {
        width: min(72%, 210px);
    }

    .tp-options[b-lr964a140n] {
        flex-direction: row;
        align-items: center;
    }

    .tp-forgot-button[b-lr964a140n] {
        margin-left: 0;
    }
}

/* =========================================================
   ANIMACIONES
   ========================================================= */

@keyframes tpSpin-b-lr964a140n {

    to {
        transform: rotate(360deg);
    }
}

@keyframes tpFadeIn-b-lr964a140n {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes tpModalIn-b-lr964a140n {

    from {
        opacity: 0;
        transform: translateY(18px) scale(.96);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes tpCardEntrance-b-lr964a140n {

    from {
        opacity: 0;
        transform: translateY(25px) scale(.98);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes tpCardShine-b-lr964a140n {

    0% {
        left: -80%;
    }

    40% {
        left: 140%;
    }

    100% {
        left: 140%;
    }
}

@keyframes tpLogoFloating-b-lr964a140n {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

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

@keyframes tpLogoGlow-b-lr964a140n {

    0% {
        opacity: .30;
        transform: scale(.95);
    }

    50% {
        opacity: .55;
        transform: scale(1.05);
    }

    100% {
        opacity: .30;
        transform: scale(.95);
    }
}

@keyframes tpGlowPulse-b-lr964a140n {

    0% {
        opacity: .22;
        transform: scale(1);
    }

    50% {
        opacity: .36;
        transform: scale(1.12);
    }

    100% {
        opacity: .22;
        transform: scale(1);
    }
}

@keyframes tpParticleFloating-b-lr964a140n {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-18px);
    }

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

@keyframes tpOrbitRotation-b-lr964a140n {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes tpOrbitRotationReverse-b-lr964a140n {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes tpGridMovement-b-lr964a140n {

    from {
        transform: perspective(720px) rotateX(62deg) translateY(0) scale(1.35);
    }

    to {
        transform: perspective(720px) rotateX(62deg) translateY(50px) scale(1.35);
    }
}

@keyframes tpMessageEntrance-b-lr964a140n {

    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes tpErrorEntrance-b-lr964a140n {

    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
/* =========================================================
   LOGO OFICIAL TICOPLAY
   ========================================================= */

.tp-brand-logo-container[b-lr964a140n] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.tp-brand-logo[b-lr964a140n] {
    width: min(90%, 260px);
    height: auto;
    display: block;
    margin: 0 auto;
}

@keyframes tpOfficialLogoEntrance-b-lr964a140n {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 600px) {
    .tp-brand-logo[b-lr964a140n] {
        width: min(72%, 210px);
    }
}
}
/* =========================================================
   AJUSTE RESPONSIVE COMPLETO DEL LOGIN
   ========================================================= */

.tp-login-page[b-lr964a140n] {
    min-height: 100dvh;
    padding: clamp(10px, 2vh, 24px);
    align-items: center;
}

.tp-login-container[b-lr964a140n] {
    width: min(100%, 460px);
}

.tp-login-card[b-lr964a140n] {
    max-height: calc(100dvh - 20px);
    overflow-y: auto;
    padding: clamp(18px, 2.5vh, 31px) clamp(20px, 3vw, 38px) clamp(18px, 2.5vh, 25px);
}

.tp-brand-logo[b-lr964a140n] {
    width: min(78%, 240px);
    max-height: 210px;
    object-fit: contain;
}

.tp-header-line[b-lr964a140n] {
    margin: clamp(10px, 1.8vh, 20px) 0;
}

.tp-form[b-lr964a140n] {
    gap: clamp(9px, 1.4vh, 14px);
}

.tp-input-container input[b-lr964a140n] {
    height: clamp(43px, 5.5vh, 50px);
}

.tp-login-button[b-lr964a140n] {
    height: clamp(46px, 5.8vh, 53px);
}

.tp-footer[b-lr964a140n] {
    margin-top: clamp(12px, 1.8vh, 21px);
    padding-top: clamp(10px, 1.5vh, 16px);
}
/* LOGO TICOPLAY MÁS GRANDE */
.tp-brand-logo-container[b-lr964a140n] {
    width: 100%;
    overflow: visible;
}

.tp-brand-logo[b-lr964a140n] {
   width: 390px !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
}

/* =========================================================
   LOGIN CLARO DEFINITIVO - TEXTOS NEGROS
   ========================================================= */

.tp-login-page[b-lr964a140n] {
    background:
        linear-gradient(rgba(255,255,255,.04), rgba(255,255,255,.04)),
        url("/images/login-bg.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.tp-login-card[b-lr964a140n] {
    border: 1px solid rgba(175, 190, 210, .78) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow:
        0 22px 55px rgba(25, 55, 95, .22),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.tp-login-card[b-lr964a140n]::before {
    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,.80),
            transparent 31%
        ) !important;
}

.tp-field label[b-lr964a140n] {
    color: #111827 !important;
    text-shadow: none !important;
    font-weight: 900 !important;
}

.tp-remember[b-lr964a140n] {
    color: #111827 !important;
    text-shadow: none !important;
}

.tp-remember-text[b-lr964a140n] {
    color: #111827 !important;
    font-weight: 800 !important;
}

.tp-forgot-button[b-lr964a140n] {
    color: #0b5fc7 !important;
    font-weight: 750 !important;
}

.tp-forgot-button:hover:not(:disabled)[b-lr964a140n] {
    color: #084c9e !important;
}

.tp-enter-help[b-lr964a140n] {
    color: #4b5563 !important;
    font-weight: 650 !important;
}

.tp-footer[b-lr964a140n] {
    color: #111827 !important;
}

.tp-footer-brand[b-lr964a140n] {
    color: #111827 !important;
    font-weight: 900 !important;
}

.tp-footer-version[b-lr964a140n] {
    color: #374151 !important;
    font-weight: 700 !important;
}

.tp-footer-country[b-lr964a140n] {
    color: #111827 !important;
    font-weight: 800 !important;
}

.tp-footer-country svg[b-lr964a140n] {
    color: #334155 !important;
}

.tp-security[b-lr964a140n] {
    color: #475569 !important;
    font-weight: 700 !important;
}

.tp-security svg[b-lr964a140n] {
    color: #475569 !important;
}

.tp-input-container input[b-lr964a140n] {
    color: #000000 !important;
}

.tp-input-container input[b-lr964a140n]::placeholder {
    color: #374151 !important;
}

.tp-input-icon[b-lr964a140n],
.tp-clear-button[b-lr964a140n],
.tp-password-button[b-lr964a140n] {
    color: #263238 !important;
}

.tp-checkbox[b-lr964a140n] {
    border-color: #7d8ca2 !important;
}

.tp-general-message[b-lr964a140n] {
    text-shadow: none !important;
}

/* Elimina cualquier velo oscuro aplicado por estilos anteriores */
.tp-login-page[b-lr964a140n]::before,
.tp-login-page[b-lr964a140n]::after {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* =========================================================
   CORRECCIÓN: SOLO TRANSPARENCIA DEL CUADRO
   Conserva todas las medidas, posiciones y estilos existentes.
   ========================================================= */

.tp-login-card[b-lr964a140n] {
    background: rgba(255, 255, 255, .42) !important;
    border: 1px solid rgba(255, 255, 255, .70) !important;
    box-shadow:
        0 22px 55px rgba(25, 55, 95, .22),
        inset 0 1px 0 rgba(255, 255, 255, .78) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
}

.tp-login-card[b-lr964a140n]::before {
    background: linear-gradient(
        125deg,
        rgba(255, 255, 255, .32),
        transparent 31%
    ) !important;
}

.tp-login-card[b-lr964a140n]::after {
    opacity: .55 !important;
}

/* /Components/Pages/NumerosGanadores.razor.rz.scp.css */
.ng-page[b-xohqhqvfv4]{padding:20px;background:#f4f7fb;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172033}.ng-header[b-xohqhqvfv4]{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border:1px solid #dfe7f2;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(20,52,94,.05)}.ng-header span[b-xohqhqvfv4],.ng-card-title>div>span[b-xohqhqvfv4]{color:#1769e8;font-size:11px;font-weight:950;letter-spacing:.13em}.ng-header h1[b-xohqhqvfv4]{margin:4px 0;font-size:30px}.ng-header p[b-xohqhqvfv4]{margin:0;color:#70819a;font-size:14px}.ng-refresh[b-xohqhqvfv4]{height:44px;padding:0 17px;border:1px solid #bdd3ef;border-radius:10px;color:#155dc5;background:#f5f9ff;font-weight:900;cursor:pointer}.ng-message[b-xohqhqvfv4]{margin-top:13px;padding:13px 16px;border-radius:10px;font-size:14px;font-weight:850}.ng-message.success[b-xohqhqvfv4]{color:#166534;background:#dcfce7}.ng-message.error[b-xohqhqvfv4]{color:#991b1b;background:#fee2e2}.ng-summary[b-xohqhqvfv4]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.ng-summary article[b-xohqhqvfv4]{display:grid;gap:8px;padding:17px 19px;border:1px solid #dfe7f2;border-radius:13px;background:#fff}.ng-summary span[b-xohqhqvfv4]{color:#74849a;font-size:11px;font-weight:850;text-transform:uppercase}.ng-summary strong[b-xohqhqvfv4]{font-size:23px}.ng-tabs[b-xohqhqvfv4]{display:flex;gap:8px;margin-bottom:14px;padding:5px;border:1px solid #dfe7f2;border-radius:12px;background:#fff}.ng-tabs button[b-xohqhqvfv4]{min-height:43px;padding:0 18px;border:0;border-radius:9px;color:#52657f;background:transparent;font-size:13px;font-weight:900;cursor:pointer}.ng-tabs button.active[b-xohqhqvfv4]{color:#155dc5;background:#eaf3ff}.ng-tabs b[b-xohqhqvfv4]{display:inline-grid;min-width:23px;height:23px;place-items:center;margin-left:7px;border-radius:999px;color:#fff;background:#1769e8}.ng-card[b-xohqhqvfv4]{overflow:hidden;border:1px solid #dfe7f2;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(20,52,94,.05)}.ng-card-title[b-xohqhqvfv4]{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #e8edf4;background:#fbfcfe}.ng-card-title h2[b-xohqhqvfv4]{margin:4px 0 0;font-size:20px}.history-title label[b-xohqhqvfv4]{display:flex;align-items:center;gap:8px;color:#53657e;font-size:12px;font-weight:850}.history-title input[b-xohqhqvfv4]{height:40px;padding:0 10px;border:1px solid #cad6e5;border-radius:8px;font:inherit}.ng-table-wrap[b-xohqhqvfv4]{overflow:auto}.ng-table[b-xohqhqvfv4]{width:100%;border-collapse:collapse}.ng-table th[b-xohqhqvfv4]{padding:12px 13px;color:#728299;background:#f7f9fc;font-size:11px;text-align:left;text-transform:uppercase;white-space:nowrap}.ng-table td[b-xohqhqvfv4]{padding:13px;border-top:1px solid #edf1f6;font-size:13px;vertical-align:middle}.ng-table td strong[b-xohqhqvfv4]{font-size:15px}.money[b-xohqhqvfv4]{font-size:14px!important;font-weight:900;white-space:nowrap}.money.prize[b-xohqhqvfv4]{color:#7c3aed}.ng-mode[b-xohqhqvfv4],.ng-pending-label[b-xohqhqvfv4],.ng-processed[b-xohqhqvfv4]{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.ng-mode[b-xohqhqvfv4]{color:#155dc5;background:#eaf3ff}.ng-pending-label[b-xohqhqvfv4]{color:#9a5b08;background:#fff3dd}.ng-processed[b-xohqhqvfv4]{color:#166534;background:#dcfce7}.ng-actions[b-xohqhqvfv4]{display:flex;gap:6px}.ng-actions button[b-xohqhqvfv4],.edit[b-xohqhqvfv4]{min-height:35px;padding:0 10px;border:0;border-radius:8px;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.ng-actions .enter[b-xohqhqvfv4]{background:#1769e8}.ng-actions .save[b-xohqhqvfv4]{background:#16864d}.ng-actions button:disabled[b-xohqhqvfv4],.edit:disabled[b-xohqhqvfv4]{opacity:.35;cursor:not-allowed}.edit[b-xohqhqvfv4]{color:#6641b7;background:#eee7ff}.ng-results-preview[b-xohqhqvfv4]{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ng-ball[b-xohqhqvfv4],.ng-ball-type[b-xohqhqvfv4]{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;font-family:"Arial Black",Arial,sans-serif;font-size:14px;font-weight:900}.ng-ball[b-xohqhqvfv4]{color:#102e5c;border:2px solid #84b5ee;background:radial-gradient(circle at 35% 25%,#fff,#dcecff)}.ng-ball-type.white[b-xohqhqvfv4]{color:#172033;border:2px solid #cfd8e5;background:#fff}.ng-ball-type.red[b-xohqhqvfv4]{color:#fff;border:2px solid #a80f1c;background:radial-gradient(circle at 35% 25%,#ff7c85,#cf1727)}.ng-date-group>h3[b-xohqhqvfv4]{margin:0;padding:13px 17px;color:#294b77;background:#eef4fb;font-size:12px}.ng-empty[b-xohqhqvfv4]{display:grid;min-height:240px;place-items:center;padding:30px;color:#70819a;text-align:center}.ng-empty strong[b-xohqhqvfv4]{color:#315a8f;font-size:16px}.ng-empty p[b-xohqhqvfv4]{margin:6px 0}.ng-modal-backdrop[b-xohqhqvfv4]{position:fixed;inset:0;z-index:6000;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}.ng-modal[b-xohqhqvfv4],.ng-confirm[b-xohqhqvfv4]{width:min(610px,97vw);max-height:94vh;overflow:auto;border:1px solid #d4deeb;border-radius:17px;background:#fff;box-shadow:0 28px 75px rgba(15,23,42,.35)}.ng-modal>header[b-xohqhqvfv4]{display:flex;justify-content:space-between;align-items:flex-start;padding:19px 21px;border-bottom:1px solid #e6ebf2}.ng-modal>header span[b-xohqhqvfv4]{color:#1769e8;font-size:10px;font-weight:950}.ng-modal>header h2[b-xohqhqvfv4]{margin:4px 0;font-size:22px}.ng-modal>header p[b-xohqhqvfv4]{margin:0;color:#728299}.ng-modal>header button[b-xohqhqvfv4]{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;color:#fff;background:#dc2626;font-size:25px;cursor:pointer}.ng-winners[b-xohqhqvfv4]{display:grid;padding:19px;gap:12px}.ng-winner-row[b-xohqhqvfv4]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:14px;border:1px solid #dfe7f2;border-radius:12px;background:#f9fbfd}.ng-winner-row label[b-xohqhqvfv4],.ng-reventado-choice[b-xohqhqvfv4]{display:grid;gap:7px}.ng-winner-row label>span[b-xohqhqvfv4],.ng-reventado-choice>span[b-xohqhqvfv4]{color:#52657f;font-size:11px;font-weight:900}.ng-winner-row input[b-xohqhqvfv4]{height:54px;padding:0 15px;border:2px solid #b9cee8;border-radius:10px;color:#102e5c;background:#fff;font-family:"Arial Black",Arial,sans-serif;font-size:23px;text-align:center}.ng-reventado-choice>div[b-xohqhqvfv4]{display:flex;gap:8px}.ball-choice[b-xohqhqvfv4]{width:54px;height:54px;border-radius:50%;font-family:"Arial Black",Arial,sans-serif;font-size:18px;font-weight:900;cursor:pointer}.ball-choice.white[b-xohqhqvfv4]{color:#172033;border:2px solid #bbc7d5;background:#fff}.ball-choice.red[b-xohqhqvfv4]{color:#fff;border:2px solid #a80f1c;background:#d51e2e}.ball-choice.selected[b-xohqhqvfv4]{outline:4px solid rgba(23,105,232,.25);transform:scale(1.06)}.ng-validation[b-xohqhqvfv4]{display:grid;grid-template-columns:repeat(3,1fr);margin:0 19px 16px;padding:13px;gap:8px;border:1px solid #b9d8c6;border-radius:10px;background:#eefbf3}.ng-validation span[b-xohqhqvfv4]{display:grid;gap:4px;color:#587064;font-size:10px;text-align:center}.ng-validation b[b-xohqhqvfv4]{color:#145c35;font-size:15px}.ng-modal>footer[b-xohqhqvfv4]{display:grid;grid-template-columns:1fr 1fr 1fr;padding:15px 19px;gap:9px;border-top:1px solid #e6ebf2;background:#fbfcfe}.ng-modal>footer button[b-xohqhqvfv4]{height:43px;border:0;border-radius:9px;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.ng-modal .validate[b-xohqhqvfv4]{background:#7c3aed}.ng-modal .accept[b-xohqhqvfv4]{background:#16864d}.ng-modal .close[b-xohqhqvfv4]{background:#64748b}.ng-confirm[b-xohqhqvfv4]{padding:24px;text-align:center}.ng-confirm .warning[b-xohqhqvfv4]{display:grid;width:55px;height:55px;margin:auto;place-items:center;border-radius:50%;color:#fff;background:#dc2626;font-size:25px;font-weight:900}.ng-confirm h2[b-xohqhqvfv4]{margin:13px 0 8px}.ng-confirm p[b-xohqhqvfv4]{color:#5f6f85;line-height:1.5}.ng-confirm>strong[b-xohqhqvfv4]{display:block;color:#991b1b;font-size:12px}.ng-confirm>div:last-child[b-xohqhqvfv4]{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;gap:9px}.ng-confirm button[b-xohqhqvfv4]{height:44px;border:0;border-radius:9px;color:#fff;font-weight:900;cursor:pointer}.ng-confirm .confirm[b-xohqhqvfv4]{background:#dc2626}.ng-confirm .cancel[b-xohqhqvfv4]{background:#64748b}@media(max-width:900px){.ng-summary[b-xohqhqvfv4]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ng-page[b-xohqhqvfv4]{padding:10px}.ng-header[b-xohqhqvfv4]{align-items:stretch;flex-direction:column;gap:12px}.ng-summary[b-xohqhqvfv4]{grid-template-columns:1fr}.ng-winner-row[b-xohqhqvfv4]{grid-template-columns:1fr}.ng-validation[b-xohqhqvfv4],.ng-modal>footer[b-xohqhqvfv4]{grid-template-columns:1fr}}
/* ===== AJUSTES DE LEGIBILIDAD Y NUEVAS ACCIONES ===== */
.ng-page[b-xohqhqvfv4] { font-size: 16px; }
.ng-header h1[b-xohqhqvfv4] { font-size: 34px; }
.ng-header p[b-xohqhqvfv4] { font-size: 16px; }
.ng-summary span[b-xohqhqvfv4] { font-size: 13px; }
.ng-summary strong[b-xohqhqvfv4] { font-size: 28px; }
.ng-tabs button[b-xohqhqvfv4] { min-height: 48px; font-size: 15px; }
.ng-card-title h2[b-xohqhqvfv4] { font-size: 23px; }
.ng-card-title > div > span[b-xohqhqvfv4],
.ng-header span[b-xohqhqvfv4] { font-size: 13px; }
.ng-table th[b-xohqhqvfv4] { font-size: 13px; }
.ng-table td[b-xohqhqvfv4] { font-size: 15px; }
.ng-table td strong[b-xohqhqvfv4] { font-size: 17px; }
.money[b-xohqhqvfv4] { font-size: 16px !important; }
.ng-mode[b-xohqhqvfv4],
.ng-pending-label[b-xohqhqvfv4],
.ng-processed[b-xohqhqvfv4],
.ng-no-result[b-xohqhqvfv4] { font-size: 12px; padding: 8px 11px; }
.ng-actions button[b-xohqhqvfv4],
.edit[b-xohqhqvfv4] { min-height: 39px; padding: 0 12px; font-size: 12px; }
.ng-actions[b-xohqhqvfv4] { flex-wrap: wrap; }
.ng-actions .no-result[b-xohqhqvfv4] { background: #d97706; }
.ng-no-result[b-xohqhqvfv4] { display: inline-flex; color: #9a3412; background: #ffedd5; border-radius: 999px; font-weight: 900; }
.ng-no-winner-text[b-xohqhqvfv4] { display: inline-flex; padding: 8px 11px; border-radius: 9px; color: #9a3412; background: #fff7ed; font-size: 13px; font-weight: 900; }
.ng-ball[b-xohqhqvfv4],
.ng-ball-type[b-xohqhqvfv4] { width: 44px; height: 44px; font-size: 16px; }
.history-title label[b-xohqhqvfv4] { font-size: 14px; }
.history-title input[b-xohqhqvfv4] { min-width: 165px; height: 44px; font-size: 15px; }
.ng-date-group > h3[b-xohqhqvfv4] { font-size: 14px; padding: 15px 18px; }
.ng-modal > header h2[b-xohqhqvfv4] { font-size: 26px; }
.ng-modal > header p[b-xohqhqvfv4] { font-size: 15px; }
.ng-winner-row label > span[b-xohqhqvfv4],
.ng-reventado-choice > span[b-xohqhqvfv4] { font-size: 13px; }
.ng-winner-row input[b-xohqhqvfv4] { height: 60px; font-size: 28px; }
.ng-modal > footer button[b-xohqhqvfv4] { height: 47px; font-size: 14px; }
.ng-confirm h2[b-xohqhqvfv4] { font-size: 24px; }
.ng-confirm p[b-xohqhqvfv4] { font-size: 15px; }


/* =========================================================
   MODAL DE RESULTADO - BOLITA BLANCA / BOLITA REVENTADA
   ========================================================= */
.ng-winner-row[b-xohqhqvfv4] {
    grid-template-columns: 1fr;
    align-items: stretch;
}

.ng-reventado-choice[b-xohqhqvfv4] {
    display: grid;
    width: 100%;
    margin-top: 4px;
    gap: 10px;
}

.ng-reventado-choice > span[b-xohqhqvfv4] {
    color: #155dc5;
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .035em;
}

.reventado-options[b-xohqhqvfv4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.reventado-option[b-xohqhqvfv4] {
    position: relative;
    display: flex;
    min-height: 82px;
    align-items: center;
    justify-content: flex-start;
    padding: 13px 16px;
    gap: 13px;
    border: 2px solid #cfd8e5;
    border-radius: 12px;
    outline: none;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(15, 35, 70, .05);
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .08s ease;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.reventado-option:hover[b-xohqhqvfv4] {
    transform: translateY(-1px);
}

.reventado-option:active[b-xohqhqvfv4] {
    transform: translateY(0);
}

.reventado-option:focus[b-xohqhqvfv4],
.reventado-option:focus-visible[b-xohqhqvfv4] {
    outline: none;
}

.reventado-option.white[b-xohqhqvfv4] {
    color: #111827;
    border-color: #9ca3af;
}

.reventado-option.red[b-xohqhqvfv4] {
    color: #b91c1c;
    border-color: #f0a3a3;
    background: #fffafa;
}

.reventado-option.white.selected[b-xohqhqvfv4] {
    border-color: #111111;
    background: #f8fafc;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, .16), 0 8px 20px rgba(15, 23, 42, .12);
}

.reventado-option.red.selected[b-xohqhqvfv4] {
    border-color: #e00016;
    background: #fff0f2;
    box-shadow: 0 0 0 4px rgba(224, 0, 22, .18), 0 8px 20px rgba(185, 28, 28, .16);
}

.reventado-option.selected[b-xohqhqvfv4]::after {
    content: "✓";
    position: absolute;
    top: 7px;
    right: 9px;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: #16864d;
    font-size: 13px;
    font-weight: 950;
}

.reventado-option.red.selected[b-xohqhqvfv4]::after {
    background: #e00016;
}

.reventado-ball[b-xohqhqvfv4] {
    display: grid;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    place-items: center;
    border-radius: 50%;
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 24px;
    font-weight: 950;
    line-height: 1;
}

.reventado-ball.white[b-xohqhqvfv4] {
    color: #000000;
    border: 3px solid #000000;
    background: #ffffff;
}

.reventado-ball.red[b-xohqhqvfv4] {
    color: #ffffff;
    border: 3px solid #c80014;
    background: #e00016;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.12);
}

.reventado-label[b-xohqhqvfv4] {
    color: inherit;
    font-size: 14px;
    font-weight: 950;
    text-align: left;
}

.ng-modal > footer[b-xohqhqvfv4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ng-modal > footer button[b-xohqhqvfv4] {
    min-height: 48px;
    font-size: 14px;
}

@media (max-width: 600px) {
    .reventado-options[b-xohqhqvfv4] {
        grid-template-columns: 1fr;
    }

    .ng-modal > footer[b-xohqhqvfv4] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Bloqueo visual durante el procesamiento financiero del resultado. */
.ng-processing-lock[b-xohqhqvfv4] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(15, 23, 42, .42);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: wait;
}

.ng-processing-box[b-xohqhqvfv4] {
    min-width: 340px;
    max-width: 520px;
    padding: 26px 30px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0,0,0,.24);
    text-align: center;
    display: grid;
    gap: 10px;
    justify-items: center;
}

.ng-processing-box strong[b-xohqhqvfv4] { font-size: 1.05rem; }
.ng-processing-box span[b-xohqhqvfv4] { font-size: .9rem; color: #475569; }
.ng-processing-spinner[b-xohqhqvfv4] {
    width: 34px;
    height: 34px;
    border: 4px solid #dbeafe;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: ng-spin-b-xohqhqvfv4 .8s linear infinite;
}
@keyframes ng-spin-b-xohqhqvfv4 { to { transform: rotate(360deg); } }

/* AJUSTE VISUAL: fecha del historial a la izquierda debajo del titulo */
.history-title[b-xohqhqvfv4]{justify-content:flex-start!important;align-items:flex-start!important;flex-direction:column!important}.history-title label[b-xohqhqvfv4]{margin-top:10px}
/* /Components/Pages/NumerosGanadoresVendedor.razor.rz.scp.css */
.ngv-page[b-kegh3ah1sq]{
    width:100%;max-width:900px;margin:0 auto;padding:14px;
    color:#172033;font-family:Inter,"Segoe UI",Arial,sans-serif
}
.ngv-header[b-kegh3ah1sq]{
    display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
    padding:15px 17px;border:1px solid #dfe7f2;border-radius:12px;background:#fff
}
.ngv-header h1[b-kegh3ah1sq]{margin:0;font-size:24px}
.ngv-date[b-kegh3ah1sq]{display:grid;gap:5px}
.ngv-date span[b-kegh3ah1sq]{font-size:10px;font-weight:900;color:#53657e}
.ngv-date input[b-kegh3ah1sq]{
    height:36px;padding:0 9px;border:1px solid #cad6e5;border-radius:7px;
    background:#fff;font:inherit;font-size:13px
}
.ngv-card[b-kegh3ah1sq]{
    overflow:hidden;margin-top:10px;border:1px solid #dfe7f2;
    border-radius:12px;background:#fff
}
.ngv-list[b-kegh3ah1sq]{display:grid}
.ngv-row[b-kegh3ah1sq]{
    display:grid;grid-template-columns:minmax(180px,1fr) auto;
    align-items:center;gap:12px;min-height:58px;padding:9px 14px;
    border-top:1px solid #edf1f6
}
.ngv-row:first-child[b-kegh3ah1sq]{border-top:0}
.ngv-info[b-kegh3ah1sq]{display:grid;gap:3px;min-width:0}
.ngv-info strong[b-kegh3ah1sq]{
    overflow:hidden;color:#183b68;font-size:14px;font-weight:900;
    text-overflow:ellipsis;white-space:nowrap
}
.ngv-info span[b-kegh3ah1sq]{color:#718096;font-size:11px;font-weight:800}
.ngv-results[b-kegh3ah1sq]{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.ngv-ball[b-kegh3ah1sq],.ngv-rev[b-kegh3ah1sq]{
    display:grid;width:35px;height:35px;place-items:center;border-radius:50%;
    font-family:"Arial Black",Arial,sans-serif;font-size:13px;font-weight:900
}
.ngv-ball[b-kegh3ah1sq]{
    color:#102e5c;border:2px solid #84b5ee;
    background:radial-gradient(circle at 35% 25%,#fff,#dcecff)
}
.ngv-rev.white[b-kegh3ah1sq]{color:#172033;border:2px solid #aeb9c7;background:#fff}
.ngv-rev.red[b-kegh3ah1sq]{
    color:#fff;border:2px solid #a80f1c;
    background:radial-gradient(circle at 35% 25%,#ff7c85,#cf1727)
}
.ngv-pending[b-kegh3ah1sq]{
    padding:5px 8px;border-radius:999px;color:#7b8798;background:#f1f5f9;
    font-size:9px;font-weight:900
}
.ngv-state[b-kegh3ah1sq]{
    display:flex;min-height:130px;align-items:center;justify-content:center;
    gap:9px;padding:20px;color:#617187;font-size:12px
}
.ngv-spinner[b-kegh3ah1sq]{
    width:22px;height:22px;border:3px solid #dbeafe;border-top-color:#2563eb;
    border-radius:50%;animation:ngv-spin-b-kegh3ah1sq .8s linear infinite
}
.ngv-message[b-kegh3ah1sq]{
    margin-top:9px;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:850
}
.ngv-message.error[b-kegh3ah1sq]{color:#991b1b;background:#fee2e2}
@keyframes ngv-spin-b-kegh3ah1sq{to{transform:rotate(360deg)}}
@media(max-width:600px){
    .ngv-page[b-kegh3ah1sq]{padding:8px}
    .ngv-header[b-kegh3ah1sq]{align-items:stretch;flex-direction:column}
    .ngv-row[b-kegh3ah1sq]{grid-template-columns:1fr auto;padding:8px 10px}
    .ngv-info strong[b-kegh3ah1sq]{font-size:13px}
    .ngv-ball[b-kegh3ah1sq],.ngv-rev[b-kegh3ah1sq]{width:32px;height:32px;font-size:12px}
}

/* ===== V2 - MISMO ESTILO GENERAL / ALINEACIÓN SOLICITADA ===== */
.ngv-page[b-kegh3ah1sq]{
    max-width:none!important;
    margin:0!important;
    padding:20px 22px!important;
}
.ngv-header[b-kegh3ah1sq]{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-direction:column!important;
    padding:18px 20px!important;
    border-radius:13px!important;
}
.ngv-header h1[b-kegh3ah1sq]{
    font-size:26px!important;
    color:#102f5c!important;
}
.ngv-date[b-kegh3ah1sq]{
    margin-top:8px!important;
    gap:6px!important;
}
.ngv-date span[b-kegh3ah1sq]{
    font-size:11px!important;
    font-weight:950!important;
    color:#155eef!important;
}
.ngv-date input[b-kegh3ah1sq]{
    min-width:165px!important;
    height:42px!important;
    padding:0 11px!important;
    font-size:15px!important;
    font-weight:900!important;
    color:#102f5c!important;
}
.ngv-card[b-kegh3ah1sq]{
    width:100%!important;
    margin-top:10px!important;
}
.ngv-row[b-kegh3ah1sq]{
    grid-template-columns:minmax(0,1fr) minmax(180px,260px)!important;
    min-height:54px!important;
    padding:8px 14px!important;
}
.ngv-info[b-kegh3ah1sq]{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
}
.ngv-info strong[b-kegh3ah1sq]{
    font-size:14px!important;
    white-space:normal!important;
}
.ngv-info span[b-kegh3ah1sq]{
    font-size:12px!important;
    font-weight:850!important;
    white-space:nowrap!important;
}
.ngv-results[b-kegh3ah1sq]{
    justify-content:center!important;
    min-width:180px!important;
}
.ngv-ball[b-kegh3ah1sq],.ngv-rev[b-kegh3ah1sq]{
    width:38px!important;
    height:38px!important;
    font-size:14px!important;
}
@media(max-width:600px){
    .ngv-page[b-kegh3ah1sq]{padding:10px!important}
    .ngv-row[b-kegh3ah1sq]{grid-template-columns:minmax(0,1fr) auto!important}
    .ngv-info[b-kegh3ah1sq]{gap:7px!important;flex-wrap:wrap!important}
    .ngv-results[b-kegh3ah1sq]{min-width:90px!important}
}


/* ===== V3 - RESULTADOS CENTRADOS EN TODA LA FILA ===== */
.ngv-row[b-kegh3ah1sq]{
    grid-template-columns:minmax(0,1fr) minmax(180px,300px) minmax(0,1fr)!important;
}
.ngv-info[b-kegh3ah1sq]{
    grid-column:1!important;
}
.ngv-results[b-kegh3ah1sq]{
    grid-column:2!important;
    justify-self:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
}
@media(max-width:600px){
    .ngv-row[b-kegh3ah1sq]{
        grid-template-columns:minmax(0,1fr) auto!important;
    }
    .ngv-info[b-kegh3ah1sq]{grid-column:1!important}
    .ngv-results[b-kegh3ah1sq]{
        grid-column:2!important;
        width:auto!important;
        justify-self:center!important;
    }
}


/* ===== V4 - DOS COLUMNAS ALINEADAS A LA IZQUIERDA ===== */
.ngv-row[b-kegh3ah1sq]{
    display:grid!important;
    grid-template-columns:minmax(250px,420px) auto!important;
    justify-content:start!important;
    align-items:center!important;
    column-gap:3cm!important;
}
.ngv-info[b-kegh3ah1sq]{
    grid-column:1!important;
    justify-self:start!important;
    width:auto!important;
}
.ngv-results[b-kegh3ah1sq]{
    grid-column:2!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    width:auto!important;
    min-width:0!important;
}
@media(max-width:850px){
    .ngv-row[b-kegh3ah1sq]{
        grid-template-columns:minmax(210px,1fr) auto!important;
        column-gap:28px!important;
    }
}
@media(max-width:600px){
    .ngv-row[b-kegh3ah1sq]{
        grid-template-columns:minmax(170px,1fr) auto!important;
        column-gap:14px!important;
    }
}
/* /Components/Pages/PremiosAdmin.razor.rz.scp.css */
.pa-page[b-2vw9u3zemz]{
    min-height:100%;
    padding:20px;
    background:#f4f7fb;
    color:#172033;
    font-family:Inter,"Segoe UI",Arial,sans-serif
}
.pa-header[b-2vw9u3zemz]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:22px 25px;
    border:1px solid #dfe7f2;
    border-radius:16px;
    background:#fff;
    box-shadow:0 6px 18px rgba(20,52,94,.05)
}
.pa-header>div:first-child>span[b-2vw9u3zemz],
.pa-card-title span[b-2vw9u3zemz],
.pa-modal header span[b-2vw9u3zemz]{
    color:#1769e8;
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em
}
.pa-header h1[b-2vw9u3zemz]{margin:4px 0;font-size:34px}
.pa-header p[b-2vw9u3zemz]{margin:0;color:#70819a;font-size:16px}
.pa-view-tabs[b-2vw9u3zemz]{
    display:flex;
    gap:6px;
    padding:5px;
    border-radius:11px;
    background:#edf2f7
}
.pa-view-tabs button[b-2vw9u3zemz]{
    min-height:44px;
    padding:0 19px;
    border:0;
    border-radius:8px;
    color:#52657f;
    background:transparent;
    font-size:13px;
    font-weight:950;
    cursor:pointer
}
.pa-view-tabs button.active[b-2vw9u3zemz]{
    color:#fff;
    background:#1769e8
}
.pa-message[b-2vw9u3zemz]{
    margin-top:13px;
    padding:13px 16px;
    border-radius:10px;
    font-size:15px;
    font-weight:850
}
.pa-message.success[b-2vw9u3zemz]{color:#166534;background:#dcfce7}
.pa-message.error[b-2vw9u3zemz]{color:#991b1b;background:#fee2e2}
.pa-filters[b-2vw9u3zemz]{
    display:flex;
    align-items:end;
    gap:11px;
    margin:15px 0;
    padding:15px 17px;
    border:1px solid #dfe7f2;
    border-radius:13px;
    background:#fff
}
.pa-filters label[b-2vw9u3zemz]{
    display:grid;
    gap:6px;
    min-width:165px
}
.pa-filters label>span[b-2vw9u3zemz]{
    color:#617188;
    font-size:11px;
    font-weight:900
}
.pa-filters input[type=date][b-2vw9u3zemz],
.pa-filters select[b-2vw9u3zemz]{
    height:44px;
    padding:0 11px;
    border:1px solid #c8d4e3;
    border-radius:8px;
    color:#23364f;
    background:#fff;
    font-size:14px;
    font-weight:750
}
.pa-filters .pa-seller[b-2vw9u3zemz]{min-width:280px;flex:1}
.pa-check[b-2vw9u3zemz]{
    display:flex!important;
    min-width:auto!important;
    height:44px;
    align-items:center;
    gap:8px;
    padding:0 11px;
    border:1px solid #dce4ee;
    border-radius:8px;
    background:#f8fafc
}
.pa-refresh[b-2vw9u3zemz]{
    height:44px;
    padding:0 17px;
    border:0;
    border-radius:8px;
    color:#fff;
    background:#1769e8;
    font-size:12px;
    font-weight:950;
    cursor:pointer
}
.pa-refresh:disabled[b-2vw9u3zemz]{opacity:.45;cursor:not-allowed}
.pa-summary[b-2vw9u3zemz]{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
    margin-bottom:15px
}
.pa-summary article[b-2vw9u3zemz]{
    display:grid;
    gap:5px;
    padding:16px 17px;
    border:1px solid #dfe7f2;
    border-radius:12px;
    background:#fff
}
.pa-summary span[b-2vw9u3zemz]{
    color:#74849a;
    font-size:11px;
    font-weight:900
}
.pa-summary strong[b-2vw9u3zemz]{font-size:24px}
.pa-summary small[b-2vw9u3zemz]{color:#617188;font-size:12px;font-weight:800}
.pa-summary .expired strong[b-2vw9u3zemz]{color:#be123c}
.pa-summary .total[b-2vw9u3zemz]{border-color:#b9d5f6;background:#f4f9ff}
.pa-card[b-2vw9u3zemz]{
    overflow:hidden;
    border:1px solid #dfe7f2;
    border-radius:15px;
    background:#fff;
    box-shadow:0 6px 18px rgba(20,52,94,.05)
}
.pa-card-title[b-2vw9u3zemz]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:18px 20px;
    border-bottom:1px solid #e8edf4;
    background:#fbfcfe
}
.pa-card-title h2[b-2vw9u3zemz]{margin:4px 0 0;font-size:23px}
.pa-card-title small[b-2vw9u3zemz]{display:block;margin-top:4px;color:#6b7b92}
.pa-visible-count[b-2vw9u3zemz]{color:#1769e8;font-size:15px}
.pa-empty[b-2vw9u3zemz]{
    display:grid;
    min-height:250px;
    place-items:center;
    align-content:center;
    padding:35px;
    color:#70819a;
    text-align:center
}
.pa-draw-block+ .pa-draw-block[b-2vw9u3zemz]{border-top:4px solid #e7edf5}
.pa-draw-head[b-2vw9u3zemz]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:14px 17px;
    border-bottom:1px solid #e5ebf2;
    background:#eef5ff
}
.pa-draw-head>div:first-child[b-2vw9u3zemz]{display:grid;gap:3px}
.pa-draw-head strong[b-2vw9u3zemz]{font-size:18px;color:#15365f}
.pa-draw-head span[b-2vw9u3zemz]{color:#64748b;font-size:12px}
.pa-draw-total[b-2vw9u3zemz]{
    display:grid;
    gap:2px;
    color:#5b21b6;
    font-size:18px;
    font-weight:950;
    text-align:right
}
.pa-draw-total small[b-2vw9u3zemz]{color:#64748b;font-size:11px}
.pa-table-wrap[b-2vw9u3zemz]{overflow:auto}
.pa-table[b-2vw9u3zemz]{
    width:100%;
    min-width:1250px;
    border-collapse:collapse
}
.pa-table th[b-2vw9u3zemz]{
    padding:13px 12px;
    color:#64748b;
    background:#f7f9fc;
    font-size:11px;
    font-weight:950;
    text-align:left;
    white-space:nowrap
}
.pa-table td[b-2vw9u3zemz]{
    padding:14px 12px;
    border-top:1px solid #edf1f6;
    font-size:14px;
    vertical-align:middle
}
.pa-table td small[b-2vw9u3zemz]{
    display:block;
    margin-top:3px;
    color:#718096;
    font-size:11px
}
.pa-ticket[b-2vw9u3zemz]{color:#15365f;font-size:16px;font-weight:950}
.pa-money[b-2vw9u3zemz]{color:#5b21b6;font-size:17px!important;font-weight:950;white-space:nowrap}
.nowrap[b-2vw9u3zemz]{white-space:nowrap}
.row-expired[b-2vw9u3zemz]{background:#fff1f2}
.row-returned[b-2vw9u3zemz]{background:#fff9ed}
.pa-results[b-2vw9u3zemz]{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.pa-ball[b-2vw9u3zemz],.pa-ball-type[b-2vw9u3zemz]{
    display:inline-flex;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-family:"Arial Black",Arial,sans-serif;
    font-size:15px;
    font-weight:900
}
.pa-ball[b-2vw9u3zemz]{
    color:#102e5c;
    border:2px solid #84b5ee;
    background:radial-gradient(circle at 35% 25%,#fff,#dcecff)
}
.pa-ball-type.white[b-2vw9u3zemz]{
    color:#111;
    border:2px solid #111;
    background:#fff
}
.pa-ball-type.red[b-2vw9u3zemz]{
    color:#fff;
    border:2px solid #b20d1c;
    background:radial-gradient(circle at 35% 25%,#ff7c85,#d51e2e)
}
.pa-status[b-2vw9u3zemz]{
    display:inline-flex;
    min-width:96px;
    justify-content:center;
    padding:7px 10px;
    border-radius:8px;
    font-size:11px;
    font-weight:950
}
.pa-status.pending[b-2vw9u3zemz]{color:#7a5410;background:#fff3c4;border:1px solid #f3d47a}
.pa-status.paid[b-2vw9u3zemz]{color:#166534;background:#dcfce7;border:1px solid #a7e7bd}
.pa-status.expired[b-2vw9u3zemz]{color:#fff;background:#dc2626;border:1px solid #b91c1c}
.pa-status.returned[b-2vw9u3zemz]{color:#92400e;background:#ffedd5;border:1px solid #fdba74}
.pa-status.withdrawn[b-2vw9u3zemz]{color:#4338ca;background:#e0e7ff;border:1px solid #a5b4fc}
.pa-status.other[b-2vw9u3zemz]{color:#475569;background:#eef2f7}
.pa-actions[b-2vw9u3zemz]{display:flex;gap:6px;white-space:nowrap}
.pa-actions button[b-2vw9u3zemz]{
    min-height:36px;
    padding:0 10px;
    border:0;
    border-radius:7px;
    color:#fff;
    font-size:10px;
    font-weight:950;
    cursor:pointer
}
.pa-actions .view[b-2vw9u3zemz]{background:#1769e8}
.pa-actions .state[b-2vw9u3zemz]{background:#7c3aed}
.pa-backdrop[b-2vw9u3zemz]{
    position:fixed;
    inset:0;
    z-index:8000;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(15,23,42,.68);
    backdrop-filter:blur(3px)
}
.pa-modal[b-2vw9u3zemz]{
    width:min(720px,97vw);
    max-height:95vh;
    overflow:hidden;
    border:1px solid #d4deeb;
    border-radius:18px;
    background:#fff;
    box-shadow:0 30px 85px rgba(15,23,42,.40)
}
.pa-modal header[b-2vw9u3zemz]{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:20px 22px;
    border-bottom:1px solid #e6ebf2
}
.pa-modal header h2[b-2vw9u3zemz]{margin:4px 0;font-size:25px}
.pa-modal header p[b-2vw9u3zemz]{margin:0;color:#728299;font-size:14px}
.pa-x[b-2vw9u3zemz]{
    display:grid;
    width:40px;
    height:40px;
    place-items:center;
    border:0;
    border-radius:50%;
    color:#fff;
    background:#dc2626;
    font-size:26px;
    cursor:pointer
}
.pa-modal-body[b-2vw9u3zemz]{display:grid;gap:16px;padding:20px}
.pa-prize-summary[b-2vw9u3zemz]{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px
}
.pa-prize-summary>div[b-2vw9u3zemz]{
    display:grid;
    gap:5px;
    padding:13px;
    border:1px solid #e2e8f0;
    border-radius:10px;
    background:#f8fafc
}
.pa-prize-summary span[b-2vw9u3zemz],.pa-field>span[b-2vw9u3zemz]{
    color:#64748b;
    font-size:11px;
    font-weight:900
}
.pa-prize-summary strong[b-2vw9u3zemz]{font-size:14px}
.pa-prize-summary .amount[b-2vw9u3zemz]{color:#6d28d9;font-size:19px}
.pa-field[b-2vw9u3zemz]{display:grid;gap:7px}
.pa-field select[b-2vw9u3zemz],.pa-field textarea[b-2vw9u3zemz]{
    width:100%;
    border:1px solid #b9cee8;
    border-radius:9px;
    color:#102e5c;
    background:#fff;
    font-size:15px;
    font-weight:750
}
.pa-field select[b-2vw9u3zemz]{height:48px;padding:0 12px}
.pa-field textarea[b-2vw9u3zemz]{min-height:90px;padding:12px;resize:vertical}
.pa-warning[b-2vw9u3zemz]{
    padding:12px 14px;
    border:1px solid #f4cc7a;
    border-radius:9px;
    color:#7a5410;
    background:#fff8e8;
    font-size:12px
}
.pa-modal footer[b-2vw9u3zemz]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:16px 20px;
    border-top:1px solid #e6ebf2;
    background:#fbfcfe
}
.pa-modal footer.single[b-2vw9u3zemz]{grid-template-columns:1fr}
.pa-modal footer button[b-2vw9u3zemz]{
    height:48px;
    border:0;
    border-radius:9px;
    color:#fff;
    font-size:13px;
    font-weight:950;
    cursor:pointer
}
.pa-modal footer .close[b-2vw9u3zemz]{background:#64748b}
.pa-modal footer .confirm[b-2vw9u3zemz]{background:#7c3aed}
.pa-modal footer button:disabled[b-2vw9u3zemz]{opacity:.45;cursor:not-allowed}
.ticket-modal[b-2vw9u3zemz]{width:min(500px,97vw)}
.pa-ticket-preview-wrap[b-2vw9u3zemz]{
    display:flex;
    justify-content:center;
    max-height:74vh;
    overflow:auto;
    padding:10px;
    background:#d8dde4
}
.pa-ticket-preview[b-2vw9u3zemz]{
    width:350px;
    min-height:700px;
    border:1px solid #aeb6c0;
    background:#fff;
    box-shadow:0 4px 14px rgba(15,23,42,.2)
}
@media(max-width:1150px){
    .pa-summary[b-2vw9u3zemz]{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
    .pa-header[b-2vw9u3zemz]{align-items:stretch;flex-direction:column}
    .pa-filters[b-2vw9u3zemz]{align-items:stretch;flex-direction:column}
    .pa-filters label[b-2vw9u3zemz],.pa-filters .pa-seller[b-2vw9u3zemz]{min-width:0;width:100%}
    .pa-summary[b-2vw9u3zemz]{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .pa-page[b-2vw9u3zemz]{padding:10px}
    .pa-summary[b-2vw9u3zemz]{grid-template-columns:1fr}
    .pa-prize-summary[b-2vw9u3zemz]{grid-template-columns:1fr}
    .pa-modal footer[b-2vw9u3zemz]{grid-template-columns:1fr}
}


/* GENERAL: SOLO PENDIENTES Y VENCIDOS */
.pa-general-filter-note[b-2vw9u3zemz]{
    display:flex;
    flex:1;
    min-height:44px;
    align-items:center;
    gap:12px;
    padding:9px 13px;
    border:1px solid #bfd7f5;
    border-radius:9px;
    background:#f3f8ff
}
.pa-general-filter-note strong[b-2vw9u3zemz]{
    color:#1769e8;
    font-size:12px;
    font-weight:950;
    white-space:nowrap
}
.pa-general-filter-note span[b-2vw9u3zemz]{
    color:#52657f;
    font-size:13px;
    font-weight:700
}
.pa-summary.general-two[b-2vw9u3zemz]{
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.pa-summary .pending-card[b-2vw9u3zemz]{
    border-color:#edd88f;
    background:#fffdf5
}
.pa-summary .pending-card strong[b-2vw9u3zemz]{
    color:#9a6700
}
.pa-state-block + .pa-state-block[b-2vw9u3zemz]{
    border-top:5px solid #e4eaf2
}
.pa-state-head[b-2vw9u3zemz]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:16px 18px;
    border-bottom:1px solid #dfe7f2
}
.pa-state-head>div:first-child[b-2vw9u3zemz]{
    display:grid;
    gap:3px
}
.pa-state-head strong[b-2vw9u3zemz]{
    font-size:20px;
    font-weight:950
}
.pa-state-head span[b-2vw9u3zemz]{
    color:#66778f;
    font-size:12px;
    font-weight:750
}
.pending-block .pa-state-head[b-2vw9u3zemz]{background:#fff9df}
.pending-block .pa-state-head strong[b-2vw9u3zemz]{color:#8a5c00}
.expired-block .pa-state-head[b-2vw9u3zemz]{background:#fff0f2}
.expired-block .pa-state-head strong[b-2vw9u3zemz]{color:#b91c1c}
@media(max-width:850px){
    .pa-summary.general-two[b-2vw9u3zemz]{grid-template-columns:1fr}
    .pa-general-filter-note[b-2vw9u3zemz]{
        align-items:flex-start;
        flex-direction:column
    }
}

.pa-actions .state:disabled[b-2vw9u3zemz]{
    opacity:.35;
    cursor:not-allowed;
    filter:grayscale(.35)
}

/* AJUSTE VISUAL: botones debajo del titulo */
.pa-header[b-2vw9u3zemz]{align-items:flex-start}.pa-header>div:first-child[b-2vw9u3zemz]{width:100%}.pa-view-tabs[b-2vw9u3zemz]{width:max-content;margin-top:12px}
/* /Components/Pages/PremiosVendedor.razor.rz.scp.css */
.pv-page[b-kli2ohqdly]{
    min-height:100%;
    padding:20px;
    background:#f4f7fb;
    color:#172033;
    font-family:Inter,"Segoe UI",Arial,sans-serif
}
.pv-header[b-kli2ohqdly]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:22px 25px;
    border:1px solid #dfe7f2;
    border-radius:16px;
    background:#fff;
    box-shadow:0 6px 18px rgba(20,52,94,.05)
}
.pv-header>div:first-child>span[b-kli2ohqdly],
.pv-card-title>div>span[b-kli2ohqdly],
.pv-modal header span[b-kli2ohqdly]{
    color:#1769e8;
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em
}
.pv-header h1[b-kli2ohqdly]{margin:4px 0;font-size:34px}
.pv-header p[b-kli2ohqdly]{margin:0;color:#70819a;font-size:16px}
.pv-header-actions[b-kli2ohqdly]{display:flex;align-items:center;gap:10px}
.pv-header-actions button[b-kli2ohqdly]{
    min-height:46px;
    padding:0 17px;
    border-radius:10px;
    font-size:13px;
    font-weight:900;
    cursor:pointer
}
.pv-other[b-kli2ohqdly]{
    border:0;
    color:#fff;
    background:#16864d
}
.pv-other:disabled[b-kli2ohqdly]{
    opacity:.38;
    cursor:not-allowed
}
.pv-refresh[b-kli2ohqdly]{
    border:1px solid #bdd3ef;
    color:#155dc5;
    background:#f5f9ff
}
.pv-message[b-kli2ohqdly]{
    margin-top:13px;
    padding:13px 16px;
    border-radius:10px;
    font-size:15px;
    font-weight:850
}
.pv-message.success[b-kli2ohqdly]{color:#166534;background:#dcfce7}
.pv-message.error[b-kli2ohqdly]{color:#991b1b;background:#fee2e2}
.pv-summary[b-kli2ohqdly]{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:16px 0
}
.pv-summary article[b-kli2ohqdly]{
    display:grid;
    gap:8px;
    padding:18px 20px;
    border:1px solid #dfe7f2;
    border-radius:13px;
    background:#fff
}
.pv-summary span[b-kli2ohqdly]{
    color:#74849a;
    font-size:12px;
    font-weight:850;
    text-transform:uppercase
}
.pv-summary strong[b-kli2ohqdly]{font-size:28px}
.pv-summary .danger[b-kli2ohqdly]{color:#be123c}
.pv-tabs[b-kli2ohqdly]{
    display:flex;
    gap:8px;
    margin-bottom:14px;
    padding:5px;
    border:1px solid #dfe7f2;
    border-radius:12px;
    background:#fff
}
.pv-tabs button[b-kli2ohqdly]{
    min-height:47px;
    padding:0 20px;
    border:0;
    border-radius:9px;
    color:#52657f;
    background:transparent;
    font-size:15px;
    font-weight:900;
    cursor:pointer
}
.pv-tabs button.active[b-kli2ohqdly]{
    color:#155dc5;
    background:#eaf3ff
}
.pv-tabs b[b-kli2ohqdly]{
    display:inline-grid;
    min-width:25px;
    height:25px;
    place-items:center;
    margin-left:8px;
    border-radius:999px;
    color:#fff;
    background:#1769e8
}
.pv-card[b-kli2ohqdly]{
    overflow:hidden;
    border:1px solid #dfe7f2;
    border-radius:15px;
    background:#fff;
    box-shadow:0 6px 18px rgba(20,52,94,.05)
}
.pv-card-title[b-kli2ohqdly]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px 20px;
    border-bottom:1px solid #e8edf4;
    background:#fbfcfe
}
.pv-card-title h2[b-kli2ohqdly]{margin:4px 0 0;font-size:23px}
.pv-order[b-kli2ohqdly],
.pv-card-title.history label[b-kli2ohqdly]{
    display:flex;
    align-items:center;
    gap:9px;
    color:#53657e;
    font-size:13px;
    font-weight:850
}
.pv-order select[b-kli2ohqdly],
.pv-card-title.history input[b-kli2ohqdly]{
    height:42px;
    padding:0 11px;
    border:1px solid #cad6e5;
    border-radius:8px;
    background:#fff;
    font:inherit
}
.pv-table-wrap[b-kli2ohqdly]{overflow:auto}
.pv-table[b-kli2ohqdly]{
    width:100%;
    min-width:1180px;
    border-collapse:collapse
}
.pv-table th[b-kli2ohqdly]{
    padding:13px 12px;
    color:#64748b;
    background:#f7f9fc;
    font-size:12px;
    font-weight:900;
    text-align:left;
    text-transform:uppercase;
    white-space:nowrap
}
.pv-table td[b-kli2ohqdly]{
    padding:14px 12px;
    border-top:1px solid #edf1f6;
    font-size:15px;
    vertical-align:middle
}
.pv-table td small[b-kli2ohqdly]{
    display:block;
    margin-top:3px;
    color:#718096;
    font-size:12px
}
.pv-ticket[b-kli2ohqdly]{
    color:#15365f;
    font-size:17px;
    font-weight:950
}
.pv-money[b-kli2ohqdly]{
    color:#5b21b6;
    font-size:17px!important;
    font-weight:950;
    white-space:nowrap
}
.nowrap[b-kli2ohqdly]{white-space:nowrap}
.row-warning[b-kli2ohqdly]{background:#fff7f7}
.row-expired[b-kli2ohqdly]{background:#fff1f2}
.pv-status[b-kli2ohqdly]{
    display:inline-flex;
    min-width:95px;
    justify-content:center;
    padding:8px 11px;
    border-radius:9px;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase
}
.pv-status.pending[b-kli2ohqdly]{
    color:#111827;
    border:1px solid #f3d47a;
    background:#fff3c4
}
.pv-status.last-day[b-kli2ohqdly]{
    color:#7f1d1d;
    border:1px solid #f8b4b4;
    background:#fee2e2
}
.pv-status.expired[b-kli2ohqdly]{
    color:#fff;
    border:1px solid #b91c1c;
    background:#dc2626
}
.pv-status.paid[b-kli2ohqdly]{
    color:#166534;
    border:1px solid #a7e7bd;
    background:#dcfce7
}
.pv-pay[b-kli2ohqdly]{
    min-width:82px;
    height:39px;
    border:0;
    border-radius:8px;
    color:#fff;
    background:#16864d;
    font-size:12px;
    font-weight:950;
    cursor:pointer
}
.pv-pay:disabled[b-kli2ohqdly]{
    color:#8b95a5;
    background:#e4e8ee;
    cursor:not-allowed
}
.pv-results[b-kli2ohqdly]{
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
    min-width:96px
}
.pv-ball[b-kli2ohqdly],
.pv-ball-type[b-kli2ohqdly]{
    display:grid;
    width:44px;
    height:44px;
    flex:0 0 44px;
    place-items:center;
    border-radius:50%;
    font-family:"Arial Black",Arial,sans-serif;
    font-size:16px;
    font-weight:900;
    line-height:1
}

/* Número ganador: mismo estilo azul de Números Ganadores */
.pv-ball[b-kli2ohqdly]{
    color:#102e5c;
    border:2px solid #84b5ee;
    background:radial-gradient(circle at 35% 25%,#ffffff,#dcecff);
    box-shadow:0 2px 5px rgba(23,105,232,.10)
}

/* Bolita Blanca */
.pv-ball-type.white[b-kli2ohqdly]{
    color:#172033;
    border:2px solid #cfd8e5;
    background:#ffffff;
    box-shadow:0 2px 5px rgba(15,23,42,.08)
}

/* Bolita Reventada */
.pv-ball-type.red[b-kli2ohqdly]{
    color:#ffffff;
    border:2px solid #a80f1c;
    background:radial-gradient(circle at 35% 25%,#ff7c85,#cf1727);
    box-shadow:0 2px 5px rgba(207,23,39,.16)
}
.pv-empty[b-kli2ohqdly]{
    display:grid;
    min-height:250px;
    place-items:center;
    align-content:center;
    padding:35px;
    color:#70819a;
    text-align:center
}
.pv-empty strong[b-kli2ohqdly]{color:#315a8f;font-size:17px}
.pv-empty p[b-kli2ohqdly]{margin:7px 0}

.pv-backdrop[b-kli2ohqdly]{
    position:fixed;
    inset:0;
    z-index:7000;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(15,23,42,.68);
    backdrop-filter:blur(3px)
}
.pv-modal[b-kli2ohqdly]{
    width:min(720px,97vw);
    max-height:95vh;
    overflow:auto;
    border:1px solid #d4deeb;
    border-radius:18px;
    background:#fff;
    box-shadow:0 30px 85px rgba(15,23,42,.40)
}
.pv-modal.other-modal[b-kli2ohqdly]{width:min(820px,97vw)}
.pv-modal header[b-kli2ohqdly]{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:20px 22px;
    border-bottom:1px solid #e6ebf2
}
.pv-modal header h2[b-kli2ohqdly]{margin:4px 0;font-size:25px}
.pv-modal header p[b-kli2ohqdly]{margin:0;color:#728299;font-size:14px}
.pv-x[b-kli2ohqdly]{
    display:grid;
    width:40px;
    height:40px;
    flex:0 0 40px;
    place-items:center;
    border:0;
    border-radius:50%;
    color:#fff;
    background:#dc2626;
    font-size:26px;
    cursor:pointer
}
.pv-modal-body[b-kli2ohqdly]{display:grid;gap:16px;padding:20px}
.pv-prize-info[b-kli2ohqdly]{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}
.pv-prize-info>div[b-kli2ohqdly]{
    display:grid;
    gap:6px;
    padding:14px;
    border:1px solid #e2e8f0;
    border-radius:11px;
    background:#f8fafc
}
.pv-prize-info span[b-kli2ohqdly],
.pv-owner span[b-kli2ohqdly],
.pv-validation-box label>span[b-kli2ohqdly],
.pv-other-fields label>span[b-kli2ohqdly]{
    color:#64748b;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase
}
.pv-prize-info strong[b-kli2ohqdly]{font-size:15px}
.pv-prize-info .amount[b-kli2ohqdly]{
    color:#6d28d9;
    font-size:21px
}
.pv-validation-box[b-kli2ohqdly]{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:10px;
    padding:16px;
    border:1px solid #c7d7ea;
    border-radius:12px;
    background:#f8fbff
}
.pv-validation-box label[b-kli2ohqdly],
.pv-other-fields label[b-kli2ohqdly]{
    display:grid;
    gap:7px
}
.pv-validation-box input[b-kli2ohqdly],
.pv-other-fields input[b-kli2ohqdly]{
    width:100%;
    height:50px;
    padding:0 14px;
    border:2px solid #b9cee8;
    border-radius:10px;
    color:#102e5c;
    background:#fff;
    font-size:18px;
    font-weight:800;
    outline:none
}
.pv-validation-box input:focus[b-kli2ohqdly],
.pv-other-fields input:focus[b-kli2ohqdly]{
    border-color:#1769e8;
    box-shadow:0 0 0 3px rgba(23,105,232,.12)
}
.pv-scan[b-kli2ohqdly]{
    height:50px;
    padding:0 15px;
    border:0;
    border-radius:9px;
    color:#fff;
    background:#1769e8;
    font-size:12px;
    font-weight:900;
    cursor:pointer
}
.pv-scan.big[b-kli2ohqdly]{height:50px;align-self:end}
.pv-validation-state[b-kli2ohqdly]{
    padding:12px 14px;
    border-radius:9px;
    font-size:13px;
    font-weight:850
}
.pv-validation-state.checking[b-kli2ohqdly]{
    color:#155dc5;
    background:#eaf3ff
}
.pv-validation-state.ok[b-kli2ohqdly]{
    color:#166534;
    background:#dcfce7
}
.pv-validation-state.bad[b-kli2ohqdly]{
    color:#991b1b;
    background:#fee2e2
}
.pv-modal footer[b-kli2ohqdly]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:16px 20px;
    border-top:1px solid #e6ebf2;
    background:#fbfcfe
}
.pv-modal footer button[b-kli2ohqdly]{
    height:48px;
    border:0;
    border-radius:9px;
    font-size:13px;
    font-weight:950;
    cursor:pointer
}
.pv-close[b-kli2ohqdly]{
    color:#fff;
    background:#64748b
}
.pv-confirm[b-kli2ohqdly]{
    color:#fff;
    background:#16864d
}
.pv-confirm:disabled[b-kli2ohqdly]{
    color:#8a94a3;
    background:#dfe4ea;
    cursor:not-allowed
}
.pv-other-fields[b-kli2ohqdly]{
    display:grid;
    grid-template-columns:1fr 1.2fr auto;
    align-items:end;
    gap:10px
}
.pv-other-result[b-kli2ohqdly]{
    display:grid;
    gap:12px;
    padding-top:3px
}
.pv-owner[b-kli2ohqdly]{
    display:grid;
    gap:5px;
    padding:14px 16px;
    border:1px solid #c7d7ea;
    border-radius:11px;
    background:#eef6ff
}
.pv-owner strong[b-kli2ohqdly]{
    color:#15365f;
    font-size:19px
}
.pv-scanner[b-kli2ohqdly]{
    display:grid;
    gap:10px;
    padding:12px;
    border:1px solid #cbd5e1;
    border-radius:12px;
    background:#0f172a
}
.pv-scanner-head[b-kli2ohqdly]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#fff
}
.pv-scanner-head button[b-kli2ohqdly]{
    height:34px;
    padding:0 10px;
    border:0;
    border-radius:7px;
    color:#fff;
    background:#475569;
    font-size:11px;
    font-weight:850;
    cursor:pointer
}
.pv-video-wrap[b-kli2ohqdly]{
    position:relative;
    overflow:hidden;
    min-height:260px;
    border-radius:10px;
    background:#020617
}
.pv-video-wrap video[b-kli2ohqdly]{
    display:block;
    width:100%;
    height:320px;
    object-fit:cover
}
.pv-scan-frame[b-kli2ohqdly]{
    position:absolute;
    inset:50% auto auto 50%;
    width:min(240px,70%);
    aspect-ratio:1;
    transform:translate(-50%,-50%);
    border:3px solid #22c55e;
    border-radius:16px;
    box-shadow:0 0 0 9999px rgba(0,0,0,.25)
}

@media(max-width:1000px){
    .pv-header[b-kli2ohqdly]{align-items:stretch;flex-direction:column}
    .pv-header-actions[b-kli2ohqdly]{justify-content:flex-end}
    .pv-summary[b-kli2ohqdly]{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
    .pv-page[b-kli2ohqdly]{padding:10px}
    .pv-header-actions[b-kli2ohqdly]{align-items:stretch;flex-direction:column}
    .pv-summary[b-kli2ohqdly]{grid-template-columns:1fr}
    .pv-card-title[b-kli2ohqdly]{align-items:stretch;flex-direction:column}
    .pv-prize-info[b-kli2ohqdly]{grid-template-columns:1fr}
    .pv-validation-box[b-kli2ohqdly]{grid-template-columns:1fr}
    .pv-other-fields[b-kli2ohqdly]{grid-template-columns:1fr}
    .pv-modal footer[b-kli2ohqdly]{grid-template-columns:1fr}
}


/* Validación manual del código de premio */
.pv-validation-actions[b-kli2ohqdly]{
    display:flex;
    align-items:stretch;
    gap:7px;
}
.pv-validate[b-kli2ohqdly]{
    min-width:118px;
    height:50px;
    padding:0 18px;
    border:0;
    border-radius:9px;
    color:#fff;
    background:#16864d;
    font-size:12px;
    font-weight:950;
    cursor:pointer
}
.pv-validate:disabled[b-kli2ohqdly]{
    color:#8a94a3;
    background:#dfe4ea;
    cursor:not-allowed
}
.pv-qr-mini[b-kli2ohqdly]{
    width:50px;
    height:50px;
    border:1px solid #b9cee8;
    border-radius:9px;
    color:#1769e8;
    background:#eef6ff;
    font-size:20px;
    font-weight:950;
    cursor:pointer
}
.pv-qr-mini:hover[b-kli2ohqdly]{
    background:#dcecff
}
@media(max-width:720px){
    .pv-validation-actions[b-kli2ohqdly]{
        display:grid;
        grid-template-columns:1fr 52px;
    }
    .pv-validate[b-kli2ohqdly]{
        width:100%;
    }
}


/* V6 - QR visible y escáner persistente */
.pv-scanner[b-kli2ohqdly]{
    min-height:170px;
}
.pv-scanner .pv-validation-state.bad[b-kli2ohqdly]{
    margin-top:4px;
    font-size:14px;
}
.pv-video-wrap[b-kli2ohqdly]{
    min-height:260px;
}


/* V7 - un solo campo para código manual o lector QR */
.pv-validation-box.single-input[b-kli2ohqdly]{
    grid-template-columns:minmax(0,1fr) auto;
}
.pv-validation-box.single-input input[b-kli2ohqdly]::placeholder{
    color:#7b8da5;
    font-weight:700;
}
@media(max-width:720px){
    .pv-validation-box.single-input[b-kli2ohqdly]{
        grid-template-columns:1fr;
    }
}
/* /Components/Pages/ReportesAdmin.razor.rz.scp.css */
.ra-page[b-sebpwye4nw]{padding:18px;background:#f3f7fc;min-height:100%;font-family:Inter,"Segoe UI",Arial;color:#17355f}.ra-header[b-sebpwye4nw]{padding:21px 23px;background:#fff;border:1px solid #dfe8f4;border-radius:14px;margin-bottom:12px}.ra-header span[b-sebpwye4nw]{font-size:11px;font-weight:950;color:#1769e8}.ra-header h1[b-sebpwye4nw]{font-size:29px;margin:4px 0}.ra-header p[b-sebpwye4nw]{font-size:14px;color:#718096;margin:0}.ra-panel[b-sebpwye4nw]{background:#fff;border:1px solid #dfe8f4;border-radius:12px;overflow:hidden}.ra-filtros[b-sebpwye4nw]{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px 16px;margin-bottom:12px}.ra-filtros label[b-sebpwye4nw]{display:grid;gap:5px}.ra-filtros label span[b-sebpwye4nw]{font-size:10px;font-weight:950;color:#718096}.ra-filtros input[b-sebpwye4nw],.ra-filtros select[b-sebpwye4nw]{height:46px;min-width:155px;padding:0 10px;border:1px solid #cbd8e8;border-radius:8px;font-size:14px}.ra-filtros .usuario select[b-sebpwye4nw]{min-width:260px}.ra-filtros button[b-sebpwye4nw]{height:46px;padding:0 17px;border:0;border-radius:8px;font-size:11px;font-weight:950;cursor:pointer}.buscar[b-sebpwye4nw]{background:#1769e8;color:#fff}.generar[b-sebpwye4nw]{background:#15803d;color:#fff}.ra-alert[b-sebpwye4nw]{padding:12px 15px;margin-bottom:12px;border-radius:9px;font-size:13px;font-weight:850}.ra-alert.error[b-sebpwye4nw]{background:#fee2e2;color:#991b1b}.ra-alert.ok[b-sebpwye4nw]{background:#dcfce7;color:#166534}.ra-cajas[b-sebpwye4nw],.ra-totales[b-sebpwye4nw]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-bottom:12px}.ra-cajas>div[b-sebpwye4nw],.ra-totales>div[b-sebpwye4nw]{display:grid;gap:5px;padding:14px 16px;background:#fff;border:1px solid #dfe8f4;border-radius:11px}.ra-cajas span[b-sebpwye4nw],.ra-totales span[b-sebpwye4nw]{font-size:10px;font-weight:950;color:#718096}.ra-cajas strong[b-sebpwye4nw],.ra-totales strong[b-sebpwye4nw]{font-size:20px}.ra-cajas small[b-sebpwye4nw]{font-size:10px;color:#8a9ab0}.ra-cajas .actual[b-sebpwye4nw]{background:#eff6ff;border-color:#bfdbfe}.ra-cajas .actual strong[b-sebpwye4nw]{color:#1769e8;font-size:23px}.ra-totales .utilidad[b-sebpwye4nw]{background:#ecfdf5;border-color:#bbf7d0}.ra-totales .utilidad strong[b-sebpwye4nw]{color:#166534}.ra-panel-title[b-sebpwye4nw]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #edf2f7}.ra-panel-title h2[b-sebpwye4nw]{margin:0;font-size:18px}.ra-panel-title p[b-sebpwye4nw]{margin:3px 0 0;font-size:12px;color:#718096}.table-wrap[b-sebpwye4nw]{overflow:auto}table[b-sebpwye4nw]{width:100%;border-collapse:collapse;min-width:1000px}th[b-sebpwye4nw]{padding:12px 13px;background:#f6f9fd;font-size:9px;color:#718096;text-align:left}td[b-sebpwye4nw]{padding:13px;border-top:1px solid #edf2f7;font-size:13px}td small[b-sebpwye4nw]{display:block;margin-top:3px;color:#8a9ab0;font-size:10px}.utilidad-cell[b-sebpwye4nw]{color:#166534;font-weight:950}.movimientos[b-sebpwye4nw]{margin-top:12px}.mov-table[b-sebpwye4nw]{min-width:760px}.positivo[b-sebpwye4nw]{color:#166534!important}.negativo[b-sebpwye4nw]{color:#b91c1c!important}.reporte-overlay[b-sebpwye4nw]{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.72);display:grid;place-items:center;padding:18px;overflow:auto}.reporte-whatsapp[b-sebpwye4nw]{width:min(880px,98vw);max-height:96vh;overflow:auto}.reporte-actions[b-sebpwye4nw]{display:flex;justify-content:flex-end;margin-bottom:7px}.reporte-actions button[b-sebpwye4nw]{height:38px;padding:0 15px;border:0;border-radius:7px;background:#334155;color:#fff;font-size:10px;font-weight:950}.reporte-imprimible[b-sebpwye4nw]{padding:24px;background:#fff;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.reporte-imprimible header[b-sebpwye4nw]{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:2px solid #17355f}.reporte-imprimible header span[b-sebpwye4nw]{font-size:10px;font-weight:950;color:#1769e8}.reporte-imprimible header h2[b-sebpwye4nw]{font-size:27px;margin:2px 0}.reporte-imprimible header p[b-sebpwye4nw]{margin:0;font-size:15px;font-weight:850}.reporte-imprimible .fecha[b-sebpwye4nw]{text-align:right;display:grid;gap:3px}.reporte-imprimible .fecha small[b-sebpwye4nw]{font-size:10px;color:#718096}.caja-resumen[b-sebpwye4nw]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.caja-resumen>div[b-sebpwye4nw]{display:grid;gap:4px;padding:13px;border:1px solid #dfe8f4;border-radius:9px}.caja-resumen span[b-sebpwye4nw],.resumen-financiero span[b-sebpwye4nw]{font-size:9px;font-weight:950;color:#718096}.caja-resumen strong[b-sebpwye4nw]{font-size:19px}.caja-resumen .caja-final[b-sebpwye4nw]{background:#eff6ff}.caja-resumen .caja-final strong[b-sebpwye4nw]{color:#1769e8;font-size:22px}.resumen-financiero[b-sebpwye4nw]{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:15px}.resumen-financiero>div[b-sebpwye4nw]{display:grid;gap:4px;padding:10px;border-radius:8px;background:#f8fafc}.resumen-financiero strong[b-sebpwye4nw]{font-size:15px}.reporte-imprimible h3[b-sebpwye4nw]{font-size:14px;margin:15px 0 7px}.reporte-imprimible table[b-sebpwye4nw]{min-width:0}.reporte-imprimible th[b-sebpwye4nw]{padding:8px;font-size:8px}.reporte-imprimible td[b-sebpwye4nw]{padding:8px;font-size:10px}.mov-line[b-sebpwye4nw]{display:flex;justify-content:space-between;gap:14px;padding:7px 9px;border-top:1px solid #edf2f7;font-size:10px}.reporte-imprimible footer[b-sebpwye4nw]{margin-top:14px;padding-top:9px;border-top:1px solid #dfe8f4;color:#718096;font-size:9px;text-align:center}@media(max-width:700px){.caja-resumen[b-sebpwye4nw],.resumen-financiero[b-sebpwye4nw]{grid-template-columns:1fr 1fr}.reporte-imprimible header[b-sebpwye4nw]{flex-direction:column}.reporte-imprimible .fecha[b-sebpwye4nw]{text-align:left}}
.reporte-actions[b-sebpwye4nw]{gap:7px;flex-wrap:wrap}.reporte-actions .accion-imprimir[b-sebpwye4nw]{background:#1769e8}.reporte-actions .accion-compartir[b-sebpwye4nw]{background:#16a34a}.reporte-actions .accion-guardar[b-sebpwye4nw]{background:#0f766e}.reporte-actions .accion-secundaria[b-sebpwye4nw]{background:#475569}.reporte-actions button:disabled[b-sebpwye4nw]{opacity:.55;cursor:not-allowed}@media print{body *[b-sebpwye4nw]{visibility:hidden!important}#reporteAdminImagen[b-sebpwye4nw],#reporteAdminImagen *[b-sebpwye4nw]{visibility:visible!important}#reporteAdminImagen[b-sebpwye4nw]{position:absolute!important;left:0!important;top:0!important;width:100%!important;box-shadow:none!important;border-radius:0!important}.reporte-overlay[b-sebpwye4nw],.reporte-whatsapp[b-sebpwye4nw]{position:static!important;background:#fff!important;overflow:visible!important;max-height:none!important;width:100%!important;padding:0!important}.reporte-actions[b-sebpwye4nw]{display:none!important}}


/* ==========================================================
   REPORTES ADMIN - INFORMACION MAS GRANDE Y LEGIBLE
   ========================================================== */
.ra-panel-title h2[b-sebpwye4nw]{
    font-size:22px!important;
}
.ra-panel-title p[b-sebpwye4nw]{
    font-size:14px!important;
}
.ra-panel-title>strong[b-sebpwye4nw]{
    font-size:14px!important;
}
.ra-panel table th[b-sebpwye4nw]{
    padding:15px 15px!important;
    font-size:11px!important;
    letter-spacing:.02em!important;
}
.ra-panel table td[b-sebpwye4nw]{
    padding:16px 15px!important;
    font-size:15px!important;
    line-height:1.35!important;
}
.ra-panel table td strong[b-sebpwye4nw]{
    font-size:16px!important;
}
.ra-panel table td small[b-sebpwye4nw]{
    margin-top:5px!important;
    font-size:12px!important;
}
.ra-panel .utilidad-cell[b-sebpwye4nw]{
    font-size:16px!important;
}
.ra-cajas span[b-sebpwye4nw],
.ra-totales span[b-sebpwye4nw]{
    font-size:12px!important;
}
.ra-cajas strong[b-sebpwye4nw],
.ra-totales strong[b-sebpwye4nw]{
    font-size:23px!important;
}
.ra-cajas small[b-sebpwye4nw]{
    font-size:12px!important;
}

/* CUADRO GENERADO / IMAGEN */
.reporte-imprimible[b-sebpwye4nw]{
    padding:30px!important;
}
.reporte-imprimible header span[b-sebpwye4nw]{
    font-size:12px!important;
}
.reporte-imprimible header h2[b-sebpwye4nw]{
    font-size:32px!important;
}
.reporte-imprimible header p[b-sebpwye4nw]{
    font-size:18px!important;
}
.reporte-imprimible .fecha strong[b-sebpwye4nw]{
    font-size:17px!important;
}
.reporte-imprimible .fecha small[b-sebpwye4nw]{
    font-size:12px!important;
}
.caja-resumen span[b-sebpwye4nw],
.resumen-financiero span[b-sebpwye4nw]{
    font-size:11px!important;
}
.caja-resumen strong[b-sebpwye4nw]{
    font-size:22px!important;
}
.caja-resumen .caja-final strong[b-sebpwye4nw]{
    font-size:26px!important;
}
.resumen-financiero strong[b-sebpwye4nw]{
    font-size:18px!important;
}
.reporte-imprimible h3[b-sebpwye4nw]{
    font-size:18px!important;
    margin:20px 0 10px!important;
}
.reporte-imprimible table th[b-sebpwye4nw]{
    padding:11px 10px!important;
    font-size:10px!important;
}
.reporte-imprimible table td[b-sebpwye4nw]{
    padding:11px 10px!important;
    font-size:13px!important;
    line-height:1.35!important;
}
.reporte-imprimible table td small[b-sebpwye4nw]{
    margin-top:4px!important;
    font-size:10px!important;
}
.mov-line[b-sebpwye4nw]{
    padding:10px 11px!important;
    font-size:13px!important;
}
.mov-line strong[b-sebpwye4nw]{
    font-size:14px!important;
}
.reporte-imprimible footer[b-sebpwye4nw]{
    font-size:11px!important;
}


/* =========================================================
   REPORTE SIMPLE VERTICAL - NO CAMBIA LOGICA
   ========================================================= */
.reporte-simple .rs-seccion[b-sebpwye4nw],
.reporte-simple-vendedor .rs-seccion[b-sebpwye4nw]{
    margin-top:20px;
}
.reporte-simple .rs-seccion h3[b-sebpwye4nw],
.reporte-simple-vendedor .rs-seccion h3[b-sebpwye4nw]{
    margin:0 0 8px!important;
    padding-bottom:7px;
    border-bottom:2px solid #17355f;
    font-size:17px!important;
    color:#17355f;
}
.rs-tabla[b-sebpwye4nw]{
    width:100%;
    border-collapse:collapse;
}
.rs-tabla th[b-sebpwye4nw]{
    background:#f4f7fb;
    color:#64748b;
    text-align:left;
}
.rs-tabla td[b-sebpwye4nw],
.rs-tabla th[b-sebpwye4nw]{
    border-bottom:1px solid #e6edf5;
}
.rs-tabla td small[b-sebpwye4nw],
.rs-mov small[b-sebpwye4nw]{
    display:block;
    color:#8a9ab0;
    font-size:10px;
    margin-top:2px;
}
.rs-resumen[b-sebpwye4nw]{
    margin:10px 0 0 auto;
    width:min(430px,100%);
    border-top:1px solid #dce6f1;
}
.rs-resumen>div[b-sebpwye4nw],
.rs-linea[b-sebpwye4nw]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:8px 4px;
    border-bottom:1px solid #edf2f7;
}
.rs-resumen span[b-sebpwye4nw],
.rs-linea span[b-sebpwye4nw]{
    color:#52657e;
    font-weight:800;
}
.rs-subtotal[b-sebpwye4nw]{
    border-top:2px solid #17355f!important;
    font-size:1.05em;
}
.rs-movimientos[b-sebpwye4nw]{
    border-top:1px solid #e6edf5;
}
.rs-mov[b-sebpwye4nw]{
    display:grid;
    grid-template-columns:105px 1fr auto;
    gap:14px;
    align-items:center;
    padding:9px 4px;
    border-bottom:1px solid #e6edf5;
}
.rs-mov>strong:last-child[b-sebpwye4nw]{
    min-width:95px;
    text-align:right;
}
.rs-vacio[b-sebpwye4nw]{
    padding:16px 4px;
    color:#718096;
}
.rs-cierre[b-sebpwye4nw]{
    margin-top:24px!important;
    padding:14px 16px 10px;
    border:1px solid #d7e3f1;
    border-radius:10px;
    background:#fbfdff;
}
.rs-cierre h3[b-sebpwye4nw]{
    margin-bottom:4px!important;
}
.rs-final[b-sebpwye4nw]{
    margin-top:5px;
    padding:13px 4px!important;
    border-top:2px solid #17355f!important;
    border-bottom:0!important;
}
.rs-final span[b-sebpwye4nw]{
    color:#17355f;
    font-weight:950;
}
.rs-final strong[b-sebpwye4nw]{
    color:#1769e8;
    font-size:22px;
}
.rs-cabecera-vendedor[b-sebpwye4nw]{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;
    padding-bottom:12px;
    border-bottom:2px solid #17355f;
}
.rs-cabecera-vendedor span[b-sebpwye4nw]{
    color:#1769e8;
    font-size:11px;
    font-weight:950;
}
.rs-cabecera-vendedor h2[b-sebpwye4nw]{
    margin:2px 0 0;
}
@media(max-width:760px){
    .rs-mov[b-sebpwye4nw]{
        grid-template-columns:88px 1fr auto;
        gap:8px;
        font-size:12px;
    }
    .rs-tabla[b-sebpwye4nw]{
        min-width:680px;
    }
}

/* Ajuste solicitado: totales agrupados a la izquierda */
.rs-left[b-sebpwye4nw]{width:min(520px,100%)!important;margin:10px 0 0 0!important;}
.rs-left>div[b-sebpwye4nw]{display:grid!important;grid-template-columns:270px 150px!important;justify-content:start!important;}
.rs-left-close[b-sebpwye4nw]{width:min(570px,100%)!important;margin-left:0!important;margin-right:auto!important;}
.rs-left-close .rs-linea[b-sebpwye4nw]{display:grid!important;grid-template-columns:310px 170px!important;justify-content:start!important;}
.rs-left-close .rs-linea strong[b-sebpwye4nw]{text-align:left!important;}
.reporte-simple-admin[b-sebpwye4nw]{padding:14px;}
@media(max-width:650px){
 .rs-left>div[b-sebpwye4nw],.rs-left-close .rs-linea[b-sebpwye4nw]{grid-template-columns:1fr auto!important;}
}


/* =========================================================
   REPORTE COMPACTO - TODO AGRUPADO HACIA LA IZQUIERDA
   ========================================================= */
.reporte-simple-admin[b-sebpwye4nw],
.reporte-simple-vendedor[b-sebpwye4nw],
.reporte-simple[b-sebpwye4nw]{
    width:min(920px, calc(100% - 24px))!important;
    max-width:920px!important;
    margin-left:0!important;
    margin-right:auto!important;
}

.reporte-simple-admin .rs-seccion[b-sebpwye4nw],
.reporte-simple-vendedor .rs-seccion[b-sebpwye4nw],
.reporte-simple .rs-seccion[b-sebpwye4nw]{
    width:100%!important;
}

.reporte-simple-admin .rs-tabla[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla[b-sebpwye4nw],
.reporte-simple .rs-tabla[b-sebpwye4nw]{
    width:100%!important;
    table-layout:auto!important;
}

.reporte-simple-admin .rs-tabla th[b-sebpwye4nw],
.reporte-simple-admin .rs-tabla td[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla th[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla td[b-sebpwye4nw],
.reporte-simple .rs-tabla th[b-sebpwye4nw],
.reporte-simple .rs-tabla td[b-sebpwye4nw]{
    padding:7px 9px!important;
    font-size:12px!important;
}

.reporte-simple-admin .rs-resumen[b-sebpwye4nw],
.reporte-simple-vendedor .rs-resumen[b-sebpwye4nw],
.reporte-simple .rs-resumen[b-sebpwye4nw]{
    width:min(480px,100%)!important;
    max-width:480px!important;
    margin:9px 0 0 0!important;
}

.reporte-simple-admin .rs-movimientos[b-sebpwye4nw],
.reporte-simple-vendedor .rs-movimientos[b-sebpwye4nw],
.reporte-simple .rs-movimientos[b-sebpwye4nw]{
    width:min(760px,100%)!important;
    max-width:760px!important;
}

.reporte-simple-admin .rs-mov[b-sebpwye4nw],
.reporte-simple-vendedor .rs-mov[b-sebpwye4nw],
.reporte-simple .rs-mov[b-sebpwye4nw]{
    grid-template-columns:95px minmax(280px,1fr) 105px!important;
    padding:7px 4px!important;
    font-size:12px!important;
}

.reporte-simple-admin .rs-cierre[b-sebpwye4nw],
.reporte-simple-vendedor .rs-cierre[b-sebpwye4nw],
.reporte-simple .rs-cierre[b-sebpwye4nw]{
    width:min(540px,100%)!important;
    max-width:540px!important;
    margin-left:0!important;
    margin-right:auto!important;
}

.reporte-simple-admin .rs-cabecera-vendedor[b-sebpwye4nw],
.reporte-simple-vendedor .rs-cabecera-vendedor[b-sebpwye4nw]{
    width:min(760px,100%)!important;
}

@media(max-width:960px){
    .reporte-simple-admin[b-sebpwye4nw],
    .reporte-simple-vendedor[b-sebpwye4nw],
    .reporte-simple[b-sebpwye4nw]{
        width:calc(100% - 16px)!important;
        max-width:none!important;
    }
}
@media(max-width:650px){
    .reporte-simple-admin .rs-mov[b-sebpwye4nw],
    .reporte-simple-vendedor .rs-mov[b-sebpwye4nw],
    .reporte-simple .rs-mov[b-sebpwye4nw]{
        grid-template-columns:82px 1fr auto!important;
    }
}


/* Corrección: más ancho útil, columnas compactas y sin scroll horizontal en escritorio */
.reporte-simple-admin[b-sebpwye4nw],
.reporte-simple-vendedor[b-sebpwye4nw],
.reporte-simple[b-sebpwye4nw]{
    width:min(1080px, calc(100% - 18px))!important;
    max-width:1080px!important;
}
.reporte-simple-admin .table-wrap[b-sebpwye4nw],
.reporte-simple-vendedor .tabla-wrap[b-sebpwye4nw],
.reporte-simple .table-wrap[b-sebpwye4nw]{
    overflow-x:visible!important;
}
.reporte-simple-admin .rs-tabla[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla[b-sebpwye4nw],
.reporte-simple .rs-tabla[b-sebpwye4nw]{
    min-width:0!important;
    width:100%!important;
    table-layout:fixed!important;
}
.reporte-simple-admin .rs-tabla th[b-sebpwye4nw],
.reporte-simple-admin .rs-tabla td[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla th[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla td[b-sebpwye4nw],
.reporte-simple .rs-tabla th[b-sebpwye4nw],
.reporte-simple .rs-tabla td[b-sebpwye4nw]{
    padding:7px 6px!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
}
/* Fecha 14%, Sorteo 24%, importes compactos */
.reporte-simple-admin .rs-tabla th:nth-child(1)[b-sebpwye4nw],
.reporte-simple-admin .rs-tabla td:nth-child(1)[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla th:nth-child(1)[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla td:nth-child(1)[b-sebpwye4nw]{width:14%!important;}
.reporte-simple-admin .rs-tabla th:nth-child(2)[b-sebpwye4nw],
.reporte-simple-admin .rs-tabla td:nth-child(2)[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla th:nth-child(2)[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla td:nth-child(2)[b-sebpwye4nw]{width:24%!important;}
.reporte-simple-admin .rs-tabla th:nth-child(n+3)[b-sebpwye4nw],
.reporte-simple-admin .rs-tabla td:nth-child(n+3)[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla th:nth-child(n+3)[b-sebpwye4nw],
.reporte-simple-vendedor .rs-tabla td:nth-child(n+3)[b-sebpwye4nw]{width:15.5%!important;}

@media(max-width:760px){
    .reporte-simple-admin .table-wrap[b-sebpwye4nw],
    .reporte-simple-vendedor .tabla-wrap[b-sebpwye4nw],
    .reporte-simple .table-wrap[b-sebpwye4nw]{overflow-x:auto!important;}
    .reporte-simple-admin .rs-tabla[b-sebpwye4nw],
    .reporte-simple-vendedor .rs-tabla[b-sebpwye4nw],
    .reporte-simple .rs-tabla[b-sebpwye4nw]{min-width:680px!important;}
}


/* ===== TOTALES COMPACTOS ===== */
.rs-total-row td[b-sebpwye4nw]{
    border-top:2px solid #17355f!important;
    border-bottom:2px solid #dce6f1!important;
    padding:8px 6px!important;
    background:#f7f9fc!important;
    font-weight:900!important;
}
.rs-total-row td:nth-child(n+3)[b-sebpwye4nw]{white-space:nowrap!important;}
.rs-seccion[b-sebpwye4nw]{margin-bottom:12px!important;}
.rs-cierre[b-sebpwye4nw]{margin-top:12px!important;}


/* ===== FILTROS ADMIN UN POCO MAS GRANDES ===== */
.reporte-admin .filtros select[b-sebpwye4nw],
.reporte-admin .filtros input[b-sebpwye4nw],
.reporte-admin select[b-sebpwye4nw],
.reporte-admin input[type="date"][b-sebpwye4nw]{
    min-height:44px!important;
    font-size:15px!important;
    padding:9px 12px!important;
}
.reporte-admin .filtros label[b-sebpwye4nw]{
    font-size:13px!important;
    font-weight:800!important;
}

.rs-total-periodo[b-sebpwye4nw]{
    margin-top:3px!important;
    border-top:2px solid #17355f!important;
    font-size:1.04em!important;
}


/* Cierre de caja compacto en un solo cuadro */
.rs-cierre .rs-linea[b-sebpwye4nw]{
    margin:0!important;
}
.rs-cierre .rs-final[b-sebpwye4nw]{
    margin-top:4px!important;
}

/* ===== GANADOR + FILAS MAS DELGADAS ===== */
.rs-tabla th[b-sebpwye4nw],.rs-tabla td[b-sebpwye4nw]{padding-top:5px!important;padding-bottom:5px!important;vertical-align:middle!important;}
.rs-fecha-inline[b-sebpwye4nw]{white-space:nowrap!important;font-size:11px!important;}
.rs-ganador[b-sebpwye4nw]{white-space:nowrap!important;}
.rs-bola-num[b-sebpwye4nw],.rs-bola-r[b-sebpwye4nw],.rs-bola-b[b-sebpwye4nw]{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;margin-right:3px;font-size:11px;font-weight:900;line-height:1;}
.rs-bola-num[b-sebpwye4nw]{border:1.5px solid #17355f;background:#fff;color:#17355f;}
.rs-bola-b[b-sebpwye4nw]{border:1.5px solid #111;background:#fff;color:#111;}
.rs-bola-r[b-sebpwye4nw]{border:1.5px solid #b42318;background:#b42318;color:#fff;}
.rs-sin-ganador[b-sebpwye4nw]{color:#94a3b8;}
.rs-tabla th:nth-child(1)[b-sebpwye4nw],.rs-tabla td:nth-child(1)[b-sebpwye4nw]{width:18%!important;}
.rs-tabla th:nth-child(2)[b-sebpwye4nw],.rs-tabla td:nth-child(2)[b-sebpwye4nw]{width:20%!important;}
.rs-tabla th:nth-child(3)[b-sebpwye4nw],.rs-tabla td:nth-child(3)[b-sebpwye4nw]{width:12%!important;}
.rs-tabla th:nth-child(n+4)[b-sebpwye4nw],.rs-tabla td:nth-child(n+4)[b-sebpwye4nw]{width:12.5%!important;}
.rs-mov[b-sebpwye4nw]{padding-top:5px!important;padding-bottom:5px!important;grid-template-columns:145px minmax(260px,1fr) 105px!important;}
/* TOTAL MOVIMIENTOS y cierre normal; solo CAJA ACTUAL grande */
.rs-resumen .rs-subtotal[b-sebpwye4nw],.rs-resumen .rs-subtotal span[b-sebpwye4nw],.rs-resumen .rs-subtotal strong[b-sebpwye4nw]{font-size:13px!important;}
.rs-cierre .rs-linea:not(.rs-final)[b-sebpwye4nw],.rs-cierre .rs-linea:not(.rs-final) span[b-sebpwye4nw],.rs-cierre .rs-linea:not(.rs-final) strong[b-sebpwye4nw]{font-size:13px!important;}
.rs-cierre .rs-final span[b-sebpwye4nw]{font-size:15px!important;}
.rs-cierre .rs-final strong[b-sebpwye4nw]{font-size:22px!important;}


/* =========================================================
   ADMIN VISIBLE: MISMA DENSIDAD QUE VENDEDOR
   No afecta #reporteAdminImagen (reporte generado)
   ========================================================= */

.reporte-simple-admin[b-sebpwye4nw]{
    width:min(1280px, calc(100% - 8px))!important;
    max-width:1280px!important;
    padding:10px!important;
    margin-left:0!important;
    margin-right:auto!important;
}

/* Cabecera visible también aprovecha el ancho */
.reporte-simple-admin .rs-cabecera-vendedor[b-sebpwye4nw]{
    width:100%!important;
    max-width:none!important;
}

/* Evitar barra horizontal en escritorio */
.reporte-simple-admin .admin-tabla-visible[b-sebpwye4nw]{
    width:100%!important;
    overflow-x:hidden!important;
}
.reporte-simple-admin .admin-tabla-visible .rs-tabla[b-sebpwye4nw]{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    height:auto!important;
}

/* EXACTAMENTE compactas: no repartir altura disponible */
.reporte-simple-admin .admin-tabla-visible thead[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible tbody[b-sebpwye4nw]{
    height:auto!important;
}
.reporte-simple-admin .admin-tabla-visible tr[b-sebpwye4nw]{
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
}
.reporte-simple-admin .admin-tabla-visible th[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible td[b-sebpwye4nw]{
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    padding:3px 5px!important;
    line-height:1!important;
    font-size:11px!important;
    vertical-align:middle!important;
    box-sizing:border-box!important;
}
.reporte-simple-admin .admin-tabla-visible td strong[b-sebpwye4nw]{
    line-height:1!important;
}
.reporte-simple-admin .admin-tabla-visible .rs-bola-num[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible .rs-bola-r[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible .rs-bola-b[b-sebpwye4nw]{
    width:20px!important;
    height:20px!important;
    font-size:9px!important;
    margin-right:2px!important;
}

/* 7 columnas compactas para que entren sin scroll */
.reporte-simple-admin .admin-tabla-visible th:nth-child(1)[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible td:nth-child(1)[b-sebpwye4nw]{width:16%!important;}
.reporte-simple-admin .admin-tabla-visible th:nth-child(2)[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible td:nth-child(2)[b-sebpwye4nw]{width:20%!important;}
.reporte-simple-admin .admin-tabla-visible th:nth-child(3)[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible td:nth-child(3)[b-sebpwye4nw]{width:12%!important;}
.reporte-simple-admin .admin-tabla-visible th:nth-child(4)[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible td:nth-child(4)[b-sebpwye4nw]{width:13%!important;}
.reporte-simple-admin .admin-tabla-visible th:nth-child(5)[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible td:nth-child(5)[b-sebpwye4nw]{width:13%!important;}
.reporte-simple-admin .admin-tabla-visible th:nth-child(6)[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible td:nth-child(6)[b-sebpwye4nw]{width:13%!important;}
.reporte-simple-admin .admin-tabla-visible th:nth-child(7)[b-sebpwye4nw],
.reporte-simple-admin .admin-tabla-visible td:nth-child(7)[b-sebpwye4nw]{width:13%!important;}

/* Opciones superiores: tamaño normal, pero texto fuerte/visible */
.ra-filtros label span[b-sebpwye4nw]{
    font-size:11px!important;
    font-weight:950!important;
    color:#42526b!important;
}
.ra-filtros input[b-sebpwye4nw],
.ra-filtros select[b-sebpwye4nw]{
    font-size:14px!important;
    font-weight:800!important;
    color:#17355f!important;
}
.ra-filtros select option[b-sebpwye4nw]{
    font-size:14px!important;
    font-weight:700!important;
}

/* Esto queda limitado al Admin visible; en pantallas pequeñas sí permitimos scroll */
@media(max-width:900px){
    .reporte-simple-admin .admin-tabla-visible[b-sebpwye4nw]{
        overflow-x:auto!important;
    }
    .reporte-simple-admin .admin-tabla-visible .rs-tabla[b-sebpwye4nw]{
        min-width:760px!important;
    }
}
/* /Components/Pages/ReportesVendedor.razor.rz.scp.css */
.reporte-page[b-flo1pp6a63]{
    min-height:100%;
    padding:18px;
    background:#f3f7fc;
    color:#17355f;
    font-family:Inter,"Segoe UI",Arial,sans-serif;
}
.reporte-header[b-flo1pp6a63]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:22px 24px;
    margin-bottom:12px;
    border:1px solid #dfe8f4;
    border-radius:14px;
    background:#fff;
    box-shadow:0 5px 16px rgba(24,55,96,.05);
}
.reporte-header span[b-flo1pp6a63]{
    color:#1769e8;
    font-size:12px;
    font-weight:950;
    letter-spacing:.08em;
}
.reporte-header h1[b-flo1pp6a63]{
    margin:4px 0;
    font-size:31px;
    color:#17355f;
}
.reporte-header p[b-flo1pp6a63]{
    margin:0;
    color:#6d7f99;
    font-size:15px;
    font-weight:800;
}
.periodo-actual[b-flo1pp6a63]{
    min-width:190px;
    display:grid;
    gap:4px;
    padding:12px 16px;
    border:1px solid #cfe0f4;
    border-radius:11px;
    background:#f7fbff;
    text-align:right;
}
.periodo-actual strong[b-flo1pp6a63]{
    color:#17355f;
    font-size:17px;
}
.panel[b-flo1pp6a63]{
    overflow:hidden;
    border:1px solid #dfe8f4;
    border-radius:13px;
    background:#fff;
    box-shadow:0 4px 14px rgba(24,55,96,.04);
}
.filtros[b-flo1pp6a63]{
    display:flex;
    align-items:end;
    gap:11px;
    flex-wrap:wrap;
    padding:15px 17px;
    margin-bottom:12px;
}
.filtros label[b-flo1pp6a63]{
    display:grid;
    gap:5px;
}
.filtros label span[b-flo1pp6a63]{
    color:#6d7f99;
    font-size:11px;
    font-weight:950;
}
.filtros input[b-flo1pp6a63],
.filtros select[b-flo1pp6a63]{
    min-width:165px;
    height:48px;
    padding:0 11px;
    border:1px solid #cbd8e8;
    border-radius:8px;
    background:#fff;
    color:#17355f;
    font-size:15px;
    font-weight:700;
}
.filtros .tipo-reporte select[b-flo1pp6a63]{
    min-width:250px;
}
.buscar[b-flo1pp6a63]{
    height:48px;
    padding:0 19px;
    border:0;
    border-radius:8px;
    background:#1769e8;
    color:#fff;
    font-size:12px;
    font-weight:950;
    cursor:pointer;
}
.buscar:disabled[b-flo1pp6a63]{
    opacity:.65;
}
.alert[b-flo1pp6a63]{
    padding:12px 15px;
    margin-bottom:12px;
    border-radius:9px;
    font-size:14px;
    font-weight:850;
}
.alert.error[b-flo1pp6a63]{background:#fee2e2;color:#991b1b}
.alert.ok[b-flo1pp6a63]{background:#dcfce7;color:#166534}
.totales-principales[b-flo1pp6a63]{
    display:grid;
    grid-template-columns:repeat(4,minmax(160px,1fr));
    gap:9px;
    margin-bottom:12px;
}
.totales-principales>div[b-flo1pp6a63]{
    display:grid;
    gap:5px;
    padding:15px 17px;
    border:1px solid #dfe8f4;
    border-radius:11px;
    background:#fff;
}
.totales-principales span[b-flo1pp6a63],
.cierre-reporte span[b-flo1pp6a63]{
    color:#6d7f99;
    font-size:11px;
    font-weight:950;
    letter-spacing:.04em;
}
.totales-principales strong[b-flo1pp6a63]{
    color:#17355f;
    font-size:21px;
}
.totales-principales .utilidad[b-flo1pp6a63]{
    border-color:#bbf7d0;
    background:#ecfdf5;
}
.totales-principales .utilidad strong[b-flo1pp6a63]{
    color:#166534;
}
.panel-title[b-flo1pp6a63]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:15px 17px;
    border-bottom:1px solid #edf2f7;
}
.panel-title h2[b-flo1pp6a63]{
    margin:0;
    color:#17355f;
    font-size:19px;
}
.panel-title p[b-flo1pp6a63]{
    margin:4px 0 0;
    color:#6d7f99;
    font-size:13px;
}
.panel-title>strong[b-flo1pp6a63]{
    color:#1769e8;
    font-size:13px;
}
.tabla-wrap[b-flo1pp6a63]{
    overflow:auto;
}
table[b-flo1pp6a63]{
    width:100%;
    min-width:1180px;
    border-collapse:collapse;
}
th[b-flo1pp6a63]{
    padding:13px 14px;
    background:#f6f9fd;
    color:#6d7f99;
    font-size:10px;
    font-weight:950;
    text-align:left;
    white-space:nowrap;
}
td[b-flo1pp6a63]{
    padding:14px;
    border-top:1px solid #edf2f7;
    color:#294867;
    font-size:14px;
    vertical-align:middle;
}
td strong[b-flo1pp6a63]{
    color:#17355f;
    font-size:15px;
}
td small[b-flo1pp6a63]{
    display:block;
    margin-top:3px;
    color:#7b8da6;
    font-size:11px;
}
.money[b-flo1pp6a63]{
    font-size:15px;
    font-weight:850;
    white-space:nowrap;
}
.utilidad-cell[b-flo1pp6a63]{
    color:#166534;
    font-weight:950;
}
tfoot td[b-flo1pp6a63]{
    border-top:2px solid #cbd8e8;
    background:#f7faff;
    color:#17355f;
    font-size:15px;
    font-weight:950;
}
.vacio[b-flo1pp6a63]{
    padding:30px!important;
    color:#7b8da6;
    text-align:center;
}
.movimientos-panel[b-flo1pp6a63]{
    margin-top:12px;
}
.tabla-movimientos[b-flo1pp6a63]{
    min-width:760px;
}
.cierre-reporte[b-flo1pp6a63]{
    display:grid;
    grid-template-columns:repeat(4,minmax(160px,1fr));
    gap:9px;
    margin-top:12px;
}
.cierre-reporte>div[b-flo1pp6a63]{
    display:grid;
    gap:5px;
    padding:16px 18px;
    border:1px solid #dfe8f4;
    border-radius:11px;
    background:#fff;
}
.cierre-reporte strong[b-flo1pp6a63]{
    color:#17355f;
    font-size:21px;
}
.cierre-reporte .final[b-flo1pp6a63]{
    border-color:#93c5fd;
    background:#eff6ff;
}
.cierre-reporte .final strong[b-flo1pp6a63]{
    color:#1769e8;
    font-size:24px;
}
@media(max-width:900px){
    .reporte-header[b-flo1pp6a63]{
        align-items:stretch;
        flex-direction:column;
    }
    .periodo-actual[b-flo1pp6a63]{
        text-align:left;
    }
    .totales-principales[b-flo1pp6a63],
    .cierre-reporte[b-flo1pp6a63]{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:560px){
    .totales-principales[b-flo1pp6a63],
    .cierre-reporte[b-flo1pp6a63]{
        grid-template-columns:1fr;
    }
}


/* Balance de movimientos */
.money.negativo[b-flo1pp6a63], .negativo[b-flo1pp6a63]{
    color:#b91c1c!important;
    font-weight:950!important;
}
.money.positivo[b-flo1pp6a63], .positivo[b-flo1pp6a63]{
    color:#166534!important;
    font-weight:950!important;
}


/* =========================================================
   REPORTE SIMPLE VERTICAL - NO CAMBIA LOGICA
   ========================================================= */
.reporte-simple .rs-seccion[b-flo1pp6a63],
.reporte-simple-vendedor .rs-seccion[b-flo1pp6a63]{
    margin-top:20px;
}
.reporte-simple .rs-seccion h3[b-flo1pp6a63],
.reporte-simple-vendedor .rs-seccion h3[b-flo1pp6a63]{
    margin:0 0 8px!important;
    padding-bottom:7px;
    border-bottom:2px solid #17355f;
    font-size:17px!important;
    color:#17355f;
}
.rs-tabla[b-flo1pp6a63]{
    width:100%;
    border-collapse:collapse;
}
.rs-tabla th[b-flo1pp6a63]{
    background:#f4f7fb;
    color:#64748b;
    text-align:left;
}
.rs-tabla td[b-flo1pp6a63],
.rs-tabla th[b-flo1pp6a63]{
    border-bottom:1px solid #e6edf5;
}
.rs-tabla td small[b-flo1pp6a63],
.rs-mov small[b-flo1pp6a63]{
    display:block;
    color:#8a9ab0;
    font-size:10px;
    margin-top:2px;
}
.rs-resumen[b-flo1pp6a63]{
    margin:10px 0 0 auto;
    width:min(430px,100%);
    border-top:1px solid #dce6f1;
}
.rs-resumen>div[b-flo1pp6a63],
.rs-linea[b-flo1pp6a63]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:8px 4px;
    border-bottom:1px solid #edf2f7;
}
.rs-resumen span[b-flo1pp6a63],
.rs-linea span[b-flo1pp6a63]{
    color:#52657e;
    font-weight:800;
}
.rs-subtotal[b-flo1pp6a63]{
    border-top:2px solid #17355f!important;
    font-size:1.05em;
}
.rs-movimientos[b-flo1pp6a63]{
    border-top:1px solid #e6edf5;
}
.rs-mov[b-flo1pp6a63]{
    display:grid;
    grid-template-columns:105px 1fr auto;
    gap:14px;
    align-items:center;
    padding:9px 4px;
    border-bottom:1px solid #e6edf5;
}
.rs-mov>strong:last-child[b-flo1pp6a63]{
    min-width:95px;
    text-align:right;
}
.rs-vacio[b-flo1pp6a63]{
    padding:16px 4px;
    color:#718096;
}
.rs-cierre[b-flo1pp6a63]{
    margin-top:24px!important;
    padding:14px 16px 10px;
    border:1px solid #d7e3f1;
    border-radius:10px;
    background:#fbfdff;
}
.rs-cierre h3[b-flo1pp6a63]{
    margin-bottom:4px!important;
}
.rs-final[b-flo1pp6a63]{
    margin-top:5px;
    padding:13px 4px!important;
    border-top:2px solid #17355f!important;
    border-bottom:0!important;
}
.rs-final span[b-flo1pp6a63]{
    color:#17355f;
    font-weight:950;
}
.rs-final strong[b-flo1pp6a63]{
    color:#1769e8;
    font-size:22px;
}
.rs-cabecera-vendedor[b-flo1pp6a63]{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;
    padding-bottom:12px;
    border-bottom:2px solid #17355f;
}
.rs-cabecera-vendedor span[b-flo1pp6a63]{
    color:#1769e8;
    font-size:11px;
    font-weight:950;
}
.rs-cabecera-vendedor h2[b-flo1pp6a63]{
    margin:2px 0 0;
}
@media(max-width:760px){
    .rs-mov[b-flo1pp6a63]{
        grid-template-columns:88px 1fr auto;
        gap:8px;
        font-size:12px;
    }
    .rs-tabla[b-flo1pp6a63]{
        min-width:680px;
    }
}


/* =========================================================
   REPORTE COMPACTO - TODO AGRUPADO HACIA LA IZQUIERDA
   ========================================================= */
.reporte-simple-admin[b-flo1pp6a63],
.reporte-simple-vendedor[b-flo1pp6a63],
.reporte-simple[b-flo1pp6a63]{
    width:min(920px, calc(100% - 24px))!important;
    max-width:920px!important;
    margin-left:0!important;
    margin-right:auto!important;
}

.reporte-simple-admin .rs-seccion[b-flo1pp6a63],
.reporte-simple-vendedor .rs-seccion[b-flo1pp6a63],
.reporte-simple .rs-seccion[b-flo1pp6a63]{
    width:100%!important;
}

.reporte-simple-admin .rs-tabla[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla[b-flo1pp6a63],
.reporte-simple .rs-tabla[b-flo1pp6a63]{
    width:100%!important;
    table-layout:auto!important;
}

.reporte-simple-admin .rs-tabla th[b-flo1pp6a63],
.reporte-simple-admin .rs-tabla td[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla th[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla td[b-flo1pp6a63],
.reporte-simple .rs-tabla th[b-flo1pp6a63],
.reporte-simple .rs-tabla td[b-flo1pp6a63]{
    padding:7px 9px!important;
    font-size:12px!important;
}

.reporte-simple-admin .rs-resumen[b-flo1pp6a63],
.reporte-simple-vendedor .rs-resumen[b-flo1pp6a63],
.reporte-simple .rs-resumen[b-flo1pp6a63]{
    width:min(480px,100%)!important;
    max-width:480px!important;
    margin:9px 0 0 0!important;
}

.reporte-simple-admin .rs-movimientos[b-flo1pp6a63],
.reporte-simple-vendedor .rs-movimientos[b-flo1pp6a63],
.reporte-simple .rs-movimientos[b-flo1pp6a63]{
    width:min(760px,100%)!important;
    max-width:760px!important;
}

.reporte-simple-admin .rs-mov[b-flo1pp6a63],
.reporte-simple-vendedor .rs-mov[b-flo1pp6a63],
.reporte-simple .rs-mov[b-flo1pp6a63]{
    grid-template-columns:95px minmax(280px,1fr) 105px!important;
    padding:7px 4px!important;
    font-size:12px!important;
}

.reporte-simple-admin .rs-cierre[b-flo1pp6a63],
.reporte-simple-vendedor .rs-cierre[b-flo1pp6a63],
.reporte-simple .rs-cierre[b-flo1pp6a63]{
    width:min(540px,100%)!important;
    max-width:540px!important;
    margin-left:0!important;
    margin-right:auto!important;
}

.reporte-simple-admin .rs-cabecera-vendedor[b-flo1pp6a63],
.reporte-simple-vendedor .rs-cabecera-vendedor[b-flo1pp6a63]{
    width:min(760px,100%)!important;
}

@media(max-width:960px){
    .reporte-simple-admin[b-flo1pp6a63],
    .reporte-simple-vendedor[b-flo1pp6a63],
    .reporte-simple[b-flo1pp6a63]{
        width:calc(100% - 16px)!important;
        max-width:none!important;
    }
}
@media(max-width:650px){
    .reporte-simple-admin .rs-mov[b-flo1pp6a63],
    .reporte-simple-vendedor .rs-mov[b-flo1pp6a63],
    .reporte-simple .rs-mov[b-flo1pp6a63]{
        grid-template-columns:82px 1fr auto!important;
    }
}


/* Corrección: más ancho útil, columnas compactas y sin scroll horizontal en escritorio */
.reporte-simple-admin[b-flo1pp6a63],
.reporte-simple-vendedor[b-flo1pp6a63],
.reporte-simple[b-flo1pp6a63]{
    width:min(1080px, calc(100% - 18px))!important;
    max-width:1080px!important;
}
.reporte-simple-admin .table-wrap[b-flo1pp6a63],
.reporte-simple-vendedor .tabla-wrap[b-flo1pp6a63],
.reporte-simple .table-wrap[b-flo1pp6a63]{
    overflow-x:visible!important;
}
.reporte-simple-admin .rs-tabla[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla[b-flo1pp6a63],
.reporte-simple .rs-tabla[b-flo1pp6a63]{
    min-width:0!important;
    width:100%!important;
    table-layout:fixed!important;
}
.reporte-simple-admin .rs-tabla th[b-flo1pp6a63],
.reporte-simple-admin .rs-tabla td[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla th[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla td[b-flo1pp6a63],
.reporte-simple .rs-tabla th[b-flo1pp6a63],
.reporte-simple .rs-tabla td[b-flo1pp6a63]{
    padding:7px 6px!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
}
/* Fecha 14%, Sorteo 24%, importes compactos */
.reporte-simple-admin .rs-tabla th:nth-child(1)[b-flo1pp6a63],
.reporte-simple-admin .rs-tabla td:nth-child(1)[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla th:nth-child(1)[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla td:nth-child(1)[b-flo1pp6a63]{width:14%!important;}
.reporte-simple-admin .rs-tabla th:nth-child(2)[b-flo1pp6a63],
.reporte-simple-admin .rs-tabla td:nth-child(2)[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla th:nth-child(2)[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla td:nth-child(2)[b-flo1pp6a63]{width:24%!important;}
.reporte-simple-admin .rs-tabla th:nth-child(n+3)[b-flo1pp6a63],
.reporte-simple-admin .rs-tabla td:nth-child(n+3)[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla th:nth-child(n+3)[b-flo1pp6a63],
.reporte-simple-vendedor .rs-tabla td:nth-child(n+3)[b-flo1pp6a63]{width:15.5%!important;}

@media(max-width:760px){
    .reporte-simple-admin .table-wrap[b-flo1pp6a63],
    .reporte-simple-vendedor .tabla-wrap[b-flo1pp6a63],
    .reporte-simple .table-wrap[b-flo1pp6a63]{overflow-x:auto!important;}
    .reporte-simple-admin .rs-tabla[b-flo1pp6a63],
    .reporte-simple-vendedor .rs-tabla[b-flo1pp6a63],
    .reporte-simple .rs-tabla[b-flo1pp6a63]{min-width:680px!important;}
}


/* ===== TOTALES COMPACTOS ===== */
.rs-total-row td[b-flo1pp6a63]{
    border-top:2px solid #17355f!important;
    border-bottom:2px solid #dce6f1!important;
    padding:8px 6px!important;
    background:#f7f9fc!important;
    font-weight:900!important;
}
.rs-total-row td:nth-child(n+3)[b-flo1pp6a63]{white-space:nowrap!important;}
.rs-seccion[b-flo1pp6a63]{margin-bottom:12px!important;}
.rs-cierre[b-flo1pp6a63]{margin-top:12px!important;}

.rs-total-periodo[b-flo1pp6a63]{
    margin-top:3px!important;
    border-top:2px solid #17355f!important;
    font-size:1.04em!important;
}


/* Cierre de caja compacto en un solo cuadro */
.rs-cierre .rs-linea[b-flo1pp6a63]{
    margin:0!important;
}
.rs-cierre .rs-final[b-flo1pp6a63]{
    margin-top:4px!important;
}

/* ===== GANADOR + FILAS MAS DELGADAS ===== */
.rs-tabla th[b-flo1pp6a63],.rs-tabla td[b-flo1pp6a63]{padding-top:5px!important;padding-bottom:5px!important;vertical-align:middle!important;}
.rs-fecha-inline[b-flo1pp6a63]{white-space:nowrap!important;font-size:11px!important;}
.rs-ganador[b-flo1pp6a63]{white-space:nowrap!important;}
.rs-bola-num[b-flo1pp6a63],.rs-bola-r[b-flo1pp6a63],.rs-bola-b[b-flo1pp6a63]{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;margin-right:3px;font-size:11px;font-weight:900;line-height:1;}
.rs-bola-num[b-flo1pp6a63]{border:1.5px solid #17355f;background:#fff;color:#17355f;}
.rs-bola-b[b-flo1pp6a63]{border:1.5px solid #111;background:#fff;color:#111;}
.rs-bola-r[b-flo1pp6a63]{border:1.5px solid #b42318;background:#b42318;color:#fff;}
.rs-sin-ganador[b-flo1pp6a63]{color:#94a3b8;}
.rs-tabla th:nth-child(1)[b-flo1pp6a63],.rs-tabla td:nth-child(1)[b-flo1pp6a63]{width:18%!important;}
.rs-tabla th:nth-child(2)[b-flo1pp6a63],.rs-tabla td:nth-child(2)[b-flo1pp6a63]{width:20%!important;}
.rs-tabla th:nth-child(3)[b-flo1pp6a63],.rs-tabla td:nth-child(3)[b-flo1pp6a63]{width:12%!important;}
.rs-tabla th:nth-child(n+4)[b-flo1pp6a63],.rs-tabla td:nth-child(n+4)[b-flo1pp6a63]{width:12.5%!important;}
.rs-mov[b-flo1pp6a63]{padding-top:5px!important;padding-bottom:5px!important;grid-template-columns:145px minmax(260px,1fr) 105px!important;}
/* TOTAL MOVIMIENTOS y cierre normal; solo CAJA ACTUAL grande */
.rs-resumen .rs-subtotal[b-flo1pp6a63],.rs-resumen .rs-subtotal span[b-flo1pp6a63],.rs-resumen .rs-subtotal strong[b-flo1pp6a63]{font-size:13px!important;}
.rs-cierre .rs-linea:not(.rs-final)[b-flo1pp6a63],.rs-cierre .rs-linea:not(.rs-final) span[b-flo1pp6a63],.rs-cierre .rs-linea:not(.rs-final) strong[b-flo1pp6a63]{font-size:13px!important;}
.rs-cierre .rs-final span[b-flo1pp6a63]{font-size:15px!important;}
.rs-cierre .rs-final strong[b-flo1pp6a63]{font-size:22px!important;}
/* /Components/Pages/Restricciones.razor.rz.scp.css */
.restricciones-page[b-nbhwenzyz5] {
    --bg: #f4f7fb;
    --card: #ffffff;
    --text: #17233b;
    --muted: #64748b;
    --line: #dce5f2;
    --primary: #2957d3;
    --purple: #7048e8;
    --orange: #f08c00;
    --red: #dc3545;
    --green: #198754;
    min-height: 100vh;
    padding: 1.25rem;
    color: var(--text);
    background: var(--bg);
}

.restricciones-page *[b-nbhwenzyz5] {
    box-sizing: border-box;
}

.page-header[b-nbhwenzyz5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: linear-gradient(135deg, #fff 0%, #f1f6ff 100%);
    box-shadow: 0 10px 28px rgba(38, 62, 105, .08);
}

.eyebrow[b-nbhwenzyz5] {
    display: block;
    margin-bottom: .2rem;
    color: var(--primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.page-header h1[b-nbhwenzyz5] {
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.15rem);
}

.page-header p[b-nbhwenzyz5] {
    max-width: 780px;
    margin: .35rem 0 0;
    color: var(--muted);
}

.today-card[b-nbhwenzyz5] {
    min-width: 185px;
    padding: .75rem 1rem;
    border: 1px solid #bfd2f5;
    border-radius: 12px;
    background: #fff;
    text-align: right;
}

.today-card span[b-nbhwenzyz5],
.today-card small[b-nbhwenzyz5] {
    display: block;
    color: var(--muted);
}

.today-card strong[b-nbhwenzyz5] {
    display: block;
    margin: .15rem 0;
    color: var(--primary);
    font-size: 1.25rem;
}

.summary-grid[b-nbhwenzyz5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: .8rem;
    margin-bottom: 1rem;
}

.summary-card[b-nbhwenzyz5] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--card);
    box-shadow: 0 5px 15px rgba(38, 62, 105, .06);
}

.summary-card .summary-icon[b-nbhwenzyz5] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 11px;
    font-size: 1.25rem;
}

.summary-card span:not(.summary-icon)[b-nbhwenzyz5] {
    display: block;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
}

.summary-card strong[b-nbhwenzyz5] {
    display: block;
    margin-top: .1rem;
    font-size: 1.45rem;
}

.summary-card.purple .summary-icon[b-nbhwenzyz5] { background: #f0ebff; }
.summary-card.orange .summary-icon[b-nbhwenzyz5] { background: #fff3df; }
.summary-card.red .summary-icon[b-nbhwenzyz5] { background: #fff0f1; }
.summary-card.blue .summary-icon[b-nbhwenzyz5] { background: #eaf2ff; }

.main-tabs[b-nbhwenzyz5] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1rem;
    padding: .55rem;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
}

.tab-button[b-nbhwenzyz5] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 43px;
    padding: .55rem .85rem;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #46566f;
    font-weight: 850;
    cursor: pointer;
}

.tab-button:hover[b-nbhwenzyz5] {
    background: #f3f6fb;
}

.tab-button.active[b-nbhwenzyz5] {
    border-color: #bed0f8;
    background: #eaf1ff;
    color: #214db9;
    box-shadow: 0 4px 10px rgba(41, 87, 211, .12);
}

.card[b-nbhwenzyz5] {
    padding: 1.1rem;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--card);
    box-shadow: 0 7px 22px rgba(38, 62, 105, .07);
}

.content-grid[b-nbhwenzyz5] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: 1rem;
}

.manual-layout[b-nbhwenzyz5] {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
}

.card-heading[b-nbhwenzyz5] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin-bottom: 1rem;
}

.card-heading.compact[b-nbhwenzyz5] {
    margin-bottom: .7rem;
}

.card-heading h2[b-nbhwenzyz5] {
    margin: 0;
    font-size: 1.08rem;
}

.card-heading p[b-nbhwenzyz5] {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .84rem;
}

.heading-icon[b-nbhwenzyz5] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
}

.heading-icon.purple[b-nbhwenzyz5] { background: #f0ebff; }
.heading-icon.orange[b-nbhwenzyz5] { background: #fff3df; }
.heading-icon.red[b-nbhwenzyz5] { background: #fff0f1; }
.heading-icon.blue[b-nbhwenzyz5] { background: #eaf2ff; }

.number-entry[b-nbhwenzyz5] {
    display: flex;
    align-items: end;
    gap: .65rem;
    margin-bottom: .8rem;
}

.number-entry label[b-nbhwenzyz5],
.field[b-nbhwenzyz5] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.number-entry label span[b-nbhwenzyz5],
.field > span[b-nbhwenzyz5] {
    color: #3d4b63;
    font-size: .78rem;
    font-weight: 850;
}

input[b-nbhwenzyz5],
select[b-nbhwenzyz5],
textarea[b-nbhwenzyz5] {
    width: 100%;
    min-height: 42px;
    padding: .58rem .7rem;
    border: 1px solid #cbd6e6;
    border-radius: 8px;
    background: #fff;
    color: var(--text);
    font: inherit;
}

textarea[b-nbhwenzyz5] {
    resize: vertical;
}

input:focus[b-nbhwenzyz5],
select:focus[b-nbhwenzyz5],
textarea:focus[b-nbhwenzyz5] {
    border-color: #6d92e8;
    outline: 3px solid rgba(41, 87, 211, .12);
}

input:disabled[b-nbhwenzyz5] {
    background: #f2f5f9;
    color: #7b8799;
}

.number-entry input[b-nbhwenzyz5] {
    width: 120px;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 900;
}

.primary-button[b-nbhwenzyz5],
.secondary-button[b-nbhwenzyz5],
.unlock-button[b-nbhwenzyz5] {
    min-height: 42px;
    padding: .58rem .85rem;
    border-radius: 8px;
    font-weight: 850;
    cursor: pointer;
}

.primary-button[b-nbhwenzyz5] {
    border: 1px solid #214db9;
    background: var(--primary);
    color: #fff;
}

.primary-button.danger[b-nbhwenzyz5] {
    border-color: #bd2636;
    background: var(--red);
}

.secondary-button[b-nbhwenzyz5] {
    border: 1px solid #c8d3e2;
    background: #fff;
    color: #40516b;
}

.number-list[b-nbhwenzyz5] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    min-height: 64px;
    padding: .8rem;
    border: 1px dashed #cbd6e6;
    border-radius: 11px;
    background: #f8faff;
}

.number-chip[b-nbhwenzyz5] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    height: 44px;
    padding: 0 .45rem 0 .8rem;
    border-radius: 10px;
    font-size: 1.05rem;
    font-weight: 900;
}

.number-chip.restricted[b-nbhwenzyz5] {
    border: 1px solid #d5c7ff;
    background: #f0ebff;
    color: #5f35cb;
}

.number-chip button[b-nbhwenzyz5] {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(112, 72, 232, .12);
    color: #5f35cb;
    font-size: 1.1rem;
    cursor: pointer;
}

.info-box[b-nbhwenzyz5],
.inline-message[b-nbhwenzyz5],
.success-message[b-nbhwenzyz5] {
    margin-top: .8rem;
    padding: .7rem .8rem;
    border-radius: 9px;
    font-size: .82rem;
}

.info-box[b-nbhwenzyz5] {
    border: 1px solid #c8d9f8;
    background: #eef5ff;
    color: #31527f;
}

.inline-message[b-nbhwenzyz5] {
    border: 1px solid #d9caad;
    background: #fff8e8;
    color: #795b1d;
}

.inline-message.error[b-nbhwenzyz5] {
    border-color: #f0b9bf;
    background: #fff0f1;
    color: #a3202e;
}

.success-message[b-nbhwenzyz5] {
    border: 1px solid #b9e5c9;
    background: #eaf8f0;
    color: #146c43;
}

.automatic-card[b-nbhwenzyz5] {
    background: linear-gradient(180deg, #fff 0%, #fffaf2 100%);
}

.automatic-numbers[b-nbhwenzyz5] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .6rem;
}

.automatic-item[b-nbhwenzyz5] {
    padding: 1rem;
    border: 1px solid #f0d6a8;
    border-radius: 12px;
    background: #fff;
    text-align: center;
}

.automatic-item.disabled[b-nbhwenzyz5] {
    opacity: .6;
}

.automatic-item span[b-nbhwenzyz5],
.automatic-item small[b-nbhwenzyz5] {
    display: block;
    color: var(--muted);
}

.automatic-item strong[b-nbhwenzyz5] {
    display: block;
    margin: .25rem 0;
    color: #dc3545;
    font-size: 2rem;
    font-weight: 950;
}

.automatic-separator[b-nbhwenzyz5] {
    color: #111827;
    font-size: 1.9rem;
    font-weight: 950;
}

.effective-box[b-nbhwenzyz5] {
    margin-top: .85rem;
    padding: .8rem;
    border-radius: 10px;
    background: #17233b;
    color: #fff;
}

.effective-box > span[b-nbhwenzyz5] {
    display: block;
    margin-bottom: .55rem;
    font-size: .8rem;
    font-weight: 800;
}

.effective-box > div[b-nbhwenzyz5] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.effective-number[b-nbhwenzyz5] {
    padding: .32rem .5rem;
    border-radius: 7px;
    background: rgba(255,255,255,.13);
    font-weight: 900;
}

.form-grid[b-nbhwenzyz5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.form-grid.three[b-nbhwenzyz5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.span-2[b-nbhwenzyz5] {
    grid-column: span 2;
}

.field small[b-nbhwenzyz5] {
    color: var(--muted);
    font-size: .72rem;
}

.money-input[b-nbhwenzyz5] {
    display: flex;
    align-items: center;
    border: 1px solid #cbd6e6;
    border-radius: 8px;
    background: #fff;
}

.money-input > span[b-nbhwenzyz5] {
    padding-left: .7rem;
    color: var(--green);
    font-weight: 900;
}

.money-input input[b-nbhwenzyz5] {
    border: 0;
    outline: 0;
}

.rule-preview[b-nbhwenzyz5] {
    display: grid;
    grid-template-columns: auto 1fr auto minmax(180px, auto);
    align-items: center;
    gap: .8rem;
    margin-top: 1rem;
    padding: .9rem;
    border: 1px solid #f0b9bf;
    border-radius: 12px;
    background: #fff5f6;
}

.rule-symbol[b-nbhwenzyz5] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 12px;
    background: #fff;
    color: var(--red);
    font-size: 1.5rem;
    font-weight: 900;
}

.rule-preview p[b-nbhwenzyz5] {
    margin: .2rem 0 0;
    color: var(--muted);
    font-size: .8rem;
}

.arrow[b-nbhwenzyz5] {
    color: var(--red);
    font-size: 1.5rem;
    font-weight: 900;
}

.block-result[b-nbhwenzyz5] {
    padding: .65rem .8rem;
    border: 1px solid #efadb4;
    border-radius: 9px;
    background: #fff;
}

.block-result span[b-nbhwenzyz5] {
    display: block;
    color: var(--muted);
    font-size: .7rem;
}

.block-result strong[b-nbhwenzyz5] {
    color: var(--red);
}

.form-actions[b-nbhwenzyz5] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
}

.empty-state[b-nbhwenzyz5] {
    display: grid;
    min-height: 230px;
    place-items: center;
    align-content: center;
    padding: 1rem;
    border: 1px dashed #cbd6e6;
    border-radius: 12px;
    background: #f8faff;
    text-align: center;
}

.empty-state > span[b-nbhwenzyz5] {
    font-size: 2.2rem;
}

.empty-state p[b-nbhwenzyz5] {
    margin: .25rem 0 0;
    color: var(--muted);
}

.draw-detail[b-nbhwenzyz5] {
    padding: .9rem;
    border: 1px solid #bdd0ef;
    border-radius: 12px;
    background: #f5f9ff;
}

.draw-detail h3[b-nbhwenzyz5] {
    margin: .55rem 0 .8rem;
}

.open-badge[b-nbhwenzyz5] {
    display: inline-flex;
    padding: .3rem .55rem;
    border: 1px solid #a9ddbd;
    border-radius: 999px;
    background: #eaf8f0;
    color: #146c43;
    font-size: .72rem;
    font-weight: 900;
}

.draw-detail dl[b-nbhwenzyz5] {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.draw-detail dl div[b-nbhwenzyz5] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    padding-bottom: .45rem;
    border-bottom: 1px solid #dce6f5;
}

.draw-detail dt[b-nbhwenzyz5] {
    color: var(--muted);
    font-size: .78rem;
}

.draw-detail dd[b-nbhwenzyz5] {
    margin: 0;
    text-align: right;
    font-weight: 800;
}

.table-toolbar[b-nbhwenzyz5] {
    display: flex;
    gap: .65rem;
    margin-bottom: .8rem;
}

.table-toolbar input[b-nbhwenzyz5] {
    flex: 1;
}

.table-toolbar select[b-nbhwenzyz5] {
    max-width: 220px;
}

.table-wrap[b-nbhwenzyz5] {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 11px;
}

table[b-nbhwenzyz5] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

th[b-nbhwenzyz5],
td[b-nbhwenzyz5] {
    padding: .68rem .65rem;
    border-bottom: 1px solid #e4eaf3;
    text-align: left;
    vertical-align: middle;
}

th[b-nbhwenzyz5] {
    background: #f0f4fa;
    color: #45546c;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

td[b-nbhwenzyz5] {
    font-size: .82rem;
}

td small[b-nbhwenzyz5] {
    display: block;
    margin-top: .15rem;
    color: var(--muted);
}

.blocked-row[b-nbhwenzyz5] {
    background: #fff8f8;
}

.number-badge[b-nbhwenzyz5],
.status-badge[b-nbhwenzyz5],
.origin-badge[b-nbhwenzyz5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .32rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
}

.number-badge.blocked[b-nbhwenzyz5],
.status-badge.blocked[b-nbhwenzyz5] {
    border: 1px solid #efadb4;
    background: #fff0f1;
    color: #b02a37;
}

.origin-badge.manual[b-nbhwenzyz5] {
    border: 1px solid #cabaf6;
    background: #f0ebff;
    color: #5c39b8;
}

.origin-badge.automatic[b-nbhwenzyz5] {
    border: 1px solid #f0d6a8;
    background: #fff3df;
    color: #986000;
}

.unlock-button[b-nbhwenzyz5] {
    border: 1px solid #a9ddbd;
    background: #eaf8f0;
    color: #146c43;
}

.empty-table[b-nbhwenzyz5] {
    padding: 1rem;
    color: var(--muted);
    text-align: center;
}

@media (max-width: 1050px) {
    .summary-grid[b-nbhwenzyz5] {
        grid-template-columns: repeat(2, 1fr);
    }

    .content-grid[b-nbhwenzyz5],
    .manual-layout[b-nbhwenzyz5] {
        grid-template-columns: 1fr;
    }

    .form-grid.three[b-nbhwenzyz5] {
        grid-template-columns: 1fr;
    }

    .rule-preview[b-nbhwenzyz5] {
        grid-template-columns: auto 1fr;
    }

    .rule-preview .arrow[b-nbhwenzyz5] {
        display: none;
    }
}

@media (max-width: 700px) {
    .restricciones-page[b-nbhwenzyz5] {
        padding: .7rem;
    }

    .page-header[b-nbhwenzyz5] {
        align-items: stretch;
        flex-direction: column;
    }

    .today-card[b-nbhwenzyz5] {
        text-align: left;
    }

    .summary-grid[b-nbhwenzyz5] {
        grid-template-columns: 1fr;
    }

    .main-tabs[b-nbhwenzyz5] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .tab-button[b-nbhwenzyz5] {
        justify-content: center;
    }

    .form-grid[b-nbhwenzyz5],
    .form-grid.three[b-nbhwenzyz5] {
        grid-template-columns: 1fr;
    }

    .span-2[b-nbhwenzyz5] {
        grid-column: auto;
    }

    .automatic-numbers[b-nbhwenzyz5] {
        grid-template-columns: 1fr;
    }

    .automatic-separator[b-nbhwenzyz5] {
        text-align: center;
    }

    .number-entry[b-nbhwenzyz5],
    .table-toolbar[b-nbhwenzyz5],
    .form-actions[b-nbhwenzyz5] {
        align-items: stretch;
        flex-direction: column;
    }

    .number-entry input[b-nbhwenzyz5] {
        width: 100%;
    }

    .table-toolbar select[b-nbhwenzyz5] {
        max-width: none;
    }
}

/* V2: restringidos siempre visibles en rojo */
.restricted-active-panel[b-nbhwenzyz5] {
    margin-top: .9rem;
    padding: .9rem;
    border: 2px solid #ef9fa8;
    border-radius: 13px;
    background: #fff4f5;
}

.restricted-active-heading[b-nbhwenzyz5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
}

.restricted-active-heading h3[b-nbhwenzyz5] {
    margin: 0;
    color: #a31f2c;
    font-size: .98rem;
}

.restricted-active-heading p[b-nbhwenzyz5] {
    margin: .2rem 0 0;
    color: #7d4950;
    font-size: .78rem;
}

.restricted-legend[b-nbhwenzyz5] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    font-size: .72rem;
    font-weight: 850;
}

.restricted-legend span[b-nbhwenzyz5] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.restricciones-page .number-list[b-nbhwenzyz5] {
    border-color: #efb1b8;
    background: #fffafa;
}

.restricciones-page .number-chip.restricted[b-nbhwenzyz5] {
    min-width: 94px;
    height: 50px;
    border: 2px solid #dc3545;
    background: #fff0f1;
    color: #b02a37;
}

.restricciones-page .number-chip.restricted strong[b-nbhwenzyz5] {
    font-size: 1.1rem;
}

.restricciones-page .number-chip.restricted small[b-nbhwenzyz5] {
    color: #8c2732;
    font-size: .63rem;
    font-weight: 850;
}

.restricciones-page .number-chip.automatic-number[b-nbhwenzyz5] {
    border-style: dashed;
    background: #fff7f8;
}

.restricciones-page .number-chip button[b-nbhwenzyz5] {
    background: #dc3545;
    color: #fff;
}

/* Botones: guardar/aplicar azul, cancelar rojo */
.save-button[b-nbhwenzyz5],
.cancel-button[b-nbhwenzyz5] {
    min-height: 42px;
    padding: .58rem .9rem;
    border-radius: 8px;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}

.save-button[b-nbhwenzyz5] {
    border: 1px solid #1d4ed8;
    background: #2563eb;
    box-shadow: 0 4px 10px rgba(37, 99, 235, .18);
}

.save-button:hover[b-nbhwenzyz5] {
    background: #1d4ed8;
}

.cancel-button[b-nbhwenzyz5] {
    border: 1px solid #bb2d3b;
    background: #dc3545;
    box-shadow: 0 4px 10px rgba(220, 53, 69, .16);
}

.cancel-button:hover[b-nbhwenzyz5] {
    background: #bb2d3b;
}

/* Confirmación para quitar un restringido fijo */
.modal-overlay[b-nbhwenzyz5] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .58);
    backdrop-filter: blur(2px);
}

.confirm-modal[b-nbhwenzyz5] {
    width: min(420px, 100%);
    padding: 1.2rem;
    border: 1px solid #efadb4;
    border-radius: 15px;
    background: #fff;
    text-align: center;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .28);
}

.confirm-icon[b-nbhwenzyz5] {
    font-size: 2.3rem;
}

.confirm-modal h3[b-nbhwenzyz5] {
    margin: .35rem 0;
}

.confirm-modal p[b-nbhwenzyz5] {
    margin: .35rem 0 1rem;
    color: #64748b;
}

.confirm-modal p strong[b-nbhwenzyz5] {
    color: #dc3545;
    font-size: 1.08rem;
}

.confirm-actions[b-nbhwenzyz5] {
    display: flex;
    justify-content: center;
    gap: .6rem;
}

@media (max-width: 520px) {
    .restricted-active-heading[b-nbhwenzyz5],
    .confirm-actions[b-nbhwenzyz5] {
        flex-direction: column;
    }
}

/* V3: colores de restringidos y limpieza por sorteo finalizado */
.restricciones-page .number-chip.fixed-number[b-nbhwenzyz5] {
    color: #111827 !important;
    background: #ffffff !important;
    border-color: #dc3545 !important;
}

.restricciones-page .number-chip.fixed-number strong[b-nbhwenzyz5] {
    color: #111827 !important;
}

.restricciones-page .number-chip.fixed-number small[b-nbhwenzyz5] {
    color: #6b7280 !important;
}

.restricciones-page .number-chip.fixed-number button[b-nbhwenzyz5] {
    border: 1px solid #dc3545 !important;
    background: #ffffff !important;
    color: #dc3545 !important;
}

.restricciones-page .number-chip.fixed-number button:hover[b-nbhwenzyz5] {
    background: #fff0f1 !important;
    color: #a61e2b !important;
}

.restricciones-page .number-chip.automatic-number[b-nbhwenzyz5] {
    color: #dc3545 !important;
    background: #fff7f8 !important;
    border-color: #dc3545 !important;
}

.restricciones-page .number-chip.automatic-number strong[b-nbhwenzyz5],
.restricciones-page .number-chip.automatic-number small[b-nbhwenzyz5] {
    color: #dc3545 !important;
}

/* V4: botón eliminar rojo con X negra */
.restricted-delete-button[b-nbhwenzyz5] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;

    margin-left: 5px;
    padding: 0 !important;

    border: 2px solid #b42332 !important;
    border-radius: 50% !important;

    background: #dc3545 !important;
    color: #111111 !important;

    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    cursor: pointer;
    box-shadow: 0 3px 8px rgba(220, 53, 69, .28);

    transition:
        transform .15s ease,
        background-color .15s ease,
        box-shadow .15s ease;
}

.restricted-delete-button:hover[b-nbhwenzyz5] {
    transform: scale(1.10);
    background: #bb2d3b !important;
    box-shadow: 0 5px 12px rgba(220, 53, 69, .38);
}

.restricted-delete-button:active[b-nbhwenzyz5] {
    transform: scale(.94);
}

.restricted-delete-button:focus-visible[b-nbhwenzyz5] {
    outline: 3px solid rgba(220, 53, 69, .28);
    outline-offset: 2px;
}

/* El separador entre Fecha y Fecha inversa siempre negro */
.automatic-separator[b-nbhwenzyz5] {
    color: #111827 !important;
}



.loading-panel[b-nbhwenzyz5] {
    margin-bottom: .8rem;
    padding: .7rem .85rem;
    border: 1px solid #bfd2f5;
    border-radius: 9px;
    background: #eef5ff;
    color: #214db9;
    font-weight: 850;
}

/* V5: límites automáticos independientes */
.automatic-limit-grid[b-nbhwenzyz5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.automatic-limit-card[b-nbhwenzyz5] {
    padding: .9rem;
    border: 1px solid #dce5f2;
    border-radius: 12px;
    background: #f9fbff;
}

.automatic-limit-header[b-nbhwenzyz5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .8rem;
}

.automatic-limit-header strong[b-nbhwenzyz5],
.automatic-limit-header small[b-nbhwenzyz5] {
    display: block;
}

.automatic-limit-header small[b-nbhwenzyz5] {
    max-width: 430px;
    margin-top: .18rem;
    color: #64748b;
    font-size: .72rem;
}

.switch-control[b-nbhwenzyz5] {
    position: relative;
    display: inline-flex;
    flex: 0 0 48px;
    width: 48px;
    height: 26px;
}

.switch-control input[b-nbhwenzyz5] {
    width: 0;
    height: 0;
    opacity: 0;
}

.switch-slider[b-nbhwenzyz5] {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #cbd5e1;
    cursor: pointer;
    transition: .2s ease;
}

.switch-slider[b-nbhwenzyz5]::before {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .25);
    content: "";
    transition: .2s ease;
}

.switch-control input:checked + .switch-slider[b-nbhwenzyz5] {
    background: #2563eb;
}

.switch-control input:checked + .switch-slider[b-nbhwenzyz5]::before {
    transform: translateX(22px);
}

.limit-status[b-nbhwenzyz5] {
    margin-top: .7rem;
    padding: .55rem .65rem;
    border-radius: 8px;
    font-size: .75rem;
    font-weight: 850;
}

.limit-status.active[b-nbhwenzyz5] {
    border: 1px solid #b9e5c9;
    background: #eaf8f0;
    color: #146c43;
}

.limit-status.open[b-nbhwenzyz5] {
    border: 1px solid #cbd5e1;
    background: #f1f5f9;
    color: #475569;
}

@media (max-width: 780px) {
    .automatic-limit-grid[b-nbhwenzyz5] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/SinpesCreditos.razor.rz.scp.css */

.sc-page[b-vrvb3vzdt2] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 18px;
    background: #f3f7fc;
    min-height: 100%;
    overflow-x: hidden;
    font-family: Inter,"Segoe UI",Arial,sans-serif;
    color: #17355f;
    box-sizing: border-box;
}

    .sc-page *[b-vrvb3vzdt2] {
        box-sizing: border-box;
    }

.sc-header[b-vrvb3vzdt2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    margin-bottom: 13px;
    border: 1px solid #dce6f2;
    border-radius: 14px;
    background: #fff;
}

    .sc-header span[b-vrvb3vzdt2] {
        font-size: 14px;
        font-weight: 950;
        color: #1769e8;
        letter-spacing: .03em;
    }

    .sc-header h1[b-vrvb3vzdt2] {
        margin: 4px 0;
        font-size: 32px;
        line-height: 1.1;
    }

    .sc-header p[b-vrvb3vzdt2] {
        margin: 0;
        color: #718096;
        font-size: 16px;
    }

.sc-live[b-vrvb3vzdt2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    border-radius: 8px;
    background: #ecfdf5;
    color: #166534;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

    .sc-live i[b-vrvb3vzdt2] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #22c55e;
        flex: 0 0 10px;
    }

.sc-alert[b-vrvb3vzdt2] {
    padding: 13px 15px;
    margin-bottom: 11px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 850;
}

    .sc-alert.error[b-vrvb3vzdt2] {
        background: #fee2e2;
        color: #991b1b
    }

    .sc-alert.ok[b-vrvb3vzdt2] {
        background: #dcfce7;
        color: #166534
    }

.sc-tabs[b-vrvb3vzdt2] {
    display: flex;
    gap: 8px;
    width: 100%;
    margin-bottom: 13px;
}

    .sc-tabs button[b-vrvb3vzdt2] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex: 1 1 0;
        min-width: 0;
        min-height: 50px;
        padding: 0 14px;
        border: 1px solid #d3deeb;
        border-radius: 9px;
        background: #fff;
        color: #586a80;
        font-size: 14px;
        font-weight: 950;
        cursor: pointer;
    }

        .sc-tabs button.active[b-vrvb3vzdt2] {
            background: #1769e8;
            border-color: #1769e8;
            color: #fff;
        }

    .sc-tabs b[b-vrvb3vzdt2] {
        display: grid;
        place-items: center;
        min-width: 24px;
        height: 24px;
        padding: 0 5px;
        border-radius: 12px;
        background: #dc2626;
        color: #fff;
        font-size: 11px;
    }

.sc-panel[b-vrvb3vzdt2] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce6f2;
    border-radius: 12px;
    background: #fff;
}

    .sc-panel.historial[b-vrvb3vzdt2] {
        margin-top: 13px;
    }

.sc-panel-head[b-vrvb3vzdt2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-bottom: 1px solid #edf2f7;
}

    .sc-panel-head h2[b-vrvb3vzdt2] {
        margin: 0;
        font-size: 22px;
        line-height: 1.15;
    }

    .sc-panel-head p[b-vrvb3vzdt2] {
        margin: 5px 0 0;
        color: #718096;
        font-size: 14px;
    }

    .sc-panel-head > strong[b-vrvb3vzdt2] {
        font-size: 22px;
        white-space: nowrap;
    }

/* IMPORTANTE:
   sin min-width fijo y sin barra horizontal. */
.table-wrap[b-vrvb3vzdt2] {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

table[b-vrvb3vzdt2] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-vrvb3vzdt2] {
    padding: 12px 7px;
    background: #f6f9fd;
    color: #63748a;
    font-size: 11px;
    line-height: 1.15;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
}

td[b-vrvb3vzdt2] {
    padding: 13px 7px;
    border-top: 1px solid #edf2f7;
    font-size: 13px;
    line-height: 1.2;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
}

    td strong[b-vrvb3vzdt2] {
        font-size: 14px;
    }

    td.monto[b-vrvb3vzdt2] {
        font-size: 14px;
        font-weight: 950;
        white-space: nowrap;
    }

.vacio[b-vrvb3vzdt2] {
    text-align: center !important;
    padding: 30px !important;
    color: #718096;
    font-size: 15px !important;
}

/* Distribución SINPES: 9 columnas */
.sc-panel:not(.historial) table th:nth-child(1)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(1)[b-vrvb3vzdt2] {
    width: 11%
}

.sc-panel:not(.historial) table th:nth-child(2)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(2)[b-vrvb3vzdt2] {
    width: 7%
}

.sc-panel:not(.historial) table th:nth-child(3)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(3)[b-vrvb3vzdt2] {
    width: 11%
}

.sc-panel:not(.historial) table th:nth-child(4)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(4)[b-vrvb3vzdt2] {
    width: 15%
}

.sc-panel:not(.historial) table th:nth-child(5)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(5)[b-vrvb3vzdt2] {
    width: 10%
}

.sc-panel:not(.historial) table th:nth-child(6)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(6)[b-vrvb3vzdt2] {
    width: 12%
}

.sc-panel:not(.historial) table th:nth-child(7)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(7)[b-vrvb3vzdt2] {
    width: 10%
}

.sc-panel:not(.historial) table th:nth-child(8)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(8)[b-vrvb3vzdt2] {
    width: 10%
}

.sc-panel:not(.historial) table th:nth-child(9)[b-vrvb3vzdt2],
.sc-panel:not(.historial) table td:nth-child(9)[b-vrvb3vzdt2] {
    width: 14%
}

.origen[b-vrvb3vzdt2],
.estado[b-vrvb3vzdt2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 7px 8px;
    border-radius: 7px;
    font-size: 10px;
    line-height: 1.1;
    font-weight: 950;
    text-align: center;
    background: #e2e8f0;
    color: #475569;
}

    .estado.pendiente[b-vrvb3vzdt2] {
        background: #fef3c7;
        color: #92400e
    }

    .estado.revisado[b-vrvb3vzdt2] {
        background: #dcfce7;
        color: #166534
    }

    .estado.erroneo[b-vrvb3vzdt2] {
        background: #fee2e2;
        color: #991b1b
    }

    .estado.efectivo[b-vrvb3vzdt2] {
        background: #dbeafe;
        color: #1d4ed8
    }

.btn-cambiar[b-vrvb3vzdt2] {
    width: 100%;
    min-height: 40px;
    padding: 5px 7px;
    border: 1px solid #bfdbfe;
    border-radius: 7px;
    background: #eff6ff;
    color: #1769e8;
    font-size: 10px;
    line-height: 1.1;
    font-weight: 950;
    cursor: pointer;
}

.fecha-filtro[b-vrvb3vzdt2] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .fecha-filtro input[b-vrvb3vzdt2] {
        height: 42px;
        padding: 0 10px;
        border: 1px solid #cbd8e8;
        border-radius: 7px;
        color: #17355f;
        background: #fff;
        font-size: 14px;
        font-weight: 750;
    }

    .fecha-filtro button[b-vrvb3vzdt2] {
        min-height: 42px;
        padding: 0 14px;
        border: 0;
        border-radius: 7px;
        background: #1769e8;
        color: #fff;
        font-size: 12px;
        font-weight: 950;
    }

.credito-resumen[b-vrvb3vzdt2] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 9px;
    margin-bottom: 13px;
}

    .credito-resumen > div[b-vrvb3vzdt2] {
        display: grid;
        min-width: 0;
        gap: 6px;
        padding: 15px 16px;
        border: 1px solid #dce6f2;
        border-radius: 10px;
        background: #fff;
    }

    .credito-resumen span[b-vrvb3vzdt2] {
        font-size: 12px;
        font-weight: 950;
        color: #718096;
    }

    .credito-resumen strong[b-vrvb3vzdt2] {
        font-size: 23px;
        line-height: 1.1;
        overflow-wrap: anywhere;
    }

.rojo[b-vrvb3vzdt2] {
    color: #b91c1c !important
}

.verde[b-vrvb3vzdt2] {
    color: #166534 !important
}

.pagar-botones[b-vrvb3vzdt2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    width: 100%;
}

    .pagar-botones button[b-vrvb3vzdt2] {
        min-width: 0;
        min-height: 38px;
        padding: 4px 5px;
        border: 0;
        border-radius: 6px;
        color: #fff;
        font-size: 10px;
        line-height: 1.05;
        font-weight: 950;
        cursor: pointer;
    }

    .pagar-botones .efectivo[b-vrvb3vzdt2] {
        background: #166534
    }

    .pagar-botones .sinpe[b-vrvb3vzdt2] {
        background: #0284c7
    }

/* Historiales con 6/7 columnas: más aire */
.hist-table th[b-vrvb3vzdt2],
.hist-table td[b-vrvb3vzdt2] {
    padding: 13px 9px;
    font-size: 13px;
}

.hist-table th[b-vrvb3vzdt2] {
    font-size: 11px;
}

.clientes-grid[b-vrvb3vzdt2] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 13px;
    width: 100%;
}

.clientes-panel[b-vrvb3vzdt2] {
    min-width: 0;
}

.crear-cliente[b-vrvb3vzdt2] {
    min-height: 42px;
    padding: 0 13px;
    border: 0;
    border-radius: 7px;
    background: #1769e8;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    cursor: pointer;
    white-space: nowrap;
}

.lista-clientes[b-vrvb3vzdt2] {
    display: grid;
}

.cliente-card[b-vrvb3vzdt2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 14px 16px;
    border-top: 1px solid #edf2f7;
}

    .cliente-card:first-child[b-vrvb3vzdt2] {
        border-top: 0
    }

    .cliente-card > div:first-child[b-vrvb3vzdt2] {
        display: grid;
        min-width: 0;
        gap: 4px;
    }

    .cliente-card strong[b-vrvb3vzdt2] {
        font-size: 15px;
        overflow-wrap: anywhere;
    }

    .cliente-card span[b-vrvb3vzdt2] {
        color: #718096;
        font-size: 14px;
    }

    .cliente-card small.bloqueado[b-vrvb3vzdt2] {
        color: #b91c1c;
        font-size: 10px;
        font-weight: 950;
    }

.cliente-actions[b-vrvb3vzdt2] {
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

    .cliente-actions button[b-vrvb3vzdt2] {
        min-height: 36px;
        padding: 0 10px;
        border: 1px solid #bfdbfe;
        border-radius: 6px;
        background: #eff6ff;
        color: #1769e8;
        font-size: 10px;
        font-weight: 950;
        cursor: pointer;
    }

        .cliente-actions button.eliminar[b-vrvb3vzdt2] {
            border-color: #fecaca;
            background: #fff1f2;
            color: #b91c1c;
        }

/* Modales */
.modal-bg[b-vrvb3vzdt2] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(15,23,42,.72);
}

.modal[b-vrvb3vzdt2] {
    width: min(540px,95vw);
    padding: 0 18px 18px;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 20px 65px rgba(0,0,0,.28);
}

    .modal header[b-vrvb3vzdt2] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin: 0 -18px 15px;
        padding: 17px 18px;
        border-bottom: 1px solid #e2e8f0;
    }

        .modal header span[b-vrvb3vzdt2] {
            font-size: 12px;
            font-weight: 950;
            color: #1769e8;
        }

        .modal header h3[b-vrvb3vzdt2] {
            margin: 3px 0 0;
            font-size: 22px;
        }

        .modal header > strong[b-vrvb3vzdt2] {
            font-size: 22px;
            color: #166534;
        }

    .modal label[b-vrvb3vzdt2] {
        display: grid;
        gap: 6px;
        margin-top: 11px;
    }

        .modal label span[b-vrvb3vzdt2] {
            font-size: 12px;
            font-weight: 950;
            color: #718096;
        }

    .modal input[b-vrvb3vzdt2] {
        width: 100%;
        height: 48px;
        padding: 0 12px;
        border: 1px solid #cbd8e8;
        border-radius: 7px;
        color: #17355f;
        font-size: 16px;
    }

    .modal p[b-vrvb3vzdt2] {
        font-size: 16px;
        line-height: 1.5;
        color: #475569;
    }

    .modal footer[b-vrvb3vzdt2] {
        display: grid;
        grid-template-columns: 1fr 1.4fr;
        gap: 8px;
        margin-top: 16px;
    }

        .modal footer button[b-vrvb3vzdt2] {
            min-height: 47px;
            border: 0;
            border-radius: 7px;
            font-size: 12px;
            font-weight: 950;
            cursor: pointer;
        }

    .modal .cancelar[b-vrvb3vzdt2] {
        background: #e2e8f0;
        color: #475569
    }

    .modal .confirmar[b-vrvb3vzdt2] {
        background: #1769e8;
        color: #fff
    }

        .modal .confirmar:disabled[b-vrvb3vzdt2] {
            opacity: .45
        }

.confirmar-modal[b-vrvb3vzdt2] {
    width: min(490px,95vw);
}

tfoot td[b-vrvb3vzdt2] {
    background: #f8fafc;
}

/* Desktop angosto: sigue sin barras, reduce espacios antes que letras */
@media(max-width:1250px) {
    .sc-page[b-vrvb3vzdt2] {
        padding: 12px
    }

    th[b-vrvb3vzdt2] {
        padding: 10px 5px;
        font-size: 10px
    }

    td[b-vrvb3vzdt2] {
        padding: 11px 5px;
        font-size: 12px
    }

        td strong[b-vrvb3vzdt2] {
            font-size: 13px
        }

        td.monto[b-vrvb3vzdt2] {
            font-size: 13px
        }

    .btn-cambiar[b-vrvb3vzdt2],
    .pagar-botones button[b-vrvb3vzdt2] {
        font-size: 9px;
    }

    .credito-resumen strong[b-vrvb3vzdt2] {
        font-size: 20px;
    }
}

@media(max-width:950px) {
    .sc-header[b-vrvb3vzdt2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .credito-resumen[b-vrvb3vzdt2] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .clientes-grid[b-vrvb3vzdt2] {
        grid-template-columns: 1fr;
    }

    /* En tablet, las celdas se apilan visualmente sin scroll */
    table[b-vrvb3vzdt2],
    thead[b-vrvb3vzdt2],
    tbody[b-vrvb3vzdt2],
    tfoot[b-vrvb3vzdt2],
    tr[b-vrvb3vzdt2],
    th[b-vrvb3vzdt2],
    td[b-vrvb3vzdt2] {
        min-width: 0;
    }

    .sc-panel-head[b-vrvb3vzdt2] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media(max-width:650px) {
    .sc-page[b-vrvb3vzdt2] {
        padding: 8px
    }

    .sc-header h1[b-vrvb3vzdt2] {
        font-size: 27px
    }

    .sc-header p[b-vrvb3vzdt2] {
        font-size: 14px
    }

    .sc-tabs[b-vrvb3vzdt2] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .credito-resumen[b-vrvb3vzdt2] {
        grid-template-columns: 1fr;
    }

    .fecha-filtro[b-vrvb3vzdt2] {
        width: 100%;
    }

        .fecha-filtro input[b-vrvb3vzdt2] {
            flex: 1;
            min-width: 0;
        }

    .cliente-card[b-vrvb3vzdt2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cliente-actions[b-vrvb3vzdt2] {
        width: 100%;
    }

        .cliente-actions button[b-vrvb3vzdt2] {
            flex: 1;
        }

    .modal footer[b-vrvb3vzdt2] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   TAMAÑO DE TEXTO GRANDE - SINPES Y CRÉDITOS VENDEDOR
   Aplicado al final para que prevalezca en todas las vistas.
   ========================================================= */

.sc-page[b-vrvb3vzdt2] {
    font-size: 16px;
}

.sc-header span[b-vrvb3vzdt2] {
    font-size: 15px
}

.sc-header h1[b-vrvb3vzdt2] {
    font-size: 34px
}

.sc-header p[b-vrvb3vzdt2] {
    font-size: 17px
}

.sc-live[b-vrvb3vzdt2] {
    font-size: 14px
}

.sc-alert[b-vrvb3vzdt2] {
    font-size: 16px
}

.sc-tabs button[b-vrvb3vzdt2] {
    font-size: 16px;
    min-height: 54px;
}

.sc-tabs b[b-vrvb3vzdt2] {
    font-size: 13px;
    min-width: 27px;
    height: 27px;
}

.sc-panel-head h2[b-vrvb3vzdt2] {
    font-size: 24px
}

.sc-panel-head p[b-vrvb3vzdt2] {
    font-size: 16px
}

.sc-panel-head > strong[b-vrvb3vzdt2] {
    font-size: 24px
}

/* Encabezados y datos de TODAS las tablas */
th[b-vrvb3vzdt2],
.hist-table th[b-vrvb3vzdt2] {
    font-size: 13px !important;
    line-height: 1.2;
}

td[b-vrvb3vzdt2],
.hist-table td[b-vrvb3vzdt2] {
    font-size: 16px !important;
    line-height: 1.3;
}

    td strong[b-vrvb3vzdt2] {
        font-size: 17px !important;
    }

    td.monto[b-vrvb3vzdt2] {
        font-size: 17px !important;
    }

.vacio[b-vrvb3vzdt2] {
    font-size: 17px !important;
}

/* Estados, origen y acciones */
.origen[b-vrvb3vzdt2],
.estado[b-vrvb3vzdt2] {
    font-size: 12px !important;
    padding: 8px 9px;
}

.btn-cambiar[b-vrvb3vzdt2] {
    font-size: 12px !important;
    min-height: 42px;
}

.fecha-filtro input[b-vrvb3vzdt2] {
    font-size: 16px;
}

.fecha-filtro button[b-vrvb3vzdt2] {
    font-size: 14px;
}

/* Resumen de créditos */
.credito-resumen span[b-vrvb3vzdt2] {
    font-size: 14px;
}

.credito-resumen strong[b-vrvb3vzdt2] {
    font-size: 26px !important;
}

/* Botones de pago */
.pagar-botones button[b-vrvb3vzdt2] {
    font-size: 12px !important;
    min-height: 42px;
}

/* Clientes */
.crear-cliente[b-vrvb3vzdt2] {
    font-size: 14px;
}

.cliente-card strong[b-vrvb3vzdt2] {
    font-size: 17px;
}

.cliente-card span[b-vrvb3vzdt2] {
    font-size: 16px;
}

.cliente-card small.bloqueado[b-vrvb3vzdt2] {
    font-size: 12px;
}

.cliente-actions button[b-vrvb3vzdt2] {
    font-size: 12px;
    min-height: 39px;
}

/* Modales */
.modal header span[b-vrvb3vzdt2] {
    font-size: 14px
}

.modal header h3[b-vrvb3vzdt2] {
    font-size: 24px
}

.modal header > strong[b-vrvb3vzdt2] {
    font-size: 24px
}

.modal label span[b-vrvb3vzdt2] {
    font-size: 14px
}

.modal input[b-vrvb3vzdt2] {
    font-size: 17px
}

.modal p[b-vrvb3vzdt2] {
    font-size: 17px
}

.modal footer button[b-vrvb3vzdt2] {
    font-size: 14px
}

/* Evitar que el media query de escritorio angosto vuelva a reducir demasiado */
@media(max-width:1250px) {
    th[b-vrvb3vzdt2],
    .hist-table th[b-vrvb3vzdt2] {
        font-size: 12px !important;
    }

    td[b-vrvb3vzdt2],
    .hist-table td[b-vrvb3vzdt2] {
        font-size: 15px !important;
    }

        td strong[b-vrvb3vzdt2] {
            font-size: 16px !important;
        }

        td.monto[b-vrvb3vzdt2] {
            font-size: 16px !important;
        }

    .btn-cambiar[b-vrvb3vzdt2],
    .pagar-botones button[b-vrvb3vzdt2] {
        font-size: 11px !important;
    }

    .credito-resumen strong[b-vrvb3vzdt2] {
        font-size: 24px !important;
    }
}
/* /Components/Pages/SinpesCreditosAdmin.razor.rz.scp.css */
.sca-page[b-yi23elxnuv]{padding:18px;background:#f3f7fc;min-height:100%;color:#17355f;font-family:Inter,"Segoe UI",Arial,sans-serif}.sca-header[b-yi23elxnuv]{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dce6f2;border-radius:14px;padding:20px 22px;margin-bottom:12px}.sca-header span[b-yi23elxnuv]{color:#1769e8;font-weight:900}.sca-header h1[b-yi23elxnuv]{margin:4px 0;font-size:30px}.sca-header p[b-yi23elxnuv]{margin:0;color:#718096}.sca-header button[b-yi23elxnuv],.filtros button[b-yi23elxnuv]{background:#1769e8;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:900;cursor:pointer}.sca-alert[b-yi23elxnuv]{padding:12px 15px;border-radius:8px;margin-bottom:12px;font-weight:800}.sca-alert.error[b-yi23elxnuv]{background:#fee2e2;color:#991b1b}.sca-alert.ok[b-yi23elxnuv]{background:#dcfce7;color:#166534}.sca-resumen[b-yi23elxnuv]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.sca-resumen>div[b-yi23elxnuv]{background:#fff;border:1px solid #dce6f2;border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center}.sca-resumen span[b-yi23elxnuv]{grid-column:1/3;color:#64748b;font-size:12px;font-weight:900}.sca-resumen strong[b-yi23elxnuv]{font-size:28px}.sca-resumen b[b-yi23elxnuv]{font-size:22px;color:#1769e8}.sca-tabs[b-yi23elxnuv]{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.sca-tabs button[b-yi23elxnuv],.subtabs button[b-yi23elxnuv]{border:1px solid #d3deeb;background:#fff;color:#586a80;border-radius:9px;padding:13px 8px;font-weight:900;cursor:pointer}.sca-tabs button.active[b-yi23elxnuv],.subtabs button.active[b-yi23elxnuv]{background:#1769e8;color:#fff;border-color:#1769e8}.sca-panel[b-yi23elxnuv]{background:#fff;border:1px solid #dce6f2;border-radius:12px;overflow:hidden;margin-bottom:12px}.sca-title[b-yi23elxnuv]{padding:15px 18px;border-bottom:1px solid #edf2f7}.sca-title h2[b-yi23elxnuv]{margin:0}.sca-title p[b-yi23elxnuv]{margin:4px 0 0;color:#718096}.table-wrap[b-yi23elxnuv]{width:100%;overflow:auto}table[b-yi23elxnuv]{width:100%;border-collapse:collapse;min-width:980px}th[b-yi23elxnuv]{background:#f6f9fd;color:#63748a;font-size:11px;padding:11px 7px;text-align:left}td[b-yi23elxnuv]{padding:11px 7px;border-top:1px solid #edf2f7;font-size:12px}.monto[b-yi23elxnuv]{font-weight:950;color:#1769e8;white-space:nowrap}.grupo[b-yi23elxnuv]{font-size:10px;font-weight:900;background:#eef4fb;border-radius:6px;padding:5px 7px}.vacio[b-yi23elxnuv]{text-align:center;padding:28px;color:#718096}.acciones[b-yi23elxnuv]{display:flex;gap:5px}.acciones button[b-yi23elxnuv]{border:0;border-radius:7px;padding:8px 9px;color:#fff;font-weight:900;cursor:pointer}.acciones .ok[b-yi23elxnuv]{background:#15803d}.acciones .bad[b-yi23elxnuv]{background:#dc2626}.acciones .warn[b-yi23elxnuv]{background:#d97706}.filtros[b-yi23elxnuv]{display:grid;grid-template-columns:160px 160px minmax(280px,1fr) 130px;gap:10px;background:#fff;border:1px solid #dce6f2;border-radius:12px;padding:12px;margin-bottom:12px}.filtros label[b-yi23elxnuv]{font-size:11px;font-weight:900;color:#64748b}.filtros input[b-yi23elxnuv],.filtros select[b-yi23elxnuv]{display:block;width:100%;margin-top:4px;height:38px;border:1px solid #cbd5e1;border-radius:7px;padding:0 8px;background:#fff}.subtabs[b-yi23elxnuv]{display:flex;gap:8px;margin-bottom:10px}.modal-bg[b-yi23elxnuv]{position:fixed;inset:0;background:#0f172a99;display:grid;place-items:center;z-index:1000}.modal[b-yi23elxnuv]{width:min(520px,92vw);background:#fff;border-radius:14px;padding:22px;box-shadow:0 20px 60px #0005}.modal h3[b-yi23elxnuv]{margin-top:0}.modal textarea[b-yi23elxnuv]{width:100%;min-height:95px;border:1px solid #cbd5e1;border-radius:8px;padding:9px;margin-top:6px}.modal-actions[b-yi23elxnuv]{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}.modal-actions button[b-yi23elxnuv]{background:#1769e8;color:#fff;border:0;border-radius:8px;padding:10px 15px;font-weight:900}.modal-actions .cancel[b-yi23elxnuv]{background:#64748b}@media(max-width:900px){.sca-tabs[b-yi23elxnuv]{grid-template-columns:1fr 1fr}.filtros[b-yi23elxnuv]{grid-template-columns:1fr 1fr}.sca-resumen[b-yi23elxnuv]{grid-template-columns:1fr}}

/* =========================================================
   TAMAÑO DE TEXTO GRANDE - SINPES Y CRÉDITOS ADMIN
   Incluye pendientes, consultas, créditos y clientes.
   ========================================================= */

.sca-page[b-yi23elxnuv]{
    font-size:16px;
}

.sca-header span[b-yi23elxnuv]{font-size:15px}
.sca-header h1[b-yi23elxnuv]{font-size:34px}
.sca-header p[b-yi23elxnuv]{font-size:17px}
.sca-header button[b-yi23elxnuv]{font-size:14px}

.sca-alert[b-yi23elxnuv]{font-size:16px}

.sca-resumen span[b-yi23elxnuv]{font-size:14px}
.sca-resumen strong[b-yi23elxnuv]{font-size:31px}
.sca-resumen b[b-yi23elxnuv]{font-size:25px}

.sca-tabs button[b-yi23elxnuv],
.subtabs button[b-yi23elxnuv]{
    font-size:15px;
    min-height:50px;
}

/* Encabezados y datos de TODAS las tablas */
.sca-panel th[b-yi23elxnuv]{
    font-size:13px !important;
    line-height:1.2;
    padding:13px 8px;
}

.sca-panel td[b-yi23elxnuv]{
    font-size:16px !important;
    line-height:1.3;
    padding:13px 8px;
}

.sca-panel td strong[b-yi23elxnuv]{
    font-size:17px;
}

.sca-panel .monto[b-yi23elxnuv]{
    font-size:17px !important;
}

.sca-panel .grupo[b-yi23elxnuv]{
    font-size:12px !important;
    padding:6px 8px;
}

.vacio[b-yi23elxnuv]{
    font-size:17px !important;
}

.acciones button[b-yi23elxnuv]{
    font-size:12px;
    min-height:38px;
    padding:9px 11px;
}

/* Filtros de consulta */
.filtros label[b-yi23elxnuv]{
    font-size:13px;
}

.filtros input[b-yi23elxnuv],
.filtros select[b-yi23elxnuv]{
    font-size:15px;
    height:42px;
}

.filtros button[b-yi23elxnuv]{
    font-size:14px;
    min-height:42px;
}

/* Títulos de panel */
.sca-title h2[b-yi23elxnuv]{
    font-size:24px;
}

.sca-title p[b-yi23elxnuv]{
    font-size:16px;
}

/* Modal */
.modal h3[b-yi23elxnuv]{font-size:23px}
.modal p[b-yi23elxnuv]{font-size:17px;line-height:1.45}
.modal label[b-yi23elxnuv]{font-size:14px;font-weight:900}
.modal textarea[b-yi23elxnuv]{font-size:16px}
.modal-actions button[b-yi23elxnuv]{font-size:14px}


/* Consulta SINPE ahora incluye teléfono y vista de clientes. */
.sca-panel table[b-yi23elxnuv]{
    min-width:1080px;
}
/* /Components/Pages/Usuarios.razor.rz.scp.css */
:root[b-ru54fo3x47]{--blue:#0d6efd;--blue-soft:#eaf3ff;--purple:#6f42c1;--purple-soft:#f1ecff;--green:#198754;--green-soft:#eaf8f0;--orange:#f59e0b;--orange-soft:#fff6df;--red:#dc3545;--red-soft:#fff0f1;--cyan:#0891b2;--cyan-soft:#e9faff;--text:#17233b;--muted:#6d7a90;--line:#dfe6ef;--white:#fff}
*[b-ru54fo3x47]{box-sizing:border-box}.usuarios-page[b-ru54fo3x47]{min-height:100%;background:#fff;color:var(--text);padding:1.25rem}.page-header[b-ru54fo3x47],.section-heading[b-ru54fo3x47],.form-toolbar[b-ru54fo3x47],.table-title[b-ru54fo3x47],.toolbar-actions[b-ru54fo3x47],.footer-actions[b-ru54fo3x47],.heading-with-icon[b-ru54fo3x47],.boleta-title[b-ru54fo3x47],.config-title[b-ru54fo3x47],.button-row[b-ru54fo3x47],.action-buttons[b-ru54fo3x47],.user-cell[b-ru54fo3x47],.license-summary[b-ru54fo3x47],.license-main[b-ru54fo3x47]{display:flex;align-items:center}.page-header[b-ru54fo3x47],.form-toolbar[b-ru54fo3x47],.table-title[b-ru54fo3x47],.config-title[b-ru54fo3x47],.license-summary[b-ru54fo3x47]{justify-content:space-between;gap:1rem}.page-header[b-ru54fo3x47]{margin-bottom:1rem}.page-header h1[b-ru54fo3x47],.form-toolbar h2[b-ru54fo3x47],.section-heading h2[b-ru54fo3x47],.section-heading h3[b-ru54fo3x47],.section-heading h4[b-ru54fo3x47],.card h4[b-ru54fo3x47]{margin:0}.page-header p[b-ru54fo3x47],.form-toolbar p[b-ru54fo3x47],.section-heading p[b-ru54fo3x47],.card p[b-ru54fo3x47],.config-title p[b-ru54fo3x47]{margin:.25rem 0 0;color:var(--muted)}.card[b-ru54fo3x47],.subcard[b-ru54fo3x47]{background:#fff;border:1px solid var(--line);border-radius:14px}.card[b-ru54fo3x47]{padding:1rem;box-shadow:0 5px 18px rgba(24,39,75,.05)}.subcard[b-ru54fo3x47]{padding:1rem}.license-summary[b-ru54fo3x47]{margin-bottom:1rem;border-left:5px solid var(--blue)}.license-main[b-ru54fo3x47]{gap:.9rem}.license-label[b-ru54fo3x47]{display:block;font-weight:800}.registered-count[b-ru54fo3x47]{display:block;color:var(--green);font-size:2.35rem;line-height:1}.license-limit[b-ru54fo3x47]{text-align:right;padding:.65rem 1rem;border-radius:11px;background:var(--blue-soft)}.license-limit span[b-ru54fo3x47],.license-limit small[b-ru54fo3x47]{display:block;color:var(--muted)}.license-limit strong[b-ru54fo3x47]{display:block;color:var(--blue);font-size:1.8rem}.btn[b-ru54fo3x47]{border:0;border-radius:9px;padding:.72rem 1rem;font-weight:800;cursor:pointer}.btn:disabled[b-ru54fo3x47]{opacity:.45;cursor:not-allowed}.btn-primary[b-ru54fo3x47]{color:#fff!important;background:var(--blue)!important;box-shadow:0 4px 10px rgba(13,110,253,.2)}.btn-primary:hover[b-ru54fo3x47]{background:#0b5ed7!important}.btn-cancel[b-ru54fo3x47]{color:#fff;background:var(--red)}.btn-clean[b-ru54fo3x47]{color:#fff;background:var(--purple)}.button-icon[b-ru54fo3x47]{font-size:1.05rem}.main-tabs[b-ru54fo3x47]{display:flex;gap:.7rem;margin-bottom:1rem;overflow-x:auto}.main-tab[b-ru54fo3x47]{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:11px;padding:.78rem 1rem;font-weight:850;cursor:pointer;white-space:nowrap}.main-tab.list-tab[b-ru54fo3x47]{background:var(--blue-soft);color:var(--blue)}.main-tab.form-tab[b-ru54fo3x47]{background:var(--green-soft);color:var(--green)}.main-tab.active[b-ru54fo3x47]{box-shadow:0 0 0 3px rgba(13,110,253,.14);border-color:#8cb8ff}.tab-icon[b-ru54fo3x47],.section-icon[b-ru54fo3x47],.small-icon[b-ru54fo3x47],.menu-icon[b-ru54fo3x47],.radio-icon[b-ru54fo3x47]{display:grid;place-items:center;border-radius:10px}.tab-icon[b-ru54fo3x47]{width:30px;height:30px}.section-icon[b-ru54fo3x47]{width:42px;height:42px;font-size:1.15rem;flex:0 0 auto}.small-icon[b-ru54fo3x47]{width:34px;height:34px}.tab-count[b-ru54fo3x47],.count-pill[b-ru54fo3x47]{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;border-radius:999px;background:#fff;color:var(--blue);font-size:.78rem}.icon-blue[b-ru54fo3x47],.menu-icon.blue[b-ru54fo3x47],.radio-icon.blue[b-ru54fo3x47]{background:var(--blue-soft);color:var(--blue)}.icon-purple[b-ru54fo3x47],.menu-icon.purple[b-ru54fo3x47],.radio-icon.purple[b-ru54fo3x47]{background:var(--purple-soft);color:var(--purple)}.icon-green[b-ru54fo3x47],.menu-icon.green[b-ru54fo3x47]{background:var(--green-soft);color:var(--green)}.icon-orange[b-ru54fo3x47],.menu-icon.orange[b-ru54fo3x47]{background:var(--orange-soft);color:var(--orange)}.icon-red[b-ru54fo3x47],.menu-icon.red[b-ru54fo3x47]{background:var(--red-soft);color:var(--red)}.icon-cyan[b-ru54fo3x47],.menu-icon.cyan[b-ru54fo3x47]{background:var(--cyan-soft);color:var(--cyan)}.heading-with-icon[b-ru54fo3x47],.boleta-title[b-ru54fo3x47]{gap:.8rem}.list-section[b-ru54fo3x47]{padding:1.1rem}.filters-grid[b-ru54fo3x47],.form-grid[b-ru54fo3x47],.summary-grid[b-ru54fo3x47],.toggle-grid[b-ru54fo3x47]{display:grid;gap:.85rem}.filters-grid[b-ru54fo3x47]{grid-template-columns:2fr repeat(3,minmax(160px,1fr));margin-top:1rem}.form-grid.four-cols[b-ru54fo3x47]{grid-template-columns:repeat(4,minmax(0,1fr))}.toggle-grid.two-cols[b-ru54fo3x47]{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid.three-cols[b-ru54fo3x47]{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2[b-ru54fo3x47]{grid-column:span 2}.field[b-ru54fo3x47]{display:flex;flex-direction:column;gap:.35rem;font-size:.87rem}.field>span[b-ru54fo3x47]{font-weight:800}.field input[b-ru54fo3x47],.field select[b-ru54fo3x47]{width:100%;min-height:42px;border:1px solid #ccd6e4;border-radius:8px;background:#fff;color:var(--text);padding:.55rem .7rem;outline:none}.field input:focus[b-ru54fo3x47],.field select:focus[b-ru54fo3x47]{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,110,253,.1)}.field input:disabled[b-ru54fo3x47],.field select:disabled[b-ru54fo3x47]{background:#eef1f5;color:#8b96a7}.password-wrap[b-ru54fo3x47]{position:relative}.password-wrap input[b-ru54fo3x47]{padding-right:44px}.eye-btn[b-ru54fo3x47]{position:absolute;right:5px;top:5px;width:34px;height:32px;border:0;border-radius:7px;background:var(--blue-soft);cursor:pointer}.quick-filters[b-ru54fo3x47]{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.filter-chip[b-ru54fo3x47]{border:1px solid var(--line);border-radius:999px;padding:.43rem .78rem;cursor:pointer;font-weight:750}.filter-chip.blue[b-ru54fo3x47]{color:var(--blue);background:var(--blue-soft)}.filter-chip.success[b-ru54fo3x47]{color:var(--green);background:var(--green-soft)}.filter-chip.danger[b-ru54fo3x47]{color:var(--red);background:var(--red-soft)}.filter-chip.purple[b-ru54fo3x47]{color:var(--purple);background:var(--purple-soft)}.table-wrap[b-ru54fo3x47]{overflow:auto}.users-table[b-ru54fo3x47],.draws-table[b-ru54fo3x47]{width:100%;border-collapse:collapse;font-size:.84rem}.users-table th[b-ru54fo3x47],.users-table td[b-ru54fo3x47],.draws-table th[b-ru54fo3x47],.draws-table td[b-ru54fo3x47]{padding:.72rem .62rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.users-table th[b-ru54fo3x47],.draws-table th[b-ru54fo3x47]{color:#526078;background:#fafcff;font-size:.76rem;text-transform:uppercase}.users-table tbody tr[b-ru54fo3x47]{cursor:pointer}.users-table tbody tr:hover[b-ru54fo3x47],.draws-table tbody tr:hover[b-ru54fo3x47]{background:#f8fbff}.selected-row[b-ru54fo3x47]{background:#edf5ff!important;box-shadow:inset 4px 0 0 var(--blue)}.row-selector[b-ru54fo3x47]{color:var(--blue);font-size:1.25rem}.user-cell[b-ru54fo3x47]{gap:.65rem}.user-cell small[b-ru54fo3x47]{display:block;color:var(--muted);margin-top:.15rem}.avatar[b-ru54fo3x47]{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--blue);background:var(--blue-soft);font-weight:900}.type-badge[b-ru54fo3x47],.status[b-ru54fo3x47],.total-badge[b-ru54fo3x47]{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .58rem;font-size:.76rem;font-weight:850}.type-badge[b-ru54fo3x47]{color:var(--purple);background:var(--purple-soft)}.status.active[b-ru54fo3x47]{color:var(--green);background:var(--green-soft)}.status.blocked[b-ru54fo3x47]{color:var(--red);background:var(--red-soft)}.total-badge.ok[b-ru54fo3x47]{color:var(--green);background:var(--green-soft)}.total-badge.bad[b-ru54fo3x47]{color:var(--red);background:var(--red-soft)}.action-buttons[b-ru54fo3x47]{gap:.38rem;flex-wrap:wrap}.action-btn[b-ru54fo3x47]{display:inline-flex;align-items:center;gap:.35rem;border:1px solid;border-radius:8px;padding:.42rem .62rem;font-weight:800;cursor:pointer}.action-btn.edit[b-ru54fo3x47]{color:var(--blue);background:var(--blue-soft);border-color:#bdd6ff}.action-btn.block[b-ru54fo3x47],.action-btn.delete[b-ru54fo3x47]{color:var(--red);background:var(--red-soft);border-color:#f3bcc2}.action-btn.activate[b-ru54fo3x47]{color:var(--green);background:var(--green-soft);border-color:#b9e5c9}.empty-state[b-ru54fo3x47]{text-align:center!important;color:var(--muted);padding:2rem!important}.selected-user-draws[b-ru54fo3x47]{margin-top:1rem}.editable-draws input[b-ru54fo3x47]{height:34px;border:1px solid #ccd6e4;border-radius:7px;padding:.3rem .45rem}.mini-number[b-ru54fo3x47]{width:82px}.inline-numbers[b-ru54fo3x47]{display:flex;gap:.35rem}.inline-numbers input[b-ru54fo3x47]{width:70px}.calculated[b-ru54fo3x47]{background:#f1ecff!important;color:var(--purple);font-weight:900}.form-toolbar[b-ru54fo3x47]{margin-bottom:.75rem}.toolbar-actions[b-ru54fo3x47],.footer-actions[b-ru54fo3x47],.button-row[b-ru54fo3x47]{gap:.65rem}.section-menu[b-ru54fo3x47]{position:sticky;top:0;z-index:10;display:flex;gap:.35rem;overflow-x:auto;margin-bottom:.8rem;padding:.55rem}.section-menu a[b-ru54fo3x47]{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:var(--text);padding:.5rem .65rem;border-radius:8px;white-space:nowrap;font-weight:750;font-size:.82rem}.section-menu a:hover[b-ru54fo3x47]{background:var(--blue-soft);color:var(--blue)}.menu-icon[b-ru54fo3x47]{width:27px;height:27px}.form-section[b-ru54fo3x47]{margin-bottom:1rem;scroll-margin-top:5rem}.section-heading[b-ru54fo3x47]{margin-bottom:1rem}.hierarchy-card[b-ru54fo3x47],.boleta-card[b-ru54fo3x47]{margin-top:1rem}.radio-options[b-ru54fo3x47]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.radio-card[b-ru54fo3x47]{display:flex;align-items:flex-start;gap:.65rem;border:1px solid var(--line);border-radius:10px;padding:.85rem;cursor:pointer}.radio-card.selected[b-ru54fo3x47]{border-color:#9fc3ff;background:var(--blue-soft)}.radio-card small[b-ru54fo3x47],.toggle-card small[b-ru54fo3x47]{display:block;color:var(--muted);margin-top:.15rem}.radio-icon[b-ru54fo3x47]{width:34px;height:34px}.intermediary-select[b-ru54fo3x47]{margin-top:1rem;max-width:480px}.boleta-card[b-ru54fo3x47]{background:#fbfdff}.sinpe-field[b-ru54fo3x47]{max-width:420px;margin-top:.8rem}.toggle-card[b-ru54fo3x47]{display:flex;gap:.6rem;border:1px solid var(--line);border-radius:10px;padding:.85rem;background:#fff}.draw-builder[b-ru54fo3x47]{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem}.draw-selection[b-ru54fo3x47]{max-height:520px;overflow:auto}.draw-option[b-ru54fo3x47]{display:flex;gap:.65rem;padding:.72rem 0;border-bottom:1px solid var(--line);cursor:pointer}.draw-option span[b-ru54fo3x47]{display:flex;flex-direction:column;gap:.2rem}.draw-option small[b-ru54fo3x47],.helper[b-ru54fo3x47]{color:var(--muted)}.draw-option.disabled[b-ru54fo3x47]{opacity:.42;cursor:not-allowed}.config-title[b-ru54fo3x47]{margin-bottom:.9rem}.calculated-field input[b-ru54fo3x47]{color:var(--purple);font-weight:900}.button-row[b-ru54fo3x47]{margin-top:1rem}.added-draws[b-ru54fo3x47]{margin-top:1rem}.summary-grid[b-ru54fo3x47]{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-item[b-ru54fo3x47]{border:1px solid var(--line);border-radius:10px;padding:.8rem}.summary-item span[b-ru54fo3x47]{display:block;color:var(--muted);font-size:.8rem}.summary-item strong[b-ru54fo3x47]{display:block;margin-top:.25rem}.green-text[b-ru54fo3x47]{color:var(--green)}.red-text[b-ru54fo3x47]{color:var(--red)}.footer-actions[b-ru54fo3x47]{justify-content:flex-end;margin-top:1rem}.alert[b-ru54fo3x47]{border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem}.alert.success[b-ru54fo3x47]{color:var(--green);background:var(--green-soft);border:1px solid #b9e5c9}.alert.danger[b-ru54fo3x47]{color:var(--red);background:var(--red-soft);border:1px solid #f3bcc2}.empty-state-box[b-ru54fo3x47]{padding:1rem;border:1px dashed #cbd5e1;border-radius:10px;color:var(--muted);background:#fafcff}
@media(max-width:1100px){.filters-grid[b-ru54fo3x47],.form-grid.four-cols[b-ru54fo3x47],.summary-grid[b-ru54fo3x47]{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-builder[b-ru54fo3x47]{grid-template-columns:1fr}.toggle-grid.three-cols[b-ru54fo3x47]{grid-template-columns:1fr 1fr}}@media(max-width:700px){.usuarios-page[b-ru54fo3x47]{padding:.75rem}.page-header[b-ru54fo3x47],.license-summary[b-ru54fo3x47],.form-toolbar[b-ru54fo3x47],.table-title[b-ru54fo3x47]{align-items:flex-start;flex-direction:column}.license-limit[b-ru54fo3x47]{text-align:left;width:100%}.filters-grid[b-ru54fo3x47],.form-grid.four-cols[b-ru54fo3x47],.summary-grid[b-ru54fo3x47],.toggle-grid.two-cols[b-ru54fo3x47],.toggle-grid.three-cols[b-ru54fo3x47],.radio-options[b-ru54fo3x47]{grid-template-columns:1fr}.span-2[b-ru54fo3x47]{grid-column:span 1}.toolbar-actions[b-ru54fo3x47],.footer-actions[b-ru54fo3x47]{width:100%;flex-wrap:wrap}.toolbar-actions .btn[b-ru54fo3x47],.footer-actions .btn[b-ru54fo3x47]{flex:1}.action-btn[b-ru54fo3x47]{padding:.38rem .5rem}.main-tab[b-ru54fo3x47]{flex:1;justify-content:center}}

/* V8: colores fijos, acciones inmediatas y confirmaciones */
.usuarios-page .registered-count[b-ru54fo3x47]{color:#198754!important;font-size:2.8rem!important;background:#eaf8ef;border:1px solid #b9e5c9;border-radius:12px;padding:.35rem .85rem;display:inline-block;margin-top:.35rem}
.usuarios-page .license-limit[b-ru54fo3x47]{background:#eaf3ff!important;border:1px solid #b8d4ff}.usuarios-page .license-limit strong[b-ru54fo3x47]{color:#0d6efd!important}
.usuarios-page .main-tab[b-ru54fo3x47]{border-width:2px!important;background:#fff!important}.usuarios-page .main-tab.list-tab[b-ru54fo3x47]{border-color:#8cb8ff!important;color:#0d6efd!important}.usuarios-page .main-tab.form-tab[b-ru54fo3x47]{border-color:#9bd5ae!important;color:#198754!important}.usuarios-page .main-tab.list-tab.active[b-ru54fo3x47]{background:#eaf3ff!important}.usuarios-page .main-tab.form-tab.active[b-ru54fo3x47]{background:#eaf8ef!important}
.usuarios-page button.btn-primary[b-ru54fo3x47],.usuarios-page .btn.btn-primary[b-ru54fo3x47]{background:#0d6efd!important;color:#fff!important;border:1px solid #0d6efd!important}.usuarios-page button.btn-primary:hover[b-ru54fo3x47]{background:#0b5ed7!important;color:#fff!important}
.usuarios-page .btn-cancel[b-ru54fo3x47]{background:#dc3545!important;color:#fff!important;border:1px solid #dc3545!important}.usuarios-page .btn-clean[b-ru54fo3x47]{background:#6f42c1!important;color:#fff!important;border:1px solid #6f42c1!important}
.disabled-card[b-ru54fo3x47]{opacity:.5;cursor:not-allowed;background:#f1f3f5}.confirm-overlay[b-ru54fo3x47]{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:9999;display:grid;place-items:center;padding:1rem}.confirm-box[b-ru54fo3x47]{width:min(460px,100%);background:#fff;border-radius:16px;padding:1.35rem;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center}.confirm-icon[b-ru54fo3x47]{font-size:2.4rem}.confirm-box h3[b-ru54fo3x47]{margin:.4rem 0}.confirm-box p[b-ru54fo3x47]{color:#526078}.confirm-actions[b-ru54fo3x47]{display:flex;justify-content:center;gap:.75rem;margin-top:1.2rem}.supervisor-permissions .toggle-card[b-ru54fo3x47]{border-left:4px solid #6f42c1}


/* V9: botones visibles, ventanas modales, porcentajes y constructor de sorteos */
.usuarios-page .main-tabs[b-ru54fo3x47]{gap:.8rem}
.usuarios-page .main-tab[b-ru54fo3x47]{appearance:none!important;-webkit-appearance:none!important;min-height:54px;border-radius:12px!important;border:2px solid transparent!important;padding:.8rem 1.15rem!important;box-shadow:0 4px 12px rgba(15,23,42,.08)!important;transition:none!important}
.usuarios-page .main-tab.list-tab[b-ru54fo3x47]{background:#0d6efd!important;color:#fff!important;border-color:#0d6efd!important}
.usuarios-page .main-tab.form-tab[b-ru54fo3x47]{background:#198754!important;color:#fff!important;border-color:#198754!important}
.usuarios-page .main-tab.active[b-ru54fo3x47]{outline:3px solid rgba(13,110,253,.18)!important;transform:none!important}
.usuarios-page .main-tab .tab-count[b-ru54fo3x47]{background:#fff!important;color:#0d6efd!important}
.usuarios-page .main-tab:hover[b-ru54fo3x47],.usuarios-page .main-tab:focus[b-ru54fo3x47]{filter:none!important;transform:none!important;color:#fff!important}
.modal-button[b-ru54fo3x47]{min-width:130px;border:0;border-radius:10px;padding:.75rem 1.15rem;font-weight:900;cursor:pointer;color:#fff!important}
.accept-button[b-ru54fo3x47]{background:#0d6efd!important;border:1px solid #0d6efd!important}
.cancel-button[b-ru54fo3x47]{background:#dc3545!important;border:1px solid #dc3545!important}
.validation-box[b-ru54fo3x47]{text-align:left;max-height:80vh;overflow:auto}.validation-box h3[b-ru54fo3x47],.validation-box>p[b-ru54fo3x47]{text-align:center}.validation-list[b-ru54fo3x47]{margin:.9rem 0 0;padding-left:1.4rem;color:#9f1d2d}.validation-list li[b-ru54fo3x47]{margin:.42rem 0}.error-icon[b-ru54fo3x47]{text-align:center}
.percent-input-wrap[b-ru54fo3x47]{display:flex;align-items:stretch;width:100%}.percent-input-wrap input[b-ru54fo3x47]{border-radius:8px 0 0 8px!important}.percent-input-wrap>span[b-ru54fo3x47]{display:flex;align-items:center;justify-content:center;min-width:42px;border:1px solid #ccd6e4;border-left:0;border-radius:0 8px 8px 0;background:#eef4ff;color:#0d6efd;font-weight:900}.percent-input-wrap.compact[b-ru54fo3x47]{width:150px;flex:0 0 auto}.percent-input-wrap.compact input[b-ru54fo3x47]{min-width:90px}
.authorization-banner[b-ru54fo3x47]{display:flex;align-items:center;gap:.8rem;border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem;border:1px solid}.authorization-banner>div:nth-child(2)[b-ru54fo3x47]{flex:1}.authorization-banner small[b-ru54fo3x47]{display:block;margin-top:.2rem;color:#64748b}.intermediary-banner[b-ru54fo3x47]{background:#f3efff;border-color:#cbbaf2}.seller-banner[b-ru54fo3x47]{background:#eaf3ff;border-color:#b8d4ff}.authorization-icon[b-ru54fo3x47]{font-size:1.45rem}.authorization-value[b-ru54fo3x47]{font-size:1.55rem;color:#0d6efd;background:#fff;border-radius:10px;padding:.35rem .7rem}
.draw-builder[b-ru54fo3x47]{grid-template-columns:minmax(420px, .95fr) minmax(0,1.35fr)!important}.draw-selection[b-ru54fo3x47]{min-width:0}.draw-option[b-ru54fo3x47]{padding:.85rem .25rem}.calculated-field small[b-ru54fo3x47]{color:#6d7a90;margin-top:.25rem}
.confirm-actions .modal-button[b-ru54fo3x47]{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1100px){.draw-builder[b-ru54fo3x47]{grid-template-columns:1fr!important}.authorization-banner[b-ru54fo3x47]{align-items:flex-start;flex-wrap:wrap}.percent-input-wrap.compact[b-ru54fo3x47]{width:100%}}

/* V10: botones de pestaña siempre legibles y comisiones de reventado */
.usuarios-page .main-tab.list-tab[b-ru54fo3x47],.usuarios-page .main-tab.list-tab.active[b-ru54fo3x47]{background:#0d6efd!important;color:#fff!important;border-color:#0d6efd!important;}
.usuarios-page .main-tab.form-tab[b-ru54fo3x47],.usuarios-page .main-tab.form-tab.active[b-ru54fo3x47]{background:#198754!important;color:#fff!important;border-color:#198754!important;}
.usuarios-page .main-tab.list-tab.active[b-ru54fo3x47]{background:#084298!important;}
.usuarios-page .main-tab.form-tab.active[b-ru54fo3x47]{background:#0f5132!important;}
.usuarios-page .main-tab span:not(.tab-count)[b-ru54fo3x47]{color:inherit!important;}
.usuarios-page .main-tab .tab-count[b-ru54fo3x47]{background:#fff!important;color:#0d6efd!important;}
.authorization-values[b-ru54fo3x47]{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.authorization-value.rev[b-ru54fo3x47]{background:#e9f8ff;color:#087990;border:1px solid #9eeaf9}.draws-table .percent-input-wrap.compact[b-ru54fo3x47]{min-width:120px}

.intermediary-max-fields[b-ru54fo3x47]{display:flex;gap:.75rem;flex-wrap:wrap;margin-left:auto}.intermediary-max-fields label[b-ru54fo3x47]{display:flex;flex-direction:column;gap:.25rem}.intermediary-max-fields small[b-ru54fo3x47]{font-weight:800;color:#526078}


/* V11: filtros de estado y jerarquía, indicadores de estado */
.status-filter-field[b-ru54fo3x47]{min-width:300px}.status-filter-buttons[b-ru54fo3x47]{display:flex;gap:.45rem;flex-wrap:wrap}.status-filter-button[b-ru54fo3x47]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:.55rem .8rem;background:#fff!important;color:#17233b!important;border:2px solid #cbd5e1!important;border-radius:9px;font-weight:850;cursor:pointer}.status-filter-button:hover[b-ru54fo3x47]{background:#f8fafc!important;color:#17233b!important}.status-filter-button.selected[b-ru54fo3x47]{background:#eef4ff!important;border-color:#0d6efd!important;color:#17233b!important;box-shadow:0 0 0 2px rgba(13,110,253,.10)}.status-filter-button.active-filter.selected[b-ru54fo3x47]{background:#eaf8f0!important;border-color:#198754!important}.status-filter-button.blocked-filter.selected[b-ru54fo3x47]{background:#fff0f1!important;border-color:#dc3545!important}.state-dot[b-ru54fo3x47]{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}.active-dot[b-ru54fo3x47]{background:#198754;box-shadow:0 0 0 3px rgba(25,135,84,.13)}.blocked-dot[b-ru54fo3x47]{background:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.12)}.status[b-ru54fo3x47]{gap:.45rem}.filters-grid[b-ru54fo3x47]{grid-template-columns:2fr minmax(170px,1fr) minmax(310px,1.35fr) minmax(230px,1fr)!important;align-items:end}@media(max-width:1100px){.filters-grid[b-ru54fo3x47]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.filters-grid[b-ru54fo3x47]{grid-template-columns:1fr!important}.status-filter-buttons[b-ru54fo3x47]{width:100%}.status-filter-button[b-ru54fo3x47]{flex:1}}


/* V12: pestañas más brillantes y copiar usuario */
.usuarios-page .main-tab.list-tab[b-ru54fo3x47],
.usuarios-page .main-tab.list-tab.active[b-ru54fo3x47] {
    background:#1687ff!important;
    border-color:#1687ff!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(22,135,255,.26)!important;
}
.usuarios-page .main-tab.form-tab[b-ru54fo3x47],
.usuarios-page .main-tab.form-tab.active[b-ru54fo3x47] {
    background:#20b86a!important;
    border-color:#20b86a!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(32,184,106,.24)!important;
}
.usuarios-page .main-tab.list-tab.active[b-ru54fo3x47] {
    background:#087cf0!important;
    outline:3px solid rgba(22,135,255,.19)!important;
}
.usuarios-page .main-tab.form-tab.active[b-ru54fo3x47] {
    background:#13aa5d!important;
    outline:3px solid rgba(32,184,106,.19)!important;
}
.usuarios-page .main-tab:hover[b-ru54fo3x47] {
    filter:brightness(1.06)!important;
}
.btn-copy-user[b-ru54fo3x47] {
    background:#7c3aed!important;
    border:1px solid #7c3aed!important;
    color:#fff!important;
    box-shadow:0 5px 12px rgba(124,58,237,.22);
}
.btn-copy-user:hover[b-ru54fo3x47] { background:#6d28d9!important; }
.copy-user-box[b-ru54fo3x47] { width:min(720px,100%); text-align:left; }
.copy-user-header[b-ru54fo3x47] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.copy-user-header h3[b-ru54fo3x47] { text-align:left; }
.copy-user-header p[b-ru54fo3x47] { margin-bottom:.6rem; }
.copy-icon[b-ru54fo3x47] { text-align:left; }
.copy-close-button[b-ru54fo3x47] { width:38px; height:38px; flex:0 0 auto; border:0; border-radius:10px; background:#fff0f1; color:#dc3545; font-size:1.6rem; line-height:1; cursor:pointer; }
.copy-search-field[b-ru54fo3x47] { margin:.8rem 0; }
.copy-user-list[b-ru54fo3x47] { max-height:340px; overflow:auto; border:1px solid #dfe6ef; border-radius:12px; padding:.35rem; background:#fafcff; }
.copy-user-option[b-ru54fo3x47] { width:100%; display:flex; align-items:center; gap:.75rem; border:1px solid transparent; border-radius:10px; padding:.72rem; background:#fff; color:#17233b; text-align:left; cursor:pointer; margin:.25rem 0; }
.copy-user-option:hover[b-ru54fo3x47] { border-color:#b8d4ff; background:#f4f8ff; }
.copy-user-option.selected[b-ru54fo3x47] { border-color:#1687ff; background:#eaf4ff; box-shadow:0 0 0 2px rgba(22,135,255,.10); }
.copy-user-info[b-ru54fo3x47] { display:flex; flex:1; min-width:0; flex-direction:column; }
.copy-user-info small[b-ru54fo3x47] { color:#6d7a90; margin-top:.15rem; white-space:normal; }
.copy-check[b-ru54fo3x47] { color:#1687ff; font-size:1.25rem; }
.copy-user-summary[b-ru54fo3x47] { display:flex; flex-direction:column; gap:.25rem; margin-top:.8rem; padding:.8rem; border:1px solid #cbbaf2; border-radius:10px; background:#f5f0ff; }
.copy-user-summary span[b-ru54fo3x47],.copy-user-summary small[b-ru54fo3x47] { color:#5f6472; }
@media(max-width:700px){.copy-user-box[b-ru54fo3x47]{max-height:92vh;overflow:auto}.copy-user-option[b-ru54fo3x47]{align-items:flex-start}.copy-user-header[b-ru54fo3x47]{gap:.5rem}}

/* V14: control visual del límite de usuarios por licencia */
.usuarios-page .main-tab.form-tab:disabled[b-ru54fo3x47] {
    background: #94a3b8 !important;
    border-color: #94a3b8 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: .72 !important;
    filter: none !important;
}

.usuarios-page .license-limit small[b-ru54fo3x47] {
    margin-top: .2rem;
}

.usuarios-page .license-limit.limit-reached[b-ru54fo3x47] {
    background: #fff0f1 !important;
    border-color: #f3bcc2 !important;
}

/* V15: resumen de licencia consistente */
.usuarios-page .license-description[b-ru54fo3x47] {
    display: block;
    margin-top: .25rem;
    color: var(--muted);
}

.usuarios-page .license-limit[b-ru54fo3x47] {
    min-width: 390px;
    padding: .65rem .85rem !important;
}

.usuarios-page .license-stats[b-ru54fo3x47] {
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    gap: .55rem;
    margin-bottom: .35rem;
}

.usuarios-page .license-stat[b-ru54fo3x47] {
    padding: .48rem .6rem;
    border: 1px solid #d5e2f5;
    border-radius: 9px;
    background: #ffffff;
    text-align: center;
}

.usuarios-page .license-stat span[b-ru54fo3x47] {
    display: block;
    color: #64748b;
    font-size: .73rem;
    font-weight: 800;
}

.usuarios-page .license-stat strong[b-ru54fo3x47] {
    display: block;
    margin-top: .08rem;
    font-size: 1.45rem;
    line-height: 1.05;
}

.usuarios-page .license-stat.registered strong[b-ru54fo3x47] {
    color: #198754 !important;
}

.usuarios-page .license-stat.allowed strong[b-ru54fo3x47] {
    color: #0d6efd !important;
}

.usuarios-page .license-stat.available strong[b-ru54fo3x47] {
    color: #7c3aed !important;
}

.usuarios-page .license-limit.limit-reached .license-stat.available strong[b-ru54fo3x47] {
    color: #dc3545 !important;
}

@media(max-width:700px) {
    .usuarios-page .license-limit[b-ru54fo3x47] {
        min-width: 0;
        width: 100%;
    }

    .usuarios-page .license-stats[b-ru54fo3x47] {
        grid-template-columns: 1fr;
    }
}

/* V16: título del cuadro de usuarios y carga sin pestañeo */
.usuarios-page .license-box-title[b-ru54fo3x47] {
    margin-bottom: .5rem;
    color: #17233b;
    font-size: .95rem;
    font-weight: 900;
    text-align: left;
    letter-spacing: .1px;
}

.usuarios-page .license-limit[b-ru54fo3x47] {
    transition: none !important;
}

/* V17: estados visuales para sorteos asignados */
.draw-status-summary[b-ru54fo3x47] {
    display: grid;
    grid-template-columns: repeat(3, minmax(130px, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.draw-status-card[b-ru54fo3x47] {
    padding: .8rem 1rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
}

.draw-status-card span[b-ru54fo3x47] {
    display: block;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 850;
}

.draw-status-card strong[b-ru54fo3x47] {
    display: block;
    margin-top: .2rem;
    font-size: 1.55rem;
}

.draw-status-card.total[b-ru54fo3x47] {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.draw-status-card.active[b-ru54fo3x47] {
    border-color: #b9e5c9;
    background: #eaf8f0;
}

.draw-status-card.active strong[b-ru54fo3x47] {
    color: #198754;
}

.draw-status-card.blocked[b-ru54fo3x47] {
    border-color: #f3bcc2;
    background: #fff0f1;
}

.draw-status-card.blocked strong[b-ru54fo3x47] {
    color: #dc3545;
}

.draw-list-toolbar[b-ru54fo3x47] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.draw-search-field[b-ru54fo3x47] {
    width: min(430px, 100%);
}

.draw-filter-buttons[b-ru54fo3x47] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.draw-filter-button[b-ru54fo3x47] {
    min-height: 40px;
    padding: .5rem .75rem;
    border: 2px solid #cbd5e1;
    border-radius: 9px;
    background: #fff;
    color: #17233b;
    font-weight: 850;
    cursor: pointer;
}

.draw-filter-button.selected[b-ru54fo3x47] {
    border-color: #0d6efd;
    background: #eef4ff;
}

.draw-filter-button.active-filter.selected[b-ru54fo3x47] {
    border-color: #198754;
    background: #eaf8f0;
}

.draw-filter-button.blocked-filter.selected[b-ru54fo3x47] {
    border-color: #dc3545;
    background: #fff0f1;
}

.user-draws-status-table tbody tr[b-ru54fo3x47] {
    transition: background-color .18s ease, box-shadow .18s ease;
}

.user-draws-status-table .draw-row-active[b-ru54fo3x47] {
    background: #fbfffc;
    box-shadow: inset 4px 0 0 #198754;
}

.user-draws-status-table .draw-row-active:hover[b-ru54fo3x47] {
    background: #f1fbf5;
}

.user-draws-status-table .draw-row-blocked[b-ru54fo3x47] {
    background: #fff5f6;
    box-shadow: inset 4px 0 0 #dc3545;
}

.user-draws-status-table .draw-row-blocked:hover[b-ru54fo3x47] {
    background: #ffebed;
}

.draw-name-cell[b-ru54fo3x47] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .4rem .6rem;
    border: 1px solid transparent;
    border-radius: 9px;
}

.draw-name-cell.active[b-ru54fo3x47] {
    color: #146c43;
    border-color: #b9e5c9;
    background: #eaf8f0;
}

.draw-name-cell.blocked[b-ru54fo3x47] {
    color: #b02a37;
    border-color: #dc3545;
    background: #fff0f1;
}

.draw-name-cell.blocked strong[b-ru54fo3x47] {
    color: #b02a37;
}

.draw-state-icon[b-ru54fo3x47] {
    font-size: 1rem;
}

.draw-status-badge[b-ru54fo3x47] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    padding: .32rem .58rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 900;
}

.draw-status-badge.active[b-ru54fo3x47] {
    color: #146c43;
    background: #eaf8f0;
    border: 1px solid #b9e5c9;
}

.draw-status-badge.blocked[b-ru54fo3x47] {
    color: #b02a37;
    background: #fff0f1;
    border: 1px solid #f3bcc2;
}

.draw-row-blocked input:disabled[b-ru54fo3x47] {
    background: #fff7f8 !important;
    border-color: #f0c3c8 !important;
    color: #7f1d2d !important;
}

@media(max-width:900px) {
    .draw-list-toolbar[b-ru54fo3x47] {
        align-items: stretch;
        flex-direction: column;
    }

    .draw-search-field[b-ru54fo3x47] {
        width: 100%;
    }
}

@media(max-width:700px) {
    .draw-status-summary[b-ru54fo3x47] {
        grid-template-columns: 1fr;
    }

    .draw-filter-buttons[b-ru54fo3x47] {
        width: 100%;
    }

    .draw-filter-button[b-ru54fo3x47] {
        flex: 1;
    }
}

/* /Components/Pages/Ventas.razor.rz.scp.css */
/* =========================================================
   CONFIGURACIÓN GENERAL
   ========================================================= */

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

.ventas-page[b-151bvgulem] {
    width: 100%;
    min-height: calc(100vh - 58px);
    padding: 8px;
    background: #eef2f7;
    color: #1f2937;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

button[b-151bvgulem],
input[b-151bvgulem] {
    font-family: inherit;
}

button[b-151bvgulem] {
    cursor: pointer;
}

    button:disabled[b-151bvgulem] {
        cursor: not-allowed;
        opacity: 0.55;
    }


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

.ventas-topbar[b-151bvgulem] {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    width: 100%;
    min-height: 58px;
    margin-bottom: 8px;
    overflow: hidden;
    border: 1px solid #d6dce5;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
}

.topbar-info[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 6px 14px;
    border-right: 1px solid #e5e7eb;
}

    .topbar-info:last-child[b-151bvgulem] {
        border-right: 0;
    }

.topbar-icono[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    border-radius: 50%;
    background: #e8f0ff;
    color: #1557b0;
    font-size: 22px;
    font-weight: 700;
}

.bandera-sorteo[b-151bvgulem] {
    margin-right: 11px;
    font-size: 27px;
    line-height: 1;
}

.topbar-texto[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    line-height: 1.1;
}

    .topbar-texto span[b-151bvgulem] {
        margin-bottom: 4px;
        color: #64748b;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.6px;
    }

    .topbar-texto strong[b-151bvgulem] {
        color: #111827;
        font-size: 18px;
        font-weight: 900;
        white-space: nowrap;
    }

.nombre-sorteo-activo[b-151bvgulem] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.tiempo-restante[b-151bvgulem] {
    color: #d71920 !important;
    font-variant-numeric: tabular-nums;
}


/* =========================================================
   DISTRIBUCIÓN PRINCIPAL
   ========================================================= */

.ventas-contenido[b-151bvgulem] {
    display: grid !important;
    grid-template-columns: 320px minmax(0, 700px) 350px !important;
    justify-content: start !important;
    align-items: start;
    gap: 8px;
    width: 100%;
}

.columna-sorteos[b-151bvgulem],
.columna-central[b-151bvgulem],
.columna-derecha[b-151bvgulem] {
    min-width: 0;
    min-height: 0;
}

.columna-sorteos[b-151bvgulem] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 8px;
}

.columna-central[b-151bvgulem] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 8px;
}

.columna-derecha[b-151bvgulem] {
    display: grid;
    grid-template-rows: auto minmax(155px, auto) auto minmax(0, 1fr);
    gap: 8px;
}


/* =========================================================
   CAJAS GENERALES
   ========================================================= */

.ventas-box[b-151bvgulem] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d5dbe4;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
}

.box-header[b-151bvgulem] {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 12px;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
    color: #1f3654;
    font-size: 15px; /* antes 12px */
    font-weight: 900;
    letter-spacing: .5px;
}

    .box-header small[b-151bvgulem] {
        margin-left: 4px;
        color: #8a96a8;
        font-size: 10px;
        font-weight: 700;
    }

.box-header-azul[b-151bvgulem] {
    justify-content: center;
    border-bottom-color: #154f9c;
    background: linear-gradient(180deg, #1766c1 0%, #104d98 100%);
    color: #ffffff;
}

.box-header-rojo[b-151bvgulem] {
    justify-content: center;
    border-bottom-color: #b91c1c;
    background: linear-gradient(180deg, #ef4444 0%, #c81e1e 100%);
    color: #ffffff;
}

.box-header-centrado[b-151bvgulem] {
    justify-content: center;
    text-align: center;
}


/* =========================================================
   COLUMNA IZQUIERDA - SORTEOS
   ========================================================= */

.sorteos-box[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    margin: 0;
    justify-self: start;
}
.sorteos-titulo[b-151bvgulem] {
    justify-content: center;
    text-align: center;
}
.lista-sorteos[b-151bvgulem] {
    flex: 1;
    min-height: 0;
    padding: 5px;
    overflow-y: auto;
}
.sorteo-item[b-151bvgulem] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 86px;
    margin-bottom: 8px;
    padding: 12px;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background: #fff;
    color: #27364a;
    text-align: left;
    transition: .15s;
}

    .sorteo-item:last-child[b-151bvgulem] {
        margin-bottom: 0;
    }

    .sorteo-item:hover[b-151bvgulem] {
        border-color: #7aa9df;
        background: #f1f7ff;
    }

    .sorteo-item.activo[b-151bvgulem] {
        border-color: #1766c1;
        background: linear-gradient(180deg,#eaf3ff 0%,#dcecff 100%);
        box-shadow: inset 5px 0 0 #1766c1;
    }

.sorteo-reloj[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 12px;
    border-radius: 50%;
    background: #edf3fb;
    color: #165eb4;
    font-size: 26px;
    font-weight: 900;
}

.sorteo-item.activo .sorteo-reloj[b-151bvgulem] {
    background: #1766c1;
    color: #fff;
}

.sorteo-datos[b-151bvgulem] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

    .sorteo-datos strong[b-151bvgulem] {
        color: #111827;
        font-size: 18px;
        font-weight: 900;
        line-height: 1.15;
    }

    .sorteo-datos small[b-151bvgulem] {
        margin-top: 5px;
        color: #4b5563;
        font-size: 14px;
        font-weight: 700;
    }

    .sorteo-datos em[b-151bvgulem] {
        margin-top: 5px;
        font-size: 13px;
        font-style: normal;
        font-weight: 900;
    }

.sorteo-estado-abierto[b-151bvgulem] {
    color: #159447;
}

.sorteo-estado-proximo[b-151bvgulem] {
    color: #e08a00;
}

.sorteo-estado-cerrado[b-151bvgulem] {
    color: #d12626;
}

.sorteo-estado-liquidado[b-151bvgulem] {
    color: #6b7280;
}

.sorteo-estado-desconocido[b-151bvgulem] {
    color: #64748b;
}


/* =========================================================
   ESTADOS DE SORTEO
   ========================================================= */

.estados-box[b-151bvgulem] {
    min-height: 145px;
}

.estados-lista[b-151bvgulem] {
    display: grid;
    gap: 8px;
    padding: 10px 12px;
}

    .estados-lista div[b-151bvgulem] {
        display: flex;
        align-items: center;
        color: #475569;
        font-size: 11px;
        font-weight: 700;
    }

.estado-circulo[b-151bvgulem] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 50%;
}

.estado-abierto[b-151bvgulem] {
    background: #22c55e;
}

.estado-proximo[b-151bvgulem] {
    background: #f59e0b;
}

.estado-cerrado[b-151bvgulem] {
    background: #ef4444;
}

.estado-liquidado[b-151bvgulem] {
    background: #64748b;
}


/* =========================================================
   INGRESO DE NÚMEROS
   ========================================================= */

.ingreso-box[b-151bvgulem] {
    overflow: visible;
}

.ingreso-header[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: 5px 8px 5px 12px;
    border-bottom: 1px solid #dfe5ec;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%);
}

    .ingreso-header h3[b-151bvgulem] {
        margin: 0;
        color: #1f3654;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: 0.5px;
    }

.acciones-boleta[b-151bvgulem] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.boton-secundario[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    min-width: 165px;
    padding: 8px 18px;
    border: 1px solid #ccd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #405168;
    font-size: 12px;
    font-weight: 900;
    transition: .15s;
}

    .boton-secundario:hover[b-151bvgulem] {
        border-color: #1766c1;
        background: #eef6ff;
        color: #1658a4;
    }

.boton-icono[b-151bvgulem] {
    margin-right: 8px;
    font-size: 20px;
    line-height: 1;
}


/* =========================================================
   BOTONES PAREJAS, PARES, IMPARES Y RANGOS
   ========================================================= */

.botones-generadores[b-151bvgulem] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 7px 9px;
    border-bottom: 1px solid #e2e7ee;
    background: #f7f9fc;
}

.boton-generador[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 7px;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    background: #ffffff;
    color: #31435a;
    font-size: 10px;
    font-weight: 900;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

    .boton-generador span[b-151bvgulem] {
        margin-right: 6px;
        color: #1766c1;
        font-size: 14px;
        font-weight: 900;
    }

    .boton-generador:hover[b-151bvgulem] {
        border-color: #1766c1;
        background: #eaf3ff;
        color: #12569f;
    }


/* =========================================================
   CAMPOS DE INGRESO
   ========================================================= */

.ingreso-contenido[b-151bvgulem] {
    padding: 8px 10px 10px;
}

.campo-grupo[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

    .campo-grupo label[b-151bvgulem] {
        margin-bottom: 4px;
        color: #42536a;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.4px;
    }

.venta-input[b-151bvgulem] {
    width: 100%;
    outline: none;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .venta-input:focus[b-151bvgulem] {
        border-color: #1766c1;
        box-shadow: 0 0 0 3px rgba(23, 102, 193, 0.14);
    }

.numero-input[b-151bvgulem] {
    height: 49px;
    padding: 7px 13px;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 1px;
}

    .numero-input[b-151bvgulem]::placeholder {
        color: rgba(100, 116, 139, 0.27);
        font-weight: 800;
    }

.ayuda-numeros[b-151bvgulem] {
    display: block;
    margin-top: 4px;
    color: #8a96a8;
    font-size: 9px;
    font-weight: 600;
}

.fila-montos[b-151bvgulem] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) 125px;
    gap: 8px;
    align-items: end;
    margin-top: 7px;
}

.monto-input[b-151bvgulem] {
    height: 39px;
    padding: 7px 10px;
    font-size: 16px;
    font-weight: 800;
    text-align: right;
}

.boton-agregar[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 39px;
    padding: 4px 12px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(180deg, #1dba63 0%, #13994d 100%);
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(19, 153, 77, 0.24);
}

    .boton-agregar:hover[b-151bvgulem] {
        background: linear-gradient(180deg, #20c86b 0%, #118b46 100%);
    }

.agregar-icono[b-151bvgulem] {
    margin-right: 7px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.agregar-texto[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

    .agregar-texto strong[b-151bvgulem] {
        font-size: 11px;
        font-weight: 900;
    }

    .agregar-texto small[b-151bvgulem] {
        margin-top: 3px;
        font-size: 8px;
        font-weight: 700;
        opacity: 0.8;
    }

.mensaje-error[b-151bvgulem] {
    margin-top: 7px;
    padding: 7px 9px;
    border: 1px solid #fecaca;
    border-radius: 5px;
    background: #fff1f2;
    color: #b42323;
    font-size: 10px;
    font-weight: 800;
}
/* =========================================================
   DATOS DEL CLIENTE
   ========================================================= */

.cliente-box[b-151bvgulem] {
    min-height: 92px;
}

.cliente-contenido[b-151bvgulem] {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 10px;
}

.activar-cliente[b-151bvgulem] {
    display: flex;
    align-items: center;
    min-height: 38px;
    cursor: pointer;
    color: #334155;
    font-size: 11px;
    user-select: none;
}

    .activar-cliente input[b-151bvgulem] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

.check-personalizado[b-151bvgulem] {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border: 2px solid #94a3b8;
    border-radius: 4px;
    background: #ffffff;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.activar-cliente input:checked + .check-personalizado[b-151bvgulem] {
    border-color: #1766c1;
    background: #1766c1;
}

    .activar-cliente input:checked + .check-personalizado[b-151bvgulem]::after {
        position: absolute;
        top: 1px;
        left: 5px;
        width: 6px;
        height: 11px;
        border: solid #ffffff;
        border-width: 0 2px 2px 0;
        content: "";
        transform: rotate(45deg);
    }

.cliente-input[b-151bvgulem] {
    width: 100%;
    height: 38px;
    padding: 7px 11px;
    outline: none;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    font-size: 13px;
    font-weight: 700;
}

    .cliente-input:focus[b-151bvgulem] {
        border-color: #1766c1;
        box-shadow: 0 0 0 3px rgba(23, 102, 193, 0.14);
    }

    .cliente-input:disabled[b-151bvgulem] {
        background: #f1f5f9;
        color: #94a3b8;
    }


/* =========================================================
   TABLA DE BOLETA
   ========================================================= */

.boleta-box[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.tabla-boleta-contenedor[b-151bvgulem] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.tabla-boleta[b-151bvgulem] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .tabla-boleta thead[b-151bvgulem] {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .tabla-boleta th[b-151bvgulem] {
        height: 31px;
        padding: 5px 7px;
        border-bottom: 1px solid #d9e0e8;
        background: #edf2f7;
        color: #44566d;
        font-size: 9px;
        font-weight: 900;
        text-align: center;
    }

        .tabla-boleta th:nth-child(1)[b-151bvgulem] {
            width: 42px;
        }

        .tabla-boleta th:nth-child(2)[b-151bvgulem] {
            width: 90px;
        }

        .tabla-boleta th:nth-child(6)[b-151bvgulem] {
            width: 48px;
        }

    .tabla-boleta td[b-151bvgulem] {
        height: 37px;
        padding: 5px 7px;
        border-bottom: 1px solid #edf0f4;
        color: #334155;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
    }

    .tabla-boleta tbody tr:hover[b-151bvgulem] {
        background: #f7fbff;
    }

.numero-boleta[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 27px;
    padding: 3px 8px;
    border-radius: 5px;
    background: #e8f1ff;
    color: #155eb4;
    font-size: 15px;
    font-weight: 900;
}

.total-jugada[b-151bvgulem] {
    color: #128344 !important;
    font-weight: 900 !important;
}

.boton-eliminar[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 1px solid #fecaca;
    border-radius: 5px;
    background: #fff1f2;
    color: #dc2626;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

    .boton-eliminar:hover[b-151bvgulem] {
        border-color: #dc2626;
        background: #dc2626;
        color: #ffffff;
    }

.boleta-vacia[b-151bvgulem] {
    height: 180px !important;
    color: #94a3b8 !important;
}

    .boleta-vacia div[b-151bvgulem],
    .boleta-vacia strong[b-151bvgulem],
    .boleta-vacia span[b-151bvgulem] {
        display: block;
    }

.boleta-vacia-icono[b-151bvgulem] {
    margin-bottom: 8px;
    color: #c6d0dc;
    font-size: 38px;
}

.boleta-vacia strong[b-151bvgulem] {
    color: #728197;
    font-size: 11px;
}

.boleta-vacia span[b-151bvgulem] {
    margin-top: 5px;
    color: #9aa6b6;
    font-size: 10px;
    font-weight: 600;
}


/* =========================================================
   PIE DE BOLETA
   ========================================================= */

.boleta-footer[b-151bvgulem] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    min-height: 54px;
    border-top: 1px solid #dce2ea;
    background: #f8fafc;
}

.boton-limpiar[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 145px;
    padding: 8px 13px;
    border: 0;
    border-right: 1px solid #dce2ea;
    background: transparent;
    color: #b42323;
    font-size: 10px;
    font-weight: 900;
}

    .boton-limpiar span[b-151bvgulem] {
        margin-right: 7px;
        font-size: 17px;
    }

    .boton-limpiar:hover:not(:disabled)[b-151bvgulem] {
        background: #fff1f2;
    }

.total-boleta[b-151bvgulem] {
    display: flex;
    align-items: center;
    margin-left: auto;
}

    .total-boleta span[b-151bvgulem] {
        display: flex;
        align-items: center;
        align-self: stretch;
        padding: 0 14px;
        color: #526177;
        font-size: 10px;
        font-weight: 900;
    }

    .total-boleta strong[b-151bvgulem] {
        display: flex;
        align-items: center;
        align-self: stretch;
        min-width: 145px;
        justify-content: flex-end;
        padding: 0 14px;
        border-left: 1px solid #dce2ea;
        background: #eaf7ef;
        color: #118044;
        font-size: 22px;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
    }


/* =========================================================
   BOTONES PROCESAR Y WHATSAPP
   ========================================================= */

.botones-venta[b-151bvgulem] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    min-height: 45px;
}

.boton-procesar[b-151bvgulem],
.boton-whatsapp[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    border: 0;
    border-radius: 7px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.15);
}

.boton-procesar[b-151bvgulem] {
    background: linear-gradient(180deg, #1766c1 0%, #104d98 100%);
}

    .boton-procesar:hover:not(:disabled)[b-151bvgulem] {
        background: linear-gradient(180deg, #1c73d4 0%, #0d478d 100%);
    }

.boton-whatsapp[b-151bvgulem] {
    background: linear-gradient(180deg, #27b968 0%, #159b50 100%);
}

    .boton-whatsapp:hover:not(:disabled)[b-151bvgulem] {
        background: linear-gradient(180deg, #2acb73 0%, #118c46 100%);
    }

    .boton-procesar span[b-151bvgulem],
    .boton-whatsapp span[b-151bvgulem] {
        margin-right: 8px;
        font-size: 17px;
    }


/* =========================================================
   PANEL DERECHO - TOTAL DE VENTA
   ========================================================= */

.total-sorteo-box[b-151bvgulem] {
    min-height: 92px;
}

.total-sorteo[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 8px;
    color: #0f7c40;
    font-size: 28px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}


/* =========================================================
   NÚMEROS RESTRINGIDOS
   ========================================================= */

.tabla-restringidos-contenedor[b-151bvgulem] {
    max-height: 185px;
    overflow: auto;
}

.tabla-restringidos[b-151bvgulem] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .tabla-restringidos th[b-151bvgulem] {
        padding: 6px 4px;
        border-bottom: 1px solid #e1e6ec;
        background: #f8fafc;
        color: #64748b;
        font-size: 8px;
        font-weight: 900;
        text-align: center;
    }

    .tabla-restringidos td[b-151bvgulem] {
        padding: 7px 4px;
        border-bottom: 1px solid #eef1f4;
        color: #475569;
        font-size: 9px;
        font-weight: 800;
        text-align: center;
    }

    .tabla-restringidos tbody tr:nth-child(even)[b-151bvgulem] {
        background: #fbfcfd;
    }

    .tabla-restringidos td:first-child[b-151bvgulem] {
        color: #c81e1e;
        font-size: 13px;
        font-weight: 900;
    }


/* =========================================================
   NÚMEROS BLOQUEADOS
   ========================================================= */

.numeros-bloqueados[b-151bvgulem] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 55px;
    padding: 9px;
}

    .numeros-bloqueados span[b-151bvgulem] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 37px;
        height: 30px;
        border: 1px solid #fecaca;
        border-radius: 5px;
        background: #fff1f2;
        color: #c81e1e;
        font-size: 13px;
        font-weight: 900;
    }


/* =========================================================
   ÚLTIMAS BOLETAS
   ========================================================= */

.ultimas-boletas-box[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.ultimas-boletas-contenedor[b-151bvgulem] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.tabla-ultimas-boletas[b-151bvgulem] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .tabla-ultimas-boletas thead[b-151bvgulem] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .tabla-ultimas-boletas th[b-151bvgulem] {
        padding: 6px 3px;
        border-bottom: 1px solid #dce2e9;
        background: #f8fafc;
        color: #64748b;
        font-size: 8px;
        font-weight: 900;
        text-align: center;
    }

        .tabla-ultimas-boletas th:nth-child(1)[b-151bvgulem] {
            width: 29px;
        }

        .tabla-ultimas-boletas th:nth-child(5)[b-151bvgulem] {
            width: 38px;
        }

    .tabla-ultimas-boletas td[b-151bvgulem] {
        padding: 7px 3px;
        border-bottom: 1px solid #edf0f3;
        color: #475569;
        font-size: 9px;
        font-weight: 700;
        text-align: center;
    }

.numero-boleta-reciente[b-151bvgulem] {
    color: #155eb4 !important;
    font-weight: 900 !important;
}

.boton-reimprimir[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #ffffff;
    color: #1766c1;
    font-size: 12px;
}

    .boton-reimprimir:hover[b-151bvgulem] {
        border-color: #1766c1;
        background: #eaf3ff;
    }


/* =========================================================
   BARRAS DE DESPLAZAMIENTO
   ========================================================= */

.lista-sorteos[b-151bvgulem],
.tabla-boleta-contenedor[b-151bvgulem],
.tabla-restringidos-contenedor[b-151bvgulem],
.ultimas-boletas-contenedor[b-151bvgulem] {
    scrollbar-width: thin;
    scrollbar-color: #b9c4d1 transparent;
}

    .lista-sorteos[b-151bvgulem]::-webkit-scrollbar,
    .tabla-boleta-contenedor[b-151bvgulem]::-webkit-scrollbar,
    .tabla-restringidos-contenedor[b-151bvgulem]::-webkit-scrollbar,
    .ultimas-boletas-contenedor[b-151bvgulem]::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    .lista-sorteos[b-151bvgulem]::-webkit-scrollbar-track,
    .tabla-boleta-contenedor[b-151bvgulem]::-webkit-scrollbar-track,
    .tabla-restringidos-contenedor[b-151bvgulem]::-webkit-scrollbar-track,
    .ultimas-boletas-contenedor[b-151bvgulem]::-webkit-scrollbar-track {
        background: transparent;
    }

    .lista-sorteos[b-151bvgulem]::-webkit-scrollbar-thumb,
    .tabla-boleta-contenedor[b-151bvgulem]::-webkit-scrollbar-thumb,
    .tabla-restringidos-contenedor[b-151bvgulem]::-webkit-scrollbar-thumb,
    .ultimas-boletas-contenedor[b-151bvgulem]::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #b9c4d1;
    }


/* =========================================================
   AJUSTES PARA PANTALLAS MEDIANAS
   ========================================================= */

@media (max-width: 1250px) {
    .ventas-contenido[b-151bvgulem] {
        grid-template-columns: 220px minmax(0, 1fr) 280px !important;
    }
}


    .topbar-texto strong[b-151bvgulem] {
        font-size: 16px;
    }

    .numero-input[b-151bvgulem] {
        font-size: 21px;
    }

    .fila-montos[b-151bvgulem] {
        grid-template-columns: 1fr 1fr 110px;
    }

    .cliente-contenido[b-151bvgulem] {
        grid-template-columns: 155px minmax(0, 1fr);
    }
}


/* =========================================================
   AJUSTES PARA PANTALLAS PEQUEÑAS
   ========================================================= */

@media (max-width: 1050px) {
    .ventas-page[b-151bvgulem] {
        min-height: 100vh;
        overflow: auto;
    }

    .ventas-topbar[b-151bvgulem] {
        grid-template-columns: 1fr;
    }

    .topbar-info[b-151bvgulem] {
        min-height: 53px;
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
    }

        .topbar-info:last-child[b-151bvgulem] {
            border-bottom: 0;
        }

    .ventas-contenido[b-151bvgulem] {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 0;
    }

    .columna-sorteos[b-151bvgulem],
    .columna-central[b-151bvgulem],
    .columna-derecha[b-151bvgulem] {
        display: grid;
        grid-template-rows: none;
    }

    .lista-sorteos[b-151bvgulem],
    .tabla-restringidos-contenedor[b-151bvgulem],
    .ultimas-boletas-contenedor[b-151bvgulem] {
        max-height: 320px;
    }

    .tabla-boleta-contenedor[b-151bvgulem] {
        min-height: 300px;
    }
}


/* =========================================================
   AJUSTES PARA TELÉFONOS
   ========================================================= */

@media (max-width: 650px) {
    .ventas-contenido[b-151bvgulem] {
        grid-template-columns: 1fr !important;
    }
    .ventas-page[b-151bvgulem] {
        padding: 5px;
    }

    .ingreso-header[b-151bvgulem] {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .acciones-boleta[b-151bvgulem] {
        width: 100%;
    }

    .boton-secundario[b-151bvgulem] {
        flex: 1;
    }

    .botones-generadores[b-151bvgulem] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fila-montos[b-151bvgulem] {
        grid-template-columns: 1fr;
    }

    .boton-agregar[b-151bvgulem] {
        width: 100%;
    }

    .cliente-contenido[b-151bvgulem] {
        grid-template-columns: 1fr;
    }

    .botones-venta[b-151bvgulem] {
        grid-template-columns: 1fr;
    }

    .boleta-footer[b-151bvgulem] {
        flex-direction: column;
    }

    .boton-limpiar[b-151bvgulem] {
        min-height: 42px;
        border-right: 0;
        border-bottom: 1px solid #dce2ea;
    }

    .total-boleta[b-151bvgulem] {
        width: 100%;
    }

        .total-boleta span[b-151bvgulem],
        .total-boleta strong[b-151bvgulem] {
            flex: 1;
            min-height: 50px;
        }

    .tabla-boleta[b-151bvgulem] {
        min-width: 620px;
    }

    .tabla-restringidos[b-151bvgulem] {
        min-width: 340px;
    }
}

/* Configuración cargada del usuario para restringidos */
.resumen-limites-restringidos[b-151bvgulem] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    padding: 7px 8px;
    border-bottom: 1px solid #fee2e2;
    background: #fff7f7;
    color: #7f1d1d;
    font-size: 9px;
    font-weight: 800;
}

.resumen-limites-restringidos span[b-151bvgulem] {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.resumen-limites-restringidos strong[b-151bvgulem] {
    color: #991b1b;
}

.tabla-vacia[b-151bvgulem] {
    padding: 14px 6px !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
}

.sin-bloqueados[b-151bvgulem] {
    display: block;
    width: 100%;
    padding: 8px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}


/* =========================================================
   MEJORA VISUAL: RESTRINGIDOS Y BLOQUEADOS
   ========================================================= */

.restringidos-box[b-151bvgulem],
.bloqueados-box[b-151bvgulem] {
    border: 1px solid #efb4ba;
    background: linear-gradient(180deg, #ffffff 0%, #fffafa 100%);
    box-shadow: 0 3px 10px rgba(185, 28, 28, 0.07);
}

.box-header-riesgo[b-151bvgulem] {
    justify-content: center;
    gap: 7px;
    border-bottom: 2px solid #dc3545;
    background: #ffffff;
    color: #b42332;
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .55px;
}

.riesgo-icono[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    border: 1px solid #dc3545;
    border-radius: 50%;
    background: #fff5f6;
    color: #dc3545;
    font-size: 13px;
    font-weight: 950;
}

.resumen-limites-restringidos[b-151bvgulem] {
    border-bottom: 1px solid #f2c8cc;
    background: #fffafa;
}

.tabla-restringidos th[b-151bvgulem] {
    background: #fff7f8 !important;
    color: #7a3038 !important;
}

.tabla-restringidos td:first-child[b-151bvgulem] {
    color: #dc2626 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.tabla-restringidos tbody tr:hover[b-151bvgulem] {
    background: #fff4f5;
}

.numeros-bloqueados[b-151bvgulem] {
    align-content: flex-start;
    min-height: 67px;
    padding: 11px;
    background: #fffafa;
}

.numeros-bloqueados span[b-151bvgulem] {
    width: 40px !important;
    height: 34px !important;
    border: 2px solid #dc3545 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #dc2626 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 2px 6px rgba(220, 53, 69, .12);
}

.numeros-bloqueados span:hover[b-151bvgulem] {
    background: #fff0f1 !important;
    transform: translateY(-1px);
}

.sin-bloqueados[b-151bvgulem],
.tabla-vacia[b-151bvgulem] {
    color: #8a5960 !important;
}

/* =========================================================
   VENTAS V2: FECHA, HORAS Y PANELES DE RIESGO
   ========================================================= */

/* Hora superior más grande y totalmente visible */
.topbar-tiempo .topbar-texto strong[b-151bvgulem],
.topbar-tiempo .tiempo-restante[b-151bvgulem] {
    min-width: 150px;
    font-size: 23px !important;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
    letter-spacing: .5px;
}

/* Hora de cierre dentro de cada sorteo */
.sorteo-hora-cierre[b-151bvgulem] {
    display: block;
    margin-top: 7px !important;
    color: #334155 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}

.sorteo-hora-cierre strong[b-151bvgulem] {
    color: #c51f2e !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    white-space: nowrap;
}

/* En lugar de ABIERTO se muestra la fecha del sorteo */
.sorteo-fecha[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 7px !important;
    padding: 4px 8px;
    border: 1px solid #b9ccef;
    border-radius: 6px;
    background: #f4f8ff;
    color: #244d91;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 900 !important;
}

/* Panel de restringidos más alto y limpio */
.restringidos-box[b-151bvgulem] {
    min-height: 315px;
    border: 2px solid #e58e98 !important;
    border-radius: 10px;
    background: #ffffff !important;
    box-shadow: 0 5px 15px rgba(152, 24, 37, .10);
}

.restringidos-header[b-151bvgulem] {
    min-height: 52px;
    justify-content: flex-start !important;
    padding: 8px 13px !important;
    border-bottom: 2px solid #dc3545 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff7f8 100%) !important;
    color: #9f1d2b !important;
    font-size: 15px !important;
}

.restringidos-header > span:last-child[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.restringidos-header small[b-151bvgulem] {
    display: block;
    margin: 4px 0 0 !important;
    color: #765157 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
}

.resumen-limites-restringidos[b-151bvgulem] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 11px 12px;
    border-bottom: 1px solid #efc3c8;
    background: #fffafa;
    color: #3f4858;
    font-size: 12px;
    font-weight: 800;
}

.resumen-limites-restringidos span[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    min-height: 34px;
    padding: 6px 8px;
    border: 1px solid #eed6d9;
    border-radius: 7px;
    background: #ffffff;
}

.resumen-limites-restringidos strong[b-151bvgulem] {
    color: #bd2434 !important;
    font-size: 13px;
    font-weight: 950;
    white-space: nowrap;
}

/* Tabla más legible y más larga */
.tabla-restringidos-contenedor[b-151bvgulem] {
    max-height: 275px !important;
    min-height: 155px;
    overflow: auto;
    background: #ffffff;
}

.tabla-restringidos th[b-151bvgulem] {
    position: sticky;
    z-index: 1;
    top: 0;
    height: 35px;
    padding: 8px 5px !important;
    border-bottom: 1px solid #e8aeb5 !important;
    background: #fff5f6 !important;
    color: #6e3540 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

.tabla-restringidos td[b-151bvgulem] {
    height: 42px;
    padding: 8px 5px !important;
    color: #334155 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.numero-restringido-venta[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 39px;
    height: 31px;
    padding: 3px 8px;
    border: 2px solid #dc3545;
    border-radius: 7px;
    background: #ffffff;
    color: #dc2626;
    font-size: 15px;
    font-weight: 950;
    box-shadow: 0 2px 5px rgba(220, 53, 69, .12);
}

/* Bloqueados siempre en rojo */
.bloqueados-box[b-151bvgulem] {
    border: 2px solid #e58e98 !important;
    border-radius: 10px;
    background: #ffffff !important;
}

.bloqueados-box .box-header-riesgo[b-151bvgulem] {
    justify-content: flex-start;
    min-height: 45px;
    padding-left: 13px;
}

.numeros-bloqueados[b-151bvgulem] {
    min-height: 77px !important;
    padding: 12px !important;
    background: #fffafa !important;
}

.numero-bloqueado-venta[b-151bvgulem] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 35px !important;
    border: 2px solid #dc3545 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #dc2626 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    box-shadow: 0 2px 6px rgba(220, 53, 69, .15);
}

@media (max-width: 1250px) {
    .topbar-tiempo .topbar-texto strong[b-151bvgulem],
    .topbar-tiempo .tiempo-restante[b-151bvgulem] {
        min-width: 130px;
        font-size: 20px !important;
    }

    .resumen-limites-restringidos[b-151bvgulem] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   VENTAS V3: ENCABEZADO PAREJO Y RESTRINGIDOS MÁS LARGOS
   ========================================================= */

/* Los tres valores superiores quedan exactamente del mismo tamaño */
.ventas-topbar .valor-superior[b-151bvgulem] {
    display: block;
    min-width: 150px;
    max-width: 100%;
    overflow: hidden;
    color: #111827;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1.15;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .25px;
}

.ventas-topbar .tiempo-restante.valor-superior[b-151bvgulem] {
    color: #d71920 !important;
}

/* Sin bandera, el nombre queda perfectamente centrado */
.topbar-sorteo[b-151bvgulem] {
    justify-content: center;
}

.topbar-sorteo .topbar-texto[b-151bvgulem] {
    width: 100%;
}

/* "Cierre:" y su hora quedan del mismo tamaño; la hora conserva rojo */
.sorteo-hora-cierre[b-151bvgulem],
.sorteo-hora-cierre strong[b-151bvgulem] {
    font-size: 15px !important;
    line-height: 1.2;
}

.sorteo-hora-cierre[b-151bvgulem] {
    color: #334155 !important;
    font-weight: 800 !important;
}

.sorteo-hora-cierre strong[b-151bvgulem] {
    color: #c51f2e !important;
    font-weight: 950 !important;
}

/* Altura suficiente para visualizar por lo menos 8 restringidos */
.restringidos-box[b-151bvgulem] {
    min-height: 510px !important;
}

.tabla-restringidos-contenedor[b-151bvgulem] {
    min-height: 370px !important;
    max-height: 390px !important;
}

@media (max-width: 1250px) {
    .ventas-topbar .valor-superior[b-151bvgulem] {
        min-width: 125px;
        font-size: 18px !important;
    }

    .restringidos-box[b-151bvgulem] {
        min-height: 480px !important;
    }

    .tabla-restringidos-contenedor[b-151bvgulem] {
        min-height: 340px !important;
        max-height: 360px !important;
    }
}

@media (max-width: 1050px) {
    .ventas-topbar .valor-superior[b-151bvgulem] {
        min-width: 0;
        font-size: 20px !important;
    }
}

/* =========================================================
   GENERADORES DE PARES, IMPARES Y RANGOS
   ========================================================= */

.generador-rango-panel[b-151bvgulem] {
    padding: 10px 12px;
    border-bottom: 1px solid #c9d7e8;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
}

.generador-rango-titulo[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
}

.generador-rango-titulo strong[b-151bvgulem],
.generador-rango-titulo small[b-151bvgulem] {
    display: block;
}

.generador-rango-titulo strong[b-151bvgulem] {
    color: #164f95;
    font-size: 12px;
    font-weight: 950;
}

.generador-rango-titulo small[b-151bvgulem] {
    margin-top: 2px;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
}

.generador-rango-cerrar[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid #dc3545;
    border-radius: 50%;
    background: #dc3545;
    color: #111111;
    font-size: 14px;
    font-weight: 950;
}

.generador-rango-campos[b-151bvgulem] {
    display: grid;
    grid-template-columns:
        minmax(90px, 130px)
        minmax(90px, 130px)
        minmax(100px, 130px)
        minmax(100px, 130px);
    gap: 8px;
    align-items: end;
}

.generador-rango-campos label[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.generador-rango-campos label span[b-151bvgulem] {
    color: #42536a;
    font-size: 10px;
    font-weight: 950;
}

.generador-rango-campos input[b-151bvgulem] {
    width: 100%;
    height: 37px;
    padding: 6px 9px;
    border: 1px solid #b9c9dc;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
}

.generador-rango-aplicar[b-151bvgulem],
.generador-rango-cancelar[b-151bvgulem] {
    height: 37px;
    border-radius: 6px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 950;
}

.generador-rango-aplicar[b-151bvgulem] {
    border: 1px solid #1454a0;
    background: #1766c1;
}

.generador-rango-cancelar[b-151bvgulem] {
    border: 1px solid #b42332;
    background: #dc3545;
}

@media (max-width: 650px) {
    .generador-rango-campos[b-151bvgulem] {
        grid-template-columns: 1fr 1fr;
    }
}

/* REVENTADO DESHABILITADO SEGÚN EL SORTEO */
.etiqueta-reventado-deshabilitado[b-151bvgulem] {
    color: #94a3b8 !important;
}

.etiqueta-reventado-deshabilitado small[b-151bvgulem] {
    margin-left: 5px;
    color: #dc3545;
    font-size: 8px;
    font-weight: 950;
}

#montoReventado:disabled[b-151bvgulem] {
    border-color: #d7dee8;
    background: #e9edf3;
    color: #94a3b8;
    cursor: not-allowed;
    box-shadow: none;
}

/* MONTOS MÁS COMPACTOS Y BOTÓN AGREGAR MÁS ANCHO */
.fila-montos[b-151bvgulem] {
    grid-template-columns:
        minmax(105px, 135px)
        minmax(105px, 135px)
        minmax(190px, 1fr) !important;
    justify-content: start;
}

.fila-montos .campo-grupo[b-151bvgulem] {
    max-width: 135px;
}

.fila-montos .monto-input[b-151bvgulem] {
    width: 100%;
    min-width: 0;
}

.fila-montos .boton-agregar[b-151bvgulem] {
    width: 100%;
    min-width: 190px;
    padding-left: 22px;
    padding-right: 22px;
}

@media (max-width: 650px) {
    .fila-montos[b-151bvgulem] {
        grid-template-columns: 1fr !important;
    }

    .fila-montos .campo-grupo[b-151bvgulem],
    .fila-montos .boton-agregar[b-151bvgulem] {
        width: 100%;
        max-width: none;
    }
}

/* AJUSTE FINAL: BOTÓN AGREGAR MÁS EQUILIBRADO */
.fila-montos[b-151bvgulem] {
    grid-template-columns:
        minmax(105px, 135px)
        minmax(105px, 135px)
        minmax(150px, 170px) !important;
}

.fila-montos .boton-agregar[b-151bvgulem] {
    width: 100%;
    min-width: 150px !important;
    max-width: 170px;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* VENTAS: CAMPOS DE MONTO Y COLUMNA REVENTADO DINÁMICA */
.fila-montos.con-reventado[b-151bvgulem] {
    grid-template-columns:
        minmax(135px, 155px)
        minmax(135px, 155px)
        minmax(165px, 185px) !important;
}

.fila-montos.sin-reventado[b-151bvgulem] {
    grid-template-columns:
        minmax(150px, 175px)
        minmax(165px, 185px) !important;
}

.fila-montos .campo-grupo[b-151bvgulem] {
    width: 100%;
    max-width: 175px !important;
}

.fila-montos .monto-input[b-151bvgulem] {
    min-height: 45px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
}

.fila-montos .boton-agregar[b-151bvgulem] {
    width: 100%;
    min-width: 165px !important;
    max-width: 185px !important;
    min-height: 45px;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

@media (max-width: 650px) {
    .fila-montos.con-reventado[b-151bvgulem],
    .fila-montos.sin-reventado[b-151bvgulem] {
        grid-template-columns: 1fr !important;
    }

    .fila-montos .campo-grupo[b-151bvgulem],
    .fila-montos .boton-agregar[b-151bvgulem] {
        width: 100%;
        max-width: none !important;
    }
}

/* =========================================================
   VENTAS V4: CONTROLES, RESTRINGIDOS Y TOTALES
   ========================================================= */

.numero-input-con-limpieza[b-151bvgulem] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    gap: 7px;
    align-items: stretch;
}

.boton-limpiar-numeros[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    border: 1px solid #d5dde8;
    border-radius: 7px;
    background: #f8fafc;
    color: #334155;
    font-size: 18px;
    cursor: pointer;
}

.boton-limpiar-numeros:hover:not(:disabled)[b-151bvgulem] {
    border-color: #f0a3ab;
    background: #fff0f1;
}

.boton-limpiar-numeros:disabled[b-151bvgulem] {
    opacity: .42;
    cursor: not-allowed;
}

/* Campos de monto un poco más grandes y botón más visible a la derecha */
.fila-montos.con-reventado[b-151bvgulem] {
    grid-template-columns:
        minmax(145px, 170px)
        minmax(145px, 170px)
        minmax(190px, 215px) !important;
    justify-content: start;
}

.fila-montos.sin-reventado[b-151bvgulem] {
    grid-template-columns:
        minmax(155px, 185px)
        minmax(190px, 215px) !important;
    justify-content: start;
}

.fila-montos .campo-grupo[b-151bvgulem] {
    max-width: 185px !important;
}

.fila-montos .monto-input[b-151bvgulem] {
    min-height: 47px !important;
    font-size: 17px !important;
}

.fila-montos .boton-agregar[b-151bvgulem] {
    justify-self: end;
    min-width: 190px !important;
    max-width: 215px !important;
    min-height: 47px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

/* Restringidos: títulos más claros y sin repetir Arranque */
.resumen-limites-restringidos[b-151bvgulem] {
    display: grid !important;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr) !important;
    gap: 9px !important;
    padding: 11px 12px !important;
}

.restriccion-resumen-card[b-151bvgulem] {
    min-height: 72px;
    padding: 9px 10px;
    border: 1px solid #efcbd0;
    border-radius: 9px;
    background: #ffffff;
}

.restriccion-resumen-titulo[b-151bvgulem] {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #7a3038 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1.25;
    letter-spacing: .25px;
}

.porcentaje-card > strong[b-151bvgulem] {
    display: block;
    margin-top: 10px;
    color: #dc2626;
    font-size: 23px;
    font-weight: 950;
}

.restriccion-maximos[b-151bvgulem] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 7px;
}

.restriccion-maximos > span[b-151bvgulem] {
    display: flex !important;
    min-height: 0 !important;
    padding: 6px 7px !important;
    border: 1px solid #f1d9dc !important;
    border-radius: 7px;
    background: #fffafa !important;
    color: #6b3740 !important;
    font-size: 9px !important;
    font-weight: 900;
}

.restriccion-maximos strong[b-151bvgulem] {
    color: #c82031 !important;
    font-size: 12px !important;
}

/* Total superior */
.total-sorteo-desglose[b-151bvgulem] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding: 10px;
}

.total-sorteo-desglose > div[b-151bvgulem],
.total-sorteo-unico[b-151bvgulem] {
    padding: 8px 6px;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.total-sorteo-desglose span[b-151bvgulem],
.total-sorteo-unico span[b-151bvgulem] {
    display: block;
    color: #64748b;
    font-size: 9px;
    font-weight: 950;
}

.total-sorteo-desglose strong[b-151bvgulem],
.total-sorteo-unico strong[b-151bvgulem] {
    display: block;
    margin-top: 4px;
    color: #1454a0;
    font-size: 15px;
    font-weight: 950;
    white-space: nowrap;
}

.total-sorteo-desglose .total-sorteo-general[b-151bvgulem] {
    border-color: #9bd5ae;
    background: #eaf8f0;
}

.total-sorteo-desglose .total-sorteo-general strong[b-151bvgulem],
.total-sorteo-unico strong[b-151bvgulem] {
    color: #198754;
    font-size: 17px;
}

.total-sorteo-unico[b-151bvgulem] {
    margin: 10px;
}

.boton-limpiar > span[b-151bvgulem] {
    margin-right: 5px;
    font-size: 16px;
}

@media (max-width: 700px) {
    .resumen-limites-restringidos[b-151bvgulem],
    .restriccion-maximos[b-151bvgulem] {
        grid-template-columns: 1fr !important;
    }

    .fila-montos.con-reventado[b-151bvgulem],
    .fila-montos.sin-reventado[b-151bvgulem] {
        grid-template-columns: 1fr !important;
    }

    .fila-montos .campo-grupo[b-151bvgulem],
    .fila-montos .boton-agregar[b-151bvgulem] {
        width: 100%;
        max-width: none !important;
    }
}

/* =========================================================
   VENTAS V5: MÁXIMOS FUERA DE RESTRINGIDOS
   ========================================================= */

.maximos-numero-box[b-151bvgulem] {
    border: 1px solid #c8d8ec;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(23, 75, 135, .07);
}

.maximos-numero-box .box-header[b-151bvgulem] {
    min-height: 38px;
    border-bottom: 1px solid #c8d8ec;
    background: #f7faff;
    color: #1f4f8e;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .35px;
}

.maximos-numero-contenido[b-151bvgulem] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
}

.maximo-numero-item[b-151bvgulem] {
    min-height: 58px;
    padding: 8px 7px;
    border: 1px solid #d7e2ef;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.maximo-numero-item span[b-151bvgulem] {
    display: block;
    color: #5a6b80;
    font-size: 9px;
    font-weight: 950;
}

.maximo-numero-item strong[b-151bvgulem] {
    display: block;
    margin-top: 7px;
    color: #1454a0;
    font-size: 17px;
    font-weight: 950;
    white-space: nowrap;
}

/* Restringidos: porcentaje simple y tabla limpia */
.restringidos-header[b-151bvgulem] {
    justify-content: center !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
}

.restringidos-header > span:last-child[b-151bvgulem] {
    display: inline !important;
    line-height: normal !important;
}

.porcentaje-restringidos[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 11px;
    border-bottom: 1px solid #efc3c8;
    background: #fffafa;
}

.porcentaje-restringidos span[b-151bvgulem] {
    color: #7a3038;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .2px;
}

.porcentaje-restringidos strong[b-151bvgulem] {
    color: #dc2626;
    font-size: 18px;
    font-weight: 950;
    white-space: nowrap;
}

/* Ocultar estilos anteriores que ya no se usan */
.resumen-limites-restringidos[b-151bvgulem],
.restriccion-resumen-card[b-151bvgulem],
.restriccion-maximos[b-151bvgulem] {
    display: none !important;
}

@media (max-width: 700px) {
    .maximos-numero-contenido[b-151bvgulem] {
        grid-template-columns: 1fr;
    }

    .porcentaje-restringidos[b-151bvgulem] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* VENTAS V6: PORCENTAJE EN UNA SOLA LÍNEA Y CENTRADO */
.porcentaje-restringidos[b-151bvgulem] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    min-height: 42px;
    padding: 8px 10px !important;
    text-align: center;
}

.porcentaje-restringidos > span[b-151bvgulem] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #7a3038 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .2px;
    white-space: nowrap;
}

.porcentaje-restringidos > span > strong[b-151bvgulem] {
    display: inline !important;
    margin: 0 !important;
    color: #dc2626 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1;
}

@media (max-width: 700px) {
    .porcentaje-restringidos > span[b-151bvgulem] {
        white-space: normal;
        flex-wrap: wrap;
    }
}

/* =========================================================
   VENTAS V7: FOCO, BOTÓN AGREGAR Y CAJA DE MÁXIMOS
   ========================================================= */

/* Elimina el espacio vacío debajo de los montos máximos */
.columna-derecha[b-151bvgulem] {
    grid-template-rows:
        auto
        auto
        auto
        minmax(0, 1fr) !important;
}

.maximos-numero-box[b-151bvgulem] {
    align-self: start;
}

.maximos-numero-contenido[b-151bvgulem] {
    padding: 8px 10px !important;
}

.maximo-numero-item[b-151bvgulem] {
    min-height: 52px !important;
    padding: 7px 7px !important;
}

.maximo-numero-item strong[b-151bvgulem] {
    margin-top: 5px !important;
}

/* Campos un poco más amplios */
.fila-montos.con-reventado[b-151bvgulem] {
    grid-template-columns:
        minmax(150px, 180px)
        minmax(150px, 180px)
        minmax(210px, 235px) !important;
    width: 100%;
}

.fila-montos.sin-reventado[b-151bvgulem] {
    grid-template-columns:
        minmax(165px, 195px)
        minmax(210px, 235px) !important;
    width: 100%;
}

.fila-montos .campo-grupo[b-151bvgulem] {
    max-width: 195px !important;
}

/* Botón más grande y fijo al extremo derecho */
.fila-montos .boton-agregar[b-151bvgulem] {
    justify-self: end !important;
    align-self: end;
    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;
    min-height: 49px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

@media (max-width: 700px) {
    .fila-montos.con-reventado[b-151bvgulem],
    .fila-montos.sin-reventado[b-151bvgulem] {
        grid-template-columns: 1fr !important;
    }

    .fila-montos .campo-grupo[b-151bvgulem],
    .fila-montos .boton-agregar[b-151bvgulem] {
        width: 100% !important;
        max-width: none !important;
    }
}

/* =========================================================
   VENTAS V8: BOTÓN AGREGAR EN COLUMNA FIJA
   ========================================================= */

.fila-montos-fija[b-151bvgulem] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 18px;
    align-items: end;
    width: 100%;
}

.grupo-campos-montos[b-151bvgulem] {
    display: grid;
    gap: 14px;
    align-items: end;
    min-width: 0;
}

.grupo-campos-montos.con-reventado[b-151bvgulem] {
    grid-template-columns: repeat(2, minmax(155px, 190px));
    justify-content: start;
}

.grupo-campos-montos.sin-reventado[b-151bvgulem] {
    grid-template-columns: minmax(165px, 200px);
    justify-content: start;
}

.grupo-campos-montos .campo-grupo[b-151bvgulem] {
    width: 100%;
    max-width: 200px !important;
}

.grupo-campos-montos .monto-input[b-151bvgulem] {
    width: 100%;
    min-height: 49px !important;
    font-size: 17px !important;
}

.columna-boton-agregar[b-151bvgulem] {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    width: 245px;
    min-width: 245px;
}

.columna-boton-agregar .boton-agregar[b-151bvgulem] {
    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;
    min-height: 56px !important;
    padding: 9px 28px !important;
    font-size: 16px;
}

.columna-boton-agregar .agregar-icono[b-151bvgulem] {
    font-size: 25px;
}

.columna-boton-agregar .agregar-texto strong[b-151bvgulem] {
    font-size: 15px;
}

.columna-boton-agregar .agregar-texto small[b-151bvgulem] {
    font-size: 10px;
}

/* Anula reglas anteriores de fila-montos para evitar desplazamientos */
.fila-montos[b-151bvgulem],
.fila-montos.con-reventado[b-151bvgulem],
.fila-montos.sin-reventado[b-151bvgulem] {
    grid-template-columns: none !important;
}

@media (max-width: 900px) {
    .fila-montos-fija[b-151bvgulem] {
        grid-template-columns: minmax(0, 1fr) 220px;
        gap: 12px;
    }

    .columna-boton-agregar[b-151bvgulem],
    .columna-boton-agregar .boton-agregar[b-151bvgulem] {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
    }
}

@media (max-width: 700px) {
    .fila-montos-fija[b-151bvgulem] {
        grid-template-columns: 1fr;
    }

    .grupo-campos-montos.con-reventado[b-151bvgulem],
    .grupo-campos-montos.sin-reventado[b-151bvgulem] {
        grid-template-columns: 1fr;
    }

    .grupo-campos-montos .campo-grupo[b-151bvgulem],
    .columna-boton-agregar[b-151bvgulem],
    .columna-boton-agregar .boton-agregar[b-151bvgulem] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}



/* =========================================================
   AJUSTES FINALES: REIMPRESIÓN Y RESTRINGIDOS DINÁMICOS
   ========================================================= */

.tabla-ultimas-boletas th[b-151bvgulem] {
    padding: 8px 4px;
    font-size: 10px;
}

.tabla-ultimas-boletas td[b-151bvgulem] {
    padding: 10px 4px;
    color: #25364d;
    font-size: 12px;
    font-weight: 800;
}

.numero-boleta-reciente[b-151bvgulem] {
    font-size: 13px !important;
}

.boton-reimprimir[b-151bvgulem] {
    width: 36px;
    height: 32px;
    border: 1px solid #8db9ec;
    border-radius: 7px;
    background: linear-gradient(180deg, #eaf4ff 0%, #d8eaff 100%);
    color: #0d61bd;
    box-shadow: 0 2px 5px rgba(15, 83, 161, .16);
}

.boton-reimprimir:hover:not(:disabled)[b-151bvgulem] {
    border-color: #0d61bd;
    background: linear-gradient(180deg, #1980e8 0%, #0d61bd 100%);
    color: #ffffff;
    transform: translateY(-1px);
}

.icono-impresora[b-151bvgulem] {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.sr-only[b-151bvgulem] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.tabla-restringidos th[b-151bvgulem] {
    padding: 7px 2px;
    font-size: 7.5px;
}

.tabla-restringidos td[b-151bvgulem] {
    padding: 8px 2px;
    font-size: 9px;
    font-variant-numeric: tabular-nums;
}

.monto-disponible[b-151bvgulem] {
    color: #137443 !important;
    font-weight: 900 !important;
}

.monto-disponible.agotado[b-151bvgulem] {
    color: #d11a2a !important;
}

.monto-exceso.con-exceso[b-151bvgulem] {
    color: #d11a2a !important;
    font-weight: 900 !important;
}

.monto-limite[b-151bvgulem] {
    color: #134f9c !important;
    font-weight: 900 !important;
}


/* =========================================================
   MODAL CARGAR BOLETA
   ========================================================= */
.modal-cargar-fondo[b-151bvgulem]{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.52);backdrop-filter:blur(2px)}
.modal-cargar-boleta[b-151bvgulem]{width:min(455px,100%);overflow:hidden;border:1px solid #cbd5e1;border-radius:12px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.28)}
.modal-cargar-header[b-151bvgulem]{display:flex;align-items:center;gap:13px;padding:16px 18px;border-bottom:1px solid #dce5ef;background:linear-gradient(180deg,#f5f9ff 0%,#eaf3ff 100%)}
.modal-cargar-icono[b-151bvgulem]{display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(180deg,#2380df 0%,#0f5fb7 100%);font-size:23px;font-weight:900}
.modal-cargar-header h3[b-151bvgulem]{margin:0;color:#153c69;font-size:17px;font-weight:900}
.modal-cargar-header p[b-151bvgulem]{margin:5px 0 0;color:#5d6f84;font-size:11px;font-weight:800;line-height:1.35}
.modal-cargar-contenido[b-151bvgulem]{display:grid;gap:9px;padding:20px 20px 16px}
.modal-cargar-contenido label[b-151bvgulem]{color:#233a56;font-size:12px;font-weight:900}
.input-cargar-tiquete[b-151bvgulem]{width:100%;height:48px;padding:8px 13px;border:2px solid #b9c8da;border-radius:8px;color:#14283f;background:#fff;font-size:20px;font-weight:900;letter-spacing:1px;text-align:center;outline:none}
.input-cargar-tiquete:focus[b-151bvgulem]{border-color:#1672d4;box-shadow:0 0 0 3px rgba(22,114,212,.14)}
.modal-cargar-contenido small[b-151bvgulem]{color:#718096;font-size:10px;font-weight:700;text-align:center}
.error-cargar-boleta[b-151bvgulem]{padding:9px 11px;border:1px solid #fecaca;border-radius:7px;color:#b91c1c;background:#fff1f2;font-size:11px;font-weight:900;line-height:1.35;text-align:center}
.modal-cargar-acciones[b-151bvgulem]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 20px 18px}
.boton-modal-cargar[b-151bvgulem],.boton-modal-cancelar[b-151bvgulem]{min-height:44px;border:0;border-radius:8px;color:#fff;font-size:13px;font-weight:900;box-shadow:0 3px 7px rgba(15,23,42,.18)}
.boton-modal-cargar[b-151bvgulem]{background:linear-gradient(180deg,#1f7cda 0%,#0d5caf 100%)}
.boton-modal-cancelar[b-151bvgulem]{background:linear-gradient(180deg,#e44747 0%,#bd2525 100%)}

/* =========================================================
   MODAL REVERSAR BOLETA
   ========================================================= */

.modal-reversar-fondo[b-151bvgulem] {
    position: fixed;
    inset: 0;
    z-index: 3100;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(2px);
}

.modal-reversar-boleta[b-151bvgulem] {
    width: min(455px, 100%);
    overflow: hidden;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(15, 23, 42, .30);
}

.modal-reversar-header[b-151bvgulem] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 18px;
    border-bottom: 1px solid #fecaca;
    background: linear-gradient(180deg, #fff7f7 0%, #feecec 100%);
}

.modal-reversar-icono[b-151bvgulem] {
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(180deg, #e54848 0%, #bd2424 100%);
    font-size: 25px;
    font-weight: 900;
}

.modal-reversar-header h3[b-151bvgulem] {
    margin: 0;
    color: #991b1b;
    font-size: 17px;
    font-weight: 900;
}

.modal-reversar-header p[b-151bvgulem] {
    margin: 5px 0 0;
    color: #7f1d1d;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
}

.modal-reversar-contenido[b-151bvgulem] {
    display: grid;
    gap: 9px;
    padding: 20px 20px 16px;
}

.modal-reversar-contenido label[b-151bvgulem] {
    color: #3f2a2a;
    font-size: 12px;
    font-weight: 900;
}

.input-reversar-tiquete[b-151bvgulem] {
    width: 100%;
    height: 48px;
    padding: 8px 13px;
    border: 2px solid #e5b8b8;
    border-radius: 8px;
    color: #3f1515;
    background: #ffffff;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: center;
    outline: none;
}

.input-reversar-tiquete:focus[b-151bvgulem] {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .14);
}

.modal-reversar-contenido small[b-151bvgulem] {
    color: #7c6b6b;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.error-reversar-boleta[b-151bvgulem] {
    padding: 9px 11px;
    border: 1px solid #fecaca;
    border-radius: 7px;
    color: #b91c1c;
    background: #fff1f2;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.35;
    text-align: center;
}

.modal-reversar-acciones[b-151bvgulem] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 13px 20px 18px;
}

.boton-modal-reversar[b-151bvgulem],
.boton-modal-cancelar-reversion[b-151bvgulem] {
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 3px 7px rgba(15, 23, 42, .18);
}

.boton-modal-reversar[b-151bvgulem] {
    background: linear-gradient(180deg, #e44747 0%, #bd2525 100%);
}

.boton-modal-reversar:hover:not(:disabled)[b-151bvgulem] {
    background: linear-gradient(180deg, #ef5656 0%, #a91d1d 100%);
}

.boton-modal-cancelar-reversion[b-151bvgulem] {
    background: linear-gradient(180deg, #64748b 0%, #475569 100%);
}

.boton-modal-cancelar-reversion:hover:not(:disabled)[b-151bvgulem] {
    background: linear-gradient(180deg, #718096 0%, #3f4b5e 100%);
}

@media (max-width: 520px) {
    .modal-reversar-acciones[b-151bvgulem] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   REVERSIÓN CON VISTA PREVIA
   ========================================================= */

.modal-reversar-vista[b-151bvgulem] {
    width: min(760px, 96vw);
    max-height: 94vh;
}

.modal-reversar-header.vista[b-151bvgulem] {
    padding-top: 12px;
    padding-bottom: 12px;
}

.contenedor-vista-reversion[b-151bvgulem] {
    display: flex;
    justify-content: center;
    min-height: 470px;
    max-height: 64vh;
    padding: 10px;
    overflow: auto;
    background: #d9dde3;
}

.iframe-vista-reversion[b-151bvgulem] {
    width: 340px;
    min-height: 680px;
    border: 1px solid #aeb6c0;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .22);
}

.nube-reversion-exitosa[b-151bvgulem] {
    margin: 10px 16px 0;
    padding: 11px 14px;
    border: 1px solid #86efac;
    border-radius: 10px;
    color: #166534;
    background: #dcfce7;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 3px 9px rgba(22, 101, 52, .14);
}

.confirmacion-reversion[b-151bvgulem] {
    display: grid;
    gap: 10px;
    padding: 16px 20px 20px;
    border-top: 1px solid #fecaca;
    color: #7f1d1d;
    background: #fff7f7;
    text-align: center;
}

.confirmacion-reversion strong[b-151bvgulem] {
    font-size: 14px;
    font-weight: 900;
}

.confirmacion-reversion span[b-151bvgulem] {
    font-size: 11px;
    font-weight: 800;
}

.confirmacion-reversion > div[b-151bvgulem] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.boton-confirmar-reversion[b-151bvgulem],
.boton-cancelar-confirmacion[b-151bvgulem],
.boton-modal-consultar[b-151bvgulem],
.boton-imprimir-reversada[b-151bvgulem] {
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 3px 7px rgba(15, 23, 42, .18);
}

.boton-confirmar-reversion[b-151bvgulem] {
    background: linear-gradient(180deg, #e44747 0%, #bd2525 100%);
}

.boton-cancelar-confirmacion[b-151bvgulem] {
    background: linear-gradient(180deg, #64748b 0%, #475569 100%);
}

.boton-modal-consultar[b-151bvgulem] {
    background: linear-gradient(180deg, #1f7cda 0%, #0d5caf 100%);
}

.boton-imprimir-reversada[b-151bvgulem] {
    background: linear-gradient(180deg, #16864d 0%, #0e6739 100%);
}

.modal-reversar-acciones.vista[b-151bvgulem] {
    border-top: 1px solid #e2e8f0;
    background: #ffffff;
}

@media (max-width: 650px) {
    .modal-reversar-vista[b-151bvgulem] {
        width: 98vw;
    }

    .iframe-vista-reversion[b-151bvgulem] {
        width: 300px;
    }

    .confirmacion-reversion > div[b-151bvgulem] {
        grid-template-columns: 1fr;
    }
}



/* =========================================================
   BOLETA PROCESADA PARA WHATSAPP
   ========================================================= */

.modal-whatsapp-overlay[b-151bvgulem] {
    position: fixed;
    inset: 0;
    z-index: 2500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: rgba(15, 23, 42, .62);
}

.modal-whatsapp-boleta[b-151bvgulem] {
    display: flex;
    flex-direction: column;
    width: min(500px, 96vw);
    max-height: 96vh;
    overflow: hidden;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(15, 23, 42, .34);
}

.modal-whatsapp-header[b-151bvgulem] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-bottom: 1px solid #dce3eb;
    text-align: center;
}

.modal-whatsapp-header h3[b-151bvgulem] {
    margin: 0;
    color: #166534;
    font-size: 17px;
    font-weight: 900;
}

.modal-whatsapp-header p[b-151bvgulem] {
    margin: 4px 0 0;
    color: #475569;
    font-size: 12px;
    font-weight: 900;
}

.contenedor-vista-whatsapp[b-151bvgulem] {
    display: flex;
    justify-content: center;
    min-height: 480px;
    max-height: 72vh;
    padding: 10px;
    overflow: auto;
    background: #d9dde3;
}

.iframe-vista-whatsapp[b-151bvgulem] {
    width: 340px;
    min-height: 680px;
    border: 1px solid #aeb6c0;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .22);
}

.modal-whatsapp-acciones[b-151bvgulem] {
    padding: 11px 18px 14px;
}

.boton-cerrar-whatsapp[b-151bvgulem] {
    width: 100%;
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #64748b 0%, #475569 100%);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 3px 7px rgba(15, 23, 42, .18);
}

.boton-cerrar-whatsapp:hover[b-151bvgulem] {
    background: linear-gradient(180deg, #718096 0%, #3f4b5e 100%);
}

@media (max-width: 520px) {
    .modal-whatsapp-overlay[b-151bvgulem] {
        padding: 6px;
    }

    .modal-whatsapp-boleta[b-151bvgulem] {
        width: 100%;
        max-height: 98vh;
    }

    .contenedor-vista-whatsapp[b-151bvgulem] {
        max-height: 76vh;
        padding: 6px;
    }
}


/* =========================================================
   FORMA DE PAGO - SINPE / CREDITO
   ========================================================= */
.modal-pago-overlay[b-151bvgulem],
.modal-clientes-overlay[b-151bvgulem]{
    position:fixed;
    inset:0;
    z-index:10020;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(15,23,42,.72);
}

.modal-pago[b-151bvgulem]{
    width:min(620px,96vw);
    overflow:hidden;
    border-radius:14px;
    background:#fff;
    box-shadow:0 22px 70px rgba(0,0,0,.30);
}

.modal-pago-header[b-151bvgulem]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:17px 19px;
    border-bottom:1px solid #dfe7f1;
}

.modal-pago-header span[b-151bvgulem],
.datos-pago-titulo span[b-151bvgulem],
.nuevo-cliente-pago>span[b-151bvgulem]{
    color:#1769e8;
    font-size:12px;
    font-weight:950;
    letter-spacing:.04em;
}

.modal-pago-header h3[b-151bvgulem],
.modal-clientes-pago h3[b-151bvgulem]{
    margin:3px 0 0;
    color:#17355f;
    font-size:22px;
}

.modal-pago-header>strong[b-151bvgulem]{
    color:#118044;
    font-size:25px;
    font-weight:950;
}

.metodos-pago[b-151bvgulem]{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding:15px 17px;
}

.metodo-pago[b-151bvgulem]{
    min-height:48px;
    border:1px solid #cbd8e8;
    border-radius:9px;
    background:#f8fafc;
    color:#475569;
    font-size:13px;
    font-weight:950;
    cursor:pointer;
}

.metodo-pago.activo[b-151bvgulem]{
    border-color:#1769e8;
    background:#1769e8;
    color:#fff;
}

.metodo-pago.sinpe.activo[b-151bvgulem]{
    border-color:#0284c7;
    background:#0284c7;
}

.metodo-pago.credito.activo[b-151bvgulem]{
    border-color:#c2410c;
    background:#c2410c;
}

.pago-efectivo-mensaje[b-151bvgulem]{
    margin:0 17px 15px;
    padding:16px;
    border-radius:9px;
    background:#ecfdf5;
    color:#166534;
    font-size:14px;
    font-weight:850;
    text-align:center;
}

.datos-pago[b-151bvgulem]{
    display:grid;
    gap:11px;
    padding:4px 17px 16px;
}

.datos-pago-titulo[b-151bvgulem]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.datos-pago-titulo small[b-151bvgulem]{
    display:block;
    margin-top:3px;
    color:#718096;
    font-size:11px;
}

.datos-pago label[b-151bvgulem]{
    display:grid;
    gap:5px;
}

.datos-pago label>span[b-151bvgulem]{
    color:#65758b;
    font-size:11px;
    font-weight:950;
}

.datos-pago input[b-151bvgulem],
.busqueda-clientes input[b-151bvgulem],
.nuevo-cliente-pago input[b-151bvgulem]{
    width:100%;
    height:46px;
    padding:0 12px;
    border:1px solid #cbd8e8;
    border-radius:8px;
    color:#17355f;
    background:#fff;
    font-size:15px;
    font-weight:750;
    outline:none;
}

.datos-pago input:focus[b-151bvgulem],
.busqueda-clientes input:focus[b-151bvgulem],
.nuevo-cliente-pago input:focus[b-151bvgulem]{
    border-color:#1769e8;
    box-shadow:0 0 0 3px rgba(23,105,232,.10);
}

.boton-clientes-pago[b-151bvgulem]{
    min-height:38px;
    padding:0 13px;
    border:1px solid #93c5fd;
    border-radius:7px;
    background:#eff6ff;
    color:#1769e8;
    font-size:11px;
    font-weight:950;
    cursor:pointer;
}

.boton-clientes-pago.credito[b-151bvgulem]{
    border-color:#fdba74;
    background:#fff7ed;
    color:#c2410c;
}

.cliente-seleccionado[b-151bvgulem]{
    padding:8px 10px;
    border-radius:7px;
    background:#dcfce7;
    color:#166534;
    font-size:10px;
    font-weight:950;
}

.error-pago[b-151bvgulem]{
    margin:0 17px 12px;
    padding:10px 12px;
    border-radius:8px;
    background:#fee2e2;
    color:#991b1b;
    font-size:12px;
    font-weight:850;
}

.modal-pago-acciones[b-151bvgulem]{
    display:grid;
    grid-template-columns:1fr 1.6fr;
    gap:8px;
    padding:14px 17px 17px;
    border-top:1px solid #edf2f7;
    background:#f8fafc;
}

.modal-pago-acciones button[b-151bvgulem]{
    min-height:48px;
    border:0;
    border-radius:8px;
    font-size:12px;
    font-weight:950;
    cursor:pointer;
}

.pago-cancelar[b-151bvgulem]{
    background:#e2e8f0;
    color:#475569;
}

.pago-procesar[b-151bvgulem]{
    background:#1769e8;
    color:#fff;
}

.pago-procesar:disabled[b-151bvgulem]{
    opacity:.45;
    cursor:not-allowed;
}

/* Clientes */
.modal-clientes-overlay[b-151bvgulem]{
    z-index:10030;
}

.modal-clientes-pago[b-151bvgulem]{
    width:min(560px,95vw);
    max-height:86vh;
    overflow:auto;
    border-radius:14px;
    background:#fff;
    box-shadow:0 22px 70px rgba(0,0,0,.32);
}

.modal-clientes-pago>header[b-151bvgulem]{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:16px 18px;
    border-bottom:1px solid #dfe7f1;
    background:#fff;
}

.modal-clientes-pago>header>div>span[b-151bvgulem]{
    color:#1769e8;
    font-size:11px;
    font-weight:950;
}

.modal-clientes-pago>header>button[b-151bvgulem]{
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#f1f5f9;
    color:#475569;
    font-size:17px;
    cursor:pointer;
}

.busqueda-clientes[b-151bvgulem]{
    display:grid;
    grid-template-columns:1fr auto;
    gap:7px;
    padding:12px 14px;
}

.busqueda-clientes button[b-151bvgulem],
.nuevo-cliente-pago button[b-151bvgulem]{
    min-height:42px;
    padding:0 14px;
    border:0;
    border-radius:7px;
    background:#1769e8;
    color:#fff;
    font-size:11px;
    font-weight:950;
    cursor:pointer;
}

.lista-clientes-pago[b-151bvgulem]{
    display:grid;
    max-height:320px;
    overflow:auto;
    padding:0 14px 12px;
}

.fila-cliente[b-151bvgulem]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    padding:12px;
    border:0;
    border-bottom:1px solid #edf2f7;
    background:#fff;
    text-align:left;
    cursor:pointer;
}

.fila-cliente:hover[b-151bvgulem]{
    background:#eff6ff;
}

.fila-cliente strong[b-151bvgulem]{
    color:#17355f;
    font-size:13px;
}

.fila-cliente span[b-151bvgulem]{
    color:#64748b;
    font-size:12px;
}

.clientes-vacio[b-151bvgulem]{
    padding:25px 10px;
    color:#718096;
    text-align:center;
    font-size:12px;
    font-weight:800;
}

.nuevo-cliente-pago[b-151bvgulem]{
    display:grid;
    gap:8px;
    padding:14px;
    border-top:1px solid #dfe7f1;
    background:#f8fafc;
}

/* WhatsApp: acciones arriba */
.whatsapp-acciones-superiores[b-151bvgulem]{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}

.whatsapp-acciones-superiores button[b-151bvgulem]{
    min-height:38px;
    padding:0 12px;
    border:0;
    border-radius:7px;
    color:#fff;
    font-size:10px;
    font-weight:950;
    cursor:pointer;
}

.wa-cerrar[b-151bvgulem]{background:#475569}
.wa-compartir[b-151bvgulem]{background:#16a34a}
.wa-guardar[b-151bvgulem]{background:#0f766e}

.modal-whatsapp-acciones[b-151bvgulem]{
    color:#64748b;
    font-size:11px;
    text-align:center;
}

@media(max-width:650px){
    .metodos-pago[b-151bvgulem]{
        grid-template-columns:1fr;
    }

    .modal-pago-acciones[b-151bvgulem]{
        grid-template-columns:1fr;
    }

    .datos-pago-titulo[b-151bvgulem]{
        align-items:stretch;
        flex-direction:column;
    }
}


/* =========================================================
   MEJORAS 13-08-2026 - ACCIONES, GENERADORES Y BOLETA
   ========================================================= */

/* Acciones superiores: más grandes y visibles */
.acciones-boleta[b-151bvgulem] {
    gap: 9px;
}

.boton-secundario[b-151bvgulem] {
    min-height: 46px;
    min-width: 185px;
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 900;
}

.boton-icono[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    font-size: 23px;
}

.icono-anular[b-151bvgulem] {
    filter: saturate(1.25);
}

.icono-copiar[b-151bvgulem] {
    filter: saturate(1.2);
}

/* Cinco botones en una sola fila */
.botones-generadores[b-151bvgulem] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
    padding: 9px;
}

.boton-generador[b-151bvgulem] {
    min-height: 43px;
    padding: 7px 6px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.05;
}

.boton-generador .generador-icono[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    min-width: 23px;
    font-size: 20px;
    line-height: 1;
}

.icono-parejas[b-151bvgulem] { color: #7c3aed !important; }
.icono-pares[b-151bvgulem] { color: #1677c8 !important; }
.icono-impares[b-151bvgulem] { color: #d97706 !important; }
.icono-rangos[b-151bvgulem] { color: #15803d !important; }
.icono-gallo[b-151bvgulem] { color: #dc2626 !important; }

.boton-gallo[b-151bvgulem] {
    border-color: #f1b6b6;
    background: #fff8f7;
}

/* El ingreso soporta hasta 100 números sin perder los separadores. */
.numero-input[b-151bvgulem] {
    font-size: 23px;
}

/* A partir de más de 15 jugadas, la tabla conserva tamaño y desplaza. */
.tabla-boleta-contenedor[b-151bvgulem] {
    flex: none;
    max-height: 586px; /* encabezado + aproximadamente 15 filas */
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.tabla-boleta thead[b-151bvgulem] {
    position: sticky;
    top: 0;
    z-index: 3;
}

/* Ajuste para pantallas donde cinco botones necesitan compactarse sin salirse. */
@media (max-width: 1350px) {
    .boton-secundario[b-151bvgulem] {
        min-width: 165px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 13px;
    }

    .boton-generador[b-151bvgulem] {
        font-size: 11px;
    }

    .boton-generador .generador-icono[b-151bvgulem] {
        margin-right: 4px;
        font-size: 18px;
    }
}


/* =========================================================
   PAR/IMPAR + TERMINACION
   ========================================================= */
.icono-par-impar[b-151bvgulem] {
    color: #6d28d9 !important;
    font-weight: 950 !important;
}

.icono-terminacion[b-151bvgulem] {
    color: #be123c !important;
    font-weight: 950 !important;
}

.boton-terminacion[b-151bvgulem] {
    border-color: #fecdd3;
    background: #fff7f8;
}

.selector-par-impar[b-151bvgulem] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px 12px 0;
}

.selector-par-impar button[b-151bvgulem] {
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #fff;
    color: #475569;
    font-size: 13px;
    font-weight: 950;
    cursor: pointer;
}

.selector-par-impar button.activo.par[b-151bvgulem] {
    border-color: #2563eb;
    background: #dbeafe;
    color: #1d4ed8;
    box-shadow: inset 0 0 0 1px #2563eb;
}

.selector-par-impar button.activo.impar[b-151bvgulem] {
    border-color: #ea580c;
    background: #ffedd5;
    color: #c2410c;
    box-shadow: inset 0 0 0 1px #ea580c;
}

.generador-terminacion-campos[b-151bvgulem] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) 110px 100px;
    gap: 8px;
    align-items: end;
    padding: 11px 12px 12px;
}

.generador-terminacion-campos label[b-151bvgulem] {
    display: grid;
    gap: 4px;
}

.generador-terminacion-campos label span[b-151bvgulem] {
    color: #42536a;
    font-size: 11px;
    font-weight: 950;
}

.generador-terminacion-campos input[b-151bvgulem] {
    width: 100%;
    height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #111827;
    background: #fff;
    font-size: 20px;
    font-weight: 950;
    text-align: center;
}

.terminacion-ejemplo[b-151bvgulem] {
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 6px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 900px) {
    .generador-terminacion-campos[b-151bvgulem] {
        grid-template-columns: 1fr 1fr;
    }
}


/* =========================================================
   ICONOS PERSONALIZADOS - VERSIÓN CORREGIDA
   ========================================================= */

/* Hora Servidor */
.topbar-icono.topbar-icono-reloj[b-151bvgulem]{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
    margin-right:10px !important;
    padding:0 !important;
    background:transparent !important;
    border-radius:0 !important;
}

.reloj-servidor-img[b-151bvgulem]{
    display:block;
    width:36px;
    height:36px;
    object-fit:contain;
}

/* Reloj grande junto a cada sorteo */
.sorteo-reloj.sorteo-reloj-imagen[b-151bvgulem]{
    width:53px !important;
    height:53px !important;
    min-width:53px !important;
    margin-right:12px !important;
    padding:0 !important;
    background:transparent !important;
    border-radius:0 !important;
}

.sorteo-reloj.sorteo-reloj-imagen img[b-151bvgulem]{
    display:block;
    width:51px;
    height:51px;
    object-fit:contain;
}

.sorteo-item.activo .sorteo-reloj.sorteo-reloj-imagen[b-151bvgulem]{
    background:transparent !important;
}

/* Calendario permanece junto a la fecha */
.sorteo-fecha[b-151bvgulem]{
    display:flex;
    align-items:center;
    gap:5px;
}

.calendario-sorteo-img[b-151bvgulem]{
    display:block;
    width:22px;
    height:22px;
    flex:0 0 22px;
    object-fit:contain;
}

/* Iconos Parejas / Par-Impar / Rangos / Terminación */
.generador-img[b-151bvgulem]{
    display:block;
    width:28px;
    height:28px;
    flex:0 0 28px;
    margin-right:7px;
    object-fit:contain;
}

.boton-generador[b-151bvgulem]{
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Nuevo icono verde en el botón AGREGAR.
   NO lleva '+' adicional. */
.columna-boton-agregar .boton-agregar[b-151bvgulem]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:11px !important;
}

.columna-boton-agregar .agregar-nuevo-img[b-151bvgulem]{
    display:block;
    width:35px;
    height:35px;
    flex:0 0 35px;
    object-fit:contain;
    margin:0 !important;
}

.columna-boton-agregar .agregar-texto[b-151bvgulem]{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
}

.columna-boton-agregar .agregar-texto strong[b-151bvgulem]{
    font-size:15px !important;
}

.columna-boton-agregar .agregar-texto small[b-151bvgulem]{
    margin-top:3px;
    font-size:10px !important;
}


/* =========================================================
   CORRECCIÓN VISUAL: BOTONES E ICONOS TRANSPARENTES
   ========================================================= */

/* Terminación y Gallo Tapado iguales al resto: sin rosado. */
.boton-generador.boton-terminacion[b-151bvgulem],
.boton-generador.boton-gallo[b-151bvgulem] {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #183153 !important;
}

.boton-generador.boton-terminacion:hover[b-151bvgulem],
.boton-generador.boton-gallo:hover[b-151bvgulem] {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
}

/* Ningún icono personalizado debe mostrar fondo/borde blanco propio. */
.generador-img[b-151bvgulem],
.agregar-nuevo-img[b-151bvgulem],
.reloj-servidor-img[b-151bvgulem],
.sorteo-reloj-imagen img[b-151bvgulem],
.calendario-sorteo-img[b-151bvgulem],
.accion-img[b-151bvgulem],
.reloj-img[b-151bvgulem],
.reloj-sorteo-img[b-151bvgulem],
.calendario-img[b-151bvgulem] {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Contenedores del reloj también transparentes. */
.topbar-icono.topbar-icono-reloj[b-151bvgulem],
.sorteo-reloj.sorteo-reloj-imagen[b-151bvgulem] {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   PROCESAR / WHATSAPP - ICONOS NUEVOS, CAMBIO SEGURO
   ========================================================= */
.botones-venta[b-151bvgulem]{
    min-height:56px !important;
}

.boton-procesar[b-151bvgulem],
.boton-whatsapp[b-151bvgulem]{
    min-height:54px !important;
    padding:9px 18px !important;
    gap:10px !important;
    font-size:14px !important;
    font-weight:900 !important;
}

.icono-accion-final[b-151bvgulem]{
    display:block;
    width:33px;
    height:33px;
    flex:0 0 33px;
    object-fit:contain;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

.icono-procesar-final[b-151bvgulem]{
    width:34px;
    height:34px;
    flex-basis:34px;
}

.icono-whatsapp-final[b-151bvgulem]{
    width:34px;
    height:34px;
    flex-basis:34px;
}

.texto-accion-final[b-151bvgulem]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1;
}


/* AYUDAS DE TECLADO - FORMA DE PAGO */
.modal-pago-acciones .pago-cancelar[b-151bvgulem],
.modal-pago-acciones .pago-procesar[b-151bvgulem] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.modal-pago-acciones .pago-cancelar small[b-151bvgulem],
.modal-pago-acciones .pago-procesar small[b-151bvgulem] {
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    opacity: .78;
}