body[data-app-page="private-crews"] {
  background: var(--crew-canvas);
  color: var(--crew-ink);
}
body[data-app-page="private-crews"] > :is(.app-sidebar,.topbar,.app-tabbar,#page-title) {
  display: none !important;
}
body[data-app-page="private-crews"] > main {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0 30px 96px;
}
body[data-app-page="private-crews"] #private-crews-view {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
#private-crews-view .private-crews-toolbar {
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
}
#private-crews-view .schedule-back { background: transparent; color: inherit; }
#private-crews-view #private-crews-list {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 16px;
  margin-top: 12px;
}
#private-crews-view #private-crews-status:empty { display: none; }
#private-crews-view .private-crew-card,
#private-crews-view .private-crew-create-card {
  background: var(--surface);
  color: var(--crew-ink);
  border: 0;
  border-radius: 24px;
  box-shadow: none;
}
#private-crews-view .private-crew-card { display: grid; gap: 16px; padding: 20px; }
#private-crews-view .private-crew-card h2 { margin: 0; font-size: 20px; }
#private-crews-view .private-crew-card p { margin: 0; }
#private-crews-view .private-crew-card-top { margin: 0; gap: 12px; }
#private-crews-view .private-crew-role,
#private-crews-view .private-crew-size { color: var(--crew-muted); }
#private-crews-view .crew-state-label { background: var(--crew-control); color: var(--crew-ink); }
#private-crews-view .private-crew-size,
#private-crews-view .private-crew-create-action { display: flex; align-items: center; gap: 8px; }
#private-crews-view .private-crew-size svg,
#private-crews-view .private-crew-actions svg { width: 18px; height: 18px; }
#private-crews-view .private-crew-actions { margin: 0; }
#private-crews-view .private-crew-actions a { justify-content: space-between; width: 100%; }
#private-crews-view .private-crew-create-action {
  width: max-content;
  margin-left: auto;
  margin-top: 12px;
  background: var(--crew-control);
  color: var(--crew-ink);
}
#private-crews-view .private-crew-create-action[hidden] { display: none; }
#private-crews-view .private-crew-create-card {
  min-height: 200px;
  display: grid;
  place-content: center;
  justify-items: center;
  text-align: center;
  gap: 10px;
  padding: 24px;
  text-decoration: none;
}
#private-crews-view .private-crew-create-card strong { font-size: 22px; }
#private-crews-view .private-crew-create-card > span:last-child { color: var(--crew-muted); }
#private-crews-view .private-crew-plus {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--crew-blue-soft);
  color: var(--crew-blue);
}
#private-crews-view .private-crew-plus svg { width: 24px; height: 24px; }
#private-crews-view .private-crew-invitations > summary { cursor: pointer; font-weight: 650; }
#private-crews-view .private-crew-invitations[open] > summary { margin-bottom: 12px; }
#private-crews-view :is(#private-crews-more,#private-crews-retry) { margin-top: 16px; }
[data-theme="dark"] #private-crews-view .private-crew-card { background: var(--surface) !important; }
@media (max-width: 720px) {
  body[data-app-page="private-crews"] > main { padding-inline: 16px; }
}