/* Final guardrail: keep the retired green shell from styling content asides and nested navigation. */
html body main aside {
  background: transparent !important;
  color: var(--ink) !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  height: auto !important;
  min-height: 0 !important;
}

html body main .counsellor-workspace-grid > aside {
  background: transparent !important;
  color: var(--ink) !important;
}

html body main .counsellor-workspace-grid > aside > .panel,
html body main .copilot-layout > aside {
  background: var(--surface) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: var(--shadow) !important;
}

html body main .copilot-layout > aside {
  padding: 20px !important;
}

html body main .counsellor-lead nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--ink) !important;
  position: static !important;
  height: auto !important;
}

html body main .counsellor-lead nav button {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  border-radius: 10px !important;
  padding: 9px 12px !important;
}

html body main .counsellor-lead nav button:hover {
  background: var(--blue-soft) !important;
  border-color: var(--blue) !important;
  color: var(--blue) !important;
}

html body main .counsellor-lead nav button.primary,
html body main #saveCopilotSummary {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: #fff !important;
}

html body main .copilot-layout > aside :is(h2, h3, p, b, span, small, label) {
  color: var(--ink) !important;
}

html body main .copilot-layout > aside :is(small, label) {
  color: var(--muted) !important;
}

html body main .copilot-online,
html body .secure-label {
  color: var(--blue) !important;
}

html body .secure-label {
  background: var(--blue-soft) !important;
}

@media (max-width: 1100px) {
  html body main .counsellor-workspace-grid > aside,
  html body main .copilot-layout > aside {
    width: 100% !important;
  }
}