/* Worktree design trial: option 2. Only outer shell; iframe workspaces keep their styles. */
body.exa-shell-trial {
  --exawin-header-bg: #eaf1f2;
  --exawin-header-fg: #243441;
  --exawin-header-muted: #62717e;
  --exawin-header-border: #ccdadd;
  --exawin-header-hover: #dfe9ec;
  --trial-nav: #405563;
  --trial-rail: #1b2f3c;
  --trial-nav-line: #526774;
  --trial-edge: #344b59;
  --trial-nav-text: #f4f7f9;
  --trial-nav-muted: #c2cdd4;
  --trial-nav-hover: #4a6170;
  --trial-nav-selected: #526f7e;
  --trial-accent: #087f8c;
  --trial-marker: #97e2df;
  --trial-tab: #f5f6f8;
  --trial-tab-active: #ffffff;
  --trial-tab-text: #63727f;
}

html.dark body.exa-shell-trial {
  --exawin-header-bg: #17252e;
  --exawin-header-fg: #eef5f7;
  --exawin-header-muted: #bdccd4;
  --exawin-header-border: #344953;
  --exawin-header-hover: #263c47;
  --trial-tab: #1b303b;
  --trial-tab-active: #283f4b;
  --trial-tab-text: #bed0d8;
  --trial-nav: #293f4d;
  --trial-nav-line: #3c5260;
  --trial-nav-hover: #344e5e;
  --trial-nav-selected: #3c5969;
}

