/* Reliability pass: touch sheets, unclipped mobile page content and compact brand scale. */
@media (min-width: 761px) {
  body.sidebar-collapsed .sidebar-brand-row .sidebar-compact-mark {
    width: 48px !important;
    height: 48px !important;
  }

  .brief-field textarea {
    scrollbar-width: none;
  }

  .brief-field textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

@media (max-width: 760px) {
  /* Card shadows need a wider scroll gutter than the content grid itself. */
  #mobileProjectsPage,
  #mobileBillingPage,
  #mobileProfilePage {
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-right: 5px;
    padding-bottom: 28px;
    padding-left: 5px;
  }

  #mobileProjectsPage .m-page-heading,
  #mobileBillingPage .m-page-heading,
  #mobileProfilePage .m-page-heading {
    margin-right: 11px;
    margin-left: 11px;
  }

  #mobileProjectsPage .m-scroll-content,
  #mobileBillingPage .m-scroll-content,
  #mobileProfilePage .m-scroll-content {
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
    margin: -10px 0 0;
    padding: 12px 11px 42px;
  }

  .m-settings-sheet-card {
    touch-action: auto !important;
    overscroll-behavior: contain;
  }

  .m-sheet-grabber,
  .m-settings-sheet-card > header {
    touch-action: none !important;
    user-select: none;
    -webkit-user-select: none;
  }

  .m-sheet-grabber {
    width: 46px;
    height: 26px;
    margin: -4px auto 4px;
    display: grid;
    place-items: center;
    cursor: grab;
    background: transparent;
  }

  .m-sheet-grabber::after {
    content: "";
    width: 38px;
    height: 4px;
    border-radius: 999px;
    background: #cfd3dc;
  }

  .m-settings-sheet-card[data-dragging="true"] { will-change: transform, opacity; }
}