/*==================================================
J-Tech Tables
Version:1.0.0
==================================================*/


/*==================================================
Section
==================================================*/

.jtr-transactions{

	background:var(--jtr-white);

	border-radius:var(--jtr-radius);

	box-shadow:var(--jtr-shadow);

	padding:30px;

	border:1px solid var(--jtr-border);

	margin-top:30px;

}


/*==================================================
Header
==================================================*/

.jtr-section-header{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-bottom:25px;

}

.jtr-section-header h2{

	font-size:24px;

	font-weight:700;

	color:var(--jtr-text);

	margin:0;

}

.jtr-section-header p{

	margin-top:6px;

	color:var(--jtr-text-light);

	font-size:14px;

}


/*==================================================
Scroll
==================================================*/

.jtr-table-wrapper{

	width:100%;

	max-height:450px;

	overflow:auto;

	border-radius:16px;

	border:1px solid var(--jtr-border);

}


/*==================================================
Scrollbar
==================================================*/

.jtr-table-wrapper::-webkit-scrollbar{

	width:8px;

	height:8px;

}

.jtr-table-wrapper::-webkit-scrollbar-thumb{

	background:var(--jtr-primary);

	border-radius:100px;

}

.jtr-table-wrapper::-webkit-scrollbar-track{

	background:#f3f4f6;

}


/*==================================================
Table
==================================================*/

.jtr-table{

	width:100%;

	border-collapse:collapse;

	min-width:700px;

	background:#fff;

}


/*==================================================
Head
==================================================*/

.jtr-table thead{

	position:sticky;

	top:0;

	background:#fafafa;

	z-index:10;

}

.jtr-table th{

	padding:18px;

	text-align:left;

	font-size:14px;

	font-weight:700;

	color:var(--jtr-text);

	border-bottom:1px solid var(--jtr-border);

}


/*==================================================
Body
==================================================*/

.jtr-table td{

	padding:18px;

	font-size:14px;

	border-bottom:1px solid #f2f2f2;

	color:var(--jtr-text);

}

.jtr-table tbody tr{

	transition:.25s;

}

.jtr-table tbody tr:hover{

	background:#fff7f8;

}


/*==================================================
Status Badge
==================================================*/

.jtr-status-badge{

	display:inline-flex;

	align-items:center;

	padding:7px 14px;

	border-radius:50px;

	font-size:12px;

	font-weight:600;

}

.jtr-status-completed{

	background:#e8fff1;

	color:#16a34a;

}

.jtr-status-pending{

	background:#fff8e7;

	color:#d97706;

}

.jtr-status-cancelled{

	background:#fff0f1;

	color:#dc2626;

}


/*==================================================
Empty State
==================================================*/

.jtr-empty-state{

	padding:60px 20px;

	text-align:center;

}

.jtr-empty-icon{

	font-size:42px;

	color:var(--jtr-primary);

	margin-bottom:20px;

}

.jtr-empty-state h3{

	font-size:22px;

	margin-bottom:10px;

	color:var(--jtr-text);

}

.jtr-empty-state p{

	color:var(--jtr-text-light);

}