/* CurioSpark v8.54.3 - Email Center mobile containment and table scrolling.
   Presentation only. No email, recipient, role, API, or delivery behavior changes. */

body.v8543-email-center-mobile {
  overflow-x: hidden;
}

body.v8543-email-center-mobile .admin-shell,
body.v8543-email-center-mobile [data-admin-comms-panel],
body.v8543-email-center-mobile .v847-email-grid,
body.v8543-email-center-mobile .v847-email-grid > *,
body.v8543-email-center-mobile .v847-card,
body.v8543-email-center-mobile .v847-card-heading,
body.v8543-email-center-mobile .v847-card-heading > *,
body.v8543-email-center-mobile .v847-form,
body.v8543-email-center-mobile .v847-form > *,
body.v8543-email-center-mobile .v793-community-form,
body.v8543-email-center-mobile .v793-community-form > *,
body.v8543-email-center-mobile .v847-log-tools,
body.v8543-email-center-mobile .v847-log-tools > *,
body.v8543-email-center-mobile .v847-recipient-bar,
body.v8543-email-center-mobile .v847-recipient-bar > *,
body.v8543-email-center-mobile .v847-preview-wrap,
body.v8543-email-center-mobile .v847-delivery,
body.v8543-email-center-mobile .v793-readiness,
body.v8543-email-center-mobile .v793-history,
body.v8543-email-center-mobile .table-wrap {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.v8543-email-center-mobile .v847-card h2,
body.v8543-email-center-mobile .v847-card h3,
body.v8543-email-center-mobile .v847-card p,
body.v8543-email-center-mobile .v847-card strong,
body.v8543-email-center-mobile .v847-card span,
body.v8543-email-center-mobile .v847-card label,
body.v8543-email-center-mobile .v847-card button,
body.v8543-email-center-mobile .v847-family-row,
body.v8543-email-center-mobile .v793-picker-row {
  overflow-wrap: anywhere;
}

body.v8543-email-center-mobile .v847-card > .table-wrap,
body.v8543-email-center-mobile .v793-history .table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  touch-action: pan-x pan-y;
  scrollbar-gutter: stable;
}

body.v8543-email-center-mobile .v847-card > .table-wrap .admin-table,
body.v8543-email-center-mobile .v793-history .table-wrap .admin-table {
  width: 100%;
  min-width: 760px;
}

