.abu-wan-panel{
 direction:rtl;
 margin:18px 0;
 padding:18px;
 border:1px solid rgba(218,177,75,.4);
 border-radius:18px;
 background:linear-gradient(145deg,#101b2a,#080e18);
 color:#f4e6c0;
 box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.abu-wan-panel[hidden]{display:none!important}
.abu-wan-head{
 display:flex;justify-content:space-between;
 align-items:center;gap:12px;flex-wrap:wrap;
 margin-bottom:16px;
}
.abu-wan-head h2{
 color:#e8bc59;font-size:18px;margin:0 0 5px;
}
.abu-wan-sub{font-size:12px;color:#aeb9c8}
.abu-wan-pills{display:flex;gap:7px;flex-wrap:wrap}
.abu-wan-pill{
 border:1px solid #344355;
 border-radius:20px;padding:6px 11px;
 font-size:12px;background:#142131;
}
.abu-wan-ok{color:#54dda5}
.abu-wan-off{color:#ff8585}
.abu-wan-muted{color:#abb8c8}
.abu-wan-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
}
.abu-wan-card{
 min-width:0;padding:14px;
 border:1px solid #2c3b4b;
 border-radius:15px;
 background:linear-gradient(160deg,#182334,#111722);
}
.abu-wan-card.is-up{border-top:2px solid #39c990}
.abu-wan-card.is-down{border-top:2px solid #e26d75}
.abu-wan-card.is-unknown{border-top:2px solid #8592a3}
.abu-wan-card h3{
 font-size:13px;margin:0 0 10px;
 color:#f3d68e;overflow-wrap:anywhere;
}
.abu-wan-state{font-size:12px;margin-bottom:12px}
.abu-wan-stat{
 display:flex;align-items:center;
 justify-content:space-between;gap:8px;
 border-top:1px solid rgba(255,255,255,.07);
 padding:9px 0;font-size:12px;
}
.abu-wan-stat b{
 direction:ltr;text-align:left;
 color:#fff;font-size:13px;
}
.abu-wan-footer{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:10px;margin-top:15px;
}
.abu-wan-info{
 border:1px solid #29394b;
 background:#111d2c;border-radius:12px;
 padding:12px;font-size:12px;
}
.abu-wan-info strong{
 display:block;font-size:19px;
 color:#f2d48e;margin-top:5px;
}
.abu-wan-note{
 margin-top:12px;color:#aeb9c8;
 font-size:11px;line-height:1.8;
}
@media(max-width:900px){
 .abu-wan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
 .abu-wan-panel{padding:10px}
 .abu-wan-grid{gap:8px}
 .abu-wan-card{padding:10px}
 .abu-wan-stat{flex-wrap:wrap}
}