/* OT2026 v1.40.12 — Mobile/PWA UX */
html.ot-standalone,html.ot-standalone body{overscroll-behavior-y:none}

.ot-nav-progress{height:4px}
.ot-nav-feedback{top:calc(var(--safe-top) + 10px);min-height:40px;padding:8px 13px;z-index:4900;background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);font-size:.76rem;font-weight:850;box-shadow:0 10px 32px rgba(12,34,24,.18)}
html.ot-nav-busy .ot-nav-feedback{animation:otFeedbackIn .15s ease both}
@keyframes otFeedbackIn{from{opacity:0;transform:translate(-50%,-5px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}

.ot-launch-splash{display:none}
html.ot-launching .ot-launch-splash{position:fixed;z-index:6000;inset:0;display:grid;place-items:center;padding:24px;background:var(--surface,#f7f9fc);color:var(--text,#17211c)}
.ot-launch-splash-card{width:min(88vw,310px);display:grid;justify-items:center;gap:10px;text-align:center}
.ot-launch-logo-wrap{position:relative;width:98px;height:98px;display:grid;place-items:center}
.ot-launch-logo{width:78px;height:78px;border-radius:25px;display:block;object-fit:cover;box-shadow:0 18px 45px rgba(12,103,61,.22)}
.ot-launch-ring{position:absolute;inset:0;border-radius:50%;border:3px solid color-mix(in srgb,var(--primary) 18%,transparent);border-top-color:var(--primary);animation:otLaunchSpin .85s linear infinite}
.ot-launch-splash strong{font-size:1rem;letter-spacing:-.02em}
.ot-launch-splash small{color:var(--muted);font-size:.72rem}
.ot-launch-splash.is-hiding{animation:otLaunchOut .22s ease forwards}
@keyframes otLaunchSpin{to{transform:rotate(360deg)}}@keyframes otLaunchOut{to{opacity:0;transform:scale(1.015)}}

@media(max-width:900px){
  .site-header .header-tools{position:relative;z-index:1700;gap:6px}
  .site-header .tool-button{min-width:46px!important;height:46px!important;padding:0 9px!important;border-radius:13px;touch-action:manipulation}
  .site-header .mobile-account-entry{min-width:60px!important;height:46px!important}
  .site-header .mobile-account-entry b{font-size:10px!important}
  .header-dashboard-menu-toggle:active,.site-header .tool-button:active{transform:scale(.94);background:var(--primary-soft)!important}
  .header-dashboard-dropdown{z-index:4905!important}
}

@media(max-width:800px){
  .mobile-bottom-nav{height:calc(74px + var(--safe-bottom))!important;padding:6px max(7px,var(--safe-right)) var(--safe-bottom) max(7px,var(--safe-left))!important;gap:2px;z-index:2200!important}
  .mobile-bottom-nav a{position:relative;min-height:60px;gap:4px!important;padding:4px 2px;font-size:10.5px!important;line-height:1;font-weight:850!important;border-radius:14px!important;transition:background .15s ease,color .15s ease,transform .12s ease!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .mobile-bottom-nav .nav-ico{min-width:28px;height:27px;display:grid;place-items:center;font-size:24px!important;line-height:1!important;transition:transform .14s ease}
  .mobile-bottom-nav .notification-icon{width:25px!important;height:25px!important;flex-basis:25px!important;transition:transform .14s ease}
  .mobile-bottom-nav a.is-active{color:var(--primary)!important;background:var(--primary-soft)!important}
  .mobile-bottom-nav a.is-active .nav-ico,.mobile-bottom-nav a.is-active .notification-icon{transform:translateY(-1px) scale(1.08)}
  .mobile-bottom-nav a:active{transform:scale(.94)!important;color:var(--primary)!important;background:color-mix(in srgb,var(--primary-soft) 82%,var(--surface))!important}
  .mobile-bottom-nav a:active .nav-ico,.mobile-bottom-nav a:active .notification-icon{transform:scale(.88)}
  .mobile-bottom-nav .mobile-badge{top:3px!important;right:calc(50% - 23px)!important}
}
@media(hover:hover) and (max-width:800px){.mobile-bottom-nav a:hover{color:var(--primary);background:var(--primary-soft)}}

.ot-pull-refresh{z-index:5000;min-height:42px;padding:8px 13px;font-size:.74rem;font-weight:850;box-shadow:0 12px 32px rgba(12,34,24,.18)}
.ot-pull-refresh-icon{width:24px;height:24px}
.header-menu-admin-entry{border-top:1px solid var(--line);margin-top:3px;padding-top:9px!important}

@media(prefers-reduced-motion:reduce){.ot-launch-ring,.ot-launch-splash.is-hiding,.ot-nav-feedback{animation:none!important}}
