/* ==========================================================
   NX PHARMACY POS - SHARED TOAST STYLES
   Self-styled (no Bootstrap dependency). Palette matches app.
   ========================================================== */
.nx-toast-container{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:3000;
    display:flex;
    flex-direction:column;
    gap:10px;
    max-width:min(380px, calc(100vw - 32px));
}
.nx-toast{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:13px 14px;
    border-radius:12px;
    background:#1f2937;
    color:#fff;
    font-size:13px;
    line-height:1.45;
    box-shadow:0 12px 30px rgba(0,0,0,.22);
    animation:nx-toast-in .25s ease;
}
.nx-toast-hide{
    opacity:0;
    transform:translateY(8px);
    transition:opacity .35s ease, transform .35s ease;
}
@keyframes nx-toast-in{
    from{opacity:0;transform:translateY(10px);}
    to{opacity:1;transform:translateY(0);}
}
.nx-toast-success{border-left:5px solid #118d6d;}
.nx-toast-danger{border-left:5px solid #dc3545;}
.nx-toast-info{border-left:5px solid #1685c5;}
.nx-toast-message{flex:1;min-width:0;overflow-wrap:anywhere;}
.nx-toast-close{
    flex:0 0 auto;
    border:none;
    background:transparent;
    color:rgba(255,255,255,.75);
    font-size:18px;
    line-height:1;
    cursor:pointer;
    padding:0 2px;
}
.nx-toast-close:hover{color:#fff;}
@media (max-width:576px){
    .nx-toast-container{left:16px;right:16px;max-width:none;}
}