/* ==========================
      SIGNALS V2
========================== */

.signalsHero{
display:flex;
justify-content:space-between;
align-items:center;
padding:24px;
margin-bottom:22px;
border-radius:28px;
background:linear-gradient(135deg,#1a1f28,#10141b);
border:1px solid rgba(255,255,255,.08);
}

.heroCoin{
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
font-size:38px;
border-radius:22px;
background:rgba(255,196,0,.10);
}

.signalsToolbar{
display:flex;
flex-direction:column;
gap:14px;
margin-bottom:22px;
}

.filterGrid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.refreshBtn{
height:48px;
font-weight:700;
border-radius:16px;
}

#signalsList{
display:flex;
flex-direction:column;
gap:20px;
padding-bottom:30px;
}

.tradeSignalCard{
position:relative;
overflow:hidden;
padding:22px;
border-radius:26px;
background:linear-gradient(180deg,#171b24,#10141b);
border:1px solid rgba(255,255,255,.08);
transition:.25s;
}

.tradeSignalCard:hover{
transform:translateY(-3px);
box-shadow:0 18px 40px rgba(0,0,0,.35);
}

.tradeSignalCard::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:5px;
}

.longCard::before{
background:#00d084;
}

.shortCard::before{
background:#ff5d5d;
}

.signalSide{
padding:8px 16px;
border-radius:999px;
font-weight:700;
}

.sideLong{
background:#00d08422;
color:#00d084;
}

.sideShort{
background:#ff5d5d22;
color:#ff5d5d;
}

.tradeStatus{
margin-top:10px;
margin-bottom:18px;
font-weight:700;
}

.tradeLevels{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}

.tradeLevels div{
padding:14px;
border-radius:18px;
background:rgba(255,255,255,.05);
text-align:center;
}

.tradeLevels button{
margin-top:10px;
width:100%;
height:38px;
border-radius:12px;
}

@media(max-width:600px){

.tradeLevels{
grid-template-columns:1fr;
}

.filterGrid{
grid-template-columns:1fr;
}

}

/* ========= SIGNAL CARD PREMIUM ========= */

.tradeSignalCard{
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
}

.tradePair{
font-size:26px;
font-weight:800;
letter-spacing:.6px;
}

.tradeTime{
margin-top:6px;
opacity:.6;
font-size:13px;
}

.tradeTop{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:20px;
}

.tradeLevels b{
display:block;
font-size:12px;
opacity:.65;
margin-bottom:8px;
font-weight:500;
}

.tradeLevels span,
.tradeLevels strong{
font-size:18px;
font-weight:800;
}

.tradeLevels div:hover{
transform:translateY(-2px);
background:rgba(255,255,255,.08);
transition:.2s;
}

.miniBtn{
width:38px;
height:38px;
border-radius:50%;
padding:0;
font-size:18px;
background:rgba(255,255,255,.06);
}

.statusOpen{
background:#2979ff22;
color:#66a6ff;
}

.statusTP{
background:#00d08422;
color:#00d084;
}

.statusSL{
background:#ff4d4d22;
color:#ff6767;
}

.appEmpty{
padding:70px 20px;
text-align:center;
opacity:.75;
}

.appEmpty .icon{
font-size:62px;
margin-bottom:18px;
}

.refreshBar{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:18px;
}