/* Argus — overrides mínimos sobre Tabler. */

/* ───── Reset html/body/.page (todos los wrappers) ───── */
html, body, .page {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 100%;
  width: 100%;
  max-width: 100%;
}
body { overflow-x: hidden; }

.argus-topbar {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 10px 24px;
  margin: 0;
  width: 100%;
  background: var(--tblr-bg-surface);
  border-bottom: 1px solid var(--tblr-border-color);
  position: sticky;
  top: 0;
  z-index: 1020;
  box-sizing: border-box;
}

.argus-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tblr-body-color);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-decoration: none;
}
.argus-brand svg { filter: drop-shadow(0 0 6px rgba(32, 107, 196, 0.35)); }

.argus-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}
.argus-nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--tblr-secondary);
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.12s, background 0.12s;
}
.argus-nav a i { font-size: 16px; line-height: 1; }
.argus-nav a:hover { color: var(--tblr-body-color); background: rgba(255,255,255,0.04); }
.argus-nav a.active {
  color: var(--tblr-primary);
  background: rgba(32, 107, 196, 0.12);
}

.argus-user-wrap { margin-left: auto; }
.argus-user {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tblr-body-color);
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 6px;
  cursor: pointer;
}
.argus-user:hover { background: rgba(255,255,255,0.04); }
.argus-user-info {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.argus-user-name { font-size: 13px; font-weight: 500; }
.argus-user-role { font-size: 11px; color: var(--tblr-secondary); }

/* ───── Main content: mismo padding que el navbar ───── */
.argus-main {
  padding: 24px;
  width: 100%;
}

/* ───── Overrides Argus-específicos ───── */

/* Tabular + mono para números */
.num {
  font-variant-numeric: tabular-nums;
  font-family: var(--tblr-font-monospace);
}

/* Codeblocks del tab Instalación */
pre.setup-code {
  background: var(--tblr-bg-surface-secondary);
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  padding: 12px 14px;
  font-size: 13px;
  color: var(--tblr-body-color);
  margin: 0 0 12px;
  overflow-x: auto;
}

/* Más peso en tab activo */
.nav-tabs .nav-link.active { font-weight: 600; }