/* Estilos de paginas especificas: login, painel, auditoria. */

/* ---------- Login ---------- */
.login { min-height: 100vh; min-height: 100dvh; display: grid; background: var(--pagina); }
.login__aside { display: none; }
.login__wrap { width: 100%; display: grid; justify-items: center; }
.login__main { display: grid; align-content: center; justify-items: center; padding: var(--e-6) var(--e-4); position: relative; }
.login__theme { position: absolute; top: var(--e-4); right: var(--e-4); }
.login__card { width: min(100%, 400px); display: grid; gap: var(--e-6); padding: var(--e-6); background: var(--painel); border-radius: var(--raio-grande); }
.login__brand { display: flex; align-items: center; gap: var(--e-3); }
.login__title { font-size: var(--t-28); }
.login__foot { color: var(--texto-2); font-size: var(--t-13); }
@media (min-width: 900px) {
  .login { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  /* Listra de colchao (ticking) em grafite: assinatura visual do sistema */
  .login__aside { order: 2; display: grid; align-content: end; padding: var(--e-12); background: repeating-linear-gradient(90deg, var(--marca-900) 0 3px, var(--pagina) 3px 10px); }
  .login__aside-text { max-width: 30ch; padding: var(--e-6); background: var(--marca-900); color: #eef1ef; border-radius: var(--raio-grande); }
  :root[data-tema="escuro"] .login__aside-text { background: #242a28; border: 1px solid #343c3a; }
  .login__aside-text h2 { color: inherit; font-size: var(--t-22); margin-bottom: var(--e-2); }
  .login__aside-text p { color: #c9d0cd; }
}

/* ---------- Painel ---------- */
.grid { display: grid; gap: var(--e-4); }
.grid--stats { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.grid--two { grid-template-columns: 1fr; }
@media (min-width: 1024px) { .grid--two { grid-template-columns: 2fr 3fr; } }
.activity { list-style: none; margin: 0; padding: 0; }
.activity li { display: grid; grid-template-columns: 1fr auto; gap: 2px var(--e-3); padding: var(--e-3) var(--e-4); border-bottom: 1px solid var(--linha); }
.activity li:last-child { border-bottom: 0; }
.activity__what { font-weight: 500; }
.activity__when { color: var(--texto-3); font-size: var(--t-13); }
.activity__who { color: var(--texto-2); font-size: var(--t-13); grid-column: 1 / -1; }

/* ---------- Auditoria (detalhes antes/depois) ---------- */
.diff { display: grid; gap: var(--e-3); }
.diff pre { margin: 0; padding: var(--e-3); background: var(--pagina); border: 1px solid var(--linha); border-radius: var(--raio); overflow: auto; font-family: var(--fonte-mono); font-size: var(--t-12); white-space: pre-wrap; word-break: break-word; }
@media (min-width: 640px) { .diff { grid-template-columns: 1fr 1fr; } }