/* =====================================================================
   PROBUSINESS — mobile partial: РЕГИСТРАЦИЯ (Figma 1:2593) + ВХОД (Figma 1:3084)
   Страницы: /registration (body.pbm-page-registration), /account?view=login (body.pbm-page-login)
   Токены и общие блоки — mobile.css. Здесь только форма регистрации и карточка входа.
   ===================================================================== */
@media (max-width:1085px){

/* ---------------------------------------------------------------------
   Общее для обеих страниц com_users
   --------------------------------------------------------------------- */
/* в макетах этих экранов нет ни категорийных кнопок, ни ленты иконок */
body.pbm.pbm-page-registration .header-buttons.custom,
body.pbm.pbm-page-registration ul.menu-icons,
body.pbm.pbm-page-login .header-buttons.custom,
body.pbm.pbm-page-login ul.menu-icons{display:none!important;}

body.pbm.pbm-page-registration #system-message-container:empty,
body.pbm.pbm-page-login #system-message-container:empty{display:none!important;}

/* template.css: .content_block.column-left{border-right:1px solid #E5E7EB} — на мобиле это
   лишняя серая линия справа и −1px к ширине контента (нужно ровно 388 при 420) */
body.pbm.pbm-page-registration .content_block.column-left,
body.pbm.pbm-page-login .content_block.column-left{border-right:0!important;}

/* =====================================================================
   РЕГИСТРАЦИЯ — form#member-registration (Frame 397: column, gap 18)
   ===================================================================== */
body.pbm.pbm-page-registration .registrationtype-forms{margin:0;padding:0;width:100%;}
body.pbm.pbm-page-registration form#member-registration{
    display:flex;flex-direction:column;align-items:stretch;gap:18px;
    width:100%;margin:13px 0 91px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;
}
body.pbm.pbm-page-registration form#member-registration > .control-group{
    margin:0;padding:0;width:100%;min-width:0;float:none;order:20;
}
body.pbm.pbm-page-registration form#member-registration > .control-group > .control-label{display:none;}
body.pbm.pbm-page-registration form#member-registration > .control-group > .controls{margin:0;padding:0;width:100%;}

