/* EXPLORER SHELL */
.gbtox-explorer {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--gbtox-line);
}

.gbtox-explorer-header h4 {
  margin: 2px 0;
  font-size: 0.95rem;
}

.gbtox-explorer-toolbar {
  display: flex;
  gap: 7px;
  padding-right: 38px;
}

.gbtox-explorer-toolbar button {
  color: #496581;
  background: #f5f8fc;
  font-size: 0.74rem;
}

/* EXPLORER TABS */
.gbtox-explorer-tabs {
  display: flex;
  gap: 6px;
  margin: 10px 0;
  overflow-x: auto;
}

.gbtox-explorer-tabs button {
  cursor: pointer;
  padding: 8px 10px;
  border: 1px solid var(--gbtox-line);
  border-radius: 9px;
  color: #536681;
  background: #f2f5fb;
  font-size: 0.74rem;
  white-space: nowrap;
}

.gbtox-explorer-tabs button.is-active {
  color: #286b58;
  border-color: #7bcbb1;
  background: #dcf5eb;
}

.gbtox-explorer [role="tabpanel"] {
  position: relative;
  min-height: 170px;
  padding: 20px;
  border: 1px solid var(--gbtox-line);
  border-radius: 12px;
  background: #fff;
  text-align: center;
}

.gbtox-explorer [role="tabpanel"] p,
.gbtox-explorer [role="tabpanel"] small {
  color: #65758e;
  font-size: 0.78rem;
}

.gbtox-skeleton {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  height: 62px;
  margin-bottom: 15px;
}

