/* ============================================================
   base.css — shared styles for all CyberLab pages
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0;}

body{
  background:#080b14;
  font-family:'Sora',sans-serif;
  color:#c8d0e0;
  min-height:100vh;
}

/* NAVBAR */
.navbar{
  background:#080b14;
  padding:0 2rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:54px;
  border-bottom:1px solid #151c2e;
  position:sticky;
  top:0;
  z-index:100;
}

.nav-logo{
  font-family:'Space Mono',monospace;
  font-size:13px;
  letter-spacing:0.18em;
  color:#e0eeff;
  text-transform:uppercase;
}

.nav-logo span{
  color:#00c8e8;
}

.nav-links{
  display:flex;
}

.nav-link{
  font-size:12px;
  color:#7888aa;
  padding:0 1rem;
  height:54px;
  display:flex;
  align-items:center;
  cursor:pointer;
  border-bottom:2px solid transparent;
  letter-spacing:0.04em;
  transition:color 0.15s;
  text-decoration:none;
}

.nav-link:hover{
  color:#b0bcd8;
}

.nav-link.active{
  color:#fff;
  border-bottom:2px solid #00c8e8;
}

.nav-user{
  font-size:11px;
  color:#7888aa;
  font-family:'Space Mono',monospace;
  letter-spacing:0.08em;
}

.nav-logout {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 12px;
  color: #7888aa;
  font-family: 'Sora', sans-serif;
  padding: 0 1rem;
  height: 54px;
  letter-spacing: 0.04em;
  transition: color 0.15s;
}
.nav-logout:hover {
  color: #b0bcd8;
}

.nav-dropdown {
  position: relative;
  height: 54px;
  display: flex;
  align-items: center;
}

.nav-dropdown-trigger {
  background: none;
  border: none;
  font-family: 'Sora', sans-serif;
  font-size: 12px;
  color: #7888aa;
  padding: 0 1rem;
  height: 54px;
  cursor: pointer;
  letter-spacing: 0.04em;
  transition: color 0.15s;
  border-bottom: 2px solid transparent;
}

.nav-dropdown-trigger:hover {
  color: #b0bcd8;
}

.nav-dropdown:hover .nav-dropdown-menu {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.nav-dropdown-menu {
  position: absolute;
  top: 54px;
  left: 0;
  background: #0e1220;
  border: 1px solid #1c2235;
  border-radius: 8px;
  min-width: 260px;
  padding: 0.4rem 0;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.15s, transform 0.15s;
}

.nav-dropdown-item {
  display: block;
  padding: 9px 1rem;
  font-size: 12px;
  color: #9aabcb;
  font-family: 'Sora', sans-serif;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}

.nav-dropdown-item:hover {
  background: #151c2e;
  color: #e0eeff;
}

.nav-dropdown-item.disabled {
  color: #3a4a68;
  cursor: default;
  pointer-events: none;
}

.nav-dropdown-divider {
  height: 1px;
  background: #151c2e;
  margin: 0.4rem 0;
}