/* Login da equipe — popup do cabeçalho (.ent-dlg) e página /entrar/ (body.smcp-entrar).
   Tudo escopado: o popup vive dentro do site público e não pode vazar nem herdar estilos.
   Lima da casa: superfície #a8cf45 com tinta #12210f (9,3:1); verde de texto #4f6e14.
   Campos: 48px no toque, 44px no mouse. */
body.smcp-entrar, .ent-dlg {
	--ent-lima: #a8cf45; --ent-lima-hover: #93b833; --ent-tinta: #12210f; --ent-verde: #4f6e14; --ent-suave-bg: #f4f9e8;
	--ent-texto: #1d2618; --ent-suave: #5b6657; --ent-borda: #d5dccf; --ent-ic: #7b8676;
	--ent-erro: #b42318; --ent-erro-bg: #fef3f2;
	--ent-h: 48px; --ent-r: 12px;
}
@media (hover: hover) and (pointer: fine) { body.smcp-entrar, .ent-dlg { --ent-h: 44px; } }

/* ── Página /entrar/ ──────────────────────────────────────────────── */
body.smcp-entrar {
	margin: 0; min-height: 100vh; color-scheme: light;
	font: 15px/1.5 Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	/* Fundo na tinta da casa: o logo tem partes brancas e foi desenhado para fundo escuro. */
	background: radial-gradient(110% 60% at 50% 0%, #2a4214 0%, var(--ent-tinta) 62%) fixed, var(--ent-tinta);
	padding: max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));
	box-sizing: border-box;
}
.smcp-entrar .ent { width: 100%; max-width: 400px; margin: 0 auto; min-height: calc(100vh - 48px); min-height: calc(100dvh - 48px);
	display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.smcp-entrar .ent-logo { align-self: center; display: block; }
.smcp-entrar .ent-logo img { display: block; height: 56px; width: auto; }
.smcp-entrar .ent-site { margin: 0; text-align: center; }
.smcp-entrar .ent-site a { display: inline-flex; align-items: center; gap: 6px; color: #c9d6b5; font-size: 14px; text-decoration: none; padding: 6px; }
.smcp-entrar .ent-site a:hover { color: #fff; }

/* ── Popup ────────────────────────────────────────────────────────── */
html.ent-aberto { overflow: hidden; }
.ent-dlg { width: min(420px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0;
	border: 0; background: transparent; overflow: visible; color-scheme: light; }
.ent-dlg::backdrop { background: rgba(10, 16, 8, .62); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.ent-dlg[open] .ent-card { animation: ent-entra .18s ease-out; }
@keyframes ent-entra { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }

/* ── Cartão (os dois) ─────────────────────────────────────────────── */
.ent-card, .ent-card *, .ent-card *::before, .ent-card *::after { box-sizing: border-box; }
.ent-card [hidden] { display: none !important; }
.ent-card {
	font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.5;
	color: var(--ent-texto); text-align: left;
	background: #fff; border: 1px solid rgba(255, 255, 255, .08); border-radius: 18px; padding: 24px 24px 18px;
	box-shadow: 0 24px 48px -16px rgba(0, 0, 0, .55);
	display: flex; flex-direction: column; gap: 16px; margin: 0;
}
.ent-card .ent-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ent-card .ent-tit { margin: 0; font-family: inherit; font-size: 21px; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; color: var(--ent-texto); text-transform: none; }
.ent-card .ent-x { width: 40px; height: 40px; margin: -8px -10px -8px 0; display: grid; place-items: center; border: 0; border-radius: 10px;
	background: none; color: var(--ent-suave); cursor: pointer; padding: 0; }
.ent-card .ent-x:hover { background: #f1f4ee; color: var(--ent-texto); }
.ent-card .ent-sub { margin: 0; color: var(--ent-suave); font-size: 14px; }
.ent-card .ent-aviso { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--ent-suave-bg); color: var(--ent-verde); font-size: 14px; font-weight: 500; }

.ent-card .ent-passo { display: flex; flex-direction: column; gap: 14px; }
.ent-card .ent-campo { display: flex; flex-direction: column; gap: 6px; }
.ent-card .ent-campo label { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--ent-texto); }
.ent-card .ent-inp { position: relative; }
.ent-card .ent-ic { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); display: grid; color: var(--ent-ic); pointer-events: none; transition: color .15s; }
.ent-card .ent-inp input {
	width: 100%; height: var(--ent-h); margin: 0; padding: 0 14px 0 44px; font: inherit; font-size: 16px; color: var(--ent-texto);
	background: #fff; border: 1px solid var(--ent-borda); border-radius: var(--ent-r); outline: none; box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
}
.ent-card .ent-inp input:hover { border-color: #b9c3b1; }
.ent-card .ent-inp input:focus { border-color: var(--ent-verde); box-shadow: 0 0 0 3px rgba(168, 207, 69, .45); }
.ent-card .ent-inp:focus-within .ent-ic { color: var(--ent-verde); }
.ent-card #ent-cod { font-size: 20px; letter-spacing: .28em; font-variant-numeric: tabular-nums; }

.ent-card .ent-senha input { padding-right: 52px; }
.ent-card .ent-ver { position: absolute; top: 0; right: 0; width: 48px; height: var(--ent-h); display: grid; place-items: center; padding: 0;
	border: 0; background: none; color: var(--ent-ic); cursor: pointer; border-radius: 0 var(--ent-r) var(--ent-r) 0; }
.ent-card .ent-ver:hover { color: var(--ent-texto); }
.ent-card .ent-ver:focus-visible { outline: 2px solid var(--ent-verde); outline-offset: -4px; }
.ent-card svg { display: block; }

.ent-card .ent-check { display: flex; align-items: center; gap: 10px; min-height: 32px; margin: 0; font-size: 14px; font-weight: 500; color: var(--ent-texto); cursor: pointer; }
.ent-card .ent-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--ent-verde); flex: none; }

.ent-card .ent-msg { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--ent-erro-bg); color: var(--ent-erro); font-size: 14px; font-weight: 500; }

.ent-card .ent-bt { position: relative; height: var(--ent-h); width: 100%; margin: 0; display: flex; align-items: center; justify-content: center; gap: 8px;
	border: 0; border-radius: var(--ent-r); background: var(--ent-lima); color: var(--ent-tinta);
	font: inherit; font-size: 15.5px; font-weight: 700; cursor: pointer; transition: background .15s, transform .1s; }
@media (hover: hover) { .ent-card .ent-bt:hover { background: var(--ent-lima-hover); } }
.ent-card .ent-bt:active { transform: translateY(1px); }
.ent-card .ent-bt:focus-visible { outline: 3px solid var(--ent-tinta); outline-offset: 2px; }
.ent-card .ent-bt[disabled] { cursor: progress; opacity: .85; }
.ent-card .ent-bt.is-carregando .ent-bt-ic { display: none; }
.ent-card .ent-bt.is-carregando .ent-bt-txt::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 8px; vertical-align: -2px;
	border: 2px solid rgba(18, 33, 15, .3); border-top-color: var(--ent-tinta); border-radius: 50%; animation: ent-gira .7s linear infinite; }
@keyframes ent-gira { to { transform: rotate(360deg); } }

.ent-card .ent-rodape { display: flex; justify-content: center; }
.ent-card .ent-link { border: 0; background: none; padding: 6px 4px; margin: 0; font: inherit; font-size: 14px; font-weight: 600; color: var(--ent-verde); text-decoration: none; cursor: pointer; }
.ent-card .ent-link:hover { text-decoration: underline; text-underline-offset: 3px; }

.ent-card .ent-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 420px) { .ent-card { padding: 22px 18px 16px; } }
@media (prefers-reduced-motion: reduce) {
	.ent-card .ent-bt, .ent-card .ent-inp input, .ent-dlg[open] .ent-card { transition: none; animation: none; }
	.ent-card .ent-bt.is-carregando .ent-bt-txt::before { animation: none; }
}