#awt-mount{position:relative;z-index:99999;}

/* ---------- base toast ---------- */
.awt-toast{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    gap:16px;
    font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
}
.awt-fx-canvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
}
.awt-icon{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    width:38px;height:38px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,0.55);
}
.awt-icon svg{width:20px;height:20px;}
.awt-text{position:relative;z-index:2;flex:1;min-width:0;}
.awt-title{margin:0;font-size:14.5px;font-weight:700;color:inherit;line-height:1.5;}
.awt-tip{display:block;font-size:12.5px;font-weight:400;opacity:0.85;margin-top:2px;}
.awt-close{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    background:none;border:none;cursor:pointer;
    font-size:17px;line-height:1;
    color:inherit;
    opacity:0.6;
    padding:5px 7px;
    border-radius:6px;
}
.awt-close:hover{background:rgba(0,0,0,0.1);opacity:1;}

/* ---------- position: top bar ---------- */
#awt-mount[data-position="top"] .awt-toast{
    min-height:96px;
    padding:16px 26px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    animation:awt-slide-down .5s ease both;
}
@keyframes awt-slide-down{
    from{ transform:translateY(-100%); }
    to{ transform:translateY(0); }
}

/* ---------- position: floating corners ---------- */
#awt-mount[data-position="bottom-left"],
#awt-mount[data-position="bottom-right"]{
    position:fixed;
    bottom:20px;
    z-index:99999;
    width:min(380px, calc(100vw - 32px));
}
#awt-mount[data-position="bottom-left"]{left:16px;}
#awt-mount[data-position="bottom-right"]{right:16px;}

#awt-mount[data-position="bottom-left"] .awt-toast,
#awt-mount[data-position="bottom-right"] .awt-toast{
    min-height:96px;
    padding:16px 18px;
    border-radius:16px;
    border:1px solid rgba(0,0,0,0.1);
    box-shadow:0 10px 34px rgba(20,20,20,0.22);
}
#awt-mount[data-position="bottom-left"] .awt-toast{
    animation:awt-slide-left .55s cubic-bezier(0.22,1,0.36,1) both;
}
#awt-mount[data-position="bottom-right"] .awt-toast{
    animation:awt-slide-right .55s cubic-bezier(0.22,1,0.36,1) both;
}
@keyframes awt-slide-left{
    from{ transform:translateX(-120%); opacity:0; }
    to{ transform:translateX(0); opacity:1; }
}
@keyframes awt-slide-right{
    from{ transform:translateX(120%); opacity:0; }
    to{ transform:translateX(0); opacity:1; }
}

/* leaving (auto-hide / close) */
.awt-toast.awt-leaving{
    transition:opacity .4s ease, transform .4s ease;
    opacity:0;
    transform:translateY(14px);
}

/* admin preview: pin the fixed toast inside the preview box */
#awt-mount[data-preview="1"][data-position="bottom-left"],
#awt-mount[data-preview="1"][data-position="bottom-right"]{
    position:absolute;
}

/* ---------- condition skies ---------- */
.awt-toast[data-condition="sunny"]{background:linear-gradient(180deg,#BFE0F5 0%,#FDE9AE 78%,#F9D486 100%);color:#7A5008;}
.awt-toast[data-condition="sunny"] .awt-icon svg{stroke:#C77B2E;}

.awt-toast[data-condition="hot"]{background:linear-gradient(180deg,#FBD1A4 0%,#F2A56C 70%,#E88A4E 100%);color:#6E300F;}
.awt-toast[data-condition="hot"] .awt-icon svg{stroke:#C24E22;}

.awt-toast[data-condition="rainy"]{background:linear-gradient(180deg,#8FA9BC 0%,#6C8CA3 60%,#5B7C93 100%);color:#F2F7FA;}
.awt-toast[data-condition="rainy"] .awt-icon{background:rgba(255,255,255,0.25);}
.awt-toast[data-condition="rainy"] .awt-icon svg{stroke:#F2F7FA;}

.awt-toast[data-condition="stormy"]{background:linear-gradient(180deg,#4C5568 0%,#333B52 55%,#252C42 100%);color:#EDEFF5;}
.awt-toast[data-condition="stormy"] .awt-icon{background:rgba(255,255,255,0.16);}
.awt-toast[data-condition="stormy"] .awt-icon svg{stroke:#EDEFF5;}

.awt-toast[data-condition="cloudy"]{background:linear-gradient(180deg,#C9CBC7 0%,#B0AC9F 65%,#A29C8C 100%);color:#3E392E;}
.awt-toast[data-condition="cloudy"] .awt-icon svg{stroke:#6B6656;}

.awt-toast[data-condition="cold"]{background:linear-gradient(180deg,#C9DDE8 0%,#AEC8D6 60%,#9DB9C8 100%);color:#1E3A4A;}
.awt-toast[data-condition="cold"] .awt-icon svg{stroke:#3E6478;}

@media (prefers-reduced-motion: reduce){
    .awt-fx-canvas{ display:none; }
    #awt-mount .awt-toast{ animation:none; }
}