/* v1.0.18 - real mobile sub-pages for all form-based tasks; desktop dialogs unchanged. */
@media(max-width:760px){
  html:has(.mobile-route),body:has(.mobile-route){overscroll-behavior:none}
  .overlay.mobile-route{position:fixed!important;inset:0!important;z-index:160!important;display:block!important;overflow:hidden!important;padding:0!important;background:#f5f6fa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .overlay.mobile-route .modal{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;display:block!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 max(24px,env(safe-area-inset-bottom))!important;background:#f5f6fa!important;animation:native-page-enter .2s cubic-bezier(.2,.8,.2,1) both!important;}
  .overlay.mobile-route .modal::-webkit-scrollbar{display:none}
  .overlay.mobile-route .modal:before{display:none!important}
  .overlay.mobile-route .modal-head{position:sticky!important;z-index:2;top:0;min-height:calc(54px + env(safe-area-inset-top));margin:0!important;padding:env(safe-area-inset-top) 15px 0!important;background:rgba(255,255,255,.98)!important;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border-bottom:1px solid #e9ecf3;}
  .overlay.mobile-route .modal-head h2{grid-column:2;grid-row:1;text-align:center!important;margin:0!important;font-size:16px!important;color:#1e2b42!important;font-weight:700!important;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .overlay.mobile-route .modal-head .icon-btn{grid-column:1;grid-row:1;justify-self:start;margin:0!important;width:42px;height:42px;border-radius:12px!important;background:none!important;color:#253851!important;order:0;display:grid;place-items:center;}
  .overlay.mobile-route .modal-head .icon-btn .ico{width:21px;height:21px}
  .overlay.mobile-route .modal>p{font-size:12px!important;color:#8793a7!important;padding:15px 21px 0!important;line-height:1.65!important;margin:0!important;}
  .overlay.mobile-route .modal>.searchbox{margin:15px 17px 4px!important;min-height:43px;background:#fff!important;border:1px solid #e8ebf3!important;border-radius:12px!important;padding:0 10px!important;}
  .overlay.mobile-route .modal>.searchbox input{font-size:14px!important;min-height:41px!important;background:transparent!important}
  .overlay.mobile-route .modal-results,.overlay.mobile-route .modal>.modal-scroll{margin:14px 17px!important;border-radius:14px;background:#fff;padding:0 10px;max-height:none!important;}
  .overlay.mobile-route .modal .blank-list{padding:36px 12px!important}
  .overlay.mobile-route .modal .contact-item{min-height:66px!important;padding:10px 9px!important;border-radius:0!important}
  .overlay.mobile-route .modal>form{padding:6px 18px 0!important;display:flex;flex-direction:column;min-height:calc(100dvh - 174px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
  .overlay.mobile-route .modal .field{margin:19px 0 0!important;}
  .overlay.mobile-route .modal .field>label{font-size:12px!important;font-weight:650!important;color:#57657c!important;margin-bottom:9px;display:block}
  .overlay.mobile-route .modal input:not([type=checkbox]):not([type=hidden]),.overlay.mobile-route .modal textarea{width:100%;font-size:16px!important;min-height:48px!important;border:1px solid #e8ecf3!important;border-radius:12px!important;outline:none!important;box-shadow:none!important;background:#fff!important;color:#1a2a45!important;padding:13px 14px!important;}
  .overlay.mobile-route .modal textarea{min-height:112px!important;resize:vertical;line-height:1.5}
  .overlay.mobile-route .modal input:focus,.overlay.mobile-route .modal textarea:focus{border-color:#9eaeed!important;background:#fff!important}
  .overlay.mobile-route .modal .modal-footer{position:sticky;bottom:0;margin-top:auto!important;padding:18px 0 max(7px,env(safe-area-inset-bottom))!important;display:flex;gap:10px;background:linear-gradient(0deg,#f5f6fa 89%,transparent);}
  .overlay.mobile-route .modal .modal-footer .button{min-height:47px;border-radius:12px!important;flex:1;}
  .overlay.mobile-route .modal .modal-footer .button.ghost{display:none!important}
  .overlay.mobile-route .native-primary-action{background:#345de4!important;color:white!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;}
  .overlay.mobile-route .native-profile-intro{display:flex;align-items:center;gap:14px;padding:24px 22px;background:#fff;border-bottom:1px solid #edf0f5;}
  .overlay.mobile-route .native-profile-intro .avatar{width:59px!important;height:59px!important;border-radius:17px!important}
  .overlay.mobile-route .native-profile-intro>div{min-width:0;display:flex;flex-direction:column;gap:5px}
  .overlay.mobile-route .native-profile-intro b{font-size:18px;font-weight:750;color:#1c2a42}
  .overlay.mobile-route .native-profile-intro small{font-size:12px;color:#8796ad}
  .overlay.mobile-route .native-page-label{font-size:11px;font-weight:700;color:#8491a6;margin:22px 20px 0;letter-spacing:.2px}
  .overlay.mobile-route form.native-edit-form{min-height:calc(100dvh - 245px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding-top:0!important}
  .overlay.mobile-route .native-edit-form .native-page-label{margin:28px 2px 12px}
  .overlay.mobile-route .native-form-hint{display:block;margin-top:6px;font-size:11px;color:#a0aabc}
  .overlay.mobile-route .native-account-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:12px;background:#fff;padding:18px 13px;text-align:left;color:#263b57;font-size:13px;}
  .overlay.mobile-route .native-account-row>span:last-child{display:flex;align-items:center;gap:4px;color:#8695ad;font-size:12px}
  .overlay.mobile-route .money-person{margin:19px 17px 2px!important;padding:16px!important;border-radius:13px!important;background:#fff;}
  .overlay.mobile-route .money-form-warning{font-size:11px!important;color:#8b98ab!important;line-height:1.6!important;margin-top:14px!important;}
  .overlay.mobile-route .money-input-wrap{background:#fff;border:1px solid #e8ecf3;border-radius:12px;min-height:54px;display:flex;align-items:center;padding:0 12px}
  .overlay.mobile-route .money-input-wrap input{border:none!important;min-height:51px!important;padding:10px 8px!important;font-size:24px!important;font-variant-numeric:tabular-nums;}
  .overlay.mobile-route .modal .checkline{min-height:58px;padding:9px 2px;border-bottom:1px solid #f1f3f7;display:flex;align-items:center;gap:11px;font-size:14px}
  .overlay.mobile-route .modal .checkline input{width:18px;height:18px;accent-color:#4168e8}
  .overlay.mobile-route .modal .modal-scroll{background:#fff;border-radius:12px;padding:0 10px;max-height:42dvh;overflow:auto}
  .overlay.mobile-route .modal #find-results{overflow:visible!important;max-height:none!important}
  .overlay.mobile-route .modal .modal-footer button:only-child{width:100%}
}
@keyframes native-page-enter{from{opacity:.85;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.overlay.mobile-route .modal{animation:none!important}}