/* ===== smmpod phone header + big draggable nav ===== */
@media (max-width:760px){
  .sp-app .sp-header{grid-template-columns:minmax(0,1fr) auto !important;gap:10px 8px !important;padding:12px 14px 10px !important}
  .sp-app .sp-logo{font-size:23px !important;min-width:0}
  .sp-app .sp-top-right{gap:8px !important}
  .sp-app .sp-bal{padding:7px 11px !important;font-size:13px !important;gap:6px !important}
  .sp-app .sp-bal svg{width:16px;height:16px}
  .sp-app .sp-user>a{padding:3px 8px 3px 3px !important;gap:6px !important}
  .sp-app .sp-avatar{width:32px;height:32px;font-size:14px}

  .sp-app .sp-pillnav{
    grid-column:1 / -1 !important;grid-row:2 !important;
    justify-self:stretch !important;width:100% !important;max-width:100% !important;
    padding:6px !important;gap:4px !important;border-radius:999px !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);
  }
  .sp-app a.sp-pi{padding:13px 20px !important;font-size:15px !important}
}