/* Footer — copied from the approved MyNurseDesk design canvas. Regenerate with sync-design.py; do not edit by hand. */

.nft-bot{align-items:center}
.nft-soc{display:flex;gap:8px}
.nft-soc a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1A3D57;color:#fff;transition:background .2s,color .2s,transform .2s}
.nft-soc a:hover{background:#0E7C7B;color:#fff;transform:translateY(-2px)}
.nft-soc .ico{width:19px;height:19px}
.to-top{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;background:#0E7C7B;color:#fff;box-shadow:0 10px 24px -8px rgba(14,124,123,.6);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s,background .2s}
.to-top.is-on{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .25s,transform .25s,background .2s}
.to-top:hover{background:#0A6362}
.to-top:focus-visible{outline:2px solid #0E7C7B;outline-offset:3px}
.to-top svg{width:22px;height:22px}
@media(max-width:640px){.nft-bot{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.to-top{transition:none}}
.ck-bar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:110;transform:translateX(-50%);width:min(880px,calc(100vw - 32px));box-sizing:border-box;display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 48px -12px rgba(11,34,54,.35);animation:ck-in .45s var(--ease) both}
@keyframes ck-in{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translateX(-50%)}}
.ck-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue-soft);color:var(--link)}
.ck-ic svg{width:24px;height:24px}
.ck-tx{flex:1;min-width:0}
.ck-tx b{display:block;font:600 16px/1.3 var(--font-h);color:var(--text)}
.ck-tx p{margin:3px 0 0;font-size:14.5px;line-height:1.5;color:var(--muted)}
.ck-tx a{color:var(--link)}
.ck-act{flex:none;display:flex;gap:8px}
.ck-act .btn{height:42px;border-radius:999px;padding:0 18px;white-space:nowrap}
@media(max-width:719px){.ck-bar{flex-wrap:wrap;gap:12px;padding:16px}.ck-ic{display:none}.ck-act{width:100%}.ck-act .btn{flex:1 1 0}}
@media(prefers-reduced-motion:reduce){.ck-bar{animation:none}}