@layer appearance-study {
/* Presentation only. Keep Market Flow's independent ranking and tracing. */
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal,
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile {
  --flow-ink:rgb(var(--mono-ink-rgb,23,23,19));
  --flow-paper:rgb(var(--mono-paper-rgb,255,255,255));
  --flow-inset:rgba(var(--mono-ink-rgb,23,23,19),.035);
  --flow-hover:rgba(var(--mono-ink-rgb,23,23,19),.075);
  --flow-rule:rgba(var(--mono-ink-rgb,23,23,19),.16);
}
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__columns { gap:16px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__column > header { padding:0 4px 8px !important; min-height:0 !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__column h3 { color:var(--flow-ink) !important; font:650 12px/1.4 Inter,sans-serif !important; letter-spacing:.065em !important; text-transform:uppercase !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__list { gap:6px !important; padding:3px !important; scrollbar-color:var(--flow-rule) transparent !important; }
html[data-mono] body.page-scp.sci-market-flow-mode [data-market-flow-aggregate-column] .sci-market-flow-terminal__item,
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__card {
  grid-template-columns:24px minmax(0,1fr) !important;
  min-height:54px !important; padding:8px 10px !important; gap:8px !important;
  border:1px solid var(--flow-rule) !important; border-radius:7px !important;
  color:var(--flow-ink) !important; background:var(--flow-paper) !important; box-shadow:none !important;
  transform:none !important; transition:background-color 100ms ease,border-color 100ms ease !important;
}
html[data-mono] body.page-scp.sci-market-flow-mode [data-market-flow-aggregate-column="input"] .sci-market-flow-terminal__item { grid-template-columns:36px minmax(0,1fr) !important; background:var(--flow-paper) !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-company-row:has(> .sci-market-flow-profile-link) > .sci-market-flow-terminal__item,
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-company-row:has(> .sci-market-flow-profile-link) > .sci-market-flow-mobile__card { padding-right:38px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__item :is(strong,small),
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__copy strong {
  color:var(--flow-ink) !important; font:650 14px/1.35 Inter,sans-serif !important;
  letter-spacing:-.015em !important; white-space:normal !important; overflow-wrap:anywhere !important;
}
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__item small { font-size:12px !important; font-weight:600 !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__copy > span { gap:10px !important; align-items:center !important; }
html[data-mono] body.page-scp.sci-market-flow-mode [data-market-flow-aggregate-column] .sci-market-flow-terminal__item:is(.is-preview-related) { background:var(--flow-hover) !important; border-color:var(--flow-rule) !important; }
html[data-mono] body.page-scp.sci-market-flow-mode [data-market-flow-aggregate-column] .sci-market-flow-terminal__item:is(:hover,.is-preview-source) { background:var(--flow-hover) !important; border-color:var(--flow-ink) !important; }

html[data-mono] body.page-scp.sci-market-flow-mode [data-market-flow-aggregate-column] .sci-market-flow-terminal__item:focus-visible,
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__card:focus-visible { outline:2px solid var(--flow-ink) !important; outline-offset:2px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__logo { width:24px !important; height:24px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-hq-flag { width:22px !important; height:16px !important; flex-basis:22px !important; border-radius:3px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__input-mark { width:36px !important; height:36px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .has-component-image { display:flex !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; overflow:hidden !important; border-radius:7px !important; background:rgba(var(--mono-paper-rgb, 244,245,246), 1) !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .has-component-image img { display:block !important; width:100% !important; height:100% !important; padding:0 !important; object-fit:contain !important; filter:none !important; mix-blend-mode:normal !important; transform:none !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-company-row > .sci-market-flow-profile-link { background:transparent !important; color:var(--flow-ink) !important; opacity:1 !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__more { color:var(--flow-ink) !important; background:var(--flow-inset) !important; border:1px solid var(--flow-rule) !important; border-radius:8px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-reading-guide { color:var(--flow-ink) !important; font:500 12px/1.5 Inter,sans-serif !important; margin:10px 2px 12px !important; }
/* Keep the selected node neutral; the focus control names the current selection. */
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__item:is(.is-active,.is-related):not(:hover):not(.is-preview-source):not(.is-preview-related) { background:var(--flow-paper) !important; border-color:var(--flow-rule) !important; box-shadow:none !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__controls > div { border:1px solid var(--flow-rule) !important; border-radius:7px !important; background:transparent !important; padding:2px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__controls button { color:var(--flow-ink) !important; font-size:12px !important; border-radius:4px !important; padding:0 8px !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__controls button.is-active { color:var(--flow-ink) !important; background:var(--flow-hover) !important; box-shadow:none !important; }
@media(max-width:760px) {
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; grid-template-rows:none !important; gap:6px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > * { grid-column:1 / -1 !important; grid-row:auto !important; min-width:0 !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__country--recipient { grid-column:1 !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile-filter-toggle { grid-column:2 !important; border-radius:7px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__coverage { display:none !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head .korthos-select__button { border-radius:7px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__meta { display:flex !important; flex-direction:row !important; align-items:center !important; gap:8px !important; }
  /* The stage tabs and current heading already identify the root view. */
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-reading-guide,
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__metrics,
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__nav:not(:has(button)) { display:none !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__summary { margin-top:12px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__list { gap:6px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__card { grid-template-columns:24px minmax(0,1fr) auto !important; min-height:56px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__card--input { grid-template-columns:36px minmax(0,1fr) auto !important; background:var(--flow-paper) !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__copy strong { font-size:14px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-mobile__meta small { color:var(--flow-ink) !important; font:600 12px/1.4 Inter,sans-serif !important; }
}

/* Direct filters in two compact rows, without an expansion control. */
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head {
  display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  grid-template-rows:auto auto !important; align-items:center !important;
  gap:8px !important; height:auto !important; min-height:0 !important;
  padding:0 0 8px !important; border-bottom:0 !important;
}
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > * { grid-area:auto !important; width:100% !important; min-width:0 !important; margin:0 !important; order:0 !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > label { display:block !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head .korthos-select__button {
  height:38px !important; min-height:38px !important; border:1px solid var(--flow-rule) !important;
  border-radius:5px !important; background:var(--flow-paper) !important; box-shadow:none !important;
  color:var(--flow-ink) !important; font:500 13px/1.3 Inter,sans-serif !important; padding:0 10px !important;
}
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > .sci-market-flow-terminal__controls {
  display:flex !important; grid-column:1 / 4 !important; grid-row:2 !important;
  flex-direction:row !important; flex-wrap:wrap !important; gap:8px !important; padding:0 !important; background:transparent !important;
}
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__controls > div { width:auto !important; height:auto !important; min-height:38px !important; flex:0 0 auto !important; background:transparent !important; border:1px solid var(--flow-rule) !important; padding:2px !important; gap:2px !important; border-radius:5px !important; box-sizing:border-box !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__controls button { flex:0 1 auto !important; min-height:32px !important; padding:6px 10px !important; font:500 13px/1.3 Inter,sans-serif !important; white-space:nowrap !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__controls button.is-active { background:var(--landscape-selected,var(--flow-hover)) !important; box-shadow:none !important; font-weight:650 !important; }
html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > :is(.sci-market-flow-terminal__coverage,.sci-market-flow-terminal__head-actions) {
  display:flex !important; grid-column:4 / 6 !important; grid-row:2 !important; justify-self:end !important;
  width:auto !important; background:transparent !important;
}
@media(min-width:761px) and (max-width:1150px) {
  /* The graph can scroll horizontally; its controls stay within the visible viewport. */
  html[data-mono] body.page-scp.sci-market-flow-mode #sci-lanes-grid { container-type:inline-size; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head,
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-reading-guide {
    box-sizing:border-box !important; width:calc(100cqw - 32px) !important;
    position:sticky !important; left:0 !important; white-space:normal !important;
  }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head { grid-template-columns:repeat(6,minmax(0,1fr)) !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > label { grid-column:span 2 !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > .sci-market-flow-terminal__controls { grid-column:1 / -1 !important; grid-row:3 !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > :is(.sci-market-flow-terminal__coverage,.sci-market-flow-terminal__head-actions) { grid-column:5 / 7 !important; grid-row:2 !important; }
}
@media(max-width:760px) {
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > label { grid-column:auto !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > .sci-market-flow-terminal__focus { grid-column:1 / -1 !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head .korthos-select__button { height:40px !important; min-height:40px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > .sci-market-flow-terminal__controls { grid-column:1 / -1 !important; grid-row:auto !important; flex-wrap:wrap !important; gap:6px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__controls > div { flex:1 0 100% !important; height:auto !important; min-height:44px !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__controls button { flex:1 1 0 !important; min-width:0 !important; min-height:40px !important; padding:6px !important; white-space:normal !important; }
  html[data-mono] body.page-scp.sci-market-flow-mode .sci-market-flow-terminal__head > :is(.sci-market-flow-terminal__coverage,.sci-market-flow-terminal__head-actions) { grid-column:1 / -1 !important; grid-row:auto !important; }
}
}
