@media (max-width:760px){
  /* R2 is the single mobile screen authority. */
  body.ab-mobile-shell-active main#top > section.dashboard-page-hidden.ab-mobile-screen-active{
    display:block!important;
  }

  .ab-mobile-hub{
    display:none;
    height:100%;
    min-height:0;
    overflow:hidden!important;
    padding:max(10px,env(safe-area-inset-top,0px)) 10px 10px!important;
    background:
      radial-gradient(circle at 90% 0,rgba(255,134,24,.12),transparent 30%),
      linear-gradient(180deg,#0d171a,#061012)!important;
    color:#fff;
  }
  .ab-mobile-hub.ab-mobile-screen-active{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr);
    gap:10px;
  }
  .ab-mobile-hub>header{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:9px;
    align-items:center;
  }
  .ab-mobile-hub>header>button{
    width:42px;height:42px;min-height:42px!important;
    border-radius:50%;border:1px solid #4a5a60;
    background:#111c20;color:#fff;font-size:1.35rem;
  }
  .ab-mobile-hub>header div{display:grid}
  .ab-mobile-hub>header small{color:#ff8618;font-weight:800;font-size:.67rem}
  .ab-mobile-hub>header h2{margin:0!important;font-size:clamp(1.35rem,6vw,2rem)!important}

  .ab-mobile-hub-grid{
    min-height:0;
    overflow:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:minmax(104px,1fr);
    gap:8px;
    padding-bottom:max(6px,env(safe-area-inset-bottom,0px));
  }
  .ab-mobile-hub-grid>a,.ab-mobile-hub-grid>button{
    min-width:0;
    min-height:104px!important;
    border:1px solid #3a4b51;
    border-radius:18px;
    background:linear-gradient(160deg,#142126,#0a1114);
    color:#fff;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    padding:12px;
    text-align:left;
    box-shadow:0 8px 22px rgba(0,0,0,.22);
  }
  .ab-mobile-hub-grid>a span,.ab-mobile-hub-grid>button span{font-size:1.45rem}
  .ab-mobile-hub-grid>a strong,.ab-mobile-hub-grid>button strong{font-size:.88rem;line-height:1.1}
  .ab-mobile-hub-grid>a small,.ab-mobile-hub-grid>button small{font-size:.66rem;color:#b7c3c7;line-height:1.2}

  body[data-ab-height="short"] .ab-mobile-hub-grid{
    grid-auto-rows:minmax(82px,1fr);
  }
  body[data-ab-height="short"] .ab-mobile-hub-grid>a,
  body[data-ab-height="short"] .ab-mobile-hub-grid>button{
    min-height:82px!important;padding:8px;
  }

  body[data-ab-width="narrow"] .ab-mobile-hub-grid{
    gap:6px;
  }
  body[data-ab-width="narrow"] .ab-mobile-hub-grid>a,
  body[data-ab-width="narrow"] .ab-mobile-hub-grid>button{
    padding:8px;
  }

  body > #ab-quick-add-sheet{
    position:fixed!important;inset:0!important;z-index:2147483000!important;
  }
  body > #ab-quick-add-sheet[hidden]{display:none!important}
  body > #ab-quick-add-sheet:not([hidden]){display:block!important}
}