/* MinSmajobb login refresh, 2026-10-23. Presentation only. */
body.login { background:#f0f6f3 !important; }
body.fullscreen.login .landing { background:#f0f6f3 !important; min-height:0 !important; height:auto !important; }
body.fullscreen.login .landing > .container, body.fullscreen.login .landing > nav { background:#3ab9b5; }
body.login .login-holder { padding:54px 20px 64px !important; margin:0 !important; }
body.login .login-holder > .container { max-width:520px !important; padding:0 !important; }
body.login .login-holder .row { margin:0 !important; display:block !important; }
body.login .login-holder .info { display:none !important; }
body.login .login-holder .offset-md-1 { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
body.login .login-holder .whitebox { padding:36px !important; border:1px solid #d9e6df; border-radius:18px !important; box-shadow:0 8px 30px rgba(44,79,63,.06) !important; background:#fff !important; }
body.login .login-holder h2 { margin:0 0 26px !important; font-size:30px !important; line-height:1.2 !important; color:#40565d !important; }
body.login #loginFrm .form-group { margin-bottom:20px; }
body.login #loginFrm label { color:#40565d; font-size:15px; line-height:1.5; }
body.login #loginFrm input[type=text], body.login #loginFrm input[type=password] { width:100%; min-width:0; height:52px !important; padding:12px 14px !important; border:1px solid #cbdcd3 !important; border-radius:10px !important; background:#fff !important; color:#344d54 !important; font-size:16px !important; line-height:1.5 !important; box-shadow:none; }
body.login #loginFrm input::placeholder { color:#738580 !important; opacity:1; font-weight:400; }
body.login #loginFrm input:focus { outline:2px solid #23846d !important; outline-offset:2px; }
body.login #loginFrm a, body.login .msj-login-help a, body.login .newaccount { color:#207762 !important; text-decoration:underline; text-underline-offset:3px; }
body.login #loginFrm .form-check { margin-top:20px; padding-left:26px; }
body.login #loginFrm input[type=checkbox] { width:18px; height:18px; accent-color:#23846d; }
body.login #loginFrm .btn-primary { display:block !important; width:100% !important; min-height:52px; padding:12px 18px !important; border:1px solid #23846d !important; border-radius:10px !important; background:#23846d !important; color:#fff !important; font-size:18px !important; line-height:1.4; margin:24px 0 0 !important; }
body.login #loginFrm .btn-primary:hover { background:#1b6c59 !important; }
body.login .msj-login-signup { margin:24px 0 0; padding-top:22px; border-top:1px solid #e2ebe6; text-align:center; color:#596e68; font-size:15px; line-height:1.7; }
body.login .msj-login-signup .newaccount { display:inline !important; font-size:15px !important; margin:0 !important; }
body.login .msj-login-help { margin:18px 0 0; text-align:center; font-size:14px; color:#60766d; }
body.pwa-body.login .register-holder { background:#f0f6f3 !important; padding:28px 18px !important; }
body.pwa-body.login .register-holder > .container { max-width:520px; padding:0; }
body.pwa-body.login .register-holder .title { color:#40565d; margin-bottom:22px; }
body.pwa-body.login .register-holder .title > i { display:none; }
body.pwa-body.login .register-holder .title h1 { font-size:28px; margin-bottom:10px; }
body.pwa-body.login .register-holder .title p, body.pwa-body.login .register-holder .title a { color:#526c62 !important; font-size:14px; }
body.pwa-body.login .form-container { background:#fff !important; border:1px solid #d9e6df; border-radius:16px; padding:24px !important; box-shadow:0 8px 30px rgba(44,79,63,.06); }
body.pwa-body.login #loginFrm .input-group-prepend { display:none; }
body.pwa-body.login #loginFrm .input-group > input { border-radius:10px !important; }
body.pwa-body.login #loginFrm .input-group > label { flex-basis:100%; margin-bottom:8px; }
body.pwa-body.login #loginFrm .alert { background:none; border:0; padding:0; margin:0; }
@media(max-width:600px) { body.login .login-holder { padding:28px 16px 40px !important; } body.login .login-holder .whitebox { padding:26px 22px !important; } }
body.fullscreen.login .landing .navbar, body.fullscreen.login .landing > header { background:#3ab9b5 !important; }

/* Mobile header and native remember checkbox. */
body.pwa-body.login > header { background:#3ab9b5 !important; }
body.pwa-body.login #loginFrm .form-check { display:flex !important; align-items:center; gap:10px; padding-left:0 !important; }
body.pwa-body.login #loginFrm #remember { display:inline-block !important; opacity:1 !important; visibility:visible !important; position:relative !important; left:auto !important; top:auto !important; margin:0 !important; flex:0 0 18px; appearance:auto !important; -webkit-appearance:checkbox !important; }
body.pwa-body.login #loginFrm .form-check-label { margin:0 !important; padding:0 !important; }
body.pwa-body.login #loginFrm .form-check-label:before, body.pwa-body.login #loginFrm .form-check-label:after { display:none !important; }

/* Full-width desktop header, with the existing centered navigation. */
body.fullscreen.login .landing > nav.navbar { position:relative; isolation:isolate; padding-left:15px !important; padding-right:15px !important; }
body.fullscreen.login .landing > nav.navbar:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:calc(50% - 50vw); width:100vw; background:#3ab9b5; pointer-events:none; }


/* Registration layout correction, 2026-10-23. Presentation only. */
body[data-controller="register"] .login-holder .register-content > [class*="col-"]:not(.info) { flex:0 0 100% !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; }
body[data-controller="register"] .login-holder .whitebox .form-group { margin-bottom:20px; }
body[data-controller="register"] .login-holder .whitebox label { display:block; margin-bottom:8px; color:#40565d; font-size:15px; line-height:1.5; }
body[data-controller="register"] .login-holder .whitebox input:not([type=checkbox]):not([type=radio]):not([type=hidden]), body[data-controller="register"] .login-holder .whitebox select { box-sizing:border-box; width:100%; min-width:0; height:52px !important; padding:12px 14px !important; border:1px solid #cbdcd3 !important; border-radius:10px !important; background:#fff !important; color:#344d54 !important; font-size:16px !important; line-height:1.5 !important; }
body[data-controller="register"] .login-holder .whitebox input::placeholder { color:#738580 !important; opacity:1; font-weight:400; }
body[data-controller="register"] .login-holder .whitebox input:focus, body[data-controller="register"] .login-holder .whitebox select:focus { outline:2px solid #23846d; outline-offset:2px; }
body[data-controller="register"] .login-holder .whitebox .btn-primary { display:block !important; width:100% !important; min-height:52px; padding:12px 18px !important; border:1px solid #23846d !important; border-radius:10px !important; background:#23846d !important; color:#fff !important; font-size:18px !important; line-height:1.4; margin:24px 0 0 !important; }
body[data-controller="register"] .login-holder .whitebox .btn-primary:hover { background:#1b6c59 !important; }
body[data-controller="register"] .login-holder .whitebox .form-check { display:flex; align-items:flex-start; gap:10px; padding-left:0 !important; }
body[data-controller="register"] .login-holder .whitebox .form-check input { position:relative !important; flex:0 0 18px; width:18px; height:18px; margin:3px 0 0 !important; accent-color:#23846d; }
body[data-controller="register"] .login-holder .whitebox .form-check label { margin:0; }
body[data-controller="register"] .login-holder .whitebox a { color:#207762 !important; text-decoration:underline; text-underline-offset:3px; }
body[data-controller="register"] .login-holder .whitebox .newaccount { display:block; margin-top:24px !important; text-align:center; font-size:15px; }
body[data-controller="register"] .login-holder .whitebox .progress-panel { margin-bottom:26px; }