/*
 * Graphite Note Data Intelligence visual system (Variation B)
 *
 * Dense enterprise workspace with a persistent dark sidebar. This layer is
 * intentionally loaded after graphite-v3.css so it can modernize the shell,
 * menus, submenus, tables and legacy colour surfaces without changing routes,
 * permissions, controllers or backend contracts.
 */

:root {
  --gnb-sidebar: 236px;
  --gnb-navy-950: #001129;
  --gnb-navy-900: #071a31;
  --gnb-navy-850: #0b213d;
  --gnb-navy-800: #102943;
  --gnb-blue: #195cff;
  --gnb-blue-hover: #0f4edf;
  --gnb-blue-soft: #eef4ff;
  --gnb-cyan: #46d7ff;
  --gnb-green: #35d49a;
  --gnb-green-soft: #eafaf4;
  --gnb-violet: #876dff;
  --gnb-red: #d64b64;
  --gnb-red-soft: #fff0f3;
  --gnb-amber: #b7791f;
  --gnb-amber-soft: #fff8e8;
  --gnb-canvas: #f5f7fb;
  --gnb-surface: #ffffff;
  --gnb-surface-2: #f8fafc;
  --gnb-ink: #07162c;
  --gnb-text: #26354a;
  --gnb-muted: #6a788b;
  --gnb-muted-2: #97a3b3;
  --gnb-border: #dbe3ef;
  --gnb-border-strong: #c8d3e1;
  --gnb-shadow: 0 8px 24px rgba(0, 17, 41, .06);
  --gnb-shadow-float: 0 18px 42px rgba(0, 17, 41, .16);
}

/* --------------------------------------------------------------------------
   App shell
   -------------------------------------------------------------------------- */

.gn-app-shell {
  min-height: 100vh;
  margin-left: var(--gnb-sidebar);
  background: var(--gnb-canvas) !important;
  color: var(--gnb-text);
}

.gn-app-main {
  padding: 28px 30px 56px !important;
}

.gn-app-container {
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
}

.gn-app-shell h1,
.gn-app-shell h2,
.gn-app-shell h3,
.gn-app-shell h4,
.gn-app-shell h5,
.gn-app-shell h6 {
  color: var(--gnb-ink);
}

/* --------------------------------------------------------------------------
   Persistent left navigation
   -------------------------------------------------------------------------- */

.navigation-wrap.gn-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: var(--gnb-sidebar) !important;
  height: 100vh !important;
  padding: 0 !important;
  background: linear-gradient(180deg, var(--gnb-navy-950) 0%, var(--gnb-navy-900) 100%) !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 8px 0 28px rgba(0,17,41,.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 1100;
  overflow: visible;
}

.navigation-wrap.gn-sidebar.scroll-on,
.navigation-wrap.gn-sidebar.start-style {
  padding: 0 !important;
  box-shadow: 8px 0 28px rgba(0,17,41,.12) !important;
}

.gn-sidebar .gn-sidebar-container {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.gn-sidebar .gn-sidebar-navbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-height: 100vh !important;
  padding: 18px 14px 14px !important;
  background: transparent !important;
}

.gn-sidebar .gn-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0 0 20px !important;
  padding: 3px 8px 13px !important;
  border-bottom: 1px solid rgba(255,255,255,.075);
  color: #fff !important;
  font-family: var(--gn-display-font, "Manrope", sans-serif);
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.025em;
}

