.kf-user-menu{position:relative;display:inline-block}
.kf-user-menu__toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.25rem .75rem;border:1px solid #dcdcde;border-radius:999px;background:#fff;font:inherit;cursor:pointer}
.kf-user-menu__toggle:focus-visible{outline:3px solid #72aee6;outline-offset:2px}
.kf-user-menu__avatar{border-radius:50%;width:28px;height:28px}
.kf-user-menu__list{position:absolute;right:0;top:calc(100% + .25rem);z-index:1000;min-width:200px;margin:0;padding:.5rem;list-style:none;background:#fff;border:1px solid #dcdcde;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.kf-user-menu__list[hidden]{display:none}
.kf-user-menu__link{display:block;padding:.6rem .75rem;border-radius:6px;color:#1d2327;text-decoration:none}
.kf-user-menu__link:hover,.kf-user-menu__link:focus-visible{background:#f0f0f1}
.kf-user-menu__sep{border-top:1px solid #f0f0f1;margin:.35rem 0}
.kf-user-menu__logout{width:100%;text-decoration:none;box-sizing:border-box}
.kf-logout-modal{box-sizing:border-box;max-width:calc(100vw - 2rem);border:0;border-radius:10px;padding:1.5rem;width:min(420px,calc(100vw - 2rem));box-shadow:0 10px 40px rgba(0,0,0,.3)}
.kf-logout-modal::backdrop{background:rgba(0,0,0,.55)}
.kf-logout-modal__title{margin:0 0 .5rem;font-size:1.25rem}
.kf-logout-modal__actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.kf-logout-modal__message{margin:.75rem 0 0;padding:.6em .9em;border-radius:6px;border-left:4px solid #d63638;background:#fcf0f1;color:#8a2424}
.kf-logout-modal [hidden]{display:none!important}
@media (max-width:480px){.kf-user-menu__list{position:fixed;left:.5rem;right:.5rem;top:auto;bottom:.5rem}.kf-logout-modal__actions .kf-button{flex:1}}