.salary-edit-button {
  color: #285dbd;
  background: #edf3ff;
  border: 1px solid #d3e0f5;
  border-radius: 8px;
  margin-top: 7px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
}

.salary-edit-button:hover:not(:disabled) {
  background: #dfeaff;
  border-color: #adc4ec;
  transform: translateY(-1px);
}

.salary-adjusted {
  color: #8a4dcc !important;
  background: #f6efff;
  border-radius: 6px;
  padding: 4px 7px;
  width: max-content;
}

.salary-rule {
  color: #748198 !important;
}

.writer-fee-modal {
  border-top: 5px solid #386fd3;
  width: min(600px, 100%);
}

.writer-fee-summary {
  background: linear-gradient(135deg, #f7faff, #edf3ff);
  border: 1px solid #dce7fa;
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
  padding: 16px;
}

.writer-fee-summary span {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.writer-fee-summary small {
  color: #7c89a0;
  font-size: 11px;
}

.writer-fee-summary b {
  color: #1d3157;
  font-size: 14px;
}

.restore-auto-fee {
  color: #6a4caf !important;
  background: #f5f0ff !important;
  border-color: #dfd2f7 !important;
  margin-right: auto;
}

.restore-auto-fee:hover {
  background: #ece2ff !important;
}

@media (max-width: 700px) {
  .writer-fee-summary {
    grid-template-columns: 1fr;
  }

  .writer-fee-modal .modal-actions {
    flex-wrap: wrap;
  }

  .restore-auto-fee {
    width: 100%;
    margin-right: 0;
  }
}