/* Tema GCI Scrapper — paleta exacta del mockup v13. */
:root{
  --bg:#0C0D0F; --panel:#141519; --panel2:#1A1C21; --panel3:#20232A;
  --line:#26282E; --gold:#D9A441; --gold-dim:#8A6A2C;
  --txt:#E8E6E1; --txt-dim:#9A9890; --txt-faint:#5E5C55;
  --red:#E05C5C; --green:#5CB870; --blue:#5C9BE0; --purple:#9B6BD9;
  --mono:'Consolas','Cascadia Mono','Courier New',monospace;
  --sans:'Segoe UI',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:14px;min-height:100vh}

/* ---------- tarjeta centrada (login / cambiar contrasena) ---------- */
.centrado{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.tarjeta{background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:34px 38px;width:100%;max-width:420px}
.tarjeta h1{font-family:var(--mono);font-size:16px;letter-spacing:.14em;color:var(--gold);text-align:center}
.tarjeta .sub{display:block;text-align:center;font-size:10px;color:var(--txt-faint);
  letter-spacing:.22em;margin-top:4px;text-transform:uppercase}
.tarjeta form{margin-top:26px}
.campo{margin-bottom:14px}
.campo label{display:block;font-family:var(--mono);font-size:11px;color:var(--txt-dim);
  letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}
.campo input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:6px;
  color:var(--txt);font-family:var(--mono);font-size:14px;padding:10px 12px;outline:none}
.campo input:focus{border-color:var(--gold-dim)}
.boton{width:100%;background:var(--gold);color:#000;border:none;font-family:var(--mono);
  font-weight:700;font-size:13px;padding:12px;border-radius:6px;cursor:pointer;
  letter-spacing:.08em;margin-top:8px}
.boton:hover{background:#E5B65C}
.error{background:rgba(224,92,92,.12);border:1px solid rgba(224,92,92,.4);color:var(--red);
  border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:14px}
.aviso{background:rgba(92,184,112,.10);border:1px solid rgba(92,184,112,.35);color:var(--green);
  border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:14px}
.nota{font-size:12px;color:var(--txt-faint);line-height:1.6;margin-top:18px}
.nota code{font-family:var(--mono);color:var(--txt-dim);background:var(--panel3);
  padding:1px 5px;border-radius:3px;font-size:11px}

/* ---------- barra superior de paginas internas ---------- */
.topbar{display:flex;align-items:center;gap:14px;padding:14px 22px;
  border-bottom:1px solid var(--line);background:var(--panel)}
.topbar .marca{font-family:var(--mono);font-size:13px;letter-spacing:.12em;color:var(--gold)}
.topbar .quien{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--txt-dim)}
.topbar .quien b{color:var(--txt)}
.topbar a{color:var(--txt-dim);font-family:var(--mono);font-size:11px;text-decoration:none}
.topbar a:hover{color:var(--gold)}
.rol{font-family:var(--mono);font-size:9px;font-weight:700;padding:2px 8px;border-radius:3px;
  letter-spacing:.06em}
.rol.admin{background:rgba(217,164,65,.14);color:var(--gold);border:1px solid rgba(217,164,65,.4)}
.rol.operador{background:rgba(92,155,224,.12);color:var(--blue);border:1px solid rgba(92,155,224,.4)}

.contenido{padding:24px;max-width:1100px;margin:0 auto}
h2.seccion{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-faint);
  margin:20px 0 12px}

/* ---------- tablas ---------- */
table{width:100%;border-collapse:collapse;background:var(--panel);
  border:1px solid var(--line);border-radius:8px;overflow:hidden}
th{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--txt-faint);text-align:left;padding:10px 12px;
  border-bottom:1px solid var(--line);background:var(--panel2)}
td{padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px}
tr:last-child td{border-bottom:none}
td.mono{font-family:var(--mono);font-size:12px}
.pill{font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:3px}
.pill.ok{background:rgba(92,184,112,.12);color:var(--green)}
.pill.off{background:rgba(224,92,92,.15);color:var(--red)}
.pill.pend{background:rgba(217,164,65,.12);color:var(--gold)}

/* ---------- formularios en linea (panel admin) ---------- */
.form-crear{background:var(--panel);border:1px solid var(--line);border-radius:8px;
  padding:18px;display:grid;grid-template-columns:1fr 1fr 1fr 140px auto;gap:12px;
  align-items:end}
.form-crear .campo{margin:0}
.form-crear .boton{width:auto;padding:10px 22px;margin:0}
.form-crear select{width:100%;background:var(--panel2);border:1px solid var(--line);
  border-radius:6px;color:var(--txt);font-family:var(--mono);font-size:13px;padding:10px}
.accion{background:transparent;border:1px solid var(--line);color:var(--txt-dim);
  font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:4px;cursor:pointer}
.accion:hover{color:var(--gold);border-color:var(--gold-dim)}
.temporal{font-family:var(--mono);font-size:16px;color:var(--gold);background:var(--panel3);
  border:1px dashed var(--gold-dim);border-radius:6px;padding:10px 14px;
  display:inline-block;margin-top:6px;user-select:all}