/*
 * Graphite Note - Enterprise Visual Unification Pass 14
 * Final hierarchy/readability pass inspired by Atlassian/AWS density principles.
 * Loaded after Pass 13. Presentation only: no layout logic, data, API or behavior changes.
 */

:root {
  --gn14-text: #0f1f33;
  --gn14-text-secondary: #52647a;
  --gn14-text-muted: #71839a;
  --gn14-border: #d7e0eb;
  --gn14-surface: #ffffff;
  --gn14-surface-subtle: #f7f9fc;
  --gn14-body: 14.5px;
  --gn14-ui: 14px;
  --gn14-support: 13.5px;
  --gn14-meta: 12.5px;
  --gn14-grid: 12px;
  --gn14-grid-head: 11.5px;
  --gn14-section: 17px;
  --gn14-page-title: 24px;
  --gn14-readable-width: 980px;
}

/* ------------------------------------------------------------
   1. Global information hierarchy and contrast
   ------------------------------------------------------------ */
.gn-app-shell,
.gn-app-shell body,
.gn-app-shell .normal,
.gn-app-shell p,
.gn-app-shell li {
  color: var(--gn14-text);
}

.gn-app-shell p,
.gn-app-shell li,
.gn-app-shell .normal,
.gn-app-shell .gn-body-copy {
  font-size: var(--gn14-body) !important;
  line-height: 1.5 !important;
}

.gn-app-shell .text-muted,
.gn-app-shell .grey,
.gn-app-shell .gn-secondary-text,
.gn-app-shell .gn-section-subtitle,
.gn-app-shell .label_info_larger,
.gn-app-shell .tileViewItemInfo,
.gn-app-shell .tileViewListInfo {
  color: var(--gn14-text-secondary) !important;
}

/* ------------------------------------------------------------
   2. Page titles, breadcrumbs and section headings
   ------------------------------------------------------------ */
.gn-app-shell .gn-entity-title,
.gn-app-shell .gn-entity-header__title,
.gn-app-shell .gn-page-title,
.gn-app-shell h1.gn-page-title {
  font-size: var(--gn14-page-title) !important;
  line-height: 30px !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
  color: var(--gn14-text) !important;
}

.gn-app-shell .gn-page-eyebrow,
.gn-app-shell .gn-entity-header__kicker,
.gn-app-shell .breadcrumb,
.gn-app-shell .breadcrumb a,
.gn-app-shell .breadcrumb-item,
.gn-app-shell .gn-back-link {
  font-size: 14px !important;
  line-height: 18px !important;
  color: var(--gn14-text-secondary) !important;
}

.gn-app-shell .accountsPageH3,
.gn-app-shell .accountsPage.wrapper > h3,
.gn-app-shell .gn-result-section-title,
.gn-app-shell .gn-section-title,
.gn-app-shell .gn-card-title,
.gn-app-shell h2,
.gn-app-shell h3 {
  color: var(--gn14-text) !important;
}

.gn-app-shell .accountsPageH3,
.gn-app-shell .accountsPage.wrapper > h3,
.gn-app-shell .gn-result-section-title,
.gn-app-shell .gn-section-title,
.gn-app-shell .gn-card-title {
  font-size: var(--gn14-section) !important;
  line-height: 23px !important;
  font-weight: 650 !important;
}

/* ------------------------------------------------------------
   3. Primary/secondary navigation: same scale everywhere
   ------------------------------------------------------------ */
