/* Rockettag adaptive dual layer — Control */
:root{--rt-touch:44px}
html,body{max-width:100%;overflow-x:hidden}
html body button,html body a,html body input,html body select,html body textarea{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease,color .16s ease}

.pwa-ios-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:end center;padding:18px;background:rgba(7,18,31,.46);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.pwa-ios-dialog{position:relative;width:min(100%,420px);padding:22px;border-radius:24px;background:#fff;color:#172033;box-shadow:0 28px 70px rgba(7,18,31,.28);text-align:left}
.pwa-ios-dialog>img{width:54px;height:54px;border-radius:14px;display:block;margin-bottom:14px}
.pwa-ios-dialog h2{margin:0 42px 8px 0;font-size:1.2rem;line-height:1.15}
.pwa-ios-dialog p{margin:0 0 10px;font-size:.94rem;line-height:1.5;color:#4d586a}
.pwa-ios-dialog .pwa-ios-note{font-size:.82rem;color:#6b7483}
.pwa-ios-close{position:absolute;top:14px;right:14px;width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:13px;background:#f0f3f7;color:#283345;font-size:24px;line-height:1;cursor:pointer}
.pwa-ios-ok{width:100%;min-height:46px;margin-top:8px;border:0;border-radius:14px;background:#175e9d;color:#fff;font-weight:800;cursor:pointer}
.pwa-ios-guide-fab{position:fixed;right:14px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:120;min-height:46px;padding:0 14px;border:1px solid rgba(23,94,157,.18);border-radius:15px;background:rgba(255,255,255,.94);color:#175e9d;font-weight:800;box-shadow:0 12px 30px rgba(7,26,49,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pwa-ios-guide-fab:active,.pwa-ios-ok:active{transform:scale(.98)}

@media(max-width:700px){
  html body .app button:not(.mobile-plus):not(.fab),html body .app a[role="button"]{min-height:var(--rt-touch)}
  html body .app .icon-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  html body .app .row-actions button{min-width:44px!important;min-height:44px!important;padding:0 11px!important}
  html body .app input:not([type="checkbox"]):not([type="radio"]),html body .app select{min-height:44px}
  html body .app textarea{min-height:88px}
  html body .app .page-title h1{font-size:clamp(1rem,4.3vw,1.125rem)!important}
  html body .app .content,html body .login-page{max-width:100%;overflow-x:hidden}
  html body:has(.login-page) .pwa-ios-guide-fab{bottom:calc(18px + env(safe-area-inset-bottom))}
}

@media(min-width:701px){
  html body .side nav button:hover,html body .drawer-nav button:hover{transform:translateX(2px)}
  html body .icon-button:hover,html body .primary:hover,html body .secondary:hover{transform:translateY(-1px)}
  .pwa-ios-guide-fab{display:none!important}
}

@media(display-mode:standalone){.pwa-ios-guide-fab,.pwa-ios-overlay{display:none!important}}
@media(prefers-reduced-motion:reduce){html body button,html body a,html body input,html body select,html body textarea{transition:none!important}.pwa-ios-guide-fab:active,.pwa-ios-ok:active{transform:none}}