/* Waiter Views Tablet Optimizations - Optimizaciones para vistas del mesero */

/* Orientación Horizontal (Landscape) - 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	/* Tarjetas de órdenes listas */
	.waiter-ready-orders .col-md-4 {
		flex: 0 0 auto;
		width: 33.333333%;
	}
	
	.waiter-ready-orders .card {
		margin-bottom: 1rem;
	}
	
	.waiter-ready-orders .card-body {
		padding: 1rem;
	}
	
	/* Grid de mesas */
	.waiter-tables-grid .col-md-3,
	.waiter-tables-grid .col-sm-6 {
		margin-bottom: 1rem;
	}
	
	/* Tarjetas de mesas */
	.waiter-table-card {
		min-height: 120px;
	}
	
	.waiter-table-card .card-body {
		padding: 1rem;
	}
	
	/* Botones en vista de mesa */
	.waiter-table-actions .btn {
		font-size: 0.875rem;
		padding: 0.5rem 0.75rem;
	}
}

/* Orientación Vertical (Portrait) - 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	/* Tarjetas de órdenes listas - 2 columnas en vertical */
	.waiter-ready-orders .col-md-4 {
		flex: 0 0 auto;
		width: 50%;
	}
	
	.waiter-ready-orders .card {
		margin-bottom: 0.75rem;
	}
	
	.waiter-ready-orders .card-body {
		padding: 0.875rem;
	}
	
	/* Grid de mesas - más compacto */
	.waiter-tables-grid .col-md-3,
	.waiter-tables-grid .col-sm-6 {
		margin-bottom: 0.75rem;
	}
	
	/* Tarjetas de mesas - más compactas */
	.waiter-table-card {
		min-height: 100px;
	}
	
	.waiter-table-card .card-body {
		padding: 0.875rem;
	}
	
	.waiter-table-card .card-title {
		font-size: 1rem;
	}
	
	/* Botones en vista de mesa - más compactos */
	.waiter-table-actions .btn {
		font-size: 0.8125rem;
		padding: 0.4rem 0.625rem;
	}
	
	/* Vista de mesa individual - ajustes */
	.waiter-table-view .page-content {
		padding: 0.5rem;
	}
	
	/* Lista de items en pedido actual */
	.order-item-card {
		padding: 0.75rem !important;
		margin-bottom: 0.5rem !important;
	}
}