.gbtox-skeleton span {
  border-radius: 8px;
  background: linear-gradient(90deg, #edf1f7, #f8fafc, #edf1f7);
}

/* ACTIVE VISUALIZATION LIFECYCLE */
.gbtox-plot-toolbar { position:relative; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:5px; margin-bottom:8px; }
.gbtox-plot-toolbar>button,.gbtox-plot-toolbar>details>summary { padding:6px 8px; border:1px solid var(--gbtox-line); border-radius:8px; color:#496581; background:#f5f8fc; font-size:.66rem; font-weight:700; cursor:pointer; }
.gbtox-plot-toolbar>button.is-active { color:#5746a4; border-color:#bdb2ee; background:#f0edff; }
.gbtox-plot-toolbar>.gbtox-approve-figure { color:#fff; border-color:#5b48ae; background:#6656b3; }
.gbtox-plot-toolbar>.gbtox-approve-figure:disabled { opacity:.5; cursor:not-allowed; }
.gbtox-fingerprint-state { display:grid; justify-items:end; gap:3px; text-align:right; }
.gbtox-fingerprint-state small { color:#71819a; font-size:.62rem; }
.gbtox-fingerprint-state small.is-approved { color:#27795e; font-weight:700; }
.gbtox-fingerprint-state small.is-different { color:#956b24; font-weight:700; }
.gbtox-plot-toolbar>details { position:relative; }
.gbtox-plot-toolbar>details>summary { list-style:none; }
.gbtox-plot-toolbar>details>summary::-webkit-details-marker { display:none; }
.gbtox-plot-settings { position:absolute; top:calc(100% + 6px); right:0; z-index:8; display:grid; gap:10px; width:min(430px,82vw); padding:11px; border:1px solid var(--gbtox-line); border-radius:10px; background:#fff; box-shadow:0 12px 32px rgba(32,48,78,.18); }
.gbtox-plot-settings fieldset { display:grid; grid-template-columns:repeat(2,minmax(135px,1fr)); gap:8px; min-width:0; margin:0; padding:10px; border:1px solid #e1e6ef; border-radius:9px; }
.gbtox-plot-settings legend { padding:0 5px; color:#4f4295; font-size:.66rem; font-weight:800; cursor:help; }
.gbtox-plot-settings legend span { display:inline-grid; place-items:center; width:15px; height:15px; margin-left:3px; border:1px solid #bdb2ee; border-radius:50%; color:#6656b3; font-size:.56rem; }
.gbtox-plot-settings legend:focus-visible { outline:2px solid #7157c8; outline-offset:2px; border-radius:4px; }
.gbtox-plot-settings label { display:grid; gap:3px; color:#526681; font-size:.63rem; font-weight:700; }
.gbtox-plot-settings input[type="number"],.gbtox-plot-settings input[type="text"] { min-width:0; width:100%; padding:6px 7px; border:1px solid var(--gbtox-line); border-radius:7px; color:#263a57; background:#fff; }
.gbtox-plot-settings .gbtox-setting-toggle { display:flex; align-items:center; gap:5px; }
.gbtox-explorer:fullscreen { margin:0; padding:18px; overflow:auto; border:0; background:#f4f8fc; }
.gbtox-explorer:fullscreen .gbtox-fingerprint-workspace { grid-template-columns:minmax(0,2.1fr) minmax(280px,.65fr); }
.gbtox-explorer:fullscreen .gbtox-fingerprint-plot { height:clamp(440px,58vh,720px)!important; }
.gbtox-explorer:fullscreen [data-gbtox-explorer-panel="samples"] .gbtox-plot { height:clamp(460px,62vh,760px)!important; }

.gbtox-explorer-header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.gbtox-explorer-header p { margin:4px 0 0; }
.gbtox-explorer[data-state="failed"] [data-gbtox-explorer-status] { color:#a43f50; }
.gbtox-explorer-display { display:flex; align-items:end; flex-wrap:wrap; gap:10px; margin:10px 0; padding:10px; border:1px solid var(--gbtox-line); border-radius:10px; background:#f7f9fd; text-align:left; }
.gbtox-explorer-display label { display:grid; gap:4px; color:#526681; font-size:.72rem; font-weight:700; }
.gbtox-explorer-display select { min-width:150px; padding:7px 9px; border:1px solid var(--gbtox-line); border-radius:8px; background:#fff; color:#263a57; }
.gbtox-explorer-display output { margin-left:auto; padding:7px 10px; border-radius:999px; color:#5947a6; background:#eeeaff; font-size:.7rem; font-weight:700; }
.gbtox-context-ribbon { display:grid; grid-template-columns:minmax(170px,.6fr) minmax(0,2.4fr) auto; gap:12px; margin:10px 0; padding:10px 12px; border:1px solid #dcd6fb; border-radius:11px; background:linear-gradient(110deg,#f6f3ff,#fbfcff); text-align:left; }
.gbtox-context-ribbon>.gbtox-guidance-btn { align-self:center; white-space:nowrap; }
.gbtox-explorer-explain { float:right; margin:0 0 10px 10px; }
.gbtox-explorer .gbtox-guidance-btn img { width:16px; height:16px; }
.gbtox-sample-inspector [data-gbtox-sample-panel="live"]>header .gbtox-guidance-btn { margin-left:auto; }
.gbtox-context-ribbon>div>span { display:block; color:#6656b3; font-size:.61rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.gbtox-context-ribbon>div>strong { display:block; margin-top:3px; color:#263a57; font-size:.78rem; overflow-wrap:anywhere; }
.gbtox-context-ribbon dl { display:flex; flex-wrap:wrap; gap:7px 16px; margin:0; }
.gbtox-context-ribbon dl>div { min-width:100px; max-width:270px; }
.gbtox-context-ribbon dt { color:#738197; font-size:.58rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.gbtox-context-ribbon dd { margin:2px 0 0; color:#344966; font-size:.69rem; font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.gbtox-explorer [role="tabpanel"] { padding:12px; text-align:left; }
.gbtox-plot { width:100%; min-height:430px; }
.gbtox-fingerprint-workspace { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,.72fr); gap:12px; align-items:start; }
.gbtox-fingerprint-main,.gbtox-run-analytics { min-width:0; border:1px solid var(--gbtox-line); border-radius:12px; background:#fbfcff; }
.gbtox-fingerprint-main { padding:10px; }
.gbtox-fingerprint-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:2px; }
.gbtox-fingerprint-heading h5 { margin:0; color:#263a57; font-size:.82rem; }
.gbtox-fingerprint-heading p { margin:3px 0 0; }
.gbtox-fingerprint-heading output { flex:0 0 auto; padding:5px 8px; border-radius:999px; color:#286b58; background:#e3f6ef; font-size:.66rem; font-weight:800; }
.gbtox-fingerprint-plot { min-height:0; }
.gbtox-sample-controls { display:flex; align-items:end; flex-wrap:wrap; gap:8px; margin-bottom:10px; padding:9px; border:1px solid var(--gbtox-line); border-radius:10px; background:#f7f9fd; }
.gbtox-sample-controls label { display:grid; gap:3px; color:#526681; font-size:.62rem; font-weight:750; }
.gbtox-sample-controls select,.gbtox-sample-controls input,.gbtox-sample-controls button { min-height:32px; padding:6px 8px; border:1px solid var(--gbtox-line); border-radius:8px; color:#496581; background:#fff; font-size:.67rem; font-weight:700; }
.gbtox-sample-search { flex:1 1 180px; }
.gbtox-sample-search input { width:100%; }
.gbtox-sample-modes { display:flex; gap:3px; padding:3px; border-radius:9px; background:#edf1f7; }
.gbtox-sample-modes button { min-height:28px; border-color:transparent; background:transparent; }
.gbtox-sample-modes button.is-active,.gbtox-sample-controls>button.is-active { color:#5746a4; border-color:#c9bff5; background:#f0edff; }
.gbtox-sample-controls output { margin-left:auto; padding:6px 8px; color:#65758e; font-size:.63rem; }
.gbtox-sample-workspace { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(280px,.72fr); gap:12px; align-items:start; }
.gbtox-sample-main,.gbtox-sample-inspector { min-width:0; border:1px solid var(--gbtox-line); border-radius:12px; background:#fbfcff; }
.gbtox-sample-main { padding:10px; }
.gbtox-sample-main>header,.gbtox-sample-inspector [data-gbtox-sample-panel="live"]>header,.gbtox-sample-pins>header { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.gbtox-sample-main>header strong,.gbtox-sample-inspector [data-gbtox-sample-panel="live"]>header strong { display:block; color:#243753; font-size:.82rem; }
.gbtox-sample-main>header small { display:block; margin-top:3px; }
.gbtox-sample-main>header>span { padding:4px 7px; border:1px solid #d8d2fa; border-radius:999px; color:#6656b3; background:#f4f1ff; font-size:.6rem; font-weight:800; white-space:nowrap; }
.gbtox-overview-plot { min-height:420px; }
.gbtox-sample-inspector { position:sticky; top:8px; padding:12px; text-align:left; }
.gbtox-sample-inspector [data-gbtox-sample-panel="live"]>header>span { padding:3px 6px; border-radius:999px; color:#26755e; background:#dff6ee; font-size:.56rem; font-weight:850; }
.gbtox-sample-inspector>p { margin:7px 0 10px; color:#65758e; font-size:.66rem; line-height:1.45; }
.gbtox-sample-inspector h6 { margin:12px 0 6px; color:#526681; font-size:.65rem; text-transform:uppercase; letter-spacing:.05em; }
.gbtox-sample-fingerprint { display:grid; grid-template-columns:repeat(auto-fit,minmax(38px,1fr)); gap:4px; }
.gbtox-sample-fingerprint button { min-width:0; height:43px; padding:4px 2px; border:1px solid hsl(248 45% calc(var(--fingerprint-lightness) - 8%)); border-radius:7px; color:#fff; background:hsl(248 55% var(--fingerprint-lightness)); text-shadow:0 1px 2px rgba(25,32,65,.32); cursor:pointer; }
.gbtox-sample-fingerprint button.is-selected { border-color:#fff; outline:3px solid #6c56d8; outline-offset:2px; box-shadow:0 0 0 5px rgba(108,86,216,.16),0 5px 12px rgba(54,44,105,.24); transform:translateY(-1px); }
.gbtox-sample-driver.is-selected { border-color:#8872e3; background:#f2efff; box-shadow:inset 4px 0 #6c56d8; }
.gbtox-sample-fingerprint span,.gbtox-sample-fingerprint small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gbtox-sample-fingerprint span { font-size:.62rem; font-weight:850; }.gbtox-sample-fingerprint small { color:inherit!important; font-size:.52rem!important; }
.gbtox-sample-driver { display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:7px; width:100%; margin:4px 0; padding:6px 7px; border:1px solid #e2e7f1; border-radius:8px; color:#3d526f; background:#fff; text-align:left; cursor:pointer; }
.gbtox-sample-driver>b { color:#8172c8; font-size:.64rem; }.gbtox-sample-driver span { min-width:0; }.gbtox-sample-driver strong { display:block; overflow:hidden; font-size:.64rem; text-overflow:ellipsis; white-space:nowrap; }.gbtox-sample-driver i { display:block; height:3px; max-width:100%; margin-top:4px; border-radius:999px; background:linear-gradient(90deg,#a594ed,#5b49b5); }.gbtox-sample-driver em { color:#6656b3; font-size:.6rem; font-style:normal; font-weight:800; }
.gbtox-sample-biology { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; }.gbtox-sample-biology span { padding:4px 6px; border:1px solid #ded8ff; border-radius:999px; color:#5d4caf; background:#f4f1ff; font-size:.57rem; }
.gbtox-sample-pins { margin-top:11px; padding:8px; border:1px dashed #c9cfdf; border-radius:10px; background:#fafbfe; }.gbtox-sample-pins>header { color:#5d6d87; font-size:.62rem; }.gbtox-sample-pins>[data-gbtox-pins] { display:flex; flex-wrap:wrap; gap:4px; margin:7px 0; }.gbtox-sample-pins>[data-gbtox-pins]>span { padding:4px 6px; border:1px solid #d5caff; border-radius:999px; color:#5b4bab; background:#eeeaff; font-size:.57rem; font-weight:750; }.gbtox-sample-pins>[data-gbtox-pins] button { padding:0 0 0 3px; border:0; color:inherit; background:transparent; cursor:pointer; }.gbtox-sample-pins>[data-gbtox-pin-sample] { width:100%; padding:6px; border:1px solid #d9d0ff; border-radius:7px; color:#5d4bb3; background:#f2efff; font-size:.62rem; font-weight:800; cursor:pointer; }.gbtox-sample-pins>[data-gbtox-pin-sample]:disabled { opacity:.5; cursor:not-allowed; }
[data-gbtox-sample-comparison]>p { margin:4px 0 7px; color:#65758e; font-size:.59rem; line-height:1.4; }.gbtox-pinned-row { display:grid; grid-template-columns:20px minmax(0,1fr) 45px; align-items:center; gap:5px; margin:3px 0; }.gbtox-pinned-row>b,.gbtox-pinned-row>em { font-size:.56rem; }.gbtox-pinned-row>em { color:#6656b3; font-style:normal; text-align:right; }.gbtox-pinned-row>span { position:relative; height:12px; }.gbtox-pinned-row i { position:absolute; left:0; max-width:100%; height:4px; border-radius:999px; }.gbtox-pinned-row i:first-child { top:1px; background:#6d58ce; }.gbtox-pinned-row i:last-child { bottom:1px; background:#ed8b60; }
.gbtox-pinned-single { margin:6px 0 8px; padding:9px; border:1px solid #ded8f7; border-radius:8px; background:#f8f6ff; }
.gbtox-pinned-single>strong { display:block; overflow-wrap:anywhere; color:#4f4295; font-size:.65rem; line-height:1.35; }
.gbtox-pinned-single>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:7px; }
.gbtox-pinned-single>div>span { display:grid; grid-template-columns:auto minmax(0,1fr); gap:2px 5px; padding:7px; border-radius:7px; color:#536681; background:#fff; font-size:.58rem; }
.gbtox-pinned-single span>b { grid-row:1 / 3; align-self:center; color:#6656b3; font-size:.72rem; }
.gbtox-pinned-single span>em { color:#263a58; font-style:normal; font-weight:800; }
.gbtox-pinned-single>p { display:flex; justify-content:space-between; gap:8px; margin:7px 0 0; color:#65758e; font-size:.6rem; }
.gbtox-pinned-single>p b { color:#6656b3; }
.gbtox-overview-boundary { margin:10px 0 0!important; padding:8px 9px; border-radius:8px; color:#65758e; background:#f0f3f8; font-size:.63rem!important; line-height:1.45; }
.gbtox-table-wrap tr.is-pinned th:first-child { box-shadow:inset 4px 0 #d8873e; }.gbtox-table-wrap tr.is-selected.is-pinned th:first-child { box-shadow:inset 4px 0 #6656b3,inset 8px 0 #d8873e; }
.gbtox-run-analytics { position:sticky; top:8px; padding:13px; text-align:left; }
.gbtox-analytics-tabs { display:flex; gap:5px; margin:-2px 0 11px; padding-bottom:9px; border-bottom:1px solid #e2e7f1; overflow-x:auto; }
.gbtox-analytics-tabs button { padding:6px 9px; border:1px solid var(--gbtox-line); border-radius:8px; color:#536681; background:#fff; font-size:.67rem; font-weight:750; white-space:nowrap; cursor:pointer; }
.gbtox-analytics-tabs button.is-active { color:#5746a4; border-color:#bdb2ee; background:#f0edff; }
.gbtox-analytics-tabs button:focus-visible { outline:2px solid #7157c8; outline-offset:2px; }
.gbtox-run-analytics [data-gbtox-analytics-panel] { min-height:0; padding:0; border:0; background:transparent; }
.gbtox-analytics-eyebrow { color:#6656b3; font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.gbtox-run-analytics h5 { margin:4px 0 6px; color:#243753; font-size:.86rem; }
.gbtox-run-analytics [data-gbtox-analytics-panel="live"]>p { margin:0 0 10px; line-height:1.55; }
.gbtox-guide-state { margin:0 0 9px; padding:8px 9px; border-radius:8px; color:#5746a4; background:#f2efff; font-size:.66rem; font-weight:700; line-height:1.45; }
.gbtox-guide-cards { display:grid; gap:7px; max-height:470px; padding-right:4px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:transparent transparent; }
.gbtox-guide-cards:hover,.gbtox-guide-cards.is-scrolling { scrollbar-color:#aab5c7 transparent; }
.gbtox-guide-cards::-webkit-scrollbar { width:5px; }
.gbtox-guide-cards::-webkit-scrollbar-track { background:transparent; }
.gbtox-guide-cards::-webkit-scrollbar-thumb { border-radius:999px; background:transparent; }
.gbtox-guide-cards:hover::-webkit-scrollbar-thumb,.gbtox-guide-cards.is-scrolling::-webkit-scrollbar-thumb { background:#aab5c7; }
.gbtox-guide-cards article { border:1px solid #e2e7f1; border-radius:9px; background:#fff; overflow:hidden; }
.gbtox-guide-cards article>button { display:flex; align-items:center; gap:6px; width:100%; padding:8px 9px; border:0; color:#243753; background:transparent; font-size:.7rem; font-weight:750; text-align:left; cursor:pointer; }
.gbtox-guide-cards article>button:hover { color:#5746a4; background:#faf9ff; }
.gbtox-guide-cards article>button:focus-visible { outline:2px solid #7157c8; outline-offset:-2px; }
.gbtox-guide-cards article>button span { flex:0 0 auto; font-size:1rem; line-height:.8; transition:transform .2s ease; }
.gbtox-guide-cards article>button[aria-expanded="true"] span { transform:rotate(90deg); }
.gbtox-guide-collapse { display:grid; grid-template-rows:0fr; transition:grid-template-rows .22s ease; }
.gbtox-guide-cards article>button[aria-expanded="true"] + .gbtox-guide-collapse { grid-template-rows:1fr; }
.gbtox-guide-collapse>p { min-height:0; margin:0; padding:0 9px; overflow:hidden; color:#65758e; font-size:.64rem; line-height:1.48; transition:padding .22s ease; }
.gbtox-guide-cards article>button[aria-expanded="true"] + .gbtox-guide-collapse>p { padding:0 9px 9px; }
.gbtox-analytics-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:10px 0; }
.gbtox-analytics-metrics>div { padding:8px; border:1px solid #e2e7f1; border-radius:9px; background:#fff; }
.gbtox-analytics-metrics span { display:block; color:#738197; font-size:.61rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.gbtox-analytics-metrics strong { display:block; margin-top:3px; color:#263a57; font-size:.76rem; overflow-wrap:anywhere; }
.gbtox-selection-chips,.gbtox-analytics-set { display:flex; flex-wrap:wrap; gap:5px; margin:8px 0; }
.gbtox-selection-chips>span,.gbtox-component-set>span { display:inline-flex; align-items:center; gap:3px; padding:4px 7px; border:1px solid #d8d2fa; border-radius:999px; color:#5746a4; background:#f4f1ff; font-size:.64rem; }
.gbtox-selection-chips button { padding:0; border:0; color:inherit; background:transparent; font-size:.78rem; cursor:pointer; }
.gbtox-analytics-body>h6 { margin:10px 0 5px; color:#526681; font-size:.68rem; }
.gbtox-analytics-rank { display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:7px; width:100%; margin:4px 0; padding:6px 8px; border:1px solid #e2e7f1; border-radius:8px; color:#3d526f; background:#fff; font-size:.67rem; text-align:left; }
button.gbtox-analytics-rank { cursor:pointer; }
.gbtox-analytics-rank b { color:#8172c8; }
.gbtox-analytics-rank strong,.gbtox-analytics-rank small { display:block; }
.gbtox-analytics-rank small { margin-top:2px; color:#77869b; font-size:.61rem; }
.gbtox-analytics-rank em { color:#6656b3; font-style:normal; font-variant-numeric:tabular-nums; font-weight:800; }
.gbtox-comparison-card { margin-top:7px; padding:8px; border-left:3px solid #8c7adb; border-radius:7px; background:#f5f3ff; }
.gbtox-comparison-card strong,.gbtox-comparison-card span { display:block; }
.gbtox-comparison-card strong { color:#4f4295; font-size:.68rem; }
.gbtox-comparison-card span { margin-top:3px; color:#536681; font-size:.65rem; line-height:1.4; }
.gbtox-component-set { display:flex; flex-wrap:wrap; gap:5px; }
.gbtox-analytics-note { margin-top:10px; padding:8px 9px; border-radius:8px; color:#65758e; background:#f0f3f8; font-size:.65rem; line-height:1.45; }
.gbtox-data-provenance .gbtox-table-wrap { max-height:300px; }
.gbtox-table-wrap { max-width:100%; margin-top:10px; overflow:auto; border:1px solid var(--gbtox-line); border-radius:10px; }
.gbtox-table-wrap table { width:100%; border-collapse:collapse; font-size:.72rem; }
.gbtox-table-wrap caption { padding:9px; color:#536681; text-align:left; font-weight:700; }
.gbtox-table-wrap th,.gbtox-table-wrap td { padding:7px 9px; border-top:1px solid #e3e8f1; text-align:right; white-space:nowrap; }
.gbtox-table-wrap th:first-child { position:sticky; left:0; z-index:1; background:#fff; text-align:left; }
.gbtox-table-wrap thead th { position:sticky; top:0; z-index:2; background:#f8faff; }
.gbtox-table-wrap thead th:first-child { z-index:4; }
.gbtox-table-wrap tr.is-selected th:first-child { box-shadow:inset 4px 0 #6656b3; color:#4f4295; background:#f2efff; }
.gbtox-table-wrap button { padding:2px 4px; border:0; color:#4b3ea0; background:transparent; font:inherit; cursor:pointer; }
.gbtox-table-wrap small { display:block; color:#75849a; }
.gbtox-data-provenance { margin-top:10px; padding:9px 11px; border:1px solid var(--gbtox-line); border-radius:10px; background:#f7f9fc; text-align:left; }
.gbtox-provenance-explain { float:right; margin-top:-34px; position:relative; z-index:1; }
.gbtox-provenance-toggle { display:flex; align-items:center; gap:6px; width:100%; padding:0; border:0; color:#536681; background:transparent; font-size:.74rem; font-weight:800; text-align:left; cursor:pointer; }
.gbtox-provenance-toggle span { display:inline-block; font-size:1.1rem; transition:transform .2s ease; }
.gbtox-provenance-toggle[aria-expanded="true"] span { transform:rotate(90deg); }
.gbtox-provenance-collapse { display:grid; grid-template-rows:0fr; transition:grid-template-rows .22s ease; }
.gbtox-provenance-toggle[aria-expanded="true"] + .gbtox-provenance-collapse { grid-template-rows:1fr; }
.gbtox-provenance-content { min-height:0; overflow:hidden; }
.gbtox-support-tabs { display:flex; gap:5px; margin:9px 0 7px; overflow-x:auto; }
.gbtox-support-tabs button { 
  cursor: pointer;
  padding:6px 9px; 
  border:1px solid var(--gbtox-line); 
  border-radius:8px; 
  color:#536681; 
  background:#fff; 
  font-size:.68rem; 
  white-space:nowrap; 
}
.gbtox-support-tabs button.is-active { color:#5746a4; border-color:#bdb2ee; background:#f0edff; }
.gbtox-data-provenance [role="tabpanel"] { min-height:0; padding:0; border:0; background:transparent; }
.gbtox-data-provenance [role="tabpanel"]>p { margin:4px 0; }
.gbtox-matrix-panel { margin-top:9px; border:1px solid var(--gbtox-line); border-radius:10px; background:#fff; overflow:hidden; }
.gbtox-matrix-panel>header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; color:#536681; font-size:.7rem; }
.gbtox-receipt-panel { margin-top:9px; border:1px solid var(--gbtox-line); border-radius:10px; background:#fff; overflow:hidden; }
.gbtox-receipt-panel>header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; color:#536681; font-size:.7rem; }
.gbtox-receipt-panel pre { margin:0; border-width:1px 0 0; border-radius:0; }
.gbtox-matrix-panel .gbtox-table-wrap { margin-top:0; border-width:1px 0 0; border-radius:0; }
.gbtox-membership { margin-top:9px; color:#536681; }
.gbtox-membership-status { padding:14px; border:1px solid var(--gbtox-line); border-radius:10px; background:#fff; }
.gbtox-membership-identity { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.gbtox-membership-identity>div { padding:10px; border:1px solid var(--gbtox-line); border-radius:9px; background:#fff; }
.gbtox-membership-identity span,.gbtox-membership-controls label { display:block; color:#718099; font-size:.64rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.gbtox-membership-identity strong { display:block; margin-top:4px; overflow-wrap:anywhere; color:#263a58; font-size:.72rem; }
.gbtox-membership-identity a { color:#5746a4; }
.gbtox-membership-governance { margin-top:8px; padding:9px 11px; border:1px solid var(--gbtox-line); border-radius:9px; background:#fff; }
.gbtox-membership-governance summary { cursor:pointer; color:#536681; font-size:.7rem; font-weight:800; list-style:none; }
.gbtox-membership-governance summary::-webkit-details-marker { display:none; }
.gbtox-membership-governance summary::before { content:"›"; display:inline-block; margin-right:6px; font-size:1rem; line-height:.8; transition:transform .22s ease; }
.gbtox-membership-governance[open] summary::before { transform:rotate(90deg); }
.gbtox-membership-governance dl { animation:gbtox-governance-open .22s ease both; transform-origin:top; }
@keyframes gbtox-governance-open { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
.gbtox-membership-governance dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 14px; margin:10px 0 0; }
.gbtox-membership-governance dl>div { min-width:0; }
.gbtox-membership-governance dt { color:#718099; font-size:.62rem; font-weight:800; text-transform:uppercase; }
.gbtox-membership-governance dd { margin:3px 0 0; overflow-wrap:anywhere; color:#30445f; font-size:.69rem; }
.gbtox-membership-governance code { font-size:.62rem; }
.gbtox-figure-approval-status { flex:1 0 100%; box-sizing:border-box; width:100%; margin-top:2px; padding:6px 9px; border:1px solid #dce3ed; border-radius:8px; color:#65758e; background:#f7f9fc; font-size:.62rem; font-weight:750; line-height:1.35; text-align:right; }
.gbtox-figure-approval-status.is-approved { color:#26755e; border-color:#bde4d5; background:#eaf8f2; }
.gbtox-figure-approval-status.is-different { color:#976417; border-color:#ead5a6; background:#fff8e8; }
.gbtox-explorer-toolbar .gbtox-continue-review:not(:disabled) { color:#fff; border-color:#6656b3; background:#6656b3; }
.gbtox-explorer-toolbar .gbtox-continue-review:not(:disabled):hover { background:#5543a5; }
.gbtox-membership-controls { display:grid; grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) minmax(120px,.55fr) auto; align-items:end; gap:8px; margin-top:9px; }
.gbtox-membership-controls select,.gbtox-membership-controls input { width:100%; margin-top:4px; padding:8px 9px; border:1px solid #d6deea; border-radius:8px; color:#263a58; background:#fff; font-family:inherit; font-size:.7rem; font-weight:600; text-transform:none; letter-spacing:normal; }
.gbtox-membership-summary { display:flex; align-items:baseline; gap:8px; margin-top:9px; padding:9px 11px; border-radius:9px; color:#536681; background:#efedff; font-size:.7rem; }
.gbtox-membership-summary strong { color:#5746a4; font-size:.9rem; }
.gbtox-membership-genes { display:flex; flex-wrap:wrap; gap:6px; max-height:260px; margin-top:8px; padding:10px; overflow:auto; border:1px solid var(--gbtox-line); border-radius:9px; background:#fff; }
.gbtox-membership-genes>span { display:inline-flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid #cfe6dc; border-radius:999px; color:#246951; background:#effaf5; font-size:.69rem; font-weight:750; }
.gbtox-membership-genes>span.is-missing { border-color:#ead4d4; color:#9b4242; background:#fff3f3; }
.gbtox-membership-genes small { color:inherit; opacity:.72; font-size:.57rem; font-weight:650; }
.gbtox-icon-action { display:inline-grid; place-items:center; width:30px; height:30px; padding:5px; border:1px solid var(--gbtox-line); border-radius:7px; color:#536681; background:#f7f9fc; cursor:pointer; }
.gbtox-icon-action:hover { color:#5746a4; border-color:#bdb2ee; background:#f0edff; }
.gbtox-icon-action:focus-visible { outline:2px solid #7157c8; outline-offset:2px; }
.gbtox-icon-action svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.gbtox-data-provenance pre { max-height:320px; margin:7px 0 0; padding:12px; overflow:auto; border:1px solid #dce3ed; border-radius:9px; color:#6b7280; background:#f8fafc; white-space:pre; font:500 .68rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; }
.gbtox-data-provenance .json-key { color:#5b3fb4; }.gbtox-data-provenance .json-string { color:#16725c; }.gbtox-data-provenance .json-number { color:#a94b2b; }.gbtox-data-provenance .json-literal { color:#9b3f78; font-weight:700; }.gbtox-data-provenance .json-punctuation { color:#5c6778; }

@media(max-width:980px){.gbtox-fingerprint-workspace,.gbtox-explorer:fullscreen .gbtox-fingerprint-workspace,.gbtox-sample-workspace{grid-template-columns:1fr}.gbtox-run-analytics,.gbtox-sample-inspector{position:static}.gbtox-fingerprint-heading{flex-direction:column}.gbtox-fingerprint-heading output{align-self:flex-start}}
@media(max-width:800px){.gbtox-explorer-display{align-items:stretch;flex-direction:column}.gbtox-explorer-display output{margin-left:0}.gbtox-context-ribbon{grid-template-columns:1fr}.gbtox-context-ribbon dl{gap:8px 12px}.gbtox-context-ribbon dl>div{flex:1 1 130px;max-width:none}.gbtox-plot:not(.gbtox-fingerprint-plot){min-height:360px}.gbtox-analytics-metrics{grid-template-columns:1fr}.gbtox-plot-toolbar{justify-content:flex-start}.gbtox-plot-settings{left:0;right:auto;width:min(320px,78vw)}.gbtox-plot-settings fieldset{grid-template-columns:1fr}.gbtox-membership-identity,.gbtox-membership-governance dl,.gbtox-membership-controls{grid-template-columns:1fr}}
