/*
 * Delamôra Blog — Painel próprio (login + área interna).
 * Design independente do tema do site, usando a paleta extraída do site
 * (dourado do logo/botões + preto/cinza-escuro do texto).
 *
 * Para reaproveitar este painel em outro cliente, basta ajustar as variáveis
 * abaixo — o resto do arquivo não precisa ser tocado.
 */
:root {
	--delamora-ouro: #97773d;
	--delamora-ouro-escuro: #7a5b27;
	--delamora-ouro-claro: #e8c574;
	--delamora-ouro-suave: #faf6ec;
	--delamora-texto: #1a1a1a;
	--delamora-texto-suave: #6b7280;
	--delamora-fundo: #ffffff;
	--delamora-fundo-suave: #f7f7f8;
	--delamora-borda: #e6e6e9;
	--delamora-erro: #b3261e;
	--delamora-erro-fundo: #fdecea;
	--delamora-sucesso: #1e7d32;
	--delamora-sucesso-fundo: #eaf6ec;
	--delamora-seo-bom: #0ca30c;
	--delamora-seo-alerta: #fab219;
	--delamora-seo-critico: #d03b3b;
	--delamora-fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--delamora-radius: 10px;
	--delamora-sidebar-largura: 250px;
}

* {
	box-sizing: border-box;
}

html, body.delamora-painel-corpo {
	margin: 0;
	padding: 0;
	background: var(--delamora-fundo-suave);
	color: var(--delamora-texto);
	font-family: var(--delamora-fonte);
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
}

a {
	color: inherit;
}

button {
	font-family: inherit;
}

/* ---------- Elementos comuns ---------- */

.delamora-painel-botao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 11px 20px;
	border-radius: 8px;
	border: 1px solid transparent;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.15s ease;
}

.delamora-painel-botao-primario {
	background: var(--delamora-ouro);
	color: #fff;
}

.delamora-painel-botao-primario:hover {
	background: var(--delamora-ouro-escuro);
}

.delamora-painel-botao-secundario {
	background: #fff;
	border-color: var(--delamora-borda);
	color: var(--delamora-texto);
}

.delamora-painel-botao-secundario:hover {
	border-color: var(--delamora-ouro);
	color: var(--delamora-ouro);
}

.delamora-painel-botao-bloco {
	width: 100%;
}

.delamora-painel-link-acao {
	background: none;
	border: none;
	padding: 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--delamora-ouro);
	text-decoration: none;
	cursor: pointer;
}

.delamora-painel-link-acao:hover {
	text-decoration: underline;
}

.delamora-painel-link-perigo {
	color: var(--delamora-erro);
}

.delamora-painel-form-inline {
	display: inline;
}

.delamora-painel-etiqueta {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	background: var(--delamora-fundo-suave);
	color: var(--delamora-texto-suave);
	border-radius: 999px;
	padding: 3px 9px;
	margin-left: 6px;
}

.delamora-painel-alerta {
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 14px;
	margin-bottom: 20px;
}

.delamora-painel-alerta-sucesso {
	background: var(--delamora-sucesso-fundo);
	color: var(--delamora-sucesso);
}

.delamora-painel-alerta-erro {
	background: var(--delamora-erro-fundo);
	color: var(--delamora-erro);
}

/* ---------- Tela de login ---------- */

.delamora-painel-login-wrap {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: radial-gradient(circle at 20% 20%, var(--delamora-ouro-claro) 0%, transparent 45%),
		radial-gradient(circle at 80% 80%, var(--delamora-ouro) 0%, transparent 50%),
		var(--delamora-texto);
}

.delamora-painel-login-caixa {
	width: 100%;
	max-width: 380px;
	background: #fff;
	border-radius: 16px;
	padding: 40px 36px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.delamora-painel-login-logo {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.delamora-painel-login-logo img {
	max-height: 48px;
	width: auto;
}

.delamora-painel-login-logo .delamora-painel-logo-texto {
	font-size: 20px;
	font-weight: 700;
	color: var(--delamora-ouro);
}

.delamora-painel-login-titulo {
	text-align: center;
	font-size: 22px;
	margin: 0 0 6px;
}

.delamora-painel-login-subtitulo {
	text-align: center;
	color: var(--delamora-texto-suave);
	font-size: 13px;
	margin: 0 0 24px;
}

.delamora-painel-login-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* ---------- Campos de formulário ---------- */

.delamora-painel-campo {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--delamora-texto);
}

.delamora-painel-campo small {
	font-weight: 400;
	color: var(--delamora-texto-suave);
}

.delamora-painel-campo input[type="text"],
.delamora-painel-campo input[type="email"],
.delamora-painel-campo input[type="password"],
.delamora-painel-campo input[type="file"],
.delamora-painel-campo select,
.delamora-painel-campo textarea,
.delamora-painel-input-secundario {
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	padding: 11px 14px;
	border: 1px solid var(--delamora-borda);
	border-radius: 8px;
	background: #fff;
	color: var(--delamora-texto);
	width: 100%;
}

.delamora-painel-campo input:focus,
.delamora-painel-campo select:focus,
.delamora-painel-campo textarea:focus,
.delamora-painel-input-secundario:focus {
	outline: none;
	border-color: var(--delamora-ouro);
	box-shadow: 0 0 0 3px rgba(151, 119, 61, 0.15);
}

.delamora-painel-campo textarea {
	resize: vertical;
	line-height: 1.6;
}

.delamora-painel-dica {
	font-weight: 400;
	color: var(--delamora-texto-suave);
	font-size: 12px;
}

.delamora-painel-checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 400;
	margin: 6px 0;
}

