/* Graphite Note Premium Pass 28
   Evidence + Advisor unification.
   No DevExtreme geometry or behavior changes. */

:root {
  --gn-p28-border: #d7e1ee;
  --gn-p28-border-soft: #e8eef5;
  --gn-p28-surface: #fff;
  --gn-p28-subtle: #f7f9fc;
  --gn-p28-ink: #0f2139;
  --gn-p28-muted: #65758b;
  --gn-p28-blue: #1264ff;
  --gn-p28-blue-soft: #eef5ff;
}

/* 1. Business Advisor uses the same full workspace surface as Overview. */
.gn-app-shell .gn-ai-advisor-workspace {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.gn-app-shell .gn-ai-advisor-workspace > .row,
.gn-app-shell .gn-ai-advisor-workspace > span,
.gn-app-shell .gn-ai-advisor-workspace [ng-if] > .row {
  width: 100%;
  max-width: none;
}

.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-bgr,
.gn-app-shell .gn-ai-advisor-workspace [class*='actionable-insights-bgr'] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 20px 22px 24px !important;
  border: 1px solid var(--gn-p28-border) !important;
  border-left: 1px solid var(--gn-p28-border) !important;
  border-radius: 10px !important;
  background: var(--gn-p28-surface) !important;
  box-shadow: none !important;
}

.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-bgr::before,
.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-bgr::after {
  display: none !important;
  content: none !important;
}

.gn-app-shell .gn-ai-advisor-workspace .gn-ai-report-layout {
  display: block !important;
  width: 100% !important;
}

.gn-app-shell .gn-ai-advisor-workspace .gn-ai-report-main {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 !important;
}

.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-content,
.gn-app-shell .gn-ai-advisor-workspace .normal[ng-bind-html] {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-content h1,
.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-content h2,
.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-content h3 {
  color: var(--gn-p28-ink) !important;
  letter-spacing: -.02em !important;
}

.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-content h2,
.gn-app-shell .gn-ai-advisor-workspace .actionable-insights-content h3 {
  margin-top: 26px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--gn-p28-border-soft) !important;
}

/* 2. One inline metric / field token language across analytical and AI surfaces. */
.gn-app-shell .gn-analytical-workspace :not(pre) > code,
.gn-app-shell .gn-ai-advisor-workspace :not(pre) > code,
.gn-app-shell .gn-model-overview :not(pre) > code,
.gn-app-shell .gn-overview-analysis :not(pre) > code,
.gn-context-drawer :not(pre) > code {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 1px 7px !important;
  border: 1px solid #d6e3f5 !important;
  border-radius: 6px !important;
  background: #f3f7fc !important;
  color: #24568d !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: .92em !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap;
}

.gn-app-shell pre code,
.gn-app-shell .gn-api-code code {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-weight: inherit !important;
  white-space: pre !important;
}

/* 3. Evidence drawer: business-readable, grouped evidence instead of raw metric cards. */
.gn-context-drawer {
  --gn-p28-drawer-pad: 22px;
}

.gn-context-drawer__body {
  padding: var(--gn-p28-drawer-pad) !important;
}

.gn-context-drawer__eyebrow,
.gn-context-section-label,
.gn-context-object-card__type {
  font-size: 11px !important;
}

.gn-context-drawer__subtitle,
.gn-context-object-card__meta,
.gn-context-facts dt,
.gn-context-facts dd,
.gn-context-link,
.gn-context-note,
.gn-context-intro,
.gn-evidence-summary span,
.gn-evidence-item__source {
  font-size: 13px !important;
}

.gn-context-drawer__tabs button {
  font-size: 14px !important;
}

.gn-context-intro {
  margin: 7px 0 0;
  color: #5d6e84;
  line-height: 1.55;
}

.gn-evidence-groups {
  display: grid;
  gap: 20px;
}

.gn-evidence-group > h3 {
  margin: 0 0 9px;
  color: #52637a;
  font-size: 12px !important;
  line-height: 1.2;
  font-weight: 750 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.gn-evidence-list {
  display: grid;
  gap: 10px;
}

.gn-evidence-item {
  padding: 14px 14px 13px !important;
  border: 1px solid var(--gn-p28-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.gn-evidence-item__topline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.gn-evidence-item__label {
  min-width: 0;
  color: #44566e !important;
  font-size: 13px !important;
  line-height: 1.3;
  font-weight: 650 !important;
}

.gn-evidence-item__value {
  flex: 0 0 auto;
  color: var(--gn-p28-ink) !important;
  font-size: 17px !important;
  line-height: 1.2;
  font-weight: 750 !important;
  letter-spacing: -.015em;
}

.gn-evidence-item__description,
.gn-evidence-item__business {
  margin-top: 8px;
  color: #586a80;
  font-size: 13px;
  line-height: 1.45;
}

.gn-evidence-item__business {
  color: #334760;
}

.gn-evidence-item__business strong {
  color: #213750;
  font-weight: 700;
}

.gn-evidence-item__source {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid var(--gn-p28-border-soft);
  color: #8290a2 !important;
}

.gn-evidence-summary {
  margin: 14px 0 18px !important;
}

.gn-context-note--evidence {
  margin-top: 20px !important;
  color: #64758a !important;
}

@media (max-width: 900px) {
  .gn-app-shell .gn-ai-advisor-workspace .actionable-insights-bgr,
  .gn-app-shell .gn-ai-advisor-workspace [class*='actionable-insights-bgr'] {
    padding: 16px !important;
    border-radius: 8px !important;
  }
}