.customer-followups { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.customer-followups > summary { cursor: pointer; padding: 10px 0; }
.customer-followups form { display: grid; gap: 10px; }
.customer-followups fieldset { min-width: 0; margin: 0; padding: 10px; border: 1px solid #65767c; border-radius: 4px; }
.customer-followups legend { max-width: 100%; padding: 0 4px; font-size: 14px; }
.customer-followups label { display: grid; gap: 5px; min-width: 0; font-size: 14px; }
.customer-followups label:has(input[type="checkbox"]) { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.customer-followups input:not([type="checkbox"]), .customer-followups select, .customer-followups textarea {
  box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; min-height: 44px; padding: 8px;
  border: 1px solid #65767c; border-radius: 4px; font: inherit; font-size: 16px; background: #222d38; color: #edf3f6; letter-spacing: 0;
}
.customer-followups textarea { resize: vertical; }
.customer-followups input[type="checkbox"] { width: 20px; height: 20px; flex-shrink: 0; }
.customer-followup-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.customer-followup-printing { grid-column: 1 / -1; min-width: 0; }
.customer-followup-printing > summary { cursor: pointer; padding: 10px 0; }
.customer-followups :disabled { opacity: .65; }
.customer-followups :focus-visible { outline: 2px solid #e2e858; outline-offset: 3px; }
.customer-followups button { min-height: 44px; max-width: 100%; white-space: normal; }
.customer-followups p { white-space: pre-wrap; margin: 8px 0; }
.customer-followup-saved-line { border-top: 1px solid #65767c; padding: 8px 0; }
@media (max-width: 640px) { .customer-followup-fields { grid-template-columns: minmax(0, 1fr); } }