/* Barra de navegacion compartida de la Consola Web. */
.opnav {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 10px 20px;
  background: #16314e;
  color: #fff;
  flex-wrap: wrap;
}
.opnav__brand { font-size: 15px; font-weight: 800; letter-spacing: 0.02em; }
.opnav__brand span { color: #93c5fd; font-weight: 600; }
.opnav__links { display: flex; gap: 6px; }
.opnav__links a {
  color: #cdd9e8;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 8px;
}
.opnav__links a:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }
.opnav__links a.is-active { background: #2563eb; color: #fff; }
.opnav__right { margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.opnav__env { font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.opnav__env--prod { background: rgba(220, 38, 38, 0.22); color: #fecaca; }
.opnav__env--sbx { background: rgba(217, 119, 6, 0.28); color: #fde68a; }
.opnav__right select {
  background: #fff; border: 1px solid #cbd5e1; color: #1e293b;
  border-radius: 8px; padding: 5px 8px; font-size: 12px;
}
.opnav__user { font-size: 12px; color: #aebfd4; }
.opnav__logout {
  background: transparent; border: 1px solid #46618a; color: #dbe7f5;
  border-radius: 8px; padding: 6px 12px; font-size: 12px; font-weight: 600; cursor: pointer;
}
.opnav__logout:hover { background: rgba(255, 255, 255, 0.08); }