/* ZIPBORO header login/session patch
   위치: /volume2/nvme/web/zipboro/assets/css/zipboro.session.css
   index.html에 이미 추가하지 않아도 session.js만으로 동작하지만,
   아래 CSS를 zipboro.platform.css 맨 아래에 추가하거나 별도 로드하면 메뉴가 정리됩니다.
*/

.zb-auth-guest,
.zb-auth-user{
  display:flex;
  align-items:center;
  gap:8px;
}

.zb-login-btn,
.zb-register-btn{
  border:1px solid var(--zb-line);
  background:#fff;
  border-radius:999px;
  padding:10px 14px;
  text-decoration:none;
  color:var(--zb-ink);
  font-weight:900;
  white-space:nowrap;
}

.zb-register-btn{
  background:#f8fafc;
}

.zb-user-menu-btn{
  border:1px solid var(--zb-line);
  background:#fff;
  border-radius:999px;
  padding:10px 14px;
  color:var(--zb-ink);
  font-weight:900;
}

.zb-auth-user{
  position:relative;
}

.zb-user-menu{
  position:absolute;
  right:0;
  top:48px;
  width:210px;
  background:#fff;
  border:1px solid var(--zb-line);
  border-radius:18px;
  box-shadow:var(--zb-shadow);
  padding:10px;
  z-index:80;
}

.zb-user-menu a,
.zb-user-menu button{
  width:100%;
  display:block;
  text-align:left;
  border:0;
  background:transparent;
  border-radius:10px;
  padding:11px 12px;
  text-decoration:none;
  color:#0f172a;
  font-weight:900;
}

.zb-user-menu a:hover,
.zb-user-menu button:hover{
  background:#f8fafc;
}

@media(max-width:640px){
  .zb-login-btn,
  .zb-register-btn{
    display:none;
  }

  .zb-user-menu{
    right:-8px;
  }
}