/* =========================================================
   SHIFTLYNX V1.3 NAVIGATION REFRESH
========================================================= */
.sidebar.sidebar-v13 {
  width: 268px;
  padding: 17px 14px 20px;
  background:
    radial-gradient(circle at 45% -8%, rgba(27, 124, 219, 0.11), transparent 32%),
    #040c16;
  border-right: 1px solid rgba(129, 167, 207, 0.1);
  box-shadow: 16px 0 46px rgba(0, 0, 0, 0.18);
}

.sidebar-v13 .brand {
  min-height: 64px;
  margin-bottom: 15px;
  padding: 10px 12px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.018);
  box-shadow: none;
}

.sidebar-v13 .brand-logo {
  max-width: 174px;
}

.sidebar-v13 .sidebar-nav {
  gap: 3px;
}

.nav-section-label {
  margin: 17px 11px 6px;
  color: #4e657c;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sidebar-v13 .sidebar-nav > a,
.sidebar-v13 .nav-parent {
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #8da1b6;
  font-size: 0.78rem;
  font-weight: 740;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.sidebar-v13 .sidebar-nav > a:hover,
.sidebar-v13 .nav-parent:hover {
  color: #eaf4ff;
  border-color: rgba(121, 165, 208, 0.08);
  background: rgba(255, 255, 255, 0.025);
  transform: none;
}

.sidebar-v13 .sidebar-nav > a.active,
.sidebar-v13 .nav-parent.active {
  color: #f3f8ff;
  border-color: rgba(37, 131, 255, 0.17);
  background: rgba(37, 131, 255, 0.09);
  box-shadow: inset 2px 0 0 #29b9ff;
}

.sidebar-v13 .sidebar-nav svg,
.sidebar-v13 .sidebar-nav i {
  width: 17px;
  height: 17px;
  color: #607c97;
}

.sidebar-v13 .sidebar-nav a.active svg,
.sidebar-v13 .sidebar-nav a.active i,
.sidebar-v13 .nav-parent.active svg,
.sidebar-v13 .nav-parent.active i {
  color: #49c5ff;
}

.sidebar-v13 .nav-group {
  gap: 2px;
}

.sidebar-v13 .sub-nav {
  margin: 2px 0 3px 17px;
  padding-left: 11px;
  border-left: 1px solid rgba(121, 165, 208, 0.1);
}

.sidebar-v13 .sub-nav a {
  min-height: 34px;
  padding: 0 9px;
  border-radius: 8px;
  color: #758ba1;
  font-size: 0.68rem;
}

.sidebar-v13 .sub-nav a:hover,
.sidebar-v13 .sub-nav a.active {
  color: #d8e9fa;
  background: rgba(37, 131, 255, 0.065);
}

.workspace-menu-wrapper-v13 {
  position: relative;
}

.workspace-trigger-v13 {
  cursor: pointer;
}

.workspace-menu-v13 {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 15000;
  display: none;
  width: 310px;
  padding: 9px;
  border: 1px solid rgba(126, 168, 210, 0.16);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(9, 23, 38, 0.99), rgba(5, 14, 24, 0.99));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(22px);
}

.workspace-menu-v13.open {
  display: block;
  animation: workspaceMenuIn 0.15s ease;
}

@keyframes workspaceMenuIn {
  from { opacity: 0; transform: translateY(-5px) scale(0.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.workspace-menu-header-v13 {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px;
}

.workspace-avatar-v13 {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border: 1px solid rgba(37, 131, 255, 0.3);
  border-radius: 12px;
  color: #eff8ff;
  background: rgba(37, 131, 255, 0.13);
  font-size: 0.72rem;
  font-weight: 900;
}

.workspace-menu-header-v13 strong,
.workspace-menu-header-v13 span {
  display: block;
}

.workspace-menu-header-v13 strong {
  color: #edf6ff;
  font-size: 0.76rem;
}

.workspace-menu-header-v13 span {
  margin-top: 3px;
  color: #71889f;
  font-size: 0.6rem;
}

.workspace-menu-divider-v13 {
  height: 1px;
  margin: 6px;
  background: rgba(127, 168, 208, 0.1);
}

.workspace-menu-v13 a,
.workspace-signout-v13 {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 48px;
  padding: 8px 10px;
  border: 0;
  border-radius: 11px;
  color: #a9bdd0;
  background: transparent;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.workspace-menu-v13 a:hover,
.workspace-signout-v13:hover {
  color: #f2f8ff;
  background: rgba(255, 255, 255, 0.035);
}

.workspace-menu-v13 svg {
  width: 17px;
  height: 17px;
  color: #6f8ca7;
}

.workspace-menu-v13 a span strong,
.workspace-menu-v13 a span small {
  display: block;
}

.workspace-menu-v13 a span strong {
  color: inherit;
  font-size: 0.69rem;
}

.workspace-menu-v13 a span small {
  margin-top: 3px;
  color: #657c92;
  font-size: 0.56rem;
}

.workspace-signout-v13 {
  color: #ff9ca6;
  font-size: 0.69rem;
  font-weight: 800;
}

.notification-bell::before,
.notification-bell::after {
  content: none !important;
  display: none !important;
}

.notification-bell > svg,
.notification-bell > i {
  display: block;
}

@media (max-width: 760px) {
  .workspace-menu-v13 {
    position: fixed;
    top: 76px;
    right: 14px;
    left: 14px;
    width: auto;
  }
}