/* RoethiCheck Web – visueller Abgleich mit iOS 0.10. Nur Login und Topbar. */
.appbar{background:#f3f7f4;color:#294735;box-shadow:none;border-bottom:1px solid #dce6df}
.appbar-title{color:#294735;font-weight:760}
.appbar .icon-btn{background:#e7f0e9;color:#315d43;border:1px solid #d8e7dc;box-shadow:none}
.appbar .icon-btn:hover{background:#dbe9df}
.appbar .icon-btn:focus-visible{outline:2px solid #2e6c45;outline-offset:2px}
#app[data-view="login"]{min-height:calc(100dvh - 80px);display:grid;place-items:center;padding:22px 14px 40px;background:#f3f7f4}
#app[data-view="login"] .rc-login-card{width:min(430px,100%);margin:0;padding:32px 30px;background:#fff;border:1px solid #dce6df;border-radius:18px;box-shadow:0 16px 45px #173b2514;color:#183020;overflow:visible}
.rc-login-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.02em}
.rc-login-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#2e6c45;color:#fff;font-size:20px;font-weight:800}
.rc-login-eyebrow{color:#53705e;font-size:12px;font-weight:700;margin:24px 0 6px}
.rc-login-headline{color:#183020;margin:0 0 8px;font-size:24px;line-height:1.2;letter-spacing:-.03em;font-weight:760}
.rc-login-intro{color:#66776b;font-size:14px;line-height:1.55;margin:0 0 24px}
.rc-login-card label.field{display:block;margin:15px 0 0;padding:0;background:transparent;border:0}
.rc-login-card .field-label{font-size:13px;font-weight:650;color:#314937;margin:0 0 7px}
.rc-login-card .input{width:100%;min-height:46px;background:#fff;border:1px solid #cadacf;border-radius:9px;box-shadow:none;padding:12px;color:#183020;font-size:16px}
.rc-login-card .input:focus{border-color:#2e6c45;outline:0;box-shadow:0 0 0 3px #d7eadc}
.rc-login-card .actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.rc-login-card #loginBtn{width:100%;min-height:46px;background:#2e6c45;border:1px solid #2e6c45;color:#fff;border-radius:9px;font-weight:750;box-shadow:none}
.rc-login-card #loginBtn:hover{background:#245638}
.rc-login-card #forgotBtn{width:100%;min-height:40px;background:transparent;border:0;color:#42684b;box-shadow:none;font-size:13px;font-weight:650}
.rc-login-card #forgotBtn:hover{background:#f1f7f2}
.rc-login-card .rc-remember-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 0;padding:4px 0}
.rc-login-card .rc-remember-label{font-size:13px;color:#314937;font-weight:650}
.rc-login-card .rc-switch-wrap{position:relative;flex:none;display:inline-flex;width:46px;height:28px;align-items:center;margin:0}
.rc-login-card .rc-switch-wrap input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0}
.rc-login-card .rc-switch-track{display:block;width:46px;height:28px;background:#d7e0da;border:1px solid #bacdc0;border-radius:20px}
.rc-login-card .rc-switch-track:after{content:"";display:block;width:20px;height:20px;margin:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002}
.rc-login-card .rc-remember-help{font-size:11px;line-height:1.5;color:#718075;margin:6px 0 0}
@media(max-width:380px){#app[data-view="login"] .rc-login-card{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){#app[data-view="login"] *,#app[data-view="login"] *::before,#app[data-view="login"] *::after{transition:none!important;animation:none!important}}