/* Badges */
.badge-success {
  background-color: #28a745;
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.8em;
}

.badge-warning {
  background-color: #ffc107;
  color: black;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.8em;
}

.badge-error {
  background-color: #dc3545;
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.8em;
}

/* Schedule info */
.schedule-info {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 15px;
  margin: 10px 0;
  border-radius: 4px;
}

/* External issue display */
.external-issue-info {
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  padding: 10px;
  margin: 10px 0;
  border-radius: 4px;
}

.external-issue-link {
  color: #007bff;
  text-decoration: none;
  font-weight: bold;
}

.external-issue-link:hover {
  text-decoration: underline;
}

.status-success {
  color: #28a745;
}

.status-pending {
  color: #ffc107;
}

.status-failed {
  color: #dc3545;
}

.error-message {
  color: #dc3545;
  font-size: 0.9em;
}

/* Trigger events checkboxes - override .tabular label float */
.trigger-events-container label {
  float: none;
  width: auto;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
}

.trigger-events-container label input[type="checkbox"] {
  margin-right: 4px;
  vertical-align: middle;
}

/* Field mappings builder */
.source-fields-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.source-field-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.source-field-item .source-field-select {
  flex: 1;
  width: 100%;
}

/* Use native Redmine icon styles for add/remove buttons */
.source-field-item .remove-field-btn {
  /* Inherits from .icon icon-del */
  white-space: nowrap;
}

.add-field-btn {
  /* Inherits from .icon icon-add */
  white-space: nowrap;
}

/* Monitoring icon for bridge-monitor link */
.icon.monitoring {
  background-image: url(/plugin_assets/redmine_bridge/images/monitoring.png);
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  margin-right: 5px;
}