/* L16: restrained entry, welcome, and empty states. */
.welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(110deg,#162D4C,#2c4467);color:#fff;border-radius:var(--r);padding:14px 16px;margin-bottom:12px}
.welcome b{font:600 17px 'Josefin Sans','Cairo',sans-serif}.welcome small{display:block;color:#d3dce8;margin-top:3px}
.lm-user-enter{animation:lm-user-enter 360ms ease-out both}
@keyframes lm-user-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.tdok{position:relative;padding-inline-start:54px}.tdok::before{content:"✓";position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #b7d7c3;color:#23784a;font-weight:700}
@keyframes lm-empty-float{50%{transform:translateY(-2px)}}
.tdok::before{animation:lm-empty-float 4s ease-in-out infinite}
.login{animation:lm-user-enter 260ms ease-out both}
@media(prefers-reduced-motion:reduce){.lm-user-enter,.login,.tdok::before{animation:none!important}}
@media(pointer:coarse){.tdok::before{animation:none}}
@media(max-width:560px){.welcome{padding:12px 14px}.welcome b{font-size:16px}}