.delamora-painel-input-secundario {
	margin-top: 8px;
}

/* ---------- Layout interno (sidebar + conteúdo) ---------- */

.delamora-painel-app {
	display: flex;
	min-height: 100vh;
}

.delamora-painel-sidebar {
	width: var(--delamora-sidebar-largura);
	flex-shrink: 0;
	background: #fff;
	border-right: 1px solid var(--delamora-borda);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: sticky;
	top: 0;
	height: 100vh;
}

.delamora-painel-sidebar-topo {
	padding: 28px 22px 20px;
	border-bottom: 1px solid var(--delamora-borda);
}

.delamora-painel-logo-img {
	max-height: 34px;
	width: auto;
	display: block;
	margin-bottom: 8px;
}

.delamora-painel-logo-texto {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--delamora-ouro);
	margin-bottom: 8px;
}

.delamora-painel-sidebar-titulo {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--delamora-texto-suave);
}

.delamora-painel-nav {
	flex: 1;
	padding: 16px 14px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.delamora-painel-nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 12px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--delamora-texto);
	text-decoration: none;
	border-left: 3px solid transparent;
}

.delamora-painel-nav-link svg {
	opacity: 0.7;
	flex-shrink: 0;
}

.delamora-painel-nav-link:hover {
	background: var(--delamora-ouro-suave);
}

.delamora-painel-nav-link.ativo {
	background: var(--delamora-ouro-suave);
	color: var(--delamora-ouro-escuro);
	border-left-color: var(--delamora-ouro);
}

.delamora-painel-nav-link.ativo svg {
	opacity: 1;
}

.delamora-painel-sidebar-rodape {
	padding: 18px 22px;
	border-top: 1px solid var(--delamora-borda);
}

.delamora-painel-usuario-atual {
	font-size: 13px;
	color: var(--delamora-texto-suave);
	margin-bottom: 8px;
}

.delamora-painel-sair {
	font-size: 13px;
	font-weight: 700;
	color: var(--delamora-erro);
	text-decoration: none;
}

.delamora-painel-sair:hover {
	text-decoration: underline;
}

.delamora-painel-conteudo {
	flex: 1;
	padding: 36px 44px;
	max-width: 1100px;
}

.delamora-painel-cabecalho-pagina {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 26px;
}

.delamora-painel-cabecalho-pagina h1 {
	font-size: 24px;
	margin: 0;
}

/* ---------- Tabela ---------- */

.delamora-painel-tabela-wrap {
	background: #fff;
	border: 1px solid var(--delamora-borda);
	border-radius: var(--delamora-radius);
	overflow: hidden;
}

.delamora-painel-tabela {
	width: 100%;
	border-collapse: collapse;
}

.delamora-painel-tabela th {
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--delamora-texto-suave);
	background: var(--delamora-fundo-suave);
	padding: 12px 16px;
	font-weight: 700;
}

.delamora-painel-tabela td {
	padding: 12px 16px;
	border-top: 1px solid var(--delamora-borda);
	font-size: 14px;
	vertical-align: middle;
}

.delamora-painel-tabela-imagem img,
.delamora-painel-imagem-vazia {
	width: 44px;
	height: 44px;
	border-radius: 6px;
	object-fit: cover;
	display: block;
	background: var(--delamora-fundo-suave);
}

.delamora-painel-tabela-acoes {
	display: flex;
	gap: 14px;
	align-items: center;
	white-space: nowrap;
}

.delamora-painel-vazio {
	background: #fff;
	border: 1px dashed var(--delamora-borda);
	border-radius: var(--delamora-radius);
	padding: 48px;
	text-align: center;
	color: var(--delamora-texto-suave);
}

.delamora-painel-vazio p {
	margin-top: 0;
}

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

.delamora-painel-paginacao {
	display: flex;
	gap: 6px;
	margin-top: 20px;
}

.delamora-painel-paginacao a {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	border: 1px solid var(--delamora-borda);
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	background: #fff;
}

.delamora-painel-paginacao a.ativo {
	background: var(--delamora-ouro);
	border-color: var(--delamora-ouro);
	color: #fff;
}

/* ---------- Formulário de postagem / caixas laterais ---------- */

.delamora-painel-form-grade {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 24px;
	align-items: start;
}

