/* ============================================================
 * LncACTdb 4.0 — Expression & Co-expression tool (page-specific)
 * Loaded after tools/lncact-tools.css. Mirrors the Network tool standard.
 * ============================================================ */

/* Pearson-r chip in the correlation chart title */
#exCorrTitle .la-r{font:600 12px var(--la-mono);padding:3px 10px;border-radius:999px;
  margin-left:10px;vertical-align:middle;}
#exCorrTitle .la-r--pos{color:#047857;background:rgba(16,185,129,.12);}
#exCorrTitle .la-r--neg{color:#b91c1c;background:rgba(239,68,68,.12);}
#exCorrTitle .la-r--na{color:var(--la-muted);background:var(--la-bg-tint);}

/* ---- top: 3 UMAP/tSNE maps ---- */
.la-ex-maps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.la-ex-map{border:1px solid var(--la-line);border-radius:12px;overflow:hidden;background:#fff;}
.la-ex-map__t{font:700 12.5px var(--la-font);color:var(--la-ink);padding:9px 12px;
  border-bottom:1px solid var(--la-line-2);border-left:3px solid var(--c,var(--la-primary));}
.la-ex-map__c{height:260px;}
/* embedding toggle (UMAP/tSNE) in the maps header */
.la-dt-embtog button{font:600 12px var(--la-font);color:var(--la-muted);background:var(--la-bg-soft);
  border:1px solid var(--la-line);border-radius:8px;padding:5px 12px;cursor:pointer;margin-left:6px;transition:.15s;}
.la-dt-embtog button.on{background:var(--la-primary);color:#fff;border-color:var(--la-primary);}

/* ---- bottom: 3 regression scatters ---- */
.la-ex-scatters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.la-ex-sc{border:1px solid var(--la-line);border-radius:12px;overflow:hidden;background:#fff;position:relative;}
.la-ex-sc__t{position:relative;top:2px;left:50%;transform:translateX(-20%);z-index:2;}



/* 图表头里的实时点大小滑块 */
.la-symslider{display:inline-flex;align-items:center;gap:8px;color:var(--la-muted);
  background:var(--la-bg-soft);border:1px solid var(--la-line);border-radius:10px;padding:6px 12px;}
.la-symslider i{color:var(--la-primary);opacity:.75;font-size:11px;}
.la-symslider input[type=range]{width:92px;accent-color:var(--la-primary);cursor:pointer;}


.la-ex-sc__c{height:300px;}
.la-ex-sc .la-r{font:600 11px var(--la-mono);padding:2px 9px;border-radius:999px;}
.la-ex-sc .la-r--pos{color:#047857;background:rgba(16,185,129,.12);}
.la-ex-sc .la-r--neg{color:#b91c1c;background:rgba(239,68,68,.12);}
.la-ex-sc .la-r--na{color:var(--la-muted);background:var(--la-bg-tint);}

@media(max-width:1100px){
  .la-ex-maps,.la-ex-scatters{grid-template-columns:1fr;}
}

/* lnc/mRNA type badges inside the ce-pairs dropdown options */
.la-opt-name{flex:1 1 auto;}
.la-tag{font:600 10px var(--la-mono);padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em;margin-left:8px;}
.la-tag--lnc{color:var(--la-lnc);background:rgba(124,58,237,.12);}
.la-tag--gene{color:#047857;background:rgba(16,185,129,.12);}
.la-tag--both{color:var(--la-primary-d);background:var(--la-bg-tint);}
.ts-dropdown .option{display:flex;align-items:center;}

/* ============================================================
 * dual-pick dataset selector (type + value) — same as Network
 * ============================================================ */
.la-dualpick{display:grid;grid-template-columns:128px 1fr;gap:8px;}
.la-dualpick .ts-control{min-height:26px;}

/* coloured type-select tinted by current category (data-cat on .ts-wrapper) */
.la-dualpick__type[data-cat] .ts-control{font-weight:700;border-width:1.5px;}
.la-dualpick__type[data-cat="0"] .ts-control{color:var(--la-primary-d);background:var(--la-bg-tint);border-color:var(--la-line);}
.la-dualpick__type[data-cat="T"] .ts-control{color:#0e7490;background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.45);}
.la-dualpick__type[data-cat="s"] .ts-control{color:#6d28d9;background:rgba(124,58,237,.12);border-color:rgba(124,58,237,.45);}
.la-dualpick__type[data-cat="C"] .ts-control{color:#b45309;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.5);}
.la-dualpick__type[data-cat="O"] .ts-control{color:#047857;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.45);}
/* coloured dropdown option rows for the type select */
.la-typopt{font-weight:600;padding:2px 0;}
.la-typopt--ds s{color:var(--la-lnc);}
.la-typopt--dsT{color:#0e7490;} .la-typopt--dss{color:#6d28d9;}
.la-typopt--dsC{color:#b45309;} .la-typopt--dsO{color:#047857;}
.la-typitem{font-weight:700;}

/* dataset value dropdown — wider floating panel + rich rows (same as Network) */
.la-dualpick__val--ds .ts-dropdown{width:420px;}
.la-dualpick__val--ds .ts-dropdown .la-opt > span i{color:var(--la-primary);margin-right:6px;opacity:.85;}
.la-opt--ds{display:flex;}
/* 上面那条通用 .ts-dropdown .option{align-items:center} 只为 lnc/mRNA 标签行而设，
   这里把 dataset 行重新拉回左对齐，与 Network 完全一致（修复“居中”） */
.la-dualpick__val--ds .ts-dropdown .option{align-items:flex-start;}
.la-ds-name{flex:0 1 auto;min-width:0;font-weight:700;color:var(--la-ink-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.la-ds-meta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;}

.la-ds-cond{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:600 10px var(--la-mono);text-transform:uppercase;letter-spacing:.03em;
  padding:2px 7px;border-radius:5px;color:#b45309;background:rgba(245,158,11,.14);}
.la-ds-cond--norm{color:#047857;background:rgba(16,185,129,.12);}
.la-ds-sp{font:italic 600 11px var(--la-font);color:var(--la-muted);}
.la-ds-cnt{font:600 11px var(--la-mono);color:var(--la-primary-d);
  background:var(--la-bg-tint);border:1px solid var(--la-line);padding:2px 8px;border-radius:999px;white-space:nowrap;}
.la-dualpick__val--ds.single .ts-control{flex-wrap:nowrap;}
.la-dualpick__val--ds.single .ts-control > .item{
  min-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.la-tool-aside{ z-index:20; }

/* 固定类型标签：lncRNA(紫)/mRNA(绿)，占满 128px 类型列，
   让 lnc/mRNA 的值框与 dataset 值框左缘、高度完全对齐 */
.la-dualpick__static{display:flex;align-items:center;justify-content:center;
  min-height:26px;padding:0 10px;border-radius:8px;border:1.5px solid;
  font:700 12px var(--la-font);letter-spacing:.02em;white-space:nowrap;}
.la-dualpick__static--lnc{color:var(--la-lnc);background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.45);}
.la-dualpick__static--mrna{color:#047857;background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.45);}

/* p-value chip next to the correlation coef */
.la-ex-sc .la-pv{font:600 11px var(--la-mono);padding:2px 9px;border-radius:999px;margin-left:6px;
  color:var(--la-primary-d);background:var(--la-bg-tint);}

/* regression-line toggle (Fit) — expression page doesn't load network.css */
.la-seg-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  font:600 12.5px var(--la-font);color:var(--la-primary-d);
  background:var(--la-bg-soft);border:1px solid var(--la-line);border-radius:10px;
  padding:6px 12px;transition:.16s;}
.la-seg-btn:hover{color:var(--la-primary);}
.la-seg-btn.on{background:var(--la-primary);color:#fff;border-color:var(--la-primary);}
.la-seg-btn i{font-size:11px;}

/* Pearson / Spearman 2-segment toggle */
.la-methodtog{display:inline-flex;margin-right:8px;border:1px solid var(--la-line);
  border-radius:8px;overflow:hidden;}
.la-methodtog button{font:600 12px var(--la-font);color:var(--la-muted);
  background:var(--la-bg-soft);border:0;padding:6px 12px;cursor:pointer;transition:.15s;}
.la-methodtog button+button{border-left:1px solid var(--la-line);}
.la-methodtog button.on{background:var(--la-primary);color:#fff;}