/* Independent shell experiment; scheduling styles remain original. */
.omni-shell-body .omni-home-base,
.omni-shell-body .omni-scheduling { background: #f8fafc; }
/* Run selection is blue; the original green recommendation cue stays distinct. */
.omni-shell-body [data-schedule-view="control"] .run-row.is-active {
  background: #e8f2ff;
  border-color: #8ab7eb;
  box-shadow: inset 0 -3px #2878c8;
}
.omni-shell-body [data-schedule-view="control"] .run-row.hub-recommended.is-active {
  box-shadow: inset 3px 0 #218577, inset 0 -3px #2878c8;
}
.omni-shell-body [data-schedule-view="control"] .run-row.is-active .run-row-number {
  display: flex; flex-direction: column; justify-content: center; gap: 1px;
  min-height: 31px; color: #fff; background: #246bb0; border-color: #246bb0;
}
.omni-shell-body [data-schedule-view="control"] .run-row.is-active .run-row-number::after {
  content: '선택됨'; font-size: 9px; line-height: 11px; font-weight: 500;
}
html[lang="en"] .omni-shell-body [data-schedule-view="control"] .run-row.is-active .run-row-number::after { content: 'Selected'; }
html[lang="ja"] .omni-shell-body [data-schedule-view="control"] .run-row.is-active .run-row-number::after { content: '選択中'; }
html[lang="zh"] .omni-shell-body [data-schedule-view="control"] .run-row.is-active .run-row-number::after { content: '已选中'; }
html[lang="vi"] .omni-shell-body [data-schedule-view="control"] .run-row.is-active .run-row-number::after { content: 'Đã chọn'; }
html[lang="id"] .omni-shell-body [data-schedule-view="control"] .run-row.is-active .run-row-number::after { content: 'Dipilih'; }
.omni-shell-body [data-schedule-view="control"] .run-row:focus-visible { outline: 2px solid #2878c8; outline-offset: 2px; }
.omni-shell-body .omni-header { position: relative; border-top: 0; }
.omni-shell-body .omni-header::before {
  content: none;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #cedcde;
  z-index: 2;
  pointer-events: none;
}
.omni-shell-body { --trial-nav: #405563; --trial-rail: #ccdadc; --trial-ink: #f4f7f9; --trial-muted: #c2cdd4; --trial-marker: #97e2df; }
.omni-shell-body .omni-header { --omni-text: #263e48; --omni-muted: #627b85; --omni-avatar-bg: #d6e3e6; --omni-avatar-text: #36545b; --omni-icon-theme: #627b85; --omni-icon-ai: #426c77; background: #f5f6f8; color: #263e48; border-color: #cedcde; padding-left: 0; gap: 8px; }
.omni-header .omni-header-left { gap: 0; height: 100%; }
.omni-header .omni-header-toggle { width: var(--omni-rail-width); height: 48px; border-radius: 0; flex-shrink: 0; background: var(--trial-rail); color: #526b73; }
.omni-header .omni-brand { width: var(--omni-menu-width); height: 48px; flex-shrink: 0; padding-left: 19px; background: var(--trial-nav); font-size: 18px; }
.omni-header .omni-brand-exa, .omni-header .omni-brand-omni { color: var(--trial-ink); background: none; -webkit-text-fill-color: currentColor; }
.omni-header .omni-brand-wordmark::after { display: block; }
.omni-header .omni-breadcrumb { margin-left: 22px; padding-left: 0; border: 0; color: #627b85; }
.omni-header .omni-header-actions { gap: 10px; }
.omni-header .omni-icon-button, .omni-header .omni-story-time, .omni-header .omni-locale-trigger, .omni-header .omni-user-button { color: #627b85; }
.omni-header .omni-header-separator { background: #cfdddf; }
.omni-header .omni-ai-button { color: #426c77; background: #f1f7f7; border: 1px solid #cbdddf; border-radius: 8px; }
.omni-header svg, .omni-rail svg { stroke-width: 1.65; }
.omni-shell-body .omni-rail { background: var(--trial-rail); border-color: #bdcfd2; }
.omni-rail .omni-rail-button { color: #526b73; }
.omni-rail .omni-rail-button:hover { color: #985b24; background: rgba(243, 172, 103, .10); }
.omni-rail .omni-rail-button.active { color: #985b24; background: rgba(243, 172, 103, .16); }
.omni-rail .omni-rail-button.active::after { background: #985b24; width: 2px; }
.omni-shell-body .omni-menu-panel { background: var(--trial-nav); border-color: #526774; }
.omni-menu-panel .demo-menu-heading { color: var(--trial-ink); border-color: #526774; font-size: 14px; padding: 20px 19px; }
.omni-menu-panel .demo-menu-list { padding: 15px 10px; }
.omni-menu-panel .demo-menu-heading { flex-shrink: 0; }
.omni-menu-panel .demo-menu-list { overflow-y: auto; min-height: 0; scrollbar-width: thin; scrollbar-color: #718491 transparent; }
.omni-menu-panel .demo-menu-item { align-items: flex-start; }
.omni-menu-panel .trial-menu-copy { display: flex; flex-direction: column; min-width: 0; gap: 5px; }
.trial-menu-name { display: block; }
.trial-menu-description { display: block; color: #c2cdd4; font-size: 11px; line-height: 1.5; font-weight: 400; word-break: keep-all; overflow-wrap: anywhere; }
.omni-menu-panel .demo-menu-item > .mdi { line-height: 20px; }
.trial-menu-search { display: flex; align-items: center; gap: 8px; margin-top: 16px; padding: 8px 10px; background: rgba(20, 37, 48, .22); border: 1px solid #526774; border-radius: 7px; color: var(--trial-muted); }
.trial-menu-search:focus-within { border-color: var(--trial-marker); }
.trial-menu-search > svg { width: 14px; height: 14px; flex-shrink: 0; }
.trial-menu-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; box-shadow: none; background: transparent; color: var(--trial-ink); font: inherit; font-size: 12px; font-weight: 400; }
.trial-menu-search input::placeholder { color: var(--trial-muted); opacity: 1; font-size: 12px; text-transform: none; }
.omni-menu-panel [hidden] { display: none !important; }
.trial-menu-empty { margin: 12px 19px; color: var(--trial-muted); font-size: 12px; }
.omni-menu-panel .demo-menu-item { color: var(--trial-ink); padding-top: 15px; padding-bottom: 15px; border-radius: 5px; font-weight: 400; }
.omni-menu-panel .demo-menu-item > .mdi { color: var(--trial-muted); }
.omni-menu-panel .demo-menu-item.is-hovered, .omni-menu-panel button.demo-menu-item:hover { background: #4a6170; }
.omni-menu-panel .demo-menu-item.is-selected { color: var(--trial-ink); background: #526f7e; box-shadow: inset 3px 0 var(--trial-marker); }
.omni-menu-panel .demo-menu-item.is-selected > .mdi { color: var(--trial-marker); }
.omni-menu-panel .demo-menu-item:focus-visible { outline-color: var(--trial-marker); }
/* Group headings follow Omni's hierarchy; only screen entries carry icons and descriptions. */
.omni-menu-panel .demo-menu-list > .demo-menu-item {
  min-height: 30px;
  margin-top: 24px;
  padding: 6px 9px;
  color: #c2cdd4;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 0;
}
.omni-menu-panel .demo-menu-list > .demo-menu-item:first-child { margin-top: 0; }
.omni-menu-panel .demo-menu-list > .demo-menu-item > .mdi:first-child,
.omni-menu-panel .demo-menu-list > .demo-menu-item .trial-menu-description { display: none; }
.omni-menu-panel .demo-menu-list > .demo-menu-item > .demo-chevron {
  color: #c2cdd4;
  font-size: 14px;
  line-height: 18px;
}
.omni-menu-panel .demo-submenus .demo-menu-item {
  padding: 12px 12px 12px 16px;
  font-size: 12px;
}
.omni-menu-panel .demo-submenus .trial-menu-name { font-weight: 600; }
.omni-menu-panel .demo-submenus .trial-menu-copy { gap: 3px; }
.omni-menu-panel .demo-submenus .trial-menu-description { color: #c2cdd4; }
.omni-shell-body.trial-menu-closed .omni-header .omni-brand { width: 151px; background: #f5f6f8; }
.omni-shell-body.trial-menu-closed .omni-brand-exa, .omni-shell-body.trial-menu-closed .omni-brand-omni { color: #263e48; }
/* Light midpoint tone; the subtle bottom rule provides separation. */
.omni-shell-body .omni-tab-shell { background: #f3f5f7; border-bottom: 1px solid rgba(204, 218, 221, .45); }
/* Continue the approved light menu surface through the brand area. */
.omni-shell-body .omni-menu-panel {
  --trial-nav: #eaf1f2;
  --trial-ink: #243441;
  --trial-muted: #62717e;
  --trial-marker: #087f8c;
  border-color: #ccdadd;
}
.omni-menu-panel .demo-menu-heading { border-color: #ccdadd; }
.omni-menu-panel .trial-menu-search { background: #f6fafb; border-color: #c3d2d6; }
.omni-menu-panel .trial-menu-search:focus-within { border-color: var(--trial-marker); }
.omni-menu-panel .trial-menu-description,
.omni-menu-panel .demo-submenus .trial-menu-description,
.omni-menu-panel .demo-menu-list > .demo-menu-item,
.omni-menu-panel .demo-menu-list > .demo-menu-item > .demo-chevron { color: var(--trial-muted); }
.omni-menu-panel .demo-menu-item.is-hovered,
.omni-menu-panel button.demo-menu-item:hover { background: #dfe9ec; }
.omni-menu-panel .demo-menu-item.is-selected { background: #d3e5e8; }
.omni-shell-body .omni-header .omni-brand { background: #405563; border-right: 1px solid #344b59; }
/* Keep the dark navigation continuous even at fractional iframe scales. */
.omni-shell-body:not(.trial-menu-closed) .omni-header {
  border-bottom-color: transparent;
  background: linear-gradient(to right, #1b2f3c 0 var(--omni-rail-width),
    #405563 var(--omni-rail-width) calc(var(--omni-rail-width) + var(--omni-menu-width)),
    #f5f6f8 calc(var(--omni-rail-width) + var(--omni-menu-width)));
}
.omni-shell-body:not(.trial-menu-closed) .omni-header::after {
  content: ''; position: absolute; bottom: -1px; right: 0;
  left: calc(var(--omni-rail-width) + var(--omni-menu-width));
  height: 1px; background: #cedcde; pointer-events: none;
}
.omni-shell-body:not(.trial-menu-closed) .omni-brand { box-shadow: 0 2px #405563; }
.omni-shell-body:not(.trial-menu-closed) .omni-header-toggle { box-shadow: 0 2px #1b2f3c; }
.omni-shell-body .omni-header .omni-brand-exa,
.omni-shell-body .omni-header .omni-brand-omni { color: #f4f7f9; }
.omni-shell-body.trial-menu-closed .omni-header .omni-brand-exa,
.omni-shell-body.trial-menu-closed .omni-header .omni-brand-omni { color: #263e48; }
/* Left navigation baseline: exact light-mode ExaWin trial tokens and item styles. */
.omni-shell-body .omni-rail { background: #1b2f3c; border-color: #344b59; }
.omni-header .omni-header-toggle { background: #1b2f3c; color: #c2cdd4; }
.omni-rail .omni-rail-button { color: #c2cdd4; }
.omni-rail .omni-rail-button:hover { background: #526f7e; color: #97e2df; }
.omni-rail .omni-rail-button.active { background: #2f4b59; color: #97e2df; }
.omni-rail .omni-rail-button.active:hover { background: #526f7e; }
.omni-rail .omni-rail-button.active::after { background: #97e2df; width: 3px; }
.omni-shell-body .omni-menu-panel {
  --trial-nav: #405563; --trial-ink: #f4f7f9; --trial-muted: #c2cdd4; --trial-marker: #97e2df;
  border-color: #344b59;
}
.omni-menu-panel .demo-menu-heading { padding-inline: 24px; border-color: #526774; font-size: 13px; font-weight: 650; letter-spacing: .025em; }
.omni-menu-panel .demo-menu-list { padding-top: 12px; }
.omni-menu-panel .trial-menu-search { background: rgba(20,37,48,.22); border-color: #526774; min-height: 34px; letter-spacing: normal; }
.omni-menu-panel .demo-submenus .demo-menu-item { padding: 10px 12px; min-height: 56px; border-radius: 8px; }
.omni-menu-panel .demo-submenus .trial-menu-name { font-size: 14px; font-weight: 550; line-height: 1.35; }
.omni-menu-panel .demo-submenus .demo-menu-item > .mdi { color: #f4f7f9; }
.omni-menu-panel .demo-menu-item.is-hovered,
.omni-menu-panel button.demo-menu-item:hover { background: #4a6170; }
.omni-menu-panel .demo-menu-item.is-selected,
.omni-menu-panel button.demo-menu-item.is-selected:hover { background: #526f7e; box-shadow: inset 2px 0 #97e2df; }
.omni-menu-panel .demo-submenus .is-selected .trial-menu-name { font-weight: 650; }
.omni-menu-panel .demo-submenus .is-selected .trial-menu-name,
.omni-menu-panel .demo-submenus .demo-menu-item.is-selected > .mdi { color: #b5ece7; }
.omni-menu-panel .demo-menu-item:is(:hover,.is-selected) .trial-menu-description { color: #eef4f7; }
/* Restore the current Omni wordmark, including its original superscript plus. */
.omni-shell-body .omni-header .omni-brand {
  --omni-brand-omni-start: #d9f1ff;
  --omni-brand-omni-end: #9ff3dd;
  --omni-brand-plus: #f97316;
}
.omni-shell-body .omni-header .omni-brand-exa { color: #fff; }
.omni-shell-body .omni-header .omni-brand-omni {
  background: linear-gradient(90deg, var(--omni-brand-omni-start), var(--omni-brand-omni-end));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.omni-shell-body.trial-menu-closed .omni-header .omni-brand { --omni-brand-omni-start: #0b66b2; --omni-brand-omni-end: #0f9f8f; }
.omni-shell-body.trial-menu-closed .omni-header .omni-brand-exa { color: #1e3a5f; }
/* Header language selection is click/keyboard controlled in the standalone demo. */
#shell-locale-switcher:not(.is-open) .omni-locale-menu { display: none; }
#shell-locale-switcher.is-open .omni-locale-menu { display: block; opacity: 1; visibility: visible; pointer-events: auto; }
#shell-locale-switcher .omni-locale-menu button[aria-current="true"] { background: #e7f0f3; }
#omni-shell-root [data-inspector-body] .trial-risk-text,
#omni-shell-root [data-overall-score] .trial-risk-text { color: #c62828; font-weight: 700; }
[data-action="guided-demo"],
.trial-language-preview [data-action="guided-demo"] { display: none !important; }
.omni-shell-root { visibility: hidden; }
.trial-korean-tour .omni-shell-root { visibility: visible; }
.schedule-header-actions { display: flex; }
.schedule-header-actions [data-action="compare"] { display: inline-flex; }
.trial-korean-tour .demo-submenus { grid-template-rows: 1fr; }
.trial-korean-tour .demo-cursor[hidden] { display: none; }
.trial-korean-tour .trial-chart-focus { background: #e7f3fd; box-shadow: inset 0 0 0 1px #82b4d2; border-radius: 3px; }
[data-wb-field]::selection,
[data-run-name-input]::selection,
[data-schedule-name-input]::selection { color: #fff; background: #1675df; }
[data-wb-field]:focus { border-color: #1675df; outline: 1px solid #1675df; outline-offset: -1px; }
.trial-language-preview .trial-controls { visibility: hidden; }