/* порядок как в макете */
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer{order:1;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-name{order:2;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-username{order:3;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-email1{order:4;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-password1{order:5;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-password2{order:6;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-telegram_link{order:7;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-whatsapp_link{order:8;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-strana{order:9;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-city{order:10;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-status{order:11;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-show_agent{order:12;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-avatar{order:13;display:none!important;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-captcha{order:14;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-submit{order:15;}

/* подсказка «Поля, отмеченные звездочкой…» (1:2628): Museo 300 12px #6b7280, ширина 374 */
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer > .control-label{display:block;width:374px;max-width:100%;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer > .controls{display:none;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer .spacer,
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer .spacer .text{display:block;width:auto;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer .spacer .before,
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer .spacer .after{display:none;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer label{
    display:block;margin:0;padding:0;width:auto;
    font-family:var(--pb-font);font-weight:300;font-size:12px;line-height:normal;color:var(--pb-muted);
}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer label strong,
body.pbm.pbm-page-registration form#member-registration > .pbm-f-spacer label .red{font-weight:300;color:var(--pb-muted);}

/* инпут (1:2629…1:2648): 388×36, border 1 #e5e7eb, r8, padding 10, плейсхолдер Museo 300 12 #6b7280 */
body.pbm.pbm-page-registration form#member-registration input.form-control{
    display:block;width:100%;height:36px;margin:0;padding:10px;
    border:1px solid var(--pb-border);border-radius:8px;background:#fff;box-shadow:none;outline:0;
    font-family:var(--pb-font);font-weight:300;font-size:12px;line-height:normal;color:var(--pb-text);
    -webkit-appearance:none;appearance:none;
}
body.pbm.pbm-page-registration form#member-registration input.form-control::placeholder{
    font-family:var(--pb-font);font-weight:300;font-size:12px;line-height:normal;color:var(--pb-muted);opacity:1;
}
body.pbm.pbm-page-registration form#member-registration input.form-control::-webkit-input-placeholder{
    font-family:var(--pb-font);font-weight:300;font-size:12px;line-height:normal;color:var(--pb-muted);opacity:1;
}
/* исключение макета: «Подтвердите пароль*» (1:2639) — 13px */
body.pbm.pbm-page-registration form#member-registration #jform_password2::placeholder{font-size:13px;}
body.pbm.pbm-page-registration form#member-registration #jform_password2::-webkit-input-placeholder{font-size:13px;}
body.pbm.pbm-page-registration form#member-registration input.form-control:focus{border-color:var(--pb-accent);}
body.pbm.pbm-page-registration form#member-registration input.form-control.invalid{border-color:#b34545;}

/* пароль: подсказка «Минимальные требования…» (1:2635) над полем, gap 18 */
body.pbm.pbm-page-registration form#member-registration > .pbm-f-password1 > .controls{display:flex;flex-direction:column;gap:18px;}
body.pbm.pbm-page-registration form#member-registration .small.text-muted,
body.pbm.pbm-page-registration form#member-registration [id$="-rules"]{
    display:block;width:374px;max-width:100%;margin:0;padding:0;
    font-family:var(--pb-font);font-weight:300;font-size:12px;line-height:normal;color:var(--pb-muted);
}
body.pbm.pbm-page-registration form#member-registration .password-group{margin:0;padding:0;width:100%;}
body.pbm.pbm-page-registration form#member-registration .password-group .input-group{display:block;position:relative;width:100%;margin:0;padding:0;}
/* переключатель «показать пароль» и индикатор силы пароля в макете не нарисованы */
body.pbm.pbm-page-registration form#member-registration .input-password-toggle{display:none!important;}
body.pbm.pbm-page-registration form#member-registration .password-group > *:not(.input-group){display:none!important;}

/* чекбокс «Отображать агента…» (Frame 303 1:2650): row, gap 10, padding 10 0 */
body.pbm.pbm-page-registration form#member-registration > .pbm-f-show_agent > .controls{display:block;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-show_agent fieldset.radio{display:none!important;}
body.pbm.pbm-page-registration form#member-registration .pbm-check{
    display:flex;align-items:center;gap:10px;width:auto;max-width:100%;margin:0;padding:10px 0;
    border:0;background:none;cursor:pointer;text-align:left;
    font-family:var(--pb-font);font-weight:500;font-size:13px;line-height:normal;color:#000;
}
body.pbm.pbm-page-registration form#member-registration .pbm-check__box{
    flex:none;display:block;width:25px;height:25px;border:1px solid #e1e5ea;border-radius:8px;background:#fff no-repeat center/25px 25px;
}
body.pbm.pbm-page-registration form#member-registration .pbm-check.checked .pbm-check__box{
    border-color:transparent;background-image:url(/templates/moneyhouse_new/images/m/check.svg);
}
body.pbm.pbm-page-registration form#member-registration .pbm-check__text{display:block;white-space:normal;}

/* reCAPTCHA: на сайте плагин invisible — видимого виджета нет, контейнеры схлопываем;
   бейдж Google поднимаем над нижней панелью */
body.pbm.pbm-page-registration form#member-registration > .pbm-f-captcha{height:0;margin:-18px 0 0;overflow:hidden;}
body.pbm.pbm-page-registration form#member-registration > .pbm-f-captcha > .controls{height:0;}
body.pbm.pbm-page-registration .grecaptcha-badge{bottom:90px!important;}

/* кнопка «Регистрация» (1:2654): 388×36, r8, #08a5c5, Bold 17.067 white; «Отменить» в макете нет */
body.pbm.pbm-page-registration form#member-registration > .pbm-f-submit > .controls{display:flex;flex-direction:column;}
body.pbm.pbm-page-registration form#member-registration button.btn-green,
body.pbm.pbm-page-registration form#member-registration button.validate{
    display:flex;align-items:center;justify-content:center;width:100%;height:36px;margin:0;padding:8px 20px;
    border:0;border-radius:8px;background:var(--pb-accent);cursor:pointer;
    font-family:var(--pb-font);font-weight:700;font-size:17.067px;line-height:normal;color:#fff;text-transform:none;letter-spacing:0;
}
body.pbm.pbm-page-registration form#member-registration a.btn-grey{display:none!important;}

/* =====================================================================
   ВХОД — /account?view=login: карточка ВХОД_mobile 1:3084 (r27, padding 15, gap 15)
   ===================================================================== */
body.pbm.pbm-page-login .logintype-forms{
    display:flex;flex-direction:column;align-items:stretch;gap:15px;
    width:100%;margin:15px 0 91px;padding:15px;overflow:hidden;
    background:#fff;border:0;border-radius:27px;box-shadow:var(--pb-shadow-card);
}
/* заголовок «Вход» (1:3086): padding 10, Museo 900 20 #08a5c5, блок 44 высотой */
body.pbm.pbm-page-login .logintype-forms .pbm-login-title{
    display:flex;align-items:flex-end;align-self:flex-start;height:44px;margin:0;padding:10px;
    font-family:var(--pb-font-black);font-weight:900;font-size:20px;line-height:normal;color:var(--pb-accent);white-space:nowrap;
}
body.pbm.pbm-page-login .logintype-forms form.form-validate{
    display:block;width:100%;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;
}
body.pbm.pbm-page-login .logintype-forms form.form-validate fieldset{
    display:flex;flex-direction:column;align-items:stretch;gap:15px;width:100%;margin:0;padding:0;border:0;min-width:0;
}
body.pbm.pbm-page-login .logintype-forms .control-group{margin:0;padding:0;width:100%;float:none;}
body.pbm.pbm-page-login .logintype-forms .control-group > .control-label{display:none;}
body.pbm.pbm-page-login .logintype-forms .control-group > .controls{margin:0;padding:0;width:100%;position:relative;}
/* группа полей Frame 393: gap 10 (fieldset даёт 15 → -5) */
body.pbm.pbm-page-login .logintype-forms .pbm-f-password{margin-top:-5px;}

/* инпут (1:3089, 1:3092): 355×36, border 1 #e5e7eb, r8, padding 10, плейсхолдер Museo 300 13 #6b7280 */
body.pbm.pbm-page-login .logintype-forms input.form-control{
    display:block;width:100%;height:36px;margin:0;padding:10px 40px 10px 10px;
    border:1px solid var(--pb-border);border-radius:8px;background:#fff;box-shadow:none;outline:0;
    font-family:var(--pb-font);font-weight:300;font-size:13px;line-height:normal;color:var(--pb-text);
    -webkit-appearance:none;appearance:none;
}
body.pbm.pbm-page-login .logintype-forms input.form-control::placeholder{
    font-family:var(--pb-font);font-weight:300;font-size:13px;line-height:normal;color:var(--pb-muted);opacity:1;
}
body.pbm.pbm-page-login .logintype-forms input.form-control::-webkit-input-placeholder{
    font-family:var(--pb-font);font-weight:300;font-size:13px;line-height:normal;color:var(--pb-muted);opacity:1;
}
body.pbm.pbm-page-login .logintype-forms input.form-control:focus{border-color:var(--pb-accent);}
body.pbm.pbm-page-login .logintype-forms input.form-control.invalid{border-color:#b34545;}
body.pbm.pbm-page-login .logintype-forms .password-group{margin:0;padding:0;width:100%;}
body.pbm.pbm-page-login .logintype-forms .password-group .input-group{display:block;position:relative;width:100%;margin:0;padding:0;}
/* иконка-глаз (Vector 1:3091 / 1:3094): 20×12.5, right 10 */
body.pbm.pbm-page-login .logintype-forms .input-group .btn.input-password-toggle{
    display:block!important;position:absolute;right:10px;top:50%;width:20px;height:12.5px;min-width:0;min-height:0;margin:0;padding:0;transform:translateY(-50%);
    border:0;border-radius:0;background:url(/templates/moneyhouse_new/images/m/eye.svg) no-repeat center/20px 12.5px;box-shadow:none;cursor:pointer;
    font-size:0;line-height:0;color:transparent;
}
body.pbm.pbm-page-login .logintype-forms .input-password-toggle > span{display:none!important;}
/* в макете «глаз» нарисован и у поля «Логин*» — там он декоративный */
body.pbm.pbm-page-login .logintype-forms .pbm-f-username > .controls::after{
    content:"";position:absolute;right:10px;top:50%;width:20px;height:12.5px;transform:translateY(-50%);
    background:url(/templates/moneyhouse_new/images/m/eye.svg) no-repeat center/20px 12.5px;pointer-events:none;
}

/* «Забыли пароль?» (1:3095): Museo 300 13 #6b7280 underline */
body.pbm.pbm-page-login .logintype-forms a.pbm-forgot{
    display:block;align-self:flex-start;width:max-content;max-width:100%;margin:0;padding:0;
    font-family:var(--pb-font);font-weight:300;font-size:13px;line-height:16px;color:var(--pb-muted)!important;text-decoration:underline!important;
}

/* кнопка «Вход» (1:3096): 355×36, r8, #08a5c5, Bold 17.067 white */
body.pbm.pbm-page-login .logintype-forms .pbm-f-submit > .controls{display:flex;flex-direction:column;}
body.pbm.pbm-page-login .logintype-forms button.btn-green{
    display:flex;align-items:center;justify-content:center;width:100%;height:36px;margin:0;padding:8px 20px;
    border:0;border-radius:8px;background:var(--pb-accent);cursor:pointer;
    font-family:var(--pb-font-import);font-weight:700;font-size:17.067px;line-height:normal;color:#fff;text-transform:none;letter-spacing:0;
}
/* «Зарегистрироваться» (1:3098): outline 1 #08a5c5, r8, 38px, Bold 17.067 #08a5c5 */
body.pbm.pbm-page-login .logintype-forms a.pbm-register-btn{
    display:flex;align-items:center;justify-content:center;width:100%;height:38px;margin:0;padding:8px 20px;
    border:1px solid var(--pb-accent);border-radius:8px;background:transparent;
    font-family:var(--pb-font-import);font-weight:700;font-size:17.067px;line-height:normal;color:var(--pb-accent)!important;text-decoration:none!important;
}
body.pbm.pbm-page-login ul.nav.nav-tabs.nav-stacked{display:none!important;}

/* «Вход через социальные сети» (1:3100) + ряд иконок (1:3101): 34×34, gap 12 */
body.pbm.pbm-page-login .logintype-forms .pbm-social-title{
    margin:0;padding:0;font-family:var(--pb-font);font-weight:300;font-size:13px;line-height:16px;color:var(--pb-text);
}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin{display:flex!important;flex-direction:row;align-items:center;gap:12px;height:34px;margin:0;padding:0;overflow:visible;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin a{display:block;width:34px!important;height:34px!important;margin:0!important;padding:0;float:none!important;border-radius:0;background:none;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin a[title="Google"]{order:1;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin a[title="Facebook"]{order:2;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin a[title="Twitter"]{order:3;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin a[title="Одноклассники"]{display:none!important;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin span{display:block;width:34px!important;height:34px!important;line-height:34px;opacity:1!important;background:no-repeat center/contain!important;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin .googleslogin{background-image:url(/templates/moneyhouse_new/images/m/soc-login-google.png)!important;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin .facebookslogin{background-image:url(/templates/moneyhouse_new/images/m/soc-login-facebook.png)!important;}
body.pbm.pbm-page-login .logintype-forms .pbm-slogin .twitterslogin{background-image:url(/templates/moneyhouse_new/images/m/soc-login-x.png)!important;}

} /* /media */