.gn-app-shell .top-tabs a, .gn-app-shell .nav-tabs .nav-link, .gn-app-shell .nav-link-edit-scenario, .gn-app-shell q-nav-tab a, .gn-app-shell .performance-subtabs .btn, .gn-app-shell .model-performance-tabs .btn, .gn-app-shell .gn-secondary-nav a, .gn-app-shell .gn-secondary-nav button{
  font-size: var(--gn14-ui) !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

/* Sidebar should scan like Atlassian, not read as metadata. */
.gn-app-shell .qMainMenuItem,
.gn-app-shell .qMainMenuItem a,
.gn-app-shell .main-menu-item,
.gn-app-shell .main-menu-item a,
.gn-app-shell .gn-sidebar a,
.gn-app-shell .gn-sidebar button {
  font-size: var(--gn14-ui) !important;
  line-height: 20px !important;
}

/* ------------------------------------------------------------
   4. Forms/settings: normal UI size with stronger labels
   ------------------------------------------------------------ */
.gn-app-shell label, .gn-app-shell .accountsPage.label, .gn-app-shell .form-label, .gn-app-shell .gn-field-label{
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 600 !important;
  color: var(--gn14-text) !important;
}

.gn-app-shell input, .gn-app-shell textarea, .gn-app-shell select, .gn-app-shell .btn, .gn-app-shell button{
  font-size: var(--gn14-ui) !important;
  line-height: 20px !important;
}

.gn-app-shell .help-block,
.gn-app-shell .form-text,
.gn-app-shell .gn-field-help,
.gn-app-shell .gn-helper-text {
  font-size: 14px !important;
  line-height: 18px !important;
  color: var(--gn14-text-secondary) !important;
}

/* ------------------------------------------------------------
   5. Cards and section spacing: simpler, steadier rhythm
   ------------------------------------------------------------ */
.gn-app-shell .accountsPage.wrapper,
.gn-app-shell .gn-card,
.gn-app-shell .gn-result-card,
.gn-app-shell .gn-chart-card,
.gn-app-shell .gn-analytics-card,
.gn-app-shell .gn-report-card,
.gn-app-shell .gn-model-kpi,
.gn-app-shell .custom_dx_tile_summary {
  border-color: var(--gn14-border) !important;
}

.gn-app-shell .accountsPage.wrapper,
.gn-app-shell .gn-result-card,
.gn-app-shell .gn-report-card,
.gn-app-shell .gn-chart-card {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.gn-app-shell .gn-result-section,
.gn-app-shell .gn-analytics-section,
.gn-app-shell .gn-report-section {
  margin-bottom: 24px !important;
}

/* Avoid decorative nested greys competing with content. */
.gn-app-shell .gn-card .gn-card,
.gn-app-shell .gn-result-card .gn-result-card,
.gn-app-shell .gn-report-card .gn-report-card {
  box-shadow: none !important;
}

/* ------------------------------------------------------------
   6. Narrative/report text: readable line length, stronger prose
   ------------------------------------------------------------ */
.gn-app-shell .actionable-insights-content,
.gn-app-shell .gn-overview-analysis__body,
.gn-app-shell .gn-ai-report-main,
.gn-app-shell .gn-ai-report-body,
.gn-app-shell .gn-narrative,
.gn-app-shell .gn-generated-overview {
  max-width: var(--gn14-readable-width) !important;
  font-size: 14.5px !important;
  line-height: 1.58 !important;
  color: var(--gn14-text) !important;
}

.gn-app-shell .actionable-insights-content p,
.gn-app-shell .actionable-insights-content li,
.gn-app-shell .gn-overview-analysis__body p,
.gn-app-shell .gn-overview-analysis__body li,
.gn-app-shell .gn-ai-report-main p,
.gn-app-shell .gn-ai-report-main li,
.gn-app-shell .gn-narrative p,
.gn-app-shell .gn-narrative li {
  font-size: 14.5px !important;
  line-height: 1.58 !important;
}

.gn-app-shell .actionable-insights-content strong,
.gn-app-shell .gn-overview-analysis__body strong,
.gn-app-shell .gn-ai-report-main strong {
  font-weight: 650 !important;
}

/* ------------------------------------------------------------
   7. KPI hierarchy: labels quiet, numbers unmistakable
   ------------------------------------------------------------ */
.gn-app-shell .gn-kpi-label,
.gn-app-shell .gn-model-kpi__label,
.gn-app-shell .gn-metric-label,
.gn-app-shell .bayesian-fit-metric dt,
.gn-app-shell .custom_dx_tile_summary .label {
  font-size: 14px !important;
  line-height: 17px !important;
  color: var(--gn14-text-secondary) !important;
  font-weight: 600 !important;
}

.gn-app-shell .gn-kpi-value,
.gn-app-shell .gn-model-kpi__value,
.gn-app-shell .gn-metric-value,
.gn-app-shell .bayesian-fit-metric dd,
.gn-app-shell .custom_dx_tile_summary .value {
  font-size: 20px !important;
  line-height: 24px !important;
  font-weight: 650 !important;
  color: var(--gn14-text) !important;
}

/* ------------------------------------------------------------
   8. Lists/cards: match Welcome readability on entity routes
   ------------------------------------------------------------ */
.gn-app-shell .tileViewItemName,
.gn-app-shell .tileViewListName,
.gn-app-shell .gn-list-item__title,
.gn-app-shell .gn-card-item__title,
.gn-app-shell .gn-recent-item__name {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  color: var(--gn14-text) !important;
}

.gn-app-shell .tileViewItemInfo,
.gn-app-shell .tileViewListInfo,
.gn-app-shell .gn-list-item__meta,
.gn-app-shell .gn-card-item__meta,
.gn-app-shell .gn-recent-item__meta,
.gn-app-shell .gn-recent-item__time {
  font-size: var(--gn14-meta) !important;
  line-height: 18px !important;
  color: var(--gn14-text-secondary) !important;
}

/* ------------------------------------------------------------
   9. Metadata/status: visibly secondary, still readable
   ------------------------------------------------------------ */
.gn-app-shell .entitySettingsMetadataLabel {
  font-size: 14px !important;
  line-height: 18px !important;
  color: var(--gn14-text-secondary) !important;
}

.gn-app-shell .entitySettingsMetadataValue {
  font-size: 14px !important;
  line-height: 19px !important;
  color: var(--gn14-text) !important;
}

.gn-app-shell .gn-status-pill,
.gn-app-shell .gn-ai-badge,
.gn-app-shell .gn-assistant-scope-badge,
.gn-app-shell .gn-logs-link {
  font-size: 14px !important;
  line-height: 16px !important;
}

/* ------------------------------------------------------------
   10. Data grids: intentionally denser than the app shell
   ------------------------------------------------------------ */
.gn-app-shell table.gn-data-table > tbody > tr > td{
  font-size: var(--gn14-grid) !important;
  line-height: 16px !important;
}

.gn-app-shell table.gn-data-table > thead > tr > th{
  font-size: var(--gn14-grid-head) !important;
  line-height: 15px !important;
  font-weight: 650 !important;
  color: #41536b !important;
}



/* ------------------------------------------------------------
   11. Assistant/notebook copy: same app hierarchy
   ------------------------------------------------------------ */
.gn-app-shell .gn-assistant-message,
.gn-app-shell .gn-assistant-message p,
.gn-app-shell .gn-assistant-message li,
.gn-app-shell .gn-chat-message,
.gn-app-shell .gn-chat-message p,
.gn-app-shell .qNotebookTextEditor,
.gn-app-shell .qNotebookTextEditor p,
.gn-app-shell .qNotebookTextEditor li {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* ------------------------------------------------------------
   12. Responsive: preserve readability instead of shrinking UI
   ------------------------------------------------------------ */
@media (max-width: 1366px) {
  .gn-app-shell .gn-entity-title,
  .gn-app-shell .gn-entity-header__title,
  .gn-app-shell .gn-page-title {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .gn-app-shell .actionable-insights-content,
  .gn-app-shell .gn-overview-analysis__body,
  .gn-app-shell .gn-ai-report-main,
  .gn-app-shell .gn-narrative {
    max-width: 900px !important;
    font-size: 14px !important;
  }

  
}