/* =========================================================
   SOLO diseño visual de <select> nativos — igual Asignar ganadores
   NO toca: tamaños, layout, combos (ms-btn/cb-combo/cg-vendedor), z-index,
   pointer-events, lógica Blazor ni paneles desplegables.
   ========================================================= */

.banca-wrap select:not([multiple]),
.ventas-page select:not([multiple]),
.cfd-root select:not([multiple]),
.recorte-page select:not([multiple]),
.recibir-qr-root select:not([multiple]),
.cb-shell select:not([multiple]),
.cg-shell select:not([multiple]) {
    border-radius: 17px;
    font-size: 16px;
    font-weight: 1000;
    letter-spacing: 0.2px;
    color: #0b2a55;
    background:
        linear-gradient(45deg, transparent 50%, #0d47a1 50%),
        linear-gradient(135deg, #0d47a1 50%, transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
    background-position: calc(100% - 22px) 50%, calc(100% - 15px) 50%, 0 0;
    background-size: 7px 7px, 7px 7px, 100% 100%;
    background-repeat: no-repeat;
    border: 1px solid rgba(13, 71, 161, 0.24);
    box-shadow: 0 14px 28px rgba(13, 71, 161, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    padding-right: 48px;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}

.banca-wrap select:not([multiple]):hover,
.ventas-page select:not([multiple]):hover,
.cfd-root select:not([multiple]):hover,
.recorte-page select:not([multiple]):hover,
.recibir-qr-root select:not([multiple]):hover,
.cb-shell select:not([multiple]):hover,
.cg-shell select:not([multiple]):hover {
    background:
        linear-gradient(45deg, transparent 50%, #1e88e5 50%),
        linear-gradient(135deg, #1e88e5 50%, transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #eaf3ff 100%);
    background-position: calc(100% - 22px) 50%, calc(100% - 15px) 50%, 0 0;
    background-size: 7px 7px, 7px 7px, 100% 100%;
    background-repeat: no-repeat;
    border-color: rgba(30, 136, 229, 0.55);
}

.banca-wrap select:not([multiple]):focus,
.ventas-page select:not([multiple]):focus,
.cfd-root select:not([multiple]):focus,
.recorte-page select:not([multiple]):focus,
.recibir-qr-root select:not([multiple]):focus,
.cb-shell select:not([multiple]):focus,
.cg-shell select:not([multiple]):focus {
    border-color: #1e88e5;
    box-shadow: 0 0 0 4px rgba(30, 136, 229, 0.16), 0 18px 34px rgba(30, 136, 229, 0.16);
}

.banca-wrap select:not([multiple]) option,
.ventas-page select:not([multiple]) option,
.cfd-root select:not([multiple]) option,
.recorte-page select:not([multiple]) option,
.recibir-qr-root select:not([multiple]) option,
.cb-shell select:not([multiple]) option,
.cg-shell select:not([multiple]) option {
    font-size: 16px;
    font-weight: 900;
    color: #0f172a;
    background: #ffffff;
}