/* Shared navigation selection, patient identity and assistant surfaces. */
/* Case workspaces share the full-width content area and chat assistant proportions. */
.page:is(.cl-page, .ci-page) { max-width: none; }
.app-content:has(.cl-page, .ci-page) { padding: 14px 16px 12px; }
@media (min-width: 1201px) {
  :is(.cl-layout, .ci-layout) {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 24%);
    gap: 12px;
  }
}

.nav-group:has(.nav-item.active) {
  background: #163e62;
  border-radius: 5px;
}
.nav-group:has(.nav-item.active) > .nav-group__title {
  color: #fff;
  background: #163e62;
}
.nav-group:has(.nav-item.active) > .nav-group__title:hover { background: #1b486e; }
.nav-group--workflow .nav-group__icon,
.nav-group--workflow:not(.nav-group--ai) .nav-group__icon,
.nav-group--workflow:has(.nav-item.active) .nav-group__icon {
  background: transparent;
  box-shadow: none;
}
.nav-group:has(.nav-item.active) .nav-group__icon { color: #e0eeff; }

:is(.cs-aside, .cl-assistant, .iw-assistant, .wb-risk-card, .ai-panel) {
  background: var(--assistant-background) !important;
  border: 1px solid var(--assistant-border) !important;
  border-radius: 12px;
}
.cs-aside { padding: 10px; }
.cs-aside .cs-assistant { background: transparent; border: 0; box-shadow: none; padding: 7px 6px 2px; }
.cs-aside > .cs-card:not(.cs-assistant) { border-color: #e0d2f3; }
.ai-panel::before { display: none; }
.app-run-panel .app-ai-head { background: transparent; border-bottom-color: #e3d5f5; }
:is(.cs-assistant-heading, .cl-ai-heading, .iw-assistant > header, .wb-risk-card .wb-card-heading, .app-ai-head, .ai-panel > .panel-head, .ai-panel__head) .ai-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}