/* =====================================================
   HISTORY TABLE
===================================================== */

.history-section{

margin:35px 0;

}

.history-title{

background:linear-gradient(90deg,#111827,#1f2937);

color:#FFD700;

padding:14px 18px;

font-size:22px;

font-weight:700;

border-radius:12px;

margin-bottom:15px;

box-shadow:0 8px 20px rgba(0,0,0,.10);

}

/* ========================= */

.table-responsive{

width:100%;

overflow-x:auto;

background:#fff;

border-radius:15px;

box-shadow:0 8px 25px rgba(0,0,0,.08);

}

/* ========================= */

.history-table{

width:100%;

border-collapse:collapse;

min-width:1200px;

background:#fff;

}

/* ========================= */

.history-table thead th{

position:sticky;

top:0;

background:#111827;

color:#FFD700;

padding:14px;

font-size:15px;

font-weight:700;

border:1px solid #2c3648;

white-space:nowrap;

z-index:2;

}

/* ========================= */

.history-table tbody td{

padding:12px;

border:1px solid #ececec;

text-align:center;

font-size:15px;

font-weight:600;

white-space:nowrap;

}

/* ========================= */

.history-table tbody tr:nth-child(even){

background:#fafafa;

}

.history-table tbody tr:hover{

background:#fff9db;

transition:.3s;

}

/* ========================= */

.history-date{

background:#2563eb;

color:#fff;

font-weight:700;

}

/* ========================= */
/* GOLD RESULT */

.gold-value{

font-size:18px;

font-weight:700;

color:#2563eb;

}

/* ========================= */
/* PATTI RESULT */

.patti-value{

font-size:17px;

font-weight:700;

color:#111827;

line-height:1.4;

}

.patti-value span{

display:inline-block;

margin-top:5px;

background:#FFD700;

padding:3px 8px;

border-radius:6px;

font-size:14px;

}

/* ========================= */

.no-result{

color:#9ca3af;

}

/* ========================= */

.table-responsive::-webkit-scrollbar{

height:8px;

}

.table-responsive::-webkit-scrollbar-thumb{

background:#FFD700;

border-radius:20px;

}

.table-responsive::-webkit-scrollbar-track{

background:#ddd;

}

/* ========================= */
/* MOBILE */

@media(max-width:768px){

.history-title{

font-size:18px;

padding:12px;

}

.history-table{

min-width:900px;

}

.history-table thead th{

padding:10px;

font-size:13px;

}

.history-table tbody td{

padding:10px;

font-size:13px;

}

.history-date{

font-size:13px;

}

.gold-value{

font-size:15px;

}

.patti-value{

font-size:14px;

}

}

/* ========================= */
/* SMALL MOBILE */

@media(max-width:480px){

.history-table{

min-width:800px;

}

.history-title{

font-size:16px;

}

.history-table thead th{

font-size:12px;

}

.history-table tbody td{

font-size:12px;

}

}