/* Continue the left navigation through the brand area of the header. */
html:root body.exa-shell-trial header.exa-white-header {
  height: 48px !important;
  min-height: 48px !important;
  border-bottom: 1px solid var(--exawin-header-border) !important;
  box-shadow: inset 0 1px 0 #ccdadd !important;
  background: var(--exawin-header-bg) !important;
  gap: 8px !important;
}
html:root body.exa-shell-trial header.exa-white-header::before,
html:root body.exa-shell-trial header.exa-white-header::after {
  content: "";
  display: block !important;
  position: absolute;
  top: 0;
  bottom: auto;
  height: 48px;
  box-sizing: border-box;
  border-right: 1px solid var(--trial-edge);
  box-shadow: inset 0 1px 0 #ccdadd !important;
  pointer-events: none;
  z-index: 0;
}
html:root body.exa-shell-trial header.exa-white-header::before {
  left: 38px;
  width: 248px;
  background: var(--trial-nav);
}
html:root body.exa-shell-trial header.exa-white-header::after {
  left: 0;
  width: 38px;
  background: var(--trial-rail);
}
html:root body.exa-shell-trial header.exa-white-header > div { position: relative; z-index: 1; }
html:root body.exa-shell-trial header.exa-white-header:has(#header-menu-toggle.is-closed)::before { display: none !important; }

html:root body.exa-shell-trial header.exa-white-header .exa-header-left { flex: 0 0 auto; }
html:root body.exa-shell-trial header.exa-white-header .exa-story-slot { margin-left: 0 !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-control-ribbon { gap: 8px !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-brand-ribbon {
  flex: 0 0 245px;
  width: 245px;
  box-sizing: border-box;
  padding-left: 21px !important;
}
html:root body.exa-shell-trial header.exa-white-header .exa-white-brand { font-size: 21px !important; font-weight: 750 !important; }
html:root body.exa-shell-trial header.exa-white-header #header-breadcrumb-sep { display: none; }
html:root body.exa-shell-trial header.exa-white-header #header-breadcrumb { margin-left: 16px; }
html:root body.exa-shell-trial header.exa-white-header:has(#header-menu-toggle.is-open) .exa-white-brand span:nth-child(-n+2) { color: var(--trial-nav-text) !important; }
html:root body.exa-shell-trial header.exa-white-header:has(#header-menu-toggle.is-open) .exa-white-brand span:last-child { color: var(--trial-marker) !important; }
html:root body.exa-shell-trial header.exa-white-header #header-menu-toggle .exa-header-toggle-frame { border-color: var(--trial-nav-muted) !important; }
html:root body.exa-shell-trial header.exa-white-header #header-menu-toggle { color: var(--trial-nav-muted) !important; }
html:root body.exa-shell-trial header.exa-white-header #header-menu-toggle:hover { background: var(--trial-nav-hover) !important; }
html:root body.exa-shell-trial header.exa-white-header:has(#header-menu-toggle.is-closed) .exa-brand-ribbon { flex-basis: auto; width: auto; }

html:root body.exa-shell-trial header.exa-white-header .exa-white-brand span:first-child { color: #d6363e !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-white-brand span:nth-child(2) { color: var(--exawin-header-fg) !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-white-brand span:last-child { color: var(--trial-accent) !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-header-toggle-frame {
  border-color: var(--exawin-header-muted) !important;
  background: transparent !important;
}
html:root body.exa-shell-trial header.exa-white-header .exa-story-dot { background: var(--exawin-header-border) !important; }
html:root body.exa-shell-trial #header-breadcrumb :is(a, span, svg) { color: var(--exawin-header-muted) !important; }
html:root body.exa-shell-trial #header-breadcrumb span:last-child { color: var(--exawin-header-fg) !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-white-header-sep { opacity: 1; }
html:root body.exa-shell-trial header.exa-white-header .exa-control-ribbon > .exa-white-header-sep { opacity: 1; }
html:root body.exa-shell-trial header.exa-white-header .exa-white-header-icon:not(.exa-ontology-ai-trigger) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html:root body.exa-shell-trial header.exa-white-header .exa-white-header-icon:hover,
html:root body.exa-shell-trial header.exa-white-header button[onclick^="showDownloadQR"]:hover { background: var(--exawin-header-hover) !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-story-time {
  border-color: transparent !important;
  background: transparent !important;
}
html:root body.exa-shell-trial header.exa-white-header button[onclick^="showDownloadQR"] {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:root body.exa-shell-trial header.exa-white-header button[onclick^="showDownloadQR"] span:first-child { color: var(--exawin-header-muted) !important; }
html:root body.exa-shell-trial header.exa-white-header button[onclick^="showDownloadQR"] span:last-child { color: var(--exawin-header-fg) !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-ontology-ai-trigger {
  background: var(--exawin-header-hover) !important;
  border-color: var(--exawin-header-border) !important;
  box-shadow: none !important;
}
html:root body.exa-shell-trial header.exa-white-header .exa-ontology-ai-trigger .exa-ontology-ai-label { color: var(--exawin-header-fg) !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-ontology-ai-trigger .exa-ontology-ai-eyebrow { color: var(--exawin-header-muted) !important; }
html:root body.exa-shell-trial header.exa-white-header .exa-ontology-ai-trigger > svg {
  color: var(--trial-accent) !important;
  stroke: var(--trial-accent) !important;
}

/* A connected left navigation surface, visibly separate from the header. */
html:root body.exa-shell-trial .exa-white-rail {
  background: var(--trial-rail) !important;
  border-right-color: var(--trial-edge) !important;
}
html:root body.exa-shell-trial .exa-white-rail > div:last-child { border-color: var(--trial-nav-line) !important; }
html:root body.exa-shell-trial .exa-rail-button,
html:root body.exa-shell-trial .exa-rail-button svg {
  color: var(--trial-nav-muted) !important;
  stroke: currentColor !important;
}
html:root body.exa-shell-trial .exa-rail-button:hover,
html:root body.exa-shell-trial .exa-rail-button-active,
html:root body.exa-shell-trial .exa-rail-button-active:hover {
  background: var(--trial-nav-selected) !important;
  color: var(--trial-marker) !important;
}
html:root body.exa-shell-trial .exa-rail-button:hover svg,
html:root body.exa-shell-trial .exa-rail-button-active svg { color: var(--trial-marker) !important; }
html:root body.exa-shell-trial .exa-rail-button-active { background: #2f4b59 !important; }
html:root body.exa-shell-trial .exa-rail-button-active::after { background: var(--trial-marker) !important; width: 3px !important; }

html:root body.exa-shell-trial #menu-panel,
html:root body.exa-shell-trial #menu-panel .exa-menu-scroll-shell,
html:root body.exa-shell-trial #menu-panel > div:first-child,
html:root body.exa-shell-trial #menu-panel > div:nth-child(2) {
  background: var(--trial-nav) !important;
  border-color: var(--trial-nav-line) !important;
  color: var(--trial-nav-text) !important;
}
html:root body.exa-shell-trial #menu-panel h2 { color: var(--trial-nav-text) !important; font-weight: 650 !important; }
html:root body.exa-shell-trial #menu-panel > div:first-child { padding-inline: 24px !important; }
html:root body.exa-shell-trial #menu-panel > div:first-child h2 { font-size: 13px !important; letter-spacing: .025em; }
html:root body.exa-shell-trial #menu-panel .exa-menu-search-row { border-bottom-color: transparent !important; }
html:root body.exa-shell-trial #menu-panel [data-menu-tree] { padding-top: 12px !important; }
html:root body.exa-shell-trial #menu-panel { border-right-color: var(--trial-edge) !important; }
html:root body.exa-shell-trial #menu-panel.w-\[0px\] { border-right-width: 0 !important; }
html:root body.exa-shell-trial #menu-panel .exa-white-menu-search {
  background: rgba(20, 37, 48, .22) !important;
  border-color: var(--trial-nav-line) !important;
  color: var(--trial-nav-text) !important;
  font-size: 12px !important;
}
html:root body.exa-shell-trial #menu-panel .exa-white-menu-search::placeholder { color: var(--trial-nav-muted) !important; }
html:root body.exa-shell-trial #menu-panel .exa-white-menu-search { border-radius: 7px !important; min-height: 34px; }
html:root body.exa-shell-trial #menu-panel .exa-menu-search-clear,
html:root body.exa-shell-trial #menu-panel .exa-white-menu-section,
html:root body.exa-shell-trial #menu-panel .exa-menu-search-status { color: var(--trial-nav-muted) !important; }

html:root body.exa-shell-trial #menu-panel .module-group a {
  border-color: transparent !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  min-height: 56px;
  background: transparent !important;
  box-shadow: none !important;
}
html:root body.exa-shell-trial #menu-panel .module-group a > i,
html:root body.exa-shell-trial #menu-panel .module-group a > svg,
html:root body.exa-shell-trial #menu-panel .module-group a > div > span:first-child {
  color: var(--trial-nav-text) !important;
  stroke: currentColor !important;
}
html:root body.exa-shell-trial #menu-panel .module-group a > div > span:first-child { font-size: 14px !important; font-weight: 550 !important; line-height: 1.35 !important; }
html:root body.exa-shell-trial #menu-panel .module-group a > div > span:last-child { color: var(--trial-nav-muted) !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.5 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; margin-top: 3px; }
html:root body.exa-shell-trial #menu-panel .module-group a:hover { background: var(--trial-nav-hover) !important; }
html:root body.exa-shell-trial #menu-panel .module-group a.exa-white-menu-active,
html:root body.exa-shell-trial #menu-panel .module-group a.exa-white-menu-active:hover {
  background: var(--trial-nav-selected) !important;
  border-color: transparent !important;
  box-shadow: inset 2px 0 0 var(--trial-marker) !important;
}
html:root body.exa-shell-trial #menu-panel .module-group a.exa-white-menu-active > div > span:first-child { font-weight: 650 !important; }
html:root body.exa-shell-trial #menu-panel .module-group a:is(:hover, .exa-white-menu-active) > div > span:last-child,
html:root body.exa-shell-trial #menu-panel .exa-menu-search-result:is(:hover, .is-active) :is(.exa-menu-search-result-description, .exa-menu-search-result-module) { color: #eef4f7 !important; }
html:root body.exa-shell-trial #menu-panel .exa-menu-search-result-title { color: var(--trial-nav-text) !important; }
html:root body.exa-shell-trial #menu-panel .exa-menu-search-result-description,
html:root body.exa-shell-trial #menu-panel .exa-menu-search-result-module { color: var(--trial-nav-muted) !important; }
html:root body.exa-shell-trial #menu-panel .exa-menu-search-result:hover,
html:root body.exa-shell-trial #menu-panel .exa-menu-search-result.is-active {
  background: var(--trial-nav-selected) !important;
  border-color: var(--trial-nav-line) !important;
  box-shadow: inset 2px 0 0 var(--trial-marker) !important;
}

/* Preserve license, Help and About; these are not a bottom viewport status bar. */
html:root body.exa-shell-trial #menu-panel .exa-menu-account-footer,
html:root body.exa-shell-trial #menu-panel .exa-menu-account-card {
  background: var(--trial-nav) !important;
  border-color: var(--trial-nav-line) !important;
  box-shadow: none !important;
}
html:root body.exa-shell-trial #menu-panel .exa-menu-account-product strong,
html:root body.exa-shell-trial #menu-panel .exa-menu-license-usage strong,
html:root body.exa-shell-trial #menu-panel .exa-menu-help-trigger { color: var(--trial-nav-text) !important; }
html:root body.exa-shell-trial #menu-panel .exa-menu-account-version,
html:root body.exa-shell-trial #menu-panel .exa-menu-license-usage { color: var(--trial-nav-muted) !important; }
html:root body.exa-shell-trial #menu-panel .exa-menu-plan-action { color: var(--trial-marker) !important; }
html:root body.exa-shell-trial #menu-panel .exa-menu-help-trigger { border-color: var(--trial-nav-line) !important; background: var(--trial-rail) !important; }
html:root body.exa-shell-trial #menu-panel .exa-menu-help-trigger:hover { background: var(--trial-nav-hover) !important; }
html:root body.exa-shell-trial #menu-panel .exa-menu-help-trigger { background: transparent !important; border-color: transparent !important; }

/* Match Omni light tabs; preserve ExaWin tab routing and global actions. */
html:root body.exa-shell-trial .exa-white-tabbar {
  height: 32px !important;
  min-height: 32px !important;
  background: var(--trial-tab) !important;
  border-bottom: 1px solid #cfd8e3 !important;
  padding-inline: 8px !important;
}
html:root body.exa-shell-trial #multi-tabs-container {
  scrollbar-width: thin !important;
  overflow-y: hidden;
}
html:root body.exa-shell-trial #multi-tabs-container::-webkit-scrollbar { display: block; }
html:root body.exa-shell-trial #multi-tabs-container > div {
  display: inline-flex;
  height: 28px !important;
  min-width: 0 !important;
  max-width: 210px !important;
  padding: 0 8px !important;
  gap: 7px;
  background: #f1f5f9 !important;
  color: #5f6d7f !important;
  border: 1px solid #cfd8e3 !important;
  border-bottom: 0 !important;
  border-radius: 6px 6px 0 0 !important;
  font-size: 12px;
  font-weight: 800 !important;
  white-space: nowrap;
  box-shadow: none !important;
}
html:root body.exa-shell-trial #multi-tabs-container > div > span { min-width: 0; font-size: 12px !important; }
html:root body.exa-shell-trial #multi-tabs-container > .z-10 {
  background: #fbfcfe !important;
  color: #0b66b2 !important;
}
html:root body.exa-shell-trial #multi-tabs-container > .z-10 > div.absolute {
  background: #0b66b2 !important;
  height: 3px !important;
  left: 8px; right: 8px; bottom: -1px;
  border-radius: 999px 999px 0 0;
}
html:root body.exa-shell-trial #multi-tabs-container > div > button {
  position: static !important;
  transform: none !important;
  translate: none !important;
  width: 16px !important; height: 16px !important; flex: 0 0 16px;
  border-radius: 4px;
  color: #5f6d7f !important;
  transition: opacity .12s ease, background-color .12s ease, color .12s ease;
}
html:root body.exa-shell-trial #multi-tabs-container > div > button:focus-visible { opacity: 1; }
html:root body.exa-shell-trial #multi-tabs-container > div > button:hover {
  background: #d8e2ee !important; color: #162033 !important; filter: none;
}
html:root body.exa-shell-trial .exa-white-action-primary,
html:root body.exa-shell-trial .exa-white-action-soft,
html:root body.exa-shell-trial .exa-white-action-danger {
  height: 24px !important;
  min-height: 24px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
}
html:root body.exa-shell-trial .exa-white-action-primary { background: var(--trial-accent) !important; color: #ffffff !important; }
html:root body.exa-shell-trial .exa-white-action-soft { background: var(--trial-tab-active) !important; color: var(--trial-tab-text) !important; }
html:root body.exa-shell-trial .exa-white-action-danger { background: var(--trial-tab-active) !important; color: #c2444e !important; }
html.dark:root body.exa-shell-trial .exa-white-action-danger { color: #ffadb4 !important; }
html:root body.exa-shell-trial .exa-white-action-soft,
html:root body.exa-shell-trial .exa-white-action-danger { border: 1px solid #ced7df !important; background: #ffffff !important; }
html:root body.exa-shell-trial #home-base,
html:root body.exa-shell-trial .exa-decision-field { background: var(--trial-tab) !important; }
html:root body.exa-shell-trial .exa-white-tabbar button:hover { filter: brightness(.96); }
html:root body.exa-shell-trial :is(.exa-white-header, .exa-white-rail, .exa-white-menu, .exa-white-tabbar) :is(button, a, input):focus-visible {
  outline: 2px solid var(--trial-marker) !important;
  outline-offset: 2px;
}

/* Compact utilities retain their controls and accessible text at narrow widths. */
@media (max-width: 1320px) {
  html:root body.exa-shell-trial header.exa-white-header button[onclick^="showDownloadQR"] { width: 32px !important; padding: 6px !important; justify-content: center; }
  html:root body.exa-shell-trial header.exa-white-header button[onclick^="showDownloadQR"] > svg { margin: 0 !important; }
  html:root body.exa-shell-trial header.exa-white-header button[onclick^="showDownloadQR"] > div,
  html:root body.exa-shell-trial header.exa-white-header .exa-header-profile > div:first-child > .text-left {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%);
  }
  html:root body.exa-shell-trial header.exa-white-header #header-breadcrumb { max-width: 140px; }
}

html:root body.exa-shell-trial #global-save-btn { border: 1px solid #087482 !important; }
html:root body.exa-shell-trial #global-delete-btn {
  width: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  background: #c9434e !important;
  border-color: #b73843 !important;
  color: #ffffff !important;
}
html:root body.exa-shell-trial #global-delete-btn:hover { background: #b73843 !important; }

html:root body.exa-shell-trial #global-all-close-btn {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html:root body.exa-shell-trial #global-delete-btn svg { color: #ffffff !important; stroke: currentColor !important; }