.gn-sidebar .gn-sidebar-brand:hover { text-decoration: none; color: #fff !important; }
.gn-sidebar .gn-sidebar-brand img,
.gn-sidebar .q-main-menu-navbar-brand img {
  width: 25px !important;
  height: 25px !important;
  object-fit: contain;
}

.gn-sidebar .navbar-toggler {
  display: none;
}

.gn-sidebar .gn-sidebar-collapse {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-height: 0;
}

.gn-sidebar .navbar-nav,
.gn-sidebar .gn-sidebar-primary,
.gn-sidebar .gn-sidebar-utilities {
  width: 100%;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 3px !important;
}

.gn-sidebar .gn-sidebar-primary { margin: 0 !important; }
.gn-sidebar .gn-sidebar-utilities { margin: auto 0 0 !important; }

.gn-sidebar .nav-item,
.gn-sidebar .nav-item.customGap,
.gn-sidebar .q-main-menu-nav-item {
  width: 100%;
  margin: 0 !important;
}

.gn-sidebar .navbar-light .navbar-nav .nav-link,
.gn-sidebar .q-main-menu-nav-link {
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 11px;
  width: 100%;
  min-height: 40px !important;
  padding: 9px 10px !important;
  border: 1px solid transparent;
  border-radius: 7px !important;
  color: #b8c6d8 !important;
  background: transparent !important;
  font-family: var(--primary_font, "DM Sans", sans-serif) !important;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 550 !important;
  text-align: left !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  transition: background-color .14s ease, color .14s ease, border-color .14s ease;
}

.gn-sidebar .navbar-light .navbar-nav .nav-link:hover,
.gn-sidebar .q-main-menu-nav-link:hover {
  color: #fff !important;
  background: rgba(255,255,255,.075) !important;
  border-color: rgba(255,255,255,.035);
}

.gn-sidebar .navbar-light .navbar-nav .nav-item.active > .nav-link,
.gn-sidebar .navbar-light .navbar-nav .active > .nav-link {
  color: #fff !important;
  background: linear-gradient(90deg, rgba(25,92,255,.25), rgba(25,92,255,.10)) !important;
  border-color: rgba(70,215,255,.12);
  box-shadow: inset 3px 0 0 var(--gnb-blue);
  font-weight: 650 !important;
}

.gn-sidebar .q-main-menu-nav-item::after { display: none !important; }

.gn-sidebar .gn-sidebar-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: #8298b4;
  font-size: 18px !important;
  line-height: 18px !important;
}

