/* User subscriptions module */
.subscription-modal-content .form-group label {
  font-size: 13px;
  font-weight: 600;
  color: #2f3a44;
}

.subscription-modal-content input,
.subscription-modal-content select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #d7dee7;
  border-radius: 8px;
  background: #f9fbfd;
  font-size: 14px;
  color: #2b3440;
}

.subscription-modal-content select {
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23606f7b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding-right: 40px;
}

.subscription-modal-content input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  width: 18px;
  height: 18px;
  opacity: 0.7;
  cursor: pointer;
}

.subscription-modal-content input:focus,
.subscription-modal-content select:focus {
  border-color: #6aa7e8;
  box-shadow: 0 0 0 3px rgba(106, 167, 232, 0.2);
}

.subscription-modal-content .user-search-input-wrapper input {
  padding-right: 36px;
  cursor: text;
  border-radius: 8px;
}

.subscription-modal-content .user-list {
  border: 1px solid #d7dee7;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background: #ffffff;
}

.subscription-modal-content .user-list-item {
  background: #f8fafc;
  border-bottom: 1px solid #e7edf4;
}

.subscription-modal-content .user-list-item:hover {
  background: #eef5ff;
}

.subscription-modal-content .user-list-item.selected {
  background: #e5f0ff;
}

.subscription-user-cell,
.subscription-date-cell {
  white-space: normal;
  word-break: break-word;
}