/* Mobile conversation polish. Loaded after app.css so this can stay isolated. */
@media (max-width: 767px) {
  .ios-thread-wrap {
    background: #f2f2f7;
  }

  .ios-detail-subject {
    padding: 18px 18px 14px;
    font-size: 23px;
    line-height: 1.22;
    letter-spacing: -0.35px;
    border-bottom: 0;
  }

  .conv-inbox-tag {
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.25;
  }

  .thread-cards {
    padding: 0 10px 94px;
  }

  .email-card,
  .email-card:first-child {
    margin-top: 10px;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }

  .email-card-header {
    gap: 11px;
    padding: 14px 14px 12px;
  }

  .email-card-avatar {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .email-card-from {
    font-size: 16px;
  }

  .email-card-meta,
  .email-card-time,
  .email-card-snippet {
    font-size: 13px;
  }

  .email-card-body-inner {
    padding: 0 16px 18px;
    font-size: 16px;
    line-height: 1.55;
  }

  .email-card-body-inner.has-iframe {
    padding: 0;
  }

  .ios-bottom-toolbar {
    background: rgba(249, 249, 251, 0.92);
    border-top-color: rgba(60, 60, 67, 0.16);
  }

  .ios-toolbar-btn {
    min-width: 48px;
  }
}

@media (min-width: 768px) {
  .thread-cards {
    padding: 0 14px 90px;
  }

  .email-card,
  .email-card:first-child {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid rgba(60, 60, 67, 0.1);
    border-radius: 14px;
  }
}