
/* RurMobil FINAL 1.0.0 – Mobile UI */
:root{
  --rm-safe-top:env(safe-area-inset-top,0px);
  --rm-safe-bottom:env(safe-area-inset-bottom,0px);
}
html{font-size:16px;background:#f4f7fb;-webkit-text-size-adjust:100%}
body.rm-mobile-body{margin:0;min-width:0;min-height:100dvh;background:#f4f7fb;color:#12223c;overscroll-behavior-y:none}
.rm-mobile-shell{min-height:100dvh;background:#f4f7fb}
.rm-mobile-header{
  position:sticky;top:0;z-index:45;height:auto!important;min-height:72px;
  padding:calc(8px + var(--rm-safe-top)) 14px 8px!important;
  background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);
  border-bottom:1px solid #e4eaf1;box-shadow:0 4px 18px rgba(18,42,72,.04)
}
.rm-mobile-brand{min-width:0;gap:10px!important}
.rm-mobile-brand img{width:104px!important;height:46px!important;object-fit:contain!important;flex:0 0 auto}
.rm-mobile-user{min-width:0}
.rm-mobile-user strong{display:block;max-width:180px!important;font-size:14px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-mobile-user small{font-size:11px!important;color:#73839a}
.rm-menu-btn{width:48px!important;height:48px!important;min-width:48px;border-radius:14px!important;display:grid!important;place-items:center}
.rm-menu-btn svg{width:24px;height:24px}
.rm-app-main{width:100%;max-width:760px;margin:0 auto;padding:20px 14px calc(104px + var(--rm-safe-bottom))!important;box-sizing:border-box}
.rm-page-head{margin-bottom:18px!important}
.rm-page-head h1{font-size:clamp(28px,8vw,38px)!important;line-height:1.08!important;letter-spacing:-.03em;margin:0 0 7px!important}
.rm-page-head p{font-size:14px!important;line-height:1.45!important;margin:0!important;color:#718199!important}
.rm-section-title{margin:24px 2px 11px!important}.rm-section-title h3{font-size:18px!important}
.rm-card{border-radius:18px!important;box-shadow:0 8px 26px rgba(20,42,70,.055)!important}
.rm-card-pad{padding:16px!important}
.rm-form-stack{gap:14px!important}.rm-form-grid{gap:12px!important}
.field label{font-size:14px!important;line-height:1.25!important;margin-bottom:7px!important;font-weight:760!important}
.input,select,textarea,.rm-custom-place-input{
  width:100%;box-sizing:border-box;font-size:16px!important;line-height:1.35!important;
  min-height:52px!important;border-radius:14px!important;padding:13px 14px!important
}
textarea{min-height:96px!important;resize:vertical}
.btn{min-height:50px!important;border-radius:13px!important;font-size:15px!important;font-weight:800!important;padding:11px 14px!important;touch-action:manipulation}
.rm-price-preview{padding:15px!important;border-radius:15px!important}.rm-price-preview span{font-size:12px!important}.rm-price-preview strong{font-size:34px!important;line-height:1.05}.rm-price-preview small{font-size:12px!important;line-height:1.45!important}
.rm-ride-card{padding:16px!important}.rm-ride-code{font-size:16px!important}.rm-ride-time{font-size:13px!important}.rm-status{font-size:11px!important;padding:6px 9px!important}.rm-route-row{font-size:13px!important;line-height:1.4}.rm-meta-box span{font-size:10px!important}.rm-meta-box strong{font-size:13px!important}.rm-cancel-note{font-size:12px!important;line-height:1.5!important}
.rm-map{height:min(46vh,360px)!important;min-height:260px}.rm-map-head strong{font-size:14px!important}.rm-map-head small{font-size:11px!important}.rm-eta small{font-size:12px!important}.rm-eta strong{font-size:34px!important}
.rm-side-menu{width:min(370px,94vw)!important;padding:calc(18px + var(--rm-safe-top)) 16px calc(18px + var(--rm-safe-bottom))!important;box-sizing:border-box;overflow-y:auto}
.rm-side-logo img{width:128px!important;height:52px!important}.rm-side-close{width:46px!important;height:46px!important}
.rm-side-nav button{min-height:54px!important;font-size:14px!important;border-radius:13px!important}.rm-side-foot{position:static!important;margin-top:26px!important;padding-bottom:var(--rm-safe-bottom);gap:10px!important}
.rm-menu-count{font-size:11px!important;min-width:26px!important;height:26px!important}
.rm-auth-wrap{padding:calc(18px + var(--rm-safe-top)) 14px calc(18px + var(--rm-safe-bottom))!important;align-items:start!important}.rm-auth-card{width:100%!important;max-width:460px!important;padding:20px 16px!important;margin-top:4vh}.rm-auth-logo img{width:180px!important;height:94px!important}.rm-auth-card h1{font-size:27px!important}.rm-auth-card>p{font-size:13px!important;line-height:1.45!important}.rm-tabs button{font-size:14px!important;min-height:42px}
.rm-upload-box p,.rm-medical-section p,.rm-profile-required,.rm-delete-zone p,.rm-upload-status,.rm-medical-distance{font-size:12px!important;line-height:1.45!important}.rm-upload-box h4,.rm-medical-section h4,.rm-delete-zone h3{font-size:14px!important}
.rm-doc-actions{gap:9px!important}.rm-copay-options button{min-height:48px!important;font-size:13px!important}
.rm-custom-place-results{max-height:min(52vh,430px)!important;border-radius:14px!important}.rm-place-result{min-height:58px!important}.rm-place-result strong{font-size:13px!important}.rm-place-result small{font-size:11px!important}.rm-place-results-head strong{font-size:12px!important}.rm-place-results-head span{font-size:10px!important}
.rm-central-contact{right:12px!important;bottom:calc(12px + var(--rm-safe-bottom))!important;min-height:54px!important;z-index:52!important}.rm-central-contact-icon{width:42px!important;height:42px!important}
.rm-legal-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:6px 0 2px}.rm-legal-links a{font-size:12px;color:#667a92;text-decoration:none}.rm-legal-links a:hover{text-decoration:underline}
@media(max-width:420px){
  .rm-app-main{padding-left:10px!important;padding-right:10px!important}.rm-card-pad{padding:14px!important}
  .rm-actions.two,.rm-doc-actions{grid-template-columns:1fr!important}.rm-ride-meta{grid-template-columns:1fr 1fr!important}.rm-central-contact-text{display:none!important}.rm-central-contact{padding:6px!important}
}
@media(min-width:700px){
  .rm-app-main{padding-top:28px!important}.rm-card-pad{padding:22px!important}.rm-mobile-header{padding-left:24px!important;padding-right:24px!important}.rm-mobile-brand img{width:118px!important}
}
