/* GLOBAL TOAST - PADRAO ORDINNO */

#ordinno-toast-container{
    position:fixed;
    top:16px;
    right:18px;
    z-index:99999;

    width:min(
        360px,
        calc(100vw - 32px)
    );

    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;

    pointer-events:none;
}

.ordinno-toast{
    position:relative;

    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    align-items:center;
    gap:9px;

    min-height:44px;
    box-sizing:border-box;

    padding:9px 12px;

    border:1px solid #d8e0ea;
    border-radius:11px;

    background:#ffffff;
    color:#172033;

    box-shadow:
        0 12px 32px
        rgba(15,23,42,.14);

    font-size:10px;
    font-weight:800;
    line-height:1.3;

    opacity:0;
    transform:translateY(-7px);

    transition:
        opacity .20s ease,
        transform .20s ease;
}

.ordinno-toast.is-visible{
    opacity:1;
    transform:translateY(0);
}

.ordinno-toast.is-leaving{
    opacity:0;
    transform:translateY(-7px);
}

.ordinno-toast-icon{
    width:24px;
    height:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    font-size:11px;
    font-weight:900;
}

.ordinno-toast-message{
    min-width:0;
    overflow-wrap:anywhere;
}

/* SUCCESS */

.ordinno-toast.success{
    border-color:#bbf7d0;
    background:#f0fdf4;
    color:#166534;
}

.ordinno-toast.success .ordinno-toast-icon{
    background:#15803d;
    color:#ffffff;
}

/* ERROR */

.ordinno-toast.error,
.ordinno-toast.danger{
    border-color:#fecaca;
    background:#fef2f2;
    color:#991b1b;
}

.ordinno-toast.error .ordinno-toast-icon,
.ordinno-toast.danger .ordinno-toast-icon{
    background:#b42318;
    color:#ffffff;
}

/* WARNING */

.ordinno-toast.warning{
    border-color:#fde68a;
    background:#fffbeb;
    color:#92400e;
}

.ordinno-toast.warning .ordinno-toast-icon{
    background:#c96b0b;
    color:#ffffff;
}

/* INFO */

.ordinno-toast.info{
    border-color:#c7d2fe;
    background:#eef2ff;
    color:#4338ca;
}

.ordinno-toast.info .ordinno-toast-icon{
    background:#4f46e5;
    color:#ffffff;
}

@media(max-width:650px){
    #ordinno-toast-container{
        top:10px;
        left:10px;
        right:10px;
        width:auto;
    }
}