.delamora-painel-form-principal,
.delamora-painel-form-lateral {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.delamora-painel-caixa {
	background: #fff;
	border: 1px solid var(--delamora-borda);
	border-radius: var(--delamora-radius);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.delamora-painel-caixa-titulo {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--delamora-texto-suave);
}

.delamora-painel-form-principal .delamora-painel-campo {
	background: #fff;
	border: 1px solid var(--delamora-borda);
	border-radius: var(--delamora-radius);
	padding: 18px;
}

.delamora-painel-form-principal .delamora-painel-campo input,
.delamora-painel-form-principal .delamora-painel-campo textarea {
	border: none;
	padding: 8px 0 0;
}

.delamora-painel-form-principal .delamora-painel-campo input:focus,
.delamora-painel-form-principal .delamora-painel-campo textarea:focus {
	box-shadow: none;
}

.delamora-painel-imagem-atual img {
	width: 100%;
	border-radius: 8px;
	display: block;
	margin-bottom: 4px;
}

@media (max-width: 900px) {
	.delamora-painel-form-grade {
		grid-template-columns: 1fr;
	}
	.delamora-painel-app {
		flex-direction: column;
	}
	.delamora-painel-sidebar {
		width: 100%;
		height: auto;
		position: static;
	}
	.delamora-painel-conteudo {
		padding: 24px;
	}
	.delamora-painel-tiles {
		grid-template-columns: 1fr;
	}
}

/* ---------- Dashboard (Início): filtro, tiles, gráfico ---------- */

.delamora-painel-filtro-periodo {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.delamora-painel-filtro-periodo label {
	font-size: 13px;
	font-weight: 600;
	color: var(--delamora-texto-suave);
}

.delamora-painel-filtro-periodo select {
	border: 1px solid var(--delamora-borda);
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	background: #fff;
	color: var(--delamora-texto);
}

.delamora-painel-tiles {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 20px;
}

.delamora-painel-tile {
	background: #fff;
	border: 1px solid var(--delamora-borda);
	border-radius: var(--delamora-radius);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.delamora-painel-tile-rotulo {
	font-size: 13px;
	color: var(--delamora-texto-suave);
	font-weight: 600;
}

.delamora-painel-tile-valor {
	font-size: 30px;
	font-weight: 700;
	color: var(--delamora-texto);
}

.delamora-painel-caixa-grafico {
	margin-bottom: 20px;
}

.delamora-grafico-barras {
	display: flex;
	align-items: flex-end;
	gap: 3px;
	height: 140px;
	margin-top: 8px;
}

.delamora-grafico-barra {
	flex: 1 1 auto;
	min-width: 2px;
	background: var(--delamora-ouro);
	border-radius: 3px 3px 0 0;
	opacity: 0.85;
	transition: opacity 0.15s ease;
}

.delamora-grafico-barra:hover {
	opacity: 1;
}

.delamora-grafico-legenda {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	font-size: 12px;
	color: var(--delamora-texto-suave);
}

.delamora-painel-vazio-texto {
	color: var(--delamora-texto-suave);
	font-size: 14px;
	margin: 8px 0 0;
}

/* ---------- SEO: medidor, checklist e status na listagem ---------- */

.delamora-painel-caixa-seo {
	border-color: var(--delamora-ouro-claro);
}

.delamora-seo-cabecalho {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.delamora-seo-medidor {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--delamora-fundo-suave);
}

.delamora-seo-medidor-ponto {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--delamora-seo-critico);
}

.delamora-seo-medidor[data-status="bom"] .delamora-seo-medidor-ponto {
	background: var(--delamora-seo-bom);
}

.delamora-seo-medidor[data-status="razoavel"] .delamora-seo-medidor-ponto {
	background: var(--delamora-seo-alerta);
}

.delamora-seo-medidor[data-status="fraco"] .delamora-seo-medidor-ponto {
	background: var(--delamora-seo-critico);
}

.delamora-painel-contador {
	display: block;
	margin-top: 4px;
	color: var(--delamora-texto-suave);
	font-size: 12px;
}

.delamora-seo-checklist {
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.delamora-seo-item {
	font-size: 13px;
	padding-left: 22px;
	position: relative;
	color: var(--delamora-texto-suave);
}

.delamora-seo-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--delamora-seo-critico);
}

.delamora-seo-item-ok {
	color: var(--delamora-texto);
}

.delamora-seo-item-ok::before {
	background: var(--delamora-seo-bom);
}

.delamora-seo-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
	background: var(--delamora-seo-critico);
}

.delamora-seo-dot-bom {
	background: var(--delamora-seo-bom);
}

.delamora-seo-dot-razoavel {
	background: var(--delamora-seo-alerta);
}

.delamora-seo-dot-fraco {
	background: var(--delamora-seo-critico);
}

.delamora-seo-dot-legenda {
	font-size: 12px;
	color: var(--delamora-texto-suave);
	vertical-align: middle;
}