/* ===========================
   Telegram Price Reader
   Design By ChatGPT
===========================*/

.tp-card{
    width:100%;
    max-width:980px;
    margin:35px auto;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
}

.tp-card h2{
    margin:0;
    padding:18px;
    background:#23364d;
    color:#fff;
    font-size:22px;
    font-weight:700;
    text-align:center;
    border-bottom:4px solid #d4af37;
    letter-spacing:.3px;
}

.tp-table{
    width:100%;
    border-collapse:collapse;
    direction:rtl;
}

.tp-table thead{
    background:#f5f7fa;
}

.tp-table th{
    padding:16px;
    font-size:15px;
    font-weight:700;
    color:#2d3748;
    border-bottom:2px solid #dcdfe5;
}

.tp-table td{
    padding:16px;
    font-size:15px;
    color:#444;
    border-bottom:1px solid #ececec;
    transition:.25s;
}

.tp-table tbody tr:nth-child(even){
    background:#fafafa;
}

.tp-table tbody tr:hover{
    background:#eef5ff;
}

.tp-table tbody tr:hover td:first-child{
    color:#0d6efd;
}

.tp-table td:first-child{
    font-weight:600;
}

.tp-table td:last-child{
    font-weight:700;
    color:#0f766e;
}

.tp-table tbody tr:last-child td{
    border-bottom:none;
}

.tp-update{
    text-align:center;
    padding:15px;
    font-size:13px;
    color:#666;
    background:#fafafa;
    border-top:1px solid #e5e7eb;
}

/* موبایل */

@media(max-width:768px){

.tp-card{
margin:15px;
border-radius:8px;
}

.tp-card h2{
font-size:18px;
padding:15px;
}

.tp-table th,
.tp-table td{
padding:12px 8px;
font-size:13px;
}

.tp-update{
font-size:12px;
padding:12px;
}
#tp-search{
    width:100%;
    padding:12px 15px;
    margin:15px 0;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:15px;
    box-sizing:border-box;
}
}