/* CSP self の外部CSS。既存の紙・石・墨の面とLINEの色を変えない。 */
.mail-actions { min-inline-size: 0; inline-size: 100%; }
.mail-action-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem 1rem; }
.mail-action { display: inline-flex; align-items: center; justify-content: center; min-block-size: 44px; max-inline-size: 100%; padding: 0.4rem 0.7rem; border: 1px solid var(--control); background: transparent; color: inherit; font: inherit; font-size: 0.8125rem; line-height: 1.65; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.mail-action:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mail-action[disabled] { cursor: wait; opacity: 0.65; }
.mail-copy-status { margin-block: 0.5rem 0; color: inherit; font-size: 0.8125rem; line-height: 1.8; }
.mail-copy-status:empty { display: none; }
.mail-manual { display: grid; gap: 0.5rem; margin-block-start: 0.75rem; color: inherit; font-size: 0.8125rem; }
.mail-manual[hidden] { display: none; }
.mail-manual textarea { inline-size: 100%; min-inline-size: 0; min-block-size: 5rem; padding: 0.75rem; border: 1px solid var(--control); border-radius: 0; background: var(--surface-raised); color: #28312c; font: inherit; line-height: 1.7; resize: vertical; }
.mail-address { margin-block-start: 0.5rem; font-size: 0.8125rem; overflow-wrap: anywhere; }
.contact-buttons > .mail-actions { grid-column: 1 / -1; }
.cta-band .mail-actions { color: #fffefa; }
.cta-band .mail-action { border-color: #90988e; }
.mail-actions-prominent .mail-action-controls { align-items: stretch; }
.mail-actions-prominent .mail-app { inline-size: 100%; order: -1; }
.mail-actions-primary .mail-copy { inline-size: 100%; min-block-size: 56px; background: var(--text); border-color: var(--text); color: var(--bg); font-size: 0.9375rem; font-weight: 700; }
.mail-actions-primary .mail-gmail, .mail-actions-primary .mail-app { flex: 1 1 9rem; }
.chat-handoff .mail-actions { grid-column: 1 / -1; margin-block: 0.75rem; }
.chat-handoff .mail-copy-status { padding-inline: 0.1rem; }
.chat-handoff .mail-manual textarea { max-block-size: 11rem; }
@media (max-width: 30rem) { .mail-actions-prominent .mail-action-controls > * { flex: 1 1 8rem; } }

/* 法務とフッターのメール表記は、営業カードを増やさず文字の導線として保つ。 */
.mail-address-open { display: inline-flex; align-items: center; min-block-size: 44px; max-inline-size: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; line-height: inherit; text-align: start; text-decoration: underline; text-underline-offset: 0.25em; overflow-wrap: anywhere; cursor: pointer; }