/* Tela de busca/listagem de estadias (/estadias).
   Tudo escopado em .est-lista para não vazar nas 12 telas de cadastro, que compartilham
   o .cad-premium desta página. As cores de status vêm dos tokens --st-* de tokens.css,
   os mesmos que a Tabela de Ocupação usa — a pill aqui e o bloco lá são o mesmo status. */

.est-lista .est-busca {
	display: flex;
	flex-wrap: wrap;
	gap: var(--occ-space-3, 12px);
	align-items: flex-end;
	padding: var(--occ-space-4, 16px) var(--occ-space-5, 20px);
	border-bottom: 1px solid var(--occ-line);
}

.est-lista .est-busca__campo {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 160px;
}

/* O campo de texto é o protagonista: cresce, os selects não. */
.est-lista .est-busca__campo--termo {
	flex: 1 1 320px;
}

.est-lista .est-busca__rotulo {
	font-size: var(--occ-fs-xs, .75rem);
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--occ-ink-soft);
}

.est-lista .est-busca__input {
	position: relative;
	display: block;
}

.est-lista .est-busca__input .form-control {
	padding-left: 36px;
}

.est-lista .est-busca__input > i {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--occ-ink-soft);
	pointer-events: none;
}

/* Linha inteira clicável: o <a> do localizador continua sendo o alvo de teclado. */
.est-lista tbody tr[data-id] {
	cursor: pointer;
}

.est-lista tbody tr[data-id]:hover {
	background: var(--occ-accent-soft);
}

/* Cancelada continua legível, só recua para o segundo plano. */
.est-lista tbody tr.est-linha--cancelada {
	opacity: .62;
}

.est-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: var(--occ-fs-xs, .75rem);
	font-weight: 600;
	white-space: nowrap;
	background: var(--est-pill-soft);
	color: var(--est-pill-on);
}

.est-pill::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--est-pill-on);
}

.est-pill--reserva {
	--est-pill-on: var(--st-reserva);
	--est-pill-soft: var(--st-reserva-soft);
}

.est-pill--checkin {
	--est-pill-on: var(--st-checkin);
	--est-pill-soft: var(--st-checkin-soft);
}

.est-pill--checkout {
	--est-pill-on: var(--st-checkout);
	--est-pill-soft: var(--st-checkout-soft);
}

.est-pill--noshow {
	--est-pill-on: var(--st-noshow);
	--est-pill-soft: var(--st-noshow-soft);
}

/* Cinza morno, não vermelho: cancelada é registro arquivado, não alerta. */
.est-pill--cancelada {
	--est-pill-on: var(--st-interditado);
	--est-pill-soft: var(--st-interditado-soft);
}

.est-lista .est-rodape {
	display: flex;
	flex-wrap: wrap;
	gap: var(--occ-space-3, 12px);
	align-items: center;
	justify-content: space-between;
	padding: var(--occ-space-3, 12px) var(--occ-space-5, 20px);
	border-top: 1px solid var(--occ-line);
}

.est-lista .est-rodape__info {
	font-size: var(--occ-fs-sm, .8125rem);
	color: var(--occ-ink-soft);
}

.est-lista .est-rodape .pagination {
	margin: 0;
}

/* Célula sem valor (reserva ainda sem quarto) — um traço, não um vazio ambíguo. */
.est-lista .est-vazio {
	color: var(--occ-ink-soft);
}