.azg-ddos-watch{
    margin:18px 0;
    padding:18px;
    border-radius:16px;
    border:1px solid rgba(74,255,150,.25);
    background:
      radial-gradient(circle at top right,rgba(39,255,128,.09),transparent 35%),
      #080d13;
    box-shadow:0 18px 45px rgba(0,0,0,.38);
}

.azgd-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:15px;
}

.azgd-head h3{
    margin:2px 0 4px;
    color:#f0f7ff;
}

.azgd-kicker{
    color:#62e899;
    font-size:10px;
    font-weight:950;
    letter-spacing:.12em;
}

.azgd-state{
    padding:8px 12px;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
}

.azgd-state.clean{
    color:#7cffae;
    border:1px solid rgba(80,255,150,.40);
    background:rgba(35,170,92,.12);
}

.azgd-state.attack{
    color:#ff6675;
    border:1px solid rgba(255,70,90,.55);
    background:rgba(190,30,50,.18);
    box-shadow:0 0 22px rgba(255,50,65,.22);
}

.azgd-state.error{
    color:#ffd178;
    border:1px solid rgba(255,190,70,.40);
}

.azgd-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.azgd-card{
    background:#070c12;
    border:1px solid #203141;
    border-radius:12px;
    padding:13px;
}

.azgd-card span{
    display:block;
    color:#8496a8;
    text-transform:uppercase;
    font-size:10px;
    font-weight:850;
    letter-spacing:.06em;
}

.azgd-card strong{
    display:block;
    margin-top:7px;
    color:#eaf4ff;
    font:900 20px Consolas,monospace;
}

.azgd-card strong.good{color:#70f5a7}
.azgd-card strong.bad{color:#ff6977}

.azgd-bottom{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.azgd-bottom span{
    border:1px solid #273848;
    border-radius:999px;
    padding:6px 9px;
    background:#070c11;
    color:#9aacbd;
    font:11px Consolas,monospace;
}

#azgmProtection.azgd-mail-link{
    cursor:pointer;
}

.azgd-mail-badge{
    margin-left:7px;
    color:#68efa0;
    font-size:9px;
    font-weight:950;
    white-space:nowrap;
}

@media(max-width:700px){
    .azgd-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:450px){
    .azgd-grid{grid-template-columns:1fr}
}

/* AZG MAILBOX LIVE WATCH V3 */
.azgd-mail-watch-btn{
    border:1px solid rgba(91,235,151,.30);
    background:rgba(48,179,105,.10);
    color:#79efaa;
    border-radius:7px;
    padding:6px 9px;
    font-size:10px;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
}

.azgd-mail-watch-btn:hover{
    background:rgba(48,179,105,.20);
    border-color:rgba(91,235,151,.55);
    color:#a1ffc5;
}

/* old placement no longer used */
.azgd-mail-badge{
    display:none!important;
}