/* Scoped to the existing schema form; collection containers stay in place. */
.mail-compose { max-width: 880px; }
.mail-compose [hidden] { display: none !important; }
.mail-compose .mail-compose-context { margin: 10px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mail-compose .mail-compose-primary > .desc { display: none; }
.mail-compose .mail-compose-fields { border: 0; padding: 0; margin: 0; }
.mail-compose .mail-recipients {
  min-width: 0; padding: 4px 0 10px; margin: 8px 0;
  border: 0; border-bottom: 1px solid var(--line);
}
.mail-compose .mail-recipients > legend { padding: 0; font-size: 14px; color: var(--heading); }
.mail-compose .mail-recipient {
  display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center;
  gap: 8px; min-width: 0; margin: 5px 0; padding: 0; border: 0;
}
.mail-compose .mail-recipient > .field { margin: 0; min-width: 0; }
.mail-compose .mail-recipient > legend,
.mail-compose .mail-recipient > .field > label,
.mail-compose .mail-recipient > .field > .desc {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.mail-compose .mail-recipients-collapsed > .items,
.mail-compose .mail-recipients-collapsed > button { display: none; }
.mail-compose .mail-recipients [data-row-paste] { display: none; }
.mail-compose .mail-recipient-toggle {
  text-align: left; background: transparent; border: 0; color: var(--heading);
  font: inherit; font-weight: 600; padding: 6px 0; white-space: normal;
}
.mail-compose button { min-height: 44px; max-width: 100%; }
.mail-compose input:not([type=checkbox]),
.mail-compose select,
.mail-compose textarea { min-height: 44px; min-width: 0; width: 100%; box-sizing: border-box; }
.mail-compose textarea[data-name=body] { min-height: 240px; resize: vertical; line-height: 1.55; }
.mail-compose button:focus-visible,
.mail-compose input:focus-visible,
.mail-compose select:focus-visible,
.mail-compose textarea:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.mail-compose .mail-compose-note,
.mail-compose .mail-compose-edit-note { max-width: 70ch; line-height: 1.5; }
.mail-compose .field:has(> input[type=checkbox]) > label { min-height: 44px; display: flex; align-items: center; }
@media(max-width: 600px) {
  .mail-compose .mail-recipient { grid-template-columns: minmax(0,1fr); gap: 3px; }
  .mail-compose .mail-recipient > button { justify-self: start; }
  .mail-compose .actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .mail-compose textarea[data-name=body] { min-height: 240px; }
}