/* ============================================================
 * LncACTdb 4.0 — Survival Analysis tool (page-specific)
 * ============================================================ */

/* ---- select dropdowns: 40px height + arrow chevron + hover (standard) ---- */
#svGene + .ts-wrapper .ts-control,
#svDisease + .ts-wrapper .ts-control{
  min-height:40px;align-items:center;cursor:pointer;
  flex-wrap:nowrap;overflow:hidden;padding-right:28px;
  transition:background-color .15s ease,border-color .15s ease;}
#svGene + .ts-wrapper.single:hover .ts-control,
#svDisease + .ts-wrapper.single:hover .ts-control{
  background-color:var(--la-bg-tint);border-color:rgba(67,56,202,.4);}
#svGene + .ts-wrapper.single .ts-control > .item,
#svDisease + .ts-wrapper.single .ts-control > .item{
  flex:0 1 auto;min-width:0;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* right chevron arrow */
#svGene + .ts-wrapper.single::after,
#svDisease + .ts-wrapper.single::after{
  content:"";position:absolute;top:50%;right:12px;width:6px;height:6px;
  border-left:2px solid var(--la-muted);border-bottom:2px solid var(--la-muted);
  transform:translateY(-65%) rotate(-45deg);
  transition:transform .2s ease,border-color .2s ease;z-index:3;pointer-events:none;}
#svGene + .ts-wrapper.single.dropdown-active::after,
#svDisease + .ts-wrapper.single.dropdown-active::after{
  transform:translateY(-35%) rotate(135deg);border-color:var(--la-primary);}
#svGene + .ts-wrapper.single:hover::after,
#svDisease + .ts-wrapper.single:hover::after{border-color:var(--la-primary);}

/* iframe result — large, fills the panel */
.la-sv-iframe{width:100%;height:620px;border:0;border-radius:12px;display:block;}
.la-sv-result{padding:16px 16px 20px;}

/* color pickers row */
.la-sv-colors{display:flex;gap:18px;margin-top:6px;}
.la-sv-cpick{display:flex;flex-direction:column;gap:6px;}
.la-sv-cpick span{font:600 11px var(--la-mono);color:var(--la-muted);text-transform:uppercase;letter-spacing:.04em;}

/* line width range */
.la-sv-range{width:100%;accent-color:var(--la-primary);cursor:pointer;margin-top:4px;}

/* pickr integration: make it fit the panel */
.pcr-app{z-index:9999 !important;}
.pickr .pcr-button{width:32px;height:32px;border-radius:8px;border:2px solid var(--la-line);cursor:pointer;transition:.15s;}
.pickr .pcr-button:hover{border-color:var(--la-primary);box-shadow:0 4px 12px rgba(var(--la-primary-rgb),.2);}