.quote-customer-notes {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 8px;
  background: rgba(8, 47, 73, 0.2);
}

.quote-customer-notes label {
  font-weight: 800;
  color: #e8f4ff;
}

.quote-customer-notes p,
.quote-customer-notes small {
  margin: 0;
  color: #a8c7ed;
  font-size: 0.84rem;
  line-height: 1.5;
}

.quote-customer-notes textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 116px;
  padding: 12px;
  border: 1px solid #3b567a;
  border-radius: 7px;
  background: #111c30;
  color: #f8fbff;
  font: inherit;
  font-size: 0.94rem;
  line-height: 1.5;
  resize: vertical;
}

.quote-customer-notes textarea:focus {
  outline: 2px solid #38bdf8;
  outline-offset: 2px;
}

.quote-customer-notes textarea::placeholder {
  color: #91a8c4;
}

.quote-customer-notes textarea[readonly] {
  border-color: #2e3b52;
  background: rgba(15, 23, 42, 0.6);
}

.quote-customer-notes button {
  min-height: 42px;
  white-space: normal;
}

.quote-customer-notes .quote-notes-feedback {
  color: #7cf7cb;
}

.quote-customer-notes .quote-notes-feedback.error {
  color: #fca5a5;
}

#modalOrcamentosOnline .proposal-customer-notes {
  margin-top: 8px;
  font-size: 0.84rem;
}

#modalOrcamentosOnline .proposal-customer-notes summary {
  cursor: pointer;
  font-weight: 700;
}

#modalOrcamentosOnline .proposal-customer-notes p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 6px 0 0;
}