/* css/submit.css - MiroCrowd Step 4 Submission & Recovery Feedback UI */

#submit-feedback {
  white-space: pre-wrap;
  line-height: 1.35;
  word-break: break-word;
  max-height: 100px;
  overflow-y: auto;
}

#submit-feedback:not(:empty) {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#submit-feedback:not(.show-error):not(.show-success):not(:empty) {
  background: rgba(30, 90, 160, 0.08);
  border: 1px dashed #246;
  color: #135;
}

.submit-action-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
  margin-bottom: 2px;
  min-height: 0;
}

.submit-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 14px;
  border-radius: 6px;
  border: 1.5px solid #222;
  background: #fbfbf8;
  color: #222;
  cursor: pointer;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
  transition: transform 0.08s ease-out, background 0.12s ease-out, box-shadow 0.08s ease-out;
  user-select: none;
}

.submit-action-btn:hover {
  background: #f0f0ea;
  transform: translateY(-1px);
}

.submit-action-btn:active {
  transform: translateY(1px);
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.submit-action-btn.btn-primary {
  background: #111;
  color: #fff;
  border-color: #000;
}

.submit-action-btn.btn-primary:hover {
  background: #2a2a2a;
}

.submit-action-btn.btn-danger {
  background: #fff5f5;
  border-color: #c33;
  color: #b11;
}

.submit-action-btn.btn-danger:hover {
  background: #ffe8e8;
}

.submit-warning-text {
  width: 100%;
  margin: 4px 0 2px 0;
  font-size: 12px;
  color: #b45309;
  background: rgba(245, 158, 11, 0.12);
  border: 1px dashed #d97706;
  border-radius: 4px;
  padding: 3px 8px;
  text-align: center;
  box-sizing: border-box;
}