/* Missing Daily Notes: what each DSP has already been told about a missing
   note, and the way to email them (card #493). One quiet grey sentence under
   the email link — no badges, no colours — so the next admin sees the DSP was
   already reminded before emailing again. On a phone each missing note is a
   card with a full-width button: filled for a first email, outlined after.
   Design: design_card493.pen "#493 · New" (desktop and phone), signed off. */
.note-reminder {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 13.5rem;
}
.note-reminder__link {
  align-self: flex-start;
  color: #2e7d52;
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.note-reminder__link:hover { text-decoration: underline; }
.note-reminder__history {
  color: #8a938f;
  font-size: 0.75rem;
  line-height: 1.4;
}

.missing-note-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border: 1px solid #e6e0d6;
  border-radius: 12px;
  background: #fff;
}
.missing-note-card__client {
  color: #15302e;
  font-size: 1.0625rem;
  font-weight: 700;
}
.missing-note-card__meta {
  color: #5c6b6a;
  font-size: 0.9375rem;
}
.missing-note-card__dsp {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 4px;
}
.missing-note-card__dsp-name {
  color: #33474a;
  font-size: 0.9375rem;
  font-weight: 600;
}
.missing-note-card__history {
  color: #8a938f;
  font-size: 0.875rem;
  line-height: 1.4;
}

.note-reminder-button {
  height: 44px;
  width: 100%;
  border: 1px solid #2e7d52;
  border-radius: 8px;
  background: #2e7d52;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
}
.note-reminder-button--again {
  background: #fff;
  color: #2e7d52;
}