/* ══════════════════════════════════════════════════════════════════════
   InvestR — Sidebar tools: theme select + relative-metrics toggle
   ════════════════════════════════════════════════════════════════════ */

:root{
  --sidebar-w: 80px;
}
.app-shell.sidebar--expanded{
  --sidebar-w: 220px;
}

.sidebar-tools-dock{
  padding:8px 10px 6px;
  margin-top:4px;
  border-top:1px solid var(--line,rgba(241,241,241,.08));
}
.sidebar-tools-dock__row{
  display:flex;
  align-items:center;
  gap:6px;
}

.sidebar-theme-select-host{
  position:relative;
  display:flex;
  align-items:center;
  flex:1 1 auto;
  min-width:0;
  min-height:36px;
  border-radius:10px;
  border:1px solid var(--line,rgba(241,241,241,.10));
  background:var(--graphite-850,#242424);
  color:var(--ivory-300,#c9c9c9);
  transition:border-color .15s, background .15s;
}
.sidebar-theme-select-host:hover{
  border-color:var(--orange-line-soft,rgba(255,153,51,.26));
}
.sidebar-tools-dock__theme-ico{
  width:18px;
  height:18px;
  flex-shrink:0;
  margin-left:9px;
  pointer-events:none;
  color:var(--ivory-400,#a3a3a3);
}
.sidebar-theme-select{
  appearance:none;
  -webkit-appearance:none;
  border:none;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  line-height:1.2;
  padding:7px 28px 7px 8px;
  width:100%;
  min-width:0;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 8px center;
}
.sidebar-theme-select:focus-visible{
  outline:2px solid var(--orange,#ff9933);
  outline-offset:2px;
  border-radius:10px;
}

.sidebar-metrics-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex-shrink:0;
  border-radius:10px;
  border:1px solid var(--line,rgba(241,241,241,.10));
  background:transparent;
  color:var(--ivory-400,#a3a3a3);
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.sidebar-metrics-toggle svg{
  width:18px;
  height:18px;
  pointer-events:none;
}
.sidebar-metrics-toggle__ico--off{
  display:none;
}
.sidebar-metrics-toggle.is-active{
  background:var(--graphite-750,#333333);
  border-color:var(--orange-line-soft,rgba(255,153,51,.26));
  color:var(--orange-bright,#ffad52);
}
.sidebar-metrics-toggle.is-active .sidebar-metrics-toggle__ico--on{
  display:none;
}
.sidebar-metrics-toggle.is-active .sidebar-metrics-toggle__ico--off{
  display:block;
}
.sidebar-metrics-toggle:hover{
  background:var(--graphite-750,#333333);
  border-color:var(--line,rgba(241,241,241,.14));
  color:var(--ivory-100,#f1f1f1);
}
.sidebar-metrics-toggle:focus-visible{
  outline:2px solid var(--orange,#ff9933);
  outline-offset:2px;
}

/* Collapsed sidebar: icon + compact select overlay */
.app-shell:not(.sidebar--expanded) .sidebar-tools-dock{
  padding:8px 10px 6px;
}
.app-shell:not(.sidebar--expanded) .sidebar-tools-dock__row{
  flex-direction:column;
  gap:4px;
}
.app-shell:not(.sidebar--expanded) .sidebar-theme-select-host{
  width:36px;
  flex:0 0 36px;
}
.app-shell:not(.sidebar--expanded) .sidebar-theme-select{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  padding:0;
  background-image:none;
}
.app-shell:not(.sidebar--expanded) .sidebar-tools-dock__theme-ico{
  margin:0;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.app-shell.sidebar--expanded .sidebar-tools-dock{
  padding:8px 12px 6px;
}
.app-shell.sidebar--expanded .sidebar-theme-select-host{
  flex:1;
}

/* ── Relative-only: blur rub amounts, keep % readable ─────────────── */
body.metrics-relative-only .metrics-rub-mask{
  display:inline-block;
  max-width:100%;
  filter:blur(6px) saturate(0.35);
  opacity:0.78;
  user-select:none;
  -webkit-user-select:none;
  pointer-events:none;
  transform:translateZ(0);
}
body.metrics-relative-only .v2-kpi-value.metrics-rub-mask,
body.metrics-relative-only .v2-metric-tile__v.metrics-rub-mask{
  filter:blur(7px) saturate(0.3);
  letter-spacing:0.08em;
}
body.metrics-relative-only #v2PortfolioTable td.metrics-rub-mask{
  filter:blur(5px) saturate(0.4);
}