/* ==========================================
   DNS CARDS PREMIUM
   ========================================== */

#failover-live .dns-card-premium{
    margin:10px 0 !important;
    padding:14px 14px 12px !important;

    border:1px solid #2b3d49 !important;
    border-radius:14px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,29,39,.98),
            rgba(8,19,27,.98)
        ) !important;

    box-shadow:none !important;
}


/* DNS EM USO */
#failover-live .dns-card-premium.dns-card-active{
    border-color:rgba(0,190,255,.48) !important;

    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(0,190,255,.10),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #10212c,
            #09151d
        ) !important;
}


.dns-card-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:12px !important;
}


.dns-card-info{
    min-width:0 !important;
}


.dns-card-type{
    display:block !important;

    margin-bottom:5px !important;

    color:#71889a !important;

    font-size:7px !important;
    font-weight:850 !important;

    letter-spacing:1.2px !important;
}


.dns-card-info strong{
    display:block !important;

    color:#f4f7f9 !important;

    font-size:13px !important;
    font-weight:850 !important;

    word-break:break-all !important;
}


.dns-card-info small{
    display:block !important;

    margin-top:7px !important;

    font-size:8px !important;
    font-weight:850 !important;
}


.dns-card-info small.online{
    color:#4ce0a5 !important;
}


.dns-card-info small.offline{
    color:#ff6e7a !important;
}


.dns-used-badge{
    flex:0 0 auto !important;

    padding:6px 8px !important;

    border:1px solid rgba(0,190,255,.35) !important;
    border-radius:20px !important;

    background:rgba(0,142,190,.10) !important;

    color:#6edcff !important;

    font-size:7px !important;
    font-weight:900 !important;

    white-space:nowrap !important;
}


/* AÇÕES */

.dns-card-actions{
    display:flex !important;
    flex-wrap:wrap !important;

    gap:7px !important;

    margin-top:12px !important;
    padding-top:11px !important;

    border-top:1px solid rgba(97,118,134,.14) !important;
}


.dns-card-actions form,
.dns-card-actions a,
.dns-card-actions button{
    margin:0 !important;
}


.dns-card-actions button,
.dns-card-actions a{
    min-height:32px !important;

    padding:0 9px !important;

    border-radius:8px !important;

    font-size:8px !important;
    font-weight:850 !important;

    box-shadow:none !important;
}


/* ATIVAR */
.dns-action-activate button,
.dns-action-activate{
    border:1px solid rgba(0,190,255,.35) !important;

    background:rgba(0,137,190,.10) !important;

    color:#69d9ff !important;
}


/* PAUSAR */
.dns-action-pause button,
.dns-action-pause{
    border:1px solid rgba(240,191,76,.30) !important;

    background:rgba(145,105,24,.10) !important;

    color:#eec65d !important;
}


/* REMOVER */
.dns-action-remove button,
.dns-action-remove{
    border:1px solid rgba(255,79,93,.30) !important;

    background:rgba(145,29,39,.10) !important;

    color:#ff7e89 !important;
}


/* MOBILE */
@media(max-width:430px){

    #failover-live .dns-card-premium{
        padding:13px !important;
    }

    .dns-used-badge{
        padding:5px 7px !important;
    }
}


/* ==========================================
   AJUSTE FINAL - TROCA AUTOMATICA
   ========================================== */

/* botão geral de pausar mais discreto */
#failover-live button,
#failover-live .btn{
    box-shadow:none !important;
}

/* tenta atingir especificamente o botão geral */
#failover-live form button{
    transition:.2s ease !important;
}

#failover-live form button:hover{
    filter:brightness(1.05) !important;
}


/* PAUSAR TROCA AUTOMATICA - MENOS DESTAQUE */
#failover-live button{
    font-weight:800 !important;
}

/* botão que contém o texto PAUSAR TROCA AUTOMATICA */
#failover-live button{
    border-radius:8px !important;
}