:root {
  --fondo: #f6f6f4;
  --tarjeta: #ffffff;
  --texto: #1d1d1b;
  --tenue: #6b6b66;
  --borde: #e2e2dd;
  --acento: #2f5d50;
  --error: #a33a2c;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--texto);
}
body { margin: 0; background: var(--fondo); }
.barra {
  display: flex; justify-content: space-between; align-items: center;
  padding: 0.75rem 1.25rem; background: var(--tarjeta); border-bottom: 1px solid var(--borde);
}
.barra form { display: flex; gap: 0.75rem; align-items: center; margin: 0; }
main { max-width: 960px; margin: 1.5rem auto; padding: 0 1rem; }
footer { text-align: center; font-size: 0.8rem; padding: 1rem; }
h1, h2 { margin-top: 0; font-weight: 600; }
.tarjeta {
  background: var(--tarjeta); border: 1px solid var(--borde); border-radius: 8px;
  padding: 1.25rem; margin-bottom: 1.25rem; overflow-x: auto;
}
.login { max-width: 320px; margin: 3rem auto; display: grid; gap: 0.9rem; }
label { display: grid; gap: 0.3rem; font-size: 0.9rem; }
input { padding: 0.5rem; border: 1px solid var(--borde); border-radius: 6px; font: inherit; }
button {
  padding: 0.55rem 1rem; border: 0; border-radius: 6px;
  background: var(--acento); color: #fff; font: inherit; cursor: pointer;
}
button.link { background: none; color: var(--acento); padding: 0; text-decoration: underline; }
table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
th, td { text-align: left; padding: 0.45rem 0.5rem; border-bottom: 1px solid var(--borde); }
.muted { color: var(--tenue); }
.aviso { padding: 0.6rem 0.8rem; border-radius: 6px; background: #eef3f1; }
.aviso.error, .fila-error td { background: #f8e9e6; color: var(--error); }
.estado { font-weight: 600; padding: 0.15rem 0.5rem; border-radius: 4px; background: #eef3f1; }
.estado-inactivo { color: var(--tenue); }
.estado-en_edicion, .estado-restaurando, .estado-publicando, .estado-guardando {
  background: #fff3d6; color: #7a5200;
}
.pasos { font-family: ui-monospace, Menlo, monospace; font-size: 0.85rem; padding-left: 1.2rem; }
.pasos li { margin: 0.15rem 0; }
td form { margin: 0; }