html.app-touch,html.app-touch body{touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}@layer components{@media (hover:none) and (pointer:coarse){.app-ios :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),select,textarea){font-size:16px}}@media (max-width:639.98px){.app-ios .btn-sm{padding-inline:14px;font-size:.9375rem}.app-ios .btn-icon{width:var(--density-control-h)}.app-ios .btn-sm.btn-icon{width:var(--density-control-h-sm);padding-inline:0}.app-ios .textarea{padding:10px 12px}.app-ios :is(.input,.select){border-radius:10px;padding-inline:12px}.app-ios .select{padding-inline-end:32px}.app-ios .switch{width:51px;height:31px}.app-ios .switch:after{top:2px;width:25px;height:25px;inset-inline-start:2px}.app-ios .switch[aria-checked=true]:after{transform:translate(20px)}.app-ios .switch[aria-checked=true]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{transform:translate(-20px)}.app-ios .checkbox{border-radius:6px;width:22px;height:22px}.app-ios .checkbox:checked:after{border-width:2px;width:12px;height:6px}.app-ios .checkbox-row{gap:12px;min-height:44px}.app-ios .tab{min-height:44px;padding-inline:14px}.app-ios .label{font-size:.9375rem}.app-ios :is(.hint,.error-text){font-size:.8125rem;line-height:1.125rem}.app-ios .table :is(thead th,tbody th,tbody td){vertical-align:middle;padding-inline:8px}}}@media (hover:none) and (pointer:coarse){.app-ios :is(button,[role=button],[role=tab],[role=menuitem],[role=switch],a,label,summary){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.app-ios :is(.btn-ghost,.btn-secondary):active:not(:disabled),.app-ios .ios-pressable:active{background-color:var(--bg-active)}.app-ios .info-tip{position:relative}.app-ios .info-tip:after{content:"";position:absolute;inset:-10px}.app-ios :is(.overflow-y-auto,.overflow-auto,.overflow-x-auto){overscroll-behavior:contain}}.app-ios[data-density]{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width:639.98px){html:has(.app-tabbar){--app-tabbar-h:calc(56px + env(safe-area-inset-bottom));--app-fab-bottom:calc(var(--app-tabbar-h) + 16px)}.app-ios,.app-ios[data-density=compact],.app-ios [data-density=compact]{--density-row-h:48px;--density-control-h:44px;--density-control-h-sm:40px;--density-control-h-lg:50px;--density-control-px:16px;--density-cell-px:16px;--density-cell-py:12px;--density-gap:10px;--density-text:1rem}.app-ios :is(.text-sm,.text-base):not(.gantt *){font-size:1rem;line-height:1.5rem}.app-ios .text-md:not(.gantt *){font-size:1.0625rem;line-height:1.5rem}.app-ios .text-xs:not(.gantt *){font-size:.8125rem;line-height:1.125rem}.app-ios .text-2xs:not(.gantt *){font-size:.75rem;line-height:1rem}.app-ios .app-drawer :is(a,button):is(.h-8,.h-9){height:44px}.app-ios .app-drawer .group\/row>button{width:36px;height:36px}.app-ios .dialog{width:100%;max-width:none;max-height:calc(100dvh - max(24px, env(safe-area-inset-top)) - 8px);padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;border-bottom:0;border-radius:16px 16px 0 0;animation:.26s cubic-bezier(.2,.8,.2,1) app-ios-sheet-in;inset:auto 0 0;transform:none}.app-ios .dialog:before{content:"";background-color:var(--border-strong);border-radius:999px;width:36px;height:5px;margin:8px auto 0;display:block}.app-ios .dialog .card-header{z-index:1;background-color:var(--bg-surface);padding:10px 16px 12px 20px;position:sticky;top:0}.app-ios .dialog .card-title{font-size:1.0625rem}.app-ios .dialog .card-body{padding:16px 20px 20px}.app-ios .dialog [data-dialog-footer]{padding:12px 20px max(12px, env(safe-area-inset-bottom));margin-bottom:calc(-1 * env(safe-area-inset-bottom));border-radius:0;flex-direction:column-reverse;align-items:stretch;gap:8px;position:sticky;bottom:0}.app-ios .dialog [data-dialog-footer]>.btn{width:100%;height:48px;font-size:1rem}.app-ios .dialog-backdrop{animation:.2s ease-out app-ios-fade}html:has(.app-ios) .toast-region{width:auto;inset-inline:12px;bottom:calc(var(--app-tabbar-h,0px) + max(12px, env(safe-area-inset-bottom)))}}@keyframes app-ios-sheet-in{0%{transform:translateY(100%)}}@keyframes app-ios-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.app-ios .dialog,.app-ios .dialog-backdrop{animation:none}}