/* Simple modal styling */
.nl-modal {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.45);
  display: none;
}

.nl-modal-content {
  background-color: #fff;
  margin: 8% auto;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 520px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.nl-modal-close {
  float: right;
  font-size: 22px;
  cursor: pointer;
  margin-top: -6px;
}

/* Search area */
.nl-search-wrap {
  display:flex;
  gap:8px;
  align-items:center;
}

.nl-search-wrap input[type="text"] {
  padding:8px 10px;
  flex:1;
  border:1px solid #ddd;
  border-radius:6px;
}

.nl-search-wrap button {
  padding:8px 12px;
  border:none;
  border-radius:6px;
  background:#2c7be5;
  color:#fff;
  cursor:pointer;
}