/* ──────────────────────────────────────────────────────────
   BACKDROP (Retiro)
────────────────────────────────────────────────────────── */
.withdraw-modal-backdrop{
    position:fixed;
    inset:0;
    width:100vw;height:100vh;
    background:rgba(35,41,70,.19);
    z-index:1001;
    transition:background .2s;
}

/* ──────────────────────────────────────────────────────────
   MODAL (Retiro) – caja, responsive y contraste de texto
────────────────────────────────────────────────────────── */
.withdraw-modal-content{
    position:fixed; top:50%; left:50%;
    transform:translate(-50%, -50%);
    background:#fff;
    padding:2.1rem 1.8rem;
    border-radius:1.9rem;
    box-shadow:0 8px 36px #23294633;
    z-index:1002;

    min-width:540px; max-width:720px;
    max-height:92vh;
    overflow-y:auto; overflow-x:hidden;

    display:flex; flex-direction:column; align-items:center;
    box-sizing:border-box;

    /* CONTRASTE: texto oscuro por defecto dentro del modal blanco */
    color:#232946;
    text-align:left;
}

/* Herencia de color dentro del modal */
.withdraw-modal-content *{ color:inherit; }

/* Título y párrafos (Retiro) */
.withdraw-modal-content h3{
    margin:0 0 1rem;
    font-size:1.22rem;
    font-weight:800;
}
.withdraw-modal-content p{
    margin:0 0 1.2rem;
    color:#36445b;
    opacity:1;
}

/* Etiquetas e inline bold más marcados */
.withdraw-modal-content label{ font-weight:600; }
.withdraw-modal-content b{ font-weight:700; }

/* Inputs numéricos (Retiro) */
.withdraw-modal-content input[type="number"]{
    color:#232946;
    background:#fff;
    border:1px solid #bfc3d3;
    border-radius:1.1rem;
    padding:.5rem .6rem;
    width:100%;
    box-sizing:border-box;
}
.withdraw-modal-content input[type="number"]::placeholder{
    color:#6b7280; opacity:.85;
}

/* Elevación adicional opcional */
.withdraw-modal-elevated{
    box-shadow:0 8px 36px #23294655, 0 1.5px 8px #23294622;
}

/* Responsive (Retiro) */
@media (max-width: 800px){
    .withdraw-modal-content{
        min-width:96vw; max-width:99vw;
        padding:1.2rem .5rem;
    }
}
@media (max-width: 700px){
    .withdraw-modal-content{
        min-width:94vw; max-width:99vw;
        padding:1.2rem .7rem;
    }
}

/* ──────────────────────────────────────────────────────────
   BOTONES (Retiro)
────────────────────────────────────────────────────────── */
.withdraw-confirm-btn{
    background:linear-gradient(90deg,#ff5f5f 0%,#fd8686 100%);
    color:#fff;
    font-size:1rem; font-weight:700;
    padding:10px 28px; border:none; border-radius:2.2rem;
    box-shadow:0 3px 18px #fd868615;
    cursor:pointer;
    transition:background .18s, transform .14s, filter .12s;
}
.withdraw-confirm-btn:hover:enabled{
    background:linear-gradient(90deg,#c92525 0%,#ff7171 100%);
    transform:translateY(-2px) scale(1.04);
}
.withdraw-confirm-btn:disabled{
    opacity:.6; cursor:not-allowed; filter:grayscale(.2);
}

.withdraw-cancel-btn{
    background:#eee; color:#232946; font-weight:600;
    padding:10px 28px; border:none; border-radius:1.6rem;
    cursor:pointer; transition:background .18s, transform .12s;
}
.withdraw-cancel-btn:hover:enabled{ background:#e4e4e4; }
.withdraw-cancel-btn:disabled{ opacity:.6; cursor:not-allowed; }

/* ──────────────────────────────────────────────────────────
   MODAL DE CONFIRMACIÓN (Guardar inventario)
   (usa clases .modal-content .modal-elevated de tu otro modal)
────────────────────────────────────────────────────────── */
.modal-content.modal-elevated{
    color:#232946;            /* texto oscuro sobre fondo blanco */
    text-align:center;
}

/* Título y cuerpo */
.modal-content.modal-elevated h3{
    margin:0 0 1rem;
    font-size:1.22rem;
    font-weight:800;
    color:#232946;
}
.modal-content.modal-elevated p{
    margin:0 0 1.6rem;
    color:#36445b;
    opacity:1;
}

/* Botón confirmar (reutilizable) */
.upload-button{
    background:linear-gradient(90deg,#406aff 0%,#6be8fd 100%);
    color:#fff;
    font-size:1rem; font-weight:700;
    padding:12px 26px; border:none; border-radius:999px;
    box-shadow:0 3px 12px #23294618;
    cursor:pointer;
    transition:transform .12s, filter .12s, background .16s;
}
.upload-button:hover{ transform:translateY(-1px) scale(1.02); }
.upload-button:disabled{ opacity:.6; cursor:not-allowed; filter:grayscale(.2); }

/* Botón cancelar (reutilizable) */
.cancel-button{
    background:#f4f6fa; color:#232946; font-weight:700;
    padding:12px 22px; border:1.5px solid #c3d2f4; border-radius:999px;
    box-shadow:0 1px 6px #23294610; cursor:pointer;
    transition:background .12s, border .12s, color .12s, transform .12s;
}
.cancel-button:hover{ background:#eaf3ff; color:#406aff; border-color:#406aff; }
.cancel-button:disabled{ opacity:.6; cursor:not-allowed; }