/* Mail hierarchy inside Pillar's shared workspace and 560px record drawer. */
.sales-mail-page .sales-workspace { display: block; }
.sales-mail-page .sales-lead-heading { margin-bottom: 0; }
.sales-mail-page .sales-conversation { padding-top: var(--space-4); }
.sales-message { margin: 0; min-width: 0; }
.sales-message + .sales-message { border-top: 1px solid var(--row-line); }
.sales-message__summary { display: flex; align-items: center; gap: var(--space-3); padding-block: var(--space-3); cursor: pointer; list-style: none; }
.sales-message__summary::-webkit-details-marker { display: none; }
.sales-message__summary:hover { background: var(--hover); }
.sales-message__summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 0; }
.sales-message__avatar { display: grid; place-items: center; flex: 0 0 var(--space-8); height: var(--space-8); background: var(--rail); color: var(--muted); font-size: var(--text-tiny); }
.sales-message__identity { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.sales-message__identity strong { font-size: var(--text-body); font-weight: 600; }
.sales-message__summary time { flex: none; color: var(--muted); font-size: var(--text-meta); align-self: flex-start; }
.sales-message__snippet { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--muted); font-size: var(--text-meta); }
.sales-message__address { display: none; color: var(--muted); font-size: var(--text-meta); overflow-wrap: anywhere; }
.sales-message[open] > .sales-message__summary .sales-message__snippet { display: none; }
.sales-message[open] > .sales-message__summary .sales-message__address { display: block; }
.sales-message__content { padding: 0 0 var(--space-4) calc(var(--space-8) + var(--space-3)); }
.sales-message__content .sales-email-body { margin: 0; font-size: var(--text-body); line-height: var(--line-body); }
.sales-message__content .sales-email { margin: 0; padding: 0; border: 0; }
.sales-message__content .sales-email-meta, .sales-message__content .sales-email-recipient { display: none; }
.sales-message__content .sales-email h3, .sales-message__subject { margin: 0 0 var(--space-2); font-size: var(--text-meta); font-weight: 400; color: var(--muted); }
.sales-message__heading { display: flex; justify-content: space-between; gap: var(--space-3); }
.sales-order-link, .sales-reply-start { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); padding-block: var(--space-4); }
.sales-order-link form, .sales-reply-start form { margin: 0; }
.sales-compose-section { padding-bottom: var(--space-4); }
.sales-mail-page .sales-composer { margin: var(--space-4) 0 0; padding-block: var(--space-4) 0; border-top: 1px solid var(--line); }
.sales-composer__heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); margin-bottom: var(--space-3); }
.sales-composer__heading strong { font-weight: 600; font-size: var(--text-body); }
.sales-composer__heading > span { font-size: var(--text-meta); }
.sales-mail-page .sales-composer__form { --field-label-width: var(--space-12); }
.sales-composer .sales-composer__recipient[readonly] { border-color: transparent; background: transparent; color: var(--ink); padding-inline: 0; }
.sales-composer__message.form-field { display: block; margin-top: var(--space-3); }
.sales-composer__message .text-area { min-height: 240px; font-size: var(--text-body); line-height: var(--line-body); padding: var(--space-3); resize: vertical; }
.sales-composer .sales-form-actions { justify-content: flex-start; margin-top: var(--space-3); padding-top: 0; border-top: 0; }
.sales-composer .sales-discard { margin-top: var(--space-2); color: var(--muted); }
.sales-template-options { margin-top: var(--space-2); }
.sales-template-options > summary { font-size: var(--text-meta); color: var(--muted); cursor: pointer; }
.sales-template-options .sales-draft-picker { margin-block: var(--space-3); }
.sales-mail-page .sales-workspace > .sales-lead-facts { margin: 0; padding: var(--space-3) 0; border-top: 1px solid var(--line); }
.sales-lead-facts > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: var(--control-height); cursor: pointer; font-size: var(--text-meta); list-style: none; }
.sales-lead-facts > summary::before { content: "+"; color: var(--muted); }
.sales-lead-facts[open] > summary::before { content: "−"; }
.sales-lead-facts > summary > span:first-child { margin-right: auto; }
.sales-lead-facts > summary::-webkit-details-marker { display: none; }
.sales-lead-facts .detail-ledger, .sales-lead-facts .sales-email-actions { margin-top: var(--space-3); }
.sales-mail-page .sales-workspace > .sales-private { background: transparent; }
.sales-mail-review .sales-review { padding-top: var(--space-4); }
.sales-review-to { display: flex; gap: var(--space-3); overflow-wrap: anywhere; }
.sales-review-details { margin-top: var(--space-2); }
.sales-review-details > summary { display: flex; flex-wrap: wrap; gap: var(--space-2); cursor: pointer; list-style: none; font-size: var(--text-meta); }
.sales-review-details > summary::-webkit-details-marker { display: none; }
.sales-review-details > summary > span:last-child::after { content: " ▾"; }
.sales-review-details[open] > summary > span:last-child::after { content: " ▴"; }
.sales-review-details .sales-envelope { margin-block: var(--space-2); }
.sales-mail-review .sales-email-body { margin: var(--space-6) 0; font-size: var(--text-body); line-height: var(--line-body); }
.sales-mail-review .sales-form-actions { justify-content: flex-start; margin-top: var(--space-4); }
.sales-mail-review .sales-form-actions > .inline-warning { padding: 0; font-size: var(--text-meta); }
.sales-mail-review .sales-form-actions form { margin: 0; }
@media (max-width: 760px) {
  .sales-message__content { padding-left: 0; }
  .sales-message__summary time { font-size: var(--text-tiny); }
  .sales-review-details > summary { overflow-wrap: anywhere; }
  .sales-lead-facts > summary > .muted { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}