/* FND-1290 — the one chart-type dropdown (chart_type_picker.jsx): trigger + popover (search · library filter · grouped list · preview). Tokens only. */
.wy-ctp { position: relative; display: flex; min-width: 0; width: 100%; }
.wy-ctp-btn {
  display: flex; align-items: center; gap: 7px; width: 100%; min-width: 0; box-sizing: border-box; height: 28px; padding: 0 24px 0 8px; position: relative;
  font: inherit; font-size: 12.5px; font-weight: 600; text-align: left; color: var(--ad-text); background: var(--ad-surface);
  border: 1px solid var(--ad-border-strong); border-radius: var(--ad-radius-input, 8px); cursor: pointer;
}
.wy-ctp.is-md .wy-ctp-btn { height: 34px; font-size: 13px; padding-left: 10px; }
.wy-ctp-btn:focus-visible, .wy-ctp-btn.is-open { outline: 2px solid var(--ad-accent); outline-offset: 1px; }
.wy-ctp-btn:disabled { opacity: .55; cursor: not-allowed; }
.wy-ctp-btn-l { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wy-ctp-btn-chev { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); display: inline-flex; pointer-events: none; color: var(--ad-text-subtle); }
.wy-ctp-glyph { flex: 0 0 auto; color: var(--ad-text-subtle); }
.wy-ctp-badge {
  flex: 0 0 auto; font-size: 10px; font-weight: 700; letter-spacing: .02em; line-height: 1; padding: 3px 6px; border-radius: 999px; white-space: nowrap;
  color: var(--ad-text-subtle); background: var(--ad-surface-inset); border: 1px solid var(--ad-border);
}

.wy-ctp-pop {
  position: fixed; z-index: 3500; display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; color: var(--ad-text);
  background: var(--ad-surface); border: 1.5px solid var(--ad-border-strong); border-radius: 12px; box-shadow: var(--ad-shadow-lg);
}
.wy-ctp-head { display: flex; flex-direction: column; gap: 8px; padding: 10px 10px 8px; border-bottom: 1px solid var(--ad-border); flex: 0 0 auto; }
.wy-ctp-search {
  width: 100%; box-sizing: border-box; height: 32px; padding: 0 10px; font: inherit; font-size: 13px; color: var(--ad-text); background: var(--ad-surface-inset);
  border: 1px solid var(--ad-border); border-radius: 8px;
}
.wy-ctp-search:focus-visible { outline: 2px solid var(--ad-accent); outline-offset: 1px; }
.wy-ctp-filters { display: flex; flex-wrap: wrap; gap: 4px; }
.wy-ctp-filter {
  display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; font: inherit; font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: var(--ad-text-muted, var(--ad-text-subtle)); background: transparent; border: 1px solid var(--ad-border); border-radius: 999px;
}
.wy-ctp-filter.is-on { color: var(--ad-text); background: var(--ad-accent-soft, var(--ad-surface-inset)); border-color: var(--ad-accent-deep, var(--ad-border-strong)); }
.wy-ctp-filter:focus-visible { outline: 2px solid var(--ad-accent); outline-offset: 1px; }
.wy-ctp-filter-n { font-size: 10px; font-weight: 700; color: var(--ad-text-subtle); }
.wy-ctp-body { display: flex; min-height: 0; flex: 1 1 auto; }
.wy-ctp-list { flex: 1 1 54%; min-width: 0; overflow-y: auto; padding: 4px 6px 8px; }
.wy-ctp-cat-h {
  position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 8px 6px 4px; font-size: 10.5px; font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase; color: var(--ad-text-subtle); background: var(--ad-surface);
}
.wy-ctp-cat-n { font-weight: 700; }
.wy-ctp-row { display: flex; align-items: center; gap: 8px; min-height: 30px; padding: 3px 8px; border-radius: 8px; cursor: pointer; font-size: 12.5px; }
.wy-ctp-row.is-active { background: var(--ad-surface-inset); }
.wy-ctp-row.is-on { background: var(--ad-accent-soft, var(--ad-surface-inset)); font-weight: 700; }
.wy-ctp-row.is-off { cursor: not-allowed; color: var(--ad-text-faint); }
.wy-ctp-row.is-off .wy-ctp-glyph { color: var(--ad-text-faint); }
.wy-ctp-row-g { display: inline-flex; flex: 0 0 auto; }
.wy-ctp-row-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.wy-ctp-row-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wy-ctp-row-why { font-size: 10.5px; font-weight: 500; color: var(--ad-text-subtle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wy-ctp-row-ok { display: inline-flex; flex: 0 0 auto; color: var(--ad-accent-deep, var(--ad-text)); }
.wy-ctp-empty { padding: 18px 10px; font-size: 12.5px; color: var(--ad-text-subtle); }
.wy-ctp-prev { flex: 0 0 42%; min-width: 0; box-sizing: border-box; overflow-y: auto; padding: 10px 12px; border-left: 1px solid var(--ad-border); background: var(--ad-surface-2, var(--ad-surface)); }
.wy-ctp-sample { position: relative; width: 100%; border: 1px solid var(--ad-border); border-radius: 8px; background: var(--ad-surface); overflow: hidden; }
.wy-ctp-sample.is-extra { display: flex; align-items: center; justify-content: center; height: 110px; color: var(--ad-text-subtle); }
.wy-ctp-sample-canvas { position: absolute; inset: 4px; }
.wy-ctp-sample-msg { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 8px; text-align: center; font-size: 11.5px; color: var(--ad-text-subtle); }
.wy-ctp-note { padding: 10px 12px; font-size: 12px; line-height: 1.4; text-align: center; color: var(--dash-card-muted, var(--ad-text-subtle)); }
.wy-ctp-prev-t { margin-top: 10px; font-size: 13.5px; font-weight: 700; }
.wy-ctp-prev-m { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.wy-ctp-prev-d { margin: 8px 0 0; font-size: 12px; line-height: 1.4; }
.wy-ctp-prev-s { margin: 6px 0 0; font-size: 11.5px; line-height: 1.4; color: var(--ad-text-subtle); }
.wy-ctp-prev-w { margin: 8px 0 0; font-size: 11.5px; line-height: 1.4; font-weight: 600; color: var(--ad-warn-text, var(--ad-text)); }
@media (max-width: 640px) { .wy-ctp-prev { display: none; } }

/* FND-2014 / DEC-152: „Nur passende Diagramme“ */
.wy-ctp-fit { display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; padding: 2px 0; }
.wy-ctp-fit.is-off { opacity: .6; cursor: default; }
.wy-ctp-fit-n { margin-left: auto; color: var(--ad-text-subtle); font-variant-numeric: tabular-nums; }