/* Responsive for public/my.html */

.field input {
  font-size: 16px;
}

.btn {
  min-height: 44px;
}

@media (max-width: 767px) {
  body {
    padding: 0 0 calc(48px + env(safe-area-inset-bottom, 0px));
  }
  .wrap { padding-top: 20px; }
  .user-email { display: none; }
  .auth-card {
    margin-top: 4vh;
    max-width: 100%;
  }
  .top-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .list-tabs,
  .list-tabs .btn {
    width: 100%;
  }
  .empty .btn,
  .empty a.btn {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    margin-left: 0 !important;
    margin-top: 8px;
  }
}

@media (max-width: 479px) {
  .item { padding: 14px; }
  .page-header h1 { font-size: 24px; line-height: 32px; }
}