/* Mobile usability batch. Applies only to the phone layout (<=760 px, where the bottom tab bar is shown); desktop is unchanged.
   Based on build 3c1de1c5c30896be. Loaded after mobile-layout.css and ui-perf.css. */

@media (max-width:760px){
  /* Help: the Assistant is listed under More on phones, so the floating launcher no longer covers list rows and actions. */
  body.session-app > .fab{display:none!important}

  /* Date range: taller segments; mobile-ux.js keeps the selected one scrolled fully into view. */
  #range.seg{scroll-padding-inline:12px;scrollbar-width:none}
  #range.seg::-webkit-scrollbar{display:none}
  #range.seg button{height:42px;padding:0 10px}
}

/* Tap areas toward 44x44 px on touch screens. Visual sizes grow where the layout has room; otherwise an invisible
   hit area is added that stops short of neighbouring controls. */
@media (max-width:760px) and (pointer:coarse){
  .topbar .icon-round{width:40px;height:40px}
  .topbar .icon-round::before{content:"";position:absolute;inset:-2px;border-radius:50%}
  .topbar .user{min-width:40px;min-height:40px;justify-content:center}
  .topbar .avatar{width:34px;height:34px}

  /* Lead drawer toolbar: 34 -> 42 px with the existing 6 px gap (::after is the desktop tooltip, so no hit-area pseudo here). */
  .lp-acts .lpa{width:42px;height:42px}

  .tcheck{position:relative}
  .tcheck::before{content:"";position:absolute;inset:-10px;border-radius:50%}
  .rem .done-btn{position:relative}
  .rem .done-btn::before{content:"";position:absolute;inset:-8px;border-radius:50%}

  .lead-link{padding-block:6px;margin-block:-6px}
  #markRead,#markRead2{min-height:44px;padding-inline:8px;display:inline-flex;align-items:center}
  .tg{min-height:36px}
}

/* Accessible text for counts that are not available (the visible mark is a dash). */
.lv-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Add-lead form: required marker and the "* Required" note. */
.lv-req{color:var(--neg-ink);margin-left:2px}
.lv-req-note{grid-column:1/-1;margin:0 0 4px;font-size:var(--fs-xs,12px);color:var(--muted)}