/* =============================================================================
   Overrides pontuais sobre o tema Hyper (assets/css/app.min.css).
   Carregado DEPOIS do CSS do tema. Mantém-se pequeno de propósito —
   ajustes estruturais devem ir para o tema, não para cá.
   ============================================================================= */

/* Logos */
.logo-lg img {
	height: 35px !important;
}

.logo-sm img {
	height: 15px !important;
}

/* Cartão de login com a logo (versão branca horizontal) sobre o fundo laranja */
.authentication-bg .card-header.bg-primary img {
	max-height: 50px;
}

/* Tabelas de listagem: número da guia em destaque */
.coluna-numero-guia {
	font-variant-numeric: tabular-nums;
	font-weight: 600;
}

/* =============================================================================
   Listagens em tabela no celular: cada linha vira um "card" empilhado.
   Uso: classe .table-cards na <table> + data-label="Rótulo" em cada <td>.
   A célula de ações recebe também a classe .coluna-acoes.
   A partir de 768px nada muda — segue tabela normal do tema.
   ============================================================================= */
@media (max-width: 767.98px) {
	.table-cards thead {
		display: none;
	}

	.table-cards,
	.table-cards tbody,
	.table-cards tr,
	.table-cards td {
		display: block;
		width: 100%;
	}

	.table-cards tr {
		margin-bottom: 0.75rem;
		padding: 0.35rem 0.85rem;
		border: 1px solid var(--ct-border-color, #dee2e6);
		border-radius: 0.25rem;
		background-color: var(--ct-card-bg, #fff);
	}

	/* Sem realce de hover no toque (evita "linha grudada" após tocar) */
	.table-cards.table-hover tbody tr:hover > * {
		background-color: transparent;
	}

	.table-cards td {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.4rem 0;
		border: 0 !important;
		text-align: right;
	}

	.table-cards td + td {
		border-top: 1px dashed var(--ct-border-color, #dee2e6) !important;
	}

	.table-cards td::before {
		content: attr(data-label);
		flex: none;
		font-weight: 600;
		text-align: left;
		color: var(--ct-gray-600);
	}

	/* Célula de ações: rótulo em cima, botões numa faixa embaixo, à esquerda */
	.table-cards td.coluna-acoes {
		display: block;
		margin-top: 0.15rem;
		padding-top: 0.6rem;
		text-align: left;
		border-top: 1px solid var(--ct-border-color, #dee2e6) !important;
	}

	.table-cards td.coluna-acoes::before {
		display: block;
		margin-bottom: 0.4rem;
	}

	.table-cards td.coluna-acoes .btn {
		margin-right: 0.35rem;
	}
}

/* =============================================================================
   Cards de indicadores (dashboards da unidade e do admin).
   Reaproveitam o .card do tema Hyper e sua paleta (--ct-primary). A correção
   é reexibir o ícone (escondido por padrão nesta build do widget-flat) e
   deixar o card inteiro clicável quando ele leva a outra tela.
   ============================================================================= */

a.stat-card {
	display: block;
	color: inherit;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

a.stat-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12);
}

.stat-card__head {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

/* Mesmo desenho do .widget-icon do tema (que aqui vinha com display:none) */
.stat-card__icon {
	flex: none;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	border-radius: 3px;
	color: var(--ct-primary);
	background-color: rgba(var(--ct-primary-rgb), 0.25);
}

.stat-card__label {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 400;
	color: var(--ct-gray-600);
}

.stat-card__value {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
	color: var(--ct-gray-900);
	word-break: break-word;
}

.stat-card__value--text {
	font-size: 1.125rem;
}

.stat-card__meta {
	margin: 0;
	font-size: 0.875rem;
	color: var(--ct-gray-600);
}

a.stat-card .stat-card__meta {
	color: var(--ct-primary);
}

a.stat-card .stat-card__meta .mdi {
	transition: transform 0.15s ease;
}

a.stat-card:hover .stat-card__meta .mdi {
	transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
	a.stat-card,
	a.stat-card .stat-card__meta .mdi {
		transition: none;
	}

	a.stat-card:hover {
		transform: none;
	}
}