/* RideEase unified mobile UI typography standard — v1.0.29 */
@media (max-width:768px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body.re-mobile-completion-v1,
  body.re-mobile-public-v1{
    --re-type-page:18px;
    --re-type-section:14px;
    --re-type-subsection:13px;
    --re-type-body:12px;
    --re-type-control:12px;
    --re-type-label:10px;
    --re-type-caption:10px;
    --re-type-kpi:22px;
    --re-type-kpi-secondary:18px;
    --re-type-nav:10px;
    --re-line-body:1.45;
    --re-line-tight:1.2;
  }

  body.re-mobile-completion-v1 #content,
  body.re-mobile-completion-v1 #mb,
  body.re-mobile-completion-v1 .modal,
  body.re-mobile-public-v1 .page,
  body.re-mobile-public-v1 .card,
  body.re-mobile-public-v1 .modal{
    font-size:var(--re-type-body)!important;
    line-height:var(--re-line-body)!important;
  }

  body.re-mobile-completion-v1 #ptitle,
  body.re-mobile-public-v1 [data-re-font-role="page-title"]{
    font-size:var(--re-type-page)!important;
    line-height:1.2!important;
    font-weight:800!important;
  }

  body.re-mobile-completion-v1 h1,
  body.re-mobile-completion-v1 h2,
  body.re-mobile-completion-v1 .stl,
  body.re-mobile-completion-v1 [data-re-font-role="section"],
  body.re-mobile-public-v1 h1,
  body.re-mobile-public-v1 h2,
  body.re-mobile-public-v1 [data-re-font-role="section"]{
    font-size:var(--re-type-section)!important;
    line-height:1.28!important;
    font-weight:750!important;
  }

  body.re-mobile-completion-v1 h3,
  body.re-mobile-completion-v1 h4,
  body.re-mobile-completion-v1 [data-re-font-role="subsection"],
  body.re-mobile-public-v1 h3,
  body.re-mobile-public-v1 h4,
  body.re-mobile-public-v1 [data-re-font-role="subsection"]{
    font-size:var(--re-type-subsection)!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body.re-mobile-completion-v1 [data-re-font-role="body"],
  body.re-mobile-public-v1 [data-re-font-role="body"]{
    font-size:var(--re-type-body)!important;
    line-height:var(--re-line-body)!important;
  }

  body.re-mobile-completion-v1 label,
  body.re-mobile-completion-v1 .sl,
  body.re-mobile-completion-v1 .b,
  body.re-mobile-completion-v1 [class*="badge" i],
  body.re-mobile-completion-v1 [data-re-font-role="label"],
  body.re-mobile-public-v1 label,
  body.re-mobile-public-v1 .req,
  body.re-mobile-public-v1 [class*="badge" i],
  body.re-mobile-public-v1 [data-re-font-role="label"]{
    font-size:var(--re-type-label)!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body.re-mobile-completion-v1 small,
  body.re-mobile-completion-v1 .ss,
  body.re-mobile-completion-v1 .hint,
  body.re-mobile-completion-v1 .pgi,
  body.re-mobile-completion-v1 [data-re-font-role="caption"],
  body.re-mobile-public-v1 small,
  body.re-mobile-public-v1 .hint,
  body.re-mobile-public-v1 .errmsg,
  body.re-mobile-public-v1 [data-re-font-role="caption"]{
    font-size:var(--re-type-caption)!important;
    line-height:1.4!important;
  }

  body.re-mobile-completion-v1 button,
  body.re-mobile-completion-v1 .btn,
  body.re-mobile-completion-v1 a.btn,
  body.re-mobile-completion-v1 input,
  body.re-mobile-completion-v1 select,
  body.re-mobile-completion-v1 textarea,
  body.re-mobile-public-v1 button,
  body.re-mobile-public-v1 .btn,
  body.re-mobile-public-v1 a.btn,
  body.re-mobile-public-v1 input,
  body.re-mobile-public-v1 select,
  body.re-mobile-public-v1 textarea{
    font-size:var(--re-type-control)!important;
    line-height:1.25!important;
  }

  body.re-mobile-completion-v1 [data-re-font-role="kpi"],
  body.re-mobile-public-v1 [data-re-font-role="kpi"]{
    font-size:var(--re-type-kpi)!important;
    line-height:1.08!important;
    font-weight:800!important;
  }

  body.re-mobile-completion-v1 [data-re-font-role="kpi-secondary"],
  body.re-mobile-public-v1 [data-re-font-role="kpi-secondary"]{
    font-size:var(--re-type-kpi-secondary)!important;
    line-height:1.12!important;
    font-weight:800!important;
  }

  body.re-mobile-completion-v1 table,
  body.re-mobile-completion-v1 td,
  body.re-mobile-completion-v1 th,
  body.re-mobile-public-v1 table,
  body.re-mobile-public-v1 td,
  body.re-mobile-public-v1 th{
    font-size:var(--re-type-body)!important;
    line-height:1.4!important;
  }

  body.re-mobile-completion-v1 th,
  body.re-mobile-completion-v1 table.re-mc-card-table td::before,
  body.re-mobile-public-v1 th{
    font-size:var(--re-type-label)!important;
    font-weight:800!important;
  }

  #re-mobile-bottom-nav .re-mobile-nav-label{
    font-size:var(--re-type-nav)!important;
    line-height:1.15!important;
    font-weight:700!important;
  }

  #re-mobile-bottom-nav,
  #re-mobile-bottom-nav *{
    animation:none!important;
    transition:none!important;
  }

  #re-mobile-bottom-nav .re-mobile-nav-item{
    -webkit-tap-highlight-color:transparent!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
  }

  #re-mobile-bottom-nav .re-mobile-nav-item:not(.on){
    background:transparent!important;
  }

  #re-mobile-bottom-nav .re-mobile-nav-item.on{
    color:var(--acc)!important;
    background:var(--accl)!important;
  }

  body.re-mobile-completion-v1 .re-v126-car-actions .btn,
  body.re-mobile-completion-v1 #vcBook,
  body.re-mobile-completion-v1 #vcEdit,
  body.re-mobile-completion-v1 #vcDel{
    min-height:36px!important;
    height:36px!important;
    padding:6px 5px!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  body.re-mobile-completion-v1 .re-v127-av-view-row,
  body.re-mobile-completion-v1 .re-v127-av-status-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
  }

  body.re-mobile-completion-v1 .re-v127-av-nav-row{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px 62px!important;
    gap:6px!important;
    align-items:center!important;
    width:100%!important;
  }

  body.re-mobile-completion-v1 .re-v127-av-view-row button,
  body.re-mobile-completion-v1 .re-v127-av-status-row button,
  body.re-mobile-completion-v1 .re-v127-av-nav-row button{
    min-width:0!important;
    width:100%!important;
    min-height:34px!important;
    padding:5px 4px!important;
    font-size:10px!important;
  }

  body.re-mobile-completion-v1 .re-v127-av-month-title{
    font-size:13px!important;
    line-height:1.2!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
}

@media (max-width:768px){
  body.re-mobile-completion-v1 .re-v126-insights-tiles{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.re-mobile-completion-v1 .re-v126-insight-tile{
    width:100%!important;
    min-width:0!important;
    padding:11px!important;
  }
  body.re-mobile-completion-v1 .re-v126-insight-label{
    font-size:10px!important;
    line-height:1.25!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.re-mobile-completion-v1 .re-v126-insight-value{
    font-size:18px!important;
    line-height:1.12!important;
  }
  body.re-mobile-completion-v1 .re-v126-insight-sub{
    font-size:10px!important;
    line-height:1.4!important;
  }
  body.re-mobile-completion-v1 .re-v126-car-actions{
    position:static!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:10px 0 0!important;
    padding:10px 0 0!important;
    border-top:1px solid var(--border)!important;
    background:transparent!important;
  }
  body.re-mobile-completion-v1 table.re-mc-card-table>tbody>tr>td[data-re-mc-label="Status"]>*,
  body.re-mobile-completion-v1 table.re-mc-card-table>tbody>tr>td[data-re-mc-label="Payment"]>*{
    justify-self:end!important;
    margin-left:auto!important;
    text-align:right!important;
  }
}