.rayan-mobile-page-footer{display:none}@media (max-width:980px){.rayan-mobile-page-footer{z-index:120;background:#fff;display:block;position:fixed;inset:auto 0 0}.rayan-mobile-page-footer .rayan-mobile-nav{padding:4px 4px max(4px,env(safe-area-inset-bottom));border-top:1px solid #d8e0ef;justify-content:space-around;display:flex}.rayan-mobile-page-footer .rayan-mobile-nav>button,.rayan-mobile-page-footer .rayan-mobile-nav>a{color:#687995;min-width:0;min-height:58px;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex;position:relative}.rayan-mobile-page-footer .rayan-mobile-nav>[aria-current=page]{color:#263e91;font-weight:750}body:has(.rayan-mobile-page-footer) main{padding-bottom:calc(88px + env(safe-area-inset-bottom));overflow-x:hidden}body:has(.rayan-mobile-page-footer) .rayan-modal-backdrop{bottom:calc(66px + env(safe-area-inset-bottom))}}@media (max-width:980px) and (orientation:landscape) and (pointer:coarse){.rayan-mobile-page-footer,.rayan-section-page,.settings-page{max-width:480px;margin-left:auto;margin-right:auto}}
@media (max-width:980px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}html{overscroll-behavior:none}html:has(.rayan-mvp-shell){overflow:hidden}body:has(.rayan-mvp-shell){overscroll-behavior:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.rayan-mvp-shell{top:var(--r-mobile-top,0px);position:fixed;left:0;right:0}html[data-keyboard=open] .rayan-mobile-nav,html[data-keyboard=open] .rayan-mobile-page-footer{display:none!important}html[data-keyboard=open] .rayan-mvp-shell{top:var(--r-mobile-top,0px);height:var(--r-mobile-height,100dvh);max-width:100%;margin:0;position:fixed;left:0;right:0}html[data-keyboard=open] .rayan-task-main .rayan-page-head,html[data-keyboard=open] .rayan-task-main .rayan-mobile-tabs,html[data-keyboard=open] .rayan-mobile-task-actions{display:none}html[data-keyboard=open] .rayan-task-content{padding-bottom:8px}html[data-keyboard=open] body:has(.rayan-mobile-page-footer) main{padding-bottom:16px}html[data-keyboard=open] .rayan-dialog-backdrop,html[data-keyboard=open] .rayan-modal-backdrop{top:var(--r-mobile-top,0px);height:var(--r-mobile-height,100dvh);box-sizing:border-box;bottom:auto}html[data-keyboard=open] .rayan-employee-mobile-dialog[open]{top:var(--r-mobile-top,0px);height:var(--r-mobile-height,100dvh);bottom:auto}}
