/* DNS CONTROL - DASHBOARD PREMIUM */

body{
    background:
      radial-gradient(circle at 90% 4%,rgba(0,190,255,.10),transparent 30%),
      linear-gradient(180deg,#071018,#08151e) !important;
}

/* TÍTULO */
h1{
    color:#f7f9fb !important;
    font-size:27px !important;
    font-weight:850 !important;
    letter-spacing:-1px !important;
    text-shadow:none !important;
}

/* CARDS DE RESUMO */
.stat-card{
    border:1px solid #263846 !important;
    border-radius:13px !important;
    background:linear-gradient(145deg,#111d27,#0a141c) !important;
    box-shadow:none !important;
    padding:15px 10px !important;
}

.stat-card::before,
.stat-card::after{
    box-shadow:none;
}

.stat-card strong{
    color:#f5f8fa !important;
}

/* ONLINE */
.stat-card.online,
.server-card.online{
    border-color:rgba(53,220,160,.28) !important;
}

/* SAÚDE DA VPS */
.health-card,
.vps-health,
.health-panel{
    border:1px solid #263846 !important;
    border-radius:15px !important;
    background:linear-gradient(145deg,#101c26,#09141c) !important;
    box-shadow:none !important;
}

/* NOVO SERVIDOR */
details{
    margin:17px 0 14px !important;
}

details > summary{
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    padding:0 17px !important;
    border-radius:14px !important;
    border:1px solid rgba(0,195,255,.40) !important;
    background:linear-gradient(110deg,#092433,#091620) !important;
    color:#f4f8fb !important;
    font-weight:850 !important;
    box-shadow:none !important;
}

/* BUSCA */
input[type="search"],
input[placeholder*="Buscar servidor"],
input[placeholder*="DNS principal"]{
    min-height:49px !important;
    border-radius:11px !important;
    border:1px solid #283946 !important;
    background:#0b151d !important;
    color:#edf3f6 !important;
    box-shadow:none !important;
}

/* CARD DE SERVIDOR */
.server-card{
    position:relative !important;
    margin-bottom:14px !important;
    padding:18px !important;
    overflow:hidden !important;

    border:1px solid #293a47 !important;
    border-radius:15px !important;

    background:
      linear-gradient(145deg,#111e28,#0a151d) !important;

    box-shadow:none !important;
}

.server-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:18px !important;

    width:72px !important;
    height:2px !important;

    background:linear-gradient(90deg,#0ccaff,transparent) !important;
    box-shadow:0 0 12px rgba(12,202,255,.55) !important;
}

.server-card h2,
.server-card h3{
    color:#f8fafb !important;
    font-size:17px !important;
    font-weight:850 !important;
}

.server-card p{
    color:#a0b0bd !important;
    font-size:11px !important;
}

/* BOTÕES DOS SERVIDORES */
.server-card .btn,
.server-card button,
.server-card a.btn{
    min-height:38px !important;
    padding:0 11px !important;
    margin:4px 4px 0 0 !important;

    border-radius:8px !important;

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

    box-shadow:none !important;
}

/* GERENCIAR */
.server-card a[href*="/manage"],
.server-card a[href*="/gerenciar"]{
    background:linear-gradient(100deg,#168fff,#18c8ee) !important;
    border:0 !important;
    color:white !important;
}

/* EXCLUIR */
.server-card button[type="submit"]{
    border:1px solid rgba(245,77,88,.28) !important;
}

/* REMOVE CAIXÃO EM VOLTA DO EXCLUIR */
.server-card form{
    box-shadow:none !important;
}

/* VERDE PULSANDO */
.online-dot,
.status-online::before{
    animation:pulseOnline 1.6s infinite;
}

@keyframes pulseOnline{
    0%,100%{
        box-shadow:0 0 0 3px rgba(62,226,164,.10),
                   0 0 8px rgba(62,226,164,.50);
    }
    50%{
        box-shadow:0 0 0 8px rgba(62,226,164,0),
                   0 0 16px rgba(62,226,164,.90);
    }
}

/* MOBILE */
@media(max-width:600px){
    .server-card{
        padding:16px !important;
    }

    .stat-card{
        padding:13px 6px !important;
    }
}


/* =====================================================
   DASHBOARD PREMIUM V2 - CLASSES REAIS DO SISTEMA
   ===================================================== */

.dashboard-page{
    background:
        radial-gradient(circle at 88% 2%,rgba(0,190,255,.10),transparent 29%),
        linear-gradient(180deg,#071018,#08151d) !important;
}

/* RESUMO */
.dashboard-page .stats-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:18px 0 16px !important;
}

.dashboard-page .stat-card{
    min-width:0 !important;
    min-height:102px !important;
    padding:16px 5px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(95,117,135,.27) !important;
    border-radius:14px !important;

    background:linear-gradient(145deg,#111d27,#0a151d) !important;

    box-shadow:none !important;
}

.dashboard-page .stat-card span{
    margin-bottom:9px !important;

    color:#75889b !important;

    font-size:9px !important;
    font-weight:850 !important;
    letter-spacing:.7px !important;

    text-align:center !important;
}

.dashboard-page .stat-card strong{
    color:#f4f7fa !important;
    font-size:21px !important;
    font-weight:850 !important;
}

.dashboard-page #system-card strong{
    color:#45e3a7 !important;
    font-size:15px !important;

    text-shadow:0 0 15px rgba(69,227,167,.32) !important;
}


/* SAUDE VPS */
.dashboard-page .vps-health-card{
    margin:0 0 17px !important;
    padding:17px !important;

    border:1px solid rgba(83,108,128,.28) !important;
    border-radius:15px !important;

    background:linear-gradient(145deg,#101d27,#09141c) !important;

    box-shadow:none !important;
}

.dashboard-page .vps-health-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;

    margin-bottom:14px !important;
}

.dashboard-page .vps-health-head span:first-child{
    display:block !important;

    color:#8fa4b5 !important;

    font-size:12px !important;
    font-weight:850 !important;
    letter-spacing:.8px !important;
}

.dashboard-page .vps-health-head strong{
    display:block !important;
    margin-top:6px !important;

    color:#50e1a4 !important;

    font-size:11px !important;
}

.dashboard-page .vps-uptime{
    color:#869bad !important;

    font-size:10px !important;
    font-weight:800 !important;

    white-space:nowrap !important;
}


/* CPU RAM DISCO */
.dashboard-page .vps-health-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;

    margin:0 0 12px !important;
}

.dashboard-page .vps-health-grid > div{
    padding:11px 5px !important;

    border:1px solid rgba(92,118,137,.20) !important;
    border-radius:10px !important;

    background:#0a151e !important;

    text-align:center !important;
}

.dashboard-page .vps-health-grid small{
    display:block !important;

    margin-bottom:5px !important;

    color:#71869a !important;

    font-size:9px !important;
}

.dashboard-page .vps-health-grid b{
    color:#f5f7f9 !important;

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


/* SERVICOS */
.dashboard-page .vps-services{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
}

.dashboard-page .vps-services span{
    padding:9px 11px !important;

    border-radius:8px !important;

    background:#0a151e !important;

    color:#c5d0d9 !important;

    font-size:10px !important;
}


/* NOVO SERVIDOR */
.dashboard-page .new-server{
    margin:17px 0 14px !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.dashboard-page .new-server > summary{
    min-height:55px !important;

    display:flex !important;
    align-items:center !important;

    padding:0 18px !important;

    border:1px solid rgba(0,191,255,.42) !important;
    border-radius:14px !important;

    background:linear-gradient(110deg,#092536,#091620) !important;

    color:#f5f8fa !important;

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

    box-shadow:
        inset 0 0 28px rgba(0,195,255,.025) !important;
}

.dashboard-page .new-server > summary::marker{
    color:#60dfff !important;
}

.dashboard-page .new-server form{
    margin-top:9px !important;
    padding:14px !important;

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

    background:#0b1720 !important;
}


/* BUSCA */
.dashboard-page .server-search-box{
    position:relative !important;
    margin:0 0 26px !important;
}

.dashboard-page #server-search{
    width:100% !important;
    min-height:50px !important;

    padding:0 15px !important;

    border:1px solid #293a47 !important;
    border-radius:11px !important;

    background:#0b151d !important;

    color:#eef3f6 !important;

    font-size:12px !important;

    box-shadow:none !important;
}


/* TITULO SERVIDORES */
.dashboard-page > h2{
    margin:0 0 13px !important;

    color:#f4f7fa !important;

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


/* CARD DO SERVIDOR */
.dashboard-page .server-card{
    position:relative !important;

    margin:0 0 14px !important;
    padding:18px !important;

    overflow:hidden !important;

    border:1px solid rgba(87,109,127,.30) !important;
    border-radius:15px !important;

    background:linear-gradient(145deg,#111e28,#0a151d) !important;

    box-shadow:none !important;
}

.dashboard-page .server-card::before{
    content:"" !important;

    position:absolute !important;
    top:0 !important;
    left:18px !important;

    width:76px !important;
    height:2px !important;

    background:linear-gradient(90deg,#0dccff,transparent) !important;

    box-shadow:0 0 13px rgba(13,204,255,.55) !important;
}

.dashboard-page .server-card h2,
.dashboard-page .server-card h3{
    margin:0 0 12px !important;

    color:#f6f9fb !important;

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

    letter-spacing:.6px !important;
}

.dashboard-page .server-card p{
    margin:7px 0 13px !important;

    color:#9dafbd !important;

    font-size:11px !important;
}


/* ACOES */
.dashboard-page .server-card .dash-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;

    margin-top:13px !important;
}

.dashboard-page .server-card .dash-actions a,
.dashboard-page .server-card .dash-actions button{
    min-height:38px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 12px !important;

    border-radius:8px !important;

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

    box-shadow:none !important;
}


/* GERENCIAR */
.dashboard-page .dash-manage{
    border:0 !important;

    background:linear-gradient(100deg,#1596ff,#16c9ed) !important;

    color:#fff !important;
}


/* EDITAR / TROCAR */
.dashboard-page .dash-secondary{
    border:1px solid #334652 !important;

    background:#111b24 !important;

    color:#dbe5eb !important;
}


/* EXCLUIR */
.dashboard-page .dash-delete{
    min-height:35px !important;

    border:1px solid rgba(240,76,88,.30) !important;

    background:rgba(108,27,35,.13) !important;

    color:#ff7f89 !important;
}


/* FORMULARIO EXCLUIR SEM CAIXA */
.dashboard-page .dash-delete-form{
    width:auto !important;

    display:inline-block !important;

    margin:5px 0 0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;
}


/* ONLINE PULSANDO */
.dashboard-page .online-text::before{
    animation:dashboardPulse 1.6s infinite;
}

@keyframes dashboardPulse{
    0%,100%{
        box-shadow:
            0 0 0 3px rgba(65,225,164,.09),
            0 0 8px rgba(65,225,164,.48);
    }

    50%{
        box-shadow:
            0 0 0 8px rgba(65,225,164,0),
            0 0 17px rgba(65,225,164,.88);
    }
}


/* =====================================================
   DASHBOARD PREMIUM V3 - ACOES DOS SERVIDORES
   ===================================================== */

.dashboard-page .server-actions-premium{
    display:grid !important;
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,.85fr)
        minmax(0,1fr) !important;

    gap:7px !important;

    margin-top:15px !important;
}

.dashboard-page .server-actions-premium > a,
.dashboard-page .server-actions-premium > button,
.dashboard-page .server-actions-premium > form{
    min-width:0 !important;
    margin:0 !important;
}

.dashboard-page .server-actions-premium a,
.dashboard-page .server-actions-premium button{
    width:100% !important;
    min-height:39px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 7px !important;

    border-radius:8px !important;

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

    white-space:nowrap !important;

    box-shadow:none !important;
}

.dashboard-page .server-action-manage{
    border:0 !important;

    background:
        linear-gradient(100deg,#168fff,#15c9ed) !important;

    color:#fff !important;
}

.dashboard-page .server-action-secondary{
    border:1px solid #334652 !important;

    background:#111b24 !important;

    color:#dbe5eb !important;
}


/* EXCLUIR */
.dashboard-page .server-delete-premium{
    display:flex !important;
    justify-content:flex-end !important;

    width:100% !important;

    margin:13px 0 0 !important;
    padding:12px 0 0 !important;

    border-top:1px solid rgba(93,115,132,.18) !important;

    background:transparent !important;
    box-shadow:none !important;
}

.dashboard-page .server-delete-form-premium{
    display:inline-block !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    box-shadow:none !important;
}

.dashboard-page .server-action-delete{
    width:auto !important;
    min-height:33px !important;

    margin:0 !important;
    padding:0 11px !important;

    border-radius:8px !important;

    border:1px solid rgba(238,78,90,.28) !important;

    background:rgba(116,27,36,.10) !important;

    color:#ff818a !important;

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

    box-shadow:none !important;
}


/* GARANTE QUE FORM ANTIGO NÃO CRIE CAIXA */
.dashboard-page .server-card form:has(.server-action-delete){
    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;

    box-shadow:none !important;
}