/* Solo modo claro
[data-bs-theme="light"] #kt_header {
    background-color: #6e6e6e !important;
}


[data-bs-theme="light"] .header-menu-container {
    background-color: #6e6e6e !important;
} */

/* Ocultar drawer móvil en desktop */
@media (min-width: 992px) {
	[data-kt-drawer-name="header-menu"] {
		display: none !important;
	}
}

/* Documents - Center empty state message (all screens) */
#kt_file_manager_list_table tbody tr td[colspan="3"] {
	text-align: center !important;
}

#kt_file_manager_list_table tbody tr td[colspan="3"]>div {
	text-align: center !important;
	margin: 0 auto !important;
	width: 100% !important;
}

/* Mobile styles for Quick Actions buttons */
@media (max-width: 991.98px) {

	/* Remover min-height for card headers in mobile */
	.card .card-header {
		min-height: auto !important;
	}

	.quick-actions-mobile .col-6 .btn {
		min-height: 5rem !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		white-space: normal !important;
		text-align: center !important;
		height: auto !important;
	}

	.quick-actions-mobile .col-6 .btn i {
		flex-shrink: 0 !important;
	}

	/* Last Expenses cards - eliminar min-height del card-header */
	.last-expense-card .card-header {
		min-height: auto !important;
	}

	/* Finances Dashboard - mobile adjustments */
	.contrib-card .card-header {
		padding-top: 8px !important;
		padding-bottom: 4px !important;
	}

	.contrib-card .fs-4 {
		/* titles: INITIAL / DELFINA / SANTIAGO */
		font-size: 0.9rem !important;
	}

	.contrib-card .fs-2x {
		/* values */
		font-size: 1.5rem !important;
	}

	#expense_category_selector {
		gap: 0.5rem !important;
	}

	#expense_category_selector .badge {
		white-space: normal !important;
		word-wrap: break-word !important;
		font-size: 0.75rem !important;
		padding: 0.25rem 0.5rem !important;
		line-height: 1.3 !important;
	}

	/* Reduce chart height on mobile */
	#kt_content_container_expenses #expensesChart {
		height: 300px !important;
	}

	#chart_navigation {
		margin-top: 0.5rem !important;
	}

	/* Finances Movements - unify action buttons height */
	.fin-actions .btn {
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
		white-space: nowrap !important;
	}

	/* Groceries tables - hacer responsive sin scroll horizontal */
	#kt_products_list_table th,
	#kt_products_list_table td,
	#kt_shopping_list_table th,
	#kt_shopping_list_table td,
	#kt_categories_list_table th,
	#kt_categories_list_table td {
		min-width: auto !important;
		white-space: normal !important;
	}

	/* Ocultar columnas Select y Actions en mobile - Products */
	#kt_products_list_table th:nth-child(1),
	#kt_products_list_table td:nth-child(1),
	#kt_products_list_table th:nth-child(4),
	#kt_products_list_table td:nth-child(4) {
		display: none !important;
	}

	/* Hacer filas clickeables en mobile */
	#kt_products_list_table tbody tr.product-row {
		cursor: pointer !important;
		transition: background-color 0.2s ease !important;
		-webkit-tap-highlight-color: transparent !important;
		touch-action: manipulation !important;
	}

	#kt_products_list_table tbody tr.product-row.mobile-selected {
		background-color: rgba(13, 110, 253, 0.1) !important;
	}

	/* Prevenir que el botón de categoría interfiera con el click de la fila */
	#kt_products_list_table tbody tr.product-row .category-menu-btn {
		touch-action: auto !important;
	}

	#kt_products_list_table th:nth-child(2),
	#kt_products_list_table td:nth-child(2) {
		width: auto !important;
		font-size: 0.875rem !important;
	}

	#kt_products_list_table th:nth-child(3),
	#kt_products_list_table td:nth-child(3),
	#kt_shopping_list_table th:nth-child(3),
	#kt_shopping_list_table td:nth-child(3) {
		width: auto !important;
		font-size: 0.75rem !important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	/* Category badges - permitir ajuste de texto */
	#kt_products_list_table .category-menu-btn,
	#kt_shopping_list_table .badge {
		white-space: normal !important;
		word-wrap: break-word !important;
		max-width: 100% !important;
	}

	#kt_products_list_table .category-badge-display,
	#kt_shopping_list_table .badge {
		white-space: normal !important;
		word-wrap: break-word !important;
		font-size: 0.7rem !important;
		padding: 0.25rem 0.5rem !important;
		line-height: 1.3 !important;
		max-width: 100% !important;
	}

	#kt_products_list_table .category-menu-btn {
		flex-wrap: wrap !important;
		gap: 0.25rem !important;
	}

	#kt_products_list_table .category-menu-btn i {
		flex-shrink: 0 !important;
		margin-left: 0 !important;
		margin-top: 0.125rem !important;
	}

	#kt_products_list_table th:nth-child(4),
	#kt_products_list_table td:nth-child(4) {
		width: auto !important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	#kt_products_list_table td:nth-child(4) .btn {
		font-size: 0.75rem !important;
		padding: 0.25rem 0.5rem !important;
		margin-left: 0.25rem !important;
	}

	#kt_shopping_list_table th:nth-child(1),
	#kt_shopping_list_table td:nth-child(1) {
		width: auto !important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	#kt_shopping_list_table th:nth-child(2),
	#kt_shopping_list_table td:nth-child(2) {
		width: auto !important;
		font-size: 0.875rem !important;
	}

	#kt_categories_list_table th:nth-child(1),
	#kt_categories_list_table td:nth-child(1) {
		width: auto !important;
		font-size: 0.875rem !important;
	}

	#kt_categories_list_table th:nth-child(2),
	#kt_categories_list_table td:nth-child(2) {
		width: auto !important;
		font-size: 0.75rem !important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	#kt_categories_list_table th:nth-child(3),
	#kt_categories_list_table td:nth-child(3) {
		width: auto !important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	#kt_categories_list_table td:nth-child(3) .btn {
		font-size: 0.75rem !important;
		padding: 0.25rem 0.5rem !important;
		margin-left: 0.25rem !important;
	}

	/* Documents - Search and Upload buttons in one line */
	.card-header {
		flex-wrap: nowrap !important;
		gap: 0.5rem !important;
	}

	.card-header .card-title {
		flex-shrink: 1 !important;
		min-width: 0 !important;
	}

	.card-header .card-title input[data-kt-filter="search"] {
		width: 120px !important;
		font-size: 0.875rem !important;
	}

	.card-header .card-toolbar {
		flex-shrink: 0 !important;
	}

	.card-header .card-toolbar .btn {
		font-size: 0.875rem !important;
		padding: 0.5rem 1rem !important;
		white-space: nowrap !important;
	}

	.card-header .card-toolbar .btn i {
		font-size: 1.25rem !important;
		margin-right: 0.375rem !important;
	}

	/* Documents - Hide Actions column and make rows clickeable in mobile */
	#kt_file_manager_list_table th:nth-child(3),
	#kt_file_manager_list_table td:nth-child(3) {
		display: none !important;
	}

	#kt_file_manager_list_table tbody tr.document-row {
		cursor: pointer !important;
		transition: background-color 0.2s ease !important;
		-webkit-tap-highlight-color: transparent !important;
		touch-action: manipulation !important;
	}
}