/* 공통 상단 네비게이션 (로그인 후 모든 화면에 공통 적용) */
:root{
  --nav-bg:#111827; --nav-fg:#e5e7eb; --nav-fg-dim:#9ca3af;
  --nav-accent:#3b82f6; --nav-danger:#ef4444;
}
#app-nav{
  display:flex; align-items:center; gap:16px;
  background:var(--nav-bg); color:var(--nav-fg);
  padding:10px 20px; font-size:14px;
  position:sticky; top:0; z-index:50;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}
#app-nav .nav-brand{ font-weight:700; margin-right:4px; white-space:nowrap; }
#app-nav .nav-links{ display:flex; gap:14px; flex:1; align-items:center; flex-wrap:wrap; }
#app-nav .nav-links a{
  color:var(--nav-fg-dim); text-decoration:none; padding:6px 2px; border-bottom:2px solid transparent;
}
#app-nav .nav-links a:hover{ color:var(--nav-fg); }
#app-nav .nav-links a.active{ color:var(--nav-fg); border-bottom-color:var(--nav-accent); }
#app-nav select{
  background:#1f2937; color:var(--nav-fg); border:1px solid #374151; border-radius:6px;
  padding:5px 8px; font-size:13px;
}
#app-nav .nav-user{ display:flex; align-items:center; gap:10px; white-space:nowrap; }
#app-nav .nav-user .email{ color:var(--nav-fg-dim); }
#app-nav .nav-user .warn{ color:#fbbf24; font-weight:600; }
#app-nav button{
  background:#1f2937; color:var(--nav-fg); border:1px solid #374151; border-radius:6px;
  padding:5px 10px; font-size:13px; cursor:pointer;
}
#app-nav button:hover{ background:#374151; }
#app-nav button.danger{ border-color:#7f1d1d; color:#fca5a5; }
#app-nav button.danger:hover{ background:#7f1d1d; color:#fff; }
#app-loading{
  position:fixed; inset:0; background:#f8fafc; z-index:999;
  display:flex; align-items:center; justify-content:center;
  font-family:'Noto Sans KR', sans-serif; color:#64748b; font-size:14px;
}
@media (max-width:720px){
  #app-nav{ flex-wrap:wrap; }
  #app-nav .nav-links{ order:3; width:100%; }
}