/* UPIO shared account/navigation styles. Externalized from PHP runtime. */
.fi-topnav-login-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:1.5px solid var(--fi-line);background:#fff;color:var(--fi-ink);font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s;white-space:nowrap;flex-shrink:0;}
.fi-topnav-login-btn:hover{border-color:var(--fi-primary);background:#F5F6FA;}
.fi-topnav-user{position:relative;flex-shrink:0;}
.fi-topnav-user-btn{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;border:1.5px solid var(--fi-line);background:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--fi-ink);transition:border-color .15s,background .15s;}
.fi-topnav-user-btn:hover{border-color:var(--fi-primary);background:#F5F6FA;}
.fi-topnav-avatar{width:26px;height:26px;border-radius:50%;background:var(--fi-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;flex-shrink:0;}
.fi-topnav-username{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fi-topnav-user-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;background:#fff;border:1px solid var(--fi-line);border-radius:10px;box-shadow:0 8px 24px rgba(36,59,83,.1);padding:6px;z-index:10012;}
.fi-topnav-user-menu a{display:block;padding:9px 14px;border-radius:7px;font-size:.82rem;font-weight:600;color:var(--fi-ink);text-decoration:none;transition:background .12s;}
.fi-topnav-user-menu a:hover{background:#EEF8FF;color:var(--fi-ink);}
.fi-user-logout-link{color:#DC2626!important;}
.fi-user-logout-link:hover{background:#FEF2F2!important;}
.fi-mobile-nav-login{display:block;width:100%;margin-top:10px;padding:13px;border-radius:9px;border:1.5px solid var(--fi-line);background:#fff;font-family:inherit;font-size:.88rem;font-weight:700;color:var(--fi-ink);cursor:pointer;text-align:center;}
.fi-mobile-nav-user{margin-top:8px;padding-top:8px;border-top:1px solid #F0F0F0;}
.fi-mobile-nav-mypage{display:block;padding:11px 14px;border-radius:8px;background:#F5F6FA;color:var(--fi-ink)!important;text-decoration:none;font-weight:700;font-size:.88rem;margin-bottom:6px;}
.fi-mobile-nav-logout{display:block;padding:11px 14px;border-radius:8px;color:#DC2626!important;text-decoration:none;font-weight:700;font-size:.84rem;}
@media(max-width:768px){.fi-topnav-login-btn{display:none;}.fi-topnav-user{display:none;}}

/* 계정 탈퇴 섹션 */
.fi-mp-danger-zone{border:1px solid #fee2e2;border-radius:10px;padding:20px 22px;margin-top:16px;}
.fi-mp-danger-title{font-size:.9rem;font-weight:900;color:#DC2626;margin:0 0 6px;}
.fi-mp-danger-desc{font-size:.8rem;color:var(--fi-muted,#697386);margin:0 0 14px;line-height:1.6;}
.fi-mp-delete-btn{padding:10px 20px;border-radius:8px;border:1.5px solid #fca5a5;background:#fff;color:#DC2626;font-size:.82rem;font-weight:900;cursor:pointer;font-family:inherit;transition:all .15s;}
.fi-mp-delete-btn:hover{background:#fef2f2;border-color:#DC2626;}
.fi-mp-delete-confirm{display:none;margin-top:14px;padding:16px;background:#fef2f2;border-radius:12px;border:1px solid #fca5a5;}
.fi-mp-delete-confirm.show{display:block;}
.fi-mp-delete-confirm p{font-size:.82rem;color:#7f1d1d;margin:0 0 10px;line-height:1.55;font-weight:600;}
.fi-mp-delete-confirm label{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#7f1d1d;cursor:pointer;margin-bottom:12px;}
