/* Cards */
.card {
	border-radius: 10px;
}

.card-top-accent {
	border-top: 3px solid #ff0000 !important;
}

/* Alertas */
.alert {
	border-radius: 8px;
}

/* Botones */
.btn {
	border-radius: 6px;
}

/* Login page */
body.bg-light {
	background: linear-gradient(
		135deg,
		#1a1a2e 0%,
		#16213e 50%,
		#0f3460 100%
	) !important;
	min-height: 100vh;
}

body.bg-light .card {
	border-radius: 15px;
}

.card-header-logo {
	background: #ff0000;
	padding: 24px 32px;
	text-align: center;
}

.login-logo {
	max-width: 280px;
	width: 100%;
	height: auto;
}

/* Mobile navbar logo */
.navbar-logo {
	height: 28px;
	width: auto;
}

/* Tabulator — padding y line-height de celdas */
.tabulator .tabulator-cell {
	padding: 5px !important;
	line-height: 1 !important;
}

/* Tabulator — zebra con alpha para que sea compatible con colores de columna */
.tabulator-row.tabulator-row-even .tabulator-cell {
	background-color: rgba(0, 0, 0, 0.04);
}

/* Card con fondo sutil */
.card-subtle {
	background-color: rgba(0, 0, 0, 0.05);
}

.card-subtle .card-body {
	padding-top: 0.5rem;
}

/* Columna Cliente — fondo verde pastel */
.tabulator-row .tabulator-cell.col-cliente {
	color: #026e1b !important;
	font-weight: bold;
}

.tabulator-row {
	min-height: 20px !important;
}

/* Tabulator footer: paginación a la izquierda, contador a la derecha */
.tabulator .tabulator-footer .tabulator-footer-contents {
	flex-direction: row-reverse;
}

.tabulator .tabulator-footer .tabulator-paginator {
	text-align: left;
	flex: 1;
}

.tabulator .tabulator-footer .tabulator-page-counter {
	margin-left: 0;
	margin-right: 10px;
}