@media (max-width: 760px) {
  body.v8543-email-center-mobile .admin-shell {
    width: min(100% - 24px, 1120px);
    padding-bottom: calc(7rem + env(safe-area-inset-bottom));
  }

  body.v8543-email-center-mobile .v847-email-grid {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: .85rem;
  }

  body.v8543-email-center-mobile .v847-card {
    width: 100%;
    padding: .95rem;
    border-radius: 19px;
    overflow: hidden;
  }

  body.v8543-email-center-mobile .v847-card-heading {
    display: grid;
    width: 100%;
    gap: .7rem;
    margin-bottom: .8rem;
  }

  body.v8543-email-center-mobile .v847-card-heading h2 {
    max-width: 100%;
    font-size: clamp(1.75rem, 7.4vw, 2.05rem);
    line-height: 1.02;
    text-wrap: balance;
  }

  body.v8543-email-center-mobile .v847-card-heading p,
  body.v8543-email-center-mobile .v847-delivery span,
  body.v8543-email-center-mobile .v847-recipient-summary span,
  body.v8543-email-center-mobile .v793-audience-summary,
  body.v8543-email-center-mobile .v847-helper,
  body.v8543-email-center-mobile .small-muted {
    max-width: 100%;
    line-height: 1.5;
  }

  body.v8543-email-center-mobile .v847-card-heading > .button,
  body.v8543-email-center-mobile .v847-log-tools > .button,
  body.v8543-email-center-mobile .v793-picker-trigger .button,
  body.v8543-email-center-mobile .v793-actions .button,
  body.v8543-email-center-mobile .v847-button-row .button {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 48px;
    height: auto;
    padding: .72rem 1rem;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
  }

  body.v8543-email-center-mobile .v847-step-row,
  body.v8543-email-center-mobile .v847-form,
  body.v8543-email-center-mobile .v793-community-form,
  body.v8543-email-center-mobile .v847-log-tools {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  body.v8543-email-center-mobile .v847-form input,
  body.v8543-email-center-mobile .v847-form textarea,
  body.v8543-email-center-mobile .v847-form select,
  body.v8543-email-center-mobile .v793-community-form input,
  body.v8543-email-center-mobile .v793-community-form textarea,
  body.v8543-email-center-mobile .v793-community-form select,
  body.v8543-email-center-mobile .v847-log-tools input,
  body.v8543-email-center-mobile .v847-log-tools select,
  body.v8543-email-center-mobile .v847-community-template select,
  body.v8543-email-center-mobile .v847-family-search input,
  body.v8543-email-center-mobile .v793-picker-search input {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    font-size: 16px;
  }

  body.v8543-email-center-mobile .v847-recipient-bar,
  body.v8543-email-center-mobile .v793-picker-trigger,
  body.v8543-email-center-mobile .v793-confirm-wrap label,
  body.v8543-email-center-mobile .v793-modal-footer {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  body.v8543-email-center-mobile .v847-preview-card {
    width: 100%;
    max-width: 100%;
  }

  body.v8543-email-center-mobile .v847-preview-card h3 {
    font-size: 1.45rem;
    overflow-wrap: anywhere;
  }

  body.v8543-email-center-mobile .v847-delivery,
  body.v8543-email-center-mobile .v793-readiness,
  body.v8543-email-center-mobile .v847-helper,
  body.v8543-email-center-mobile .v793-audience-summary,
  body.v8543-email-center-mobile .v793-preview {
    width: 100%;
    overflow: hidden;
  }

  body.v8543-email-center-mobile .v847-card > .table-wrap,
  body.v8543-email-center-mobile .v793-history .table-wrap {
    position: relative;
    border-radius: 14px;
    background: #fff;
  }

  body.v8543-email-center-mobile .v847-card > .table-wrap .admin-table,
  body.v8543-email-center-mobile .v793-history .table-wrap .admin-table {
    min-width: 720px;
  }

  body.v8543-email-center-mobile .v847-card > .table-wrap .admin-table th,
  body.v8543-email-center-mobile .v847-card > .table-wrap .admin-table td,
  body.v8543-email-center-mobile .v793-history .table-wrap .admin-table th,
  body.v8543-email-center-mobile .v793-history .table-wrap .admin-table td {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.v8543-email-center-mobile .cs-table-scroll-hint {
    max-width: 100%;
    margin: .45rem 0 .55rem;
    line-height: 1.35;
  }

  body.v8543-email-center-mobile .v847-modal,
  body.v8543-email-center-mobile .v793-modal {
    padding:
      max(.65rem, env(safe-area-inset-top))
      max(.65rem, env(safe-area-inset-right))
      max(.65rem, env(safe-area-inset-bottom))
      max(.65rem, env(safe-area-inset-left));
  }

  body.v8543-email-center-mobile .v847-modal-card,
  body.v8543-email-center-mobile .v793-modal-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    max-height: calc(100dvh - 1.3rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    padding: 1rem;
    border-radius: 18px;
  }

  body.v8543-email-center-mobile .v847-family-row,
  body.v8543-email-center-mobile .v793-picker-row {
    min-width: 0;
  }

  body.v8543-email-center-mobile .cs-back-to-top {
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
    min-width: 70px;
    min-height: 46px;
    padding: 0 .8rem;
  }
}

@media (max-width: 420px) {
  body.v8543-email-center-mobile .admin-shell {
    width: min(100% - 18px, 1120px);
  }

  body.v8543-email-center-mobile .v847-card {
    padding: .82rem;
    border-radius: 17px;
  }

  body.v8543-email-center-mobile .v847-card-heading h2 {
    font-size: clamp(1.7rem, 7.2vw, 1.95rem);
  }
}

/* CurioSpark v9.3.0 - Temporary attachment mobile containment. */
@media (max-width: 760px) {
  body.v8543-email-center-mobile .v930-attachments,
  body.v8543-email-center-mobile .v930-attachment-heading,
  body.v8543-email-center-mobile .v930-file-picker,
  body.v8543-email-center-mobile .v930-attachment-list,
  body.v8543-email-center-mobile .v930-attachment-row,
  body.v8543-email-center-mobile .v930-attachment-name,
  body.v8543-email-center-mobile .v930-preview-attachments {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.v8543-email-center-mobile .v930-attachment-heading {
    display: grid;
    gap: .6rem;
  }

  body.v8543-email-center-mobile .v930-temporary-pill {
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }

  body.v8543-email-center-mobile .v930-file-picker input[type=file] {
    min-height: 48px;
    padding: .5rem;
    overflow: hidden;
  }

  body.v8543-email-center-mobile .v930-file-picker input[type=file]::file-selector-button {
    min-height: 42px;
  }

  body.v8543-email-center-mobile .v930-attachment-row {
    grid-template-columns: auto minmax(0,1fr);
    align-items: start;
  }

  body.v8543-email-center-mobile .v930-attachment-row .button.small {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 46px;
  }

  body.v8543-email-center-mobile .v930-attachment-name strong {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.v8543-email-center-mobile .v930-preview-attachments {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
