/* Pivot Client Workspace — R8 Mobile vertical flow.
   Loaded after rebrand and inline styles to win their !important cascade.
   Only applies to the GENERAL pane on narrow screens. */
@media screen and (max-width:760px) {
  /* Earlier CSS forces display:grid even after previous block attempts;
     specificity here deliberately exceeds body.pivot-ui #clientModal #clientGeneralPane.client-pane. */
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane {
    display:block!important;
    grid-template-columns:none!important;
    grid-auto-rows:auto!important;
    align-content:normal!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    padding:10px 10px calc(105px + env(safe-area-inset-bottom))!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane > *:not([type=hidden]):not(.hidden) {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 12px!important;
    float:none!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane > .p74770-notes-field {
    display:block!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    overflow:visible!important;
    align-self:auto!important;
    padding:14px 16px 15px!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane > .p74770-notes-field > #p74769ClientNotesBoxes {
    display:block!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    width:100%!important;
    margin:9px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane .p74769-card-list {
    display:block!important;
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    max-height:270px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane .p74769-note-card {
    display:block!important;
    position:relative!important;
    margin:0 0 8px!important;
    flex:none!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane > #clientBeautyNotesToggle {
    display:flex!important;
    position:relative!important;
    transform:none!important;
    inset:auto!important;
    height:auto!important;
    min-height:58px!important;
    align-items:center!important;
    justify-content:space-between!important;
    overflow:visible!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane > #clientBeautyNotesPanel {
    display:block!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane > #clientBeautyNotesPanel.hidden {
    display:none!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane > #clientSignedDocuments {
    display:block!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  body.pivot-ui #clientModal.client-dialog #clientGeneralPane.client-pane > label {
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    z-index:auto!important;
    height:auto!important;
    max-height:none!important;
  }
}