/* WARA COFFEE · visual alignment of login/recovery screens only */
body.wara-login,body.wara-account-recovery{font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#f3f5f0,#e9eee7);color:#17241a}
body.wara-login .shell{box-shadow:0 20px 55px rgba(28,46,32,.10);border-color:#dfe6dc}
body.wara-login .login .field label{font-size:12px;letter-spacing:0;text-transform:none}
body.wara-login .login .input-wrap input{font-size:14px}
body.wara-login .login :is(.btn,.input-wrap){min-height:48px}
body.wara-login .login :is(.sub,.help){font-size:13px;line-height:1.55}
body.wara-login .login :is(.domain,.dev-credit){font-size:11px}
body.wara-account-recovery{min-height:100dvh;display:grid;place-items:center;padding:20px}
body.wara-account-recovery>.card{position:relative;z-index:1;border:1px solid #dce6d9;background:#fff;border-radius:22px;box-shadow:0 24px 65px rgba(28,46,32,.10);width:min(100%,460px)}
body.wara-account-recovery>.card .brand{background:#edf3ea;border:1px solid #dae6d8;color:#24452b;letter-spacing:.04em;font-size:12px}
body.wara-account-recovery>.card h1{font-size:clamp(22px,5vw,28px);line-height:1.25;color:#17241a}
body.wara-account-recovery>.card :is(.sub,.hint,.foot){font-size:13px;line-height:1.6;color:#5e6e60}
body.wara-account-recovery>.card label{font-size:12px;color:#344b39}
body.wara-account-recovery>.card .input{font-size:14px;min-height:46px;border-color:#cfdacd;background:#fbfcfb}
body.wara-account-recovery>.card .btn{font-size:14px;min-height:46px;background:#28452e;color:#fff}
body.wara-account-recovery>.card .foot a{color:#28452e}
body.wara-account-recovery>.card :is(.btn,.input):focus-visible{outline:2px solid #28452e;outline-offset:3px}
@media(max-width:760px){body.wara-account-recovery{padding:12px}body.wara-account-recovery>.card{padding:24px 20px;border-radius:18px}body.wara-login .login{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}}