.mail-delivery,
.mail-generated-sender {
  min-width: 0;
  display: grid;
  gap: 14px;
  width: 100%;
  color: var(--text, #19334c);
}
.mail-delivery-sender {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px;
  background: var(--soft, #f3f6fc);
  border: 1px solid var(--line, #dce5f3);
  border-radius: 10px;
  font-size: 14px;
}
.mail-delivery-sender strong {
  overflow-wrap: anywhere;
}
.mail-delivery a {
  font-size: 13px;
  color: var(--primary, #3264df);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mail-delivery label,
.mail-generated-sender > label {
  display: grid;
  gap: 8px;
  font-weight: 700;
  font-size: 14px;
}
.mail-delivery input[type="email"],
.mail-generated-sender > label input {
  box-sizing: border-box;
  min-height: 46px;
  width: 100%;
  padding: 11px 13px;
  border: 1px solid var(--line, #dce5f3);
  border-radius: 8px;
  background: var(--card, #fff);
  color: inherit;
  font-size: 15px;
}
.mail-delivery .mail-delivery-send,
.mail-send-dialog .mail-delivery-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 13px 24px;
  border: 1px solid #0f766e;
  border-radius: 10px;
  background: #0f766e;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.mail-delivery-send:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.mail-delivery-note {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.8;
  margin: 0 !important;
  color: var(--muted, #65768b);
}
.mail-delivery-error {
  padding: 12px;
  border: 1px solid #cb6b61;
  border-radius: 8px;
  background: #fff3f1;
  color: #8a3029;
  font-size: 14px;
  line-height: 1.8;
}
.mail-delivery-success {
  padding: 12px;
  border: 1px solid #5e9d8d;
  border-radius: 8px;
  background: #edf8f4;
  color: #16594b;
  font-size: 14px;
  line-height: 1.8;
}
.mail-delivery-history {
  font-size: 13px;
}
.mail-delivery .mail-delivery-history > summary {
  display: list-item;
  cursor: pointer;
  font-weight: 700;
  min-height: 40px;
}
.mail-delivery-history ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.mail-delivery-history li {
  display: grid;
  gap: 5px;
  padding: 12px 0;
  border-top: 1px solid var(--line, #dce5f3);
  overflow-wrap: anywhere;
}
.mail-delivery-history small {
  color: var(--muted, #65768b);
}
.mail-send-dialog {
  box-sizing: border-box;
  border: 1px solid var(--line, #dce5f3);
  border-radius: 16px;
  padding: 26px;
  width: min(660px, calc(100vw - 28px));
  max-height: calc(100dvh - 36px);
  overflow: auto;
  background: var(--card, #fff);
  color: var(--text, #19334c);
  box-shadow: 0 22px 80px #10243c40;
}
.mail-send-dialog::backdrop {
  background: #101e36a6;
}
.mail-send-dialog h2 {
  font-size: 22px;
  margin: 0 0 14px;
}
.mail-send-dialog p {
  font-size: 14px;
  line-height: 1.8;
}
.mail-send-dialog dl {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 10px;
  font-size: 14px;
}
.mail-send-dialog dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 700;
}
.mail-send-dialog pre {
  box-sizing: border-box;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.9;
  max-height: 36dvh;
  overflow: auto;
  padding: 16px;
  border: 1px solid var(--line, #dce5f3);
  border-radius: 10px;
  background: var(--soft, #f3f6fc);
}
.mail-send-dialog .mail-send-ack {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.7;
  margin: 18px 0;
}
.mail-send-ack input {
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
}
.mail-send-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.mail-send-actions > button {
  min-height: 48px;
}
.mail-generated-sender {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid var(--line, #dce5f3);
}
:root[data-theme="dark"] .mail-delivery-error {
  background: #422c2a;
  color: #ffd5ce;
}
:root[data-theme="dark"] .mail-delivery-success {
  background: #1c3d36;
  color: #bbede0;
}
:root[data-theme="dark"] .mail-delivery-send {
  border-color: #49a59b;
  background: #137a73;
}
:root[data-theme="dark"] .mail-send-dialog pre {
  background: #132139;
  color: #e8eef9;
  border-color: #3b4b64;
}
@media (max-width: 600px) {
  .mail-send-dialog {
    padding: 20px 16px;
  }
  .mail-send-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .mail-delivery-sender {
    align-items: flex-start;
    flex-direction: column;
  }
  .mail-send-dialog dl {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .mail-send-dialog dd {
    margin-bottom: 8px;
  }
  .mail-delivery-send {
    width: 100%;
  }
}