.gn-sidebar .nav-link:hover .gn-sidebar-icon,
.gn-sidebar .nav-item.active .gn-sidebar-icon { color: #8eb9ff; }

.gn-sidebar .gn-sidebar-link-label { min-width: 0; }

.gn-sidebar .subscription_warnings_rows,
.gn-sidebar .subscription_warnings_models,
.gn-sidebar .trial_container {
  display: block;
  width: 100%;
  margin: 3px 0;
}

.gn-sidebar .limited-subscription-warning,
.gn-sidebar .trial_container > div {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 7px;
  background: rgba(255,255,255,.055);
  color: #e8edf5;
  font-size: 14px;
}

.gn-sidebar .trial_container a {
  color: #f6d58e !important;
  background: transparent !important;
}

.gn-sidebar .badge-danger {
  top: 3px !important;
  right: 7px !important;
  left: auto !important;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border: 2px solid var(--gnb-navy-900);
  background: #ef4d64;
  line-height: 14px;
}

.gn-sidebar .spinner-border {
  top: 12px !important;
  right: 10px !important;
  left: auto !important;
  color: #ef8091 !important;
}

.gn-sidebar .gn-sidebar-profile-avatar {
  display: inline-flex;
  flex: 0 0 auto;
}

.gn-sidebar .tileViewTagForAvatar {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 28px !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50% !important;
  font-size: 14px !important;
}

.gn-sidebar .gn-sidebar-profile-copy {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1px;
}

.gn-sidebar .gn-sidebar-profile-copy strong {
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gn-sidebar .gn-sidebar-profile-copy small {
  overflow: hidden;
  color: #7f93ae;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gn-sidebar .gn-sidebar-profile-chevron {
  margin-left: auto;
  color: #617a99;
  font-size: 17px;
}

/* White flyout menus from the dark rail. Applies to Settings, Profile and Notifications. */
.gn-sidebar .q-main-menu-dropdown-menu,
.gn-sidebar .dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  right: auto !important;
  left: calc(100% + 10px) !important;
  min-width: 210px;
  margin: 0 !important;
  padding: 7px !important;
  border: 1px solid var(--gnb-border) !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: var(--gnb-shadow-float) !important;
  transform: none !important;
  z-index: 1200 !important;
}

.gn-sidebar .q-main-menu-nav-item.show .q-main-menu-dropdown-menu {
  width: auto;
  opacity: 1;
  visibility: visible;
  max-height: min(80vh, 720px);
}

.gn-sidebar .q-main-menu-dropdown-item,
.gn-sidebar .dropdown-item {
  min-height: 34px;
  padding: 7px 9px !important;
  border-radius: 6px !important;
  color: var(--gnb-text) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 19px !important;
}

.gn-sidebar .q-main-menu-dropdown-item:hover,
.gn-sidebar .q-main-menu-dropdown-item:focus,
.gn-sidebar .dropdown-item:hover,
.gn-sidebar .dropdown-item:focus {
  color: var(--gnb-ink) !important;
  background: var(--gnb-blue-soft) !important;
}

.gn-sidebar .q-main-menu-dropdown-item.active,
.gn-sidebar .q-main-menu-dropdown-item:active,
.gn-sidebar .dropdown-item.active,
.gn-sidebar .dropdown-item:active {
  color: var(--gnb-blue) !important;
  background: #e8f0ff !important;
}

.gn-sidebar .notificationContainerLg,
.gn-sidebar .notificationContainerSm {
  width: min(430px, calc(100vw - var(--gnb-sidebar) - 40px));
  color: var(--gnb-text);
  background: #fff;
}

.gn-sidebar .notification-list-header,
.gn-sidebar .notification-date,
.gn-sidebar .notification-item-header,
.gn-sidebar .notification-item-date,
.gn-sidebar .notification-sender { color: var(--gnb-text); }

/* --------------------------------------------------------------------------
   Welcome / workspace home, Variation B
   -------------------------------------------------------------------------- */

.gnb-welcome { gap: 12px !important; }

.gnb-welcome-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 2px 2px 4px;
}

.gnb-welcome-title {
  margin: 2px 0 0;
  color: var(--gnb-ink);
  font-family: var(--gn-display-font, "Manrope", sans-serif);
  font-size: 25px;
  line-height: 1.18;
  font-weight: 750;
  letter-spacing: -.04em;
}

.gnb-welcome-subtitle {
  margin: 4px 0 0;
  color: var(--gnb-muted);
  font-size: 14px;
}

.gnb-welcome-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

