/*
 * css/views/bitacora.css — Util > Bitácora Wialon (js/views/bitacora.js). 12-oct.
 * Reusa la tabla de parámetros de Jobs (.jp-table) y el formulario del panel Run (.run-side,
 * .run-fields-grid); acá solo lo propio.
 */

.bita-filter { flex: 1 1 260px; max-width: 420px; padding: 6px 9px; border: 1px solid var(--border);
  border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; font-size: 0.82rem; }
.bita-table-wrap { max-height: 560px; overflow: auto; }
.bita-table td { white-space: nowrap; }
.bita-table th { position: sticky; top: 0; background: var(--surface); z-index: 1; }
.bita-table td { vertical-align: top; font-size: 0.8rem; }
.bita-table tr.bita-dash td { background: color-mix(in srgb, var(--gold) 7%, transparent); }
.bita-sub { color: var(--text-dim); font-size: 0.75rem; font-family: var(--font); }
.bita-actions { white-space: nowrap; }
.bita-actions button { padding: 3px 9px; font-size: 0.75rem; margin-right: 4px; }
.bita-actions .bita-del:hover { color: var(--err); border-color: var(--err); }
.bita-form { margin: 0 0 14px; }
.bita-form-title { margin: 0 0 12px; font-size: 0.95rem; }

/* comparación PostgreSQL vs BigQuery (js/views/bitacora-pg.js; 12-oct, movido desde daily.css) */
.bita-alert { border: 1px solid var(--gold); background: var(--gold-bg); border-radius: 8px;
              padding: 8px 12px; margin: 0 0 10px; font-size: 0.82rem; }
.bita-alert summary { cursor: pointer; font-weight: 600; }
.bita-alert table { border-collapse: collapse; margin-top: 6px; font-size: 0.76rem; }
.bita-alert td, .bita-alert th { padding: 2px 10px 2px 0; text-align: left; }
.bita-ok { font-size: 0.76rem; color: var(--text-dim); margin: 0 0 8px; }

/* 5-nov: orden por columna (▲ ▼ ↺ en cada encabezado; js/views/bitacora.js bitaThHtml) */
.bita-th { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.bita-sorts { display: inline-flex; gap: 2px; }
.bita-sort { padding: 0 5px; min-width: 22px; height: 22px; font-size: 0.7rem; line-height: 1; border-radius: 6px;
  border: 1px solid var(--border); background: transparent; color: var(--text-dim); cursor: pointer; }
.bita-sort:hover { color: var(--text); border-color: var(--accent); }
.bita-sort.on { color: var(--accent); border-color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); }
.bita-sort:focus-visible { outline: none; box-shadow: var(--focus-ring); }