.finance-signoff-form {
    background: #f9f9f9;
    padding: 1.5em;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 2em;
}

.finance-signoff-form select,
.finance-signoff-form button {
    margin-top: 1em;
    min-width: 200px;
}

.finance-signoff-form h2 {
    margin-top: 0;
    color: #005a87;
}

/* Finance Signoff Tabbed Email Editor Styles */

.tab-wrapper {
  margin-top: 10px;
}

.tab-buttons {
  margin-bottom: 5px;
}

.tab-buttons .tab-btn {
  display: inline-block;
  padding: 6px 14px;
  margin-right: 6px;
  border: 1px solid #ccd0d4;
  background: #f1f1f1;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
}

.tab-buttons .tab-btn.active {
  background: #fff;
  border-bottom: none;
}

.tab-panel {
  display: none;
  border: 1px solid #ccd0d4;
  border-top: none;
  padding: 10px;
  background: #fff;
}

.tab-panel.active {
  display: block;
}

.email-preview-box {
  white-space: pre-wrap;
  font-family: inherit;
  min-height: 200px;
  border: 1px solid #ddd;
  padding: 10px;
  background: #fbfbfb;
  overflow-y: auto;
}

#email_visual_render {
  outline: none;
}

.merge-tag {
  background: #eaf6ff;
  color: #007cba;
  padding: 2px 5px;
  border-radius: 3px;
  font-weight: bold;
  font-family: monospace;
}