#main-content{
	padding-bottom: 6rem !important;
}

.table-container {
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	border: 1px solid var(--table-border, #f1f5f9);
}

.table-responsive {
	overflow-x: auto;
	overflow-y: hidden;
}

.table-responsive::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
	background: #f8fafc;
	border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

.table {
	margin-bottom: 0;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

.table-header-gradient {
	background: linear-gradient(135deg, var(--color-primary-dark, #1e293b) 0%, #334155 100%);
	color: var(--color-white, #ffffff);
	position: relative;
}

.table-header-gradient::after {
	display: none;
}

.table-header-gradient th {
	border: none;
	padding: 1.25rem 1rem;
	font-weight: 600;
	font-size: 0.75rem;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	vertical-align: middle;
	position: relative;
	white-space: nowrap;
}

.table-header-gradient th:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 60%;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
}

.table tbody tr {
	transition: all 0.2s ease;
	position: relative;
	animation: fadeInUp 0.5s ease forwards;
	opacity: 0;
	transform: translateY(10px);
}

.table tbody tr:nth-child(even) {
	background: #f8fafc;
}
.table tbody tr:nth-child(odd) {
	background: #ffffff;
}

.table tbody tr:hover {
	background: var(--table-hover-bg, #f1f5f9);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(30, 41, 59, 0.08);
}

.table tbody td {
	padding: 1.25rem 1rem;
	border: none;
	border-bottom: 1px solid var(--table-border, #f1f5f9);
	vertical-align: middle;
	font-weight: 500;
	color: var(--table-text, #475569);
	transition: all 0.2s ease;
	white-space: nowrap;
}

.table tbody tr:hover td {
	color: var(--color-primary-dark, #1e293b);
}

.table tbody th[scope="row"] {
	font-weight: 700;
	color: var(--color-primary-dark, #1e293b);
	font-size: 0.95rem;
	background: linear-gradient(135deg, #f8fafc, #ffffff);
	border-right: 2px solid var(--table-border, #f1f5f9);
	position: relative;
	white-space: nowrap;
}

.table tbody th[scope="row"]::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: linear-gradient(to bottom, #3b82f6, #8b5cf6);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.table tbody tr:hover th[scope="row"]::before {
	opacity: 1;
}

.pallet-badge {
	background: linear-gradient(135deg, #136d75, #0fa4af);
	color: var(--color-white, #ffffff);
	padding: 0.5rem 0.75rem;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.85rem;
	display: inline-block;
	box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
	white-space: nowrap;
}

.pallet-dimensions {
	font-size: 0.8rem;
	color: #64748b;
	margin-top: 0.25rem;
	font-weight: 500;
	white-space: nowrap;
}

.refrigerated-note {
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	color: #92400e;
	padding: 0.75rem 1rem;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.85rem;
	border-left: 4px solid #f59e0b;
	white-space: nowrap;
}

.dimension-value {
	font-weight: 700;
	color: var(--color-primary-dark, #1e293b);
	font-size: 1rem;
	font-family: "Roboto Mono", monospace;
	background: #f8fafc;
	padding: 0.5rem 0.75rem;
	border-radius: 6px;
	display: inline-block;
	min-width: 80px;
	white-space: nowrap;
}

.volume-badge {
	background: linear-gradient(135deg, #1e40af, #3b82f6);
	color: var(--color-white, #ffffff);
	padding: 0.5rem 0.75rem;
	border-radius: 8px;
	font-weight: 700;
	font-size: 0.9rem;
	display: inline-block;
	box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
	white-space: nowrap;
}

.weight-value {
	font-weight: 700;
	color: var(--color-primary-dark, #1e293b);
	background: #f1f5f9;
	padding: 0.5rem 0.75rem;
	border-radius: 6px;
	border: 1px solid #e2e8f0;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.table-container {
		border-radius: 12px;
		margin: 0 -0.5rem;
		box-shadow: none;
		border: none;
		border-top: 1px solid var(--table-border, #f1f5f9);
		border-bottom: 1px solid var(--table-border, #f1f5f9);
	}

	.table-header-gradient th {
		padding: 1rem 0.5rem;
		font-size: 0.7rem;
	}

	.table tbody td {
		padding: 1rem 0.5rem;
		font-size: 0.9rem;
	}

	.dimension-value,
	.weight-value {
		min-width: 60px;
		padding: 0.4rem 0.5rem;
		font-size: 0.9rem;
	}

	.pallet-badge,
	.volume-badge {
		padding: 0.4rem 0.6rem;
		font-size: 0.8rem;
	}
}

@keyframes fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.table tbody tr:nth-child(1) {
	animation-delay: 0.05s;
}
.table tbody tr:nth-child(2) {
	animation-delay: 0.1s;
}
.table tbody tr:nth-child(3) {
	animation-delay: 0.15s;
}
.table tbody tr:nth-child(4) {
	animation-delay: 0.2s;
}
.table tbody tr:nth-child(5) {
	animation-delay: 0.25s;
}
.table tbody tr:nth-child(6) {
	animation-delay: 0.3s;
}
.table tbody tr:nth-child(7) {
	animation-delay: 0.35s;
}
.table tbody tr:nth-child(8) {
	animation-delay: 0.4s;
}
.table tbody tr:nth-child(9) {
	animation-delay: 0.45s;
}
.table tbody tr:nth-child(10) {
	animation-delay: 0.5s;
}
.table tbody tr:nth-child(11) {
	animation-delay: 0.55s;
}
.table tbody tr:nth-child(12) {
	animation-delay: 0.6s;
}
.table tbody tr:nth-child(13) {
	animation-delay: 0.65s;
}
.table tbody tr:nth-child(14) {
	animation-delay: 0.7s;
}
.table tbody tr:nth-child(15) {
	animation-delay: 0.75s;
}
.table tbody tr:nth-child(16) {
	animation-delay: 0.8s;
}
.table tbody tr:nth-child(17) {
	animation-delay: 0.85s;
}

:lang(ka) .table-header-gradient th,
:lang(ka) .table tbody td,
:lang(ka) .table tbody th[scope="row"],
:lang(ka) .pallet-badge,
:lang(ka) .refrigerated-note,
:lang(ka) .pallet-dimensions {
	white-space: normal;
	line-height: 1.4;
}

:lang(ka) .table tbody td {
	font-size: 0.85rem;
}

:lang(ka) .table tbody th[scope="row"] {
	font-size: 0.9rem;
}

:lang(ka) .pallet-badge,
:lang(ka) .refrigerated-note {
	font-size: 0.75rem;
}