/* ============================================================================
 * base.css — Tokens, reset y elementos globales del mockup.
 * Réplica visual del tema ttk "vista" (Windows nativo) que usa la app real.
 * ========================================================================== */

:root {
  /* Paleta tomada del código real */
  --color-info: #1f6feb;    /* busy / progreso / "Cancelando…" */
  --color-ok: #2da44e;      /* éxito — N filas obtenidas */
  --color-neutral: #555;    /* "Sin datos", "Caché borrado." */
  --color-muted: #888;      /* etiqueta de caché */
  --row-odd: #f7f7fa;       /* tag "odd" del Treeview */
  --row-even: #ffffff;      /* tag "even" del Treeview */

  /* Superficies estilo Windows vista */
  --win-bg: #f0f0f0;
  --win-border: #d6d6d6;
  --surface: #ffffff;
  --btn-bg: linear-gradient(#fdfdfd, #ededed);
  --btn-border: #adadad;
  --btn-hover-border: #0078d7;
  --btn-hover-bg: linear-gradient(#eaf5fd, #d9edf9);
  --btn-active-bg: linear-gradient(#d2e8f8, #b9dcf3);
  --selection: #0078d7;
  --font-ui: "Segoe UI", "Segoe UI Variable", Tahoma, Arial, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  font-family: var(--font-ui);
  font-size: 13px;
  color: #1a1a1a;
  background: #d9e2ec; /* escritorio */
}

.hidden { display: none !important; }

button { font-family: inherit; font-size: inherit; }
input, select { font-family: inherit; font-size: inherit; }

/* -- Distintivo permanente de demo: pegado a la esquina superior derecha
 *    de la ventana de la app, visible desde el primer vistazo. */
.demo-badge {
  position: absolute;
  top: -12px;
  right: 20px;
  z-index: 100;
  background: #fff8e1;
  border: 1px solid #e0c56a;
  color: #6b5308;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.4px;
  padding: 4px 10px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  user-select: none;
}

/* -- Pantalla de "aplicación cerrada" ----------------------------------------- */
.closed-overlay {
  max-width: 460px;
  margin: 120px auto;
  background: var(--surface);
  border: 1px solid var(--win-border);
  border-radius: 6px;
  padding: 28px 32px;
  text-align: center;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
}
.closed-overlay h2 { font-size: 17px; margin-bottom: 10px; }
.closed-overlay p { color: #444; margin-bottom: 18px; line-height: 1.5; }