/* Orentt - Painel de gestão no site.
   Depende das variáveis definidas em portal.css (.orentt-portal). */

.orentt-gestao {
	max-width: 1180px;
}

/* ---------- Abas ---------- */

.orentt-gestao .orentt-abas {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--orentt-borda);
	margin-bottom: 22px;
}

.orentt-gestao .orentt-aba {
	padding: 11px 18px;
	font-size: .92rem;
	font-weight: 600;
	color: var(--orentt-suave);
	text-decoration: none !important;
	border-bottom: 3px solid transparent;
	margin-bottom: -1px;
	transition: color .15s ease, border-color .15s ease;
}

.orentt-gestao .orentt-aba:hover {
	color: var(--orentt-escura);
}

.orentt-gestao .orentt-aba.ativa {
	color: var(--orentt-escura);
	border-bottom-color: var(--orentt-primaria);
}

/* ---------- Barra de ações ---------- */

.orentt-gestao .orentt-barra {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.orentt-gestao .orentt-conta {
	color: var(--orentt-suave);
	font-size: .85rem;
}

/* ---------- Tabelas ---------- */

.orentt-gestao .orentt-tabela-wrap {
	background: #fff;
	border: 1px solid var(--orentt-borda);
	border-radius: 12px;
	overflow-x: auto;
	margin-bottom: 24px;
}

.orentt-gestao .orentt-tabela {
	width: 100%;
	border-collapse: collapse;
	font-size: .92rem;
	margin: 0;
}

.orentt-gestao .orentt-tabela th {
	text-align: left;
	font-size: .74rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--orentt-suave);
	font-weight: 700;
	padding: 13px 16px;
	border-bottom: 1px solid var(--orentt-borda);
	background: #fafafc;
	white-space: nowrap;
}

.orentt-gestao .orentt-tabela td {
	padding: 13px 16px;
	border-bottom: 1px solid #f0f0f4;
	vertical-align: top;
}

.orentt-gestao .orentt-tabela tr:last-child td {
	border-bottom: 0;
}

.orentt-gestao .orentt-mini {
	font-size: .78rem;
	color: var(--orentt-suave);
	margin-top: 3px;
}

.orentt-gestao .orentt-chip {
	display: inline-block;
	background: var(--orentt-escura);
	color: #fff;
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .05em;
	padding: 3px 8px;
	border-radius: 4px;
}

.orentt-gestao .orentt-chip-alerta {
	background: #b3541e;
}

.orentt-gestao .orentt-acoes-linha {
	white-space: nowrap;
}

.orentt-gestao .orentt-acoes-linha a {
	font-size: .84rem;
	color: var(--orentt-suave);
	text-decoration: underline;
	margin-right: 12px;
}

.orentt-gestao .orentt-acoes-linha a:hover {
	color: var(--orentt-escura);
}

.orentt-gestao .orentt-acoes-linha a.orentt-perigo {
	color: #b3261e;
}

/* ---------- Formulários ---------- */

.orentt-gestao .orentt-form textarea,
.orentt-gestao .orentt-form select {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--orentt-borda);
	border-radius: 9px;
	font-size: .95rem;
	font-family: inherit;
	background: #fbfbfd;
	color: var(--orentt-texto);
}

.orentt-gestao .orentt-form input[type="date"],
.orentt-gestao .orentt-form input[type="file"] {
	padding: 10px 12px;
	border: 1px solid var(--orentt-borda);
	border-radius: 9px;
	background: #fbfbfd;
	font-size: .92rem;
	font-family: inherit;
}

.orentt-gestao .orentt-form input[type="color"] {
	width: 64px;
	height: 40px;
	padding: 2px;
	border: 1px solid var(--orentt-borda);
	border-radius: 8px;
	background: #fff;
}

.orentt-gestao .orentt-form .orentt-btn {
	width: auto;
	margin-top: 0;
}

.orentt-gestao .orentt-btn-pequeno {
	padding: 7px 14px;
	font-size: .82rem;
}

.orentt-gestao .orentt-form-acoes {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--orentt-borda);
}

.orentt-gestao .orentt-colunas {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 8px 20px;
}

.orentt-gestao .orentt-radios {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 4px;
}

.orentt-gestao .orentt-radios label {
	font-weight: 400;
	font-size: .92rem;
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0;
}

.orentt-gestao .orentt-rotulo {
	display: block;
	font-weight: 600;
	font-size: .85rem;
	margin: 14px 0 6px;
	color: var(--orentt-escura);
}

.orentt-gestao .orentt-lista-check {
	max-height: 190px;
	overflow-y: auto;
	border: 1px solid var(--orentt-borda);
	border-radius: 9px;
	padding: 10px 12px;
	background: #fbfbfd;
}

.orentt-gestao .orentt-lista-check label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	font-size: .89rem;
	margin: 0 0 6px;
}

.orentt-gestao .orentt-lista-inline {
	max-height: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
}

.orentt-gestao .orentt-lista-inline label {
	margin: 0;
}

.orentt-gestao .orentt-fieldset {
	border: 1px solid var(--orentt-borda);
	border-radius: 11px;
	padding: 16px 18px 20px;
	margin: 22px 0 0;
}

.orentt-gestao .orentt-fieldset legend {
	font-weight: 700;
	font-size: .85rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--orentt-suave);
	padding: 0 8px;
}

.orentt-gestao .orentt-bloco {
	padding: 14px 16px;
	background: #fafafc;
	border: 1px solid var(--orentt-borda);
	border-radius: 10px;
	margin-top: 14px;
}

.orentt-gestao .orentt-atual {
	padding: 12px 14px;
	background: #eef7ee;
	border: 1px solid #cbe3cb;
	border-radius: 9px;
	margin-top: 14px;
	font-size: .9rem;
}

.orentt-gestao .orentt-dica {
	color: var(--orentt-suave);
	font-size: .8rem;
	margin: 6px 0 0;
	line-height: 1.5;
}

.orentt-gestao .orentt-dica code,
.orentt-gestao .orentt-alerta code {
	background: #ececf2;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: .92em;
}

.orentt-gestao .orentt-detalhe {
	margin-top: 6px;
}

.orentt-gestao .orentt-detalhe summary {
	cursor: pointer;
	font-size: .8rem;
	color: var(--orentt-suave);
	text-decoration: underline;
}

.orentt-gestao .orentt-detalhe .orentt-form {
	margin-top: 8px;
	min-width: 190px;
}

/* ---------- Paginação ---------- */

.orentt-gestao .orentt-paginacao {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 28px;
}

.orentt-gestao .orentt-paginacao a {
	padding: 7px 13px;
	border: 1px solid var(--orentt-borda);
	border-radius: 8px;
	font-size: .85rem;
	color: var(--orentt-suave);
	text-decoration: none !important;
	background: #fff;
}

.orentt-gestao .orentt-paginacao a.ativa {
	background: var(--orentt-primaria);
	border-color: var(--orentt-primaria);
	color: #fff;
	font-weight: 600;
}

/* ---------- Responsivo ---------- */

@media (max-width: 700px) {
	.orentt-gestao .orentt-aba { padding: 10px 12px; font-size: .85rem; }
	.orentt-gestao .orentt-tabela { font-size: .85rem; }
	.orentt-gestao .orentt-tabela th,
	.orentt-gestao .orentt-tabela td { padding: 10px 12px; }
}