.gnb-stat-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.gnb-stat-grid .gn-stat-card {
  min-height: 94px;
  padding: 12px 13px !important;
  border: 1px solid var(--gnb-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.gnb-stat-grid .gn-stat-card__icon {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--gnb-blue-soft);
}

.gnb-stat-grid .gn-stat-card__value {
  color: var(--gnb-ink);
  font-size: 21px;
}

.gnb-ai-assistant {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(420px, 1.55fr);
  align-items: center;
  gap: 18px;
  padding: 12px 14px;
  border: 1px solid #d8e5ff;
  border-radius: 9px;
  background: linear-gradient(100deg, #f6f8ff 0%, #eef4ff 100%);
}

.gnb-ai-assistant__identity {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.gnb-ai-assistant__identity > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.gnb-ai-assistant__identity strong {
  color: var(--gnb-ink);
  font-size: 14px;
  font-weight: 700;
}

.gnb-ai-assistant__identity span:not(.gn-ai-card__icon) {
  color: var(--gnb-muted);
  font-size: 14px;
}

.gnb-ai-assistant .gn-ai-prompt {
  min-height: 38px;
  border-color: #d1def7;
  border-radius: 7px;
  background: #fff;
}

.gnb-ai-assistant .gn-ai-prompt button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 112px;
  height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  background: var(--gnb-blue);
  color: #fff;
  font-size: 14px;
}

.gnb-welcome-grid {
  grid-template-columns: minmax(0, 1.9fr) minmax(245px, .58fr) !important;
  gap: 10px !important;
}

.gnb-recent-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.gnb-recent-columns .gn-recent-group { margin: 0; }
.gnb-recent-columns .gn-recent-item { min-height: 48px; }

/* --------------------------------------------------------------------------
   Lists, cards, tables and dense working surfaces
   -------------------------------------------------------------------------- */

.gn-list-title,
.gn-entity-header__title { color: var(--gnb-ink) !important; }
.gn-list-description,
.gn-section-subtitle,
.gn-entity-header__kicker,
.gn-breadcrumb { color: var(--gnb-muted) !important; }

.gn-section-card,
.gn-card,
.gn-panel,
.gn-app-shell .card,
.gn-chart-card,
.gn-model-metric,
.gn-predict-panel,
.gn-api-panel,
.gn-app-shell .modelScenario.wrapper {
  border-color: var(--gnb-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.gn-list-toolbar .row.ml-4.mr-3 {
  gap: 7px !important;
}

.gn-app-shell .form-control{
  min-height: 34px;
  border-color: var(--gnb-border-strong) !important;
  border-radius: 6px !important;
  background: #fff;
}

.gn-app-shell .form-control:focus{
  border-color: #89adff !important;
  box-shadow: 0 0 0 3px rgba(25,92,255,.10) !important;
}

.gn-app-shell .btn-primary, .gn-app-shell .btn_main, .gn-primary-action{
  border-color: var(--gnb-blue) !important;
  background: var(--gnb-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.gn-app-shell .btn-primary:hover, .gn-primary-action:hover{
  border-color: var(--gnb-blue-hover) !important;
  background: var(--gnb-blue-hover) !important;
}

.gn-secondary-action{
  border-color: var(--gnb-border-strong) !important;
  background: #fff !important;
  color: var(--gnb-text) !important;
}

.gn-secondary-action:hover{
  border-color: #9cb8ef !important;
  background: var(--gnb-blue-soft) !important;
  color: var(--gnb-blue) !important;
}

/* Legacy dataset View Data KPI band: replace the large pale-blue strip with compact metric cards. */
.gn-app-shell .kpiRow {
  display: flex;
  width: 100%;
  min-height: 0;
  margin: 14px 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.gn-app-shell .kpiRow > .d-inline-flex { gap: 8px; }

.gn-app-shell .kpiBoxDetailsTable {
  display: flex;
  width: 132px;
  height: 64px;
  margin: 0 !important;
  padding: 9px 12px;
  border: 1px solid var(--gnb-border);
  border-radius: 7px;
  background: #fff;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.gn-app-shell .kpiNumber {
  order: 2;
  color: var(--gnb-ink);
  font-family: var(--gn-display-font, "Manrope", sans-serif);
  font-size: 19px;
  line-height: 1.05;
  font-weight: 750;
  text-align: left;
}

.gn-app-shell .kpiText {
  order: 1;
  margin-bottom: 5px;
  color: var(--gnb-muted);
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-align: left;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Main data grids */










/* Compact existing tile cards. They remain available while the interface becomes denser. */


.gn-tile-grid .gn-asset-card {
  padding: 10px 11px 9px !important;
}

.gn-tile-grid .gn-asset-card > .row.pb-3.pt-4.mx-auto.d-block {
  width: 29px !important;
  height: 29px !important;
  border-radius: 6px !important;
  background: #f1f5fd !important;
}

.gn-tile-grid .gn-asset-card .tileViewName {
  color: var(--gnb-ink);
  font-size: 14px !important;
}

.gn-tile-grid .model-list-model-name > div,
.gn-tile-grid .model-list-model-name > .small {
  border-radius: 4px;
  background: #f3f6fa !important;
  color: #65758a !important;
}

/* --------------------------------------------------------------------------
   Primary navigation tabs, submenus, dropdowns and context menus
   -------------------------------------------------------------------------- */

.gn-app-shell .top-tabs {
  gap: 4px !important;
  margin-top: 10px !important;
  padding: 0 0 1px !important;
  border-bottom: 1px solid var(--gnb-border) !important;
}

.gn-app-shell .top-tabs a {
  min-height: 34px;
  margin: 0 0 -1px !important;
  padding: 8px 10px 9px !important;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 6px 6px 0 0 !important;
  color: #596a80 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.gn-app-shell .top-tabs a:hover {
  color: var(--gnb-ink) !important;
  background: #f1f5fa !important;
}

.gn-app-shell .top-tabs a.is-active,
.gn-app-shell .top-tabs a[aria-current="page"] {
  color: var(--gnb-blue) !important;
  background: #fff !important;
  border-color: var(--gnb-border) !important;
  font-weight: 700 !important;
}

.gn-app-shell .top-tabs a.is-active::after,
.gn-app-shell .top-tabs a[aria-current="page"]::after {
  left: -1px !important;
  right: -1px !important;
  bottom: -2px !important;
  height: 2px !important;
  background: var(--gnb-blue) !important;
}

.gn-app-shell .top-tabs a.link-disabled {
  color: #b0bac7 !important;
  background: transparent !important;
}

.gn-app-shell .pill-tabs {
  gap: 5px !important;
  margin-top: 10px !important;
}

.gn-app-shell .pill-tabs button {
  min-height: 29px !important;
  padding: 5px 10px !important;
  border: 1px solid var(--gnb-border) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #607086 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.gn-app-shell .pill-tabs button:hover {
  border-color: #bdcadb !important;
  background: #f7f9fc !important;
  color: var(--gnb-ink) !important;
}

.gn-app-shell .pill-tabs button.is-active,
.gn-app-shell .pill-tabs button[aria-selected="true"] {
  border-color: #8cabf4 !important;
  background: #edf3ff !important;
  color: var(--gnb-blue) !important;
  box-shadow: none !important;
}

.gn-app-shell .nav-tabs {
  border-bottom-color: var(--gnb-border) !important;
}

.gn-app-shell .nav-tabs .nav-link,
.gn-app-shell .nav-pills .nav-link,
.gn-app-shell .nav-link-edit-scenario {
  border-color: transparent;
  border-radius: 6px !important;
  color: #5e6e83 !important;
  background: transparent !important;
  font-size: 14px !important;
}

.gn-app-shell .nav-tabs .nav-link.active,
.gn-app-shell .nav-pills .nav-link.active,
.gn-app-shell .nav-link-edit-scenario.active {
  border-color: var(--gnb-border) !important;
  background: #fff !important;
  color: var(--gnb-blue) !important;
}

.gn-app-shell .dropdown-menu{
  border-color: var(--gnb-border) !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: var(--gnb-shadow) !important;
}

.gn-app-shell .dropdown-item{
  color: var(--gnb-text) !important;
}

.gn-app-shell .dropdown-item:hover, .gn-app-shell .dropdown-item:focus{
  background: var(--gnb-blue-soft) !important;
  color: var(--gnb-ink) !important;
}



/* --------------------------------------------------------------------------
   Entity headers, statuses, model results and charts
   -------------------------------------------------------------------------- */

.gn-entity-header__title {
  max-width: 1200px !important;
  font-size: 27px !important;
}

.gn-status-pill {
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
}

.gn-status-pill--success { background: var(--gnb-green-soft) !important; color: #11845f !important; }
.gn-status-pill--training { background: #ebf2ff !important; color: var(--gnb-blue) !important; }
.gn-status-pill--pending { background: #f1efff !important; color: #6e59d9 !important; }
.gn-status-pill--danger { background: var(--gnb-red-soft) !important; color: #bd3952 !important; }

.gn-model-metrics {
  gap: 7px !important;
  margin: 10px 0 11px !important;
}

.gn-model-metric {
  min-height: 65px !important;
  padding: 10px 12px !important;
}

.gn-model-metric__label { color: var(--gnb-muted) !important; }
.gn-model-metric__value { color: var(--gnb-ink) !important; font-size: 19px !important; }

.gn-chart-card { padding: 14px 15px 9px !important; }
.gn-chart-card__title { color: var(--gnb-ink) !important; font-size: 15px !important; }
.gn-chart-card__subtitle { color: var(--gnb-muted) !important; }

/* Remove legacy highlight colours from explanatory copy where they clash with the new shell. */
.gn-app-shell .yellowShaded {
  border-radius: 3px;
  background: #fff4d8 !important;
  color: #744d00 !important;
}
.gn-app-shell .blueColor { color: var(--gnb-blue) !important; }
.gn-app-shell .yellowColor { color: #8c6b1c !important; }
.gn-app-shell .violent { color: #7657c8 !important; }

/* Scenario progress */
.gn-app-shell .step-circle { border-color: #c5d1df !important; color: #8291a5 !important; }
.gn-app-shell .step-circle::before { color: #d8e0ea !important; }
.gn-app-shell .step-active .step-circle,
.gn-app-shell .step-success .step-circle {
  border-color: var(--gnb-blue) !important;
  background: var(--gnb-blue) !important;
  color: #fff !important;
}
.gn-app-shell .step-active .step-text,
.gn-app-shell .step-success .step-text { color: var(--gnb-blue) !important; }

/* Alerts and informational boxes */
.gn-app-shell .alert,
.gn-app-shell .q-notifications,
.gn-app-shell .notification-tip,
.gn-app-shell .qNotificationText {
  border-color: var(--gnb-border) !important;
  border-radius: 7px !important;
  background: #f8fafc !important;
  color: var(--gnb-text) !important;
}

/* --------------------------------------------------------------------------
   Responsive: sidebar becomes a compact top navigation on smaller screens
   -------------------------------------------------------------------------- */

@media (max-width: 991.98px) {
  :root { --gnb-sidebar: 0px; }

  .gn-app-shell { margin-left: 0; }
  .gn-app-main { padding: 76px 16px 48px !important; }

  .navigation-wrap.gn-sidebar {
    right: 0 !important;
    width: 100% !important;
    height: 58px !important;
    bottom: auto !important;
    background: var(--gnb-navy-950) !important;
  }

  .gn-sidebar .gn-sidebar-navbar {
    min-height: 58px !important;
    height: 58px !important;
    flex-direction: row;
    align-items: center;
    padding: 8px 14px !important;
  }

  .gn-sidebar .gn-sidebar-brand {
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
  }

  .gn-sidebar .navbar-toggler {
    display: block;
    margin-left: auto;
    border-color: rgba(255,255,255,.18);
  }

  .gn-sidebar .navbar-toggler-icon { filter: invert(1); }

  .gn-sidebar .gn-sidebar-collapse {
    position: absolute;
    top: 58px;
    left: 0;
    display: none !important;
    width: 100%;
    padding: 10px 14px 14px;
    border-top: 1px solid rgba(255,255,255,.08);
    background: var(--gnb-navy-900);
    box-shadow: 0 14px 30px rgba(0,17,41,.2);
  }

  .gn-sidebar .gn-sidebar-collapse.show { display: flex !important; }
  .gn-sidebar .gn-sidebar-utilities { margin-top: 8px !important; }

  .gn-sidebar .q-main-menu-dropdown-menu,
  .gn-sidebar .dropdown-menu {
    position: static !important;
    width: 100% !important;
    margin-top: 4px !important;
    box-shadow: none !important;
  }

  .gnb-ai-assistant,
  .gnb-recent-columns { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
  .gnb-welcome-header { align-items: flex-start; flex-direction: column; }
  .gnb-welcome-actions { width: 100%; }
  .gnb-stat-grid { grid-template-columns: 1fr !important; }
  .gnb-welcome-grid { grid-template-columns: 1fr !important; }
}

/* --------------------------------------------------------------------------
   Dense entity list used by top-level Datasets, Models and Notebooks
   -------------------------------------------------------------------------- */

.gnb-data-list {
  margin: 10px 0 14px;
  overflow: hidden;
  border: 1px solid var(--gnb-border);
  border-radius: 8px;
  background: #fff;
}

.gnb-data-list__header,
.gnb-data-list__row {
  display: grid;
  align-items: center;
  gap: 12px;
}

.gnb-data-list--datasets .gnb-data-list__header,
.gnb-data-list--datasets .gnb-data-list__row {
  grid-template-columns: 24px minmax(260px, 1.7fr) minmax(145px, .8fr) 88px 88px minmax(120px, .7fr) 92px;
}

.gnb-data-list--models .gnb-data-list__header,
.gnb-data-list--models .gnb-data-list__row {
  grid-template-columns: minmax(280px, 1.8fr) minmax(180px, .9fr) 100px minmax(120px, .7fr) 92px;
}

.gnb-data-list--notebooks .gnb-data-list__header,
.gnb-data-list--notebooks .gnb-data-list__row {
  grid-template-columns: minmax(300px, 1.9fr) minmax(170px, .9fr) minmax(140px, .7fr) 92px;
}

.gnb-data-list__header {
  min-height: 36px;
  padding: 0 12px;
  border-bottom: 1px solid var(--gnb-border);
  background: #f7f9fc;
  color: #617187;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.gnb-data-list__row {
  min-height: 50px;
  padding: 6px 12px;
  border-bottom: 1px solid #edf1f6;
  color: var(--gnb-text);
  font-size: 14px;
  cursor: pointer;
  transition: background-color .12s ease;
}

.gnb-data-list__row:last-child { border-bottom: 0; }
.gnb-data-list__row:hover { background: #f8fbff; }

.gnb-data-list__select {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gnb-data-list__select input {
  width: 14px;
  height: 14px;
  accent-color: var(--gnb-blue);
}

.gnb-data-list__name {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.gnb-data-list__name > span:last-child {
  min-width: 0;
}

.gnb-data-list__name strong {
  display: block;
  overflow: hidden;
  color: var(--gnb-ink);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gnb-data-list__name small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: #95a1b0;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gnb-data-list__icon {
  display: inline-flex;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #f1f5fd;
}

.gnb-data-list__icon img {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
}

.gnb-data-list__type,
.gnb-data-list__tags,
.gnb-data-list__updated {
  min-width: 0;
  overflow: hidden;
  color: #627187;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gnb-data-list__number {
  color: #314057;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.gnb-data-list .tileViewTag,
.gnb-data-list .tileViewNoTag {
  display: inline-flex;
  max-width: 100%;
  min-height: 19px;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1;
}

.gnb-row-status {
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 650;
}

.gnb-row-status--ready { background: var(--gnb-green-soft); color: #14815e; }
.gnb-row-status--idle { background: #f1f4f8; color: #758398; }

@media (max-width: 1240px) {
  .gnb-data-list { overflow-x: auto; }
  .gnb-data-list__header,
  .gnb-data-list__row { min-width: 980px; }
}

/* Settings, account and notebook surfaces inherit the same enterprise palette. */
.gn-app-shell .accountsPage.wrapper,
.gn-app-shell .visualization-cell,
.gn-app-shell .visualization-dx-data-header {
  border-color: var(--gnb-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.gn-app-shell .accountsPage.wrapper {
  margin-bottom: 10px;
}