/* ---------- GENERAL ---------- */

body{
    background:#0f172a;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
}

/* ---------- SUMMARY CARDS ---------- */

.summary-card{
    border-radius:15px;
    padding:20px;
    text-align:center;
    margin-bottom:20px;
    box-shadow:0 6px 18px rgba(0,0,0,.30);
    transition:.3s;
}

.summary-card:hover{
    transform:translateY(-3px);
}

.buy-card{
    background:#16a34a;
}

.sell-card{
    background:#dc2626;
}

.hold-card{
    background:#d97706;
}

.best-card{
    background:#2563eb;
}

/* ---------- STOCK LIST ---------- */

.stock-list{
    background:#1e293b;
    border-radius:15px;
    max-height:700px;
    overflow-y:auto;
    padding:10px;
}

.stock-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px;

    margin-bottom:10px;

    border-radius:10px;

    cursor:pointer;

    background:#334155;

    transition:.25s;
}

.stock-item:hover{

    background:#475569;

    transform:scale(1.02);

}

.stock-item strong{

    color:white;

}

/* ---------- DETAIL CARD ---------- */

.detail-card{

    background:#1e293b;

    border-radius:15px;

    min-height:700px;

    padding:25px;

}

/* ---------- SEARCH ---------- */

.form-control{

    background:#1e293b;

    border:none;

    color:white;

}

.form-control:focus{

    background:#1e293b;

    color:white;

    box-shadow:none;

}

.form-control::placeholder{

    color:#94a3b8;

}

/* ---------- SCROLLBAR ---------- */

.stock-list::-webkit-scrollbar{

    width:8px;

}

.stock-list::-webkit-scrollbar-thumb{

    background:#64748b;

    border-radius:20px;

}
.stock-item.active{

border:2px solid #3b82f6;

background:#1d4ed8;

}