.common-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 18px 14px;
  background: linear-gradient(180deg, #0b2d5a 0%, #113b77 100%);
  color: #fff;
  box-shadow: 5px 0 16px rgba(0, 0, 0, 0.18);
  z-index: 20;
}

.common-sidebar img {
  display: block;
  width: 165px;
  max-width: 100%;
  margin: 0 auto 18px;
  padding: 10px;
  border-radius: 8px;
  background: #fff;
}

.common-sidebar nav {
  display: grid;
  gap: 9px;
}

.common-sidebar a,
.common-sidebar button {
  display: block;
  width: 100%;
  padding: 11px 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 4px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
}

.common-sidebar a:hover,
.common-sidebar a:focus-visible,
.common-sidebar button:hover,
.common-sidebar button:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  outline: none;
}

.common-sidebar .active {
  border-color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.22);
}

.common-app-shell {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 0 !important;
  min-height: 100vh;
  padding: 0 !important;
}

.common-app-main {
  min-width: 0;
  padding: 14px;
}

.app-shell.common-app-shell {
  grid-template-columns: 220px minmax(0, 1fr) 370px !important;
  gap: 12px !important;
  padding: 10px 12px 0 !important;
}

.crew-page.common-app-shell {
  width: 100% !important;
  margin: 0 !important;
}

.crew-page .common-app-main {
  padding: 14px;
}

@media (max-width: 760px) {
  .common-app-shell,
  .app-shell.common-app-shell,
  .crew-page.common-app-shell {
    display: block !important;
  }

  .common-sidebar {
    position: static;
    height: auto;
    padding: 12px;
  }

  .common-sidebar img {
    width: 130px;
    margin-bottom: 12px;
  }

  .common-sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .common-app-main,
  .crew-page .common-app-main {
    padding: 10px;
  }
}