/* ==========================================================
   EXCHANGERIX BROADCAST - ISOLATED STYLES
   These selectors are intentionally prefixed to avoid changing
   any existing website design.
========================================================== */
#ex-broadcast-root{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    box-sizing:border-box;
    font-family:Arial,Helvetica,sans-serif;
}
#ex-broadcast-root.exb-visible{display:flex;}
#ex-broadcast-root .exb-backdrop{
    position:absolute;
    inset:0;
    background:rgba(10,18,30,.58);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    animation:exbFadeIn .22s ease both;
}
#ex-broadcast-root .exb-card{
    position:relative;
    width:min(560px,100%);
    max-height:min(82vh,680px);
    overflow:auto;
    border-radius:20px;
    background:#fff;
    box-shadow:0 24px 80px rgba(0,0,0,.28);
    transform:translateY(16px) scale(.97);
    opacity:0;
    animation:exbPop .32s cubic-bezier(.2,.75,.25,1) .03s forwards;
}
#ex-broadcast-root .exb-accent{
    height:6px;
    background:linear-gradient(90deg,#5bbc2e,#9ad64c,#5bbc2e);
}
#ex-broadcast-root .exb-inner{padding:28px 30px 26px;}
#ex-broadcast-root .exb-icon{
    width:54px;height:54px;border-radius:16px;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:16px;font-size:24px;color:#fff;
    background:linear-gradient(135deg,#5bbc2e,#3d9d1d);
    box-shadow:0 8px 22px rgba(91,188,46,.25);
}
#ex-broadcast-root .exb-title{
    margin:0 44px 10px 0;
    font-size:25px;line-height:1.25;font-weight:700;color:#222;
}
#ex-broadcast-root .exb-message{
    margin:0;color:#60656b;font-size:15px;line-height:1.7;
    white-space:pre-wrap;word-break:break-word;
}
#ex-broadcast-root .exb-actions{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;
}
#ex-broadcast-root .exb-button{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:42px;padding:0 18px;border-radius:9px;
    background:#5bbc2e;color:#fff!important;text-decoration:none!important;
    font-weight:700;font-size:13px;border:0;cursor:pointer;
    box-shadow:0 5px 14px rgba(91,188,46,.22);
}
#ex-broadcast-root .exb-button:hover{background:#4ca924;color:#fff!important;}
#ex-broadcast-root .exb-close-text{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:42px;padding:0 14px;border:1px solid #e3e5e7;
    border-radius:9px;background:#fff;color:#555;cursor:pointer;
    font-size:13px;font-weight:600;
}
#ex-broadcast-root .exb-close-text:hover{background:#f7f7f7;}
#ex-broadcast-root .exb-close{
    position:absolute;right:16px;top:18px;width:36px;height:36px;
    border:0;border-radius:50%;background:#f4f5f6;color:#555;
    cursor:pointer;font-size:20px;line-height:36px;text-align:center;
}
#ex-broadcast-root .exb-close:hover{background:#e9ebed;}
#ex-broadcast-root .exb-progress{
    position:absolute;left:0;bottom:0;height:3px;width:100%;
    background:rgba(91,188,46,.18);overflow:hidden;border-radius:0 0 20px 20px;
}
#ex-broadcast-root .exb-progress span{
    display:block;height:100%;width:100%;background:#5bbc2e;
    transform-origin:left center;
    animation:exbTimer 10s linear forwards;
}
#ex-broadcast-root.exb-info .exb-icon{background:linear-gradient(135deg,#4285f4,#245fc0);}
#ex-broadcast-root.exb-warning .exb-icon{background:linear-gradient(135deg,#f0ad4e,#db8b19);}
#ex-broadcast-root.exb-success .exb-icon{background:linear-gradient(135deg,#5bbc2e,#398d1d);}
#ex-broadcast-root.exb-danger .exb-icon{background:linear-gradient(135deg,#e35d6a,#c73545);}
@keyframes exbFadeIn{from{opacity:0}to{opacity:1}}
@keyframes exbPop{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes exbTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){
    #ex-broadcast-root{padding:12px;}
    #ex-broadcast-root .exb-card{border-radius:16px;max-height:86vh;}
    #ex-broadcast-root .exb-inner{padding:23px 20px 23px;}
    #ex-broadcast-root .exb-title{font-size:21px;}
    #ex-broadcast-root .exb-message{font-size:14px;line-height:1.65;}
}
@media(prefers-reduced-motion:reduce){
    #ex-broadcast-root .exb-backdrop,
    #ex-broadcast-root .exb-card{animation:none;opacity:1;transform:none;}
    #ex-broadcast-root .exb-progress span{animation:none;}
}