/* ==========================================================================
   desk2026.css  -  Theme-token layer for the 2026 redesign (DRAFT, phase 1)
   --------------------------------------------------------------------------
   Load order : AFTER main_unified.css (which @imports light.css / dark.css).
                NOT linked anywhere yet.
   Scope      : everything is under  html.desk-2026 . The class goes on <html>
                because lib/menubar.js overwrites document.body.className
                ("<theme>-theme" [+ "<size>font"]) on every theme/font change.
                .light-theme / .dark-theme stay on <body> as today, so the
                selectors are  html.desk-2026 .light-theme  (0,2,1), which beats
                .light-theme (0,1,0) from light.css/dark.css.
   Themes     : only Hell (.light-theme) and Dunkel (.dark-theme). clight,
                cdark, blight, bdark, userdark, tfred are not touched.
   Source     : tokens from redesign/preview/index.src.html (:root and
                [data-theme="dark"]), prefixed --d26- to avoid collisions.

   How it works
   1. Tokens (--d26-*) are defined per theme on the body.
   2. Every non-url() variable of light.css / dark.css is re-assigned to a
      token, so the existing CSS (main_unified.css etc.) and the JS that
      writes "var(--x)" into inline styles pick up the new palette unchanged.
      url() image variables are intentionally left out.
   3. Settings colour pickers (lib/settings.js tf_user_settings_by_theme,
      tf_setCSSVariable) write inline styles on <body>; inline beats this
      file, so user overrides keep working. No !important is used, except
      where light.css/dark.css already declare that variable !important.
   4. Picker KEYS are read back via getComputedStyle (tf_getCSSVariable) into
      <input type="color">, which only accepts #rrggbb. Therefore every picker
      key maps to a token that resolves to an opaque hex colour
      (e.g. --table-tr-border -> --d26-line-solid, not the rgba --d26-line).
   5. "transparent" literals are kept where the original is a no-op shadow /
      background in the new flat design.
   6. Variables marked "unused" are not referenced by any CSS/JS in
      development/ (except light/dark/clight/... theme files); they are mapped
      by name only, for completeness.
   7. Several originals were broken references like
      "--footer-background: --container-background;" (no var()), which
      resolve to invalid -> transparent/inherit. Mapping them to real tokens
      makes those surfaces visibly painted (noted per line).

   Not mapped (not colours): --path, --desk-mask-font, --nav-font, --counter-wrap-margin, --counter-wrap-border.

   Fonts
   - @font-face for Inter / Source Serif 4 lives in fonts/desk2026-fonts.css
     (must be linked before this file; not duplicated here).
   - The UI font is USER-SELECTABLE: lib/settings.js:274 default
     fonts.family = "source_sans_proregular"; settings.js:686 and :879 write
     it inline on <body> as --main-font-family; options list av_fonts at
     settings.js:886-893; main_unified.css uses var(--main-font-family)
     (body at main_unified.css:54, ~150 rules). Default on :root in
     main_fonts.css:226. Because the inline value always wins, this file does
     NOT set font-family on body. Inter is the default (Carlos, 2026-10-05):
     settings.js fonts.family, main_fonts.css :root, and saved
     "source_sans_proregular" is upgraded in tf_upgradeDesignDefaults.
     --desk-mask-font / --nav-font (light/dark.css) hard-code
     open_sans_condensedbold / Montserrat and are left alone here.
   ========================================================================== */

/* sections 1, 1b, 1c (tokens per theme) moved to css/desk2026-tokens.css (2026-10-19): all colours live there */

/* --------------------------------------------------------------------------
   2. Mapping of the existing light.css / dark.css variables onto tokens
      (one block for both themes; tokens resolve per theme)
   -------------------------------------------------------------------------- */
html.desk-2026 .light-theme,
html.desk-2026 .dark-theme {

  /* ---- Page, header/navbar (#header, #nav, .sub-nav), Tradingdesk menu ---- */
  --body-background-color: var(--d26-bg);  /* picker key; page bg (#wrapper) */
  --body: var(--d26-ink);
  --navbar-background: var(--d26-bg);  /* picker key; also #nav .drop bg */
  --navbar-color: var(--d26-ink);  /* picker key */
  --navbar-title-color: var(--d26-ink-2);
  --info-display-color: var(--d26-ink-2);
  --dropbar-h2-color: var(--d26-ink-3);  /* menu section heading */
  --navbar-item-hover-color: var(--d26-accent);  /* hover bg; text is hard-coded #fff (main_unified.css:527) */
  --navbar-border: var(--d26-line);  /* ui-autocomplete border */
  --navbar-search-background: var(--d26-surface);  /* picker key; search pill on bg */
  --navbar-search-border: var(--d26-surface);
  --navbar-positive: var(--d26-up);
  --navbar-negative: var(--d26-down);
  --navbar-gradient-top: var(--d26-bg);  /* unused */
  --navbar-gradient-bottom: var(--d26-bg);  /* unused */
  --bodybackground-start: var(--d26-bg);  /* unused */
  --bodybackground-end: var(--d26-bg);  /* unused */
  --nav-red: var(--d26-accent);
  --nav-shadows: var(--d26-shadow-color);  /* unused */
  --nav-hover-background: var(--d26-hover);  /* original was a broken ref; unused */
  --nav-hover-color: var(--d26-accent);  /* original was a broken ref; unused */
  --sub-nav-li-a: var(--d26-surface-2);  /* mostly backgrounds (table2 odd rows, orderbox quote) */
  --a-language-color1: var(--d26-surface);
  --a-language-color2: var(--d26-surface-2);  /* unused */
  --language-border: var(--d26-line);
  --language-list-background: var(--d26-pop);  /* theme/language list popup */
  --tabset-li-a-background: var(--d26-surface-2);
  --tabset-li-a-color: var(--d26-ink-2);
  --tabset-li-a-active-color: var(--d26-ink);
  --settings-a-color1: var(--d26-surface);  /* unused */
  --settings-a-color2: var(--d26-surface-2);  /* unused */
  --scrollthumb: var(--d26-scrollthumb);
  --highlight-color: var(--d26-accent);  /* selected exchange row text */
  --promoted-background: var(--d26-accent);  /* .td-menu user-info, .promoted-desks */

  /* ---- Desktop tabs (#desk-slide-set) and footer ---- */
  --desk-slide-item-active: var(--d26-accent);  /* active/hover tab bg; text hard-coded white (main_unified.css:8513, 8562) */
  --desk-slide-item-hover: var(--d26-accent);  /* unused */
  --desk-slide-item-background: var(--d26-surface);  /* unused */
  --desk-slide-item-color: var(--d26-ink-2);  /* unused */
  --desk-slide-color1: var(--d26-surface-2);  /* unused */
  --desk-slide-color2: var(--d26-surface-2);  /* unused */
  --hoverdesk-slide-color1: var(--d26-surface);  /* unused */
  --hoverdesk-slide-color2: var(--d26-surface);  /* unused */
  --deskscroll-color1: var(--d26-surface-2);  /* unused */
  --deskscroll-color2: var(--d26-surface-3);  /* unused */
  --hoverdeskscroll-color1: var(--d26-surface-3);  /* unused */
  --hoverdeskscroll-color2: var(--d26-surface-3);  /* unused */
  --slide-active-border: var(--d26-accent);  /* unused */
  --slide-active-color1: var(--d26-accent);  /* unused */
  --slide-active-color2: var(--d26-accent-2);  /* unused */
  --slide-item-border: var(--d26-line);  /* unused */
  --slide-item-color: var(--d26-ink);  /* unused */
  --footer-background: transparent;  /* window .foot overlaps the bottom ~17px of the body (e.g. chart axis); the original was a broken ref, i.e. transparent, so keep it see-through */
  --footer-button-border-color: var(--d26-line);

  /* ---- Windows / containers (.container, .head, .body, .foot, wingman) ---- */
  --container-background: var(--d26-surface);  /* picker key */
  --container-color: var(--d26-ink);  /* picker key */
  --container-border-color: var(--d26-line);
  --container-shadow-color: var(--d26-shadow-color);  /* used as box-shadow colour only */
  --container-box-shadow: var(--d26-shadow);  /* unused */
  --container-title-color: var(--d26-ink);
  --container-head-border-bottom: var(--d26-line);
  --container-head-buttons-color: var(--d26-ink-3);
  --chead-gradient1: var(--d26-surface);  /* picker key; window header = window surface */
  --chead-gradient2: var(--d26-surface);  /* unused */
  --chead-gradient3: var(--d26-surface-2);  /* unused */
  --chead-gradient4: var(--d26-surface-2);  /* unused */
  --chead-gradient5: var(--d26-surface-3);  /* unused */
  --window-header-title: var(--d26-ink);  /* unused */
  --header-button-border-color: var(--d26-line);
  --buttons-colors: var(--d26-ink-3);  /* header icon buttons */
  --buttons-border: var(--d26-line);
  --menu-icon-head-hover: var(--d26-hover);
  --derivate-chart-button-color: var(--d26-surface);  /* text on --topbar-color chip */
  --fonts-color1: var(--d26-ink);
  --fonts-color2: var(--d26-ink-2);
  --fonts-color3: var(--d26-ink-3);
  --fonts-color4: var(--d26-ink-3);  /* mostly secondary text, some backgrounds */
  --fonts-color5: var(--d26-ink-3);
  --fonts-color6: var(--d26-ink);  /* main text of many boxes */
  --fonts-color7: var(--d26-ind-2);  /* orderbox notice (amber) */
  --fonts-color8: var(--d26-accent);  /* unused */
  --li-element-hover: var(--d26-ink);  /* unused */
  --h2-background: var(--d26-surface-2);  /* unused */
  --h2-background2: var(--d26-accent);  /* unused */
  --h2-color: var(--d26-ink-3);  /* unused */
  --h2-color2: var(--d26-on-accent);  /* unused */
  --wingman-background: var(--d26-surface-2);
  --wingman-background-start: var(--d26-surface-2);  /* unused */
  --wingman-background-middle: var(--d26-surface);  /* unused */
  --wingman-background-end: var(--d26-surface);  /* unused */
  --link-disabled-back: var(--d26-glass);
  --link-disabled-color: var(--d26-ink-3);

  /* ---- Tables (.table, .table2, td.up/down, positive/negative) ---- */
  --table-tr-border: var(--d26-line-solid);  /* picker key -> needs opaque hex */
  --table-tbody-border-right-color: transparent;  /* no vertical lines in list bodies (preview); friend of the --table-tr-border picker, so a user colour still applies */
  --table-td-border-right-color: var(--d26-line);
  --table-thead-border: var(--d26-ink-3);  /* mixed border/text use; text must stay readable */
  --table-head-tr-border: var(--d26-line);  /* unused */
  --table-body-tr-2n: var(--d26-surface);  /* picker key; no zebra in the new design */
  --table-tr-hover: var(--d26-hover);
  --table-tr-hover-color: var(--d26-ink);
  --table-up: var(--d26-up);
  --table-down: var(--d26-down);
  --table-positive: var(--d26-up);
  --table-negative: var(--d26-down);
  --table-td-positive: var(--d26-up);
  --table-td-negative: var(--d26-down);
  --table-td-up: var(--d26-up);  /* picker key; cell background */
  --table-td-down: var(--d26-down);  /* picker key; cell background */
  --table-td-up-color: var(--d26-on-solid);  /* picker key */
  --table-td-down-color: var(--d26-on-solid);  /* picker key */
  --fonts-color-td: var(--d26-on-solid) !important;  /* unused */
  --fonts-color-td-up: var(--d26-on-solid) !important;  /* dark.css only; now also defined for Hell */
  --fonts-color-td-down: var(--d26-on-solid) !important;  /* dark.css only; now also defined for Hell */
  --span-positive: var(--d26-up);
  --span-negative: var(--d26-down);
  --sotck_name_color: var(--d26-ink);
  --sotck_name_color_hover: var(--d26-accent);
  --table-counters-color: var(--d26-on-solid);  /* text on up/down counter pills */
  --table-filter-title-color: var(--d26-ink-2);
  --highlight-background: var(--d26-accent-soft);  /* unused */
  --dpa-selected-color: var(--d26-on-solid) !important;  /* .highlight text on --table-td-up */
  --signalbox-signal-row: var(--d26-line);
  --fundamentalbox-signal1: var(--d26-surface-2);  /* unused */
  --fundamentalbox-signal2: var(--d26-accent-soft);  /* unused */

  /* ---- Menus, dropdowns, context menus (#nav .drop, .dropdown_options, .context_menu, contextmenu_fox, .menu) ---- */
  --drop-li-hover-bg: var(--d26-hover);  /* picker key */
  --drop-li-hover-color: var(--d26-accent);  /* picker key */
  --drop-background: var(--d26-surface);
  --drop-border: var(--d26-line);
  --drop-color: var(--d26-ink-2);
  --drop-color2: var(--d26-ink-2);
  --drop-background2: var(--d26-pop);  /* unused */
  --drop-li-background: var(--d26-pop);  /* comdirect hamburger item */
  --drop-li-background2: var(--d26-pop);  /* unused */
  --drop-li-border: var(--d26-line);  /* unused */
  --drop-ul-li-a-color: var(--d26-ink);
  --drop-ul-ul-li-border: var(--d26-line);  /* unused */
  --drop-ul-ul-li-colorhover: var(--d26-accent);  /* unused */
  --drop-when-color: var(--d26-ink-3);  /* unused */
  --drop-strong: var(--d26-on-solid);  /* text on error / buy / sell fills */
  --drop-strong-background: transparent;
  --drop-strong-color: var(--d26-ink);  /* .sub-menu .drop text (sub-menu is now light) */
  --drop-shadow: var(--d26-shadow-color);  /* unused */
  --dropdown-background: var(--d26-pop);
  --dropdown-border: var(--d26-line);
  --dropdown-hover-background: var(--d26-hover);
  --dropdown-hover-color: var(--d26-ink);
  --dropdown-shadow: transparent;
  --dropdown-title-active: var(--d26-accent);  /* dropdown hover title, active item, active .tabs */
  --contextmenu-background: var(--d26-pop);  /* also hover text on --contextmenu-color2 */
  --contextmenu-color: var(--d26-accent-2);
  --contextmenu-color2: var(--d26-accent);  /* hover bg */
  --contextmenu-input-border: var(--d26-line);
  --contextmenu-fox-li-color: var(--d26-ink);
  --contextmenu-fox-ul-background: var(--d26-pop);  /* unused */
  --cxt-selected: var(--d26-accent);
  --box-shadow: var(--d26-shadow);  /* .context_menu */
  --menu-ul-li-a: var(--d26-surface);  /* .menu is inverted (sub-ul bg = --body = ink) */
  --menu-ul-li-ul-border: var(--d26-ink-2);
  --menu-ul-li-left: var(--d26-ink-2);
  --menu-ul-li-left2: var(--d26-ink-3);
  --webix-color: var(--d26-ink);
  --webix-color-active: var(--d26-accent);

  /* ---- Inputs and search (input, select, textarea, autocomplete) ---- */
  --input-place-holder: var(--d26-ink-3);  /* picker key */
  --pass-form-placeholder-color: var(--d26-ink-3);
  --mini-button-background: var(--d26-surface-2);  /* global input/select/textarea bg */
  --topbar-search-background: var(--d26-surface-2);
  --amount-background: var(--d26-surface-2);
  --password-row-border: var(--d26-line);  /* despite the name: global input/select border */
  --input-color1: var(--d26-surface-2);  /* unused */
  --input-color2: var(--d26-surface-3);  /* unused */
  --input-submit-background: var(--d26-surface-2);  /* text is --drop-color */
  --input-submit-color: var(--d26-ink);  /* unused */
  --info-select-depot-bg: var(--d26-glass);
  --info-select-depot-color: var(--d26-ink-2);
  --search-form-color1: var(--d26-surface-2);  /* unused */
  --search-form-color2: var(--d26-surface-2);  /* unused */
  --search-form-color3: var(--d26-surface-3);  /* unused */
  --search-row-border: var(--d26-line);  /* unused */
  --search-row-hover-color: var(--d26-ink);  /* unused */
  --fieldset-border: var(--d26-line);  /* unused */
  --settingsbox-input-color1: var(--d26-surface-2);  /* unused */
  --settingsbox-input-color2: var(--d26-surface-3);  /* unused */
  --slider-ui-widget-background: var(--d26-surface-3);  /* unused */

  /* ---- Buttons ---- */
  --buy-button-small-background: var(--d26-up);
  --buy-button-small-background-hover: var(--d26-up-hover);
  --sell-button-small-background: var(--d26-down);
  --sell-button-small-background-hover: var(--d26-down-hover);
  --subheader-button-background: var(--d26-surface-2);
  --dd_button-color: var(--d26-ink-3);
  --chart-topbar-buttons-color: var(--d26-ink-2);
  --chart-topbar-buttons-border-color: var(--d26-line);
  --color-chart-buy: var(--d26-on-solid) !important;  /* unused */

  /* ---- Login / password forms, lightbox ---- */
  --login-button-color: var(--d26-on-accent);
  --login-button-background: var(--d26-accent);  /* unused */
  --login-input-background: var(--d26-surface-2);
  --login-form-background: var(--d26-surface);
  --login-heading-color: var(--d26-ink-2);
  --login-heading-border: var(--d26-line);
  --heading-h2-color: var(--d26-ink);
  --password-label-color: var(--d26-ink-2);  /* unused */
  --password-form-button-color: var(--d26-on-accent);
  --password-create-color1: var(--d26-accent);
  --password-create-hover: var(--d26-on-accent);
  --hover-password-create-color1: var(--d26-accent-hover);
  --hover-password-create-color2: var(--d26-accent-hover);  /* unused */
  --hover-password-create-color3: var(--d26-accent-hover);  /* unused */
  --hover-password-create-color4: var(--d26-accent-hover);  /* unused */
  --password-submit: var(--d26-on-accent);
  --password-submit-hover: var(--d26-on-accent);
  --password-form-color1: var(--d26-surface-2);
  --password-form-color2: var(--d26-surface-2);  /* unused */
  --passwordico-color1: var(--d26-surface-3);
  --passwordico-color2: var(--d26-surface-3);  /* unused */
  --passwordico-color3: var(--d26-surface-3);  /* unused */
  --passwordico-color4: var(--d26-surface-3);  /* unused */
  --passwordico-color5: var(--d26-surface-3);  /* unused */
  --password-submit-color1: var(--d26-surface-2);  /* ghost submit; hover = accent */
  --password-submit-color2: var(--d26-surface-3);  /* unused */
  --pass-form-input-color: var(--d26-ink-2);
  --pass-form-input-hover: var(--d26-accent);  /* hover text is --drop-strong */
  --password-submit-background: var(--d26-accent);  /* unused */
  --password-submit-background-hover: var(--d26-accent-hover);  /* unused */
  --password-submit-color: var(--d26-on-accent);  /* unused */
  --passwordform-submit-color1: var(--d26-accent);  /* unused */
  --passwordform-submit-color2: var(--d26-accent);  /* unused */
  --passwordform-submit-color3: var(--d26-accent);  /* unused */
  --passwordform-submit-color4: var(--d26-accent);  /* unused */
  --hoverpassword-submit-color1: var(--d26-accent-hover);  /* unused */
  --hoverpassword-submit-color2: var(--d26-accent-hover);  /* unused */
  --row-email-error: var(--d26-down);
  --row-email-error-border: var(--d26-down);
  --error-color1: var(--d26-down);
  --error-color2: var(--d26-down);  /* unused */
  --error-color3: var(--d26-down);  /* unused */
  --drop-pass-border: var(--d26-line);
  --drop-shadow2: var(--d26-surface-3);
  --lightbox-password-color1: var(--d26-accent);
  --lightbox-password-color2: var(--d26-accent);  /* unused */
  --lightboxh-color1: var(--d26-accent);
  --lightboxh-color2: var(--d26-accent);  /* unused */
  --lightboxh-color3: var(--d26-accent);  /* unused */
  --lightboxh-color4: var(--d26-accent);  /* unused */
  --bottom-color: var(--d26-accent);
  --bottom-color-hover: var(--d26-accent);  /* unused */
  --bottom-border: var(--d26-line);
  --bottom-background: var(--d26-surface-2);  /* unused */
  --bottom-background-hover: var(--d26-hover);
  --submenu-color: var(--d26-line);  /* only use: password submit border */

  /* ---- Orderbox / ordermask ---- */
  --ordrbox-search-color: var(--d26-ink-2);
  --orderbox-amount-color: var(--d26-ink);
  --order-info-border: var(--d26-line);
  --order-info-color: var(--d26-ink-2);
  --order-settings-background: var(--d26-surface-2);
  --orderbox-row-background: var(--d26-down-tint);  /* text is hard-coded black (main_unified.css:4889) */
  --orderbox-buy-color: var(--d26-on-solid);
  --orderbox-buy-color1: var(--d26-up);
  --orderbox-buy-color2: var(--d26-up);  /* unused */
  --orderbox-sell-color: var(--d26-on-solid);
  --orderbox-sell-color1: var(--d26-down);
  --orderbox-sell-color2: var(--d26-down);  /* unused */
  --hoverorderbox-buy-color1: var(--d26-up-hover);  /* original was a broken ref */
  --hoverorderbox-sell-color1: var(--d26-down-hover);  /* original was a broken ref */
  --orderbox-buy-shadow: var(--d26-shadow-color);
  --orderbox-buy-quote-shadow: var(--d26-shadow-color);
  --orderbox-button-shadows: transparent;
  --orderbox-row-color1: var(--d26-surface);  /* unused */
  --orderbox-row-color2: var(--d26-surface);  /* unused */
  --orderbox-search-color1: var(--d26-surface);  /* unused */
  --orderbox-search-color2: var(--d26-surface);  /* unused */
  --orderbox-searchsubmit-color1: var(--d26-surface-3);  /* unused */
  --orderbox-searchsubmit-color2: var(--d26-surface-3);  /* unused */
  --orderbox-searchsubmit-color3: var(--d26-surface-3);  /* unused */
  --orderbox-searchsubmit-color4: var(--d26-surface-3);  /* unused */
  --ordermask-footer-color: var(--d26-ink-3);
  --limit-info-color: var(--d26-ink-3);  /* original was a broken ref */

  /* ---- News / dpa / newsbox ---- */
  --news-title: var(--d26-ink);
  --fundnews-title-color: var(--d26-ink);
  --dpa-area-title: var(--d26-accent);
  --dpa-background: var(--d26-surface) !important;
  --dpa-content-background: var(--d26-surface);
  --dpa-line-odd: var(--d26-surface);  /* unused */
  --dpa-selected-background: var(--d26-accent);  /* text is --notice-color */
  --important-dpa-color: var(--d26-accent);
  --notice-background: var(--d26-accent);  /* mostly highlight text (newsbox .when, selected options) */
  --notice-color: var(--d26-on-accent);
  --language-info-border: var(--d26-surface-3);  /* used as background of .newsbox .language-info */

  /* ---- Right sidebar / rmenu / .sub-menu flyouts / slide-aside ---- */
  --sidebar-background: var(--d26-surface);
  --opener-line: var(--d26-accent);  /* unused */
  --opener-line-active: var(--d26-accent);
  --rmenu-time-color: var(--d26-ink-3);  /* original was a broken ref */
  --rmenu-background: var(--d26-surface);  /* unused */
  --rmenu-border: var(--d26-line);  /* unused */
  --rmenu-color1: var(--d26-surface);  /* unused */
  --rmenu-color2: var(--d26-surface);  /* unused */
  --rmenu-color3: var(--d26-surface-2);  /* unused */
  --rmenu-color4: var(--d26-surface-2);  /* unused */
  --rmenuopener-color1: var(--d26-surface);  /* unused */
  --rmenuopener-color2: var(--d26-surface-2);  /* unused */
  --rmenu-shadow: var(--d26-shadow);  /* unused */
  --rmenu-shadows: var(--d26-shadow-color);  /* unused */
  --shadows: var(--d26-line);  /* used as 1px border/ring colour */
  --slidebig-background: var(--d26-surface);  /* .slide-aside */
  --slide-background: var(--d26-surface);  /* unused */
  --slide-background-border: var(--d26-line);  /* unused */
  --slide-opener-color1: var(--d26-surface-2);  /* unused */
  --slide-opener-color2: var(--d26-surface-3);  /* unused */
  --submenu-background: var(--d26-pop);  /* unused */
  --submenu-event2: var(--d26-ink-2);
  --sub-menu-numb: var(--d26-on-lime);  /* count badge text */
  --submenu-numb-color1: var(--d26-lime);  /* count badge bg (preview .rail-r .cnt) */
  --submenu-numb-color2: var(--d26-lime);  /* unused */
  --submenu-numb-hover-color1: var(--d26-lime);
  --submenu-numb-hover-color2: var(--d26-lime);  /* unused */
  --counter-shadow: var(--d26-shadow-color);
  --counter-wrap-hover: var(--d26-accent);
  --counter-wrap-shadow: 0 0 10px -5px var(--d26-shadow-color);

  /* ---- Chart / widget toolbars (div.topbar, chart leftbar, tab heads) ---- */
  --topbar-background: var(--d26-surface-2);  /* picker key; also used as border colour ~50x */
  --topbar-color: var(--d26-ink-2);  /* picker key */
  --topbar-border: var(--d26-line);
  --charttopbar-background: var(--d26-surface);
  --chartsidebar-background: var(--d26-surface);
  --head-tabs-color1: var(--d26-surface-2);
  --head-tabs-color2: var(--d26-surface-2);
  --bg-leftbar-icon: var(--d26-surface-2);  /* unused */
  --div-leftbar-color1: var(--d26-surface-2);  /* unused */
  --div-leftbar-color2: var(--d26-surface-2);  /* unused */
  --leftbar-active-background: var(--d26-accent-soft);
  --leftbar-active-border: var(--d26-accent);  /* unused */
  --leftbar-border: var(--d26-line);  /* unused */
  --leftbar-border-hover: var(--d26-line);  /* unused */
  --leftbar-shadow-hover: var(--d26-shadow-color);  /* unused */
  --leftbar-reset-border: var(--d26-down);  /* unused */
  --leftbar-reset-color1: var(--d26-down);  /* unused */
  --leftbar-reset-color2: var(--d26-down);  /* unused */
  --derivate-disclaimer: var(--d26-ink-3);  /* unused */

  /* ---- Misc (games, ...) ---- */
  --game-active: var(--d26-up);
  --game-inactive: var(--d26-down);
  --gameinfo-status-color: var(--d26-ink-2);  /* unused */
}

/* --------------------------------------------------------------------------
   3. Kept original values: partner/brand colours and unclear variables.
      Repeated here (values copied from light.css / dark.css) so the
      remaining work is visible in one place.
   -------------------------------------------------------------------------- */
html.desk-2026 .light-theme {
  /* Partner / brand colours (keep) */
  --morningstar-table-header-background: var(--d26-brand-morningstar-light);  /* Morningstar screener header */

  /* resolved 2026-10-15: muted text / separators; quiet backgrounds (the .context_menu h1 and premium notes texts are set below) */
  --contextmenu-h1: var(--d26-ink-3);  /* trades small_text, ad box text, toolbar separators, fullscreen bg */
  --menu-icon-color: initial;  /* only usage is an invalid "text-align: var(--menu-icon-color)" (main_unified.css:1798) */
  --log-background: var(--d26-surface-2);  /* depot .log_item, .list-notes-cebra-premium */
}

html.desk-2026 .dark-theme {
  /* Partner / brand colours (keep) */
  --morningstar-table-header-background: var(--d26-brand-morningstar-dark);  /* Morningstar screener header */

  /* resolved 2026-10-15: muted text / separators; quiet backgrounds (the .context_menu h1 and premium notes texts are set below) */
  --contextmenu-h1: var(--d26-ink-3);  /* trades small_text, ad box text, toolbar separators, fullscreen bg */
  --menu-icon-color: initial;  /* only usage is an invalid "text-align: var(--menu-icon-color)" (main_unified.css:1798) */
  --log-background: var(--d26-surface-2);  /* depot .log_item, .list-notes-cebra-premium */
}

/* ==========================================================================
   4. Frame (phase 2) - layout built by lib/desk2026_frame.js
      html.d26-frame is set once the frame elements have been re-placed.
      Header: row 1 (54px) logo, Trading-Desk selector, desktop tabs, search,
      RT Box, Trading ab 0 €, icons, customer area; row 2 (40px) tools menu.
      Bottom bar (34px): market ticker, latest news, latest alert, connection.
      Windows keep their saved page coordinates and are stacked ABOVE the
      header (decision 2026-10-05), so windows at the top of old desktops
      cover part of the tools row but keep their title bars reachable.
   ========================================================================== */
html.d26-frame {
  --d26-top-h: 54px;
  --d26-tools-h: 40px;
  --d26-header-h: calc(var(--d26-top-h) + var(--d26-tools-h));
  --d26-bar-h: 34px;
}

/* ---- header container ---- */
html.d26-frame #header {
  height: var(--d26-header-h);
  min-width: 0;
  background: var(--d26-bg);
  box-shadow: none;
  z-index: auto; /* no stacking context: windows stack above the header, its dropdowns (z-index 999999) above the windows */
  font-family: var(--main-font-family);
}
html.d26-frame #header > .nav-wrap,
html.d26-frame #header .sub-nav.info-display { display: none; }
html.d26-frame #header > .sub-wrap > .sub-nav { width: 0; padding: 0 !important; overflow: visible; } /* only holds the fixed feedback box now */

/* ---- row 1 ---- */
html.d26-frame .d26-top {
  display: flex; align-items: center; gap: 14px;
  height: var(--d26-top-h); padding: 0 12px 0 16px; min-width: 0;
}
html.d26-frame .d26-brand { flex: none; display: flex; align-items: center; color: var(--d26-logo-ink); }
html.d26-frame .d26-logo { height: 18px; width: 118px; display: block; }

/* Trading-Desk selector (#footer-flag keeps its handler; label is a sibling) */
html.d26-frame .d26-td {
  position: relative; flex: none; width: 220px; height: 36px;
  background: var(--d26-surface); border-radius: var(--d26-r2);
}
html.d26-frame .d26-td:hover { background: var(--d26-surface-2); }
html.d26-frame .d26-td-label {
  position: absolute; top: 4px; left: 12px; pointer-events: none;
  font: 700 10px/1.2 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.d26-frame #footer-flag {
  display: block; height: 36px; margin: 0; padding: 17px 30px 0 12px; box-sizing: border-box;
  font: 700 var(--d26-fs)/1.15 var(--main-font-family); color: var(--d26-ink);
  background: transparent; border-radius: var(--d26-r2); min-width: 0; float: none; overflow: hidden;
}
html.d26-frame #footer-flag::before { display: none; } /* Font Awesome desktop glyph */
html.d26-frame #footer-flag::after {               /* chevron */
  content: ""; position: absolute; right: 13px; top: 13px; width: 6px; height: 6px;
  border: solid var(--d26-ink-3); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg);
}
html.d26-frame #footer-flag .tradingdesk-name { position: static; margin: 0; font: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Desktop tabs (.gallery = #desk-mask + #desk-scroll, scrolling logic unchanged) */
html.d26-frame .d26-tabs { flex: 1 1 auto; min-width: 0; }
html.d26-frame .d26-tabs .gallery { display: flex; align-items: center; height: 36px; padding: 0; overflow: hidden; }
html.d26-frame #desk-mask { flex: 1 1 auto; width: auto; float: none; min-height: 0; height: 32px; font: inherit; }
html.d26-frame #desk-slide-set { padding: 0; height: 32px; white-space: nowrap; }
html.d26-frame #desk-slide-set li { margin: 0 2px 0 0; vertical-align: top; }
html.d26-frame #desk-slide-set a.item,
html.d26-frame #desk-slide-set li:hover a.item,
html.d26-frame #desk-slide-set li.active a.item {
  height: 32px; line-height: 32px; margin: 0; padding: 0 12px; border: 0; border-radius: var(--d26-pill);
  font: 600 var(--d26-fs)/32px var(--main-font-family); background: transparent; color: var(--d26-ink-3);
}
html.d26-frame #desk-slide-set li:hover a.item { color: var(--d26-ink); }
html.d26-frame #desk-slide-set li.active a.item { background: var(--d26-surface); color: var(--d26-ink); }
html.d26-frame #desk-slide-set .ui-sortable-placeholder,
html.d26-frame #desk-slide-set .ui-state-highlight { border: 0; background: var(--d26-accent-soft); border-radius: var(--d26-pill); height: 32px; }
html.d26-frame #desk-scroll { position: static; flex: none; width: auto; }
html.d26-frame #desk-scroll-controls { display: flex; align-items: center; padding: 0 0 0 4px; }
html.d26-frame #desk-scroll-controls li { margin: 0; color: var(--d26-ink-2); }
html.d26-frame #desk-scroll-controls a,
html.d26-frame #desk-scroll-controls li:first-child a,
html.d26-frame #desk-scroll-controls li:last-child a {
  width: 30px; height: 30px; line-height: 30px; font-size: 13px; border-radius: var(--d26-r2); background: transparent;
}
html.d26-frame #desk-scroll-controls a:hover { background: var(--d26-surface); color: var(--d26-ink); }

/* Right cluster */
html.d26-frame .d26-right { flex: none; display: flex; align-items: center; gap: 2px; margin-left: auto; }
html.d26-frame .d26-right .search-form { margin: 0 6px 0 0; position: relative; }
html.d26-frame .d26-right .search-form fieldset { border: 0; padding: 0; }
html.d26-frame .d26-right .search-form .navbar-divider { display: none; }
html.d26-frame .d26-right .search-form fieldset > div { float: none !important; }
html.d26-frame .d26-right .search-form i.fa-search {
  left: 13px !important; top: 11px; margin: 0 !important; line-height: 14px !important; color: var(--d26-ink-3) !important;
}
html.d26-frame .d26-right .search-form input[type="search"] {
  width: 240px; height: 36px; padding: 0 12px 0 34px; float: none;
  border: 0; border-radius: var(--d26-pill); background: var(--d26-surface);
  font: 400 var(--d26-fs) var(--main-font-family); font-style: normal; color: var(--d26-ink);
}
html.d26-frame .d26-right .search-form input[type="search"]:focus { box-shadow: 0 0 0 2px var(--d26-accent); }
html.d26-frame .d26-right .realtimeprice_button {
  width: auto; height: 30px; margin: 0 2px; padding: 0 10px; border: 0; border-radius: var(--d26-pill);
  font: 600 var(--d26-fs-s)/30px var(--main-font-family); color: var(--d26-ink-2); background: transparent;
}
html.d26-frame .d26-right .realtimeprice_button:hover { background: var(--d26-surface); color: var(--d26-ink); }
html.d26-frame .d26-right .navbar-broker-login-button {
  display: block; height: 32px; padding: 0 14px; margin: 0 2px 0 4px; border-radius: var(--d26-pill); cursor: pointer;
  font: 700 var(--d26-fs)/32px var(--main-font-family); white-space: nowrap;
  background: var(--d26-accent); color: var(--d26-on-accent);
}
html.d26-frame .d26-right .navbar-broker-login-button:hover { background: var(--d26-accent-hover); }
html.d26-frame .d26-right .navbar-finanzennetzero-button {
  display: block; width: 30px; height: 30px; margin-right: 4px; border-radius: var(--d26-r2); cursor: pointer;
  background: url("../design2/images/icon_finanzennetzero.png") no-repeat center / 18px auto;
}
/* url() inside a variable resolves against the stylesheet using it, so the theme image paths are repeated here */
html.d26-frame .dark-theme .d26-right .navbar-finanzennetzero-button { background-image: url("../design/images/icon_finanzennetzero.png"); }
html.d26-frame .d26-icon {
  display: flex; align-items: center; justify-content: center; width: 34px; height: 34px;
  border-radius: var(--d26-r2); color: var(--d26-ink-2); cursor: pointer;
}
html.d26-frame .d26-icon:hover { background: var(--d26-surface); color: var(--d26-ink); }
html.d26-frame .d26-ico { width: 18px; height: 18px; display: block; }

/* Customer area (.login-holder: user.js toggles .on and fills #login-ico) */
html.d26-frame .d26-right .login-holder,
html.d26-frame .d26-right .login-holder.on {
  position: relative; top: auto; right: auto; width: auto; height: 36px; margin-left: 6px; padding: 0 14px 0 8px;
  display: flex; align-items: center; gap: 6px; overflow: visible;
  border-radius: var(--d26-pill); background: var(--d26-surface); box-shadow: none; cursor: pointer;
}
html.d26-frame .d26-right .login-holder:hover { background: var(--d26-surface-2); }
html.d26-frame #login-status-indicator { float: none !important; margin: 0 !important; font-size: 20px !important; color: var(--d26-ink-3); }
html.d26-frame #login-status-indicator.on { color: var(--d26-accent); }
html.d26-frame #login-ico { float: none; height: auto; margin: 0; padding: 0; font: 600 var(--d26-fs-s)/1.15 var(--main-font-family); color: var(--d26-ink); text-align: left; }
html.d26-frame #login-ico a, html.d26-frame #login-ico span { color: inherit !important; }
html.d26-frame #login-ico a > span > span { color: var(--d26-accent) !important; font-weight: 600; }
/* guest (user.js: no .on; no avatar): one accent pill "Login / Registrieren" like the preview (.avatar.guest); the
   finanzen.net login link of user.js fills the pill, user icon / connection dot / line break hidden */
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) {
  height: 32px; padding: 0; margin-left: 6px; background: var(--d26-accent); color: var(--d26-on-accent);
}
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar):hover { background: var(--d26-accent-hover); }
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) > #login-status-indicator,
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) > #conexion-indicator,
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico br { display: none; }
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico { font: 700 var(--d26-fs-s)/32px var(--main-font-family); white-space: nowrap; }
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico,
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico a,
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico span { color: var(--d26-on-accent) !important; font-weight: 700; }
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico a { display: block; padding: 0 14px; text-decoration: none; }
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico { padding: 0 14px; }
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico::first-letter { text-transform: uppercase; } /* menubar.js writes "login" */
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico:has( a ) { padding: 0; }
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico span span::before,
html.d26-frame .d26-right .login-holder:not(.on):not(.d26-has-avatar) #login-ico > span:not(.no_translate)::before { content: "/ "; }

/* ---- row 2: tools menu ---- */
html.d26-frame .d26-tools { display: flex; align-items: center; height: var(--d26-tools-h); padding: 0 16px 0 12px; }
html.d26-frame #nav { position: static; font: var(--d26-fs) var(--main-font-family); }
html.d26-frame #nav > ul { display: flex; align-items: stretch; gap: 2px; height: var(--d26-tools-h); margin: 0; padding: 0; }
html.d26-frame #nav > ul > li { display: flex; align-items: center; float: none; margin: 0 !important; position: relative; }
html.d26-frame #nav > ul > li > a,
html.d26-frame #nav > ul > li > a:hover,
html.d26-frame #nav > ul > li.hover > a,
html.d26-frame #nav > ul > li.with-drop.hover > a,
html.d26-frame #nav ul li:hover > a.opener {
  height: 32px; line-height: 32px; margin: 0; padding: 0 10px; float: none; border-radius: var(--d26-r1);
  font: 600 var(--d26-fs)/32px var(--main-font-family); background: transparent; color: var(--d26-ink-2);
}
html.d26-frame #nav > ul > li > a:hover,
html.d26-frame #nav > ul > li.hover > a { background: var(--d26-surface); color: var(--d26-ink); }
html.d26-frame #nav > ul > li > a.opener::after {      /* chevron after menu titles */
  content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 0 3px 7px; opacity: .55;
  border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg);
}
html.d26-frame #nav > ul > li > a > div { float: none !important; display: inline; }
html.d26-frame #nav > ul > li > i {
  width: 28px; height: 28px; line-height: 28px; text-align: center; margin: 0 !important; border-radius: var(--d26-r1);
  color: var(--d26-ink-3); font-size: 13px;
}
html.d26-frame #nav > ul > li > i:hover { background: var(--d26-surface); color: var(--d26-ink); }
html.d26-frame #nav > ul > li > .drop { top: calc(var(--d26-tools-h) - 2px) !important; } /* JS sets an inline top for the old 26px row */
html.d26-frame #nav .drop.dropper.ultrawide { left: 0; }                                          /* was -200px for the old position of "Listen" */

/* ---- bottom bar (#footer) ---- */
html.d26-frame #footer {
  top: auto; bottom: 0; margin: 0; height: var(--d26-bar-h);
  background: var(--d26-bg); font-family: var(--main-font-family);
}
html.d26-frame #footer-theme-switcher { display: none; } /* replaced by the header toggle (same tf_newTheme) */
html.d26-frame .d26-bar {
  display: flex; align-items: center; gap: 20px; height: var(--d26-bar-h); padding: 0 16px; min-width: 0;
  font-size: var(--d26-fs-s); color: var(--d26-ink-3); white-space: nowrap; overflow: hidden;
}
html.d26-frame .d26-ticker { display: flex; align-items: center; gap: 20px; flex: none; }
html.d26-frame .d26-ticker > a { display: flex; align-items: baseline; gap: 7px; float: none !important; margin: 0; color: var(--d26-ink-3); cursor: pointer; }
html.d26-frame .d26-ticker > a > div { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html.d26-frame .d26-ticker > a > div:first-child { font-weight: 600 !important; color: var(--d26-ink-2); }
html.d26-frame .d26-ticker > a:hover > div:first-child { color: var(--d26-accent); }
html.d26-frame .d26-bar .latest-news,
html.d26-frame .d26-bar .latest-alert {
  position: static; left: auto; top: auto; clear: none; float: none; flex: 0 1 auto; min-width: 0; max-width: none;
  max-height: none; padding: 0; line-height: var(--d26-bar-h); font-size: var(--d26-fs-s); color: var(--d26-ink-2);
}
html.d26-frame .d26-bar .latest-news:hover,
html.d26-frame .d26-bar .latest-alert:hover { color: var(--d26-accent); }
html.d26-frame .d26-bar .latest-news span,
html.d26-frame .d26-bar .latest-alert span { margin-right: 6px; }
html.d26-frame .d26-bar-end { margin-left: auto; display: flex; align-items: center; gap: 8px; flex: none; }
html.d26-frame #conexion-indicator { position: static; width: 8px; height: 8px; opacity: 1; }

/* ---- popups anchored to the frame ---- */
html.d26-frame .td-menu {           /* Trading-Desk menu opens below the selector now, above the header */
  top: calc(var(--d26-top-h) - 4px); bottom: auto; left: 148px; z-index: 9500;
  border: 0; border-radius: var(--d26-r3); box-shadow: var(--d26-shadow); background: var(--d26-pop); overflow: hidden;
}

/* ---- tools menu dropdowns (full menu restyle in phase 4) ---- */
html.d26-frame #nav .drop {
  background: var(--d26-pop); border-radius: var(--d26-r3); box-shadow: var(--d26-shadow); padding-top: 8px; margin-left: 0;
}

/* ---- right rail (nav.rmenu, sidebar.js) ---- */
html.d26-frame .rmenu { top: var(--d26-header-h); right: 0; }
html.d26-frame .rmenu .opener {
  width: 44px; height: 36px; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px;
  background: var(--d26-surface); border-radius: var(--d26-r2) 0 0 var(--d26-r2); text-indent: 0;
  box-shadow: 0 0 0 1px var(--d26-line);
}
html.d26-frame .rmenu .opener .line { width: 18px; height: 2px; margin: 0; background: var(--d26-ink-2); border-radius: 1px; }
html.d26-frame .rmenu .sub-menu {
  padding: 4px 3px 8px; background: var(--d26-surface); border-radius: var(--d26-r3) 0 0 var(--d26-r3);
  box-shadow: 0 0 0 1px var(--d26-line), var(--d26-shadow);
}
html.d26-frame .rmenu .sub-menu > li { margin: 0 0 2px; background-color: transparent; box-shadow: none; border-radius: var(--d26-r2); } /* not "background": .wingman-icon's avatar is the li background */
html.d26-frame .rmenu .sub-menu > li > a {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 38px; min-height: 38px; padding: 0; border-radius: var(--d26-r2); color: var(--d26-ink-2);
}
html.d26-frame .rmenu .sub-menu > li > a:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.d26-frame .rmenu .sub-menu > li > a > .d26-ico { width: 20px; height: 20px; }
html.d26-frame .rmenu .sub-menu > li > a > span:not(.numb) { display: none; }     /* old image icons; kept for sidebar.js */
html.d26-frame .rmenu .sub-menu > li.has-drop.hover > a::after { display: none; }   /* old dark drag overlay */
html.d26-frame .rmenu .sub-menu > li:has(span.hover) > a,
html.d26-frame .rmenu .sub-menu > li.has-drop.hover > a {                          /* drop target while dragging a stock */
  background: var(--d26-accent-soft); color: var(--d26-accent); box-shadow: inset 0 0 0 2px var(--d26-accent);
}
html.d26-frame .rmenu .sub-menu .numb {
  position: absolute; top: 2px; right: 1px; min-width: 15px; height: 15px; padding: 0 4px; margin: 0; border-radius: var(--d26-pill);
  background: var(--d26-lime); color: var(--d26-on-lime); font: 700 9px/15px var(--main-font-family); text-align: center;
}
html.d26-frame .rmenu .sidebar-infobox-text { max-width: 38px; font-size: 9px; line-height: 1.1; color: var(--d26-ink-3); }
html.d26-frame .rmenu .wingman-icon {
  width: 38px; height: 38px; margin-bottom: 6px; border-radius: 50%; background-size: cover !important; background-position: center !important;
}

/* ==========================================================================
   5. Window chrome (phase 3) - tf_Container (lib/container.js)
      Title bar 44px (tf_project_settings.tf_box_head_height = 44).
      .buttons-list becomes "display: contents" so its children are flex
      items of the head and can be ordered without moving DOM nodes:
      [group chip] title  title_extra  ...  tool buttons  maximize  ⋯  close
   ========================================================================== */
html.desk-2026 .container {
  border: 0; border-radius: var(--d26-r2); box-shadow: 0 0 0 1px var(--d26-line);
  background: var(--d26-surface);
}
html.desk-2026 .container.active-item { box-shadow: 0 0 0 1px var(--d26-line), var(--d26-shadow); }
html.desk-2026 .container .inner { border-radius: var(--d26-r2); }

html.desk-2026 .container .head {
  display: flex; align-items: center; gap: 6px; box-sizing: border-box;
  height: 44px; line-height: 20px; padding: 0 6px 0 14px;
  border: 0; border-radius: var(--d26-r2) var(--d26-r2) 0 0;
  background: var(--d26-surface); color: var(--d26-ink);
  cursor: grab; user-select: none;
}
html.desk-2026 .container .head:active { cursor: grabbing; }
html.desk-2026 .container .head.screener { background: var(--morningstar-table-header-background); color: var(--d26-on-color); } /* partner colour stays */
html.desk-2026 .container .body { top: 44px; height: calc(100% - 44px); }

/* title */
html.desk-2026 .container .head .title_field {
  order: 0; float: none; margin: 0; padding: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 650 var(--d26-fs)/20px var(--main-font-family); color: inherit;
}
html.desk-2026 .container .head .title_field > div { float: none !important; display: inline; }
html.desk-2026 .container .head .title_field *,
html.desk-2026 .container .head .title_extra * { white-space: nowrap; }
html.desk-2026 .container .head .title_field .dropdown,
html.desk-2026 .container .head .title_extra .dropdown { display: inline-block; vertical-align: middle; padding: 0 4px; }
html.desk-2026 .container .head .title_field span.__,
html.desk-2026 .container .head .title_extra { font-weight: 400; font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .container .head .title_extra { order: 1; float: none; margin: 0 auto 0 0; white-space: nowrap; }
html.desk-2026 .container .head .title_field .title_extra { display: inline; margin: 0 4px 0 0; }
html.desk-2026 .container .head .up { color: var(--d26-up); }
html.desk-2026 .container .head .down { color: var(--d26-down); }

/* buttons */
html.desk-2026 .container .head .buttons-list { display: contents; }
html.desk-2026 .container .head .buttons-list > *,
html.desk-2026 .container .head > .big { order: 5; float: none !important; margin: 0 !important; flex: none; } /* tools append buttons to .head or .buttons-list (e.g. "Ansicht") */
html.desk-2026 .container .head .big {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px; box-sizing: border-box;
  min-width: 28px; height: 28px; width: auto; padding: 0 8px; border: 0; border-radius: var(--d26-r1);
  background: transparent; color: var(--d26-ink-3); font: 600 var(--d26-fs-s)/28px var(--main-font-family); text-indent: 0;
}
html.desk-2026 .container .head .big:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .container .head .big > div { float: none !important; margin: 0 !important; }
html.desk-2026 .container .head .big.buy,
html.desk-2026 .container .head .big.sell,
html.desk-2026 .container .head .big.derivate {
  height: 24px; padding: 0 10px; border-radius: var(--d26-pill); font-weight: 700; line-height: 24px;
}
html.desk-2026 .container .head .big.buy { background: color-mix(in srgb, var(--d26-up) 14%, transparent); color: var(--d26-up); }   /* soft like Long/Short in the lists */
html.desk-2026 .container .head .big.sell { background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down); }
html.desk-2026 .container .head .big.derivate { background: var(--d26-surface); color: var(--d26-ink-2); box-shadow: inset 0 0 0 1px var(--d26-line-strong, color-mix(in srgb, var(--d26-ink) 22%, transparent)); }
html.desk-2026 .container .head .big.buy:hover { background: var(--d26-up); color: var(--d26-on-solid); }
html.desk-2026 .container .head .big.sell:hover { background: var(--d26-down); color: var(--d26-on-solid); }
html.desk-2026 .container .head .big.derivate:hover { background: var(--d26-surface-2); color: var(--d26-ink); }

/* group chip (tf_showGroup sets data-group on .menu_3_icon) - colours as in the preview */
html.desk-2026 .container .head .menu_3_icon { order: -1; width: auto; height: auto; }
html.desk-2026 .container .head .menu_3_icon .dropdown_element {
  display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 4px; box-sizing: border-box;
  border: 0; border-radius: 4px; background: var(--d26-surface-3); color: var(--d26-ink-3);
  font: 800 10px/20px var(--main-font-family); cursor: pointer;
}
html.desk-2026 .container .head .menu_3_icon:not([data-group="0"]):not([data-group]) .dropdown_element,
html.desk-2026 .container .head .menu_3_icon[data-group="1"] .dropdown_element { background: var(--d26-group-1); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="2"] .dropdown_element { background: var(--d26-group-2); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="3"] .dropdown_element { background: var(--d26-group-3); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="4"] .dropdown_element { background: var(--d26-group-4); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="5"] .dropdown_element { background: var(--d26-group-5); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="6"] .dropdown_element { background: var(--d26-group-6); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="7"] .dropdown_element { background: var(--d26-group-7); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="8"] .dropdown_element { background: var(--d26-group-8); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="9"] .dropdown_element { background: var(--d26-group-9); color: var(--d26-on-color); }
html.desk-2026 .container .head .menu_3_icon[data-group="10"] .dropdown_element { background: var(--d26-group-10); color: var(--d26-on-color); }

/* maximize: drawn square */
html.desk-2026 .container .head .maximize-ico {
  order: 8; position: relative; width: 30px; height: 30px; border-radius: var(--d26-r1); background: transparent; border: 0; cursor: pointer;
}
html.desk-2026 .container .head .maximize-ico .maximize-ico-small { display: none; }
html.desk-2026 .container .head .maximize-ico::after {
  content: ""; position: absolute; left: 10px; top: 10px; width: 8px; height: 8px;
  border: 1.5px solid var(--d26-ink-3); border-radius: 2px;
}
html.desk-2026 .container .head .maximize-ico:hover { background: var(--d26-surface-2); }
html.desk-2026 .container .head .maximize-ico:hover::after { border-color: var(--d26-ink); }

/* ⋯ window menu (menu_icon; only windows with tf_has_menu get .has-menu) */
html.desk-2026 .container .head .menu_icon {
  order: 9; position: relative; left: auto; top: auto; float: none; margin: 0 !important;
  width: 30px; height: 30px; border-radius: var(--d26-r1); text-indent: 0; overflow: hidden; background: none !important;
}
html.desk-2026 .container .head .menu_icon > * { display: none; }  /* old per-tool type icons */
html.desk-2026 .container .head .menu_icon:not(.has-menu) { display: none; }
html.desk-2026 .container .head .menu_icon.has-menu::before {
  content: ""; position: absolute; left: 7px; top: 14px; width: 16px; height: 3px;
  background: radial-gradient(circle, var(--d26-ink-3) 1.4px, transparent 1.6px) 0 0 / 6px 3px repeat-x;
}
html.desk-2026 .container .head .menu_icon.has-menu:hover { background: var(--d26-surface-2) !important; }

/* close */
html.desk-2026 .container .head .close {
  order: 10; display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: var(--d26-r1);
  font-size: 14px; line-height: 30px; color: var(--d26-ink-3); background: transparent;
}
html.desk-2026 .container .head .close:hover { background: var(--d26-surface-2); color: var(--d26-ink); }

/* footer */
html.desk-2026 .container .foot { border-radius: 0 0 var(--d26-r2) var(--d26-r2); color: var(--d26-ink-3); }
/* the body reaches down to the bottom edge of the window (under the footer): without the same radius its square white
   corners covered the rounded bottom corners of the frame */
html.desk-2026 .container .inner > .body { border-bottom-left-radius: var(--d26-r2); border-bottom-right-radius: var(--d26-r2); }

/* ==========================================================================
   6. Menu engines (phase 4)
      tf_ContextMenuFox (.context_menu_wrapper > ul.contextmenu_fox),
      tf_DropDownFox (.dropdown_options*), tf_ContextMenuDescription / Meta
      (ul.contextmenu_descr + .contextmenu_descr_list/_text), tools menu drops.
      Same caller markup as before; .kb-focus = keyboard highlight.
   ========================================================================== */
@keyframes d26-pop { from { opacity: 0; transform: translateY(-4px) scale(.98); } }

/* ---- context menus ---- */
html.desk-2026 div.context_menu_wrapper {
  min-width: 228px !important; padding: 6px; border-radius: var(--d26-r3);
  background: var(--d26-pop); box-shadow: var(--d26-shadow); color: var(--d26-ink);
  font: var(--d26-fs) var(--main-font-family); z-index: 99999; animation: d26-pop .12s ease-out;
}
html.desk-2026 div.context_menu_wrapper::after { display: none; }
html.desk-2026 ul.contextmenu_fox,
html.desk-2026 ul.contextmenu_fox ul { padding: 0; }
html.desk-2026 ul.contextmenu_fox ul {               /* submenus */
  min-width: 200px; padding: 6px; margin-left: 4px; border-radius: var(--d26-r3);
  background: var(--d26-pop); box-shadow: var(--d26-shadow);
}
html.desk-2026 ul.contextmenu_fox li,
html.desk-2026 ul.contextmenu_fox li:hover {
  height: auto; min-height: 34px; line-height: 34px; margin: 0; padding: 0 30px 0 10px; box-sizing: border-box;
  border-radius: var(--d26-r1); color: var(--d26-ink); font-size: var(--d26-fs); clear: both;
}
html.desk-2026 ul.contextmenu_fox li:hover,
html.desk-2026 ul.contextmenu_fox li.kb-focus { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .dark-theme ul.contextmenu_fox li:hover,
html.desk-2026 .dark-theme ul.contextmenu_fox li.kb-focus { background: var(--d26-surface-3); }
html.desk-2026 ul.contextmenu_fox li.title,
html.desk-2026 ul.contextmenu_fox li.title:hover {
  min-height: 0; line-height: 1.2; padding: 8px 10px 4px; background: transparent; cursor: default;
  font-size: var(--d26-fs-cap); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 ul.contextmenu_fox li.submenu,
html.desk-2026 ul.contextmenu_fox li.submenu:hover { background-image: none; }
html.desk-2026 ul.contextmenu_fox li.submenu::before {        /* chevron */
  content: ""; position: absolute; right: 12px; top: 50%; width: 6px; height: 6px; margin-top: -4px;
  border: solid var(--d26-ink-3); border-width: 1.5px 1.5px 0 0; transform: rotate(45deg);
}
html.desk-2026 ul.contextmenu_fox li.contextmenu-selected::after {   /* check mark (selectable chart menus) */
  content: ""; position: absolute; left: auto; right: 12px; top: 50%; width: 5px; height: 9px; margin-top: -6px;
  border: solid var(--d26-accent); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
html.desk-2026 ul.contextmenu_fox li select,
html.desk-2026 ul.contextmenu_fox li input[type="text"],
html.desk-2026 ul.contextmenu_fox li input[type="number"],
html.desk-2026 ul.contextmenu_fox li input:not([type]) {
  height: 28px; margin-top: 3px; padding: 0 8px; border: 0; border-radius: var(--d26-r1);
  background: var(--d26-surface-2); color: var(--d26-ink); font: 600 var(--d26-fs-s) var(--main-font-family);
}
html.desk-2026 ul.contextmenu_fox li select { right: 6px; }
html.desk-2026 ul.contextmenu_fox li textarea { border: 0; border-radius: var(--d26-r1); background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 ul.contextmenu_fox li select:focus,
html.desk-2026 ul.contextmenu_fox li input:focus,
html.desk-2026 ul.contextmenu_fox li textarea:focus { outline: 2px solid var(--d26-accent); }
html.desk-2026 ul.contextmenu_fox li input[type="checkbox"] { accent-color: var(--d26-accent); }
html.desk-2026 ul.contextmenu_fox li.contextmenu-close-actions,
html.desk-2026 ul.contextmenu_fox li.contextmenu-close-actions:hover {
  float: none; width: auto; height: auto; margin: 6px 0 0; padding: 6px 4px 2px; text-align: right; background: transparent;
}
html.desk-2026 ul.contextmenu_fox li.contextmenu-close-actions span {     /* OK button (inline style from the engine) */
  display: inline-block; padding: 0 16px !important; height: 30px; line-height: 30px; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font-weight: 650;
}

/* ---- dropdowns (tf_DropDownFox) ---- */
html.desk-2026 .dropdown_options,
html.desk-2026 .dropdown_options_up,
html.desk-2026 .dropdown_options_right {
  padding: 6px; border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow);
  color: var(--d26-ink); animation: d26-pop .12s ease-out;
}
html.desk-2026 .dropdown_options a,
html.desk-2026 .dropdown_options_up a,
html.desk-2026 .dropdown_options_right a,
html.desk-2026 .topbar .dropdown_options a {
  display: block; min-height: 30px; line-height: 30px; padding: 0 10px; border-radius: var(--d26-r1);
  color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family); white-space: nowrap; cursor: pointer;
}
html.desk-2026 .dropdown_options a:hover,
html.desk-2026 .dropdown_options a.kb-focus,
html.desk-2026 .dropdown_options_up a:hover,
html.desk-2026 .dropdown_options_up a.kb-focus,
html.desk-2026 .dropdown_options_right a:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .dark-theme .dropdown_options a:hover,
html.desk-2026 .dark-theme .dropdown_options a.kb-focus,
html.desk-2026 .dark-theme .dropdown_options_up a:hover,
html.desk-2026 .dark-theme .dropdown_options_up a.kb-focus { background: var(--d26-surface-3); }
html.desk-2026 .dropdown_options .active-item { color: var(--d26-accent) !important; font-weight: 650; }
html.desk-2026 .dropdown_options .active-item::after { content: ""; right: 10px; width: 5px; height: 9px; margin-top: 9px; border: solid var(--d26-accent); border-width: 0 2px 2px 0; transform: rotate(45deg); }
html.desk-2026 .dropdown_options input.search {
  height: 30px; border: 0; border-radius: var(--d26-r1); background: var(--d26-surface-2); color: var(--d26-ink); padding: 0 10px !important;
}
html.desk-2026 .dropdown .dd_button { color: var(--d26-ink-3); font-size: 8px; }

/* group chip menu: 1-10 as coloured squares */
html.desk-2026 .container .head .menu_3_icon .dropdown_options { min-width: 0 !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a { min-width: 28px; padding: 0 8px; text-align: center; font-weight: 700; }
/* group menu: every group in its colour, like the badge in the head (--d26-group-N); "-" (no group) stays neutral */
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="1"] { background: var(--d26-group-1) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="2"] { background: var(--d26-group-2) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="3"] { background: var(--d26-group-3) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="4"] { background: var(--d26-group-4) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="5"] { background: var(--d26-group-5) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="6"] { background: var(--d26-group-6) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="7"] { background: var(--d26-group-7) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="8"] { background: var(--d26-group-8) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="9"] { background: var(--d26-group-9) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name="10"] { background: var(--d26-group-10) !important; color: var(--d26-on-color) !important; }
/* layout: "Keine Gruppe" over the full width, then 1-10 in 5 rows of 2 (rows of dropdown.js dissolved with display: contents) */
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] { padding: 10px !important; min-width: 0 !important; }
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] > div { display: grid !important; grid-template-columns: repeat(2, 48px); gap: 6px; width: auto !important; }
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] > div > div { display: contents !important; }
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] .filterable { width: auto !important; padding: 0 !important; background: transparent !important; }
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] .filterable:has(> a[name="0"]) { grid-column: 1 / -1; }
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] a[name] { display: grid !important; place-items: center; float: none !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 30px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 8px; box-sizing: border-box; font: 700 var(--d26-fs) var(--main-font-family) !important; line-height: 1 !important; }
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] a[name="0"] { font-size: 0 !important; background: var(--d26-surface-2) !important; color: var(--d26-ink-2) !important; }
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] a[name="0"]::after { content: "Keine Gruppe"; font: 600 var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .container .head .menu_3_icon [class^="dropdown_options"] a[name="0"]:hover { background: var(--d26-surface-3) !important; color: var(--d26-ink) !important; }
html.desk-2026 .container .head .menu_3_icon .dropdown_options a[name]:not([name="0"]):hover { filter: brightness(1.12); box-shadow: 0 0 0 2px var(--d26-pop), 0 0 0 4px var(--d26-ink-3); }

/* ---- two-pane menus (Scans, descriptions) ---- */
html.desk-2026 ul.contextmenu_descr li,
html.desk-2026 ul.contextmenu_descr_list li {
  min-height: 30px; line-height: 30px; padding: 0 10px; border-radius: var(--d26-r1); color: var(--d26-ink); font-size: var(--d26-fs);
}
html.desk-2026 ul.contextmenu_descr li:hover,
html.desk-2026 ul.contextmenu_descr li.hovered,
html.desk-2026 ul.contextmenu_descr_list li:hover,
html.desk-2026 ul.contextmenu_descr_list li.active { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .dark-theme ul.contextmenu_descr li:hover,
html.desk-2026 .dark-theme ul.contextmenu_descr li.hovered,
html.desk-2026 .dark-theme ul.contextmenu_descr_list li:hover,
html.desk-2026 .dark-theme ul.contextmenu_descr_list li.active { background: var(--d26-surface-3); }
html.desk-2026 ul.contextmenu_descr li.title,
html.desk-2026 ul.contextmenu_descr li.contextmenudescr_ul_title {
  font-size: var(--d26-fs-cap); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); background: transparent;
}
html.desk-2026 .contextmenu_descr_text { border: 0; border-left: 1px solid var(--d26-line); color: var(--d26-ink-2); }
html.desk-2026 div.context_menu_wrapper input.search,
html.desk-2026 div.context_menu_wrapper input[type="search"] {
  height: 30px; border: 0; border-radius: var(--d26-r1); background: var(--d26-surface-2); color: var(--d26-ink); padding: 0 10px;
}

/* ---- tools menu dropdowns (#nav .drop) ---- */
html.d26-frame #nav .drop h2 {
  font: 700 var(--d26-fs-cap)/1.2 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3);
  background: transparent; border: 0;
}
html.d26-frame #nav .drop ul li a,
html.d26-frame #nav .drop a { color: var(--d26-ink); font: var(--d26-fs)/30px var(--main-font-family); border-radius: var(--d26-r1); }
html.d26-frame #nav .drop ul li:hover,
html.d26-frame #nav .drop ul li:hover > a { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .dark-theme #nav .drop ul li:hover,
html.desk-2026 .dark-theme #nav .drop ul li:hover > a { background: var(--d26-surface-3); }

/* ==========================================================================
   7. Dialogs and indicator popup (phase 5a) - lib/indicator_dialog.js
   ========================================================================== */
html.desk-2026 .d26-scrim { position: fixed; inset: 0; z-index: 99990; background: var(--d26-scrim); }
html.desk-2026 .d26-dlg {
  position: fixed; z-index: 99991; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: flex; flex-direction: column; width: min(860px, calc(100vw - 32px)); max-height: min(720px, calc(100vh - 48px));
  border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow); color: var(--d26-ink);
  font: var(--d26-fs)/1.4 var(--main-font-family); animation: d26-pop .14s ease-out;
}
html.desk-2026 .d26-dlg-h { display: flex; align-items: center; gap: 10px; padding: 14px 14px 10px 20px; flex: none; }
html.desk-2026 .d26-dlg-h h2 { margin: 0; font-size: var(--d26-fs-m); font-weight: 700; color: var(--d26-ink); }
html.desk-2026 .d26-dlg-sub { font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-sp { flex: 1; }
html.desk-2026 .d26-dlg-x { border: 0; background: transparent; }
html.desk-2026 .d26-dlg-s {
  display: flex; align-items: center; gap: 10px; flex: none; margin: 0 20px 12px; height: 42px; padding: 0 14px;
  border-radius: var(--d26-pill); background: var(--d26-surface-2); color: var(--d26-ink-3);
}
html.desk-2026 .d26-dlg-s:focus-within { box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-dlg-s input {
  flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; padding: 0;
  font: var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); font-style: normal;
}
html.desk-2026 .d26-dlg-s input:focus { outline: none; }
html.desk-2026 .d26-seg-row { display: flex; flex: none; padding: 0 20px 8px; overflow-x: auto; }
html.desk-2026 .d26-seg { display: inline-flex; gap: 2px; padding: 2px; border-radius: var(--d26-pill); background: var(--d26-surface-2); flex: none; }
html.desk-2026 .d26-seg button {
  height: 26px; padding: 0 11px; border: 0; border-radius: var(--d26-pill); background: transparent; cursor: pointer;
  font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3); white-space: nowrap;
}
html.desk-2026 .d26-seg button:hover { color: var(--d26-ink); }
html.desk-2026 .d26-seg button[aria-pressed="true"] { background: var(--d26-pop); color: var(--d26-ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .dark-theme .d26-seg button[aria-pressed="true"] { background: var(--d26-surface-3); box-shadow: none; }
html.desk-2026 .d26-dlg-b { overflow-y: auto; padding: 0 12px 14px; min-height: 0; }
html.desk-2026 .d26-grp-t { padding: 12px 10px 6px; font-size: var(--d26-fs-cap); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-empty { padding: 20px 10px; color: var(--d26-ink-3); }
html.desk-2026 .d26-ind-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 4px; }
html.desk-2026 .d26-ind-card {
  display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; align-items: start;
  padding: 10px; border-radius: var(--d26-r2); cursor: pointer; outline: none;
}
html.desk-2026 .d26-ind-card:hover,
html.desk-2026 .d26-ind-card:focus-visible { background: var(--d26-surface-2); }
html.desk-2026 .d26-ind-card:focus-visible { box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-ind-ico {
  width: 36px; height: 36px; border-radius: var(--d26-r2); display: grid; place-items: center;
  background: var(--d26-surface-2); color: var(--d26-accent);
}
html.desk-2026 .d26-ind-card:hover .d26-ind-ico { background: var(--d26-surface-3); }
html.desk-2026 .d26-ind-ico .d26-ico { width: 20px; height: 20px; }
html.desk-2026 .d26-ind-txt b { display: block; font-weight: 650; color: var(--d26-ink); }
html.desk-2026 .d26-ind-txt span { display: block; margin-top: 2px; font-size: var(--d26-fs-cap); line-height: 1.35; color: var(--d26-ink-3); }
html.desk-2026 .d26-ind-act { display: flex; flex-direction: column; align-items: center; gap: 4px; }
html.desk-2026 .d26-ind-add {
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  background: var(--d26-surface-2); color: var(--d26-ink-2);
}
html.desk-2026 .d26-ind-card:hover .d26-ind-add { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-ind-fav { width: 22px; height: 22px; display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--d26-r1); background: transparent; color: var(--d26-ink-3); cursor: pointer; }
html.desk-2026 .d26-ind-fav:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .d26-ind-fav.on { color: var(--d26-accent); }
html.desk-2026 .d26-ico-s { width: 14px; height: 14px; }

/* ==========================================================================
   8. Chart (phase 5) - left tool bar flyouts (lib/desk2026_chart.js)
   ========================================================================== */
html.desk-2026 td.leftbar { background: var(--d26-surface); border-right: 0; }
html.desk-2026 div.leftbar.d26 { width: 40px; float: none; }
html.desk-2026 .d26-leftbar { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px 0; }
html.desk-2026 div.leftbar.d26 a::after { display: none !important; }            /* old image icons */
html.desk-2026 div.leftbar.d26 a.d26-tool,
html.desk-2026 .d26-tgroup-btn {
  position: relative; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0;
  border: 0; border-radius: var(--d26-r1); background: transparent; color: var(--d26-ink-2); cursor: pointer; overflow: visible;
}
html.desk-2026 div.leftbar.d26 a.d26-tool:hover,
html.desk-2026 .d26-tgroup-btn:hover,
html.desk-2026 .d26-tgroup.open > .d26-tgroup-btn { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 div.leftbar.d26 a.d26-tool.active,
html.desk-2026 .d26-tgroup:has(a.active) > .d26-tgroup-btn { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-tgroup-btn .d26-tgroup-mark {   /* small corner = has a flyout */
  position: absolute; right: 3px; bottom: 3px; width: 0; height: 0;
  border-left: 4px solid transparent; border-bottom: 4px solid currentColor; opacity: .55;
}
html.desk-2026 .d26-tool-label { display: none; }
html.desk-2026 .d26-tgroup { position: relative; }
html.desk-2026 .d26-fly {
  display: none; position: fixed; z-index: 99000; min-width: 210px; padding: 6px; /* left/top set on open (desk2026_chart.js) */
  border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow);
}
html.desk-2026 .d26-fly::before { content: ""; position: absolute; left: -10px; top: 0; bottom: 0; width: 10px; } /* hover bridge to the button */
html.desk-2026 .d26-tgroup.open > .d26-fly { display: block; animation: d26-pop .12s ease-out; }
html.desk-2026 .d26-fly-t { padding: 6px 10px 4px; font-size: var(--d26-fs-cap); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 div.leftbar.d26 a.d26-tool { margin: 0 !important; left: auto !important; top: auto !important; float: none !important; text-indent: 0 !important; background-image: none !important; }
html.desk-2026 div.leftbar.d26 .d26-fly a.d26-tool {
  justify-content: flex-start; gap: 10px; width: 100%; height: 34px; padding: 0 10px; box-sizing: border-box; color: var(--d26-ink);
}
html.desk-2026 div.leftbar.d26 .d26-fly a.d26-tool .d26-ico { color: var(--d26-ink-3); }
html.desk-2026 div.leftbar.d26 .d26-fly a.d26-tool.active .d26-ico { color: var(--d26-accent); }
html.desk-2026 .d26-fly .d26-tool-label { display: inline; font: var(--d26-fs) var(--main-font-family); white-space: nowrap; }
html.desk-2026 .dark-theme div.leftbar.d26 .d26-fly a.d26-tool:hover { background: var(--d26-surface-3); }

/* ---- chart top toolbar (tf_ChartTopBar) and footer - same height as before (canvas geometry unchanged) ---- */
html.desk-2026 .chart_layout div.topbar {
  background: var(--d26-surface); border-bottom: 1px solid var(--d26-line); color: var(--d26-ink-2);
}
html.desk-2026 .chart_layout div.topbar .wrapper { position: relative; }
html.desk-2026 .chart_layout div.topbar .wrapper i.fa-search { color: var(--d26-ink-3) !important; font-size: 11px; top: 6px !important; left: 9px !important; }
html.desk-2026 .chart_layout div.topbar .search {
  box-sizing: border-box; height: 22px; width: 110px; margin: 0; padding: 0 8px 0 24px; border: 0; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink); font: var(--d26-fs-s) var(--main-font-family); font-style: normal;
}
html.desk-2026 .chart_layout div.topbar .search:focus { outline: 2px solid var(--d26-accent); }
html.desk-2026 .chart_layout div.topbar .dropdown,
html.desk-2026 .container .foot .dropdown_up {
  height: 22px; padding: 0 6px 0 8px; margin: 0; border-radius: var(--d26-r1); box-sizing: border-box;
  font: 600 var(--d26-fs-s)/22px var(--main-font-family) !important; color: var(--d26-ink-2);
}
html.desk-2026 .chart_layout div.topbar .dropdown:hover,
html.desk-2026 .container .foot .dropdown_up:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .chart_layout div.topbar .dropdown .dd_title,
html.desk-2026 .container .foot .dropdown_up .dd_title { padding-right: 6px; line-height: 22px; color: inherit; font-weight: 600; }
html.desk-2026 .chart_layout div.topbar .dropdown .dd_button,
html.desk-2026 .container .foot .dropdown_up .dd_button { line-height: 22px; font-size: 7px; color: var(--d26-ink-3); }
html.desk-2026 .chart_layout div.topbar .dropdown .dropdown_element { height: 22px; }
html.desk-2026 .chart_layout div.topbar .new-chart-link,
html.desk-2026 .chart_layout div.topbar .save-link,
html.desk-2026 .chart_layout div.topbar .folder-link,
html.desk-2026 .chart_layout div.topbar .alerts-link {
  width: 20px; height: 22px; line-height: 22px; margin-top: 0 !important; text-align: center; border-radius: var(--d26-r1);
  color: var(--d26-ink-3); font-size: 12px; position: relative;
}
html.desk-2026 .chart_layout div.topbar .new-chart-link:hover,
html.desk-2026 .chart_layout div.topbar .save-link:hover,
html.desk-2026 .chart_layout div.topbar .folder-link:hover,
html.desk-2026 .chart_layout div.topbar .alerts-link:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .chart_layout div.topbar .folder-link > div,
html.desk-2026 .chart_layout div.topbar .alerts-link > div {        /* counters */
  min-width: 12px; height: 12px; padding: 0 3px; border-radius: var(--d26-pill); box-sizing: border-box;
  background: var(--d26-surface-3); color: var(--d26-ink-2); font: 700 8px/12px var(--main-font-family); text-align: center;
}
html.desk-2026 .container .foot .fake-dropdown {    /* transparent: the footer overlaps the bottom of the body (chart axis) */
  height: 20px; padding: 0 6px; border-radius: var(--d26-pill); background: transparent; color: var(--d26-ink-3);
  font: 600 var(--d26-fs-cap)/20px var(--main-font-family); letter-spacing: .04em; cursor: pointer;
}
html.desk-2026 .container .foot .fake-dropdown:hover { background: var(--d26-surface-3); color: var(--d26-ink); }

/* ==========================================================================
   9. Lists and widgets (phase 6) - table_4.js (.table), list footers
      Up/down cells use the picker variables (--table-td-up/-down) as a soft
      tint with coloured text instead of a solid fill, so user colours still apply.
   ========================================================================== */
html.desk-2026 .table table thead td,
html.desk-2026 .table thead tr.headrow td {
  background: var(--d26-surface); color: var(--d26-ink-3);
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em;
  border-right-color: transparent; vertical-align: middle;
}
html.desk-2026 .table table thead td:hover { color: var(--d26-ink); }
html.desk-2026 .table thead tr.headrow { border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .table tbody td { font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 .table tbody tr { border-bottom-color: var(--d26-line); }
html.desk-2026 .table tbody td.stock_name { font-weight: 600; }
html.desk-2026 .table tbody td.wkn { color: var(--d26-ink-3); font-weight: 400; }
html.desk-2026 .table tbody td.positive,
html.desk-2026 .table tbody td.negative { font-weight: 650; }
html.desk-2026 .table tbody td.up {
  background: color-mix(in srgb, var(--table-td-up) 14%, transparent); color: var(--table-td-up); font-weight: 650;
}
html.desk-2026 .table tbody td.down {
  background: color-mix(in srgb, var(--table-td-down) 13%, transparent); color: var(--table-td-down); font-weight: 650;
}
html.desk-2026 .table tbody tr:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .dark-theme .table tbody tr:hover { background: var(--d26-surface-3); }
html.desk-2026 .navigation-row { background: var(--d26-accent-soft) !important; color: var(--d26-ink) !important; box-shadow: inset 2px 0 0 var(--d26-accent); }

/* Long / Short in the derivative column (inline styles from table_4.js) */
html.desk-2026 .table td span[data-id="long"],
html.desk-2026 .table td span[data-id="short"] {
  width: auto !important; min-width: 40px; padding: 0 9px !important; height: 20px; line-height: 20px; margin: 0 1px !important;
  border-radius: var(--d26-pill); font: 650 var(--d26-fs-cap)/20px var(--main-font-family) !important; box-sizing: border-box;
}
html.desk-2026 .table td span[data-id="long"] { background: color-mix(in srgb, var(--d26-up) 14%, transparent) !important; color: var(--d26-up) !important; }
html.desk-2026 .table td span[data-id="short"] { background: color-mix(in srgb, var(--d26-down) 13%, transparent) !important; color: var(--d26-down) !important; }
html.desk-2026 .table td span[data-id="long"]:hover { background: var(--d26-up) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .table td span[data-id="short"]:hover { background: var(--d26-down) !important; color: var(--d26-on-solid) !important; }

/* list footer: counters, average performance, flags/scan icons */
html.desk-2026 .container .foot .table-neg-count,
html.desk-2026 .container .foot .table-pos-count,
html.desk-2026 .container .foot .table-avg-perf {
  height: 18px; line-height: 18px; padding: 0 6px; border-radius: var(--d26-pill);
  font: 700 var(--d26-fs-cap)/18px var(--main-font-family); font-variant-numeric: tabular-nums;
}
html.desk-2026 .container .foot .table-neg-count { background: color-mix(in srgb, var(--d26-down) 13%, transparent) !important; color: var(--d26-down); }
html.desk-2026 .container .foot .table-pos-count { background: color-mix(in srgb, var(--d26-up) 14%, transparent) !important; color: var(--d26-up); }
html.desk-2026 .container .foot .table-avg-perf { color: var(--d26-on-solid); }
html.desk-2026 .container .foot .to-scan,
html.desk-2026 .container .foot .to-flagged,
html.desk-2026 .container .foot .autosave { color: var(--d26-ink-3); }
html.desk-2026 .container .foot .to-scan:hover,
html.desk-2026 .container .foot .to-flagged:hover { color: var(--d26-ink); }
html.desk-2026 .container .foot .bottom-search-input {
  height: 22px; border: 0; border-radius: var(--d26-pill); background: var(--d26-surface-2); color: var(--d26-ink);
  padding: 0 10px; font: var(--d26-fs-s) var(--main-font-family); font-style: normal;
}

/* ---- news (dpa.js lists: News Terminal, Newsbot) ---- */
html.desk-2026 .dpa-line { border-top-color: var(--d26-line); font-weight: 600; }
html.desk-2026 .dpa-line:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .dark-theme .dpa-line:hover { background: var(--d26-surface-3); }
html.desk-2026 .dpa-line-selected {          /* selection like the preview: soft accent + bar instead of a solid green fill */
  background: var(--d26-accent-soft); color: var(--d26-ink); border-top-color: var(--d26-line);
  box-shadow: inset 3px 0 0 var(--d26-accent);
}
html.desk-2026 .dpa-line-selected .dpa-datetime,
html.desk-2026 .dpa-line-selected .dpa-source,
html.desk-2026 .dpa-line:hover .dpa-source { color: var(--d26-accent); }
html.desk-2026 .dpa-datetime { color: var(--d26-ink-3); font-variant-numeric: tabular-nums; }

/* ---- messenger panel (messenger.js .slide-aside, existing behaviour) ---- */
/* informer (messenger.js .slide-aside): no box of its own; the content is a card, the opener a round button */
html.desk-2026 .slide-aside {
  right: 60px; bottom: calc(var(--d26-bar-h, 28px) + 10px); min-height: 0; padding: 0; border: 0; background: transparent; box-shadow: none;
  display: flex; align-items: flex-end; gap: 8px; z-index: 60;
}
html.desk-2026 .slide-aside .opener {
  position: static; order: 2; width: 34px; height: 34px; border-radius: 50%; background: var(--d26-pop); box-shadow: var(--d26-shadow);
  display: grid; place-items: center; cursor: pointer; color: var(--d26-ink-2);
}
html.desk-2026 .slide-aside .opener .ico { display: none; }
html.desk-2026 .slide-aside .opener { position: relative !important; }   /* icon: mask from desk2026_icons.js */
html.desk-2026 .slide-aside .opener:hover { color: var(--d26-accent); }
html.desk-2026 .slide-aside .slide {
  order: 1; width: 380px; max-width: calc(100vw - 140px); min-width: 0 !important; padding: 12px 14px; box-sizing: border-box;
  border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow);
  color: var(--d26-ink) !important; font: var(--d26-fs) var(--main-font-family) !important; line-height: 1.4;
}
/* empty informer: hidden until the opener shows it, then a short note instead of nothing */
html.desk-2026 .slide-aside .slide:empty:not([style*="display: block"]):not([style*="overflow"]) { display: none !important; }
html.desk-2026 .slide-aside .slide:empty::before { content: "Zurzeit keine Meldungen im Informer."; display: block; color: var(--d26-ink-3); font: var(--d26-fs) var(--main-font-family); }
html.desk-2026 .slide-aside .slide [style*="--bg-hot-icon"] { display: none; }
html.desk-2026 .slide-aside .slide [data-action="hot"][style*="font-size: 17px"] {
  float: none !important; margin: 0 0 6px !important; padding: 0 !important; line-height: 1.3 !important; text-decoration: none !important;
  font: 700 var(--d26-fs-cap)/1.3 var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .slide-aside .slide [data-action^="dpa|"] { color: var(--d26-ink); font-weight: 600; margin: 2px 0 !important; float: none !important; width: auto !important; }
html.desk-2026 .slide-aside .slide [data-action^="index|"],
html.desk-2026 .slide-aside .slide > div > [data-action="hot"] {
  margin: 8px 2px 0 0 !important; padding: 0 8px !important; height: 22px; line-height: 22px; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink-2); font: 600 var(--d26-fs-cap)/22px var(--main-font-family);
}
html.desk-2026 .slide-aside .slide [data-action^="index|"].active,
html.desk-2026 .slide-aside .slide [data-action^="index|"]:hover { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .slide-aside .slide img { max-width: 100%; border-radius: var(--d26-r2); }

/* ---- partner logos with white backgrounds sit on a light chip in Dunkel (D8: content unchanged) ---- */
html.desk-2026 .dark-theme img[src*="hsbc"],
html.desk-2026 .dark-theme img[src*="Morgan_Stanley"],
html.desk-2026 .dark-theme img[src*="morgan_stanley"],
html.desk-2026 .dark-theme img[src*="onemarkets"] {
  background: var(--d26-logo-plate); border-radius: var(--d26-r1); padding: 2px;
}

/* ==========================================================================
   10. Settings dialog (phase 7) - tf_Settings (settings.js), layout only
       Left navigation (.tabs.settings-nav), sections from the existing
       legends/fieldsets, checkboxes drawn as switches (still the same
       <input type=checkbox>, same events). Aktiv/Inaktiv selects stay selects.
   ========================================================================== */
html.desk-2026 .settings_box {
  display: grid; grid-template-columns: 190px minmax(0, 1fr); grid-template-rows: 100%; height: 100%; overflow: hidden; /* panes scroll, nav stays */
  background: var(--d26-surface); color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .settings_box > .tabs.settings-nav {
  grid-column: 1; grid-row: 1; display: flex; flex-direction: column; gap: 2px; height: 100%; overflow-y: auto; box-sizing: border-box;
  margin: 0; padding: 10px 8px; border: 0; border-right: 1px solid var(--d26-line); background: var(--d26-surface);
}
html.desk-2026 .settings_box > .tabs.settings-nav a,
html.desk-2026 .settings_box > .tabs.settings-nav a:first-child {
  display: block; float: none; width: auto; height: 34px; line-height: 34px; margin: 0; padding: 0 12px;
  border: 0; border-radius: var(--d26-r1); background: transparent; box-shadow: none;
  font: 600 var(--d26-fs) var(--main-font-family); text-transform: none; letter-spacing: 0; color: var(--d26-ink-2); cursor: pointer;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html.desk-2026 .settings_box > .tabs.settings-nav a:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .settings_box > .tabs.settings-nav a.active { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .settings_box > .settings-panes { grid-column: 2; grid-row: 1; height: 100%; overflow-y: auto; width: auto; margin: 0; padding: 14px 20px 24px; box-sizing: border-box; }

/* sections */
html.desk-2026 .settings_box legend {
  width: 100%; margin: 18px 0 6px; padding: 0; background: transparent; color: var(--d26-ink-3);
  font: 700 var(--d26-fs-cap)/20px var(--main-font-family); letter-spacing: .06em; text-transform: uppercase;
}
html.desk-2026 .settings_box legend::after {      /* collapse chevron instead of the image bullet */
  background: none; width: 6px; height: 6px; margin: 5px 6px 0 0; border: solid var(--d26-ink-3); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg);
}
html.desk-2026 .settings_box legend.novisible::after { transform: rotate(-45deg); }
html.desk-2026 .settings_box fieldset { margin: 0 0 6px; padding: 0; border: 0; }
html.desk-2026 .settings_box label { color: var(--d26-ink-2); font-size: var(--d26-fs); }

/* rows written with inline floats by settings.js: keep the structure, set rhythm and colours */
html.desk-2026 .settings_box .settings-panes > div,
html.desk-2026 .settings_box fieldset > div { color: var(--d26-ink); }
html.desk-2026 .settings_box .settings-panes [style*="font-size:14px"] { font-size: var(--d26-fs) !important; color: var(--d26-ink) !important; }

/* controls */
html.desk-2026 .settings_box select,
html.desk-2026 .settings_box input[type="text"],
html.desk-2026 .settings_box input[type="number"],
html.desk-2026 .settings_box input[type="email"],
html.desk-2026 .settings_box input[type="password"],
html.desk-2026 .settings_box input:not([type]),
html.desk-2026 .settings_box textarea {
  height: 30px; padding: 0 10px; border: 0; border-radius: var(--d26-r1); box-sizing: border-box;
  background: var(--d26-surface-2); color: var(--d26-ink); font: 600 var(--d26-fs-s) var(--main-font-family);
}
html.desk-2026 .settings_box textarea { height: auto; padding: 8px 10px; }
html.desk-2026 .settings_box select:focus,
html.desk-2026 .settings_box input:focus,
html.desk-2026 .settings_box textarea:focus { outline: 2px solid var(--d26-accent); }
html.desk-2026 .settings_box .subheader-button {
  height: 30px; line-height: 30px; padding: 0 12px; border: 0; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink); font: 600 var(--d26-fs-s)/30px var(--main-font-family); cursor: pointer;
}
html.desk-2026 .settings_box div.subheader-button:hover { background: var(--d26-surface-3); }
html.desk-2026 .settings_box input[type="color"] {
  width: 44px; height: 26px; padding: 2px; border: 0; border-radius: var(--d26-r1); background: var(--d26-surface-2); cursor: pointer;
}

/* checkbox -> switch */
html.desk-2026 .settings_box input[type="checkbox"] {
  appearance: none; -webkit-appearance: none; position: relative; flex: none;
  width: 32px !important; height: 18px; margin: 4px 0; padding: 0; border: 0; border-radius: var(--d26-pill);
  background: color-mix(in srgb, var(--d26-ink-3) 45%, transparent); cursor: pointer; vertical-align: middle; transition: background .12s;
}
html.desk-2026 .settings_box input[type="checkbox"]::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%;
  background: var(--d26-knob); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 25%, transparent); transition: left .12s;
}
html.desk-2026 .settings_box input[type="checkbox"]:checked { background: var(--d26-accent); }
html.desk-2026 .settings_box input[type="checkbox"]:checked::after { left: 16px; }
html.desk-2026 .settings_box input[type="checkbox"]:focus-visible { outline: 2px solid var(--d26-accent); outline-offset: 2px; }
html.desk-2026 .container .head .title_extra .dropdown_element,
html.desk-2026 .container .head .title_field .dropdown_element { display: flex; align-items: center; gap: 4px; }
html.desk-2026 .container .head .title_extra .dropdown_element > *,
html.desk-2026 .container .head .title_field .dropdown_element > * { float: none !important; }

/* ==========================================================================
   11. Remaining tools (phase 8) - shared button class and hard-coded colours
   ========================================================================== */
/* .subheader-button: toggles / segment buttons used across many tools (Kalender, Trading-Chancen, Screener, ...) */
html.desk-2026 .subheader-button {
  height: 26px; line-height: 26px; padding: 0 10px; margin: 0 2px; border: 0; border-radius: var(--d26-pill);
  background: transparent; color: var(--d26-ink-2); font: 600 var(--d26-fs-s)/26px var(--main-font-family);
}
html.desk-2026 .subheader-button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .subheader-button.active,
html.desk-2026 .subheader-button.selected { background: var(--d26-accent-soft); color: var(--d26-accent); border: 0; }
html.desk-2026 .subheader-button.static { background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .subheader-button.action { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .subheader-button.action:hover { background: var(--d26-accent-hover); opacity: 1; }
html.desk-2026 .subheader-button.action.danger { background: var(--d26-down); color: var(--d26-on-solid); }
html.desk-2026 select.subheader-button { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 select.subheader-button:hover { background: var(--d26-surface-3); color: var(--d26-ink); }

/* Trade-Radar (radarbig.js inline styles): section titles, "tracked" count box */
html.desk-2026 .radarbig-panel > div[style*="#B26B69"] {
  color: var(--d26-ink-3) !important; font: 700 var(--d26-fs-cap)/1.2 var(--main-font-family) !important; letter-spacing: .06em;
}
html.desk-2026 .radar-list div[style*="#f4ed00"] { background-color: var(--d26-lime) !important; color: var(--d26-on-lime) !important; }
html.desk-2026 .radar-list li:hover { background: var(--d26-surface-2); }

/* Trading-Chancen (tradingchancen.js inline styles): Hebel (black) and Order aufgeben (green) buttons */
html.desk-2026 .container div[style*="background:black;color:white;border-radius: 5px"] {
  background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; border-radius: var(--d26-pill) !important; font-weight: 650;
}
html.desk-2026 .container div[style*="background:#3D8D72;color:white;border-radius: 5px"] {
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; border-radius: var(--d26-pill) !important; font-weight: 650;
}

/* Trading-Desk menu footer (user-info, promoted desk) sits on the accent colour: all text on-accent */
html.d26-frame .td-menu .user-info,
html.d26-frame .td-menu .user-info *,
html.d26-frame .td-menu .promoted-desks,
html.d26-frame .td-menu .promoted-desks * { color: var(--d26-on-accent) !important; }
html.d26-frame .td-menu .user-info a:hover,
html.d26-frame .td-menu .promoted-desks a:hover { text-decoration: underline; }

/* Settings > Benachrichtigungen: alert channel rows (settings.js tf_setUserNotificationChannels) */
html.desk-2026 .settings_box input.submit.subheader-button { top: 0 !important; float: none; vertical-align: middle; height: 30px; line-height: 30px; padding: 0 14px; }
html.desk-2026 .settings_box table.table td { vertical-align: middle; padding: 6px 4px; border-right: 0; }
html.desk-2026 .settings_box table.table tr:first-child td { font-size: var(--d26-fs-cap); font-weight: 700; letter-spacing: .05em; color: var(--d26-ink-3); }

/* window title dropdowns: old inline margin-left:-10px compensated the former 20px title margin */
html.desk-2026 .container .head .title_extra .dropdown[style*="margin-left: -10px"] { margin-left: 4px !important; }
/* image widgets on white (EUWAX gauge) */
html.desk-2026 .dark-theme .container .body img[src*="sentiment"],
html.desk-2026 .container .body canvas.gauge { border-radius: var(--d26-r2); }
/* tab submenus of Branchen-Screener / Statistik-Tool (red outline before) */
html.desk-2026 .tab_submenu div { text-decoration: none; border: 0; border-radius: var(--d26-pill); padding: 0 10px; color: var(--d26-ink-2); cursor: pointer; }
html.desk-2026 .tab_submenu div:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .statistics-tool .tab_submenu .active,
html.desk-2026 .sectors-tool .tab_submenu .active { background: var(--d26-accent-soft); color: var(--d26-accent); border: 0; border-radius: var(--d26-pill); }

/* ==========================================================================
   12. Preview fidelity round (after Carlos's review 2026-10-05)
   ========================================================================== */
/* context menu items with icons (lib/desk2026_menu.js) */
html.desk-2026 ul.contextmenu_fox li.d26-mi,
html.desk-2026 ul.contextmenu_fox.d26-with-icons > li:not(.title):not(.d26-sep) { padding-left: 40px; }
html.desk-2026 ul.contextmenu_fox .d26-mi-ico {
  position: absolute; left: 12px; top: 50%; width: 18px; height: 18px; margin-top: -9px; color: var(--d26-ink-3); pointer-events: none;
}
html.desk-2026 ul.contextmenu_fox li.d26-mi:hover > .d26-mi-ico,
html.desk-2026 ul.contextmenu_fox li.d26-mi.kb-focus > .d26-mi-ico { color: var(--d26-ink-2); }
html.desk-2026 ul.contextmenu_fox .d26-mi-key {
  position: absolute; right: 12px; top: 0; pointer-events: none;
  font-size: var(--d26-fs-cap); font-weight: 600; color: var(--d26-ink-3); font-variant-numeric: tabular-nums;
}
html.desk-2026 ul.contextmenu_fox li.d26-mi:has(.d26-mi-key) { padding-right: 80px; }
html.desk-2026 ul.contextmenu_fox li.d26-sep,
html.desk-2026 ul.contextmenu_fox li.d26-sep:hover {
  height: 1px; min-height: 0; margin: 6px 6px; padding: 0; background: var(--d26-line); cursor: default; pointer-events: none;
}
html.desk-2026 ul.contextmenu_fox li.d26-danger,
html.desk-2026 ul.contextmenu_fox li.d26-danger:hover,
html.desk-2026 ul.contextmenu_fox li.d26-danger > .d26-mi-ico { color: var(--d26-down); }
html.desk-2026 ul.contextmenu_fox li.d26-menu-title { padding: 8px 12px 6px; }

/* lists without footer (lib/desk2026_lists.js): the footer only keeps the resize corner */
html.desk-2026 .container.d26-list .foot,
html.desk-2026 .container.d26-nofoot .foot {
  left: auto; right: 0; width: 18px; height: 18px; padding: 0; background: transparent; overflow: hidden;
}
html.desk-2026 .container.d26-list .foot > *:not(.resize_icon),
html.desk-2026 .container.d26-nofoot .foot > *:not(.resize_icon) { display: none !important; }
html.desk-2026 .container.d26-list .foot .resize_icon,
html.desk-2026 .container.d26-nofoot .foot .resize_icon {
  position: absolute; right: 0; bottom: 0; width: 18px; height: 18px; margin: 0; font-size: 0; cursor: nwse-resize;
}
html.desk-2026 .container.d26-list .foot .resize_icon::after,
html.desk-2026 .container.d26-nofoot .foot .resize_icon::after {
  content: ""; position: absolute; right: 4px; bottom: 4px; width: 6px; height: 6px;
  border-right: 2px solid var(--d26-ink-3); border-bottom: 2px solid var(--d26-ink-3); opacity: .45;
}
html.desk-2026 .container.d26-list:hover .foot .resize_icon::after,
html.desk-2026 .container.d26-nofoot:hover .foot .resize_icon::after { opacity: .9; }
html.desk-2026 .container .head .d26-head-search {
  display: none !important; position: absolute !important; left: 44px; right: 120px; top: 7px; width: auto !important; height: 30px; margin: 0; z-index: 4;
}
html.desk-2026 .container.d26-adding .head .d26-head-search:not([style*="display: none"]) { display: block !important; }
html.desk-2026 .container .head .d26-head-search[style*="display: none"] ~ .d26-add-stock { display: none !important; } /* list without add search */
html.desk-2026 .container .head .d26-head-search input.bottom-search-input {
  position: static; right: auto; top: auto; width: 100%; height: 30px; box-sizing: border-box; padding: 0 12px;
  border: 0; border-radius: var(--d26-r2); background: var(--d26-surface); box-shadow: 0 0 0 2px var(--d26-accent);
  font: var(--d26-fs) var(--main-font-family); color: var(--d26-ink);
}
html.desk-2026 .container .head .d26-head-search > div { display: none !important; }   /* ranking reload button */
html.desk-2026 .container .head .big.d26-add-stock { font-size: 15px; }

/* list rows like the preview: no row lines, 36px rows, Inter everywhere, % as soft chips */
html.desk-2026 .table tbody tr,
html.desk-2026 .table table tbody tr { border: 0 !important; background: transparent; }
html.desk-2026 .table tbody tr:nth-child(2n),
html.desk-2026 .table tbody tr:nth-child(2n+1) { background: transparent; }
html.desk-2026 .table thead tr.headrow,
html.desk-2026 .table table thead tr { border: 0; box-shadow: inset 0 -1px 0 var(--d26-line); }
html.desk-2026 .table tbody td {
  height: 34px; padding: 0 5px; border: 0 !important;
  font-family: var(--main-font-family) !important; font-size: var(--d26-fs); line-height: 34px; font-weight: 500;
}
html.desk-2026 .table tbody td.stock_name { font-weight: 600; }
html.desk-2026 .table tbody td.positive,
html.desk-2026 .table tbody td.negative {
  font-family: var(--main-font-family) !important; font-weight: 650; text-align: right;
  padding-left: 6px !important; padding-right: 6px !important; border-radius: var(--d26-r1);
  box-shadow: inset 2px 0 0 var(--d26-rowbg, var(--d26-surface)), inset -2px 0 0 var(--d26-rowbg, var(--d26-surface)),
              inset 0 6px 0 var(--d26-rowbg, var(--d26-surface)), inset 0 -6px 0 var(--d26-rowbg, var(--d26-surface));
}
html.desk-2026 .table tbody td.positive { background-color: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .table tbody td.negative { background-color: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .table tbody tr:hover { background: var(--d26-surface-2); --d26-rowbg: var(--d26-surface-2); }
html.desk-2026 .dark-theme .table tbody tr:hover { --d26-rowbg: var(--d26-surface-3); }
html.desk-2026 .navigation-row { --d26-rowbg: var(--d26-accent-soft); }

/* Stocks in Action / Tops & Flops (interesting_box.js): preview table, soft Call/Put, % chips, quiet disclaimer */
html.desk-2026 .d26-ibox .body table { border-collapse: separate; border-spacing: 0; margin-top: 0 !important; }
html.desk-2026 .d26-ibox .body table thead td {
  height: 32px; padding: 0 10px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase;
  color: var(--d26-ink-3); border: 0; background: transparent;
}
html.desk-2026 .d26-ibox .body table tr td { height: 36px; padding: 0 10px; border: 0; font: 500 var(--d26-fs) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink); background: transparent; }
html.desk-2026 .d26-ibox .body table tr td:first-child { font-weight: 600; }
html.desk-2026 .d26-ibox .body table tr:hover td { background: var(--d26-surface-2); }
html.desk-2026 .d26-ibox .body table td.positive,
html.desk-2026 .d26-ibox .body table td.negative { font-weight: 650; text-align: right; white-space: nowrap; }
html.desk-2026 .d26-ibox .body table td.positive { color: var(--d26-up); }
html.desk-2026 .d26-ibox .body table td.negative { color: var(--d26-down); }
html.desk-2026 .d26-ibox .body table td.positive::before,
html.desk-2026 .d26-ibox .body table td.negative::before { content: none; }
html.desk-2026 .d26-ibox .subheader-button.d26-call,
html.desk-2026 .d26-ibox .subheader-button.d26-put {
  display: inline-block; float: none; height: 26px; line-height: 26px; padding: 0 12px; margin: 0 2px; border: 0;
  border-radius: var(--d26-pill); font: 650 var(--d26-fs-s)/26px var(--main-font-family);
}
html.desk-2026 .d26-ibox .subheader-button.d26-call { background: var(--d26-up-soft) !important; color: var(--d26-up) !important; }
html.desk-2026 .d26-ibox .subheader-button.d26-put { background: var(--d26-down-soft) !important; color: var(--d26-down) !important; }
html.desk-2026 .d26-ibox .subheader-button.d26-call:hover { background: var(--d26-up) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .d26-ibox .subheader-button.d26-put:hover { background: var(--d26-down) !important; color: var(--d26-on-solid) !important; }
/* ad texts unchanged (D8), only the container: no grey box, small muted text */
html.desk-2026 .d26-ad-disclaimer {
  background: var(--d26-surface) !important; color: var(--d26-ink-3) !important; border-top: 1px solid var(--d26-line);
  font: var(--d26-fs-cap)/1.45 var(--main-font-family);
}
html.desk-2026 .d26-ad-disclaimer td { padding: 4px 12px; vertical-align: top; }
html.desk-2026 .d26-ad-disclaimer span[style*="border:1px solid"] { border: 0 !important; padding: 0 !important; }
html.desk-2026 .d26-ad-disclaimer a { color: var(--d26-ink-2) !important; }
/* Stocks in Action: list above, ad footer at its text height under it (interesting_box.js set a fixed 100px / calc(100% - 70px)) */
html.desk-2026 .container.d26-ibox .body > .inner { display: flex !important; flex-direction: column; }
html.desk-2026 .container.d26-ibox .body > .inner > .important-box { flex: 1 1 auto; min-height: 0; height: auto !important; }
/* auto layout: with the fixed layout the Wert header's 50% left equal thirds for Kurs / % / Call+Put and the pills overflowed (horizontal scroll) */
html.desk-2026 .container.d26-ibox .important-box table { table-layout: auto !important; }
html.desk-2026 .container.d26-ibox .important-box > .table > div { width: 100%; }   /* floated wrapper: full width, not shrink-to-fit */
html.desk-2026 .container.d26-ibox .body > .inner > .d26-ad-disclaimer {
  position: static !important; flex: none; height: auto !important; width: auto !important; margin: 0 -8px -10px; padding: 4px 0 6px !important;
}

/* % chips in general widget tables (same as lists) */
html.desk-2026 .d26-ibox .body table td.positive,
html.desk-2026 .d26-ibox .body table td.negative {
  border-radius: var(--d26-r1);
  box-shadow: inset 4px 0 0 var(--d26-rowbg, var(--d26-surface)), inset -4px 0 0 var(--d26-rowbg, var(--d26-surface)),
              inset 0 6px 0 var(--d26-rowbg, var(--d26-surface)), inset 0 -6px 0 var(--d26-rowbg, var(--d26-surface));
}
html.desk-2026 .d26-ibox .body table td.positive { background: var(--d26-up-soft); }
html.desk-2026 .d26-ibox .body table td.negative { background: var(--d26-down-soft); }
html.desk-2026 .d26-ibox .body table tr:hover { --d26-rowbg: var(--d26-surface-2); }
html.desk-2026 .d26-ibox .body table tr:hover td.positive { background: var(--d26-up-soft); }
html.desk-2026 .d26-ibox .body table tr:hover td.negative { background: var(--d26-down-soft); }
html.desk-2026 .d26-ibox .body table td:has(> .d26-call) { white-space: nowrap; width: 1%; text-align: right; }
html.desk-2026 .d26-ibox .body table thead,
html.desk-2026 .d26-ibox .body table thead tr { background: transparent !important; }
html.desk-2026 .d26-ibox .body .d26-ad-disclaimer table tr td {
  height: auto; padding: 3px 12px; font: 400 var(--d26-fs-cap)/1.45 var(--main-font-family); color: var(--d26-ink-3); background: transparent;
}
html.desk-2026 .d26-ibox .body .d26-ad-disclaimer table tr:hover td { background: transparent; }
html.desk-2026 .d26-ibox .subheader-button.d26-call,
html.desk-2026 .d26-ibox .subheader-button.d26-put { padding: 0 10px; }

/* ---- chart toolbar in the preview structure (lib/desk2026_chart.js tf_buildTopBar) ---- */
html.desk-2026 .chart_layout div.topbar.d26-ctb {
  position: relative; display: flex; align-items: center; gap: 4px; height: 48px; padding: 0 8px 0 6px; box-sizing: border-box;
  background: var(--d26-surface); border-bottom: 0; overflow: visible; container-type: inline-size; z-index: 3; /* visible: dropdowns open below the bar */
}
html.desk-2026 .d26-ctb > * { float: none !important; flex: none; margin-top: 0 !important; }
html.desk-2026 .d26-ctb > .d26-ins { order: 1; }
html.desk-2026 .d26-ctb > .d26-px { order: 2; }
html.desk-2026 .d26-ctb > .fa-balance-scale { order: 5; }   /* compare: after the dropdowns (Carlos) */
html.desk-2026 .d26-ctb > .dropdown { order: 4; }
html.desk-2026 .d26-ctb > .d26-sp { order: 6; flex: 1 1 auto; }
html.desk-2026 .d26-ctb > .new-chart-link:not(.fa-balance-scale),
html.desk-2026 .d26-ctb > .save-link,
html.desk-2026 .d26-ctb > span:not(.d26-sp):not(.save-link) { order: 7; }

/* instrument block */
html.desk-2026 .d26-ins {
  display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 8px 0 4px; border: 0; border-radius: var(--d26-r2);
  background: transparent; color: var(--d26-ink); cursor: pointer; text-align: left; max-width: 240px;
}
html.desk-2026 .d26-ins:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-ins-tile {
  width: 30px; height: 30px; border-radius: var(--d26-r1); display: grid; place-items: center; flex: none;
  background: var(--d26-accent); color: var(--d26-on-accent); font: 800 9px/1 var(--main-font-family); letter-spacing: .02em; overflow: hidden;
}
html.desk-2026 .d26-ins-txt { min-width: 0; }
html.desk-2026 .d26-ins-txt b { display: block; font: 700 var(--d26-fs)/1.15 var(--main-font-family); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-ins-txt span { display: block; font: var(--d26-fs-cap)/1.3 var(--main-font-family); color: var(--d26-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-ins .d26-ico-s { color: var(--d26-ink-3); flex: none; }
/* the existing search opens over the instrument block */
html.desk-2026 .d26-ctb > .d26-ins-search { position: absolute; left: 6px; top: 6px; z-index: 5; width: 240px; display: none; order: 0; }
html.desk-2026 .d26-ctb.d26-searching > .d26-ins-search { display: block; }
html.desk-2026 .d26-ctb.d26-searching > .d26-ins { visibility: hidden; }
html.desk-2026 .d26-ctb > .d26-ins-search input.search {
  width: 100%; height: 36px; padding: 0 12px 0 32px; border-radius: var(--d26-r2); box-shadow: 0 0 0 2px var(--d26-accent);
  font-size: var(--d26-fs);
}
html.desk-2026 .d26-ctb > .d26-ins-search i.fa-search { top: 11px !important; left: 11px !important; }

/* price */
html.desk-2026 .d26-px { display: flex; align-items: baseline; gap: 8px; margin: 0 8px 0 4px; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-px b { font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-px span { font: 650 var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .d26-px span.d26-up { color: var(--d26-up); }
html.desk-2026 .d26-px span.d26-down { color: var(--d26-down); }
@container (max-width: 640px) { html.desk-2026 .d26-px { display: none; } }

/* toolbar buttons (dropdowns as .tbtn, icon buttons as .ib) */
html.desk-2026 .d26-ctb .dropdown {
  height: 30px !important; padding: 0 !important; margin: 0 !important; border-radius: var(--d26-r1); background: transparent;
}
html.desk-2026 .d26-ctb .dropdown .dropdown_element {
  display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 9px; border-radius: var(--d26-r1);
  font: 600 var(--d26-fs-s)/30px var(--main-font-family); color: var(--d26-ink-2);
}
html.desk-2026 .d26-ctb .dropdown:hover .dropdown_element { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-ctb .dropdown .dropdown_element::before { order: -1; width: 16px; height: 16px; margin: 0; }
html.desk-2026 .d26-ctb .dropdown .dd_title { float: none !important; padding: 0; line-height: 30px; color: inherit; }
html.desk-2026 .d26-ctb .dropdown .dd_button { float: none !important; order: 3; font-size: 0; width: 10px; height: 10px; position: relative; }
html.desk-2026 .d26-ctb .dropdown .dd_button::after {
  content: ""; position: absolute; left: 2px; top: 1px; width: 5px; height: 5px;
  border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); opacity: .6;
}
html.desk-2026 .d26-ctb .d26-tb-ind .dd_button { display: none; }
html.desk-2026 .d26-cnt {
  order: 2; min-width: 17px; height: 17px; padding: 0 4px; border-radius: var(--d26-pill); box-sizing: border-box;
  background: var(--d26-accent); color: var(--d26-on-accent); font: 700 10px/17px var(--main-font-family); text-align: center;
}
html.desk-2026 .d26-ctb > .new-chart-link,
html.desk-2026 .d26-ctb > .save-link,
html.desk-2026 .d26-ctb > span > .folder-link,
html.desk-2026 .d26-ctb > span > .alerts-link {
  position: relative; display: grid !important; place-items: center; width: 32px !important; height: 32px !important;
  border-radius: var(--d26-r1); font-size: 17px !important; line-height: 32px !important; color: var(--d26-ink-2) !important; margin: 0 !important;
}
html.desk-2026 .d26-ctb > .new-chart-link:hover,
html.desk-2026 .d26-ctb > .save-link:hover,
html.desk-2026 .d26-ctb > span > .folder-link:hover,
html.desk-2026 .d26-ctb > span > .alerts-link:hover { background: var(--d26-surface-2); color: var(--d26-ink) !important; }
html.desk-2026 .d26-ctb > span > .folder-link > div,
html.desk-2026 .d26-ctb > span > .alerts-link > div {
  position: absolute !important; top: 2px !important; right: 1px !important; left: auto !important; margin: 0 !important;
  min-width: 15px; height: 15px; padding: 0 4px; border-radius: var(--d26-pill); box-sizing: border-box;
  background: var(--d26-surface-3); color: var(--d26-ink-2); font: 700 9px/15px var(--main-font-family) !important; text-align: center;
}
html.desk-2026 .d26-ctb > span > .alerts-link > div:empty,
html.desk-2026 .d26-ctb > span > .folder-link > div:empty { display: none; }
/* window title of charts: the change is now in the toolbar */
html.desk-2026 .container:has(.d26-ctb) .head .title_field .title_extra { display: none; }

/* ---- chart footer like the preview .cbb: Konfiguration chip, recent configurations as chips, source, adjustment ---- */
html.desk-2026 .container:has(.d26-ctb) .foot {
  display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 28px 0 8px; box-sizing: border-box; width: 100%;
  background: var(--d26-surface); text-transform: none; font: var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3);
}
html.desk-2026 .container:has(.d26-ctb) .foot > * { float: none !important; margin: 0 !important; }
html.desk-2026 .container:has(.d26-ctb) .foot .footer-links { display: flex; gap: 4px; position: static; }
html.desk-2026 .container:has(.d26-ctb) .foot .fake-dropdown {
  display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink-2); font: 600 var(--d26-fs-s)/28px var(--main-font-family);
  letter-spacing: 0; text-transform: none; white-space: nowrap; border: 0;
}
html.desk-2026 .container:has(.d26-ctb) .foot .fake-dropdown:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .container:has(.d26-ctb) .foot .fake-dropdown.fd-active { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .container:has(.d26-ctb) .foot > .fake-dropdown:first-of-type::before { width: 14px; height: 14px; }
html.desk-2026 .container:has(.d26-ctb) .foot [class*="source_selector"],
html.desk-2026 .container:has(.d26-ctb) .foot > div:has(.dropdown_up) { margin-left: auto !important; display: flex; gap: 6px; }
html.desk-2026 .container:has(.d26-ctb) .foot .dropdown_up {
  height: 28px; padding: 0 12px; border-radius: var(--d26-pill); background: var(--d26-surface-2);
  font: 600 var(--d26-fs-s)/28px var(--main-font-family) !important; color: var(--d26-ink-2);
}
html.desk-2026 .container:has(.d26-ctb) .foot .dropdown_up .dropdown_element { display: inline-flex; align-items: center; gap: 6px; height: 28px; }
html.desk-2026 .container:has(.d26-ctb) .foot .dropdown_up .dd_title { float: none !important; line-height: 28px; text-transform: none; padding: 0; }
html.desk-2026 .container:has(.d26-ctb) .foot .dropdown_up .dd_button { float: none !important; }
html.desk-2026 .container:has(.d26-ctb) .foot > .fake-dropdown { order: 1; }
html.desk-2026 .container:has(.d26-ctb) .foot > .footer-links { order: 2; }
html.desk-2026 .container:has(.d26-ctb) .foot > div:not([class]):not(:has(.dropdown_up)) {   /* save status ("Gespeichert") */
  order: 3; font-size: var(--d26-fs-cap); color: var(--d26-ink-3);
}
html.desk-2026 .container:has(.d26-ctb) .foot > div:not([class]):not(:has(.dropdown_up)) * { border: 0 !important; color: inherit !important; text-transform: none !important; }
html.desk-2026 .container:has(.d26-ctb) .foot > div:has(.dropdown_up) { order: 4; margin-left: auto !important; }
/* narrow chart windows: icon-only toolbar buttons (preview: labels hidden below 820px) */
@container (max-width: 760px) {
  html.desk-2026 .d26-ctb .dropdown .dropdown_element.d26-m-calendar .dd_title,
  html.desk-2026 .d26-ctb .dropdown .dropdown_element.d26-m-indic .dd_title,
  html.desk-2026 .d26-ctb .dropdown .dropdown_element.d26-m-scan .dd_title { display: none; }
  html.desk-2026 .d26-ins { max-width: 170px; }
}
@container (max-width: 520px) { html.desk-2026 .d26-ins-txt span { display: none; } }

/* "Konfiguration" label drawn by CSS (the translator turned the text into capitals) */
html.desk-2026 .container .foot .fake-dropdown.d26-m-settings-slider { font-size: 0 !important; }
html.desk-2026 .container .foot .fake-dropdown.d26-m-settings-slider::before { font-size: 14px; }
html.desk-2026 .container .foot .fake-dropdown.d26-m-settings-slider::after { content: "Konfiguration"; font: 600 var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .d26-ctb .dropdown .dd_button::after { top: -1px; }
/* chart windows: title "Chart" like the preview (instrument, price and change are in the toolbar); DOM unchanged */
html.desk-2026 .container:has(.d26-ctb) .head .title_field > div { font-size: 0 !important; }
html.desk-2026 .container:has(.d26-ctb) .head .title_field > div::before { content: "Chart"; font: 650 var(--d26-fs)/20px var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .container:has(.d26-ctb) .head .title_field > div > * { display: none !important; }

/* item menus: colour swatches (desk2026_menu.js), switches for data-checkbox rows */
html.desk-2026 ul.contextmenu_fox li.d26-swatch-row,
html.desk-2026 ul.contextmenu_fox li.d26-swatch-row:hover {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; height: auto; min-height: 34px;
  line-height: 1.3; padding: 6px 10px; background: transparent; cursor: default;
}
html.desk-2026 ul.contextmenu_fox li.d26-swatch-row label { color: var(--d26-ink-2); white-space: nowrap; }
html.desk-2026 ul.contextmenu_fox select.d26-hidden-select { display: none !important; }
html.desk-2026 .d26-swatches { display: grid; grid-template-columns: repeat(8, 16px); gap: 4px; }
html.desk-2026 .d26-swatches button {
  width: 16px; height: 16px; padding: 0; border: 0; border-radius: 3px; cursor: pointer;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--d26-shade) 15%, transparent);
}
html.desk-2026 .d26-swatches button[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--d26-pop), 0 0 0 4px var(--d26-accent); }
html.desk-2026 ul.contextmenu_fox li:has(> label + select:not(.d26-hidden-select)) {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
html.desk-2026 ul.contextmenu_fox li > label + select:not(.d26-hidden-select) { position: static; }
html.desk-2026 ul.contextmenu_fox input[type="checkbox"][data-checkbox] {
  appearance: none; -webkit-appearance: none; position: relative; width: 32px; height: 18px; margin: 0; border-radius: var(--d26-pill);
  background: color-mix(in srgb, var(--d26-ink-3) 45%, transparent); cursor: pointer; vertical-align: middle;
}
html.desk-2026 ul.contextmenu_fox input[type="checkbox"][data-checkbox]::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--d26-knob);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 25%, transparent); transition: left .12s;
}
html.desk-2026 ul.contextmenu_fox input[type="checkbox"][data-checkbox]:checked { background: var(--d26-accent); }
html.desk-2026 ul.contextmenu_fox input[type="checkbox"][data-checkbox]:checked::after { left: 16px; }

/* ---- News Terminal lines like the preview (dpa-tool.js): time | source, headline, stock chips ---- */
html.desk-2026 .dpa-wrapper-list-area .dpa-line,
html.desk-2026 .dpa-wrapper-list-area .dpa-line-selected {
  display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; column-gap: 10px; row-gap: 2px; align-items: start;
  float: none; width: auto; min-height: 0; padding: 10px 12px; margin: 0 6px 2px; border: 0; border-radius: var(--d26-r2);
  line-height: 1.35; font: var(--d26-fs) var(--main-font-family); background: transparent; color: var(--d26-ink); box-shadow: none;
}
html.desk-2026 .dpa-wrapper-list-area .dpa-line:hover { background: var(--d26-surface-2); }
html.desk-2026 .dpa-wrapper-list-area .dpa-line-selected { background: var(--d26-accent-soft); box-shadow: inset 3px 0 0 var(--d26-accent); }
html.desk-2026 .dpa-wrapper-list-area .dpa-line > .dpa-datetime,
html.desk-2026 .dpa-wrapper-list-area .dpa-line-selected > .dpa-datetime {
  grid-column: 1; grid-row: 1 / span 2; float: none !important; color: var(--d26-ink-3); font-size: var(--d26-fs-s);
  font-variant-numeric: tabular-nums; padding-top: 1px;
}
html.desk-2026 .dpa-wrapper-list-area .dpa-line > .dpa-source,
html.desk-2026 .dpa-wrapper-list-area .dpa-line-selected > .dpa-source {
  grid-column: 2; grid-row: 1; float: none !important; margin: 0 !important;
  font: 700 var(--d26-fs-cap)/1.4 var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .dpa-wrapper-list-area .dpa-line > span:not([class]),
html.desk-2026 .dpa-wrapper-list-area .dpa-line-selected > span:not([class]) {
  grid-column: 2; grid-row: 2; margin: 0 !important; font-weight: 650; color: var(--d26-ink);
}
html.desk-2026 .dpa-wrapper-list-area .important-dpa > span:not([class])::before {
  content: "Wichtig"; display: inline-block; margin-right: 6px; padding: 0 5px; border-radius: 3px; vertical-align: 1px;
  background: var(--d26-lime); color: var(--d26-on-lime); font: 800 9px/15px var(--main-font-family); letter-spacing: .05em; text-transform: uppercase;
}
html.desk-2026 .d26-news-stocks { grid-column: 3; grid-row: 1 / span 2; display: flex; gap: 4px; }
html.desk-2026 .d26-news-stock {
  height: 20px; padding: 0 7px; border-radius: var(--d26-r1); background: var(--d26-surface-2); color: var(--d26-ink-2);
  font: 700 var(--d26-fs-cap)/20px var(--main-font-family); cursor: pointer; white-space: nowrap;
}
html.desk-2026 .d26-news-stock:hover { background: var(--d26-accent-soft); color: var(--d26-accent); }
/* reading pane: article text in the reading font of the preview */
html.desk-2026 .dpa-area-text { font-family: var(--d26-f-read); font-size: var(--d26-fs-m); line-height: 1.55; color: var(--d26-ink); }
html.desk-2026 .dpa-area-text h1, html.desk-2026 .dpa-area-text h2, html.desk-2026 .dpa-area-text b:first-child { font-family: var(--main-font-family); }

/* ---- Infobox (fundamentalsdatabox2.js) ---- */
html.desk-2026 .fundamental-box { font: var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .fundamental-box .d26-quote { cursor: default !important; padding: 4px 4px 12px; display: flex; flex-direction: column; gap: 12px; }
html.desk-2026 .d26-q-name { font: 750 var(--d26-fs-l)/1.15 var(--main-font-family); letter-spacing: -.01em; }
html.desk-2026 .d26-q-meta { margin-top: 2px; font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-q-px { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-q-px b { font: 750 var(--d26-fs-xl)/1.1 var(--main-font-family); letter-spacing: -.01em; }
html.desk-2026 .d26-q-px .d26-up, html.desk-2026 .d26-q-px .d26-down { font-weight: 650; font-size: var(--d26-fs); }
html.desk-2026 .d26-q-px .d26-up { color: var(--d26-up); }
html.desk-2026 .d26-q-px .d26-down { color: var(--d26-down); }
html.desk-2026 .d26-q-when { font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-q-ba { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html.desk-2026 .d26-q-ba > div { padding: 8px 10px; border-radius: var(--d26-r2); background: var(--d26-surface-2); }
html.desk-2026 .d26-q-ba span, html.desk-2026 .d26-q-kv span {
  display: block; font: 700 var(--d26-fs-cap)/1.3 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .d26-q-ba b { font: 650 var(--d26-fs-m)/1.4 var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-q-kv { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }
html.desk-2026 .d26-q-kv span { text-transform: none; letter-spacing: 0; font-weight: 400; font-size: var(--d26-fs-s); }
html.desk-2026 .d26-q-kv b { font-weight: 600; font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-q-acts { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
html.desk-2026 .d26-q-acts button {
  height: 34px; border: 0; border-radius: var(--d26-pill); cursor: pointer; font: 650 var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .d26-q-long { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .d26-q-short { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .d26-q-chart { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-q-long:hover { background: var(--d26-up); color: var(--d26-on-solid); }
html.desk-2026 .d26-q-short:hover { background: var(--d26-down); color: var(--d26-on-solid); }
html.desk-2026 .d26-q-chart:hover { background: var(--d26-accent-hover); }
html.desk-2026 .fundamental-box-content > div:has(> .d26-quote) > .title.sub { display: none; }   /* "Kursinformation": the block speaks for itself */
html.desk-2026 .fundamental-box-content .title.sub {
  margin: 14px 0 6px; padding: 0; border: 0; background: transparent;
  font: 700 var(--d26-fs-cap)/1.3 var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .fundamental-box-content td { border: 0; padding: 3px 6px 3px 0; font-size: var(--d26-fs-s); color: var(--d26-ink); font-variant-numeric: tabular-nums; }
html.desk-2026 .fundamental-box-content td:first-child { color: var(--d26-ink-3); font-weight: 400 !important; }
html.desk-2026 .fundamental-box-content b { font-weight: 600; }
html.desk-2026 .fundamental-box .d26-quote { padding: 8px 14px 14px; }
html.desk-2026 .fundamental-box-content .title.sub { padding-left: 14px; }
html.desk-2026 .fundamental-box-content td:first-child b,
html.desk-2026 .fundamental-box-content td:first-child strong { color: var(--d26-ink-3); font-weight: 400; }
html.desk-2026 .container .head .maximize-ico,
html.desk-2026 .container .head .menu_icon.has-menu { color: var(--d26-ink-3); }
html.desk-2026 .container .head .maximize-ico:hover,
html.desk-2026 .container .head .menu_icon.has-menu:hover { color: var(--d26-ink); }
/* list header icons neutral like the preview; active filter stays highlighted (accent) */
html.desk-2026 .container .head .big .alerts-icon,
html.desk-2026 .container .head .big .filter-icon { color: inherit !important; }
html.desk-2026 .container .head .big.active .filter-icon { color: var(--d26-accent) !important; }

/* ---- "weitere Tools" as card grid (menubar.js tf_showMoreTools; icons via desk2026_icons.js) ---- */
html.desk-2026 .tools-popup {
  width: min(820px, calc(100vw - 32px)) !important; max-height: calc(100vh - 120px); overflow-y: auto;
  padding: 16px 16px 12px !important; border-radius: var(--d26-r3); background: var(--d26-pop) !important; box-shadow: var(--d26-shadow);
  color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .tools-popup > i.fa-search { left: 30px !important; top: 27px !important; color: var(--d26-ink-3); }
html.desk-2026 .tools-popup > .fa-times { top: 22px !important; right: 22px !important; color: var(--d26-ink-3); }
html.desk-2026 .tools-popup > input.search {
  float: none !important; display: block; width: calc(100% - 48px) !important; height: 42px !important; margin: 0 0 12px 0 !important;
  padding: 0 14px 0 40px !important; border: 0; border-radius: var(--d26-pill); background: var(--d26-surface-2);
  font: var(--d26-fs-m) var(--main-font-family); font-style: normal; color: var(--d26-ink); box-sizing: border-box;
}
html.desk-2026 .tools-popup > input.search:focus { outline: none; box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .tools-popup > div:last-child {
  float: none !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 6px;
}
html.desk-2026 .tools-popup [data-action] {
  position: relative; display: flex !important; flex-direction: column; align-items: flex-start; gap: 10px; width: auto !important;
  min-height: 96px; padding: 12px !important; box-sizing: border-box; border-radius: var(--d26-r2); background: var(--d26-surface-2);
  color: var(--d26-accent);
}
html.desk-2026 .tools-popup [data-action]:hover { background: var(--d26-surface-3); }
html.desk-2026 .tools-popup [data-action] img { display: none; }
html.desk-2026 .tools-popup [data-action] { z-index: 0; padding-top: 58px !important; }
html.desk-2026 .tools-popup [data-action]::before {                      /* icon (mask from desk2026_icons.js) */
  position: absolute !important; left: 19px !important; top: 19px !important; margin: 0 !important; width: 20px !important; height: 20px !important;
}
html.desk-2026 .tools-popup [data-action]::after {                       /* white tile under the icon */
  content: ""; position: absolute; left: 12px; top: 12px; width: 34px; height: 34px; border-radius: var(--d26-r1);
  background: var(--d26-surface); z-index: -1;
}
html.desk-2026 .tools-popup [data-action] > div { padding: 0 !important; margin: 0 !important; color: var(--d26-ink); line-height: 1.25; }
html.desk-2026 .tools-popup [data-action] > div span { font-weight: 600 !important; }
html.desk-2026 .tools-popup [data-action] > div br { display: none; }

/* ---- radio groups as segment controls (desk2026_lists.js tf_desk2026Forms) ---- */
html.desk-2026 .d26-seg-host { white-space: nowrap; }
html.desk-2026 label.d26-seg-opt {
  display: inline-flex; align-items: center; height: 26px; padding: 0 11px; margin: 0 -2px 0 0; cursor: pointer;
  background: var(--d26-surface-2); color: var(--d26-ink-3); font: 600 var(--d26-fs-s) var(--main-font-family); text-transform: none;
  box-shadow: 0 0 0 2px var(--d26-surface-2);
}
html.desk-2026 label.d26-seg-opt:first-of-type { border-radius: var(--d26-pill) 0 0 var(--d26-pill); padding-left: 13px; }
html.desk-2026 label.d26-seg-opt:last-of-type { border-radius: 0 var(--d26-pill) var(--d26-pill) 0; padding-right: 13px; }
html.desk-2026 label.d26-seg-opt:hover { color: var(--d26-ink); }
html.desk-2026 label.d26-seg-opt:has(input:checked) { background: var(--d26-pop); color: var(--d26-ink); border-radius: var(--d26-pill); box-shadow: 0 0 0 2px var(--d26-surface-2), 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); position: relative; z-index: 1; }
html.desk-2026 .dark-theme label.d26-seg-opt:has(input:checked) { background: var(--d26-surface-3); }
html.desk-2026 label.d26-seg-opt input.d26-seg-input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
html.desk-2026 label.d26-seg-opt span { margin: 0 !important; }

/* ---- Derivate-Box (onemarkets.js), same for HSBC / Morgan Stanley result tables ---- */
html.desk-2026 .derivate table.form td.col_1,
html.desk-2026 .derivate table.form td.col_1 span {
  font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .derivate table.form td { padding: 4px 6px; vertical-align: middle; }
html.desk-2026 .derivate table.form .lev_element { font: 700 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .derivate table.form .ui-widget-content { background: var(--d26-surface-3); border: 0; height: 4px; border-radius: 2px; }
html.desk-2026 .derivate table.form .ui-widget-content .ui-state-default {
  width: 16px; height: 16px; top: -6px; border-radius: 50%; border: 0; background: var(--d26-accent); box-shadow: 0 0 0 3px var(--d26-accent-soft);
}
html.desk-2026 .derivate table.form input.search {
  height: 30px; border: 0; border-radius: var(--d26-pill) !important; background: var(--d26-surface-2); font-style: normal !important;
  padding-left: 26px !important; color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .derivate table.result tbody tr.head_row td,
html.desk-2026 .container .body table tr.head_row td {
  font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3);
  background: transparent; border: 0;
}
html.desk-2026 .derivate table.result tbody tr { border: 0; background: transparent; }
html.desk-2026 .derivate table.result tbody tr:hover { background: var(--d26-surface-2); }
html.desk-2026 .derivate table.result td { border: 0; padding: 4px 6px; font-variant-numeric: tabular-nums; font-size: var(--d26-fs-s); }
html.desk-2026 .derivate table.result td.wkn { font-weight: 600; }
html.desk-2026 .derivate table.result tbody td.up { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .derivate table.result tbody td.down { background: var(--d26-down-soft); color: var(--d26-down); }
/* finanzen.net ZERO order button: brand colour kept (D8), pill shape */
html.desk-2026 .container div[data-action^="fnz|"] {
  border-radius: var(--d26-pill) !important; box-shadow: none !important; height: 24px; line-height: 24px; padding: 0 !important;
  font: 700 var(--d26-fs-cap)/24px var(--main-font-family) !important;
}
html.desk-2026 .derivate td.up, html.desk-2026 .derivate td.down,
html.desk-2026 .derivate table td.up, html.desk-2026 .derivate table td.down { font-weight: 650; }
html.desk-2026 .derivate td.up, html.desk-2026 .derivate table td.up { background: var(--d26-up-soft) !important; color: var(--d26-up) !important; }
html.desk-2026 .derivate td.down, html.desk-2026 .derivate table td.down { background: var(--d26-down-soft) !important; color: var(--d26-down) !important; }
html.desk-2026 label.d26-seg-opt > div { float: none !important; margin: 0 !important; font: inherit !important; text-transform: capitalize; }
html.desk-2026 label.d26-seg-opt > div::first-letter { text-transform: uppercase; }
html.desk-2026 label.d26-seg-opt input.d26-seg-input { float: none !important; }
html.desk-2026 label.d26-seg-opt > * { float: none !important; margin: 0 !important; }
/* partner boxes: K(aufen) / V(erkaufen) buttons (inline styles in hsbc_matrix.js / morgan_matrix.js) as soft pills */
html.desk-2026 .container div[style*="background:#00a000;color:#ffffff"] {
  background: var(--d26-up-soft) !important; color: var(--d26-up) !important; border-radius: var(--d26-pill) !important; font-weight: 700;
}
html.desk-2026 .container div[style*="background:#e0001b;color:#ffffff"] {
  background: var(--d26-down-soft) !important; color: var(--d26-down) !important; border-radius: var(--d26-pill) !important; font-weight: 700;
}
html.desk-2026 .container div[style*="background:#00a000;color:#ffffff"]:hover { background: var(--d26-up) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .container div[style*="background:#e0001b;color:#ffffff"]:hover { background: var(--d26-down) !important; color: var(--d26-on-solid) !important; }

/* ==========================================================================
   13. Hard-coded colours of main_unified.css (list from IMPLEMENTATION.md §8b)
   ========================================================================== */
/* scrollbars: thin, theme coloured (track was rgba(9,11,12,.5) everywhere) */
html.desk-2026 ::-webkit-scrollbar { width: 10px; height: 10px; }
html.desk-2026 ::-webkit-scrollbar-track { background: transparent; }
html.desk-2026 ::-webkit-scrollbar-thumb { background: var(--d26-scrollthumb); border-radius: var(--d26-pill); border: 2px solid transparent; background-clip: padding-box; }
html.desk-2026 ::-webkit-scrollbar-thumb:hover { background-color: color-mix(in srgb, var(--d26-ink-3) 80%, transparent); }
html.desk-2026 ::-webkit-scrollbar-corner { background: transparent; }
html.desk-2026 * { scrollbar-color: var(--d26-scrollthumb) transparent; }

/* jQuery UI autocomplete (search everywhere): hover was red, highlight dark red */
html.desk-2026 .ui-autocomplete.ui-widget.ui-widget-content {
  padding: 6px; border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow); color: var(--d26-ink); z-index: 99999 !important;
}
html.desk-2026 .ui-menu .ui-menu-item a,
html.desk-2026 .ui-menu .ui-menu-item > div { border-radius: var(--d26-r1); color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family); }
html.desk-2026 .ui-menu .ui-state-hover,
html.desk-2026 .ui-menu .ui-state-active,
html.desk-2026 .ui-menu .ui-menu-item-wrapper.ui-state-active { background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; border: 0 !important; }
html.desk-2026 .dark-theme .ui-menu .ui-state-hover,
html.desk-2026 .dark-theme .ui-menu .ui-state-active { background: var(--d26-surface-3) !important; }
html.desk-2026 .ui-state-highlight { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; border-color: transparent !important; }
html.desk-2026 .search_row .search_name { font-weight: 600; color: var(--d26-ink); }
html.desk-2026 .search_row .search_source,
html.desk-2026 .search_row .search_currency { color: var(--d26-ink-3); font-size: var(--d26-fs-s); }

/* selected rows (was light grey in both themes) */
html.desk-2026 .table .table-row > div.active { background: var(--d26-accent-soft); color: var(--d26-ink); }

/* loading screen: theme surface instead of #EBEBEB */
html.desk-2026 #overlay, html.desk-2026 #overlayBox { background-color: var(--d26-bg); }
html.desk-2026 #overlayBox .overlayloading { height: 4px; border-radius: 2px; background: var(--d26-surface-3); overflow: hidden; }
html.desk-2026 #overlayprogress { background: var(--d26-accent); border-radius: 2px; }
html.desk-2026 #overlayText { color: var(--d26-ink-3); font: var(--d26-fs) var(--main-font-family); }

/* old .context_menu (white 4px border, red close bar) */
html.desk-2026 .context_menu { border: 0 !important; border-radius: var(--d26-r3); box-shadow: var(--d26-shadow); background: var(--d26-pop); overflow: hidden; }
html.desk-2026 .context_menu .inner { background: var(--d26-pop); }
html.desk-2026 .context_menu a { color: var(--d26-ink); border-radius: var(--d26-r1); }
html.desk-2026 .context_menu a:hover { background: var(--d26-surface-2); color: var(--d26-ink); }

/* popups (tf_PopUP: premium notice, permission forms) */
html.desk-2026 .login-popup { border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow); color: var(--d26-ink); font-family: var(--main-font-family); }
html.desk-2026 .login-popup [style*="var(--topbar-background)"] { background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; border-radius: var(--d26-r2); margin: 0 16px; }
html.desk-2026 a.order-permission,
html.desk-2026 .order-permission {
  display: inline-block; height: 40px; line-height: 40px; padding: 0 24px; border-radius: var(--d26-pill); border: 0;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 650 var(--d26-fs-m)/40px var(--main-font-family); text-decoration: none;
}
html.desk-2026 .order-permission:hover { background: var(--d26-accent-hover) !important; }

/* lightbox dialogs (stayed dark in Hell) */
html.desk-2026 .lightbox { background: var(--d26-pop) !important; color: var(--d26-ink) !important; border-radius: var(--d26-r3); box-shadow: var(--d26-shadow); }
html.desk-2026 .lightbox h2, html.desk-2026 .lightbox-heading { color: var(--d26-ink) !important; background: transparent !important; }
html.desk-2026 .lightbox .bottom, html.desk-2026 .lightbox .bottom .btn { background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; }

/* ---- order masks (orderbox*.js): Inter instead of Consolas, Kauf/Verkauf as segment, fields and button of the preview ---- */
html.desk-2026 .orderbox,
html.desk-2026 .orderbox * { font-family: var(--main-font-family) !important; }
html.desk-2026 .orderbox .label,
html.desk-2026 .orderbox span.label,
html.desk-2026 .orderbox div.label { font-size: var(--d26-fs-s) !important; color: var(--d26-ink-2) !important; text-transform: none; letter-spacing: 0; }
html.desk-2026 .orderbox select.full-size,
html.desk-2026 .orderbox input.full-size,
html.desk-2026 .orderbox input[type="text"] {
  height: 32px; padding: 0 10px; border: 0 !important; border-radius: var(--d26-r1); box-sizing: border-box;
  background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs) var(--main-font-family) !important;
}
html.desk-2026 .orderbox select.full-size:focus,
html.desk-2026 .orderbox input:focus { outline: 2px solid var(--d26-accent); }
html.desk-2026 .orderbox a.button_reduced {
  display: inline-flex; align-items: center; justify-content: center; height: 34px; border: 0 !important; border-radius: var(--d26-pill);
  background: var(--d26-surface-2) !important; color: var(--d26-ink-2) !important; font: 700 var(--d26-fs) var(--main-font-family) !important;
  text-transform: none; box-shadow: none !important;
}
html.desk-2026 .orderbox a.button_reduced.buy.active { background: var(--d26-up) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .orderbox a.button_reduced.sell.active { background: var(--d26-down) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .orderbox .set-order-button {
  height: 40px; line-height: 40px; border: 0 !important; border-radius: var(--d26-pill); text-transform: none;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 650 var(--d26-fs-m)/40px var(--main-font-family) !important;
}
html.desk-2026 .orderbox .set-order-button:hover { background: var(--d26-accent-hover) !important; }
html.desk-2026 .container .foot .conto_type {
  background: transparent !important; color: var(--d26-ink-3) !important; font: 600 var(--d26-fs-cap) var(--main-font-family) !important;
  letter-spacing: .05em; text-transform: uppercase;
}
html.desk-2026 .orderbox .tabs a { font: 600 var(--d26-fs-s) var(--main-font-family) !important; }
html.desk-2026 .ordermask .foot,
html.desk-2026 .container:has(.orderbox) .foot { background: var(--d26-surface) !important; color: var(--d26-ink-3); }
html.desk-2026 .orderbox .order_info,
html.desk-2026 .orderbox .order_info * { font: var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink-2); }
html.desk-2026 .orderbox .order_info { border: 0 !important; border-radius: var(--d26-r2); background: var(--d26-surface-2); }

/* ==========================================================================
   14. Round 2 after review (2026-10-06)
   ========================================================================== */
/* ---- search popup (desk2026_frame.js tf_desk2026Search) ---- */
html.d26-frame .d26-search-btn {
  display: flex; align-items: center; gap: 8px; width: 260px; height: 36px; padding: 0 8px 0 12px; margin-right: 6px; border: 0;
  border-radius: var(--d26-pill); background: var(--d26-surface); color: var(--d26-ink-3); cursor: pointer; text-align: left;
}
html.d26-frame .d26-search-btn:hover { color: var(--d26-ink-2); }
html.d26-frame .d26-search-btn span { flex: 1; font: var(--d26-fs) var(--main-font-family); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 kbd {
  font: 600 10px/1 var(--main-font-family); padding: 4px 6px; border-radius: var(--d26-r1); background: var(--d26-surface-2); color: var(--d26-ink-3);
}
html.desk-2026 .d26-pal {
  top: 64px; transform: translateX(-50%); width: min(640px, calc(100vw - 32px)); max-height: min(560px, calc(100vh - 96px));
  opacity: 0; pointer-events: none;   /* not visibility:hidden: the closed dialog must keep focus for "Enter twice" */
}
html.desk-2026 .d26-pal-scrim { display: none; }
html.desk-2026.d26-pal-open .d26-pal:not(.d26-pick) { opacity: 1; pointer-events: auto; }   /* the tool search dialog shares .d26-pal */
html.desk-2026.d26-pal-open .d26-pal-scrim { display: block; }
html.desk-2026 .d26-pal .d26-dlg-s { margin: 16px 16px 10px; }
html.desk-2026 .d26-pal .d26-dlg-s input#search {
  flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; background: transparent; box-shadow: none; width: auto;
  font: var(--d26-fs-m) var(--main-font-family); font-style: normal; color: var(--d26-ink);
}
html.desk-2026 .d26-pal .d26-dlg-s input#search:focus { outline: none; }
html.desk-2026 .d26-pal-list { padding: 0 10px 12px; min-height: 60px; }
html.desk-2026 .d26-pal-hint { margin: 6px 8px 8px; color: var(--d26-ink-3); font-size: var(--d26-fs-s); line-height: 1.5; }
html.desk-2026 .d26-pal-list .ui-autocomplete {
  position: static !important; width: auto !important; max-height: none !important; padding: 0 !important; margin: 0;
  box-shadow: none !important; background: transparent !important; border: 0 !important;
}
html.desk-2026 .d26-pal-list .ui-menu-item { list-style: none; }
html.desk-2026 .d26-pal-list .ui-menu-item > a,
html.desk-2026 .d26-pal-list .ui-menu-item-wrapper { display: block; padding: 0 !important; border: 0 !important; border-radius: var(--d26-r1); }
html.desk-2026 .d26-pal-list .search_row {
  display: grid; grid-template-columns: minmax(0, 1fr) 120px 26px 60px 70px 36px; align-items: center; gap: 8px;
  min-height: 40px; padding: 0 10px; font: var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .d26-pal-list .search_row > div { float: none !important; width: auto !important; margin: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .d26-pal-list .search_row > div[style*="clear"] { display: none; }
html.desk-2026 .d26-pal-list .search_name { font-weight: 600; color: var(--d26-ink); }
html.desk-2026 .d26-pal-list .search_source, html.desk-2026 .d26-pal-list .search_currency,
html.desk-2026 .d26-pal-list .search_symbol, html.desk-2026 .d26-pal-list .search_wkn { color: var(--d26-ink-3); font-size: var(--d26-fs-s); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-pal-list .search_realtime { font: 800 9px/16px var(--main-font-family); text-align: center; border-radius: 3px; background: var(--d26-surface-2); color: var(--d26-ink-3); }
html.desk-2026 .d26-pal-list .ui-state-active .search_row,
html.desk-2026 .d26-pal-list .ui-menu-item:hover .search_row { background: var(--d26-surface-2); border-radius: var(--d26-r1); }
/* chart toolbar: type switch and ⋯ (desk2026_chart.js) */
html.desk-2026 .d26-ctb > .d26-overflowed { display: none !important; }
html.desk-2026 .d26-ctb > .d26-tb-type { order: 3; }
html.desk-2026 .d26-ctb > .d26-tb-more { order: 8; }
html.desk-2026 .d26-tbtn {
  display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--d26-r1);
  background: transparent; color: var(--d26-ink-2); cursor: pointer; flex: none;
}
html.desk-2026 .d26-tbtn:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-tbtn .d26-ico { width: 18px; height: 18px; }

html.desk-2026 .d26-ctb .dropdown .dd_button::after { display: none; }
html.desk-2026 .d26-ctb .dropdown .dd_button.d26-m-chevron-down { width: 12px; height: 12px; opacity: .6; }
:root.desk-2026 .d26-ctb .dropdown .dd_button.d26-m-chevron-down::before { width: 12px; height: 12px; margin: 0; vertical-align: top; }
/* icon sizes: header and toolbar icons 18px like the preview */
:root.desk-2026 .container .head .big [class*="fa-"]::before,
:root.desk-2026 .container .head .big[class*="d26-m-"]::before { width: 18px; height: 18px; }
html.desk-2026 .container .head .big { min-width: 30px; height: 30px; }
:root.desk-2026 .d26-ctb .dropdown .dropdown_element::before { width: 18px !important; height: 18px !important; }
html.d26-frame .d26-icon .d26-ico { width: 20px; height: 20px; }
html.d26-frame #nav > ul > li > i { font-size: 16px; width: 32px; height: 32px; line-height: 32px; }
html.desk-2026 .dpa-wrapper .tab-button, html.desk-2026 .dpabox .tab-button { font-size: 16px; }
html.desk-2026 .container .head .big > div { display: grid; place-items: center; height: 100%; line-height: 0 !important; margin: 0 !important; }
:root.desk-2026 .container .head [class*="fa-"]::before { margin-top: 0 !important; vertical-align: middle; }
html.desk-2026 .d26-ctb .dropdown .dd_button.d26-m-chevron-down { display: inline-grid; place-items: center; height: 30px; line-height: 0; }
:root.desk-2026 .d26-ctb .dropdown .dd_button.d26-m-chevron-down::before { margin-top: 0 !important; }

/* ---- right rail like the preview (.rail-r): own column on the page background ---- */
html.d26-frame .rmenu {
  top: var(--d26-header-h); bottom: var(--d26-bar-h); right: 0; width: 52px; display: flex; flex-direction: column; align-items: center;
  background: var(--d26-bg); z-index: 50;
}
html.d26-frame .rmenu > .opener { display: none !important; }
html.d26-frame .rmenu .sub-menu {
  display: flex !important; flex-direction: column; align-items: center; gap: 4px; padding: 4px 0 8px;
  background: transparent; box-shadow: none; border-radius: 0; overflow-y: auto; scrollbar-width: none;
}
html.d26-frame .rmenu .sub-menu > li { margin: 0; background: transparent !important; box-shadow: none; width: auto; height: auto; }
html.d26-frame .rmenu .sub-menu > li > a,
html.d26-frame .rmenu .wingman-icon > a.d26-wingman {
  width: 38px; min-height: 38px; height: 38px; border-radius: var(--d26-r1); color: var(--d26-ink-2);
  display: flex; align-items: center; justify-content: center; cursor: pointer;
}
html.d26-frame .rmenu .sub-menu > li > a:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .dark-theme .rmenu .sub-menu > li > a:hover { background: var(--d26-surface-3); }
html.d26-frame .rmenu .sub-menu > li > a > .d26-ico { width: 20px; height: 20px; }
html.d26-frame .rmenu .wingman-icon { background-image: none !important; width: 38px !important; height: 38px !important; margin: 0 0 2px !important; border-radius: var(--d26-r1); }
html.d26-frame .rmenu .wingman-icon > div { position: absolute; }
html.d26-frame .rmenu .sidebar-infobox-text { display: none; }
html.d26-frame .rmenu .sub-menu .numb { top: 2px; right: 1px; }
:root.desk-2026 .d26-ctb .dropdown .dd_button::after { content: none !important; display: none !important; }
:root.desk-2026 .d26-ctb .dropdown .dropdown_element { height: 30px !important; display: inline-flex !important; align-items: center; }
:root.desk-2026 .d26-ctb .dropdown .dd_title { line-height: 30px; }
@container (max-width: 860px) {
  html.desk-2026 .d26-ctb .dropdown .dropdown_element.d26-m-calendar .dd_title,
  html.desk-2026 .d26-ctb .dropdown .dropdown_element.d26-m-indic .dd_title,
  html.desk-2026 .d26-ctb .dropdown .dropdown_element.d26-m-scan .dd_title { display: none; }
}
:root.desk-2026 .d26-ctb .dropdown .dd_button { font-size: 0 !important; color: inherit; overflow: hidden; width: 12px !important; }
:root.desk-2026 .d26-ctb .dropdown .dd_button { height: 12px !important; align-self: center; display: block !important; }
:root.desk-2026 .d26-ctb .dropdown .dd_button::before { display: block !important; }
html.desk-2026 .slide-aside .slide .title,
html.desk-2026 .slide-aside .slide .title a { color: var(--d26-ink) !important; font: 700 var(--d26-fs-m)/1.3 var(--main-font-family) !important; text-decoration: none; }
html.desk-2026 .slide-aside .slide .content { color: var(--d26-ink-2); font-size: var(--d26-fs); margin-top: 4px; clear: both; }
html.desk-2026 .slide-aside .slide > div[style*="width: 75%"] { margin-top: 0 !important; }

html.desk-2026 .slide-aside .slide > div[style*="width: 25%"]:empty { display: none; }
html.desk-2026 .slide-aside .slide > div[style*="width: 25%"]:empty + div[style*="width: 75%"] { width: 100% !important; float: none !important; }
html.desk-2026 .slide-aside .opener { box-shadow: 0 0 0 1px var(--d26-line), var(--d26-shadow) !important; background: var(--d26-pop) !important; }
html.d26-frame .d26-tabs { display: flex; align-items: center; gap: 2px; }
html.d26-frame .d26-tabs .gallery { flex: 1 1 auto; min-width: 0; }
html.d26-frame .d26-all-desktops { flex: none; width: 30px; height: 30px; border: 0; background: transparent; }
html.d26-frame .d26-search-btn { width: 220px; }

/* search popup rows (preview .pal) */
html.desk-2026 .d26-pal { width: min(720px, calc(100vw - 32px)); }
html.desk-2026 .d26-pal-list .d26-grp-t { padding: 14px 10px 6px; }
html.desk-2026 .d26-pal-row {
  display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 76px; align-items: center; gap: 12px;
  min-height: 46px; padding: 4px 10px; border-radius: var(--d26-r2); cursor: pointer;
}
html.desk-2026 .d26-pal-row.sel { background: var(--d26-surface-2); }
html.desk-2026 .d26-pal-tile {
  width: 34px; height: 34px; border-radius: var(--d26-r1); display: grid; place-items: center;
  background: var(--d26-surface-2); color: var(--d26-accent); font: 800 9px/1 var(--main-font-family); letter-spacing: .02em; overflow: hidden;
}
html.desk-2026 .d26-pal-row.sel .d26-pal-tile { background: var(--d26-surface); }
html.desk-2026 .d26-pal-tile .d26-ico { width: 18px; height: 18px; }
html.desk-2026 .d26-pal-n { min-width: 0; }
html.desk-2026 .d26-pal-n b { display: block; font: 600 var(--d26-fs-m)/1.25 var(--main-font-family); color: var(--d26-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-pal-n span { display: block; font-size: var(--d26-fs-s); color: var(--d26-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-pal-px { font: 500 var(--d26-fs-m) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink); text-align: right; }
html.desk-2026 .d26-pal-chg { justify-self: end; padding: 3px 8px; border-radius: var(--d26-r1); font: 650 var(--d26-fs) var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-pal-chg:empty { padding: 0; }
html.desk-2026 .d26-pal-chg.d26-up { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .d26-pal-chg.d26-down { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .d26-pal-cmd { grid-template-columns: 34px minmax(0, 1fr) auto; }
html.desk-2026 .d26-pal-hintc { color: var(--d26-ink-3); font-size: var(--d26-fs-s); }
/* typed results (autocomplete rows of main.js) in the same look: tile = symbol, name, "WKN · Börse · currency · RT" */
html.desk-2026 .d26-pal-list .search_row {
  grid-template-columns: 34px minmax(0, 1fr) auto !important; grid-template-areas: "tile name rt" "tile sub rt"; column-gap: 12px; row-gap: 0;
  min-height: 46px !important; padding: 4px 10px !important;
}
html.desk-2026 .d26-pal-list .search_symbol {
  grid-area: tile; width: 34px !important; height: 34px; border-radius: var(--d26-r1); display: grid !important; place-items: center;
  background: var(--d26-surface-2); color: var(--d26-accent) !important; font: 800 9px/34px var(--main-font-family) !important; text-align: center; text-transform: uppercase;
}
html.desk-2026 .d26-pal-list .search_name { grid-area: name; align-self: end; font-size: var(--d26-fs-m) !important; }
html.desk-2026 .d26-pal-list .search_wkn { grid-area: sub; align-self: start; }
html.desk-2026 .d26-pal-list .search_source { grid-area: sub; align-self: start; margin-left: 64px !important; }
html.desk-2026 .d26-pal-list .search_currency { grid-area: sub; align-self: start; margin-left: 190px !important; }
html.desk-2026 .d26-pal-list .search_realtime { grid-area: rt; align-self: center; padding: 0 6px; }
html.desk-2026 .d26-pal-list .ui-autocomplete { background: transparent !important; }
html.desk-2026 .d26-pal-list .ui-menu-item,
html.desk-2026 .d26-pal-list .ui-menu-item > a,
html.desk-2026 .d26-pal-list .ui-state-active,
html.desk-2026 .d26-pal-list .ui-menu .ui-state-hover { background: transparent !important; margin: 0 !important; }
html.desk-2026 .d26-pal-ac { grid-template-columns: 34px minmax(0, 1fr) auto; }
html.desk-2026 .d26-pal-list .ui-state-active .d26-pal-ac,
html.desk-2026 .d26-pal-list .ui-menu-item:hover .d26-pal-ac { background: var(--d26-surface-2); }
html.desk-2026 .d26-pal-list .ui-state-active .d26-pal-tile { background: var(--d26-surface); }
html.desk-2026 .d26-pal-rt { font: 800 9px/18px var(--main-font-family); padding: 0 6px; border-radius: 3px; background: var(--d26-surface-2); color: var(--d26-ink-3); }

/* ---- tools row and dropdowns like the preview ---- */
html.d26-frame .d26-right .navbar-finanzennetzero-button { display: none !important; }   /* not in the preview; "Trading ab 0 €" opens the same */
html.d26-frame #nav > ul { align-items: center; }
html.d26-frame #nav > ul > li { height: var(--d26-tools-h); }
html.d26-frame #nav > ul > li > i { display: grid !important; place-items: center; line-height: 0 !important; color: var(--d26-ink-3); }
:root.desk-2026 #nav > ul > li > i::before { margin-top: 0 !important; width: 18px; height: 18px; }
html.d26-frame #nav > ul > li > a.opener { display: inline-flex !important; align-items: center; gap: 0; }
html.d26-frame #nav .open_moretools i { margin-left: 6px; }
:root.desk-2026 #nav .open_moretools i::before { width: 14px; height: 14px; }
/* Premium badges (preview .lockb), classes set by tf_desk2026Frame from the same permission checks as the tools */
html.d26-no-software.d26-frame #nav > ul > li > a.open_signalticker::after,
html.d26-no-software.d26-frame #nav > ul > li > a.open_tradingchancen::after,
html.d26-no-software.d26-frame #nav .drop a:is(.open_radarbig, .open_radarbox, .open_radarbox_strategie, .open_radarbox_scan, .open_stockradarbox, .open_topindustries, .open_charlie_dax, .open_charlie_sp)::after,
html.d26-no-screener.d26-frame #nav .drop a:is(.open_screener, .open_morningstar_menu)::after {
  content: "Premium"; margin-left: 6px; padding: 2px 5px; border-radius: 3px; background: var(--d26-lime); color: var(--d26-on-lime);
  font: 800 9px/1.2 var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; border: 0; width: auto; height: auto; transform: none; opacity: 1;
  display: inline-block; position: static; vertical-align: 1px; flex: none;
}
html.d26-frame #nav .drop a:is(.open_screener, .open_morningstar_menu, .open_radarbig, .open_radarbox, .open_radarbox_strategie, .open_radarbox_scan, .open_stockradarbox, .open_topindustries, .open_charlie_dax, .open_charlie_sp)::after { margin-left: 8px; }
/* dropdowns */
html.d26-frame #nav .drop {
  width: auto !important; min-width: 240px; padding: 6px !important; border-radius: var(--d26-r3); background: var(--d26-pop) !important;
  box-shadow: var(--d26-shadow); border: 0;
}
html.d26-frame #nav .drop .section-box { padding: 0; margin: 0; float: none; width: auto; border: 0; }
html.d26-frame #nav .drop h2 { padding: 8px 10px 4px; margin: 0; }
html.d26-frame #nav .drop ul { margin: 0; padding: 0; }
html.d26-frame #nav .drop ul li,
html.d26-frame #nav .drop ul li:hover { float: none; width: auto; padding: 0; margin: 0; border: 0; background: transparent !important; }
html.d26-frame #nav .drop ul li a {
  display: flex !important; align-items: center; gap: 10px; float: none; height: 34px; padding: 0 10px !important; margin: 0;
  border-radius: var(--d26-r1); background: transparent !important; color: var(--d26-ink) !important; white-space: nowrap;
  font: var(--d26-fs)/34px var(--main-font-family) !important;
}
html.d26-frame #nav .drop ul li a:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .dark-theme #nav .drop ul li a:hover { background: var(--d26-surface-3) !important; }
:root.desk-2026 #nav .drop ul li a::before { color: var(--d26-ink-3); width: 18px !important; height: 18px !important; margin: 0 !important; flex: none; }
:root.desk-2026 #nav .drop ul li a::before { position: static !important; left: auto !important; top: auto !important; }

/* ---- more room between content and window edge (preview .w-b / .rows padding) ---- */
html.desk-2026 .container:not(:has(.d26-ctb)) > .inner > .body > .inner { box-sizing: border-box; padding: 2px 8px 10px; }
html.desk-2026 .container:not(:has(.d26-ctb)) .head { padding-left: 16px; padding-right: 10px; }
html.desk-2026 .table tbody td:first-child,
html.desk-2026 .table thead td:first-child { padding-left: 8px !important; }
html.desk-2026 .table tbody tr td:first-child { border-radius: var(--d26-r1) 0 0 var(--d26-r1); }
html.desk-2026 .table tbody tr td:last-child { border-radius: 0 var(--d26-r1) var(--d26-r1) 0; }

/* ---- chart window: instrument + price in the title row, 40px toolbar, status dot ---- */
html.desk-2026 .container.d26-chartwin .head .title_field,
html.desk-2026 .container.d26-chartwin .head > .title_extra { display: none !important; }
html.desk-2026 .container.d26-chartwin .head .d26-ins { order: 0; height: 38px; margin-left: -6px; }
html.desk-2026 .container.d26-chartwin .head .d26-px { order: 1; margin-right: auto; }
html.desk-2026 .container.d26-chartwin .head .menu_3_icon { order: -1; }
html.desk-2026 .chart_layout div.topbar.d26-ctb { height: 40px; padding: 0 8px 0 4px; }
html.desk-2026 .d26-ctb.d26-searching > .d26-ins-search { top: 2px; }
html.desk-2026 .container .foot .d26-status {
  width: 10px !important; height: 10px !important; padding: 0 !important; margin: 0 6px !important; border: 0 !important;
  border-radius: 50%; font-size: 0 !important; overflow: hidden; flex: none; cursor: help;
}
html.desk-2026 .container .foot .d26-status * { display: none; }
html.desk-2026 .container .foot .d26-st-saved { background: var(--d26-up); }
html.desk-2026 .container .foot .d26-st-pending { background: var(--d26-pending); }
html.desk-2026 .container .foot .d26-st-unsaved { background: var(--d26-down); }

/* ---- HSBC / Morgan Stanley rows (desk2026_lists.js tf_desk2026Lev) ---- */
html.desk-2026 table.result.d26-lev { width: 100%; border-collapse: separate; border-spacing: 0; }
html.desk-2026 table.result.d26-lev tr.head_row td {
  height: 30px; padding: 0 8px; vertical-align: middle; text-align: left;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 table.result.d26-lev tr:not(.head_row) td { height: 44px; padding: 3px 8px; vertical-align: middle; border: 0; background: transparent; }
html.desk-2026 table.result.d26-lev tr:not(.head_row):hover td { background: var(--d26-surface-2); }
html.desk-2026 table.result.d26-lev tr:not(.head_row) td:first-child { border-radius: var(--d26-r1) 0 0 var(--d26-r1); }
html.desk-2026 table.result.d26-lev tr:not(.head_row) td:last-child { border-radius: 0 var(--d26-r1) var(--d26-r1) 0; }
html.desk-2026 table.result.d26-lev .d26-ra { text-align: right !important; }
html.desk-2026 table.result.d26-lev .d26-lx {
  display: inline-block; min-width: 46px; padding: 3px 8px; border-radius: var(--d26-r1); background: var(--d26-surface-2);
  font: 700 var(--d26-fs) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink); text-align: center;
}
html.desk-2026 table.result.d26-lev .d26-lx small { margin-left: 1px; color: var(--d26-ink-3); font-size: .75em; }
html.desk-2026 table.result.d26-lev .d26-l1,
html.desk-2026 table.result.d26-lev .d26-lev-wkn > a { font: 600 var(--d26-fs) var(--main-font-family); color: var(--d26-ink) !important; text-decoration: none; font-variant-numeric: tabular-nums; }
html.desk-2026 table.result.d26-lev .d26-l2 { margin-top: 1px; font: var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); white-space: nowrap; }
html.desk-2026 table.result.d26-lev td.number:not(.d26-lev-trade) { font: 500 var(--d26-fs) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 table.result.d26-lev .d26-lev-info { width: 28px; text-align: center; color: var(--d26-ink-3); }
html.desk-2026 table.result.d26-lev .d26-lev-info a { color: var(--d26-ink-3) !important; }
html.desk-2026 table.result.d26-lev .d26-lev-trade { width: 1%; white-space: nowrap; }
html.desk-2026 table.result.d26-lev .d26-lev-trade { display: table-cell !important; }
html.desk-2026 table.result.d26-lev .d26-lev-trade > div {
  display: inline-block; float: none !important; width: auto !important; min-width: 34px; height: 26px; line-height: 26px; margin: 0 2px !important;
  padding: 0 10px; border-radius: var(--d26-pill) !important; font: 700 var(--d26-fs-s)/26px var(--main-font-family); text-align: center;
}
html.desk-2026 table.result.d26-lev .d26-lev-trade > div[style*="#e0146a"] { background: var(--d26-brand-zero) !important; color: var(--d26-on-color) !important; } /* finanzen.net ZERO (brand) */
html.desk-2026 .d26-lev-legal { padding: 10px 8px 4px !important; font: var(--d26-fs-cap)/1.5 var(--main-font-family) !important; color: var(--d26-ink-3); }
html.desk-2026 .d26-lev-legal a { color: var(--d26-ink-2) !important; }

/* ---- Produkt News (product_news.js) like the preview: muted time, bold headline, no underline ---- */
html.desk-2026 table.table.d26-pnews { border-collapse: separate; border-spacing: 0; width: 100%; }
html.desk-2026 table.table.d26-pnews tr td { height: 36px; padding: 4px 8px; border: 0 !important; vertical-align: middle; background: transparent; }
html.desk-2026 table.table.d26-pnews tr:hover td { background: var(--d26-surface-2); }
html.desk-2026 table.table.d26-pnews tr td:first-child { width: 48px; color: var(--d26-ink-3); font: var(--d26-fs) var(--main-font-family); font-variant-numeric: tabular-nums; border-radius: var(--d26-r1) 0 0 var(--d26-r1); }
html.desk-2026 table.table.d26-pnews tr td:nth-child(2) { width: 16px; padding: 4px 0; }
html.desk-2026 table.table.d26-pnews tr td:nth-child(2) img { width: 14px !important; height: 14px !important; opacity: .85; }
html.desk-2026 table.table.d26-pnews tr td:last-child { border-radius: 0 var(--d26-r1) var(--d26-r1) 0; }
html.desk-2026 table.table.d26-pnews tr td a { color: var(--d26-ink) !important; text-decoration: none !important; font: 550 var(--d26-fs) var(--main-font-family); }
html.desk-2026 table.table.d26-pnews tr:hover td a { color: var(--d26-accent) !important; }

/* ---- News Terminal: list or article (desk2026_lists.js tf_setupReader) ---- */
html.desk-2026 .container.d26-news .dpa-wrapper-list-area > .dpa-list { height: 100% !important; width: 100% !important; float: none; }
html.desk-2026 .container.d26-news .dpa-wrapper-list-area > .dpa-area { display: none; }
html.desk-2026 .container.d26-news .dpa-wrapper-list-area.d26-reading > .dpa-list { display: none; }
html.desk-2026 .container.d26-news .dpa-wrapper-list-area.d26-reading > .dpa-area {
  display: block; height: 100% !important; width: 100% !important; top: 0 !important; float: none; overflow-y: auto; padding: 8px 14px 16px; box-sizing: border-box; border: 0;
}
html.desk-2026 .container.d26-news .dpa-area .ui-resizable-handle { display: none !important; }
html.desk-2026 .d26-news-back {
  display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 12px 0 8px; margin: 2px 0 10px; border: 0; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink-2); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer;
}
html.desk-2026 .d26-news-back:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .dpa-area-text > *:first-child { font-family: var(--main-font-family) !important; }
html.desk-2026 .d26-news-stock { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; }
html.desk-2026 .d26-news-stock b { font-weight: 700; color: var(--d26-ink); }
html.desk-2026 .d26-nc.d26-up { color: var(--d26-up); font-weight: 650; }
html.desk-2026 .d26-nc.d26-down { color: var(--d26-down); font-weight: 650; }
html.desk-2026 .d26-news .dpa-area-text > *:first-child,
html.desk-2026 .d26-news .dpa-area-text > *:first-child * {
  color: var(--d26-ink) !important; font: 700 var(--d26-fs-l)/1.3 var(--main-font-family) !important; text-decoration: none !important;
}
html.desk-2026 .d26-news .dpa-area-text a { color: var(--d26-accent) !important; }
/* News Terminal toolbar */
html.desk-2026 .d26-news div.topbar { height: 40px !important; display: flex; align-items: center; gap: 4px; padding: 0 4px; background: transparent; border: 0; }
html.desk-2026 .d26-news div.topbar > * { float: none !important; margin-top: 0 !important; }
html.desk-2026 .d26-news div.topbar input.search {
  height: 30px; width: 170px; padding: 0 10px 0 30px !important; border: 0; border-radius: var(--d26-pill); background: var(--d26-surface-2);
  font: var(--d26-fs) var(--main-font-family); font-style: normal; color: var(--d26-ink);
}
html.desk-2026 .d26-news div.topbar .dropdown { height: 30px; padding: 0 8px !important; border-radius: var(--d26-r1); }
html.desk-2026 .d26-news div.topbar .dropdown:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-news div.topbar .dropdown .dd_title { text-transform: none !important; font: 600 var(--d26-fs-s)/30px var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .d26-news div.topbar .tab-button { width: 30px; height: 30px; display: grid; place-items: center; border-radius: var(--d26-r1); color: var(--d26-ink-3); }
html.desk-2026 .d26-news div.topbar .tab-button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }

/* ---- Settings as a dialog like the preview ---- */
html.desk-2026 .d26-settings-scrim { z-index: 99980; }
html.desk-2026 .container.d26-settings {
  position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%);
  z-index: 99985 !important; border-radius: var(--d26-r3); box-shadow: var(--d26-shadow) !important;
}
html.desk-2026 .container.d26-settings > .inner { width: min(1060px, calc(100vw - 64px)) !important; height: min(760px, calc(100vh - 96px)) !important; }
html.desk-2026 .container.d26-settings > .inner > .body { height: calc(100% - 52px) !important; top: 52px; }
html.desk-2026 .container.d26-settings > .inner > .body > .inner { width: 100% !important; height: 100% !important; padding: 0 !important; }
html.desk-2026 .container.d26-settings .head { height: 52px; padding: 0 12px 0 24px; cursor: default; }
html.desk-2026 .container.d26-settings .head .title_field { font: 700 var(--d26-fs-m)/20px var(--main-font-family); }
html.desk-2026 .container.d26-settings .head .title_field::after { content: "Trading-Desk"; margin-left: 10px; font: 400 var(--d26-fs) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .container.d26-settings .head .maximize-ico,
html.desk-2026 .container.d26-settings .foot { display: none !important; }
html.desk-2026 .settings_box { grid-template-columns: 240px minmax(0, 1fr); }
html.desk-2026 .settings_box > .tabs.settings-nav { padding: 8px 12px; border-right: 0; gap: 4px; }
html.desk-2026 .settings_box > .tabs.settings-nav a,
html.desk-2026 .settings_box > .tabs.settings-nav a:first-child {
  display: flex !important; align-items: center; gap: 12px; height: 40px; padding: 0 14px; font: 600 var(--d26-fs-m) var(--main-font-family);
}
:root.desk-2026 .settings-nav a::before { position: static !important; margin: 0 !important; width: 18px !important; height: 18px !important; flex: none; }
html.desk-2026 .settings_box > .settings-panes { padding: 8px 28px 28px 16px; }
/* rows: label left, control right */
html.desk-2026 .settings_box .settings-panes > div[style*="clear:both"],
html.desk-2026 .settings_box .settings-panes > div[style*="clear: both"] {
  display: flex !important; align-items: center; justify-content: space-between; gap: 16px; float: none !important;
  width: auto !important; min-height: 52px; margin: 0 !important; padding: 4px 0;
}
html.desk-2026 .settings_box .settings-panes > div > div[style*="width:50%"] { width: auto !important; flex: 1; margin: 0 !important; font: var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .settings_box .settings-panes > div > select { float: none !important; max-width: none !important; width: 340px; height: 44px !important; font: 500 var(--d26-fs-m) var(--main-font-family) !important; border-radius: var(--d26-r2) !important; padding: 0 14px; }
html.desk-2026 .settings_box .settings-panes > div > .subheader-button:not(select) { height: 40px; line-height: 40px; padding: 0 20px; font: 650 var(--d26-fs-m)/40px var(--main-font-family); background: var(--d26-surface-2); }
html.desk-2026 .settings_box legend { margin: 28px 0 8px; font-size: var(--d26-fs-s) !important; }
/* colour grid in two columns */
html.desk-2026 .settings_box .d26-color-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 48px; padding: 4px 0 !important; }
html.desk-2026 .settings_box .d26-color-row {
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px; float: none !important; width: auto !important;
  min-height: 58px; margin: 0 !important;
}
html.desk-2026 .settings_box .d26-color-row > div { width: auto !important; flex: 1; margin: 0 !important; font: var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .settings_box .d26-noeffect { display: block; margin-top: 2px; font: var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .settings_box .d26-color-row input[type="color"] {
  width: 52px !important; height: 40px; padding: 0; border: 0; border-radius: var(--d26-r2); background: transparent; cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--d26-line);
}
html.desk-2026 .settings_box input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
html.desk-2026 .settings_box input[type="color"]::-webkit-color-swatch { border: 0; border-radius: var(--d26-r2); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .settings_box .d26-color-row:has(.d26-noeffect) input[type="color"] { opacity: .6; }
/* the other tabs: fieldset rows (span label + control) as label left, control right */
html.desk-2026 .settings_box fieldset { clear: both; float: none; width: 100%; max-width: 820px; }
html.desk-2026 .settings_box fieldset > div:not(.d26-color-grid) { padding: 0 !important; }
html.desk-2026 .settings_box fieldset > div:not(.d26-color-grid) > div {
  display: flex !important; align-items: center; gap: 12px; float: none !important; width: auto !important;
  min-height: 52px; margin: 0 !important; border-bottom: 1px solid var(--d26-line-2, var(--d26-line));
}
html.desk-2026 .settings_box fieldset > div:not(.d26-color-grid) > div > span:first-child {
  float: none !important; width: auto !important; flex: 1; margin: 0 !important; font: var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink);
}
html.desk-2026 .settings_box fieldset > div:not(.d26-color-grid) > div > input[type="text"],
html.desk-2026 .settings_box fieldset > div:not(.d26-color-grid) > div > select {
  float: none !important; width: 140px !important; height: 40px !important; font: 500 var(--d26-fs-m) var(--main-font-family) !important; border-radius: var(--d26-r2) !important;
}
html.desk-2026 .settings_box fieldset > div:not(.d26-color-grid) > div > span:not(:first-child) { min-width: 56px; color: var(--d26-ink-3); }
html.desk-2026 .settings_box fieldset > div:not(.d26-color-grid) > div > input[type="checkbox"] { flex: none; margin: 0 !important; }
html.desk-2026 .settings_box fieldset { font-size: var(--d26-fs-m) !important; color: var(--d26-ink); }
html.desk-2026 .settings_box fieldset span, html.desk-2026 .settings_box fieldset td { font-size: var(--d26-fs-m); }
html.desk-2026 .settings_box fieldset select, html.desk-2026 .settings_box fieldset input[type="text"], html.desk-2026 .settings_box fieldset input[type="number"], html.desk-2026 .settings_box fieldset input[type="password"], html.desk-2026 .settings_box fieldset input[type="email"] {
  height: 40px !important; font: 500 var(--d26-fs-m) var(--main-font-family) !important; border-radius: var(--d26-r2) !important; padding: 0 12px;
}
html.desk-2026 .settings_box fieldset select { min-width: 140px; }
html.desk-2026 .settings_box fieldset .table { font-size: var(--d26-fs-m); width: 100% !important; }
html.desk-2026 .settings_box fieldset .table td { padding: 8px 6px; }
html.desk-2026 .settings_box .settings-panes > .subheader-button { display: inline-block; height: 40px; padding: 0 20px; font: 650 var(--d26-fs-m)/40px var(--main-font-family); }
html.desk-2026 .settings_box .settings-panes p, html.desk-2026 .settings_box .settings-panes label { font-size: var(--d26-fs-m); }

/* ---- round 4 ---- */
/* desktop navigation: glyphs centred in their 30px buttons (were drawn at the top) */
html.d26-frame #desk-scroll-controls a,
html.d26-frame #desk-scroll-controls li:first-child a,
html.d26-frame #desk-scroll-controls li:last-child a { display: grid !important; place-items: center; line-height: 0 !important; padding: 0 !important; }
:root.desk-2026 #desk-scroll-controls a::before,
:root.desk-2026 #desk-scroll-controls a > i::before { margin: 0 !important; vertical-align: top; }
html.d26-frame #desk-scroll-controls a > i, html.d26-frame #desk-scroll-controls a > span { display: grid; place-items: center; line-height: 0; margin: 0 !important; }
/* RT Box as chip like the preview (.chip.rt) */
html.d26-frame .d26-right .realtimeprice_button {
  height: 30px; padding: 0 12px; margin: 0 4px; background: var(--d26-surface); color: var(--d26-ink);
  font: 600 var(--d26-fs-s)/30px var(--main-font-family); box-shadow: 0 0 0 1px var(--d26-line);
}
html.d26-frame .d26-right .realtimeprice_button:hover { background: var(--d26-surface-2); }

/* resize corner: one look in every box, always visible (preview .rz) */
html.desk-2026 .container .foot .resize_icon {
  position: absolute !important; right: 0; bottom: 0; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important;
  float: none !important; font-size: 0 !important; line-height: 0; cursor: nwse-resize; z-index: 6; opacity: 1; display: block !important;
}
:root.desk-2026 .container .foot .resize_icon::before { content: none !important; display: none !important; }
html.desk-2026 .container .foot .resize_icon::after {
  content: ""; position: absolute; right: 4px; bottom: 4px; width: 6px; height: 6px;
  border-right: 2px solid var(--d26-ink-3); border-bottom: 2px solid var(--d26-ink-3); opacity: .55;
}
html.desk-2026 .container:hover .foot .resize_icon::after { opacity: .95; }

/* chart: compare button without frame, last of the tools (order in the toolbar block) */
html.desk-2026 .d26-ctb > .fa-balance-scale {
  display: grid !important; place-items: center; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: var(--d26-r1); color: var(--d26-ink-2) !important;
}
html.desk-2026 .d26-ctb > .fa-balance-scale:hover { background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; }

/* tables: Kurs flash and % chip with the same box and radius (preview .chg) */
html.desk-2026 .table tbody td.positive, html.desk-2026 .table tbody td.negative,
html.desk-2026 .table tbody td.up, html.desk-2026 .table tbody td.down {
  position: relative; isolation: isolate; background: transparent !important; box-shadow: none !important; border-radius: 0;
}
html.desk-2026 .table tbody td.positive::after, html.desk-2026 .table tbody td.negative::after,
html.desk-2026 .table tbody td.up::after, html.desk-2026 .table tbody td.down::after {
  content: ""; position: absolute; inset: 5px 2px; z-index: -1; border-radius: var(--d26-r2); pointer-events: none;
}
html.desk-2026 .table tbody td.positive::after { background: var(--d26-up-soft); }
html.desk-2026 .table tbody td.negative::after { background: var(--d26-down-soft); }
html.desk-2026 .table tbody td.up::after { background: color-mix(in srgb, var(--table-td-up) 14%, transparent); }
html.desk-2026 .table tbody td.down::after { background: color-mix(in srgb, var(--table-td-down) 13%, transparent); }
html.desk-2026 .table tbody td.up, html.desk-2026 .table tbody td.down { padding-left: 6px !important; padding-right: 6px !important; }

/* News Terminal: newest first, latest/selected soft blue without bar, no stock links in the footer (they are on every line) */
html.desk-2026 .dpa-list > .d26-newest-first { display: flex; flex-direction: column-reverse; }
html.desk-2026 .dpa-wrapper-list-area .dpa-line-selected { box-shadow: none !important; border-left: 0 !important; border-radius: var(--d26-r2); }
html.desk-2026 .container.d26-news .foot > .footer-links { display: none !important; }
/* toolbar like the preview: chips for the filters, plain icon buttons, search field opens the search dialog */
html.desk-2026 .d26-news div.topbar { height: 44px !important; gap: 6px; padding: 0 2px 4px; }
html.desk-2026 .d26-news div.topbar > div:has(> input.search) { position: relative; flex: 0 1 220px; min-width: 120px; }
html.desk-2026 .d26-news div.topbar input.search { width: 100% !important; height: 32px; padding: 0 30px 0 34px !important; cursor: pointer; box-sizing: border-box; }
html.desk-2026 .d26-news div.topbar .search-icon-decoration { position: absolute !important; left: 11px !important; top: 8px !important; right: auto !important; color: var(--d26-ink-3); pointer-events: none; }
html.desk-2026 .d26-news div.topbar .clear-search-button {
  position: absolute !important; right: 6px !important; left: auto !important; top: 6px !important; width: 20px; height: 20px; display: grid; place-items: center;
  border-radius: 50%; color: var(--d26-ink-3); cursor: pointer; z-index: 2; border: 0 !important; background: transparent;
}
html.desk-2026 .d26-news div.topbar .clear-search-button:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .d26-news div.topbar > div:has(> input.search:placeholder-shown) .clear-search-button { display: none !important; }
:root.desk-2026 .d26-news div.topbar .clear-search-button::before { width: 14px; height: 14px; margin: 0 !important; }
html.desk-2026 .d26-news div.topbar .dropdown { height: 30px; padding: 0 !important; border-radius: var(--d26-pill); background: var(--d26-surface-2); }
html.desk-2026 .d26-news div.topbar .dropdown:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-news div.topbar .dropdown .dropdown_element { display: inline-flex !important; align-items: center; gap: 6px; height: 30px; padding: 0 10px 0 12px; }
html.desk-2026 .d26-news div.topbar .dropdown .dd_title { float: none !important; padding: 0 !important; color: var(--d26-ink-2); }
html.desk-2026 .d26-news div.topbar .dropdown .dd_button {
  float: none !important; position: relative !important; width: 12px !important; height: 12px !important; font-size: 0 !important; line-height: 0; margin: 0 !important; color: var(--d26-ink-3);
}
:root.desk-2026 .d26-news div.topbar .dropdown .dd_button::after { content: none !important; }
:root.desk-2026 .d26-news div.topbar .dropdown .dd_button::before { width: 12px !important; height: 12px !important; margin: -6px 0 0 -6px !important; }
html.desk-2026 .d26-news div.topbar .tab-button { width: 32px; height: 32px; font-size: 0 !important; position: relative; flex: none; margin: 0 !important; }
html.desk-2026 .d26-news div.topbar .tab-button:first-of-type { margin-left: auto !important; }
html.desk-2026 .d26-news div.topbar .tab-button.active { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-news div.topbar > :not(.dropdown):not(.tab-button):not(:has(> input.search)) { flex: none; }

/* search dialog for the tool searches (desk2026_frame.js tf_desk2026Picker) */
html.desk-2026 .d26-pick-scrim { display: none; z-index: 99995; }
html.desk-2026 .d26-pick { z-index: 99996; }
html.desk-2026.d26-pick-open .d26-pick { opacity: 1; pointer-events: auto; }
html.desk-2026.d26-pick-open .d26-pick-scrim { display: block; }
html.desk-2026 .d26-pick .d26-dlg-s { margin: 16px 16px 6px; }
html.desk-2026 .d26-pick .d26-dlg-s input.d26-pick-input {
  flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; background: transparent; box-shadow: none; width: auto;
  font: var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink);
}
html.desk-2026 .d26-pick .d26-dlg-s input.d26-pick-input:focus { outline: none; }
html.desk-2026 .d26-pick-for { margin: 0 26px 2px; font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .ui-autocomplete.ui-front:not(.d26-pal-list .ui-autocomplete) { z-index: 99997; }

/* HSBC / Morgan Stanley frame (desk2026_lists.js tf_desk2026Lev.tf_frame) */
html.desk-2026 .d26-lev-moved { display: none !important; }
html.desk-2026 .container.d26-levwin .body > .inner { display: flex !important; flex-direction: column; }
html.desk-2026 .container.d26-levwin .body > .inner > .derivate { flex: 1 1 auto; min-height: 0; height: auto !important; overflow-y: auto; }
html.desk-2026 .d26-lev-top { display: flex !important; align-items: flex-start; justify-content: space-between; gap: 12px; padding-top: 2px; }
html.desk-2026 .d26-lev-top > table.form { flex: 0 1 auto; width: auto !important; }
html.desk-2026 .d26-lev-ins { flex: 0 1 auto; max-width: 280px; height: 44px; background: var(--d26-surface-2); padding: 0 10px 0 6px; }
html.desk-2026 .d26-lev-ins:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-lev-ins .d26-lev-name {
  float: none !important; display: inline !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;
  background: none !important; color: inherit !important; font: inherit !important; height: auto !important; line-height: inherit !important; text-transform: none;
}
html.desk-2026 .d26-lev-foot {
  position: static !important; display: flex !important; align-items: flex-start; gap: 16px; flex: none; height: auto !important;
  padding: 8px 12px 6px; margin: 0 -8px -10px; box-sizing: border-box; width: auto !important;
}
html.desk-2026 .d26-lev-risk { flex: 1 1 auto; min-width: 0; }
html.desk-2026 .d26-lev-risk > span { display: block !important; border: 0 !important; padding: 0 !important; margin: 0 0 2px !important; }
html.desk-2026 .d26-lev-ad { flex: none; width: 96px; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }
html.desk-2026 .d26-lev-ad img { width: 88px; height: auto; border-radius: var(--d26-r1); background: var(--d26-logo-plate); }
html.desk-2026 .container.d26-levwin .foot > .derivate_disclaimer_bottom { display: none !important; }
html.desk-2026 .d26-lev-risk > br { display: none; }
/* Stocks in Action / Tops & Flops header like the other lists (the body row rule won over thead td) */
html.desk-2026 .d26-ibox .body table thead tr td {
  height: 32px; padding: 0 10px; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase;
  color: var(--d26-ink-3); background: transparent !important; border: 0; box-shadow: none; vertical-align: middle;
}
html.desk-2026 .d26-ibox .body table thead tr td:hover { color: var(--d26-ink); }

/* News Terminal: stock button instead of the search field (desk2026_lists.js tf_buildStockButton) */
html.desk-2026 .d26-news div.topbar .d26-news-ins { flex: 0 1 260px; min-width: 150px; max-width: 280px; height: 38px; background: var(--d26-surface-2); padding: 0 6px 0 4px; }
html.desk-2026 .d26-news div.topbar .d26-news-ins:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-news-ins .d26-ins-tile { width: 28px; height: 28px; }
html.desk-2026 .d26-news-ins .d26-ins-tile.d26-tile-all { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-news-ins .d26-ins-tile .d26-ico { width: 16px; height: 16px; }
html.desk-2026 .d26-news-ins .d26-ins-txt { flex: 1 1 auto; }
html.desk-2026 .d26-news-ins-x { flex: none; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: var(--d26-ink-3); margin-left: auto; }
html.desk-2026 .d26-news-ins-x:hover { background: var(--d26-surface); color: var(--d26-ink); }
html.desk-2026 .slide-aside .slide:empty { min-height: 0 !important; height: auto !important; }

/* table "Spalten hinzufügen" (table_4.js headrow cell 'last'): small round button, always at the right edge */
html.desk-2026 tr.headrow td.fa-plus {
  position: sticky; right: 0; z-index: 3; width: 30px !important; min-width: 30px; max-width: 30px; padding: 0 !important;
  text-align: center; vertical-align: middle; color: var(--d26-ink-3) !important; background: var(--d26-surface) !important; cursor: pointer;
}
:root.desk-2026 tr.headrow td.fa-plus::before {
  width: 16px; height: 16px; margin: 0 !important; padding: 6px; box-sizing: content-box; border-radius: 50%; vertical-align: middle;
  background-clip: content-box;
}
html.desk-2026 tr.headrow td.fa-plus:hover { color: var(--d26-accent) !important; }
html.desk-2026 tr.headrow td.fa-plus:hover::before { box-shadow: 0 0 0 0 transparent; }
html.desk-2026 tr.headrow td.fa-plus::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; z-index: -1;
}
html.desk-2026 tr.headrow td.fa-plus:hover::after { background: var(--d26-accent-soft); }

/* dropdown lists (tf_DropDownFox) like the context menu: full-width rows, soft hover, active with tick, checkboxes visible */
html.desk-2026 .dropdown_options, html.desk-2026 .dropdown_options_up, html.desk-2026 .dropdown_options_right { padding: 6px !important; min-width: 200px; box-sizing: border-box; }
html.desk-2026 .dropdown_options > div > div[style*="display: flex"],
html.desk-2026 .dropdown_options_up > div > div[style*="display: flex"] { gap: 4px; }
html.desk-2026 .dropdown_options .filterable, html.desk-2026 .dropdown_options_up .filterable, html.desk-2026 .dropdown_options_right .filterable {
  display: flex !important; align-items: center; gap: 6px; min-width: 0; border-radius: var(--d26-r2); padding-right: 6px; box-sizing: border-box;
}
html.desk-2026 .dropdown_options .filterable:hover, html.desk-2026 .dropdown_options_up .filterable:hover, html.desk-2026 .dropdown_options_right .filterable:hover { background: var(--d26-surface-2); }
html.desk-2026 .dark-theme .dropdown_options .filterable:hover { background: var(--d26-surface-3); }
html.desk-2026 .dropdown_options .filterable > a, html.desk-2026 .dropdown_options_up .filterable > a, html.desk-2026 .dropdown_options_right .filterable > a {
  position: relative; flex: 1 1 auto; float: none !important; max-width: none !important; min-width: 0 !important; min-height: 34px; line-height: 34px !important;
  padding: 0 28px 0 10px !important; border-radius: var(--d26-r2); background: transparent !important; overflow: hidden; text-overflow: ellipsis;
  font: 500 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink) !important;
}
html.desk-2026 .dropdown_options .filterable > a.active-item, html.desk-2026 .dropdown_options_up .filterable > a.active-item, html.desk-2026 .dropdown_options_right .filterable > a.active-item {
  background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; font-weight: 650 !important;
}
html.desk-2026 .dropdown_options .filterable > a.active-item::after, html.desk-2026 .dropdown_options_up .filterable > a.active-item::after, html.desk-2026 .dropdown_options_right .filterable > a.active-item::after {
  content: ""; position: absolute; right: 12px; top: 50%; width: 5px; height: 9px; margin-top: -6px; border: solid var(--d26-accent); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
html.desk-2026 .dropdown_options .filterable > input[type="checkbox"], html.desk-2026 .dropdown_options_up .filterable > input[type="checkbox"] {
  float: none !important; flex: none; width: 16px; height: 16px; margin: 0 !important; accent-color: var(--d26-accent); cursor: pointer; display: inline-block !important; opacity: 1 !important;
}
html.desk-2026 .dropdown_options .filterable > input[type="checkbox"] ~ a, html.desk-2026 .dropdown_options .filterable > a:has(~ input[type="checkbox"]) { padding-right: 10px !important; }
html.desk-2026 .dropdown_options .filterable > i.fa-info-circle { float: none !important; margin: 0 0 0 6px !important; color: var(--d26-ink-3); }
html.desk-2026 .dropdown_options .filterable > a + a { flex: none; padding: 0 6px !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .dropdown_options > input.search, html.desk-2026 .dropdown_options input.search { height: 32px !important; margin: 0 0 6px !important; width: 100% !important; box-sizing: border-box; font: var(--d26-fs) var(--main-font-family); }
html.desk-2026 .dropdown_options .filterable > a, html.desk-2026 .dropdown_options_up .filterable > a, html.desk-2026 .dropdown_options_right .filterable > a { display: flex !important; align-items: center; white-space: nowrap; }

/* ---- popups (.big-content) as dialogs like the settings (desk2026_frame.js tf_watchPopups) ---- */
html.desk-2026 .popup-overlay { background: var(--d26-scrim) !important; opacity: 1 !important; }
html.desk-2026 .big-content.d26-dlgwin {
  position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); padding: 0 !important;
  border-radius: var(--d26-r3); background: var(--d26-pop) !important; box-shadow: var(--d26-shadow) !important; overflow: hidden; z-index: 99970;
}
html.desk-2026 .big-content.d26-dlgnav { box-shadow: var(--d26-shadow), 0 0 0 100vmax var(--d26-scrim) !important; }
html.desk-2026 .big-content.d26-dlgwin > .window {
  max-width: calc(100vw - 64px); background: var(--d26-pop) !important; border-radius: 0; color: var(--d26-ink);
  font: var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .big-content.d26-dlgnav > .window {
  width: min(1060px, calc(100vw - 64px)) !important; display: grid; grid-template-columns: 240px minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) auto;
}
html.desk-2026 .big-content.d26-dlgwin .window .headerbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 52px; padding: 8px 12px 8px 24px !important; box-sizing: border-box;
  background: transparent !important; grid-column: 1 / -1; border-bottom: 1px solid var(--d26-line);
}
html.desk-2026 .big-content.d26-dlgwin .window .headerbar > * { float: none !important; margin: 0 !important; }
html.desk-2026 .big-content.d26-dlgwin .window .headerbar .title,
html.desk-2026 .big-content.d26-dlgwin .window .headerbar h2 { order: -2; flex: 1 1 auto; padding: 0 !important; font: 700 var(--d26-fs-m)/20px var(--main-font-family) !important; color: var(--d26-ink); text-decoration: none !important; text-align: left !important; }
html.desk-2026 .big-content.d26-dlgwin .window .close {
  order: 99; position: relative; width: 32px; height: 32px; border-radius: var(--d26-r1); background: none !important; text-indent: 0; font-size: 0; color: var(--d26-ink-3); flex: none;
}
html.desk-2026 .big-content.d26-dlgwin .window .close:hover { background: var(--d26-surface-2) !important; color: var(--d26-ink); opacity: 1; }
/* toolbar buttons in the header (News Terminal configs: Speichern als / Update / Löschen) */
html.desk-2026 .big-content.d26-dlgwin .headerbar > select { height: 34px !important; min-width: 160px; padding: 0 10px; border: 0; border-radius: var(--d26-r2); background: var(--d26-surface-2); color: var(--d26-ink); font: 500 var(--d26-fs) var(--main-font-family); }
html.desk-2026 .big-content.d26-dlgwin .headerbar > div[style*="cursor:pointer"] {
  height: 34px; line-height: 34px; padding: 0 14px !important; border-radius: var(--d26-pill) !important; font: 650 var(--d26-fs-s)/34px var(--main-font-family) !important;
  background: var(--d26-surface-2) !important; color: var(--d26-ink) !important;
}
html.desk-2026 .big-content.d26-dlgwin .headerbar > div[style*="rgba(0,128,0"] { background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; }
html.desk-2026 .big-content.d26-dlgwin .headerbar > div[style*="background:red"] { background: color-mix(in srgb, var(--d26-down) 13%, transparent) !important; color: var(--d26-down) !important; }
html.desk-2026 .big-content.d26-dlgwin .headerbar > div[style*="cursor:pointer"]:hover { filter: brightness(.97); }
/* left navigation */
html.desk-2026 .big-content.d26-dlgnav .d26-dlg-nav { grid-column: 1; grid-row: 2 / 4; margin: 0 !important; padding: 12px; box-shadow: none; background: transparent; }
html.desk-2026 .big-content.d26-dlgnav .d26-dlg-nav ul.filter-list,
html.desk-2026 .big-content.d26-dlgnav ul.filter-list.d26-dlg-nav {
  display: flex; flex-direction: column; gap: 4px; height: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important;
}
html.desk-2026 .big-content.d26-dlgnav ul.filter-list li {
  display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; height: auto; line-height: normal; float: none;
}
html.desk-2026 .big-content.d26-dlgnav ul.filter-list li a {
  display: flex !important; align-items: center; height: 40px; padding: 0 14px !important; border-radius: var(--d26-r2); cursor: pointer;
  font: 600 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink-2) !important; text-decoration: none !important;
}
html.desk-2026 .big-content.d26-dlgnav ul.filter-list li a:hover { background: var(--d26-surface-2); color: var(--d26-ink) !important; }
html.desk-2026 .big-content.d26-dlgnav ul.filter-list li.active a,
html.desk-2026 .big-content.d26-dlgnav ul.filter-list li.popup-active-tab a { background: var(--d26-accent-soft); color: var(--d26-accent) !important; }
/* content */
html.desk-2026 .big-content.d26-dlgnav .window > .head {
  grid-column: 2; grid-row: 2; padding: 18px 28px 6px 16px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; color: var(--d26-ink-3);
}
html.desk-2026 .big-content.d26-dlgnav .window > .head:empty { display: none; }
html.desk-2026 .big-content.d26-dlgnav .window > .tab-content {
  grid-column: 2; grid-row: 3; height: min(640px, calc(100vh - 200px)) !important; padding: 8px 28px 20px 16px; box-sizing: border-box;
  background: transparent !important; color: var(--d26-ink) !important; margin: 0 !important;
}
html.desk-2026 .big-content.d26-dlgwin .window > .tab-content { background: transparent !important; color: var(--d26-ink) !important; }
html.desk-2026 .big-content.d26-dlgwin .window > .bottom { grid-column: 1 / -1; background: transparent !important; }
html.desk-2026 .big-content.d26-dlgwin .window > .bottom:not(:empty) { padding: 8px 12px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .big-content.d26-dlgwin .window > .bottom a { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: var(--d26-ink-2); }
html.desk-2026 .big-content.d26-dlgwin .window > .bottom a:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
/* News Terminal configuration content (dpa-tool.js .dpa-form) */
html.desk-2026 .big-content.d26-dlgwin form.dpa-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html.desk-2026 .big-content.d26-dlgwin form.dpa-form > .dpa-filter-all,
html.desk-2026 .big-content.d26-dlgwin form.dpa-form > .dpa-filter-none,
html.desk-2026 .big-content.d26-dlgwin form.dpa-form > input.dpa-apply-filter {
  float: none !important; order: 0; height: 34px; line-height: 34px; padding: 0 14px !important; margin: 0 !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 650 var(--d26-fs-s)/34px var(--main-font-family) !important; cursor: pointer;
}
html.desk-2026 .big-content.d26-dlgwin form.dpa-form > input.dpa-apply-filter { order: 1; margin-left: auto !important; background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; }
html.desk-2026 .big-content.d26-dlgwin form.dpa-form > fieldset { order: 2; flex: 1 1 100%; margin: 14px 0 0 !important; padding: 0 !important; border: 0 !important; }
html.desk-2026 .big-content.d26-dlgwin form.dpa-form legend {
  display: block !important; padding: 0 0 6px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .big-content.d26-dlgwin form.dpa-form fieldset > div { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 24px; padding: 0 !important; }
html.desk-2026 .big-content.d26-dlgwin .dpa-cat {
  display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; min-height: 34px; padding: 0 8px; margin: 0 !important; border-radius: var(--d26-r2);
}
html.desk-2026 .big-content.d26-dlgwin .dpa-cat:hover { background: var(--d26-surface-2); }
html.desk-2026 .big-content.d26-dlgwin .dpa-cat input[type="checkbox"] { flex: none; width: 16px; height: 16px; margin: 0 !important; accent-color: var(--d26-accent); }
html.desk-2026 .big-content.d26-dlgwin .dpa-cat label { float: none !important; width: auto !important; font: 500 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink) !important; overflow-wrap: anywhere; word-break: normal; }

/* stock fields in the tools as stock button (desk2026_frame.js tf_desk2026Picker.tf_decorate) */
html.desk-2026 input.d26-sf { display: none !important; }
html.desk-2026 .d26-sfbtn {
  display: inline-flex !important; vertical-align: middle; float: none; height: 36px; max-width: 230px; min-width: 150px; margin: 2px 6px 2px 0;
  padding: 0 8px 0 4px; background: var(--d26-surface-2); flex: 0 1 auto;
}
html.desk-2026 .d26-sfbtn:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-sfbtn .d26-ins-tile { width: 28px; height: 28px; }
html.desk-2026 .d26-sfbtn .d26-ins-tile.d26-tile-all { background: var(--d26-surface); color: var(--d26-ink-3); }
html.desk-2026 .d26-sfbtn .d26-ins-tile .d26-ico { width: 16px; height: 16px; }
html.desk-2026 .d26-sfbtn .d26-ins-txt { flex: 1 1 auto; }
html.desk-2026 .d26-sfbtn > .d26-ico { width: 14px; height: 14px; color: var(--d26-ink-3); flex: none; }
html.desk-2026 .d26-sfbtn ~ .fa-search, html.desk-2026 .d26-sfbtn ~ i.fa-search { display: none !important; }
html.desk-2026 :is(:has(> .d26-sfbtn), :has(> * > .d26-sfbtn)):not(.container):not(.body):not(.inner):not(.head) { height: auto !important; min-height: 40px; overflow: visible !important; }
html.desk-2026 :has(> .d26-sfbtn) > :is(.fa-search, .search-icon-decoration, i[class*="fa-search"]) { display: none !important; }
html.desk-2026 :has(> .d26-sfbtn) { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

/* ---- loading screen (index.html #overlay, desk2026_frame.js): ad as card, new logo, six dots for the boot steps ---- */
html.desk-2026 #overlay { background: var(--d26-bg) !important; }
html.desk-2026 #overlayBox.d26-loader {
  left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); width: min(720px, calc(100vw - 48px)) !important; height: auto !important;
  margin: 0 !important; display: flex; flex-direction: column; align-items: center; gap: 36px; background: transparent !important; border-radius: 0;
}
html.desk-2026 #overlayBox.d26-loader > div:not(#overlay-ads) { margin: 0 !important; display: flex; flex-direction: column; align-items: center; gap: 18px; width: 100%; }
html.desk-2026 #overlayBox.d26-loader #overlay-ads {
  width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border-radius: 16px; overflow: hidden;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 6%, transparent), 0 18px 48px -12px color-mix(in srgb, var(--d26-shade) 22%, transparent);
}
html.desk-2026 #overlayBox.d26-loader #overlay-ads img { display: block; width: 100%; height: auto; }
html.desk-2026 #overlayBox.d26-loader .overlaylogo:not(#overlay-ads) { width: auto !important; margin: 0 !important; color: var(--d26-logo-ink); }
html.desk-2026 #overlayBox.d26-loader .overlaylogo:not(#overlay-ads) img { display: none; }
html.desk-2026 .d26-loader-logo { display: block; width: 190px; height: 29px; }
html.desk-2026 #overlayBox.d26-loader .overlayloading { display: none; }
html.desk-2026 .d26-dots { display: flex; gap: 12px; }
html.desk-2026 .d26-dots i { width: 12px; height: 12px; border-radius: 50%; background: var(--d26-accent-soft); transition: background .3s, transform .3s; }
html.desk-2026 .d26-dots i.on { background: var(--d26-accent); }
html.desk-2026 .d26-dots i.next { background: var(--d26-accent); animation: d26-dot 0.9s ease-in-out infinite alternate; }
@keyframes d26-dot { from { opacity: .25; transform: scale(.8); } to { opacity: 1; transform: scale(1.15); } }
html.desk-2026 #overlayBox.d26-loader #overlayText { margin: 0 !important; font: 600 var(--d26-fs-s) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); min-height: 16px; }

/* table "Spalten hinzufügen": as small as the header labels */
:root.desk-2026 tr.headrow td.fa-plus::before { width: 12px !important; height: 12px !important; padding: 4px; }
html.desk-2026 tr.headrow td.fa-plus::after { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
html.desk-2026 tr.headrow td.fa-plus { width: 24px !important; min-width: 24px; max-width: 24px; }
html.desk-2026 tr.headrow td.fa-plus { vertical-align: bottom !important; padding-bottom: 2px !important; }
:root.desk-2026 tr.headrow td.fa-plus::before { vertical-align: bottom; }
html.desk-2026 tr.headrow td.fa-plus::after { top: auto; bottom: 0; margin: 0 0 0 -10px; }
html.desk-2026 tr.headrow td.fa-plus { height: 32px !important; box-sizing: border-box; vertical-align: middle !important; padding: 4px 0 0 !important; }
:root.desk-2026 tr.headrow td.fa-plus::before { vertical-align: middle; }
html.desk-2026 tr.headrow td.fa-plus::after { top: 50%; bottom: auto; margin: -8px 0 0 -10px; }
html.desk-2026 tr.headrow td.fa-plus { padding-top: 10px !important; }
/* loading screen on the brand dark blue (Carlos): white logo, bigger dots */
html.desk-2026 #overlay { background: radial-gradient(120% 90% at 50% 40%, var(--d26-splash-1) 0%, var(--d26-splash-2) 55%, var(--d26-splash-3) 100%) !important; --d26-logo-ink: var(--d26-splash-ink); }
html.desk-2026 #overlayBox.d26-loader { gap: 44px; }
html.desk-2026 #overlayBox.d26-loader > div:not(#overlay-ads) { gap: 26px; }
html.desk-2026 #overlayBox.d26-loader #overlay-ads { box-shadow: 0 0 0 1px color-mix(in srgb, var(--d26-splash-ink) 8%, transparent), 0 24px 64px -16px color-mix(in srgb, var(--d26-shade-deep) 55%, transparent); }
html.desk-2026 #overlayBox.d26-loader .overlaylogo:not(#overlay-ads) { color: var(--d26-splash-ink); }
html.desk-2026 .d26-loader-logo { width: 230px; height: 35px; }
html.desk-2026 .d26-dots { gap: 18px; }
html.desk-2026 .d26-dots i { width: 20px; height: 20px; background: color-mix(in srgb, var(--d26-splash-ink) 16%, transparent); }
html.desk-2026 .d26-dots i.on { background: var(--d26-splash-ink); }
html.desk-2026 .d26-dots i.next { background: var(--d26-splash-accent); box-shadow: 0 0 0 6px color-mix(in srgb, var(--d26-splash-accent) 25%, transparent); }
html.desk-2026 #overlayBox.d26-loader #overlayText { color: color-mix(in srgb, var(--d26-splash-ink) 62%, transparent); }

/* ---- Kurslisten dialog (desk2026_frame.js tf_desk2026Lists): #list_menu_2 sections as left navigation ---- */
html.desk-2026 .d26-lists-scrim { z-index: 99980; }
html.desk-2026 .d26-dlg.d26-lists { z-index: 99981; width: min(1000px, calc(100vw - 64px)); height: min(660px, calc(100vh - 96px)); max-height: none; padding: 0; }
html.desk-2026 .d26-lists .d26-dlg-h { padding: 10px 12px 10px 24px; border-bottom: 1px solid var(--d26-line); gap: 16px; }
html.desk-2026 .d26-lists .d26-dlg-h h2 { flex: none; }
html.desk-2026 .d26-lists .d26-lists-s { flex: 1 1 auto; max-width: 420px; margin: 0 0 0 auto; height: 38px; }
html.desk-2026 .d26-lists-body { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 240px minmax(0, 1fr); }
html.desk-2026 .d26-lists-nav { display: flex; flex-direction: column; gap: 4px; padding: 12px; overflow-y: auto; }
html.desk-2026 .d26-lists-nav button {
  display: flex; align-items: center; height: 40px; padding: 0 14px; border: 0; border-radius: var(--d26-r2); background: transparent; text-align: left; cursor: pointer;
  font: 600 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink-2);
}
html.desk-2026 .d26-lists-nav button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-lists-nav button.d26-sel { background: var(--d26-accent-soft); color: var(--d26-accent); }
/* actions below the groups (desk2026_frame.js tf_desk2026ListsDialog): real buttons, not list entries */
html.desk-2026 .d26-lists-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; padding-top: 16px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .d26-lists-nav button.d26-lists-act {
  justify-content: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: var(--d26-pill); font: 650 var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .d26-lists-nav button.d26-lists-act .d26-ico { width: 16px; height: 16px; flex: none; }
html.desk-2026 .d26-lists-nav button.d26-lists-act-new { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-lists-nav button.d26-lists-act-new:hover { background: var(--d26-accent-hover); color: var(--d26-on-accent); }
html.desk-2026 .d26-lists-nav button.d26-lists-act-exp { background: transparent; color: var(--d26-ink); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--d26-ink-3) 45%, transparent); }
html.desk-2026 .d26-lists-nav button.d26-lists-act-exp:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-lists-main { overflow-y: auto; padding: 12px 24px 20px 12px; }
html.desk-2026 .d26-lists-menu { display: block !important; position: static !important; width: auto !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
html.desk-2026 .d26-lists-menu > .section-box { display: none; float: none !important; width: auto !important; margin: 0 0 16px !important; padding: 0 !important; }
html.desk-2026 .d26-lists-menu > .section-box.d26-on { display: block; }
html.desk-2026 .d26-lists-menu > .section-box > h2 {
  margin: 6px 0 10px !important; padding: 0 !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .d26-lists:not(.d26-lists-searching) .d26-lists-menu > .section-box > h2 { display: none; }
html.desk-2026 .d26-lists-menu ul { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px; margin: 0 !important; padding: 0 !important; list-style: none; position: static !important; box-shadow: none !important; background: transparent !important; width: auto !important; }
html.desk-2026 .d26-lists-menu li { position: relative; display: block !important; float: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; clear: none !important; }
html.desk-2026 .d26-lists-menu li.d26-lists-moved, html.desk-2026 .d26-lists-menu li.d26-lists-miss { display: none !important; }
html.desk-2026 .d26-lists-menu li > a {
  display: flex !important; align-items: center; gap: 10px; min-height: 44px; padding: 0 36px 0 14px !important; border-radius: var(--d26-r2); background: var(--d26-surface-2) !important;
  font: 600 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink) !important; cursor: pointer; text-decoration: none; float: none !important; width: auto !important; line-height: 1.3 !important;
}
html.desk-2026 .d26-lists-menu li > a:hover { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .d26-lists-menu li > a > div, html.desk-2026 .d26-lists-menu li > a span { float: none !important; margin: 0 !important; position: static !important; }
html.desk-2026 .d26-lists-menu li > a img { display: none; }
html.desk-2026 .d26-lists-menu li > .fa-trash {
  position: absolute !important; right: 8px; top: 50%; margin: -12px 0 0 !important; width: 24px !important; height: 24px; display: grid !important; place-items: center;
  border-radius: 50%; color: var(--d26-ink-3) !important; float: none !important; opacity: 0; transition: opacity .12s;
}
html.desk-2026 .d26-lists-menu li:hover > .fa-trash { opacity: 1; }
html.desk-2026 .d26-lists-menu li > .fa-trash:hover { background: var(--d26-down-soft); color: var(--d26-down) !important; }
html.desk-2026 .d26-lists-menu li:has(> #list-filter-input) { grid-column: 1 / -1; }
html.desk-2026 .d26-lists-menu #list-filter-input { width: 100% !important; height: 38px !important; margin: 0 0 6px !important; padding: 0 14px !important; border-radius: var(--d26-r2) !important; background: var(--d26-surface-2); color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family); box-sizing: border-box; }

/* ---- saved charts (desk2026_frame.js tf_desk2026SavedCharts): tabs on top, stocks/days left, charts right ---- */
html.desk-2026 .big-content.d26-sc { box-shadow: var(--d26-shadow), 0 0 0 100vmax var(--d26-scrim) !important; }
html.desk-2026 .big-content.d26-sc > .window {
  width: min(1060px, calc(100vw - 64px)) !important; display: grid; grid-template-columns: 260px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto;
}
html.desk-2026 .big-content.d26-sc .headerbar { grid-column: 1 / -1; }
html.desk-2026 .big-content.d26-sc .headerbar .title { flex: 0 0 auto !important; margin-right: 16px !important; }
html.desk-2026 .big-content.d26-sc .headerbar .windows-menu { order: -1; flex: 1 1 auto; margin: 0 !important; }
html.desk-2026 .big-content.d26-sc .headerbar ul.filter-list {
  display: inline-flex !important; gap: 2px; height: auto !important; padding: 3px !important; margin: 0 !important; border-radius: var(--d26-pill); background: var(--d26-surface-2) !important;
}
html.desk-2026 .big-content.d26-sc .headerbar ul.filter-list li {
  display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; height: auto !important; line-height: normal !important; float: none;
}
html.desk-2026 .big-content.d26-sc .headerbar ul.filter-list li a {
  display: block; height: 30px; line-height: 30px; padding: 0 16px; border-radius: var(--d26-pill); cursor: pointer;
  font: 600 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink-2) !important; text-decoration: none !important;
}
html.desk-2026 .big-content.d26-sc .headerbar ul.filter-list li.active a { background: var(--d26-pop); color: var(--d26-ink) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .d26-sc-nav { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; gap: 2px; padding: 12px; overflow-y: auto; min-height: 0; border-right: 1px solid var(--d26-line); }
html.desk-2026 .d26-sc-nav button {
  display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 10px 0 14px; border: 0; border-radius: var(--d26-r2); background: transparent; cursor: pointer; text-align: left;
  font: 600 var(--d26-fs) var(--main-font-family); color: var(--d26-ink-2);
}
html.desk-2026 .d26-sc-nav button span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .d26-sc-nav button small { flex: none; min-width: 22px; height: 20px; padding: 0 6px; border-radius: var(--d26-pill); background: var(--d26-surface-2); color: var(--d26-ink-3); font: 700 var(--d26-fs-cap)/20px var(--main-font-family); text-align: center; box-sizing: border-box; }
html.desk-2026 .d26-sc-nav button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-sc-nav button.active { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-sc-nav button.active small { background: var(--d26-pop); color: var(--d26-accent); }
html.desk-2026 .d26-sc-empty { margin: 8px 14px; color: var(--d26-ink-3); }
html.desk-2026 .big-content.d26-sc .window > .tab-content {
  grid-column: 2; grid-row: 2; height: min(620px, calc(100vh - 200px)) !important; margin: 0 !important; padding: 12px 24px 20px 20px; box-sizing: border-box; overflow-y: auto;
}
html.desk-2026 .big-content.d26-sc .window > .bottom { grid-column: 1 / -1; }
html.desk-2026 .big-content.d26-sc [data-action^="element-charts-list"] { float: none !important; margin: 0 !important; }
html.desk-2026 .big-content.d26-sc [data-action="element-charts-list"] > .topbar { height: auto !important; margin: 0 0 10px; padding: 0 !important; background: transparent !important; border: 0 !important; }
html.desk-2026 .big-content.d26-sc [data-action="element-charts-list"] > .topbar a { float: none !important; margin: 0 !important; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .big-content.d26-sc table { width: 100% !important; border-collapse: collapse; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] {
  display: flex !important; align-items: center; gap: 16px; float: none !important; width: auto !important; margin: 0 0 8px !important; padding: 10px !important;
  border-radius: var(--d26-r2); background: var(--d26-surface-2); box-sizing: border-box; cursor: pointer;
}
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"][style*="display: none"] { display: none !important; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"]:hover { background: var(--d26-accent-soft); }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td { float: none !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td:first-child { flex: none; width: 132px !important; height: 80px; border-radius: var(--d26-r1); overflow: hidden; background: var(--d26-surface-3) !important; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td:first-child img { display: block; width: 100%; height: 100%; object-fit: cover; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.open_link_name { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; line-height: 1.35 !important; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.open_link_name > * { float: none !important; clear: none !important; margin: 0 !important; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.open_link_name > span:first-child { flex: 1 1 100%; font: 600 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.open_link_name > span:not(:first-child) { color: var(--d26-ink-3); font-size: var(--d26-fs-s); }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.open_link_name > div { flex: 1 1 100%; color: var(--d26-ink-2); font-size: var(--d26-fs-s); }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.open_link_name > div:empty { display: none; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.fa-edit { order: 3; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.fa-trash { order: 4; }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.fa-edit, html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.fa-trash {
  flex: none; width: 34px !important; height: 34px; display: grid !important; place-items: center; border-radius: 50%; color: var(--d26-ink-3);
}
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.fa-edit:hover { background: var(--d26-pop) !important; color: var(--d26-ink); }
html.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.fa-trash:hover { background: var(--d26-down-soft) !important; color: var(--d26-down); }
:root.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.fa-edit::before, :root.desk-2026 .big-content.d26-sc tr[id^="chartid-"] > td.fa-trash::before { margin: 0 !important; }

/* ---- column picker (contextmenu_description.js) as a dialog: search on top, categories left, fields right ---- */
html.desk-2026 .context_menu_wrapper:has(> ul.contextmenu_descr) {
  position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); z-index: 99990 !important;
  width: min(900px, calc(100vw - 64px)) !important; height: min(640px, calc(100vh - 96px)) !important; box-sizing: border-box; padding: 0 !important;
  display: grid !important; grid-template-columns: 260px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
  border-radius: var(--d26-r3); background: var(--d26-pop) !important; box-shadow: var(--d26-shadow), 0 0 0 100vmax var(--d26-scrim) !important; overflow: hidden;
}
html.desk-2026 .context_menu_wrapper:has(> ul.contextmenu_descr) > input {
  grid-column: 1 / -1; width: auto !important; height: 46px !important; margin: 14px 16px 10px !important; padding: 0 16px 0 44px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-surface-2) var(--d26-search-icon) no-repeat 16px center / 18px !important;
  font: var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; box-shadow: none !important; float: none !important;
}
html.desk-2026 .context_menu_wrapper:has(> ul.contextmenu_descr) > input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--d26-accent) !important; }
html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr {
  grid-column: 1; grid-row: 2; width: auto !important; height: auto !important; min-height: 0; overflow-y: auto; margin: 0 !important; padding: 4px 12px 12px !important;
  border: 0 !important; border-right: 1px solid var(--d26-line) !important; box-shadow: none !important; background: transparent !important; position: static !important; float: none !important;
}
html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr li {
  min-height: 38px; line-height: 38px !important; padding: 0 14px !important; margin: 0 0 2px !important; border: 0 !important; border-radius: var(--d26-r2);
  font: 600 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink-2); background: transparent !important; cursor: pointer;
}
html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr li:hover { background: var(--d26-surface-2) !important; color: var(--d26-ink); }
html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr li.title, html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr li[class*="head"] {
  min-height: 0; line-height: 1 !important; margin: 14px 0 6px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); cursor: default;
}
html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr_list,
html.desk-2026 .context_menu_wrapper > .contextmenu_descr_text {
  grid-column: 2; grid-row: 2; width: auto !important; height: auto !important; min-height: 0; overflow-y: auto; margin: 0 !important; padding: 4px 16px 16px !important;
  border: 0 !important; box-shadow: none !important; background: transparent !important; position: static !important; float: none !important;
}
html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr_list li {
  min-height: 38px; line-height: 38px !important; padding: 0 14px !important; margin: 0 0 2px !important; border: 0 !important; border-radius: var(--d26-r2);
  font: 500 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink); background: transparent !important; cursor: pointer;
}
html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr_list li:hover { background: var(--d26-accent-soft) !important; color: var(--d26-accent); }
html.desk-2026 .big-content.d26-sc .headerbar ul.filter-list li a { display: flex !important; align-items: center; line-height: 1 !important; }
:root.desk-2026 body .context_menu_wrapper:has(> ul.contextmenu_descr) { box-shadow: var(--d26-shadow), 0 0 0 100vmax var(--d26-scrim) !important; }

/* desk background: new finanzen.net logo as quiet watermark (was img/logo.png on #wrapper) */
html.desk-2026 #wrapper { background: var(--d26-bg) url(/img/desk2026/watermark-light.svg) no-repeat 50% 55% / min(46vw, 760px) auto !important; }
html.desk-2026 body.dark-theme #wrapper, html.desk-2026 .dark-theme #wrapper { background-image: url(/img/desk2026/watermark-dark.svg) !important; }

/* ---- customer area like the preview (desk2026_frame.js tf_desk2026Account) ---- */
html.desk-2026 .d26-avatar { display: none; }
html.d26-frame .d26-right .login-holder.d26-has-avatar { width: 36px; padding: 0; justify-content: center; background: transparent; }
html.d26-frame .d26-right .login-holder.d26-has-avatar > :not(.d26-avatar) { display: none !important; }
html.desk-2026 .login-holder.d26-has-avatar .d26-avatar,
html.desk-2026 .d26-acct .d26-avatar {
  display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--d26-accent); color: var(--d26-on-accent);
  font: 700 var(--d26-fs-s) var(--main-font-family); letter-spacing: .02em; flex: none;
}
html.desk-2026 .login-holder.d26-has-avatar:hover .d26-avatar { box-shadow: 0 0 0 3px var(--d26-accent-soft); }
html.desk-2026 .d26-acct .d26-avatar-l { width: 44px; height: 44px; font-size: var(--d26-fs); }
html.desk-2026 .d26-acct {
  position: fixed; z-index: 99960; width: 300px; padding: 6px; box-sizing: border-box; border-radius: var(--d26-r3);
  background: var(--d26-pop); box-shadow: var(--d26-shadow); color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family); animation: d26-pop .12s ease-out;
}
html.desk-2026 .d26-acct-head { display: flex; align-items: center; gap: 12px; padding: 10px 10px 8px; }
html.desk-2026 .d26-acct-head b { display: block; font: 700 var(--d26-fs-m)/1.25 var(--main-font-family); }
html.desk-2026 .d26-acct-cap { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); margin-bottom: 2px; }
html.desk-2026 .d26-acct-mail { font-size: var(--d26-fs-s); color: var(--d26-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 210px; }
html.desk-2026 .d26-acct-sep { height: 1px; margin: 4px 6px; background: var(--d26-line); }
html.desk-2026 .d26-acct form { margin: 0; }
html.desk-2026 .d26-acct button {
  display: flex; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 10px; border: 0; border-radius: var(--d26-r2); background: transparent; cursor: pointer;
  font: 500 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); text-align: left;
}
html.desk-2026 .d26-acct button:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-acct button .d26-ico { width: 18px; height: 18px; color: var(--d26-ink-3); }
html.desk-2026 .d26-acct .d26-acct-logout button, html.desk-2026 .d26-acct .d26-acct-logout button .d26-ico { color: var(--d26-down); }
html.desk-2026 .d26-acct .d26-acct-logout button:hover { background: var(--d26-down-soft); }
/* column picker header: title, search, close (contextmenu_description.js, 2026 design) */
html.desk-2026 .context_menu_wrapper.d26-colpick > .d26-colpick-h {
  grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; padding: 10px 12px 10px 24px; border-bottom: 1px solid var(--d26-line);
}
html.desk-2026 .context_menu_wrapper.d26-colpick > .d26-colpick-h b { flex: none; font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .context_menu_wrapper.d26-colpick > .d26-colpick-h input {
  flex: 1 1 auto; max-width: 420px; margin: 0 0 0 auto !important; height: 38px !important; width: auto !important; padding: 0 16px 0 42px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-surface-2) var(--d26-search-icon) no-repeat 14px center / 18px !important;
  font: var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink) !important; box-shadow: none !important; float: none !important;
}
html.desk-2026 .context_menu_wrapper.d26-colpick > .d26-colpick-h input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--d26-accent) !important; }
html.desk-2026 .d26-colpick-x { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: var(--d26-r1); background: transparent; color: var(--d26-ink-3); cursor: pointer; }
html.desk-2026 .d26-colpick-x:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-colpick-x .d26-ico { width: 18px; height: 18px; }
html.desk-2026 .context_menu_wrapper.d26-colpick > ul.contextmenu_descr { padding-top: 12px !important; }
html.desk-2026 .context_menu_wrapper.d26-colpick > ul.contextmenu_descr li.hovered { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .context_menu_wrapper.d26-colpick > ul.contextmenu_descr li.contextmenudescr_ul_title {
  min-height: 0; line-height: 1 !important; margin: 16px 0 8px !important; padding: 0 14px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; background: transparent !important; cursor: default;
}
html.desk-2026 .context_menu_wrapper.d26-colpick > ul.contextmenu_descr li.contextmenudescr_ul_title:first-child { margin-top: 4px !important; }
html.desk-2026 .context_menu_wrapper.d26-colpick > ul.contextmenu_descr_list { padding-top: 12px !important; }
html.desk-2026 .context_menu_wrapper.d26-colpick > ul.contextmenu_descr li:not(.contextmenudescr_ul_title),
html.desk-2026 .context_menu_wrapper.d26-colpick > ul.contextmenu_descr_list li { display: flex !important; align-items: center; line-height: 1.3 !important; }
html.desk-2026 .context_menu_wrapper.d26-colpick > ul.contextmenu_descr li.contextmenudescr_ul_title { margin-bottom: 10px !important; }

/* ==========================================================================
   Tools with the old tab bar (.tabs in a box): segmented control like the preview (.seg)
   ========================================================================== */
html.desk-2026 .container .body .tabs:not(.settings-nav) {
  display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 2px; width: auto !important; height: auto !important; min-height: 0;
  margin: 2px 0 10px !important; padding: 3px !important; border: 0 !important; border-radius: var(--d26-pill); background: var(--d26-surface-2) !important; box-shadow: none !important;
}
html.desk-2026 .container .body .tabs:not(.settings-nav) > a,
html.desk-2026 .container .body .tabs:not(.settings-nav) > a:first-child {
  float: none !important; display: inline-flex; align-items: center; height: 30px; line-height: 30px !important; margin: 0 !important; padding: 0 14px !important;
  border: 0 !important; border-radius: var(--d26-pill); background: transparent !important; box-shadow: none !important; cursor: pointer;
  font: 600 var(--d26-fs) var(--main-font-family) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--d26-ink-2) !important; white-space: nowrap;
}
html.desk-2026 .container .body .tabs:not(.settings-nav) > a:hover { color: var(--d26-ink) !important; }
html.desk-2026 .container .body .tabs:not(.settings-nav) > a.active { background: var(--d26-pop) !important; color: var(--d26-ink) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent) !important; }
html.desk-2026 .dark-theme .container .body .tabs:not(.settings-nav) > a.active { background: var(--d26-surface-3) !important; box-shadow: none !important; }

/* ---- Alerts manager (alert_configurator_global.js) ---- */
html.desk-2026 .notebox .tab_submenu { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
html.desk-2026 .notebox .tab_submenu .subheader-button { float: none !important; margin: 0 !important; }
html.desk-2026 .notebox .alert-section { margin: 0 0 12px; border-radius: var(--d26-r2); background: var(--d26-surface); box-shadow: inset 0 0 0 1px var(--d26-line); overflow: hidden; }
html.desk-2026 .notebox .alert-section > .header { display: flex; align-items: center; min-height: 40px; padding: 0 12px; background: var(--d26-surface-2) !important; border: 0 !important; }
html.desk-2026 .notebox .alert-section > .header:hover { background: var(--d26-accent-soft) !important; }
html.desk-2026 .notebox .alert-section > .header .title {
  display: flex; align-items: center; gap: 8px; float: none !important; margin: 0 !important; padding: 0 !important;
  font: 700 var(--d26-fs) var(--main-font-family) !important; text-transform: none !important; color: var(--d26-ink) !important;
}
html.desk-2026 .notebox .alert-section > .header .title img[data-value="open_widget"] {
  content: url(/img/desk2026/open-circle.svg); width: 16px; height: 16px; top: 0 !important; margin: 0 !important; padding: 4px; border-radius: var(--d26-r1); opacity: .8;
}
html.desk-2026 .notebox .alert-section > .header .title img[data-value="open_widget"]:hover { opacity: 1; background: var(--d26-pop); }
html.desk-2026 table.alert-configurator-section { width: 100%; margin: 0 !important; border-collapse: collapse; }
html.desk-2026 table.alert-configurator-section tr td {
  padding: 8px 12px !important; border: 0 !important; border-top: 1px solid var(--d26-line) !important; vertical-align: middle;
  font: 500 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink); line-height: 1.4; width: auto !important; float: none !important;
}
html.desk-2026 table.alert-configurator-section tr td:first-child { font-weight: 650 !important; color: var(--d26-ink-2); white-space: nowrap; }
html.desk-2026 table.alert-configurator-section tr:hover td { background: var(--d26-surface-2); }
html.desk-2026 table.alert-configurator-section tr td:last-child { text-align: right !important; white-space: nowrap; }
html.desk-2026 table.alert-configurator-section a.remove-alert,
html.desk-2026 table.alert-configurator-section a.edit-alert,
html.desk-2026 table.alert-configurator-section a.edit-comment,
html.desk-2026 table.alert-configurator-section a.cloud-share {
  float: none !important; display: inline-grid !important; place-items: center; width: 30px !important; height: 30px !important; margin: 0 0 0 2px !important; padding: 0 !important;
  border: 0 !important; border-radius: 50%; background: none !important; color: var(--d26-ink-3); cursor: pointer; vertical-align: middle; position: relative;
}
html.desk-2026 table.alert-configurator-section a.edit-comment { order: 1; }
html.desk-2026 table.alert-configurator-section a.edit-comment.has-comment { color: var(--d26-accent); }
html.desk-2026 table.alert-configurator-section a.edit-alert:hover,
html.desk-2026 table.alert-configurator-section a.edit-comment:hover { background: var(--d26-pop) !important; color: var(--d26-ink); }
html.desk-2026 table.alert-configurator-section a.remove-alert:hover { background: var(--d26-down-soft) !important; color: var(--d26-down); }
:root.desk-2026 table.alert-configurator-section a[class]::before { position: static !important; margin: 0 !important; width: 16px !important; height: 16px !important; pointer-events: none; }
html.desk-2026 .notebox table.ticker { width: 100%; }

/* ---- Trader Wingman (wingman.js): header, signal card, list filling the box ---- */
html.desk-2026 .container:has(.wingman-header) .body > .inner > div:has(> .wingman-header) {
  display: grid; grid-template-columns: 270px minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr); height: 100%; box-sizing: border-box;
}
html.desk-2026 .wingman-header {
  grid-column: 1 / -1; position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; height: auto !important; min-height: 44px;
  padding: 0 0 10px; border: 0 !important; background: none !important;
}
html.desk-2026 .wingman-header > * { position: static !important; float: none !important; margin: 0 !important; }
html.desk-2026 .wingman-header .wingman-logo { width: 32px !important; height: 32px !important; border-radius: var(--d26-r2); background-size: cover !important; flex: none; }
html.desk-2026 .wingman-header .wingman-title { order: 0; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; margin-right: 8px !important; }
html.desk-2026 .wingman-header select { width: auto !important; max-width: 200px; height: 32px !important; }
html.desk-2026 .wingman-header .wingmantab {
  order: 10; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px !important; border: 0 !important; border-radius: var(--d26-pill);
  background: var(--d26-surface-2) !important; color: var(--d26-ink-2); font: 600 var(--d26-fs) var(--main-font-family); line-height: 1 !important; cursor: pointer;
}
html.desk-2026 .wingman-header .wingmantab.all { order: 10; margin-left: auto !important; }
html.desk-2026 .wingman-header .wingmantab.signal { order: 11; }
html.desk-2026 .wingman-header .wingmantab.report { order: 12; }
html.desk-2026 .wingman-header .wingmantab.active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .wingman-header .wingmantab-counter {
  float: none !important; margin: 0 !important; min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: var(--d26-pill);
  background: var(--d26-pop); font: 700 var(--d26-fs-cap)/20px var(--main-font-family); text-align: center;
}
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont {
  float: none !important; width: auto !important; height: auto !important; margin: 0 0 10px !important; padding: 12px !important; box-sizing: border-box;
  background: var(--d26-surface-2); overflow: hidden;
}
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont:first-of-type { border-radius: var(--d26-r2) 0 0 var(--d26-r2); }
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont + .signal-detail-cont { border-radius: 0 var(--d26-r2) var(--d26-r2) 0; padding-left: 4px !important; }
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont canvas { max-width: 100%; border-radius: var(--d26-r1); border: 0 !important; }
html.desk-2026 .container:has(.wingman-header) .wingman-signal-chart-head { float: none !important; margin: 0 0 6px; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont > div { float: none !important; clear: none !important; margin-left: 0 !important; border: 0 !important; width: auto !important; }
html.desk-2026 .container:has(.wingman-header) .wingman-signal-title { margin: 0 0 4px !important; padding: 0 !important; font: 700 var(--d26-fs-m)/1.3 var(--main-font-family) !important; text-transform: none !important; color: var(--d26-ink); }
html.desk-2026 .container:has(.wingman-header) .wingman-signal-stockname { margin: 0 0 6px !important; padding: 0 !important; font: 600 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .container:has(.wingman-header) .wingman-signal-time { margin: 0 0 2px !important; padding: 0 !important; font: var(--d26-fs-s)/1.5 var(--main-font-family) !important; color: var(--d26-ink-3); }
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont > div[style*="font-size: 12px"] { margin: 8px 0 0 !important; font: var(--d26-fs-s)/1.5 var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .container:has(.wingman-header) .body > .inner > div:has(> .wingman-header) > .table {
  grid-column: 1 / -1; position: static !important; top: auto !important; height: auto !important; min-height: 0; overflow-y: auto !important;
}
html.desk-2026 .container:has(.wingman-header) .body > .inner > div:has(> .wingman-header) > div:not(.wingman-header):not(.signal-detail-cont):not(.table) { grid-column: 1 / -1; grid-row: 2 / 4; height: auto !important; overflow-y: auto; }
html.desk-2026 #wingman-signals-table { border-collapse: collapse; }
html.desk-2026 #wingman-signals-table tr td {
  padding: 8px 8px !important; border: 0 !important; border-top: 1px solid var(--d26-line) !important; vertical-align: middle;
  font: 500 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink); line-height: 1.35;
}
html.desk-2026 #wingman-signals-table tr:hover td { background: var(--d26-surface-2); }
html.desk-2026 #wingman-signals-table tr td span[style*="font-size:10px"], html.desk-2026 #wingman-signals-table tr td span[style*="font-size: 10px"] { font: var(--d26-fs-cap) var(--main-font-family) !important; color: var(--d26-ink-3); }
html.desk-2026 #wingman-signals-table tr td:nth-child(2) { font-weight: 650 !important; }
html.desk-2026 #wingman-signals-table img[signal-filter] {
  content: url(/img/desk2026/open-circle.svg); width: 14px; height: 14px; top: 0 !important; margin-right: 6px; padding: 3px; border-radius: var(--d26-r1); vertical-align: -5px; cursor: pointer;
}
html.desk-2026 #wingman-signals-table img[signal-filter]:hover { background: var(--d26-accent-soft); }
html.desk-2026 .wingman-signal-up { color: var(--d26-up) !important; font-weight: 650; }
html.desk-2026 .wingman-signal-down { color: var(--d26-down) !important; font-weight: 650; }
html.desk-2026 table.alert-configurator-section tr td:nth-child(2), html.desk-2026 table.alert-configurator-section tr td:nth-child(3) { white-space: nowrap; }
html.desk-2026 table.alert-configurator-section tr td:last-child > a { float: right !important; }
html.desk-2026 table.alert-configurator-section tr td:last-child { width: 1% !important; direction: rtl; }   /* inline icons, same order as the old float:right */
html.desk-2026 table.alert-configurator-section tr td:last-child > a { float: none !important; }
html.desk-2026 .wingman-header select { max-width: 170px; }
html.desk-2026 #wingman-signals-table tr td:nth-child(3) img[signal-filter] { float: left; margin: 2px 6px 0 0; }

/* column picker: entries that need a permission in normal colour with a Premium tag (was red) */
html.desk-2026 .context_menu_wrapper li.field-permissions { color: var(--d26-ink-2) !important; }
html.desk-2026 .context_menu_wrapper > ul.contextmenu_descr_list li.field-permissions { color: var(--d26-ink) !important; }
html.desk-2026 .context_menu_wrapper li.field-permissions::after {
  content: "Premium"; margin-left: 8px; padding: 2px 6px; border-radius: 4px; background: var(--d26-lime); color: var(--d26-on-lime);
  font: 800 9px/1.3 var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; flex: none; pointer-events: none;
}
html.desk-2026 .context_menu_wrapper li.field-permissions > .info-span { order: 2; }
html.d26-frame #nav > ul > li:has(> a.menucloud) { display: none !important; }   /* empty legacy cloud item (its menu is commented out in menubar.js) */

/* ---- toasts like the preview (desk2026_frame.js tf_desk2026Toast) ---- */
html.desk-2026 .d26-toasts {
  position: fixed; left: 50%; bottom: calc(var(--d26-bar-h, 28px) + 18px); transform: translateX(-50%); z-index: 999990;
  display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none;
}
html.desk-2026 .d26-toast {
  pointer-events: auto; display: flex; align-items: center; gap: 10px; max-width: min(560px, calc(100vw - 32px)); padding: 8px 18px 8px 8px;
  border-radius: var(--d26-pill); background: var(--d26-toast-bg); color: var(--d26-toast-ink); box-shadow: 0 10px 30px -8px color-mix(in srgb, var(--d26-shade) 45%, transparent);
  font: 550 var(--d26-fs) var(--main-font-family); cursor: pointer; animation: d26-toast-in .18s ease-out;
}
html.desk-2026 .d26-toast.d26-out { opacity: 0; transform: translateY(6px); transition: opacity .18s, transform .18s; }
html.desk-2026 .d26-toast-ic { flex: none; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; color: var(--d26-on-color); }
html.desk-2026 .d26-toast-ic .d26-ico { width: 14px; height: 14px; }
html.desk-2026 .d26-toast-ok .d26-toast-ic { background: var(--d26-up); }
html.desk-2026 .d26-toast-warn .d26-toast-ic { background: var(--d26-warn); }
html.desk-2026 .d26-toast-err .d26-toast-ic { background: var(--d26-down); }
html.desk-2026 .d26-toast-t a { color: inherit !important; text-decoration: underline; }
@keyframes d26-toast-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
/* loading screen: ad image above logo and dots (img/desk2026/loading-ad.jpg, 1600 x 600 for sharp retina, set in
   desk2026_frame.js; 20.10., the slot was hidden from 07.10. until the new image came); bigger dots */
html.desk-2026 #overlayBox.d26-loader #overlay-ads { aspect-ratio: 8 / 3; background: var(--d26-splash-2); }
html.desk-2026 #overlayBox.d26-loader #overlay-ads img { height: 100%; object-fit: cover; }
html.desk-2026 .d26-loader-logo { width: 260px; height: 40px; }
html.desk-2026 .d26-dots { gap: 22px; }
html.desk-2026 .d26-dots i { width: 28px; height: 28px; }
html.desk-2026 .d26-dots i.next { box-shadow: 0 0 0 8px color-mix(in srgb, var(--d26-splash-accent) 25%, transparent); }

/* ---- Kalender: month grid + day list (desk2026_lists.js tf_desk2026Calendar) ---- */
html.desk-2026 .notebox > div > div[style*="margin-top"]:has(> .subheader-button) { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px !important; }
html.desk-2026 .notebox > div > div:has(> .subheader-button) > .subheader-button { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-cal { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; align-items: start; }
@container (max-width: 560px) { html.desk-2026 .d26-cal { grid-template-columns: 1fr; } }
html.desk-2026 .d26-cal-month { position: sticky; top: 0; padding: 12px; border-radius: var(--d26-r3); background: var(--d26-surface-2); }
html.desk-2026 .d26-cal-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
html.desk-2026 .d26-cal-nav b { font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-cal-nav button { width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--d26-ink-2); font: 600 18px/1 var(--main-font-family); cursor: pointer; }
html.desk-2026 .d26-cal-nav button:hover { background: var(--d26-pop); color: var(--d26-ink); }
html.desk-2026 .d26-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
html.desk-2026 .d26-cal-wd { text-align: center; font: 700 var(--d26-fs-cap)/24px var(--main-font-family); color: var(--d26-ink-3); text-transform: uppercase; }
html.desk-2026 .d26-cal-grid > button, html.desk-2026 .d26-cal-grid > .d26-cal-x {
  position: relative; height: 32px; display: grid; place-items: center; border: 0; border-radius: var(--d26-r1); background: transparent;
  font: 500 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3);
}
html.desk-2026 .d26-cal-grid > button { color: var(--d26-ink); font-weight: 650; cursor: pointer; background: var(--d26-pop); }
html.desk-2026 .d26-cal-grid > button i {
  position: absolute; right: 2px; top: 2px; min-width: 13px; height: 13px; padding: 0 3px; box-sizing: border-box; border-radius: var(--d26-pill);
  background: var(--d26-accent); color: var(--d26-on-accent); font: 700 8px/13px var(--main-font-family); font-style: normal;
}
html.desk-2026 .d26-cal-grid > button:hover { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-cal-grid > button.sel { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-cal-grid > button.sel i { background: var(--d26-pop); color: var(--d26-accent); }
html.desk-2026 .d26-cal-grid > .today { box-shadow: inset 0 0 0 1.5px var(--d26-accent); }
html.desk-2026 .d26-cal-all {
  width: 100%; height: 32px; margin-top: 10px; border: 0; border-radius: var(--d26-pill); background: var(--d26-pop); cursor: pointer;
  font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2);
}
html.desk-2026 .d26-cal-all:hover, html.desk-2026 .d26-cal-all.on { color: var(--d26-accent); }
html.desk-2026 .d26-cal-day { display: flex; align-items: baseline; gap: 10px; margin: 2px 0 8px; }
html.desk-2026 .d26-cal-day b { font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-cal-day span { font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-cal-list { min-width: 0; }
/* the day tables */
html.desk-2026 .d26-cal-list table.calendar { float: none !important; width: 100%; margin: 0 0 12px !important; border-collapse: collapse; }
html.desk-2026 .d26-cal-list table.calendar tr:first-child:has(.dateheader) td { padding: 0 0 6px !important; background: transparent !important; border: 0 !important; }
html.desk-2026 .d26-cal:not(:has(.d26-cal-all.on)) .d26-cal-list table.calendar tr:has(.dateheader) { display: none; }
html.desk-2026 .d26-cal-list .dateheader { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-cal-list .dateheader + div { display: none !important; }
html.desk-2026 .d26-cal-list table.calendar th {
  padding: 0 10px 6px !important; text-align: left !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .d26-cal-list table.calendar td {
  padding: 8px 10px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; vertical-align: middle; background: transparent !important;
  font: 500 var(--d26-fs-s)/1.45 var(--main-font-family) !important; color: var(--d26-ink-2);
}
html.desk-2026 .d26-cal-list table.calendar td b[data-stockid], html.desk-2026 .d26-cal-list table.calendar td[data-stockid] { font: 650 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); cursor: pointer; }
html.desk-2026 .d26-cal-list table.calendar td b[data-stockid]:hover, html.desk-2026 .d26-cal-list table.calendar td[data-stockid]:hover { color: var(--d26-accent); }
html.desk-2026 .d26-cal-list table.calendar tr:hover td { background: var(--d26-surface-2) !important; }

/* ---- Wichtige Nachrichten (important_news.js) ---- */
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab {
  float: none !important; order: 5; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; margin: 0 !important;
}
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab label { font: 500 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important; color: var(--d26-ink-2) !important; margin: 0 !important; float: none !important; }
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab input { float: none !important; margin: 0 !important; accent-color: var(--d26-accent); width: 15px; height: 15px; }
html.desk-2026 .hot_news { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; align-items: start; padding: 0 0 12px; }
html.desk-2026 .hot_news .pane-title {
  grid-column: 1 / -1; float: none !important; position: static; padding: 4px 0 4px !important; border: 0 !important;
  font: 700 var(--d26-fs-m)/1.3 var(--main-font-family) !important; color: var(--d26-ink) !important;
}
html.desk-2026 .hot_news .pane-title.hot::after { display: none !important; }
html.desk-2026 .hot_news .pane-subtitle { float: none !important; margin-top: 2px; font: 400 var(--d26-fs-s)/1.4 var(--main-font-family) !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .hot_news .block {
  float: none !important; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 6px; overflow: hidden;
  border: 0 !important; border-radius: var(--d26-r3); background: var(--d26-surface); box-shadow: inset 0 0 0 1px var(--d26-line); display: flex !important; flex-direction: column;
}
html.desk-2026 .hot_news .block .header {
  display: flex; align-items: center; gap: 8px; float: none !important; width: auto !important; padding: 10px 12px; text-decoration: none !important;
  background: var(--d26-surface-2) !important;
}
html.desk-2026 .hot_news .header .stockname {
  flex: 1 1 auto; min-width: 0; width: auto !important; padding: 0 !important; float: none !important; text-decoration: none !important; text-overflow: ellipsis;
  font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink);
}
html.desk-2026 .hot_news .header .stockname:hover { color: var(--d26-accent); }
html.desk-2026 .hot_news .header .stockinfo { position: static !important; display: flex; align-items: center; gap: 6px; flex: none; }
html.desk-2026 .hot_news .header .stockinfo > div { float: none !important; margin: 0 !important; font: 600 var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .hot_news .header .stockinfo .neutral { color: var(--d26-ink-2); background: none !important; }
html.desk-2026 .hot_news .header .stockinfo .up, html.desk-2026 .hot_news .header .stockinfo .down { padding: 3px 8px !important; border-radius: var(--d26-r2) !important; font-weight: 650; }
html.desk-2026 .hot_news .header .stockinfo .up { background: var(--d26-up-soft) !important; color: var(--d26-up) !important; }
html.desk-2026 .hot_news .header .stockinfo .down { background: var(--d26-down-soft) !important; color: var(--d26-down) !important; }
html.desk-2026 .hot_news .block .news_line { float: none !important; width: auto !important; padding: 10px 12px 0; }
html.desk-2026 .hot_news .block .news_line + .news_line { border-top: 1px solid var(--d26-line); margin-top: 10px; }
html.desk-2026 .hot_news .block .news_info { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; float: none !important; width: auto !important; margin: 0 0 4px !important; padding: 0 !important; }
html.desk-2026 .hot_news .block .news_info > div { float: none !important; margin: 0 !important; font: 600 var(--d26-fs-cap) var(--main-font-family) !important; }
html.desk-2026 .hot_news .block .news_info .date { color: var(--d26-ink-3); }
html.desk-2026 .hot_news .block .news_info .source { color: var(--d26-accent) !important; }
html.desk-2026 .hot_news .block .news_info .cat { padding: 1px 7px !important; border: 0 !important; border-radius: var(--d26-pill) !important; background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .hot_news .block .news_header { float: none !important; width: auto !important; padding: 0 !important; font: 600 var(--d26-fs)/1.4 var(--main-font-family) !important; color: var(--d26-ink); cursor: pointer; }
html.desk-2026 .hot_news .block .news_header:hover { color: var(--d26-accent); }
html.desk-2026 .hot_news .block .read-all {
  float: none !important; width: auto !important; margin: 12px 12px 6px; padding: 0 !important; display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
  font: 650 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-accent) !important; cursor: pointer;
}
html.desk-2026 .hot_news .block .read-all::after { content: "→" !important; position: static !important; width: auto !important; height: auto !important; background: none !important; }
html.desk-2026 .hot_news .block .read-all:hover { text-decoration: underline; }

/* ---- Infobox (fundamentalsdatabox2.js): light header, compact quote card, tables like the lists ---- */
html.desk-2026 .fundamental-box { background: transparent !important; }
html.desk-2026 .container .body .fundamental-box > .tabs.topbar {
  display: flex !important; flex-wrap: nowrap; align-items: center; gap: 4px; width: 100% !important; box-sizing: border-box; margin: 0 0 8px !important; padding: 0 0 8px !important;
  border-radius: 0; background: transparent !important; border-bottom: 1px solid var(--d26-line) !important; overflow-x: auto; scrollbar-width: none;
}
html.desk-2026 .fundamental-box > .tabs.topbar > .wrapper { flex: none; margin: 0 8px 0 0 !important; float: none !important; }
html.desk-2026 .container .body .fundamental-box > .tabs.topbar > a { flex: none; height: 32px; padding: 0 12px !important; }
html.desk-2026 .container .body .fundamental-box > .tabs.topbar > a.active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; box-shadow: none !important; }
/* quote: one compact card (name/WKN are in the stock button above) */
html.desk-2026 .fundamental-box .d26-quote {
  display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin: 4px 0 12px; padding: 12px 14px !important;
  border-radius: var(--d26-r3); background: var(--d26-surface-2);
}
html.desk-2026 .fundamental-box .d26-quote .d26-q-head { display: none; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-px { flex: 1 1 100%; gap: 2px 10px; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-px b { font-size: 24px; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-ba, html.desk-2026 .fundamental-box .d26-quote .d26-q-kv { display: flex; gap: 20px; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-ba > div, html.desk-2026 .fundamental-box .d26-quote .d26-q-kv > div { padding: 0; background: none; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-ba span, html.desk-2026 .fundamental-box .d26-quote .d26-q-kv span {
  display: block; font: 600 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .04em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .fundamental-box .d26-quote .d26-q-ba b, html.desk-2026 .fundamental-box .d26-quote .d26-q-kv b { font: 650 var(--d26-fs) var(--main-font-family); }
html.desk-2026 .fundamental-box .d26-quote .d26-q-acts { display: flex; gap: 6px; margin-left: auto; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-acts button { height: 30px; padding: 0 16px; border-radius: var(--d26-pill); font: 650 var(--d26-fs-s) var(--main-font-family); }
/* overview list: label quiet, value strong */
html.desk-2026 .fundamental-box ul.si-list li { display: flex; gap: 12px; padding: 4px 0; border-bottom: 1px solid var(--d26-line); float: none !important; }
html.desk-2026 .fundamental-box ul.si-list li > span { float: none !important; width: auto !important; font: 500 var(--d26-fs-s)/1.4 var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .fundamental-box ul.si-list li > span.small { flex: 0 0 42%; font-weight: 400 !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .fundamental-box ul.si-list li:has(> span.small:empty), html.desk-2026 .fundamental-box ul.si-list li:has(> span.small:only-child) { border: 0; }
/* fundamental tables: first row = header like the lists */
html.desk-2026 .fundamental-box table.fundamental { width: 100%; border-collapse: collapse; }
html.desk-2026 .fundamental-box table.fundamental tr:first-child td, html.desk-2026 .fundamental-box table thead td {
  background: transparent !important; padding: 0 8px 6px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .fundamental-box table.fundamental tr:not(:first-child) td, html.desk-2026 .fundamental-box table tbody td {
  padding: 7px 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important;
  font: 500 var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink);
}
html.desk-2026 .fundamental-box table.fundamental tr:not(:first-child) td:first-child { color: var(--d26-ink-3) !important; }
html.desk-2026 .fundamental-box table.fundamental tr:not(:first-child):hover td, html.desk-2026 .fundamental-box table tbody tr:hover td { background: var(--d26-surface-2) !important; }
html.desk-2026 .fundamental-box table td[style*="font-weight:bold"] { font-weight: 500 !important; color: var(--d26-ink-3) !important; }
/* news in the overview */
html.desk-2026 .fundamental-box ul.news-list li { float: none !important; display: block; padding: 6px 0; margin: 0 !important; border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .fundamental-box ul.news-list li > span:first-child { display: block; font: 600 var(--d26-fs-cap) var(--main-font-family) !important; color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box ul.news-list li > span + span { float: none !important; display: block; font: 600 var(--d26-fs-s)/1.4 var(--main-font-family) !important; }
html.desk-2026 .fundamental-box ul.news-list li a { color: var(--d26-ink) !important; text-decoration: none; }
html.desk-2026 .fundamental-box ul.news-list li a:hover { color: var(--d26-accent) !important; }
html.desk-2026 .fundamental-box ul.si-list { clear: both; }
html.desk-2026 .fundamental-box ul.si-list li { clear: both; }
html.desk-2026 .fundamental-box ul.si-list li > div { float: none !important; width: auto !important; font: 500 var(--d26-fs-s)/1.4 var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .fundamental-box ul.si-list li > .small { flex: 0 0 42%; font-weight: 400 !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .fundamental-box ul.si-list li > span:not(.small) { flex: 1 1 auto; }
html.desk-2026 .fundamental-box .d26-quote { flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-px { flex: 1 1 auto !important; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-acts { order: 1; margin-left: 0; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-ba { order: 2; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-kv { order: 3; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-ba, html.desk-2026 .fundamental-box .d26-quote .d26-q-kv { flex: none; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-kv::before { content: ""; width: 1px; align-self: stretch; background: var(--d26-line); margin-right: 0; }
html.desk-2026 .fundamental-box table.fundamental tr:first-child { background: transparent !important; }

/* ---- round 12 ---- */
html.d26-frame #desk-slide-set li > a.delete { display: none !important; }   /* delete via the desktop context menu */
/* resize from every edge (container.js, 2026 design): invisible strips, cursor only */
html.desk-2026 .container .d26-rz { position: absolute; z-index: 5; background: transparent; }
html.desk-2026 .container .d26-rz-n { top: -3px; left: 10px; right: 10px; height: 6px; cursor: ns-resize; }
html.desk-2026 .container .d26-rz-s { bottom: -3px; left: 10px; right: 18px; height: 6px; cursor: ns-resize; }
html.desk-2026 .container .d26-rz-e { right: -3px; top: 10px; bottom: 18px; width: 6px; cursor: ew-resize; }
html.desk-2026 .container .d26-rz-w { left: -3px; top: 10px; bottom: 10px; width: 6px; cursor: ew-resize; }
html.desk-2026 .container .d26-rz-ne { right: -3px; top: -3px; width: 12px; height: 12px; cursor: nesw-resize; }
html.desk-2026 .container .d26-rz-nw { left: -3px; top: -3px; width: 12px; height: 12px; cursor: nwse-resize; }
html.desk-2026 .container .d26-rz-sw { left: -3px; bottom: -3px; width: 12px; height: 12px; cursor: nesw-resize; }
html.desk-2026 .container.d26-settings .d26-rz { display: none; }
/* Kalender: Wirtschaft and IPO tables like the other lists */
html.desk-2026 .d26-cal-list .messages { float: none !important; width: auto !important; border: 0 !important; padding: 0 !important; margin: 0 !important; height: auto !important; }
html.desk-2026 .d26-cal-list .messages .table, html.desk-2026 .d26-cal-list .messages .design2 { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
html.desk-2026 .d26-cal-list .messages table, html.desk-2026 .d26-cal-list .messages_ipo table { width: 100% !important; border-collapse: collapse; margin: 0 !important; }
html.desk-2026 .d26-cal-list .messages tr.head td, html.desk-2026 .d26-cal-list .messages_ipo tr:first-child td {
  padding: 0 10px 6px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .d26-cal-list .messages tr:not(.head) td, html.desk-2026 .d26-cal-list .messages_ipo tr:not(:first-child) td {
  padding: 9px 10px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important;
  font: 500 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink); width: auto !important;
}
html.desk-2026 .d26-cal-list .messages tr:not(.head) td:first-child { color: var(--d26-ink-3) !important; white-space: nowrap; width: 1% !important; }
html.desk-2026 .d26-cal-list .messages tr:not(.head) td:nth-child(2) { font-weight: 600 !important; }
html.desk-2026 .d26-cal-list .messages tr:not(.head):hover td, html.desk-2026 .d26-cal-list .messages_ipo tr:not(:first-child):hover td { background: var(--d26-surface-2) !important; }
/* Infobox: chart signals as rows */
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"] {
  display: flex !important; align-items: center; gap: 12px; float: none !important; width: auto !important; padding: 8px 8px !important; margin: 0 !important;
  border-bottom: 1px solid var(--d26-line); background: transparent !important; font: 500 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); cursor: pointer;
}
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"]:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"] > div { float: none !important; flex: none; }
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"] > div:nth-child(1) { width: 92px !important; color: var(--d26-ink-3); font-variant-numeric: tabular-nums; }
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"] > div:nth-child(2) { width: 14px !important; font-size: 10px; }
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"] > div:nth-child(3) { width: 120px !important; color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"] > div:nth-child(4) { flex: 1 1 auto; width: auto !important; font-weight: 650; }
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"] > div:nth-child(5) { width: 84px !important; font-variant-numeric: tabular-nums; }
html.desk-2026 .fundamental-box [class^="fundamentalbox-signal"] > div:nth-child(6) { width: 64px !important; font-weight: 650; font-variant-numeric: tabular-nums; }
html.desk-2026 .fundamental-box .title.sub input[type="checkbox"] { accent-color: var(--d26-accent); margin: 0 6px 0 12px !important; vertical-align: -2px; float: none !important; }
html.desk-2026 .fundamental-box .title.sub > div, html.desk-2026 .fundamental-box .title.sub > span, html.desk-2026 .fundamental-box .title.sub > div > span { float: none !important; display: inline !important; margin-top: 0 !important; }
/* Infobox news: time · source quiet, headline strong */
html.desk-2026 .fundamental-box .newsbox > .dpa-line {
  display: block; padding: 9px 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important;
  font: 600 var(--d26-fs-s)/1.45 var(--main-font-family) !important; color: var(--d26-ink) !important; cursor: pointer;
}
html.desk-2026 .fundamental-box .newsbox > .dpa-line:hover { background: var(--d26-surface-2) !important; color: var(--d26-accent) !important; }
html.desk-2026 .fundamental-box .newsbox > .dpa-line > span:first-child { display: block; margin-bottom: 2px; font: 600 var(--d26-fs-cap) var(--main-font-family) !important; color: var(--d26-ink-3) !important; }
/* Infobox Börsenplätze table (first row = header with inline borders) */
html.desk-2026 .fundamental-box table.table tr:first-child td {
  padding: 0 8px 6px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .fundamental-box table.table tr:not(:first-child) td {
  padding: 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; font: 500 var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums;
}
html.desk-2026 .fundamental-box table.table tr:not(:first-child) td:first-child { font-weight: 650 !important; color: var(--d26-ink) !important; }
html.desk-2026 .fundamental-box .title.sub > span[style*="underline"] { color: var(--d26-accent) !important; text-decoration: none !important; text-transform: none; letter-spacing: 0; font-weight: 600; }
html.desk-2026 .fundamental-box a[style*="underline"], html.desk-2026 .fundamental-box-content > a { color: var(--d26-accent) !important; text-decoration: none !important; font-weight: 600; }

/* Wichtige Nachrichten, round 12: switches instead of checkboxes, flat sections (stock left, news right) */
html.desk-2026 .container .body .signal-box > .tabs {
  display: flex !important; width: 100% !important; box-sizing: border-box; padding: 0 0 10px !important; margin: 0 0 4px !important;
  background: transparent !important; border-radius: 0; border-bottom: 1px solid var(--d26-line) !important;
}
html.desk-2026 .container .body .signal-box > .tabs > a { background: var(--d26-surface-2) !important; }
html.desk-2026 .container .body .signal-box > .tabs > a.active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; box-shadow: none !important; }
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab { gap: 8px; }
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab:first-of-type { margin-left: auto !important; }
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab input[type="checkbox"] {
  appearance: none; -webkit-appearance: none; position: relative; width: 34px !important; height: 20px !important; border-radius: var(--d26-pill);
  background: var(--d26-surface-3); cursor: pointer; transition: background .15s; flex: none;
}
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab input[type="checkbox"]::after {
  content: ""; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--d26-knob); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 25%, transparent); transition: left .15s;
}
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab input[type="checkbox"]:checked { background: var(--d26-accent); }
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab input[type="checkbox"]:checked::after { left: 16px; }
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab { order: 5; }
html.desk-2026 .signal-box > .tabs .dpa-scroll-tab label { order: -1; }
html.desk-2026 .hot_news { display: block !important; container-type: inline-size; }
html.desk-2026 .hot_news .pane-title { padding: 6px 0 10px !important; }
html.desk-2026 .hot_news .block {
  display: grid !important; grid-template-columns: 220px minmax(0, 1fr); column-gap: 24px; align-items: start;
  padding: 14px 0 !important; border-radius: 0; background: transparent; box-shadow: none; border-bottom: 1px solid var(--d26-line) !important;
}
html.desk-2026 .hot_news .block .header {
  grid-column: 1; grid-row: 1 / span 30; position: sticky; top: 0; flex-direction: column; align-items: flex-start; gap: 6px; padding: 2px 0 0; background: transparent !important;
}
html.desk-2026 .hot_news .header .stockinfo { order: 2; }
html.desk-2026 .hot_news .header .stockname { white-space: normal !important; }
html.desk-2026 .hot_news .block .news_line { grid-column: 2; padding: 0 !important; margin: 0 0 12px !important; border: 0 !important; }
html.desk-2026 .hot_news .block .news_line + .news_line { border: 0 !important; margin-top: 0; }
html.desk-2026 .hot_news .block .read-all { grid-column: 2; margin: 0 !important; }
@container (max-width: 560px) {
  html.desk-2026 .hot_news .block { grid-template-columns: 1fr; }
  html.desk-2026 .hot_news .block .header { grid-row: auto; flex-direction: row; align-items: center; margin-bottom: 10px; position: static; }
  html.desk-2026 .hot_news .block .news_line, html.desk-2026 .hot_news .block .read-all { grid-column: 1; }
}

/* chart head Kaufen / Verkaufen / Hebel with the padding of Long/Short */
html.desk-2026 .container .head .big.buy, html.desk-2026 .container .head .big.sell, html.desk-2026 .container .head .big.derivate {
  height: 28px !important; padding: 0 14px !important; line-height: 28px !important; margin: 0 3px !important; font: 650 var(--d26-fs-s)/28px var(--main-font-family) !important; box-sizing: border-box;
}

/* ---- new desktop page (desk2026_frame.js tf_desk2026NewDesk) ---- */
html.desk-2026 .d26-newdesk {
  position: fixed; z-index: 99950; top: var(--d26-header-h); left: 0; right: 52px; bottom: var(--d26-bar-h); overflow-y: auto;
  background: var(--d26-bg); animation: d26-pop .14s ease-out;
}
html.desk-2026 .d26-nd-in { max-width: 1120px; padding: 40px 32px; }
html.desk-2026 .d26-nd-name { display: block; position: relative; }
html.desk-2026 .d26-nd-name input {
  width: 100%; max-width: 640px; padding: 4px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; outline: none;
  font: 750 32px/1.2 var(--main-font-family); letter-spacing: -.01em; color: var(--d26-ink);
}
html.desk-2026 .d26-nd-name input::placeholder { color: var(--d26-ink); opacity: .9; }
html.desk-2026 .d26-nd-name input:focus { border-bottom-color: var(--d26-accent); }
html.desk-2026 .d26-nd-name span { display: block; margin-top: 4px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-nd-sub { max-width: 640px; margin: 16px 0 24px; font: var(--d26-fs-m)/1.5 var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-nd-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
html.desk-2026 .d26-nd-card {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 18px; border: 0; border-radius: var(--d26-r3);
  background: var(--d26-surface); box-shadow: inset 0 0 0 1px var(--d26-line); text-align: left; cursor: pointer; color: var(--d26-ink);
  font: var(--d26-fs) var(--main-font-family); transition: box-shadow .12s, background .12s;
}
html.desk-2026 .d26-nd-card:hover { box-shadow: inset 0 0 0 1px var(--d26-accent), 0 4px 14px -6px color-mix(in srgb, var(--d26-shade) 18%, transparent); }
html.desk-2026 .d26-nd-card[aria-pressed="true"] { background: var(--d26-accent-soft); box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-nd-ic { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 6px; border-radius: var(--d26-r2); background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-nd-card[aria-pressed="true"] .d26-nd-ic { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-nd-ic .d26-ico { width: 20px; height: 20px; }
html.desk-2026 .d26-nd-card b { font: 700 var(--d26-fs-m) var(--main-font-family); }
html.desk-2026 .d26-nd-card > span:not(.d26-nd-ic) { color: var(--d26-ink-3); font-size: var(--d26-fs-s); line-height: 1.4; }
html.desk-2026 .d26-nd-tick {
  position: absolute; right: 14px; top: 14px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px var(--d26-line); color: transparent;
}
html.desk-2026 .d26-nd-tick .d26-ico { width: 13px; height: 13px; }
html.desk-2026 .d26-nd-card[aria-pressed="true"] .d26-nd-tick { background: var(--d26-accent); color: var(--d26-on-accent); box-shadow: none; }
html.desk-2026 .d26-nd-empty { background: transparent; box-shadow: inset 0 0 0 1.5px var(--d26-line); border: 0; }
html.desk-2026 .d26-nd-empty .d26-nd-ic { background: var(--d26-surface-2); color: var(--d26-ink-2); }
/* groups of tools; Premium tag like the tools menu (.lockb of the preview); locked cards open the premium notice */
html.desk-2026 .d26-nd-h { margin: 26px 0 10px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-nd-sub + .d26-nd-h { margin-top: 0; }
html.desk-2026 .d26-nd-grid-empty { margin-top: 26px; }
html.desk-2026 .d26-nd-prem {
  display: inline-block; margin-left: 6px; padding: 2px 5px; border-radius: 3px; vertical-align: 2px; background: var(--d26-lime); color: var(--d26-on-lime);
  font: normal 800 9px/1.2 var(--main-font-family); letter-spacing: .05em; text-transform: uppercase;
}
html.desk-2026 .d26-nd-card.d26-nd-locked .d26-nd-ic { background: var(--d26-surface-2); color: var(--d26-ink-3); }
/* full width, groups side by side (balanced columns), compact cards: icon left, title + text right (less vertical scroll) */
html.desk-2026 .d26-nd-in { max-width: none; padding: 32px 32px 40px; }
html.desk-2026 .d26-nd-secs { columns: 420px; column-gap: 32px; }
html.desk-2026 .d26-nd-sec { break-inside: avoid; margin-bottom: 24px; }
html.desk-2026 .d26-nd-sec .d26-nd-h { margin: 0 0 10px; }
html.desk-2026 .d26-nd-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
html.desk-2026 .d26-nd-card {
  display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; row-gap: 1px; align-items: center; align-content: center;
  min-height: 64px; padding: 10px 40px 10px 12px; box-sizing: border-box;
}
html.desk-2026 .d26-nd-card .d26-nd-ic { grid-row: 1 / span 2; width: 36px; height: 36px; margin: 0; }
html.desk-2026 .d26-nd-card .d26-nd-ic .d26-ico { width: 18px; height: 18px; }
html.desk-2026 .d26-nd-card b { grid-column: 2; font-size: var(--d26-fs); line-height: 1.3; }
html.desk-2026 .d26-nd-card > span:not(.d26-nd-ic) { grid-column: 2; line-height: 1.35; }
html.desk-2026 .d26-nd-tick { top: 50%; right: 12px; transform: translateY(-50%); }
html.desk-2026 .d26-nd-grid-empty { margin-top: 0; max-width: 420px; }
html.desk-2026 .d26-nd-sub { margin-bottom: 20px; }
/* buttons stay visible while the list scrolls */
html.desk-2026 .d26-nd-acts { position: sticky; bottom: 0; z-index: 1; padding: 16px 0 20px; margin-bottom: -40px; background: linear-gradient( to top, var(--d26-bg) 75%, transparent ); }
html.desk-2026 .d26-nd-acts { display: flex; gap: 8px; margin-top: 28px; }
html.desk-2026 .d26-nd-acts button { height: 44px; padding: 0 22px; border: 0; border-radius: var(--d26-pill); cursor: pointer; font: 650 var(--d26-fs-m) var(--main-font-family); }
html.desk-2026 .d26-nd-cancel { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-nd-ok { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-nd-ok:disabled { opacity: .6; cursor: default; }

/* ---- webix alert / confirm as dialogs ---- */
html.desk-2026 .webix_modal_cover { background: var(--d26-scrim) !important; opacity: 1 !important; }
html.desk-2026 .webix_modal_box.d26-wx {
  position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); width: min(420px, calc(100vw - 32px)) !important;
  min-height: 0 !important; padding: 24px 24px 20px !important; box-sizing: border-box; border: 0 !important; border-radius: var(--d26-r3) !important;
  background: var(--d26-pop) !important; box-shadow: var(--d26-shadow) !important; text-align: left !important; animation: d26-pop .14s ease-out;
  font-family: var(--main-font-family) !important;
}
html.desk-2026 .webix_modal_box.d26-wx::before { display: none !important; }   /* old blue top bar */
html.desk-2026 .webix_modal_box.d26-wx { border-top: 0 !important; }
html.desk-2026 .d26-wx-ic { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 14px; border-radius: 50%; background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-wx-danger .d26-wx-ic { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .d26-wx-ic .d26-ico { width: 20px; height: 20px; }
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_text {
  padding: 0 !important; margin: 0 0 22px !important; min-height: 0 !important; text-align: left !important;
  font: 650 var(--d26-fs-m)/1.4 var(--main-font-family) !important; color: var(--d26-ink) !important;
}
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_controls { display: flex !important; flex-direction: row-reverse; gap: 8px; padding: 0 !important; margin: 0 !important; height: auto !important; }
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_button {
  flex: 1 1 0; display: grid !important; place-items: center; height: 40px !important; width: auto !important; margin: 0 !important; padding: 0 16px !important;
  border: 0 !important; border-radius: var(--d26-pill) !important; background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; cursor: pointer; box-shadow: none !important;
}
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_button > div { font: 650 var(--d26-fs) var(--main-font-family) !important; color: inherit !important; background: none !important; line-height: 1 !important; }
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_button:hover { background: var(--d26-surface-3) !important; }
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_button.confirm { background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; }
html.desk-2026 .webix_modal_box.d26-wx.d26-wx-danger .webix_popup_button.confirm { background: var(--d26-down) !important; color: var(--d26-on-color) !important; }
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_button.confirm:hover { filter: brightness(1.08); }
html.desk-2026 .webix_modal_box.d26-wx *, html.desk-2026 .webix_modal_box.d26-wx *::before, html.desk-2026 .webix_modal_box.d26-wx *::after { border: 0 !important; outline: none !important; box-shadow: none !important; }
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_text::before, html.desk-2026 .webix_modal_box.d26-wx .webix_popup_text::after { display: none !important; }
html.desk-2026 .webix_modal_box.d26-wx .webix_popup_button:focus-visible { box-shadow: 0 0 0 3px var(--d26-accent-soft) !important; }

/* ---- stock pill (desk2026_lists.js tf_desk2026Pill): tile + name + WKN · ISIN ---- */
html.desk-2026 .d26-pill-cell { display: flex; align-items: center; gap: 10px; min-width: 0; }
html.desk-2026 .d26-pill-cell .d26-ins-tile, html.desk-2026 .hot_news .header.d26-pill .d26-ins-tile {
  width: 32px; height: 32px; flex: none; border-radius: var(--d26-r1); display: grid; place-items: center;
  background: var(--d26-accent); color: var(--d26-on-accent); font: 800 9px/1 var(--main-font-family); letter-spacing: .02em; overflow: hidden;
}
html.desk-2026 .d26-pill-txt { min-width: 0; display: flex; flex-direction: column; }
html.desk-2026 .d26-pill-txt b { font: 700 var(--d26-fs)/1.25 var(--main-font-family); color: var(--d26-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-pill-sub { font: var(--d26-fs-cap)/1.4 var(--main-font-family); color: var(--d26-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Wichtige Nachrichten header: tile | name + WKN · ISIN, quote and % below */
html.desk-2026 .hot_news .block .header.d26-pill { display: grid !important; grid-template-columns: 36px minmax(0, 1fr); column-gap: 10px; row-gap: 8px; align-items: center; }
html.desk-2026 .hot_news .header.d26-pill .d26-ins-tile { width: 36px; height: 36px; }
html.desk-2026 .hot_news .header.d26-pill .stockname { font: 700 var(--d26-fs-m)/1.25 var(--main-font-family) !important; white-space: normal !important; }
html.desk-2026 .hot_news .header.d26-pill .stockinfo { grid-column: 1 / -1; }
html.desk-2026 .hot_news .header.d26-pill .stockinfo .neutral { font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; }
/* Wingman rows and card */
html.desk-2026 #wingman-signals-table td.d26-pill-td { max-width: 240px; }
html.desk-2026 #wingman-signals-table td.d26-pill-td b { font-size: var(--d26-fs-s) !important; text-transform: none; }
html.desk-2026 .wingman-signal-stockname .d26-pill-cell { margin: 2px 0 6px; }
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont > div.wingman-signal-time > span { display: flex !important; justify-content: space-between; gap: 12px; margin: 0 !important; }
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont > div.wingman-signal-time > span br { display: none; }
html.desk-2026 .container:has(.wingman-header) .signal-detail-cont > div.wingman-signal-time > span > span { float: none !important; margin: 0 !important; font-weight: 650; color: var(--d26-ink); }
html.desk-2026 #wingman-signals-table td.d26-pill-td { min-width: 190px; }
html.desk-2026 #wingman-signals-table td.d26-pill-td b { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* ---- Trader Wingman settings (wingman.js tf_createSettingsPopUp) in the dialog layout ---- */
html.desk-2026 .big-content.d26-dlgwin .window.wingman { width: min(1060px, calc(100vw - 64px)) !important; }
html.desk-2026 .big-content.d26-dlgwin .window.wingman .headerbar { height: auto !important; float: none !important; width: auto !important; }
html.desk-2026 .big-content.d26-dlgwin .window.wingman .headerbar .title { position: static !important; }
html.desk-2026 .big-content.d26-dlgnav .window.wingman .d26-dlg-nav { float: none !important; width: auto !important; height: auto !important; display: flex; flex-direction: column; gap: 4px; }
html.desk-2026 .window.wingman .d26-dlg-nav > div.popup-selected-template-name {
  padding: 4px 14px 10px; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; background: none !important; overflow-wrap: anywhere;
}
html.desk-2026 .window.wingman .d26-dlg-nav > div.popup-selected-template-name:empty { display: none; }
html.desk-2026 .window.wingman .d26-dlg-nav ul.filter-list { margin: 0 !important; padding: 0 !important; width: auto !important; }
html.desk-2026 .window.wingman ul.filter-list li.popup-noactive-tab, html.desk-2026 .window.wingman ul.filter-list li.popup-noactive-tab a { background: transparent !important; }
html.desk-2026 .window.wingman ul.filter-list li.popup-active-tab a { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .window.wingman ul.filter-list li.subheader-button.action {
  position: static !important; display: flex !important; align-items: center; justify-content: center; height: 38px !important; margin: 4px 0 0 !important; padding: 0 14px !important;
  border-radius: var(--d26-pill) !important; background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; cursor: pointer; font: 650 var(--d26-fs) var(--main-font-family) !important; text-transform: none;
}
html.desk-2026 .window.wingman ul.filter-list li.subheader-button.action:nth-last-child(2) { margin-top: 16px !important; background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; }
html.desk-2026 .window.wingman .tab-content { overflow-y: auto; }
html.desk-2026 .window.wingman .wingman-config-pane-left { width: 42% !important; float: left !important; padding-right: 24px; box-sizing: border-box; }
html.desk-2026 .window.wingman .wingman-config-pane-right { width: 58% !important; float: right !important; margin: 0 !important; padding: 0 0 0 24px !important; box-sizing: border-box; border-left: 1px solid var(--d26-line); }
html.desk-2026 .window.wingman table.wingman-config-menu-block { width: 100%; border-collapse: collapse; margin: 0 0 18px; }
html.desk-2026 .window.wingman table.wingman-config-menu-block tr:first-child td {
  padding: 0 0 8px !important; display: flex; align-items: center; justify-content: space-between;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .window.wingman .add-new-template {
  float: none !important; width: 28px; height: 28px; display: grid !important; place-items: center; border-radius: 50%; padding: 0 !important; margin: 0 !important;
  background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; font: 600 18px/1 var(--main-font-family) !important; cursor: pointer;
}
html.desk-2026 .window.wingman table.wingman-config-menu-block tr:not(:first-child) td {
  padding: 9px 10px !important; margin: 0 !important; border-radius: var(--d26-r2); cursor: pointer;
  font: 500 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink) !important;
}
html.desk-2026 .window.wingman table.wingman-config-menu-block tr:not(:first-child):hover td { background: var(--d26-surface-2); }
html.desk-2026 .window.wingman table.wingman-config-menu-block td[style*="color"], html.desk-2026 .window.wingman table.wingman-config-menu-block td.active,
html.desk-2026 .window.wingman table.wingman-config-menu-block td[class*="selected"] { color: var(--d26-accent) !important; font-weight: 650 !important; background: var(--d26-accent-soft); }
html.desk-2026 .window.wingman .wingman-config-pane-left > div:last-child { display: flex; flex-direction: row-reverse; justify-content: flex-start; gap: 8px; clear: both; padding-top: 6px; }
html.desk-2026 .window.wingman .wingman-config-pane-left .subheader-button.action {
  float: none !important; margin: 0 !important; display: inline-flex; align-items: center; height: 38px; padding: 0 18px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 650 var(--d26-fs) var(--main-font-family) !important; text-transform: none; cursor: pointer;
}
html.desk-2026 .window.wingman .wingman-config-pane-left .subheader-button.action.danger { background: var(--d26-down-soft) !important; color: var(--d26-down) !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right * { font-family: var(--main-font-family) !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right > div:first-child, html.desk-2026 .window.wingman .wingman-config-pane-right .head, html.desk-2026 .window.wingman .wingman-config-pane-right h3 {
  font-size: var(--d26-fs) !important;
}
html.desk-2026 .window.wingman .config-filter-link {
  height: 30px !important; line-height: 30px !important; padding: 0 14px !important; margin: 0 6px 0 0 !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-surface-2) !important; color: var(--d26-ink-2) !important; font: 650 var(--d26-fs-s)/30px var(--main-font-family) !important;
}
html.desk-2026 .window.wingman .config-filter-link.active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right input[type="checkbox"] { accent-color: var(--d26-accent); width: 15px; height: 15px; }
html.desk-2026 .window.wingman .wingman-config-pane-right form > div > div[style*="font-size: 14px"] { font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; color: var(--d26-ink-3); margin: 6px 0 8px 0 !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right form > div > div[style*="width: 50%"] { padding: 4px 0; font-size: var(--d26-fs-s); color: var(--d26-ink); }

/* ---- Wingman settings, round 14: switches, clean option grids, roomier template column ---- */
html.desk-2026 .window.wingman input[type="checkbox"] {
  appearance: none; -webkit-appearance: none; position: relative; width: 32px !important; height: 18px !important; margin: 0 !important; float: none !important; flex: none;
  border-radius: 999px; background: var(--d26-surface-3); cursor: pointer; transition: background .15s; vertical-align: middle;
}
html.desk-2026 .window.wingman input[type="checkbox"]::after {
  content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--d26-knob); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 25%, transparent); transition: left .15s;
}
html.desk-2026 .window.wingman input[type="checkbox"]:checked { background: var(--d26-accent); }
html.desk-2026 .window.wingman input[type="checkbox"]:checked::after { left: 16px; }
/* option groups (Universum, Zeiteinheit, …): label row + two columns of switch rows */
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="width: 100%"] {
  display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 12px; row-gap: 2px; float: none !important; margin: 0 0 18px !important;
}
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="width: 100%"] > div[style*="width:100%"] {
  grid-column: 1 / -1; float: none !important; width: auto !important; margin: 0 0 6px !important;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="width: 100%"] > div[style*="width: 50%"] {
  display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; padding: 7px 10px !important; border-radius: var(--d26-r2);
}
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="width: 100%"] > div[style*="width: 50%"]:hover { background: var(--d26-surface-2); }
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="width: 100%"] > div[style*="width: 50%"] > div { float: none !important; margin: 0 !important; display: flex; align-items: center; font: 500 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="text-decoration:underline"] {
  float: none !important; clear: both; margin: -8px 0 18px 10px !important; text-decoration: none !important; color: var(--d26-accent) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important;
}
/* signal tables: no lines, header like the lists, switch columns centred */
html.desk-2026 .window.wingman .wingman-config-pane-right table { float: none !important; margin: 0 0 18px !important; border-collapse: collapse; }
html.desk-2026 .window.wingman .wingman-config-pane-right table thead tr { border: 0 !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right table thead td {
  padding: 0 10px 8px !important; border: 0 !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .window.wingman .wingman-config-pane-right table thead td + td { text-align: center; width: 80px; }
html.desk-2026 .window.wingman .wingman-config-pane-right table tr:not(thead tr) td { padding: 7px 10px !important; border: 0 !important; font: 500 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .window.wingman .wingman-config-pane-right table tbody tr:hover td, html.desk-2026 .window.wingman .wingman-config-pane-right table > tr:hover td { background: var(--d26-surface-2); }
html.desk-2026 .window.wingman .wingman-config-pane-right table td:first-child { border-radius: var(--d26-r2) 0 0 var(--d26-r2); }
html.desk-2026 .window.wingman .wingman-config-pane-right table td:last-child { border-radius: 0 var(--d26-r2) var(--d26-r2) 0; }
/* template column: room to the navigation and the divider, rows like a list */
html.desk-2026 .window.wingman .wingman-config-pane-left { padding: 4px 32px 0 24px !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right { padding-left: 32px !important; }
html.desk-2026 .window.wingman table.wingman-config-menu-block, html.desk-2026 .window.wingman table.wingman-config-menu-block tbody { display: block; margin-bottom: 26px; }
html.desk-2026 .window.wingman table.wingman-config-menu-block tr { display: flex !important; align-items: center; margin: 0 !important; }
html.desk-2026 .window.wingman table.wingman-config-menu-block tr[style*="display: none"] { display: none !important; }
html.desk-2026 .window.wingman table.wingman-config-menu-block tr:first-child td { flex: 1 1 auto; padding: 0 0 10px !important; }
html.desk-2026 .window.wingman table.wingman-config-menu-block tr:not(:first-child) { border-radius: var(--d26-r2); }
html.desk-2026 .window.wingman table.wingman-config-menu-block tr:not(:first-child):hover { background: var(--d26-surface-2); }
html.desk-2026 .window.wingman table.wingman-config-menu-block td.config-item { flex: 1 1 auto; margin: 0 !important; padding: 10px 12px !important; border-radius: var(--d26-r2); background: transparent; }
html.desk-2026 .window.wingman table.wingman-config-menu-block td.config-item.active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; font-weight: 650 !important; }
html.desk-2026 .window.wingman table.wingman-config-menu-block td:not(.config-item):not(:only-child) { flex: none; width: 34px; min-width: 0 !important; padding: 0 !important; display: grid; place-items: center; }
html.desk-2026 .window.wingman table.wingman-config-menu-block .fa-times-square { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: var(--d26-ink-3); }
html.desk-2026 .window.wingman table.wingman-config-menu-block .fa-times-square:hover { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .window.wingman .wingman-config-pane-left > div:last-child { justify-content: flex-end; padding-top: 12px; border-top: 1px solid var(--d26-line); }

/* ---- Wingman signal list: fixed date column, the name takes the space ---- */
html.desk-2026 #wingman-signals-table { table-layout: auto; }
html.desk-2026 #wingman-signals-table tr td:first-child { width: 1% !important; white-space: nowrap; padding-right: 12px !important; color: var(--d26-ink-3) !important; font-size: var(--d26-fs-s) !important; font-variant-numeric: tabular-nums; }
html.desk-2026 #wingman-signals-table td.d26-pill-td { width: 34%; max-width: none !important; padding-left: 0 !important; }
html.desk-2026 #wingman-signals-table { width: 100% !important; table-layout: fixed; }
html.desk-2026 #wingman-signals-table tr td:first-child { width: 92px !important; }
html.desk-2026 #wingman-signals-table td.d26-pill-td { width: auto; }
html.desk-2026 #wingman-signals-table tr td:nth-child(3) { width: 30%; }
html.desk-2026 #wingman-signals-table tr td:nth-child(4), html.desk-2026 #wingman-signals-table tr td:nth-child(5) { width: 84px; white-space: nowrap; }
html.desk-2026 #wingman-signals-table td.d26-pill-td .d26-pill-txt { min-width: 0; }
html.desk-2026 #wingman-signals-table tr > :nth-child(1) { width: 92px !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(2) { width: auto !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(3) { width: 30% !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(4) { width: 72px !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(5) { width: 86px !important; }
html.desk-2026 #wingman-signals-table td.d26-pill-td .d26-pill-txt b { -webkit-line-clamp: 2; }
html.desk-2026 #wingman-signals-table td.d26-pill-td .d26-pill-cell { width: 100%; }
html.desk-2026 #wingman-signals-table td.d26-pill-td .d26-pill-txt { flex: 1 1 auto; width: 0; }
html.desk-2026 #wingman-signals-table tr > :nth-child(1) { width: 84px !important; box-sizing: border-box; }
html.desk-2026 #wingman-signals-table tr > :nth-child(2) { width: 40% !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(3) { width: auto !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(4) { width: 66px !important; padding-left: 4px !important; padding-right: 4px !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(5) { width: 78px !important; padding-left: 4px !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(2) { width: 36% !important; }
html.desk-2026 #wingman-signals-table tr td:nth-child(3) img[signal-filter] { float: none !important; margin: 0 6px 0 0 !important; vertical-align: -3px; }
html.desk-2026 #wingman-signals-table tr td:nth-child(3) > span:first-of-type { font-size: var(--d26-fs-s) !important; line-height: 1.3; }

/* ---- Wingman settings: report rules as cards ---- */
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="border-bottom"] { border: 0 !important; width: auto !important; padding: 0 !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="text-decoration:underline"][style*="float:right"] { float: none !important; margin: -8px 0 20px 10px !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) { display: block; width: auto !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) > tbody { display: flex; flex-direction: column; gap: 6px; }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:first-child td[colspan] {
  padding: 0 0 6px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; background: none !important;
}
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:not(:first-child) {
  display: grid !important; grid-template-columns: 28px 150px minmax(0, 1fr); align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--d26-r2); background: var(--d26-surface-2);
}
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:not(:first-child) td { padding: 0 !important; width: auto !important; background: none !important; }
html.desk-2026 .window.wingman .config-report-time span {
  display: inline-flex !important; align-items: center; height: 26px; padding: 0 10px !important; border: 0 !important; border-radius: 999px !important;
  background: var(--d26-accent-soft); color: var(--d26-accent); font: 650 var(--d26-fs-s) var(--main-font-family) !important; white-space: nowrap;
}
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:not(:first-child) td:last-child { font: 600 var(--d26-fs-s)/1.4 var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:not(:first-child) td:last-child span { font: 400 var(--d26-fs-cap) var(--main-font-family) !important; font-style: normal !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) .fa-times-square { float: none !important; margin: 0 !important; width: 26px !important; height: 26px; display: grid; place-items: center; border-radius: 50%; color: var(--d26-ink-3); }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) .fa-times-square:hover { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .window.wingman .wingman-config-pane-right select.subheader-button { height: 36px !important; border-radius: var(--d26-r2) !important; }

/* Wingman logo in the box header: the sidebar's bolt on the accent colour instead of the red robot image */
html.desk-2026 .wingman-header .wingman-logo {
  background: var(--d26-accent) !important; border-radius: var(--d26-r2) !important; position: relative !important;
  -webkit-mask: none; display: grid !important; place-items: center;
}
html.desk-2026 .wingman-header .wingman-logo::after {
  content: ""; width: 18px; height: 18px; background: var(--d26-on-color);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;
}
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:not(:first-child) > td:first-child:not(.config-report-time) { grid-column: 1; }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:not(:first-child) > td.config-report-time { grid-column: 2; grid-row: 1; }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:not(:first-child) > td:last-child { grid-column: 3; grid-row: 1; }
html.desk-2026 .window.wingman .config-report-time span { white-space: normal; height: auto; min-height: 26px; padding: 3px 10px !important; line-height: 1.25; text-align: center; }
/* report universum: same switch rows as the signals */
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="border-bottom"] { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 12px; row-gap: 2px; float: none !important; margin: 0 0 18px !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="border-bottom"] > div[style*="width:100%"] {
  grid-column: 1 / -1; float: none !important; margin: 0 0 6px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; color: var(--d26-ink-3) !important;
}
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="border-bottom"] > div[style*="width: 50%"],
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="border-bottom"] > div[style*="width:"] + div[style*="width: 50%"] {
  display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; padding: 7px 10px !important; border-radius: var(--d26-r2);
}
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="border-bottom"] > div[style*="width: 50%"] > div { float: none !important; margin: 0 !important; display: flex; align-items: center; font: 500 var(--d26-fs-s) var(--main-font-family) !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right form > div[style*="border-bottom"] > div[style*="width: 50%"]:hover { background: var(--d26-surface-2); }

/* Wingman settings: rows on white (no grey cards); report rules separated by a line */
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) tr:not(:first-child) { background: transparent; border-radius: 0; border-bottom: 1px solid var(--d26-line); padding: 12px 4px; }
html.desk-2026 .window.wingman .wingman-config-pane-right table[style*="margin-top: 10px"]:has(.config-report-time) > tbody { gap: 0; }
html.desk-2026 .window.wingman .wingman-config-pane-right table:not(:has(.config-report-time)) tr td { background: transparent !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right table:not(:has(.config-report-time)) tr:not(thead tr) td { border-bottom: 1px solid var(--d26-line) !important; border-radius: 0 !important; }
/* Wingman: new signal like a new message in the News Terminal (was yellow) */
html.desk-2026 .wingman-highlight-signal, html.desk-2026 .wingman-highlight-signal td { background-color: var(--d26-accent-soft) !important; color: inherit !important; opacity: 1 !important; }
html.desk-2026 .window.wingman .wingman-config-pane-right table thead, html.desk-2026 .window.wingman .wingman-config-pane-right table thead tr, html.desk-2026 .window.wingman .wingman-config-pane-right table thead td { background: transparent !important; }

/* ==========================================================================
   Chart round: HTML legend (desk2026_chart.js tf_lgRender)
   ========================================================================== */
html.desk-2026 .d26-chart-host { position: relative; }
html.desk-2026 .d26-lg {
  position: absolute; left: 10px; top: 6px; z-index: 4; display: flex; flex-direction: column; gap: 3px; max-width: calc(100% - 110px);
  pointer-events: none; font: var(--d26-fs-s)/1.35 var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink);
}
html.desk-2026 .d26-lg-top { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
html.desk-2026 .d26-lg-t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
html.desk-2026 .d26-lg-t b { font: 700 var(--d26-fs) var(--main-font-family); }
html.desk-2026 .d26-lg-t > span { color: var(--d26-ink-3); }
html.desk-2026 .d26-lg-t .d26-lg-rel, html.desk-2026 .d26-lg-t .d26-lg-cfg { padding: 0 6px; border-radius: var(--d26-r1); background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .d26-lg-tg { display: inline-flex; gap: 2px; }
html.desk-2026 .d26-lg-tg button {
  pointer-events: auto; display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 6px; border: 0; border-radius: var(--d26-r1); cursor: pointer;
  background: transparent; color: var(--d26-ink-3); font: 600 var(--d26-fs-cap) var(--main-font-family);
}
html.desk-2026 .d26-lg-tg button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-lg-tg button.off { color: var(--d26-ink-3); text-decoration: line-through; opacity: .7; }
html.desk-2026 .d26-lg-tg .d26-ico { width: 13px; height: 13px; }
html.desk-2026 .d26-lg-ohlc { display: flex; flex-wrap: wrap; gap: 0 10px; }
html.desk-2026 .d26-lg-ohlc i { font-style: normal; color: var(--d26-ink-3); margin-right: 3px; }
html.desk-2026 .d26-lg-ohlc .d26-up { color: var(--d26-up); font-weight: 650; }
html.desk-2026 .d26-lg-ohlc .d26-down { color: var(--d26-down); font-weight: 650; }
html.desk-2026 .d26-lg-chips { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; margin-top: 2px; }
html.desk-2026 .d26-chip {
  pointer-events: auto; display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 4px 0 6px; border-radius: var(--d26-r1);
  color: var(--d26-ink-2); white-space: nowrap; background: color-mix(in srgb, var(--d26-surface) 80%, transparent);
}
html.desk-2026 .d26-chip:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-chip .sw { width: 8px; height: 8px; border-radius: 2px; flex: none; background: var(--d26-ink-3); }
html.desk-2026 .d26-chip.off { opacity: .45; }
html.desk-2026 .d26-chip .acts { display: none; }
html.desk-2026 .d26-chip:hover .acts { display: inline-flex; }
html.desk-2026 .d26-chip .acts button { width: 20px; height: 20px; display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--d26-r1); background: transparent; color: var(--d26-ink-3); cursor: pointer; }
html.desk-2026 .d26-chip .acts button:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .d26-chip .acts button[data-a="remove"]:hover { color: var(--d26-down); }
html.desk-2026 .d26-chip .acts .d26-ico { width: 13px; height: 13px; }
html.desk-2026 .d26-lg-panes { position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 4; }
html.desk-2026 .d26-lg-pane { position: absolute; left: 6px; display: flex; gap: 4px; font: var(--d26-fs-s) var(--main-font-family); }

/* chart footer: Log / Lin switch */
html.desk-2026 .d26-scale {
  float: right; display: inline-flex; gap: 2px; height: 30px; padding: 3px; margin: 5px 10px 0 0; border: 0; border-radius: var(--d26-pill); background: var(--d26-surface-2); cursor: pointer;
}
html.desk-2026 .d26-scale b { display: grid; place-items: center; padding: 0 10px; border-radius: var(--d26-pill); font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-scale b.on { background: var(--d26-pop); color: var(--d26-ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .d26-tbtn.d26-tb-side.on { background: var(--d26-accent-soft); color: var(--d26-accent); }
/* chart side panel (Handeln + Watchlist) */
html.desk-2026 .d26-side {
  position: absolute; right: 0; top: 0; bottom: 0; width: 300px; box-sizing: border-box; z-index: 5; overflow-y: auto; padding: 10px 14px 14px;
  background: var(--d26-surface); border-left: 1px solid var(--d26-line); display: flex; flex-direction: column; gap: 18px; font: var(--d26-fs) var(--main-font-family); color: var(--d26-ink);
}
html.desk-2026 .d26-side h3 { margin: 0 0 8px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-side-q { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
html.desk-2026 .d26-side-q > div { padding: 8px 10px; border-radius: var(--d26-r2); background: var(--d26-surface-2); }
html.desk-2026 .d26-side-q span { display: block; font: 600 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .04em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-side-q b { font: 650 var(--d26-fs-m)/1.4 var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-side-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html.desk-2026 .d26-side-acts button, html.desk-2026 .d26-side-lev {
  height: 38px; border: 0; border-radius: var(--d26-pill); cursor: pointer; font: 650 var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .d26-side-acts .buy { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .d26-side-acts .sell { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .d26-side-acts .buy:hover { background: var(--d26-up); color: var(--d26-on-color); }
html.desk-2026 .d26-side-acts .sell:hover { background: var(--d26-down); color: var(--d26-on-color); }
html.desk-2026 .d26-side-lev { width: 100%; margin-top: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-side-lev:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-side-lev .d26-ico { width: 16px; height: 16px; }
html.desk-2026 .d26-side-wl { display: flex; flex-direction: column; }
html.desk-2026 .d26-side-row {
  display: grid; grid-template-columns: minmax(0, 1fr) auto 64px; align-items: center; gap: 8px; height: 38px; padding: 0 8px; border: 0; border-radius: var(--d26-r2);
  background: transparent; cursor: pointer; text-align: left; font: var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); font-variant-numeric: tabular-nums;
}
html.desk-2026 .d26-side-row:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-side-row b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-side-row .chg { text-align: right; font-weight: 650; }
html.desk-2026 .d26-side-row .d26-up { color: var(--d26-up); } html.desk-2026 .d26-side-row .d26-down { color: var(--d26-down); }
html.desk-2026 .d26-side-empty { margin: 4px 0; color: var(--d26-ink-3); font-size: var(--d26-fs-s); }
html.desk-2026 .d26-ctb > .d26-tb-side { order: 8; }
html.desk-2026 .d26-ctb > .d26-tb-more { order: 9; }
html.desk-2026 .d26-side { top: 34px; border-top: 1px solid var(--d26-line); border-top-left-radius: var(--d26-r2); }
/* calmer drawing tool bar: lighter icons, a bit more air, separators between groups */
html.desk-2026 div.leftbar.d26 a.d26-tool, html.desk-2026 .d26-tgroup-btn { color: var(--d26-ink-3) !important; }
html.desk-2026 div.leftbar.d26 a.d26-tool > .d26-ico, html.desk-2026 .d26-tgroup-btn > .d26-ico { width: 17px; height: 17px; }
html.desk-2026 .d26-leftbar { gap: 2px; padding-top: 4px; }
html.desk-2026 .d26-leftbar > a.zoom_icon { margin-top: 8px; position: relative; }
html.desk-2026 .d26-leftbar > a.zoom_icon::before { content: ""; position: absolute; left: 8px; right: 8px; top: -6px; height: 1px; background: var(--d26-line); }
html.desk-2026 .d26-tgroup-btn .d26-tgroup-mark { opacity: .5; }
html.desk-2026 .d26-fly { padding: 6px !important; }
html.desk-2026 .d26-fly a.d26-tool { color: var(--d26-ink) !important; }
html.desk-2026 .d26-fly a.d26-tool > .d26-ico { color: var(--d26-ink-3); }
html.desk-2026 .d26-fly a.d26-tool.active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .settings_box fieldset select { min-width: 170px !important; max-width: none !important; }
/* drawing tools like the preview rail: 34 px buttons, 18 px icons, ink-2 */
html.desk-2026 div.leftbar.d26 a.d26-tool, html.desk-2026 .d26-tgroup-btn { width: 34px !important; height: 34px !important; color: var(--d26-ink-2) !important; border-radius: var(--d26-r2); }
html.desk-2026 div.leftbar.d26 a.d26-tool > .d26-ico, html.desk-2026 .d26-tgroup-btn > .d26-ico { width: 18px; height: 18px; }
html.desk-2026 div.leftbar.d26 a.d26-tool:hover, html.desk-2026 .d26-tgroup-btn:hover { color: var(--d26-ink) !important; }
html.desk-2026 div.leftbar.d26 a.d26-tool.active, html.desk-2026 .d26-tgroup:has(a.active) > .d26-tgroup-btn { color: var(--d26-accent) !important; }
html.desk-2026 .d26-leftbar { gap: 4px; }

/* ---- Scans dialog (desk2026_chart.js tf_desk2026Scans) ---- */
html.desk-2026 .d26-scan-dlg .d26-scan-list[hidden], html.desk-2026 .d26-scan-dlg .d26-scan-set[hidden] { display: none !important; }
html.desk-2026 .d26-scan-dlg .d26-scan-list { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
html.desk-2026 .d26-scan-card.on { box-shadow: inset 0 0 0 2px var(--d26-accent); background: var(--d26-accent-soft); }
html.desk-2026 .d26-scan-card .d26-ind-act { display: flex; align-items: center; gap: 6px; }
html.desk-2026 .d26-scan-gear { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--d26-ink-3); cursor: pointer; }
html.desk-2026 .d26-scan-gear:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .d26-switch { position: relative; width: 32px; height: 18px; border-radius: 999px; background: var(--d26-surface-3); flex: none; transition: background .15s; }
html.desk-2026 .d26-switch::after { content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--d26-knob); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 25%, transparent); transition: left .15s; }
html.desk-2026 .d26-switch.on { background: var(--d26-accent); }
html.desk-2026 .d26-switch.on::after { left: 16px; }
html.desk-2026 .d26-prem { margin-left: 6px; padding: 1px 5px; border-radius: 4px; background: var(--d26-lime); color: var(--d26-on-lime); font: 800 9px/1.3 var(--main-font-family); font-style: normal; letter-spacing: .05em; text-transform: uppercase; vertical-align: 2px; }
html.desk-2026 .d26-scan-set { padding: 4px 24px 20px; overflow-y: auto; }
html.desk-2026 .d26-scan-set h3 { margin: 6px 0 4px; font: 700 var(--d26-fs-l) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-scan-desc { margin: 0 0 16px; color: var(--d26-ink-2); line-height: 1.5; max-width: 640px; }
html.desk-2026 .d26-scan-form h3 { display: none; }
html.desk-2026 .d26-scan-form > div > div, html.desk-2026 .d26-scan-form div[style*="clear:both"] {
  display: flex !important; align-items: center; gap: 10px; float: none !important; padding: 8px 0 !important; border-bottom: 1px solid var(--d26-line);
}
html.desk-2026 .d26-scan-form .key { float: none !important; width: 240px !important; padding: 0 !important; color: var(--d26-ink); }
html.desk-2026 .d26-scan-form input, html.desk-2026 .d26-scan-form select {
  float: none !important; width: 90px !important; max-width: none !important; height: 34px; padding: 0 10px; border: 0; border-radius: var(--d26-r2); background: var(--d26-surface-2); color: var(--d26-ink); font: 500 var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .d26-scan-form select { width: auto !important; min-width: 140px; }
html.desk-2026 .d26-scan-form span { float: none !important; padding: 0 !important; color: var(--d26-ink-3); }
html.desk-2026 .d26-scan-foot { margin-top: 18px; }
html.desk-2026 .d26-scan-tg { height: 38px; padding: 0 18px; border: 0; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); font: 650 var(--d26-fs) var(--main-font-family); cursor: pointer; }
html.desk-2026 .d26-scan-card .d26-ind-act { flex-direction: row !important; align-self: center; }
html.desk-2026 .d26-scan-dlg { height: min(720px, calc(100vh - 80px)); }
/* chart toolbar dropdowns above the HTML legend and the side panel */
html.desk-2026 .d26-ctb { position: relative; z-index: 8 !important; }
/* flyout rows are tools too: keep them full width (the 34 px rule is for the bar) */
html.desk-2026 div.leftbar.d26 .d26-fly a.d26-tool { width: auto !important; height: 36px !important; justify-content: flex-start; gap: 10px; padding: 0 12px 0 10px !important; }
html.desk-2026 div.leftbar.d26 .d26-fly a.d26-tool > .d26-ico { display: block !important; width: 18px; height: 18px; flex: none; }

/* ==========================================================================
   Trees (webix tree: Explorer, list / scan / signal universes, help) - one style everywhere
   ========================================================================== */
html.desk-2026 .webix_tree { background: transparent !important; font: var(--d26-fs)/1.3 var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .webix_tree .webix_tree_item {
  display: flex !important; align-items: center; gap: 6px; height: 32px !important; line-height: 32px !important; padding: 0 8px 0 4px !important;
  border-radius: var(--d26-r2); cursor: pointer; white-space: nowrap; color: var(--d26-ink) !important; background: transparent !important;
}
html.desk-2026 .webix_tree .webix_tree_item:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .webix_tree .webix_tree_item.webix_selected { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; font-weight: 600; }
html.desk-2026 .webix_tree .webix_tree_item > span { overflow: hidden; text-overflow: ellipsis; color: inherit !important; }
/* no dotted connector lines; indentation stays (blank / line cells keep their width) */
html.desk-2026 .webix_tree .webix_tree_img { flex: none; width: 18px !important; height: 18px !important; background-image: none !important; margin: 0 !important; }
html.desk-2026 .webix_tree .webix_tree_blank, html.desk-2026 .webix_tree [class*="webix_tree_line"] { width: 14px !important; }
/* expand / collapse as a chevron */
html.desk-2026 .webix_tree .webix_tree_open, html.desk-2026 .webix_tree .webix_tree_close {
  background: var(--d26-ink-3) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m9%206%206%206-6%206%27/%3E%3C/svg%3E") center / 14px no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m9%206%206%206-6%206%27/%3E%3C/svg%3E") center / 14px no-repeat; transition: transform .12s; border-radius: 0;
}
html.desk-2026 .webix_tree .webix_tree_open { transform: rotate(90deg); }
html.desk-2026 .webix_tree .webix_tree_item:hover .webix_tree_open, html.desk-2026 .webix_tree .webix_tree_item:hover .webix_tree_close { background: var(--d26-ink) !important; }
/* folders and lists as line icons */
html.desk-2026 .webix_tree .webix_tree_item:not([class*="flag-"]) > .webix_tree_folder, html.desk-2026 .webix_tree .webix_tree_item:not([class*="flag-"]) > .webix_tree_folder_open, html.desk-2026 .webix_tree .webix_tree_file {
  flex: none; width: 18px !important; height: 18px !important; margin: 0 2px 0 0 !important; background-image: none !important;
}
html.desk-2026 .webix_tree .webix_tree_item:not([class*="flag-"]) > .webix_tree_folder { background: var(--d26-ink-3) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207a2%202%200%200%201%202-2h4l2%202h8a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%27/%3E%3C/svg%3E") center / 17px no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207a2%202%200%200%201%202-2h4l2%202h8a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%27/%3E%3C/svg%3E") center / 17px no-repeat; }
html.desk-2026 .webix_tree .webix_tree_item:not([class*="flag-"]) > .webix_tree_folder_open { background: var(--d26-accent) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207a2%202%200%200%201%202-2h4l2%202h6a2%202%200%200%201%202%202v1H7.5a2%202%200%200%200-1.9%201.4L3.5%2018%27/%3E%3Cpath%20d%3D%27M3.5%2018%205.6%2011.4A2%202%200%200%201%207.5%2010H21l-2.4%207.2A2%202%200%200%201%2016.7%2019H5a2%202%200%200%201-1.5-1z%27/%3E%3C/svg%3E") center / 17px no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207a2%202%200%200%201%202-2h4l2%202h6a2%202%200%200%201%202%202v1H7.5a2%202%200%200%200-1.9%201.4L3.5%2018%27/%3E%3Cpath%20d%3D%27M3.5%2018%205.6%2011.4A2%202%200%200%201%207.5%2010H21l-2.4%207.2A2%202%200%200%201%2016.7%2019H5a2%202%200%200%201-1.5-1z%27/%3E%3C/svg%3E") center / 17px no-repeat; }
html.desk-2026 .webix_tree .webix_tree_file { background: var(--d26-ink-3) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%206h13M8%2012h13M8%2018h13%27/%3E%3Cpath%20d%3D%27M3.5%206h.01M3.5%2012h.01M3.5%2018h.01%27%20stroke-width%3D%273%27/%3E%3C/svg%3E") center / 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%206h13M8%2012h13M8%2018h13%27/%3E%3Cpath%20d%3D%27M3.5%206h.01M3.5%2012h.01M3.5%2018h.01%27%20stroke-width%3D%273%27/%3E%3C/svg%3E") center / 16px no-repeat; }
html.desk-2026 .webix_tree .webix_tree_item.webix_selected .webix_tree_file { background: var(--d26-accent) !important; }
html.desk-2026 .webix_tree .webix_tree_branch_1 > .webix_tree_item { font-weight: 650; }
html.desk-2026 .webix_tree .webix_tree_item[class*="flag-"] > .webix_tree_folder, html.desk-2026 .webix_tree .webix_tree_item[class*="flag-"] > .webix_tree_folder_open { flex: none; width: 20px !important; height: 14px !important; margin: 0 2px 0 0 !important; background-size: contain !important; background-position: center !important; border-radius: 2px; }

/* ---- desktop controls in the header ---- */
html.d26-frame .d26-desk-arrow { display: none; margin: 0; padding: 0; list-style: none; flex: none; }
html.d26-frame .d26-tabs-overflow .d26-desk-arrow { display: flex; }
html.d26-frame .d26-desk-arrow li { margin: 0; }
html.d26-frame .d26-desk-arrow a { display: grid !important; place-items: center; width: 26px; height: 30px; border-radius: var(--d26-r1); color: var(--d26-ink-3); cursor: pointer; line-height: 0 !important; font-size: 0 !important; }
html.d26-frame .d26-desk-arrow a:hover { background: var(--d26-surface); color: var(--d26-ink); }
:root.desk-2026 .d26-desk-arrow a::before { width: 16px !important; height: 16px !important; margin: 0 !important; }
html.d26-frame #desk-scroll-controls { gap: 2px; padding-left: 6px !important; margin-left: 4px; border-left: 1px solid var(--d26-line); }
html.d26-frame #desk-scroll-controls li { position: relative; }
html.d26-frame #desk-scroll-controls a { color: var(--d26-ink-3) !important; }
html.d26-frame #desk-scroll-controls a:hover { color: var(--d26-ink) !important; }
/* autosave: accent when on, muted when off (desktop.js writes the state as inline colour) */
html.d26-frame #desk-scroll-controls a.fa-magic[style*="positive"] { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.d26-frame #desk-scroll-controls a.fa-magic[style*="negative"] { color: var(--d26-ink-3) !important; opacity: .7; }
/* save: dot when there are unsaved changes (li inline colour from tf_setPendingToSaveStatus) */
html.d26-frame #desk-scroll-controls li[style*="negative"] a.save::after {
  content: ""; position: absolute; right: 5px; top: 5px; width: 7px; height: 7px; border-radius: 50%; background: var(--d26-down); box-shadow: 0 0 0 2px var(--d26-bg);
}

/* ---- Newsbot (newsbox.js) like the News Terminal list ---- */
html.desk-2026 .newsbox > .topbar, html.desk-2026 .container:has(.newsbox) .topbar {
  display: flex !important; align-items: center; gap: 6px; height: auto !important; min-height: 44px; padding: 0 0 8px !important; margin: 0 0 4px !important;
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; position: relative;
}
html.desk-2026 .container:has(.newsbox) .topbar > * { float: none !important; margin-top: 0 !important; }
html.desk-2026 .container:has(.newsbox) .topbar .clear-search-button {
  position: static !important; order: 1; width: 24px; height: 24px; display: grid; place-items: center; margin-left: -4px !important; border-radius: 50%; color: var(--d26-ink-3); cursor: pointer;
}
html.desk-2026 .container:has(.newsbox) .topbar .clear-search-button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .container:has(.newsbox):not(.d26-has-stock) .topbar .clear-search-button { display: none !important; }
:root.desk-2026 .container:has(.newsbox) .topbar .clear-search-button::before { width: 14px; height: 14px; margin: 0 !important; }
html.desk-2026 .container:has(.newsbox) .topbar .dropdown { order: 2; height: 30px; padding: 0 !important; border-radius: var(--d26-pill); background: var(--d26-surface-2); }
html.desk-2026 .container:has(.newsbox) .topbar .dropdown:first-of-type { margin-left: auto !important; }
html.desk-2026 .container:has(.newsbox) .topbar .dropdown:hover { background: var(--d26-surface-3); }
html.desk-2026 .container:has(.newsbox) .topbar .dropdown .dropdown_element { display: inline-flex !important; align-items: center; gap: 6px; height: 30px; padding: 0 10px 0 12px; }
html.desk-2026 .container:has(.newsbox) .topbar .dropdown .dd_title { float: none !important; text-transform: none !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink-2); padding: 0 !important; }
html.desk-2026 .container:has(.newsbox) .topbar .dropdown .dd_button { float: none !important; font-size: 8px; color: var(--d26-ink-3); }
html.desk-2026 .newsbox .post {
  display: grid !important; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; float: none !important; width: auto !important;
  padding: 10px 8px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; border-radius: 0; background: transparent !important;
}
html.desk-2026 .newsbox .post:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .newsbox .post .when { grid-column: 1; display: flex; gap: 0; float: none !important; margin: 0 0 3px !important; font: 600 var(--d26-fs-cap) var(--main-font-family) !important; color: var(--d26-ink-3) !important; text-transform: uppercase; letter-spacing: .03em; }
html.desk-2026 .newsbox .post .when > span { color: inherit !important; }
html.desk-2026 .newsbox .post .when > span:last-child { color: var(--d26-accent) !important; }
html.desk-2026 .newsbox .post .language-info { grid-column: 2; grid-row: 1 / span 3; float: none !important; align-self: start; }
html.desk-2026 .newsbox .post .language-info img { width: 18px !important; height: 18px !important; border-radius: 50%; object-fit: cover; opacity: .9; }
html.desk-2026 .newsbox .post a.news-title { grid-column: 1; display: block; float: none !important; font: 650 var(--d26-fs)/1.4 var(--main-font-family) !important; color: var(--d26-ink) !important; text-decoration: none !important; }
html.desk-2026 .newsbox .post a.news-title:hover { color: var(--d26-accent) !important; }
html.desk-2026 .newsbox .post .period-info {
  grid-column: 1; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; float: none !important; margin-top: 3px;
  font: 400 var(--d26-fs-s)/1.45 var(--main-font-family) !important; color: var(--d26-ink-2) !important;
}
html.desk-2026 .newsbox .post .when { gap: 3px; }
html.desk-2026 .newsbox .post .language-info { margin: 0 !important; align-self: center; position: static !important; }
html.desk-2026 .newsbox .post .language-info img { display: block; }
html.desk-2026 .container:has(.d26-ctb) .alerts-link { border: 0 !important; box-shadow: none !important; background: transparent; }
html.desk-2026 .d26-chip.draw .sw { border-radius: 50%; }

/* ---- small chart windows (desk2026_chart.js sets d26-w-m < 720 px, d26-w-s < 560 px, d26-min = chart minimal mode) ---- */
html.desk-2026 .container .head .big.d26-trade { display: none; order: 5; height: 24px; padding: 0 8px 0 10px; border-radius: var(--d26-pill); font-weight: 700; line-height: 24px; background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .container .head .big.d26-trade .d26-ico { width: 11px; height: 11px; }
html.desk-2026 .container.d26-w-m .head .big.buy,
html.desk-2026 .container.d26-w-m .head .big.sell,
html.desk-2026 .container.d26-w-m .head .big.derivate { display: none !important; }
html.desk-2026 .container.d26-w-m .head .big.d26-trade { display: inline-flex; }
html.desk-2026 .container.d26-chartwin .head .d26-ins { min-width: 0; flex: 0 1 auto; overflow: hidden; }
html.desk-2026 .container.d26-chartwin .head .d26-ins-txt { min-width: 0; overflow: hidden; }
html.desk-2026 .container.d26-chartwin .head .d26-ins-txt > * { overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .container.d26-chartwin .head .d26-px { flex: none; }
html.desk-2026 .container.d26-chartwin.d26-w-s .head .d26-px span { display: none; }
html.desk-2026 .container.d26-chartwin.d26-w-s .head .d26-ins-txt > span { display: none; }
/* footer: ⋮ chart menu only in minimal mode (toolbar hidden); quick ranges stay on one line */
html.desk-2026 .d26-foot-more { display: none; }
html.desk-2026 .container.d26-min .foot .d26-foot-more {
  display: grid; place-items: center; order: 5; width: 28px; height: 28px; margin-left: auto !important; padding: 0; border: 0; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink-2); cursor: pointer;
}
html.desk-2026 .container.d26-min .foot .d26-foot-more:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .container.d26-min .foot .d26-foot-more .d26-ico { width: 15px; height: 15px; }
html.desk-2026 .container.d26-min .foot { overflow: hidden; }
html.desk-2026 .container.d26-min .foot .footer-links { flex: 0 1 auto; min-width: 0; overflow: hidden; }
html.desk-2026 .container.d26-min .foot .footer-links .fake-dropdown { padding: 0 10px; }
html.desk-2026 .container.d26-min .foot > div:has(.dropdown_up) { display: none !important; }
/* legend on low charts */
html.desk-2026 .d26-lg.d26-lg-s .d26-lg-tg,
html.desk-2026 .d26-lg.d26-lg-s .d26-lg-ohlc,
html.desk-2026 .d26-lg.d26-lg-s .d26-lg-chips,
html.desk-2026 .d26-lg.d26-lg-s .d26-lg-cfg,
html.desk-2026 .d26-lg.d26-lg-s .d26-lg-t > span { display: none; }
html.desk-2026 .d26-lg.d26-lg-xs { display: none; }

/* ---- text filter field (Kalender, Gespeicherte Charts) ---- */
html.desk-2026 .d26-cal-filter, html.desk-2026 .d26-qfilter {
  display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px; margin: 0 0 10px; box-sizing: border-box;
  border-radius: var(--d26-pill); background: var(--d26-pop); box-shadow: inset 0 0 0 1px var(--d26-line); color: var(--d26-ink-3); cursor: text;
}
html.desk-2026 .d26-cal-filter:focus-within, html.desk-2026 .d26-qfilter:focus-within { box-shadow: inset 0 0 0 1.5px var(--d26-accent); }
html.desk-2026 .d26-cal-filter .d26-ico, html.desk-2026 .d26-qfilter .d26-ico { width: 14px; height: 14px; flex: none; }
html.desk-2026 .d26-cal-filter input, html.desk-2026 .d26-qfilter input {
  flex: 1; min-width: 0; height: 100%; padding: 0 !important; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important;
  font: 500 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink) !important;
}
html.desk-2026 .d26-cal-filter input::placeholder, html.desk-2026 .d26-qfilter input::placeholder { color: var(--d26-ink-3); }

/* saved charts: left column with filter, month calendar (nach Datum) and the list */
html.desk-2026 .d26-sc-side { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; min-height: 0; padding: 12px; border-right: 1px solid var(--d26-line); }
html.desk-2026 .d26-sc-side .d26-sc-nav { grid-column: auto; grid-row: auto; flex: 1 1 auto; padding: 0; border-right: 0; }
html.desk-2026 .d26-sc-side .d26-sc-cal { position: static; margin: 0 0 10px; flex: none; }

/* ---- Minichart (chart_small.js, .container.small.d26-mini) ---- */
html.desk-2026 .container.d26-mini .head .buttons-list > .big:has(.d26-sfbtn) { order: -1; width: auto !important; height: auto !important; margin: 0 0 0 -6px !important; padding: 0 !important; background: transparent !important; }
html.desk-2026 .container.d26-mini .head .d26-sfbtn { height: 38px; }
html.desk-2026 .container.d26-mini .head .title_field { order: 0; flex: 0 0 auto; margin: 0 auto 0 4px; font-size: 0 !important; }   /* name is in the stock button; price + change stay */
html.desk-2026 .container.d26-mini .head .title_field .title_extra { display: inline-flex !important; align-items: baseline; gap: 8px; margin: 0 !important; }
html.desk-2026 .container.d26-mini .head .title_field .title_extra .d26-mini-px { font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); font-variant-numeric: tabular-nums; }
html.desk-2026 .container.d26-mini .head .title_field .title_extra span.up,
html.desk-2026 .container.d26-mini .head .title_field .title_extra span.down { font: 650 var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .container.d26-mini .foot {
  display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 10px 0 8px; box-sizing: border-box; width: 100%; overflow: hidden;
  background: var(--d26-surface); text-transform: none; font: var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3);
}
html.desk-2026 .container.d26-mini .foot > div { float: none !important; margin: 0 !important; display: flex; align-items: center; gap: 4px; }
html.desk-2026 .container.d26-mini .foot > div:empty { display: none; }
html.desk-2026 .container.d26-mini .foot .fake-dropdown,
html.desk-2026 .container.d26-mini .foot .dropdown_up,
html.desk-2026 .container.d26-mini .foot .dropdown {
  display: inline-flex !important; align-items: center; gap: 6px; float: none !important; height: 28px; padding: 0 10px !important; margin: 0 !important; box-sizing: border-box;
  border: 0 !important; border-radius: var(--d26-pill); background: var(--d26-surface-2) !important; color: var(--d26-ink-2);
  font: 600 var(--d26-fs-s)/28px var(--main-font-family) !important; letter-spacing: 0; text-transform: none !important; white-space: nowrap; cursor: pointer;
}
html.desk-2026 .container.d26-mini .foot .fake-dropdown:hover,
html.desk-2026 .container.d26-mini .foot .dropdown_up:hover,
html.desk-2026 .container.d26-mini .foot .dropdown:hover { background: var(--d26-surface-3) !important; color: var(--d26-ink); }
html.desk-2026 .container.d26-mini .foot :is(.dropdown, .dropdown_up) .dropdown_element { display: inline-flex !important; align-items: center; gap: 5px; height: 28px; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .container.d26-mini .foot :is(.dropdown, .dropdown_up) .dd_title { float: none !important; padding: 0 !important; line-height: 28px; text-transform: none !important; font: inherit !important; color: inherit !important; }
html.desk-2026 .container.d26-mini .foot :is(.dropdown, .dropdown_up) .dd_button { float: none !important; font-size: 8px; color: var(--d26-ink-3); }
html.desk-2026 .container.d26-mini .foot .d26-mini-alert { width: 28px; padding: 0 !important; justify-content: center; }
html.desk-2026 .container.d26-mini .foot .d26-mini-alert .d26-ico { width: 14px; height: 14px; }
html.desk-2026 .container.d26-mini .head .title_field span.__ { display: none !important; }
html.desk-2026 .container.d26-mini .head .d26-sfbtn { max-width: 150px; }
html.desk-2026 .container.d26-mini .head { gap: 4px; }
html.desk-2026 .container.d26-mini .head .title_field { min-width: 0; overflow: hidden; }

/* ---- Trading-Desk menu (desktop.js td-menu): own desks left, prepared desks right, user row at the bottom ---- */
html.d26-frame .td-menu {
  width: 600px !important; height: auto !important; max-height: calc(100vh - var(--d26-top-h) - 16px);
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto;
  grid-template-areas: "own pre" "user user"; color: var(--d26-ink); font: var(--d26-fs)/1.35 var(--main-font-family);
}
html.d26-frame .td-menu[style*="display: none"] { display: none !important; }
html.d26-frame .td-menu:not(:has(.user-links)) { grid-template-columns: 1fr; grid-template-areas: "pre" "user"; width: 320px !important; }
html.d26-frame .td-menu .user-area { display: contents; }
html.d26-frame .td-menu .tradingdesk-area,
html.d26-frame .td-menu .user-area .user-links {
  position: static; float: none; width: auto !important; height: auto !important; min-height: 0; overflow-y: auto; padding: 8px; box-sizing: border-box;
  background: transparent; color: inherit; border: 0;
}
html.d26-frame .td-menu .user-area .user-links { grid-area: own; border-right: 1px solid var(--d26-line); }
html.d26-frame .td-menu .tradingdesk-area { grid-area: pre; display: flex; flex-direction: column; }
html.d26-frame .td-menu .tradingdesk-area > div { float: none !important; width: auto !important; height: auto !important; overflow: visible !important; }
html.d26-frame .td-menu .tradingdesk-area > div:not(.promoted-desks) { order: 2; }
html.d26-frame .td-menu .tradingdesk-area > .promoted-desks { order: 1; background: transparent !important; }
html.d26-frame .td-menu .section-title {
  margin: 8px 8px 6px; font: 700 var(--d26-fs-cap)/1.4 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
/* rows */
html.d26-frame .td-menu .td-link {
  display: flex; align-items: center; gap: 10px; float: none; width: auto; height: 40px; margin: 0; padding: 0 8px; box-sizing: border-box;
  border-radius: var(--d26-r2); cursor: pointer; color: var(--d26-ink) !important; background: transparent;
}
html.d26-frame .td-menu .td-link:hover { background: var(--d26-surface-2); }
html.d26-frame .td-menu .td-link.active { background: var(--d26-accent-soft); }
html.d26-frame .td-menu .td-link.active .title, html.d26-frame .td-menu .td-link.active .mytitle { color: var(--d26-accent) !important; }
html.d26-frame .td-menu .td-link > div { float: none !important; margin: 0 !important; }
html.d26-frame .td-menu .td-link .title,
html.d26-frame .td-menu .td-link .mytitle {
  flex: 1 1 auto; min-width: 0; width: auto; margin: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 600 var(--d26-fs) var(--main-font-family); color: var(--d26-ink) !important; position: static;
}
html.d26-frame .td-menu .td-link .mytitle:hover { color: inherit; }
html.d26-frame .td-menu .d26-td-tile {
  display: grid; place-items: center; flex: none; width: 36px; height: 28px; padding: 0; box-sizing: border-box; border-radius: var(--d26-r1);
  background: var(--d26-accent); color: var(--d26-on-accent) !important; font: 800 10px/1 var(--main-font-family); letter-spacing: .02em;
}
html.d26-frame .td-menu .promoted-desks .d26-td-tile { background: var(--d26-ink); color: var(--d26-surface) !important; }
html.d26-frame .td-menu .d26-td-extic { flex: none; color: var(--d26-ink-3); }
html.d26-frame .td-menu .d26-td-extic::before { width: 14px !important; height: 14px !important; }
/* own desks: line icon, rename / delete on hover */
html.d26-frame .td-menu .td-link .tdesk-icon {
  flex: none; width: 28px !important; height: 28px !important; border-radius: var(--d26-r1); background: var(--d26-surface-2) !important; position: relative;
}
html.d26-frame .td-menu .td-link .tdesk-icon { color: var(--d26-ink-2); }
:root.desk-2026.d26-frame .td-menu .td-link .tdesk-icon::before { width: 15px; height: 15px; margin: -7.5px 0 0 -7.5px; }
html.d26-frame .td-menu .td-link.active .tdesk-icon { background: var(--d26-pop) !important; }
html.d26-frame .td-menu .td-link.active .tdesk-icon { color: var(--d26-accent); }
html.d26-frame .td-menu .user-links .td-link > div:not(.tdesk-icon):not(.mytitle) { display: none; width: 26px; height: 26px; place-items: center; border-radius: var(--d26-r1); color: var(--d26-ink-3); }
html.d26-frame .td-menu .user-links .td-link:hover > div:not(.tdesk-icon):not(.mytitle) { display: grid; }
html.d26-frame .td-menu .user-links .td-link > div:not(.tdesk-icon):not(.mytitle):hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.d26-frame .td-menu .user-links .td-link > div:not(.tdesk-icon):not(.mytitle):last-child:hover { color: var(--d26-down); }
html.d26-frame .td-menu .user-links .td-link > div > div { margin: 0 !important; }
/* new desk: field with + */
html.d26-frame .td-menu .user-area .new-desk { display: flex; gap: 6px; float: none; width: auto; margin: 0 0 6px; padding: 0 4px; }
html.d26-frame .td-menu .user-area .new-desk .input {
  flex: 1; float: none; width: auto; height: 34px; margin: 0; padding: 0 12px; box-sizing: border-box; border: 0; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); box-shadow: none; outline: 0; font: 500 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink) !important;
}
html.d26-frame .td-menu .user-area .new-desk .input:focus { box-shadow: inset 0 0 0 1.5px var(--d26-accent); background: var(--d26-pop); }
html.d26-frame .td-menu .user-area .new-desk .input::placeholder { color: var(--d26-ink-3); font-style: normal; }
html.d26-frame .td-menu .user-area .new-desk .button {
  float: none; flex: none; width: 34px; height: 34px; margin: 0; border-radius: 50%; background: var(--d26-accent) !important; position: relative; cursor: pointer; font-size: 0;
}
html.d26-frame .td-menu .user-area .new-desk .button { color: var(--d26-on-accent); }
:root.desk-2026.d26-frame .td-menu .new-desk .button::before { width: 14px; height: 14px; margin: -7px 0 0 -7px; }
html.d26-frame .td-menu .user-area .new-desk .button:hover { background: var(--d26-accent-hover, var(--d26-accent)) !important; filter: brightness(1.08); }
/* user row */
html.d26-frame .td-menu .user-area .user-info {
  grid-area: user; position: static; display: flex; align-items: center; gap: 10px; min-height: 0; padding: 10px 16px; box-sizing: border-box;
  border-top: 1px solid var(--d26-line); background: var(--d26-surface) !important; color: var(--d26-ink) !important;
}
html.d26-frame .td-menu .user-area .user-info * { color: inherit !important; }
html.d26-frame .td-menu .user-info .user_name { float: none; margin: 0 auto 0 0; font: 700 var(--d26-fs) var(--main-font-family); }
html.d26-frame .td-menu .user-info .user_icon_background { float: none; width: 32px; height: 32px; padding: 0; margin: 0; font-size: 28px; }
html.d26-frame .td-menu .user-info > div[style] {
  float: none !important; clear: none !important; margin: 0 !important; display: inline-flex; align-items: center; gap: 6px;
  height: 32px; padding: 0 12px; border-radius: var(--d26-pill); background: var(--d26-surface-2); font: 600 var(--d26-fs-s) var(--main-font-family);
}
html.d26-frame .td-menu .user-info > div[style]:hover { background: var(--d26-surface-3); }
html.d26-frame .td-menu .user-info > div[style] i { margin: 0 !important; order: -1; }
html.d26-frame .td-menu .user-info .d26-avatar {
  display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--d26-accent); color: var(--d26-on-accent) !important;
  font: 700 var(--d26-fs-s) var(--main-font-family); flex: none;
}
/* guests: login / register note (user.js tf_guestNotice) in the own-desks column and the settings panes */
html.d26-frame .td-menu .td-guest-sep { display: none; }
html.d26-frame .td-menu .user-links .section-title { float: none; }   /* legacy .section-title floats left: the guest card squeezed in beside it */
html.d26-frame .td-menu .user-links:has(.d26-guest) { overflow-x: hidden; }
html.desk-2026 .d26-guest { clear: both; float: none; width: auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin: 4px 8px 8px; padding: 16px; border-radius: var(--d26-r2); background: var(--d26-surface-2); box-sizing: border-box; }
html.desk-2026 .login-popup .d26-guest.d26-guest-popup { margin: 0 16px 16px; padding: 20px; }
html.desk-2026 .d26-guest.d26-guest-pane { max-width: 520px; margin: 0; padding: 20px; }
html.desk-2026 .d26-guest-title { font: 700 var(--d26-fs-m)/1.35 var(--main-font-family); color: var(--d26-ink) !important; }
html.desk-2026 .d26-guest ul { margin: 0; padding: 0 0 0 18px; color: var(--d26-ink-2); font: 500 var(--d26-fs-s)/1.5 var(--main-font-family); }
html.desk-2026 .d26-guest a.d26-guest-login {
  display: inline-flex; align-items: center; height: 36px; padding: 0 20px; border-radius: var(--d26-pill);
  background: var(--d26-accent); color: var(--d26-on-accent) !important; font: 650 var(--d26-fs) var(--main-font-family); text-decoration: none;
}
html.desk-2026 .d26-guest a.d26-guest-login:hover { background: var(--d26-accent-hover, var(--d26-accent)); }
html.desk-2026 .d26-guest-register { font: 500 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-guest-register a { color: var(--d26-accent) !important; font-weight: 650; text-decoration: none; }
html.desk-2026 .d26-guest-register a:hover { text-decoration: underline; }
html.d26-frame .td-menu .promoted-desks { position: static !important; width: auto !important; float: none !important; }
html.d26-frame .td-menu .user-area .user-info { border-bottom: 0 !important; }
html.d26-frame .td-menu .td-link .tdesk-icon { width: 36px !important; }

/* ---- note marker in the lists (table_4.js): note icon on a soft accent chip instead of the old PNG ---- */
html.desk-2026 .notes-table-link-small {
  display: inline-block; position: relative; width: 18px; height: 18px; margin: 0 0 0 6px; vertical-align: -3px;
  border-radius: 5px; background: var(--d26-accent-soft); color: var(--d26-accent); cursor: pointer;
}
html.desk-2026 .notes-table-link-small:hover { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .notes-table-link-small img { display: none !important; }
:root.desk-2026 .notes-table-link-small::before { width: 12px; height: 12px; margin: -6px 0 0 -6px; }

/* ---- Derivate-Box (onemarkets.js, tf_desk2026Lev.tf_onemarkets / tf_omRows) ---- */
html.desk-2026 .d26-om .derivate { padding: 4px 4px 0; }
html.desk-2026 .d26-om-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 18px; margin: 0 0 12px; }
html.desk-2026 .d26-om-stock { position: relative; flex: 0 1 260px; min-width: 200px; }
html.desk-2026 .d26-om-stock > i.fa-search { display: none !important; }
html.desk-2026 .d26-om-stock .d26-sfbtn { width: 100%; max-width: none; height: 44px; }
html.desk-2026 .d26-om-f { display: flex; flex-direction: column; gap: 4px; }
html.desk-2026 .d26-om-l { font: 700 var(--d26-fs-cap)/1.2 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-om-f select.subheader-button {
  height: 30px; min-width: 180px; padding: 0 30px 0 12px !important; margin: 0 !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background-color: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important;
}
/* Hebel slider */
html.desk-2026 .d26-om-lev { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; padding: 10px 14px; border-radius: var(--d26-r3); background: var(--d26-surface-2); }
html.desk-2026 .d26-om-lev .lev_slider.ui-slider {
  flex: 1 1 auto; position: relative; height: 6px; margin: 0 8px !important; border: 0 !important; border-radius: var(--d26-pill);
  background: var(--d26-surface-3) !important; float: none !important; width: auto !important;
}
html.desk-2026 .d26-om-lev .lev_slider .ui-slider-range { background: var(--d26-accent) !important; border-radius: var(--d26-pill); border: 0 !important; }
html.desk-2026 .d26-om-lev .lev_slider .ui-slider-handle {
  top: 50% !important; width: 20px !important; height: 20px !important; margin: -10px 0 0 -10px !important; border: 0 !important; border-radius: 50% !important;
  background: var(--d26-pop) !important; box-shadow: 0 0 0 5px var(--d26-accent) inset, 0 2px 6px color-mix(in srgb, var(--d26-shade) 25%, transparent) !important; cursor: grab; outline: 0;
}
html.desk-2026 .d26-om-lev .lev_slider .ui-slider-handle:focus-visible { box-shadow: 0 0 0 5px var(--d26-accent) inset, 0 0 0 4px var(--d26-accent-soft) !important; }
html.desk-2026 .d26-om-val { display: inline-flex; align-items: baseline; justify-content: center; min-width: 52px; height: 30px; padding: 0 10px; box-sizing: border-box; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-om-val .lev_element { float: none !important; margin: 0 !important; width: auto !important; font: 800 var(--d26-fs) /30px var(--main-font-family) !important; color: inherit !important; }
html.desk-2026 .d26-om-val small { font: 700 var(--d26-fs-cap)/30px var(--main-font-family); margin-left: 1px; opacity: .8; }
html.desk-2026 .d26-om-quick { display: flex; gap: 4px; }
html.desk-2026 .d26-om-quick button {
  height: 26px; padding: 0 9px; border: 0; border-radius: var(--d26-pill); background: var(--d26-pop); color: var(--d26-ink-2); cursor: pointer;
  font: 600 var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums;
}
html.desk-2026 .d26-om-quick button:hover { color: var(--d26-ink); box-shadow: inset 0 0 0 1px var(--d26-line); }
html.desk-2026 .d26-om-quick button.on { background: var(--d26-accent-soft); color: var(--d26-accent); }
/* rows */
html.desk-2026 .d26-om table.result.d26-lev .d26-om-icon { width: 22px; padding-right: 0 !important; }
html.desk-2026 .d26-om table.result.d26-lev .d26-om-icon img { display: block; width: 18px; height: 18px; border-radius: 4px; object-fit: contain; background: var(--d26-logo-plate); }
html.desk-2026 .d26-om table.result.d26-lev .d26-om-name { max-width: 260px; }
html.desk-2026 .d26-om table.result.d26-lev .d26-om-name .d26-l1, html.desk-2026 .d26-om table.result.d26-lev .d26-om-name .d26-l2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .d26-om table.result.d26-lev .d26-om-name b.name-l { font-weight: 600; cursor: pointer; }
html.desk-2026 .d26-om table.result.d26-lev .d26-om-name b.name-l:hover { color: var(--d26-accent); }
html.desk-2026 .d26-om table.result.d26-lev .d26-lev-wkn { cursor: copy; }
html.desk-2026 .d26-om table.result.d26-lev .d26-om-good { padding: 1px 6px; border-radius: var(--d26-pill); background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .d26-om table.result.d26-lev td.bid, html.desk-2026 .d26-om table.result.d26-lev td.ask { cursor: pointer; }
html.desk-2026 .d26-om table.result.d26-lev .d26-lev-trade > div[style*="#d3166a"] { background: var(--d26-brand-zero-2) !important; color: var(--d26-on-color) !important; box-shadow: none !important; padding: 0 12px !important; width: auto !important; } /* finanzen.net ZERO (brand) */
html.desk-2026 .d26-om-ad { width: 220px; justify-content: center; font: var(--d26-fs-cap)/1.45 var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-om-ad > div { width: auto !important; margin: 0 !important; text-align: right; }

/* ---- Notizen (notes_simple.js, .container.notes_simple.d26-notes): normal window surfaces instead of the yellow pad ---- */
html.desk-2026 .container.d26-notes .head,
html.desk-2026 .container.d26-notes .body,
html.desk-2026 .container.d26-notes .body .inner,
html.desk-2026 .container.d26-notes .foot { background: var(--d26-surface) !important; border-color: var(--d26-line) !important; }
html.desk-2026 .container.d26-notes .body .inner { border-radius: 0; }
html.desk-2026 .container.d26-notes .notebox { height: 100% !important; display: flex; flex-direction: column; box-sizing: border-box; padding: 2px 4px 0; overflow: hidden; }
html.desk-2026 .container.d26-notes .head .title_field { order: 0; flex: none; margin-right: 6px; }
html.desk-2026 .container.d26-notes .head .title_extra { order: 1; flex: 1 1 auto; min-width: 0; margin: 0 !important; color: var(--d26-ink); }
html.desk-2026 .container.d26-notes .head .title_extra > div { position: relative; display: flex; align-items: center; gap: 4px; }
html.desk-2026 .container.d26-notes .head .title_extra > div > .fa-search { display: none !important; }
html.desk-2026 .container.d26-notes .head .title_extra .d26-sfbtn { flex: 1 1 auto; min-width: 0; max-width: 260px; height: 38px; }
html.desk-2026 .container.d26-notes .head .title_extra .clear-search-button {
  position: static !important; flex: none; display: grid; place-items: center; width: 26px; height: 26px; padding: 0 !important; border-radius: 50% !important; color: var(--d26-ink-3); cursor: pointer;
}
html.desk-2026 .container.d26-notes .head .title_extra .clear-search-button[style*="display: none"] { display: none !important; }
html.desk-2026 .container.d26-notes .head .title_extra .clear-search-button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
/* "Neue Notiz" / "Alle Notizen" in the title */
html.desk-2026 .container.d26-notes .head .title_field > .fa-plus,
html.desk-2026 .container.d26-notes .head .title_field > .d26-note-back {
  display: inline-flex !important; align-items: center; gap: 6px; height: 30px; margin: 0 !important; padding: 0 12px 0 10px; box-sizing: border-box;
  border-radius: var(--d26-pill); cursor: pointer; font: 600 var(--d26-fs-s)/1 var(--main-font-family) !important; white-space: nowrap;
}
html.desk-2026 .container.d26-notes .head .title_field > .fa-plus { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .container.d26-notes .head .title_field > .fa-plus::after { content: "Neue Notiz"; font-family: var(--main-font-family); }
html.desk-2026 .container.d26-notes .head .title_field > .fa-plus:hover { filter: brightness(1.08); }
html.desk-2026 .container.d26-notes .head .title_field > .d26-note-back { background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .container.d26-notes .head .title_field > .d26-note-back::after { content: "Alle Notizen"; font-family: var(--main-font-family); }
html.desk-2026 .container.d26-notes .head .title_field > .d26-note-back:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
:root.desk-2026 .container.d26-notes .head .title_field > .fa-plus::before,
:root.desk-2026 .container.d26-notes .head .title_field > .d26-note-back::before { width: 14px; height: 14px; margin: 0; }
/* list */
html.desk-2026 .container.d26-notes .d26-note-filter { flex: none; margin: 4px 4px 8px; }
html.desk-2026 .container.d26-notes .d26-note-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; padding: 0 2px 8px; }
html.desk-2026 .container.d26-notes .note_row.d26-note {
  display: flex; flex-direction: column; gap: 3px; float: none; width: 100%; height: auto; padding: 10px 12px; box-sizing: border-box; text-align: left;
  border: 0; border-radius: var(--d26-r2); background: transparent; cursor: pointer; font: inherit; color: inherit;
}
html.desk-2026 .container.d26-notes .note_row.d26-note:hover { background: var(--d26-surface-2); }
html.desk-2026 .container.d26-notes .d26-note-t { font: 650 var(--d26-fs)/1.35 var(--main-font-family); color: var(--d26-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .container.d26-notes .d26-note-x {
  font: var(--d26-fs-s)/1.45 var(--main-font-family); color: var(--d26-ink-2);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html.desk-2026 .container.d26-notes .d26-note-m { display: flex; align-items: center; gap: 8px; margin-top: 2px; font: var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .container.d26-notes .d26-note-s {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px 8px; border-radius: var(--d26-pill);
  background: var(--d26-accent-soft); color: var(--d26-accent); font-weight: 600;
}
html.desk-2026 .container.d26-notes .d26-note-s.d26-note-g { background: var(--d26-surface-2); color: var(--d26-ink-3); }
html.desk-2026 .container.d26-notes .d26-note-m > span:last-child { margin-left: auto; flex: none; font-variant-numeric: tabular-nums; }
html.desk-2026 .container.d26-notes .d26-note-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 32px 12px; color: var(--d26-ink-3); }
html.desk-2026 .container.d26-notes .d26-note-empty b { font: 600 var(--d26-fs) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .container.d26-notes .d26-note-new { height: 32px; padding: 0 14px; border: 0; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer; }
/* editor */
html.desk-2026 .container.d26-notes .notebox > textarea {
  flex: 1 1 auto; width: auto !important; height: auto !important; min-height: 0; margin: 4px !important; padding: 14px 16px; box-sizing: border-box; resize: none;
  border: 0; border-radius: var(--d26-r2); outline: 0; background: var(--d26-surface-2) !important; color: var(--d26-ink) !important;
  font: var(--d26-fs)/1.6 var(--main-font-family) !important;
}
html.desk-2026 .container.d26-notes .notebox > textarea:focus { box-shadow: inset 0 0 0 1.5px var(--d26-accent); background: var(--d26-pop) !important; }
html.desk-2026 .container.d26-notes .foot { display: flex; align-items: center; justify-content: flex-end; gap: 8px; height: 48px; padding: 0 28px 0 12px; box-sizing: border-box; border-radius: 0 !important; border-top: 0 !important; }
html.desk-2026 .container.d26-notes .foot .subheader-button.action {
  float: none !important; display: inline-flex; align-items: center; height: 32px; margin: 0 !important; padding: 0 16px !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important; cursor: pointer;
}
html.desk-2026 .container.d26-notes .foot .subheader-button.action[style*="display: none"] { display: none !important; }
html.desk-2026 .container.d26-notes .foot .subheader-button.action.danger { order: -1; margin-right: auto !important; background: transparent !important; color: var(--d26-down) !important; padding: 0 10px !important; }
html.desk-2026 .container.d26-notes .foot .subheader-button.action.danger:hover { background: var(--d26-down-soft, var(--d26-surface-2)) !important; }
html.desk-2026 .container.d26-notes .head .title_extra, html.desk-2026 .container.d26-notes .head .title_extra > div { flex-wrap: nowrap; white-space: nowrap; }
html.desk-2026 .container.d26-notes .head .title_extra .clear-search-button { border: 0 !important; background: transparent; }
html.desk-2026 .container.d26-notes:has(.d26-note-back) .head .title_extra .d26-sfbtn { max-width: 170px; }
html.desk-2026 .container.d26-notes .d26-note-back { padding-right: 14px !important; }
html.desk-2026 .container.d26-notes .head .title_extra .clear-search-button { width: 22px !important; height: 22px !important; margin-left: -2px !important; background: var(--d26-surface-2) !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .container.d26-notes .head .title_extra .clear-search-button:hover { background: var(--d26-surface-3) !important; color: var(--d26-down) !important; }
:root.desk-2026 .container.d26-notes .head .title_extra .clear-search-button::before { width: 11px; height: 11px; margin: 0; }
/* note marker at the right edge of the name cell, so all markers line up */
html.desk-2026 td.stock_name > .notes-table-link-small { float: right; margin: 1px 0 0 10px; vertical-align: 0; }

/* ---- Chart-Konfigurationen (tf_desk2026Chart.tf_cfgPopup): compact dialog, tabs as segment control ---- */
html.desk-2026 .big-content.d26-cfg > .window { width: min(560px, calc(100vw - 64px)) !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto minmax(0, 1fr) !important; }
html.desk-2026 .big-content.d26-cfg .d26-dlg-nav { grid-column: 1 !important; grid-row: 2 !important; padding: 14px 20px 0 !important; }
html.desk-2026 .big-content.d26-cfg ul.filter-list { flex-direction: row !important; gap: 2px !important; width: max-content; padding: 3px !important; border-radius: var(--d26-pill); background: var(--d26-surface-2) !important; }
html.desk-2026 .big-content.d26-cfg ul.filter-list li a { height: 32px !important; padding: 0 16px !important; border-radius: var(--d26-pill) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; }
html.desk-2026 .big-content.d26-cfg ul.filter-list li.popup-active-tab a { background: var(--d26-pop) !important; color: var(--d26-ink) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .big-content.d26-cfg .window > .tab-content { grid-column: 1 !important; grid-row: 3 !important; height: auto !important; max-height: min(560px, calc(100vh - 220px)); overflow-y: auto; padding: 14px 20px 20px !important; }
html.desk-2026 .big-content.d26-cfg .tab-content div, html.desk-2026 .big-content.d26-cfg .tab-content ul, html.desk-2026 .big-content.d26-cfg .tab-content li { float: none !important; width: auto !important; clear: none !important; }
html.desk-2026 .big-content.d26-cfg .tab-content > div > div { padding: 0 !important; margin: 0 !important; }
/* current configuration + save buttons */
html.desk-2026 .d26-cfg .d26-cfg-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px !important; padding: 12px 14px !important; border: 0 !important; border-radius: var(--d26-r3); background: var(--d26-surface-2); }
html.desk-2026 .d26-cfg .d26-cfg-cur { flex: 1 1 auto; margin: 0 !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink-2); text-transform: none; }
html.desk-2026 .d26-cfg .d26-cfg-top .subheader-button.action {
  display: inline-flex; align-items: center; height: 32px; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer;
}
html.desk-2026 .d26-cfg .d26-cfg-top .subheader-button.action.d26-cfg-2nd { background: var(--d26-pop) !important; color: var(--d26-ink) !important; box-shadow: inset 0 0 0 1px var(--d26-line); }
html.desk-2026 .d26-cfg .d26-cfg-title, html.desk-2026 .d26-cfg .d26-cfg-group {
  margin: 0 0 6px !important; padding: 0 !important; font: 700 var(--d26-fs-cap)/1.4 var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .d26-cfg .d26-cfg-group { margin: 14px 0 4px !important; color: var(--d26-accent) !important; }
html.desk-2026 .d26-cfg .tab-content div:has(> .d26-cfg-group) { font-weight: 400 !important; margin: 0 !important; }
/* rows */
html.desk-2026 .d26-cfg ul.d26-cfg-list { display: flex; flex-direction: column; gap: 2px; margin: 0 0 8px !important; padding: 0 !important; list-style: none; }
html.desk-2026 .d26-cfg ul.d26-cfg-list > li.d26-cfg-h { display: none; }
html.desk-2026 .d26-cfg li.config-line {
  display: flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 6px 0 12px !important; border: 0 !important; border-radius: var(--d26-r2); box-sizing: border-box;
}
html.desk-2026 .d26-cfg li.config-line:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-cfg li.config-line > span[data-value^="show"] { order: 0; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-cfg li.config-line > span[data-value^="show"]:hover { color: var(--d26-accent); }
html.desk-2026 .d26-cfg li.d26-cfg-none > span:first-child { order: 0; flex: 1 1 auto; font: var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-cfg li.config-line > input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0 !important; pointer-events: none; }
html.desk-2026 .d26-cfg .d26-cfg-std {
  order: 1; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: var(--d26-pill); cursor: pointer; white-space: nowrap;
  font: 600 var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); background: transparent; visibility: hidden;
}
html.desk-2026 .d26-cfg .d26-cfg-std * { pointer-events: none; }
html.desk-2026 .d26-cfg .d26-cfg-std .d26-ico { width: 12px; height: 12px; }
html.desk-2026 .d26-cfg li.config-line:hover .d26-cfg-std { visibility: visible; background: var(--d26-pop); box-shadow: inset 0 0 0 1px var(--d26-line); }
html.desk-2026 .d26-cfg li.config-line > input:checked + .d26-cfg-std { visibility: visible; background: var(--d26-accent-soft); color: var(--d26-accent); box-shadow: none; }
html.desk-2026 .d26-cfg li.config-line > .fa-trash {
  order: 2; position: relative; display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--d26-r1); color: var(--d26-ink-3); opacity: 0; cursor: pointer; float: none !important;
}
html.desk-2026 .d26-cfg li.config-line:hover > .fa-trash { opacity: 1; }
html.desk-2026 .d26-cfg li.config-line > .fa-trash:hover { background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down); }
:root.desk-2026 .d26-cfg li.config-line > .fa-trash::before { pointer-events: none; width: 15px; height: 15px; margin: 0; }
html.desk-2026 .d26-cfg ul.d26-cfg-list:has(.fa-trash) li.d26-cfg-none { padding-right: 42px !important; }
html.desk-2026 .big-content.d26-cfg.d26-dlgnav .d26-dlg-nav ul.filter-list { background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-cfg .d26-cfg-cur { display: flex; flex-direction: column; gap: 1px; }
html.desk-2026 .d26-cfg .d26-cfg-cur span { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-cfg .d26-cfg-cur b { font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-cfg .tab-content div:has(> .d26-cfg-group):not(:has(li.config-line:not(.d26-cfg-none))) { display: none; }

/* ---- Alerts manager: navigation column (tf_desk2026Alerts.tf_nav) ---- */
html.desk-2026 .notebox .d26-al { display: grid !important; grid-template-columns: 210px minmax(0, 1fr); gap: 14px; align-items: start; float: none !important; }
html.desk-2026 .notebox .d26-al[style*="display: none"] { display: none !important; }
html.desk-2026 .notebox .d26-al-nav { position: sticky; top: 0; display: flex; flex-direction: column; gap: 8px; max-height: calc(100vh - 220px); min-height: 0; }
html.desk-2026 .notebox .d26-al-nav .d26-qfilter { margin: 0; flex: none; }
html.desk-2026 .notebox .d26-al-items { display: flex; flex-direction: column; gap: 2px; overflow-y: auto; min-height: 0; }
html.desk-2026 .notebox .d26-al-items button {
  display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 4px 8px 4px 12px; box-sizing: border-box; text-align: left;
  border: 0; border-radius: var(--d26-r2); background: transparent; cursor: pointer; font: inherit; color: var(--d26-ink-2);
}
html.desk-2026 .notebox .d26-al-items button[style*="display: none"] { display: none !important; }
html.desk-2026 .notebox .d26-al-items button > span { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
html.desk-2026 .notebox .d26-al-items button b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .notebox .d26-al-items button i { font: normal var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .notebox .d26-al-items button small { flex: none; min-width: 22px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: var(--d26-pill); background: var(--d26-surface-2); color: var(--d26-ink-3); font: 700 var(--d26-fs-cap)/20px var(--main-font-family); text-align: center; }
html.desk-2026 .notebox .d26-al-items button:hover { background: var(--d26-surface-2); }
html.desk-2026 .notebox .d26-al-items button.active { background: var(--d26-accent-soft); }
html.desk-2026 .notebox .d26-al-items button.active b { color: var(--d26-accent); }
html.desk-2026 .notebox .d26-al-items button.active small { background: var(--d26-pop); color: var(--d26-accent); }
html.desk-2026 .notebox .d26-al-list { min-width: 0; }
html.desk-2026 .notebox .d26-al-list > .alert-section:first-child { margin-top: 0 !important; }
html.desk-2026 .notebox .d26-al-empty { margin: 20px 4px; color: var(--d26-ink-3); font: var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .notebox .d26-al-list > .d26-al-empty[style*="display: none"] { display: none !important; }
@container (max-width: 520px) {
  html.desk-2026 .notebox .d26-al { grid-template-columns: minmax(0, 1fr); }
  html.desk-2026 .notebox .d26-al-nav { position: static; max-height: 160px; }
}
/* note of an alarm: field with a text status instead of the tick */
html.desk-2026 .d26-al-note { position: relative; padding: 4px 0 8px; }
html.desk-2026 .d26-al-note textarea {
  display: block; width: 100% !important; min-height: 56px; padding: 8px 10px 20px; box-sizing: border-box; resize: vertical; border: 0; border-radius: var(--d26-r2); outline: 0;
  background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: var(--d26-fs-s)/1.5 var(--main-font-family) !important; float: none !important;
}
html.desk-2026 .d26-al-note textarea:focus { box-shadow: inset 0 0 0 1.5px var(--d26-accent); background: var(--d26-pop) !important; }
html.desk-2026 .d26-al-note-s { position: absolute; right: 10px; bottom: 13px; font: 600 var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); pointer-events: none; }
html.desk-2026 .d26-al-note-s.ok { color: var(--d26-up); }

/* ---- on/off switches of the alarms (manager + configurator; same element and handler) ---- */
html.desk-2026 .alert-signal-alert {
  position: relative; width: 36px !important; height: 20px !important; margin: 0 0 0 auto; border-radius: var(--d26-pill); cursor: pointer;
  background: var(--d26-surface-3) !important; background-image: none !important; transition: background .15s;
}
html.desk-2026 .alert-signal-alert::after {
  content: ""; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--d26-knob); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 25%, transparent); transition: transform .15s;
}
html.desk-2026 .alert-signal-alert.on { background: var(--d26-accent) !important; }
html.desk-2026 .alert-signal-alert.on::after { transform: translateX(16px); }
html.desk-2026 .alert-signal-alert:hover { filter: brightness(.96); }

/* ---- alerts ticker table ---- */
html.desk-2026 .notebox table.ticker { border-collapse: collapse; }
html.desk-2026 .notebox table.ticker td { padding: 8px 10px !important; border-bottom: 1px solid var(--d26-line) !important; vertical-align: middle; font: var(--d26-fs-s)/1.4 var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .notebox table.ticker tr:hover td { background: var(--d26-surface-2); cursor: pointer; }
html.desk-2026 .d26-al-last { display: flex; flex-direction: column; gap: 2px; float: none !important; margin: 4px 0 8px 10px !important; }
html.desk-2026 .d26-al-last > span { float: none !important; }
html.desk-2026 .d26-al-last > span:first-child { font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .d26-al-last > span + span { font: 600 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-accent); }

/* ---- Alarm configurator popup (alert_configurator.js .alert-config) ---- */
html.desk-2026 .alert-config .alert-configurator-header { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 10px 10px 8px 14px !important; }
html.desk-2026 .alert-config .alert-configurator-header > div:last-child { order: -1; flex: 1 1 auto; min-width: 0; float: none !important; margin: 0 !important; display: flex; flex-direction: column; gap: 1px; }
html.desk-2026 .alert-config .alert-configurator-header > div:last-child > span { float: none !important; margin: 0 !important; clear: none !important; }
html.desk-2026 .alert-config .alert-configurator-header > div:last-child > span:first-child { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .alert-config .alert-configurator-header > div:last-child > span + span { font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .alert-config .alert-configurator-header > .subheader-button { order: 3; flex: 0 0 auto; margin: 2px auto 0 0 !important; float: none !important; height: 26px; line-height: 26px; padding: 0 10px !important; border-radius: var(--d26-pill) !important; background: var(--d26-surface-2) !important; font: 600 var(--d26-fs-cap) var(--main-font-family) !important; }
html.desk-2026 .alert-config .alert-configurator-header::after { content: ""; order: 2; flex: 1 1 100%; height: 0; }
html.desk-2026 .alert-config .alert-configurator-header > .alert-configurator-settings-icon { order: 0 !important; }
html.desk-2026 .alert-config .alert-configurator-header > .alert-configurator-close-icon { order: 1 !important; }
html.desk-2026 .alert-config .alert-configurator-header > .alert-configurator-settings-icon,
html.desk-2026 .alert-config .alert-configurator-header > .alert-configurator-close-icon { order: 2; float: none !important; position: relative; display: grid; place-items: center; width: 30px; height: 30px; margin: 0 !important; border-radius: var(--d26-r1); color: var(--d26-ink-3); cursor: pointer; }
html.desk-2026 .alert-config .alert-configurator-header > .alert-configurator-settings-icon:hover,
html.desk-2026 .alert-config .alert-configurator-header > .alert-configurator-close-icon:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .alert-config .alert-section > .header { display: flex !important; align-items: center; gap: 8px; height: 34px !important; padding: 0 12px !important; }
html.desk-2026 .alert-config .alert-section > .header > .fa-bell { float: none !important; margin: 0 !important; line-height: 1 !important; color: var(--d26-accent); }
html.desk-2026 .alert-config .alert-section > .header > .title { float: none !important; margin: 0 !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-2) !important; }
html.desk-2026 .alert-config .alert-configurator-header { padding: 6px 16px 4px 14px !important; row-gap: 2px; }
html.desk-2026 .alert-config .alert-configurator-header > .subheader-button { display: inline-flex !important; align-items: center; height: 24px !important; line-height: 1 !important; }

/* ---- weitere Tools (tf_desk2026Frame.tf_toolsDialog): like the indicator dialog ---- */
html.desk-2026 .tools-popup.d26-tools {
  display: flex; flex-direction: column; width: min(940px, calc(100vw - 48px)) !important; max-height: calc(100vh - 96px); padding: 6px 4px 6px !important; overflow: hidden;
}
html.desk-2026 .tools-popup.d26-tools .d26-dlg-b { flex: 1 1 auto; padding: 0 16px 16px; }
html.desk-2026 .tools-popup.d26-tools .d26-ind-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px; }
html.desk-2026 .tools-popup.d26-tools .d26-tool-card {
  display: grid !important; flex-direction: initial; min-height: 0; padding: 12px !important; gap: 12px; background: transparent; color: inherit; align-items: center;
}
html.desk-2026 .tools-popup.d26-tools .d26-tool-card:hover { background: var(--d26-surface-2); }
:root.desk-2026 .tools-popup.d26-tools .d26-tool-card::before, html.desk-2026 .tools-popup.d26-tools .d26-tool-card::after { display: none !important; content: none !important; }
html.desk-2026 .tools-popup.d26-tools .d26-ind-ico { width: 42px; height: 42px; }
html.desk-2026 .tools-popup.d26-tools .d26-ind-txt span { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
html.desk-2026 .tools-popup.d26-tools .d26-ind-add .d26-ico { width: 14px; height: 14px; }
html.desk-2026 .tools-popup.d26-tools .d26-tools-x { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--d26-r1); color: var(--d26-ink-3); cursor: pointer; }
html.desk-2026 .tools-popup.d26-tools .d26-tools-x:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .tools-popup.d26-tools .d26-dlg-s { margin: 0 16px 10px; }
html.desk-2026 .tools-popup.d26-tools .d26-seg-row { padding: 0 16px 6px; }
html.desk-2026 .tools-popup.d26-tools .d26-dlg-h { padding: 10px 10px 10px 18px; }
html.desk-2026 .tools-popup.d26-tools > div:last-child { display: block; }
html.desk-2026 .tools-popup.d26-tools { height: auto !important; min-height: 0 !important; top: 50% !important; }
html.desk-2026 .tools-popup.d26-tools > .d26-dlg-h, html.desk-2026 .tools-popup.d26-tools > .d26-dlg-s, html.desk-2026 .tools-popup.d26-tools > .d26-seg-row { flex: none; }
html.desk-2026 .tools-popup.d26-tools > .d26-dlg-b { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
html.desk-2026 .tools-popup.d26-tools { align-items: stretch !important; justify-content: flex-start !important; text-align: left !important; }
html.desk-2026 .tools-popup.d26-tools > * { align-self: stretch !important; width: auto !important; margin-left: 0; margin-right: 0; float: none !important; }
html.desk-2026 .tools-popup.d26-tools > .d26-dlg-s { margin: 0 16px 10px !important; }
/* config dialog tabs: the item takes the width of its link (the active link had extra width from the old popup styles) */
html.desk-2026 .big-content.d26-cfg ul.filter-list li { display: flex !important; width: auto !important; flex: none !important; }
html.desk-2026 .big-content.d26-cfg ul.filter-list li a { width: auto !important; min-width: 0 !important; margin: 0 !important; }
/* note marker vertically centred on the 34 px name line */
html.desk-2026 td.stock_name > .notes-table-link-small { margin-top: 8px !important; }

/* ---- Times & Sales (times_and_sales.js, .container.d26-ts) ---- */
html.desk-2026 .d26-ts .topbar { display: flex !important; align-items: center; gap: 12px; height: auto !important; padding: 0 0 10px !important; background: transparent !important; border: 0 !important; }
html.desk-2026 .d26-ts .topbar > * { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-ts .topbar > .wrapper { flex: 0 1 300px; min-width: 0; }
html.desk-2026 .d26-ts .topbar > .wrapper .d26-sfbtn { width: 100%; max-width: none; height: 44px; }
html.desk-2026 .d26-ts .topbar .d26-ts-ex {
  position: relative; display: inline-flex !important; align-items: center; height: 44px; padding: 0 12px 0 14px !important; margin-left: auto !important; box-sizing: border-box;
  border: 0 !important; border-radius: var(--d26-r2); background: var(--d26-surface-2) !important; cursor: pointer;
}
html.desk-2026 .d26-ts .topbar .d26-ts-ex:hover { background: var(--d26-surface-3) !important; }
html.desk-2026 .d26-ts .topbar .d26-ts-ex .dropdown_element { display: grid !important; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .d26-ts .topbar .d26-ts-ex .dropdown_element::before { content: "Börsenplatz"; grid-column: 1; grid-row: 1; font: 700 var(--d26-fs-cap)/1.2 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-ts .topbar .d26-ts-ex .dd_title { grid-column: 1; grid-row: 2; float: none !important; padding: 0 !important; font: 700 var(--d26-fs) /1.3 var(--main-font-family) !important; text-transform: none !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-ts .topbar .d26-ts-ex .dd_button { grid-column: 2; grid-row: 1 / span 2; float: none !important; font-size: 9px; color: var(--d26-ink-3); }
/* Tagesbasis / Tick by Tick as segment control, period select as pill */
html.desk-2026 .d26-ts .tab_submenu { display: flex !important; align-items: center; gap: 2px; height: auto !important; margin: 0 0 8px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html.desk-2026 .d26-ts .tab_submenu > div[data-value] {
  float: none !important; height: 30px; line-height: 30px; padding: 0 14px !important; margin: 0 !important; border-radius: var(--d26-pill); cursor: pointer;
  background: var(--d26-surface-2) !important; color: var(--d26-ink-3) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important; border: 0 !important;
}
html.desk-2026 .d26-ts .tab_submenu > div[data-value]:first-child { border-radius: var(--d26-pill) 0 0 var(--d26-pill); }
html.desk-2026 .d26-ts .tab_submenu > div[data-value]:nth-child(2) { border-radius: 0 var(--d26-pill) var(--d26-pill) 0; }
html.desk-2026 .d26-ts .tab_submenu > div[data-value].active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .d26-ts .tab_submenu > div:not([data-value]) { float: none !important; margin-left: auto !important; padding: 0 !important; }
html.desk-2026 .d26-ts .tab_submenu select { height: 30px; padding: 0 28px 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important; background-color: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; }
/* table */
html.desk-2026 .d26-ts table.table thead td, html.desk-2026 .d26-ts table.table tr.headrow td { position: sticky; top: 0; z-index: 1; background: var(--d26-surface) !important; }
html.desk-2026 .d26-ts table.table tbody td { font-variant-numeric: tabular-nums; white-space: nowrap; }
html.desk-2026 .d26-ts .d26-ts-time { font-weight: 600; color: var(--d26-ink); }
html.desk-2026 .d26-ts .d26-ts-date { margin-left: 8px; font-size: var(--d26-fs-cap); color: var(--d26-ink-3); }
html.desk-2026 .d26-ts td.d26-ts-up { color: var(--d26-up) !important; }
html.desk-2026 .d26-ts td.d26-ts-down { color: var(--d26-down) !important; }
html.desk-2026 .d26-ts tr.active-row td { background: var(--d26-accent-soft) !important; color: inherit; transition: background 1.2s; }
html.desk-2026 .d26-ts tr td { transition: background 1.5s; }
html.desk-2026 .d26-ts .tab_submenu > div[data-value] { display: inline-flex !important; align-items: center; line-height: 1 !important; box-sizing: border-box; }

/* ---- Euwax-Sentiment (sentiment.js, .sentiment.d26-senti) ---- */
html.desk-2026 .sentiment.d26-senti { padding: 0 2px; }
html.desk-2026 .d26-senti-g { padding: 18px 6px 8px; }
html.desk-2026 .d26-senti-sub { font: 500 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); margin-bottom: 18px; }
html.desk-2026 .d26-senti-scale { position: relative; padding-top: 56px; }
html.desk-2026 .d26-senti-val { position: absolute; top: 0; transform: translateX(-50%); transition: left .3s; white-space: nowrap; }
html.desk-2026 .d26-senti-val b { font: 800 36px/1 var(--main-font-family); letter-spacing: -.02em; color: var(--d26-ink); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-senti-bar { position: relative; height: 8px; border-radius: var(--d26-pill); background: linear-gradient(90deg, var(--d26-down) 0%, var(--d26-senti-2) 45%, var(--d26-senti-3) 52%, var(--d26-senti-4) 70%, var(--d26-up) 100%); }
html.desk-2026 .d26-senti-bar i {
  position: absolute; top: -13px; width: 0; height: 0; transform: translateX(-50%); transition: left .3s;
  border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid var(--d26-ink);
}
html.desk-2026 .d26-senti-ticks { display: flex; justify-content: space-between; margin-top: 8px; font: 700 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-senti-mood { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 22px; padding-top: 12px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .d26-senti-word { padding: 3px 10px; border-radius: var(--d26-pill); font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .02em; }
html.desk-2026 .d26-senti-word.down { background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down); }
html.desk-2026 .d26-senti-word.up { background: color-mix(in srgb, var(--d26-up) 14%, transparent); color: var(--d26-up); }
html.desk-2026 .d26-senti-word.neutral { background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .d26-senti-time { font: var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-senti-cv { display: block; margin: 14px 0 0; }

/* ---- drag label (main.js tf_TableDND, all tools) ---- */
html.desk-2026 #dnd_tooltip.d26-dnd {
  display: flex; align-items: center; gap: 10px; margin: 8px 0 0 10px; padding: 6px 14px 6px 6px; pointer-events: none;
  border-radius: var(--d26-r2); background: var(--d26-pop); box-shadow: var(--d26-shadow), 0 0 0 1px var(--d26-line); transform: rotate(-1.5deg);
  font: var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); white-space: nowrap;
}
html.desk-2026 #dnd_tooltip .d26-dnd-tile { display: grid; place-items: center; min-width: 32px; height: 32px; padding: 0 4px; box-sizing: border-box; border-radius: var(--d26-r1); background: var(--d26-accent); color: var(--d26-on-accent); font: 800 10px var(--main-font-family); }
html.desk-2026 #dnd_tooltip .d26-dnd-txt { display: flex; flex-direction: column; }
html.desk-2026 #dnd_tooltip .d26-dnd-txt b { font: 700 var(--d26-fs) var(--main-font-family); max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 #dnd_tooltip .d26-dnd-txt small { font: 500 var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-side-row { cursor: grab; }

/* ---- Branchen-Radar (top_industries.js, .topindustries.d26-ir) ---- */
html.desk-2026 .topindustries.d26-ir { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
html.desk-2026 .d26-ir .d26-ir-top { flex: none; display: flex; flex-direction: column; gap: 10px; padding: 2px 4px 12px; border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .d26-ir .d26-ir-bar, html.desk-2026 .d26-ir .d26-ir-opts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
html.desk-2026 .d26-ir .d26-ir-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--d26-pill); background: var(--d26-surface-2); }
html.desk-2026 .d26-ir .d26-ir-seg > .subheader-button {
  display: inline-flex !important; align-items: center; gap: 7px; float: none !important; height: 30px; margin: 0 !important; padding: 0 14px 0 8px !important; border: 0 !important;
  border-radius: var(--d26-pill) !important; background: transparent !important; color: var(--d26-ink-2) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer;
}
html.desk-2026 .d26-ir .d26-ir-seg > .subheader-button.selected { background: var(--d26-pop) !important; color: var(--d26-ink) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .d26-ir .d26-ir-flag { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; box-shadow: 0 0 0 1px color-mix(in srgb, var(--d26-shade) 10%, transparent); overflow: hidden; pointer-events: none; }
html.desk-2026 .d26-ir .d26-ir-flag svg { width: 18px; height: 18px; display: block; }
html.desk-2026 .d26-ir .d26-ir-filter { flex: 1 1 200px; margin: 0; max-width: 340px; }
html.desk-2026 .d26-ir select.d26-ir-sel {
  float: none !important; height: 30px; margin: 0 !important; padding: 0 28px 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background-color: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important; width: auto !important;
}
html.desk-2026 .d26-ir .d26-ir-num { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 4px 0 12px; border-radius: var(--d26-pill); background: var(--d26-surface-2); font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-ir .d26-ir-num input { width: 44px; height: 24px; padding: 0 4px !important; border: 0 !important; border-radius: var(--d26-pill); background: var(--d26-pop) !important; text-align: center; font: 700 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink) !important; }
/* results */
html.desk-2026 .d26-ir .d26-ir-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 460px), 1fr)); gap: 12px; align-content: start; padding: 12px 4px 16px; }
html.desk-2026 .d26-ir .d26-ir-card { border-radius: var(--d26-r3); background: var(--d26-surface); box-shadow: inset 0 0 0 1px var(--d26-line); overflow: hidden; }
html.desk-2026 .d26-ir .d26-ir-card[style*="display: none"] { display: none !important; }
html.desk-2026 .d26-ir .d26-ir-card header { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--d26-surface-2); }
html.desk-2026 .d26-ir .d26-ir-rank { display: grid; place-items: center; min-width: 26px; height: 26px; border-radius: var(--d26-r1); background: var(--d26-pop); font: 800 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-ir .d26-ir-card header b { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-ir .d26-ir-mean { flex: none; padding: 3px 10px; border-radius: var(--d26-pill); font: 700 var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-ir .d26-ir-mean.up { background: color-mix(in srgb, var(--d26-up) 14%, transparent); color: var(--d26-up); }
html.desk-2026 .d26-ir .d26-ir-mean.down { background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down); }
html.desk-2026 .d26-ir .d26-ir-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; padding: 6px 10px 10px; }
html.desk-2026 .d26-ir .d26-ir-cols h4 { margin: 4px 6px 4px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-ir .d26-ir-row { display: flex; align-items: center; gap: 8px; height: 30px; padding: 0 6px; border-radius: var(--d26-r1); cursor: pointer; }
html.desk-2026 .d26-ir .d26-ir-row:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-ir .d26-ir-n { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); pointer-events: none; }
html.desk-2026 .d26-ir .d26-ir-v { flex: none; font: 600 var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink-3); pointer-events: none; }
html.desk-2026 .d26-ir .d26-ir-v.d26-pos { color: var(--d26-up); }
html.desk-2026 .d26-ir .d26-ir-v.d26-neg { color: var(--d26-down); }
html.desk-2026 .d26-ir .d26-ir-empty { grid-column: 1 / -1; margin: 20px 4px; color: var(--d26-ink-3); }
@container (max-width: 420px) { html.desk-2026 .d26-ir .d26-ir-cols { grid-template-columns: 1fr; } }
html.desk-2026 .d26-ir .d26-ir-list { grid-auto-rows: max-content; }   /* cards have overflow:hidden (min height 0): without this the rows collapse when the list overflows */

/* ---- Branchen-Screener (branches_and_sectors.js, .sectors-tool.d26-bs) ---- */
html.desk-2026 .d26-bs .tab_submenu {
  display: flex !important; align-items: center; gap: 2px; float: none !important; width: auto !important; padding: 0 0 10px !important; margin: 0 6px !important;
  background: transparent !important; border-bottom: 1px solid var(--d26-line) !important; color: inherit !important;
}
html.desk-2026 .d26-bs .tab_submenu > div[data-selection] {
  float: none !important; height: 30px; display: inline-flex; align-items: center; padding: 0 14px !important; margin: 0 !important; border: 0 !important; cursor: pointer;
  background: var(--d26-surface-2) !important; color: var(--d26-ink-3) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; border-radius: 0 !important;
}
html.desk-2026 .d26-bs .tab_submenu > div[data-selection]:first-child { border-radius: var(--d26-pill) 0 0 var(--d26-pill) !important; padding-left: 16px !important; }
html.desk-2026 .d26-bs .tab_submenu > div[data-selection]:nth-child(3) { border-radius: 0 var(--d26-pill) var(--d26-pill) 0 !important; padding-right: 16px !important; }
html.desk-2026 .d26-bs .tab_submenu > div[data-selection].active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .d26-bs .tab_submenu .d26-bs-filter { margin: 0 0 0 auto; width: 260px; }
html.desk-2026 .d26-bs > .table { height: calc(100% - 52px) !important; padding: 8px 6px 0 !important; }
/* tables: same row height in names, numbers and the scroll column */
html.desk-2026 .d26-bs .bigtable .fixed-header, html.desk-2026 .d26-bs .bigtable .scrollable-header { height: 30px; border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .d26-bs .bigtable .head-column {
  height: 30px; line-height: 30px; font: 700 var(--d26-fs-cap)/30px var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); white-space: nowrap;
}
html.desk-2026 .d26-bs .bigtable .head-column:hover { color: var(--d26-ink); }
html.desk-2026 .d26-bs .bigtable .fixed-area, html.desk-2026 .d26-bs .bigtable .scrollable-area, html.desk-2026 .d26-bs .bigtable .vertical-scroll { top: 32px; height: calc(100% - 56px); }
html.desk-2026 .d26-bs .bigtable .tr-style {
  height: 34px; padding: 0 6px; box-sizing: border-box; align-items: center; background: transparent !important;
  border-bottom: 1px solid var(--d26-line); font: var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink);
}
html.desk-2026 .d26-bs .bigtable .vertical-scroll .tr-style { border-bottom-color: transparent; }
html.desk-2026 .d26-bs .bigtable .tr-style:hover { background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-bs .bigtable .fixed-area .tr-style {
  display: block; line-height: 34px; overflow: hidden; text-overflow: ellipsis; text-decoration: none !important; font: 600 var(--d26-fs-s)/34px var(--main-font-family) !important; color: var(--d26-ink);
}
html.desk-2026 .d26-bs .bigtable .fixed-area .tr-style:hover { color: var(--d26-accent) !important; }
html.desk-2026 .d26-bs .bigtable .fixed-area .tr-style.active { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; border-radius: var(--d26-r1); }
html.desk-2026 .d26-bs div.bigtable .positive { color: var(--d26-up) !important; font-family: var(--main-font-family) !important; }
html.desk-2026 .d26-bs div.bigtable .negative { color: var(--d26-down) !important; font-family: var(--main-font-family) !important; }
html.desk-2026 .d26-bs .bigtable .title { font: 700 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); margin: 4px 0 8px; }
html.desk-2026 .d26-bs .bigtable .head-column { text-transform: none !important; letter-spacing: 0 !important; overflow: hidden; text-overflow: ellipsis; font-weight: 650 !important; }
html.desk-2026 .d26-bs div.bigtable .d26-zero { color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-bs .bigtable, html.desk-2026 .d26-bs .bigtable * { border-color: var(--d26-line) !important; }
html.desk-2026 .d26-bs .table .bigtable + * , html.desk-2026 .d26-bs hr { border-color: var(--d26-line) !important; }
html.desk-2026 .d26-bs .table-area { border-color: var(--d26-line) !important; }
/* Branchen-Screener round 2: tabs like the Branchen-Radar segment, list selector in the bar, no highlighted row, full width */
html.desk-2026 .d26-bs .tab_submenu { gap: 0; border-bottom: 0 !important; padding-bottom: 6px !important; }
html.desk-2026 .d26-bs .tab_submenu > div[data-selection] {
  height: 36px; padding: 0 16px !important; background: var(--d26-surface-2) !important; color: var(--d26-ink-2) !important; border-radius: 0 !important;
}
html.desk-2026 .d26-bs .tab_submenu > div[data-selection]:first-child { border-radius: var(--d26-pill) 0 0 var(--d26-pill) !important; padding-left: 16px !important; }
html.desk-2026 .d26-bs .tab_submenu > div[data-selection]:nth-child(3) { border-radius: 0 var(--d26-pill) var(--d26-pill) 0 !important; padding-right: 16px !important; margin-right: 10px !important; }
html.desk-2026 .d26-bs .tab_submenu > div[data-selection].active {
  background: var(--d26-pop) !important; color: var(--d26-ink) !important; border-radius: var(--d26-pill) !important;
  box-shadow: 0 0 0 3px var(--d26-surface-2), 0 1px 3px 3px color-mix(in srgb, var(--d26-shade) 10%, transparent) !important;
}
html.desk-2026 .d26-bs .d26-bs-list {
  float: none !important; display: inline-flex !important; align-items: center; height: 30px; padding: 0 12px !important; margin: 0 !important; border: 0 !important;
  border-radius: var(--d26-pill); background: var(--d26-surface-2) !important; cursor: pointer;
}
html.desk-2026 .d26-bs .d26-bs-list:hover { background: var(--d26-surface-3) !important; }
html.desk-2026 .d26-bs .d26-bs-list .dropdown_element { display: inline-flex !important; align-items: center; gap: 8px; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .d26-bs .d26-bs-list .dd_title { float: none !important; padding: 0 !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-bs .d26-bs-list .dd_button { float: none !important; font-size: 8px; color: var(--d26-ink-3); }
html.desk-2026 .d26-bs .bigtable .fixed-area .tr-style.active { background: transparent !important; color: var(--d26-ink) !important; border-radius: 0; }
html.desk-2026 .d26-bs .bigtable .fixed-area .tr-style:hover { background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; }
/* name column 230 px, number columns stretch to the full width (header and rows grow the same way) */
html.desk-2026 .d26-bs .bigtable .fixed-header, html.desk-2026 .d26-bs .bigtable .fixed-header > .head-column,
html.desk-2026 .d26-bs .bigtable .fixed-area, html.desk-2026 .d26-bs .bigtable .fixed-area > .tr-style { width: 230px !important; }
html.desk-2026 .d26-bs .bigtable .scrollable-header, html.desk-2026 .d26-bs .bigtable .scrollable-area:not([style*="height: 18px"]) { left: 236px !important; width: calc(100% - 262px) !important; }
html.desk-2026 .d26-bs .bigtable .scrollable-area[style*="height: 18px"] { left: 236px !important; width: calc(100% - 262px) !important; }
html.desk-2026 .d26-bs .bigtable .scrollable-header > .bigtable { width: 100% !important; min-width: max-content; padding: 0 6px; box-sizing: border-box; }
html.desk-2026 .d26-bs .bigtable .scrollable-wrap { width: 100%; min-width: max-content; }
html.desk-2026 .d26-bs .bigtable .scrollable-wrap > .tr-style, html.desk-2026 .d26-bs .bigtable .scrollable-area > .tr-style { width: 100%; min-width: max-content; }
html.desk-2026 .d26-bs .bigtable .scrollable-header .head-column,
html.desk-2026 .d26-bs .bigtable .scrollable-wrap > .tr-style > div,
html.desk-2026 .d26-bs .bigtable .scrollable-area > .tr-style > div { flex: 1 0 auto; text-align: right; }
html.desk-2026 .d26-bs .bigtable .fixed-header > .head-column { padding-left: 6px; box-sizing: border-box; }
html.desk-2026 .d26-bs .bigtable .fixed-area, html.desk-2026 .d26-bs .bigtable .scrollable-area:not([style*="height: 18px"]), html.desk-2026 .d26-bs .bigtable .vertical-scroll { height: calc(100% - 46px) !important; }
html.desk-2026 .d26-bs .tab_submenu > div[data-selection].active { box-shadow: 0 0 0 3px var(--d26-surface-2), 0 1px 2px 3px color-mix(in srgb, var(--d26-shade) 8%, transparent) !important; }
/* list selector menu in the Branchen-Screener bar: the generic ".tab_submenu div" pill rule must not hit the menu */
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 2px; width: 360px !important; height: auto !important; max-height: 60vh; overflow-y: auto;
  padding: 6px !important; border-radius: var(--d26-r3) !important; background: var(--d26-pop) !important; box-shadow: var(--d26-shadow) !important; border: 0 !important;
}
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] div { border-radius: var(--d26-r1) !important; padding: 0 !important; background: transparent; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] > *:not(a):has(input) { grid-column: 1 / -1; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] a {
  display: flex !important; align-items: center; height: 34px; padding: 0 12px !important; margin: 0 !important; border-radius: var(--d26-r1) !important; float: none !important; width: auto !important;
  font: 500 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink) !important; text-transform: none !important; white-space: nowrap;
}
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] a:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] a.active-item { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; font-weight: 600 !important; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] a.active-item::after { display: none !important; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] { display: block !important; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] div { height: auto !important; min-height: 0 !important; margin: 0 !important; float: none !important; line-height: normal !important; border: 0 !important; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] > div > div { display: flex !important; gap: 2px; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] .filterable { flex: 1 1 50%; width: auto !important; min-width: 0; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] .filterable a { max-width: none !important; width: 100% !important; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] .active-item > a,
html.desk-2026 .d26-bs .d26-bs-list [class*="dropdown_options"] .active-item { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }

/* ---- Statistik-Tool (statistic_tool.js, .statistics-tool.d26-st) ---- */
html.desk-2026 .container .body .d26-st .tabs.topbar { display: flex !important; align-items: center; gap: 10px; height: auto !important; padding: 0 6px 10px !important; background: transparent !important; border: 0 !important; }
html.desk-2026 .container .body .d26-st .tabs.topbar > * { float: none !important; margin: 0 !important; }
html.desk-2026 .container .body .d26-st .tabs.topbar > .wrapper { flex: 0 1 300px; min-width: 0; }
html.desk-2026 .container .body .d26-st .tabs.topbar > .wrapper .d26-sfbtn { width: 100%; max-width: none; height: 44px; }
html.desk-2026 .d26-st .d26-st-list { display: inline-flex !important; align-items: center; height: 36px; padding: 0 14px !important; border: 0 !important; border-radius: var(--d26-pill); background: var(--d26-surface-2) !important; cursor: pointer; }
html.desk-2026 .d26-st .d26-st-list:hover { background: var(--d26-surface-3) !important; }
html.desk-2026 .d26-st .d26-st-list .dropdown_element { display: inline-flex !important; align-items: center; gap: 8px; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .d26-st .d26-st-list .dd_title { float: none !important; padding: 0 !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-st .d26-st-list .dd_button { float: none !important; font-size: 8px; color: var(--d26-ink-3); }
/* tabs: segment control like the Branchen-Radar / -Screener */
html.desk-2026 .d26-st > .tab_submenu { display: flex !important; align-items: center; gap: 0; float: none !important; width: auto !important; margin: 0 6px 6px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html.desk-2026 .d26-st > .tab_submenu > div[data-selection]:not(.dzbank):not(.dzbank-active) {
  float: none !important; display: inline-flex; align-items: center; height: 36px; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 0 !important; cursor: pointer;
  background: var(--d26-surface-2) !important; color: var(--d26-ink-2) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important;
}
html.desk-2026 .d26-st > .tab_submenu > div[data-selection]:first-child { border-radius: var(--d26-pill) 0 0 var(--d26-pill) !important; }
html.desk-2026 .d26-st > .tab_submenu > div[data-selection]:nth-child(2) { border-radius: 0 var(--d26-pill) var(--d26-pill) 0 !important; }
html.desk-2026 .d26-st > .tab_submenu > div[data-selection].active:not(.dzbank):not(.dzbank-active) { background: var(--d26-pop) !important; color: var(--d26-ink) !important; border-radius: var(--d26-pill) !important; box-shadow: 0 0 0 3px var(--d26-surface-2), 0 1px 2px 3px color-mix(in srgb, var(--d26-shade) 8%, transparent) !important; }
html.desk-2026 .d26-st > .table { padding: 10px 6px !important; font: var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); }
/* history table */
html.desk-2026 .d26-st table.table { width: 100%; border-collapse: collapse; }
html.desk-2026 .d26-st table.table thead td { padding: 8px 10px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .d26-st table.table tbody td { height: 40px; padding: 4px 10px !important; border-bottom: 1px solid var(--d26-line); font: var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); font-variant-numeric: tabular-nums; text-decoration: none !important; }
html.desk-2026 .d26-st table.table tbody tr:hover td { background: var(--d26-surface-2); }
html.desk-2026 .d26-st table.table td[data-type="signal"] { color: var(--d26-accent) !important; font-weight: 600; }
html.desk-2026 .d26-st table.table td[data-type="signal"]:hover { text-decoration: underline !important; }
html.desk-2026 .d26-yn { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: var(--d26-pill); font: 600 var(--d26-fs-cap) var(--main-font-family); }
html.desk-2026 .d26-yn .d26-ico { width: 11px; height: 11px; }
html.desk-2026 .d26-yn.d26-yes { background: color-mix(in srgb, var(--d26-up) 14%, transparent); color: var(--d26-up); }
html.desk-2026 .d26-yn.d26-no { background: var(--d26-surface-2); color: var(--d26-ink-3); }
html.desk-2026 .d26-st .d26-st-chart { display: grid !important; place-items: center; width: 30px; height: 30px; border-radius: var(--d26-r1); color: var(--d26-ink-3); text-decoration: none !important; }
html.desk-2026 .d26-st .d26-st-chart:hover { background: var(--d26-surface-3); color: var(--d26-accent); }
html.desk-2026 .d26-st .d26-st-chart .d26-ico { width: 16px; height: 16px; pointer-events: none; }
/* Signalarten: bar with signal, period, actions */
html.desk-2026 .d26-st .d26-st-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 18px; padding: 12px 14px; margin: 0 0 10px; border-radius: var(--d26-r3); background: var(--d26-surface-2); }
html.desk-2026 .d26-st .d26-st-f { display: flex; flex-direction: column; gap: 4px; }
html.desk-2026 .d26-st .d26-st-l { font: 700 var(--d26-fs-cap)/1.2 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-st .d26-st-sig { display: flex; align-items: center; gap: 6px; }
html.desk-2026 .d26-st select.d26-st-select {
  float: none !important; height: 34px; min-width: 240px; padding: 0 30px 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background-color: var(--d26-pop) !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; box-shadow: inset 0 0 0 1px var(--d26-line);
}
html.desk-2026 .d26-st .d26-st-gear { float: none !important; position: relative; width: 34px !important; height: 34px !important; margin: 0 !important; border-radius: 50%; background: var(--d26-pop) !important; box-shadow: inset 0 0 0 1px var(--d26-line); cursor: pointer; color: var(--d26-ink-2); }
html.desk-2026 .d26-st .d26-st-gear:hover { color: var(--d26-accent); }
html.desk-2026 .d26-st .d26-st-dates { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: var(--d26-pill); background: var(--d26-pop); box-shadow: inset 0 0 0 1px var(--d26-line); color: var(--d26-ink-3); }
html.desk-2026 .d26-st .d26-st-dates .d26-ico { width: 15px; height: 15px; }
html.desk-2026 .d26-st .d26-st-dates input { float: none !important; width: 88px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink) !important; text-align: center; }
html.desk-2026 .d26-st .d26-st-acts { display: flex; align-items: center; gap: 6px; margin-left: auto; }
html.desk-2026 .d26-st .d26-st-add {
  float: none !important; clear: none !important; display: inline-flex; align-items: center; gap: 6px; height: 34px; margin: 0 !important; padding: 0 14px !important; border: 0 !important;
  border-radius: var(--d26-pill) !important; background: var(--d26-pop) !important; box-shadow: inset 0 0 0 1px var(--d26-line); color: var(--d26-ink) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer;
}
html.desk-2026 .d26-st .d26-st-add::before { content: "+"; font-weight: 700; color: var(--d26-accent); }
html.desk-2026 .d26-st .d26-st-add:hover { box-shadow: inset 0 0 0 1.5px var(--d26-accent); }
html.desk-2026 .d26-st .d26-st-go {
  float: none !important; clear: none !important; display: inline-flex; align-items: center; height: 34px; padding: 0 18px !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 700 var(--d26-fs-s) var(--main-font-family) !important;
}
html.desk-2026 .d26-st .d26-st-go:hover { filter: brightness(1.08); }
/* active signal / filters as chips */
html.desk-2026 .d26-st .d26-st-active { display: flex; flex-direction: column; gap: 6px; float: none !important; margin: 0 0 12px !important; }
html.desk-2026 .d26-st .d26-st-active > div { float: none !important; width: auto !important; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; border: 0 !important; font: var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .d26-st .d26-st-active span { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-st .d26-st-active > div > span, html.desk-2026 .d26-st .d26-st-active > div > div > span { padding: 3px 10px; border-radius: var(--d26-pill); background: var(--d26-surface-2); }
html.desk-2026 .d26-st .d26-st-active > div > span:first-child { background: var(--d26-accent-soft); color: var(--d26-accent); font-weight: 600; }
html.desk-2026 .d26-st .d26-st-active > div > span > span { padding: 0 !important; background: transparent !important; margin-right: 4px !important; color: var(--d26-ink-3); }
html.desk-2026 .d26-st .d26-st-active > div > div { float: none !important; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 !important; }
html.desk-2026 .d26-st .d26-st-active .action-button { float: none !important; position: relative; width: 28px; height: 28px; margin: 0 !important; border-radius: var(--d26-r1); background-image: none !important; cursor: pointer; color: var(--d26-ink-3); }
html.desk-2026 .d26-st .d26-st-active .action-button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-st .d26-st-active .remove-filter:hover { color: var(--d26-down); }
html.desk-2026 .d26-st .d26-st-active select { height: 30px; padding: 0 28px 0 12px; border: 0; border-radius: var(--d26-pill); background-color: var(--d26-surface-2); font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-st .d26-st-results { float: none !important; }
html.desk-2026 .d26-st .d26-st-results > div:not([class]) { font: 700 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
/* dialogs inside the tool (tf_PopUP: Signalkonfiguration, Filter, Makro-Filter) */
html.desk-2026 .d26-st .big-content {
  left: 50% !important; top: 16px !important; transform: translateX(-50%); width: min(720px, calc(100% - 32px)) !important; max-height: calc(100% - 32px); overflow: auto; z-index: 50;
  padding: 0 !important; border: 0 !important; border-radius: var(--d26-r3); background: var(--d26-pop) !important; box-shadow: var(--d26-shadow), 0 0 0 100vmax color-mix(in srgb, var(--d26-shade) 12%, transparent) !important;
}
html.desk-2026 .d26-st .big-content .window { width: 100% !important; background: transparent !important; }
html.desk-2026 .d26-st .big-content .headerbar { display: flex; align-items: center; gap: 8px; padding: 14px 14px 12px 20px !important; border-bottom: 1px solid var(--d26-line); background: transparent !important; }
html.desk-2026 .d26-st .big-content .headerbar .title { flex: 1 1 auto; float: none !important; padding: 0 !important; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-st .big-content .tab-content { padding: 12px 20px !important; background: transparent !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-st .big-content .filter-form { margin: 0 0 10px; padding: 12px 14px; border-radius: var(--d26-r2); background: var(--d26-surface-2); border: 0 !important; }
html.desk-2026 .d26-st .big-content .filter-table td { padding: 4px 0 !important; font: var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink); border: 0 !important; }
html.desk-2026 .d26-st .big-content .filter-table a, html.desk-2026 .d26-st .big-content .filter-table td:first-child { color: var(--d26-ink) !important; font-weight: 650 !important; text-decoration: none !important; }
html.desk-2026 .d26-st .big-content input:not([type="checkbox"]):not([type="radio"]), html.desk-2026 .d26-st .big-content select {
  height: 32px; padding: 0 10px !important; border: 0 !important; border-radius: var(--d26-r1) !important; background: var(--d26-pop) !important; box-shadow: inset 0 0 0 1px var(--d26-line); font: 500 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink) !important;
}
html.desk-2026 .d26-st .big-content .add-filter-button { text-align: right; }
html.desk-2026 .d26-st .big-content .add-filter-button span, html.desk-2026 .d26-st .big-content .bottom > div {
  display: inline-flex; align-items: center; height: 32px; padding: 0 16px !important; border: 0 !important; border-radius: var(--d26-pill) !important; cursor: pointer;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important;
}
html.desk-2026 .d26-st .big-content .bottom { padding: 10px 20px 14px !important; border-top: 1px solid var(--d26-line); background: transparent !important; text-align: right; }
html.desk-2026 .d26-st .d26-st-gear { background-image: none !important; }
:root.desk-2026 .d26-st .d26-st-active .action-button::before { width: 15px; height: 15px; margin: -7.5px 0 0 -7.5px; }
html.desk-2026 .container .body .d26-st .tabs.topbar { border-radius: 0 !important; box-shadow: none !important; width: auto !important; }
html.desk-2026 .d26-st .big-content, html.desk-2026 .d26-st .big-content * { box-sizing: border-box; }
html.desk-2026 .d26-st .big-content { overflow-x: hidden; }
html.desk-2026 .d26-st .big-content .filter-form, html.desk-2026 .d26-st .big-content .filter-table { width: 100% !important; }
html.desk-2026 .d26-st .big-content .headerbar .close { position: relative !important; float: none !important; order: 9; width: 32px; height: 32px; margin: 0 !important; border-radius: var(--d26-r1); background: none !important; font-size: 0; color: var(--d26-ink-3); cursor: pointer; }
html.desk-2026 .d26-st .big-content .headerbar .close:hover { background: var(--d26-surface-2) !important; color: var(--d26-ink); }
html.desk-2026 .container .body .d26-st .tabs.topbar { flex-wrap: nowrap; padding: 0 0 10px !important; margin: 0 6px !important; }

/* ---- Tops & Flops (interesting_box.js tf_renderTopsFlops, .d26-tf) ---- */
html.desk-2026 .d26-tf:has(> .d26-tf-head) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 14px; align-content: start; padding: 6px 4px 12px !important; float: none !important; width: auto !important; }
html.desk-2026 .d26-tf > .d26-tf-head { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
html.desk-2026 .d26-tf .d26-tf-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--d26-pill); background: var(--d26-surface-2); float: none !important; margin: 0 !important; }
html.desk-2026 .d26-tf .d26-tf-cty {
  display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 14px 0 8px; border-radius: var(--d26-pill); cursor: pointer; float: none !important;
  font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2);
}
html.desk-2026 .d26-tf .d26-tf-cty:hover { color: var(--d26-ink); }
html.desk-2026 .d26-tf .d26-tf-cty.selected { background: var(--d26-pop); color: var(--d26-ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .d26-tf .d26-tf-flag { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 1px color-mix(in srgb, var(--d26-shade) 10%, transparent); pointer-events: none; }
html.desk-2026 .d26-tf .d26-tf-flag svg { width: 18px; height: 18px; display: block; }
html.desk-2026 .d26-tf .d26-tf-lists { display: flex; flex-wrap: wrap; gap: 4px; float: none !important; margin: 0 !important; }
html.desk-2026 .d26-tf .d26-tf-lists .subheader-button { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-tf table.d26-tf-tab {
  float: none !important; clear: none !important; width: 100% !important; margin: 0 !important; border-collapse: separate; border-spacing: 0;
  border-radius: var(--d26-r3); box-shadow: inset 0 0 0 1px var(--d26-line); overflow: hidden; align-self: start;
}
html.desk-2026 .d26-tf table.d26-tf-tab thead td { padding: 10px 10px 8px !important; background: var(--d26-surface-2); font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); border: 0 !important; }
html.desk-2026 .d26-tf table.d26-tf-tab thead td:last-child { text-align: right !important; font-size: var(--d26-fs-s) !important; letter-spacing: 0; text-transform: none; color: var(--d26-ink); }
html.desk-2026 .d26-tf table.d26-tf-tab tbody td, html.desk-2026 .d26-tf table.d26-tf-tab > tr > td { height: 38px; padding: 3px 10px !important; border-bottom: 1px solid var(--d26-line) !important; font: var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-tf table.d26-tf-tab tr:last-child > td { border-bottom: 0 !important; }
html.desk-2026 .d26-tf table.d26-tf-tab td.stock_name { max-width: 0; width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
html.desk-2026 .d26-tf table.d26-tf-tab td[data-value^="news|"]:not(:empty) { text-align: center; }
html.desk-2026 .d26-tf table.d26-tf-tab td[data-value^="news|"]:not(:empty)::before { content: ""; }
html.desk-2026 .d26-tf table.d26-tf-tab td[data-value^="news|"] { color: var(--d26-accent); font-weight: 700; font-size: var(--d26-fs-cap); }
html.desk-2026 .d26-tf table.d26-tf-tab tr:hover > td { background: var(--d26-surface-2); }
@container (max-width: 560px) { html.desk-2026 .d26-tf:has(> .d26-tf-head) { grid-template-columns: minmax(0, 1fr); } }
html.desk-2026 .d26-tf table.d26-tf-tab tbody td, html.desk-2026 .d26-tf table.d26-tf-tab > tr > td { height: 32px; padding: 2px 10px !important; }
html.desk-2026 .d26-tf table.d26-tf-tab thead td { padding: 8px 10px 6px !important; }

/* ja / nein as icon chips (Statistik-Tool) */
html.desk-2026 .d26-yn { justify-content: center; width: 24px; height: 24px; padding: 0 !important; border-radius: 50%; gap: 0; }
html.desk-2026 .d26-yn .d26-ico { width: 13px; height: 13px; }
html.desk-2026 .d26-yn.d26-no { background: color-mix(in srgb, var(--d26-down) 12%, transparent); color: var(--d26-down); }
/* loading state (dots of the start screen, small) */
html.desk-2026 .d26-loading { display: flex; align-items: center; gap: 12px; padding: 24px 4px; clear: both; font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-dots.d26-dots-s { gap: 6px; }
html.desk-2026 .d26-dots.d26-dots-s i { width: 8px; height: 8px; background: var(--d26-accent); animation: d26-dot .9s ease-in-out infinite alternate; }
html.desk-2026 .d26-dots.d26-dots-s i:nth-child(2) { animation-delay: .3s; }
html.desk-2026 .d26-dots.d26-dots-s i:nth-child(3) { animation-delay: .6s; }
/* Statistik-Tool: stock pills in the company column */
html.desk-2026 .d26-st table.table td .d26-pill-cell { display: inline-flex; align-items: center; gap: 8px; text-align: left; }
html.desk-2026 .d26-st table.table td .d26-pill-cell .d26-ins-tile { width: 30px; height: 30px; font-size: 9px; }
html.desk-2026 .d26-st table.table td .d26-pill-cell .d26-pill-sub:empty { display: none; }
/* Tops & Flops: tables like the list tables (no card, no lines) */
html.desk-2026 .d26-tf table.d26-tf-tab { border-radius: 0; box-shadow: none !important; }
html.desk-2026 .d26-tf table.d26-tf-tab thead td { background: transparent !important; border: 0 !important; }
html.desk-2026 .d26-tf table.d26-tf-tab tbody td, html.desk-2026 .d26-tf table.d26-tf-tab > tr > td { border: 0 !important; }
html.desk-2026 .d26-tf table.d26-tf-tab tr:hover > td { background: var(--d26-surface-2); }
html.desk-2026 .d26-tf table.d26-tf-tab tr:hover > td:first-child { border-radius: var(--d26-r1) 0 0 var(--d26-r1); }
html.desk-2026 .d26-tf table.d26-tf-tab tr:hover > td:last-child { border-radius: 0 var(--d26-r1) var(--d26-r1) 0; }
html.desk-2026 .d26-st table.table td:has(> .d26-pill-cell) { max-width: 240px; overflow: hidden; }
html.desk-2026 .d26-st table.table td .d26-pill-cell { max-width: 100%; }
html.desk-2026 .d26-st table.table td .d26-pill-cell .d26-pill-txt { min-width: 0; }
html.desk-2026 .d26-st table.table td .d26-pill-cell b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 var(--d26-fs-s) var(--main-font-family); }
/* Tops & Flops: the box had an inline height of calc(100% - 70px) from the old layout (empty strip at the bottom) */
html.desk-2026 .important-box:has(> .d26-tf) { height: 100% !important; }
html.desk-2026 .d26-st table.table td:has(> .d26-pill-cell) { max-width: 300px; }
html.desk-2026 .d26-st table.table td .d26-pill-cell .d26-pill-sub { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---- Momentum Breakout Matrix (momentum_breakout_matrix.js, .d26-mxwin) ---- */
html.desk-2026 .d26-mxwin .d26-mx-head { padding: 0 6px 8px !important; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .d26-mxwin .d26-mx-menubar { padding: 0 6px 10px !important; border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .d26-mxwin .d26-mx-hidden { display: none !important; }
html.desk-2026 .d26-mxwin .d26-mx-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 18px; }
html.desk-2026 .d26-mxwin .d26-mx-f { display: flex; flex-direction: column; gap: 4px; }
html.desk-2026 .d26-mxwin .d26-mx-l { font: 700 var(--d26-fs-cap)/1.2 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-mxwin .d26-mx-lists { display: flex; align-items: center; gap: 6px; }
html.desk-2026 .d26-mxwin .d26-mx-list {
  display: inline-flex; align-items: center; gap: 8px; height: 32px; max-width: 280px; padding: 0 14px 0 12px; border: 0; border-radius: var(--d26-pill);
  background: var(--d26-accent-soft); color: var(--d26-accent); font: 650 var(--d26-fs-s) var(--main-font-family); cursor: pointer;
}
html.desk-2026 .d26-mxwin .d26-mx-list span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .d26-mxwin .d26-mx-list .d26-ico { width: 15px; height: 15px; flex: none; }
html.desk-2026 .d26-mxwin .d26-mx-list:hover { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-mxwin select.d26-mx-quick {
  height: 32px; padding: 0 28px 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important; background-color: var(--d26-surface-2) !important;
  color: var(--d26-ink-2) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; float: none !important; margin: 0 !important;
}
html.desk-2026 .d26-mxwin .d26-seg button { height: 28px; }
/* grid: rows with the distance label on the left, cards as stock pills */
html.desk-2026 .d26-mxwin .matrix-render-area { margin-top: 8px; }
html.desk-2026 .d26-mxwin .matrix-render-area > div:not(.matrix-ele):not(.matrix-empty) {
  width: auto !important; border-bottom: 1px solid var(--d26-line) !important; box-sizing: border-box;
}
html.desk-2026 .d26-mxwin .matrix-render-area > div:not(.matrix-ele):not(.matrix-empty) > div {
  width: 52px !important; height: 100%; display: flex; align-items: center; justify-content: flex-start; padding-left: 6px; box-sizing: border-box;
  border-right: 0 !important; font: 700 var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); font-variant-numeric: tabular-nums;
}
html.desk-2026 .d26-mxwin .matrix-render-area > div:nth-child(even):not(.matrix-ele) { background: color-mix(in srgb, var(--d26-surface-2) 55%, transparent); }
html.desk-2026 .d26-mxwin .matrix-ele { width: 188px; }
html.desk-2026 .d26-mx {
  display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 8px; row-gap: 2px; align-items: center;
  height: 56px; padding: 6px 8px; box-sizing: border-box; border-radius: var(--d26-r2); background: var(--d26-pop); box-shadow: inset 0 0 0 1px var(--d26-line), 0 1px 2px color-mix(in srgb, var(--d26-shade) 6%, transparent);
}
html.desk-2026 .d26-mxwin .matrix-ele:hover .d26-mx { box-shadow: inset 0 0 0 1.5px var(--d26-accent), 0 2px 6px color-mix(in srgb, var(--d26-shade) 10%, transparent); }
html.desk-2026 .d26-mx .d26-ins-tile { grid-row: 1 / span 2; width: 30px; height: 30px; font-size: 9px; }
html.desk-2026 .d26-mx-t { min-width: 0; display: flex; flex-direction: column; }
html.desk-2026 .d26-mx-t b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 650 var(--d26-fs-s)/1.25 var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-mx-t span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 var(--d26-fs-cap)/1.3 var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-mx-t span:hover { color: var(--d26-accent); }
html.desk-2026 .d26-mx-perf { padding: 2px 6px; border-radius: var(--d26-pill); font: 700 var(--d26-fs-cap) var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-mx-perf.matrix-pos-element { background: color-mix(in srgb, var(--d26-up) 14%, transparent) !important; color: var(--d26-up) !important; }
html.desk-2026 .d26-mx-perf.matrix-neg-element { background: color-mix(in srgb, var(--d26-down) 13%, transparent) !important; color: var(--d26-down) !important; }
html.desk-2026 .d26-mx-m { grid-column: 2 / span 2; display: flex; justify-content: space-between; gap: 6px; font: 500 var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-mx-m i { font-style: normal; font-weight: 700; color: var(--d26-ink-2); }
html.desk-2026 .d26-mxwin .matrix-no-highlight { opacity: .3; }
html.desk-2026 .matrix-empty { position: absolute; left: 64px; top: 16px; z-index: 2; padding: 10px 14px; border-radius: var(--d26-r2); background: var(--d26-surface-2); font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-mxwin .matrix-ele { width: 204px; }

/* ---- Bubble Analyse (bubblechart.js, .d26-bc) ---- */
html.desk-2026 .d26-bc { display: flex; flex-direction: column; }
html.desk-2026 .d26-bc .d26-bc-row { flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 0 2px 10px !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .d26-bc .d26-bc-row > div { padding: 0 !important; }
html.desk-2026 .d26-bc .d26-bc-row select.subheader-button {
  float: none !important; width: 230px !important; height: 32px; margin: 0 !important; padding: 0 28px 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background-color: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important;
}
html.desk-2026 .d26-bc .subheader-button.action {
  display: inline-flex !important; align-items: center; height: 32px; padding: 0 16px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important;
}
html.desk-2026 .d26-bc .subheader-button.action.danger { background: color-mix(in srgb, var(--d26-down) 12%, transparent) !important; color: var(--d26-down) !important; }
html.desk-2026 .d26-bc .subheader-button.action.danger:hover { background: var(--d26-down) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .d26-bc .d26-bc-perf { gap: 8px; }
html.desk-2026 .d26-bc .d26-bc-perf [data-lowerperf], html.desk-2026 .d26-bc .d26-bc-perf [data-upperperf] {
  min-width: 46px; padding: 2px 8px !important; border-radius: var(--d26-pill); background: var(--d26-surface-2); text-align: center; font-variant-numeric: tabular-nums; color: var(--d26-ink);
}
html.desk-2026 .d26-bc input[type="range"] { accent-color: var(--d26-accent); width: 150px; height: 4px; vertical-align: middle; cursor: pointer; }
html.desk-2026 .d26-bc canvas[data-bubblechart] { flex: 1 1 auto; min-height: 0; margin-top: 4px; border-radius: var(--d26-r2); }
/* save dialog */
html.desk-2026 .d26-bc [data-savedialog] {
  z-index: 5; top: 60px; width: 320px; padding: 22px !important; border-radius: var(--d26-r3); background: var(--d26-pop) !important; box-shadow: var(--d26-shadow), 0 0 0 100vmax color-mix(in srgb, var(--d26-shade) 12%, transparent);
  font: var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink); text-align: left !important;
}
html.desk-2026 .d26-bc [data-savedialog][style*="display: block"] { display: flex !important; flex-direction: column; gap: 10px; }
html.desk-2026 .d26-bc [data-savedialog] input { height: 34px; padding: 0 12px; border: 0; border-radius: var(--d26-r1); background: var(--d26-surface-2); font: 500 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-bc [data-savedialog] > div[data-action] { padding: 0 !important; }
html.desk-2026 .d26-bc { height: 100% !important; width: 100% !important; box-sizing: border-box; padding-bottom: 6px; }
html.desk-2026 .d26-bc .d26-bc-cv { position: relative; flex: 1 1 auto; min-height: 120px; }

/* Bubble Analyse axis picker (tf_desk2026Axis) */
html.desk-2026 .d26-axis-btn {
  display: inline-flex; align-items: center; gap: 8px; width: 260px; height: 34px; padding: 0 12px 0 4px; border: 0; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer; text-align: left;
}
html.desk-2026 .d26-axis-btn:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-axis-ic { display: grid; place-items: center; width: 26px; height: 26px; flex: none; border-radius: 50%; background: var(--d26-pop); color: var(--d26-accent); }
html.desk-2026 .d26-axis-ic .d26-ico { width: 14px; height: 14px; }
html.desk-2026 .d26-axis-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .d26-axis-dlg .d26-ind-card.on { background: var(--d26-accent-soft); }
html.desk-2026 .d26-axis-dlg .d26-ind-card.on .d26-ind-txt b { color: var(--d26-accent); }
html.desk-2026 .d26-axis-on { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-mxwin .d26-mx-head { display: none !important; }   /* title is in the window title bar */
html.desk-2026 .momentum_breakout_matrix .head .buttons-list { position: static !important; }
/* desktop actions right after the last tab, order: + / all desktops / save / autosave, no separator line */
html.d26-frame .d26-tabs .gallery { justify-content: flex-start; }
html.d26-frame .d26-tabs #desk-mask { flex: 0 1 auto; }
html.d26-frame .d26-tabs #desk-scroll, html.d26-frame .d26-tabs #desk-scroll-controls { display: contents !important; }
html.d26-frame .d26-tabs .d26-desk-prev { order: 1; }
html.d26-frame .d26-tabs #desk-mask { order: 2; }
html.d26-frame .d26-tabs .d26-desk-next { order: 3; }
html.d26-frame .d26-tabs #desk-scroll-controls > li:has(.new_desktop) { order: 4; margin-left: 6px; }
html.d26-frame .d26-tabs .gallery > .d26-all-desktops { order: 5; }
html.d26-frame .d26-tabs #desk-scroll-controls > li:has(.save) { order: 6; }
html.d26-frame .d26-tabs #desk-scroll-controls > li:has(.fa-magic) { order: 7; }
html.d26-frame .d26-tabs #desk-scroll-controls > li { flex: none; list-style: none; }
html.d26-frame #desk-scroll-controls { border-left: 0 !important; }

/* ---- Börsenplätze (exchange_tool.js, .d26-bp) ---- */
html.desk-2026 .d26-bp .d26-bp-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 0 0 10px; }
html.desk-2026 .d26-bp .d26-bp-bar > .tabs { margin: 0 !important; }
html.desk-2026 .d26-bp .d26-bp-ex { margin-left: auto !important; }
/* same pill as the Times & Sales market selector */
html.desk-2026 .d26-bp-ex {
  position: relative; display: inline-flex !important; align-items: center; height: 44px; padding: 0 12px 0 14px !important; box-sizing: border-box; float: none !important;
  border: 0 !important; border-radius: var(--d26-r2); background: var(--d26-surface-2) !important; cursor: pointer;
}
html.desk-2026 .d26-bp-ex:hover { background: var(--d26-surface-3) !important; }
html.desk-2026 .d26-bp-ex .dropdown_element { display: grid !important; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .d26-bp-ex .dropdown_element::before { content: "Börsenplatz"; grid-column: 1; grid-row: 1; font: 700 var(--d26-fs-cap)/1.2 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-bp-ex .dd_title { grid-column: 1; grid-row: 2; float: none !important; padding: 0 !important; font: 700 var(--d26-fs)/1.3 var(--main-font-family) !important; text-transform: none !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-bp-ex .dd_button { grid-column: 2; grid-row: 1 / span 2; float: none !important; font-size: 9px; color: var(--d26-ink-3); }
html.desk-2026 .d26-bp .fundamental-box-content { padding: 4px 4px 12px !important; width: auto !important; float: none !important; font: var(--d26-fs-s)/1.5 var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-bp .fundamental-box-content > div:not(.title) { float: none !important; margin: 0 0 16px !important; padding: 12px 14px; border-radius: var(--d26-r2); background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .d26-bp table.table { width: 100%; border-collapse: collapse !important; }
html.desk-2026 .d26-bp table.table td { padding: 7px 8px !important; border: 0 !important; line-height: 1.4 !important; font: var(--d26-fs-s)/1.4 var(--main-font-family); color: var(--d26-ink); vertical-align: middle !important; }
html.desk-2026 .d26-bp table.table tr.title td, html.desk-2026 .d26-bp table.table td.title { font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3) !important; padding-top: 4px !important; }
html.desk-2026 .d26-bp table.table tr:not(.title):hover > td { background: var(--d26-surface-2); }
html.desk-2026 .d26-bp table.table td:nth-child(2) { font-variant-numeric: tabular-nums; font-weight: 600; text-align: right; padding-right: 18px !important; }
html.desk-2026 .d26-bp .d26-bp-lists { display: flex; flex-wrap: wrap; gap: 4px; }
html.desk-2026 .d26-bp .d26-bp-lists span[data-value] {
  display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px 0 8px; border-radius: var(--d26-pill); cursor: pointer;
  background: var(--d26-accent-soft); color: var(--d26-accent); font: 600 var(--d26-fs-cap) var(--main-font-family); white-space: nowrap;
}
html.desk-2026 .d26-bp .d26-bp-lists span[data-value]:hover { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-bp .d26-bp-lists .d26-ico { width: 12px; height: 12px; pointer-events: none; }
html.desk-2026 .d26-bp .d26-bp-chart { width: 30px; text-align: center !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-bp .d26-bp-chart .d26-ico { width: 16px; height: 16px; pointer-events: none; }
html.desk-2026 .d26-bp table.table tr:hover .d26-bp-chart { color: var(--d26-accent) !important; }

/* ---- Realtime-Box (realtime_price.js, .d26-rt) ---- */
html.desk-2026 .d26-rt .radar-header { display: flex !important; align-items: center; gap: 10px; padding: 0 0 10px !important; }
html.desk-2026 .d26-rt .radar-header > * { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-rt .radar-header > i.fa-search { display: none !important; }
html.desk-2026 .d26-rt .radar-header .d26-sfbtn { flex: 0 1 300px; height: 44px; }
html.desk-2026 .d26-rt .d26-rt-ex {
  position: relative; display: inline-grid; grid-template-rows: auto auto; height: 44px; padding: 5px 30px 5px 14px; box-sizing: border-box; margin-left: auto !important;
  border-radius: var(--d26-r2); background: var(--d26-surface-2); cursor: pointer;
}
html.desk-2026 .d26-rt .d26-rt-ex:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-rt .d26-rt-ex span { font: 700 var(--d26-fs-cap)/1.2 var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-rt .d26-rt-ex select {
  -webkit-appearance: none; appearance: none; height: auto; padding: 0 !important; margin: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; cursor: pointer;
  font: 700 var(--d26-fs)/1.3 var(--main-font-family) !important; color: var(--d26-ink) !important;
}
html.desk-2026 .d26-rt .d26-rt-ex::after { content: "▼"; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 9px; color: var(--d26-ink-3); pointer-events: none; }
html.desk-2026 .d26-rt > div:last-child { float: none !important; width: 100%; display: grid; grid-template-columns: 266px minmax(0, 1fr); gap: 10px 14px; }
html.desk-2026 .d26-rt .realtimebox.name { grid-column: 1 / -1; display: flex !important; align-items: center; gap: 10px; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
html.desk-2026 .d26-rt .d26-rt-sector { cursor: pointer; padding: 3px 10px; border-radius: var(--d26-pill); background: var(--d26-surface-2); font: 600 var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-rt .d26-rt-sector:hover { color: var(--d26-accent); }
html.desk-2026 .d26-rt .d26-rt-acts { display: flex; gap: 6px; margin-left: auto; }
html.desk-2026 .d26-rt .d26-rt-act {
  display: inline-flex; align-items: center; height: 30px; padding: 0 14px; border-radius: var(--d26-pill); cursor: pointer;
  background: var(--d26-surface-2); color: var(--d26-ink); font: 650 var(--d26-fs-s) var(--main-font-family);
}
html.desk-2026 .d26-rt .d26-rt-act:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-rt .d26-rt-trade { background: var(--d26-brand-comdirect); color: var(--d26-on-brand-comdirect); }   /* comdirect (brand) */
html.desk-2026 .d26-rt .d26-rt-trade:hover { background: var(--d26-brand-comdirect-hover); }
html.desk-2026 .d26-rt .d26-rt-lev { background: var(--d26-surface); box-shadow: inset 0 0 0 1px var(--d26-line-strong, color-mix(in srgb, var(--d26-ink) 22%, transparent)); }
html.desk-2026 .d26-rt .realtimebox.quote { grid-column: 1 / -1; height: auto !important; margin: 0 !important; padding: 14px 16px !important; border-radius: var(--d26-r3); background: var(--d26-surface-2) !important; border: 0 !important; }
html.desk-2026 .d26-rt .d26-rt-q { display: flex; align-items: center; gap: 12px; }
html.desk-2026 .d26-rt .d26-rt-px { display: flex; align-items: baseline; gap: 6px; }
html.desk-2026 .d26-rt .d26-rt-px b { font: 800 30px/1.1 var(--main-font-family); letter-spacing: -.01em; font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 .d26-rt .d26-rt-px b span { color: inherit !important; }
html.desk-2026 .d26-rt .d26-rt-cur { font: 600 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-rt .d26-rt-dir { font-size: 14px; }
html.desk-2026 .d26-rt .d26-rt-dir span[style*="positive"] { color: var(--d26-up) !important; }
html.desk-2026 .d26-rt .d26-rt-dir span[style*="negative"] { color: var(--d26-down) !important; }
html.desk-2026 .d26-rt .d26-rt-chg { margin-left: auto; padding: 4px 12px; border-radius: var(--d26-pill); font: 800 var(--d26-fs-m) var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-rt .d26-rt-chg.up { background: color-mix(in srgb, var(--d26-up) 14%, transparent); color: var(--d26-up); }
html.desk-2026 .d26-rt .d26-rt-chg.down { background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down); }
html.desk-2026 .d26-rt .d26-rt-info > div { float: none !important; margin: 6px 0 0 !important; text-align: left !important; font: 500 var(--d26-fs-cap)/1.5 var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .d26-rt .d26-rt-info br { display: none; }
html.desk-2026 .d26-rt .d26-rt-time { margin-top: 6px; font: 500 var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-rt .d26-rt-time > div { min-width: 0 !important; }
html.desk-2026 .d26-rt .d26-rt-chart { width: 266px !important; height: auto !important; padding: 0 !important; float: none !important; }
html.desk-2026 .d26-rt .d26-rt-chart canvas { display: block; border-radius: var(--d26-r2); }
html.desk-2026 .d26-rt .d26-rt-chart + div { width: auto !important; float: none !important; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html.desk-2026 .d26-rt .realtimebox.infoline { width: auto !important; height: auto !important; float: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
html.desk-2026 .d26-rt .d26-rt-range { height: 100%; padding: 12px 14px; box-sizing: border-box; border-radius: var(--d26-r2); background: var(--d26-surface-2); display: flex; flex-direction: column; gap: 6px; }
html.desk-2026 .d26-rt .d26-rt-l { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-rt .d26-rt-range > div { display: flex; justify-content: space-between; gap: 8px; font: var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .d26-rt .d26-rt-range i { font-style: normal; color: var(--d26-ink-3); }
html.desk-2026 .d26-rt .d26-rt-range b { font-weight: 650; font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 .d26-rt .d26-rt-range > div:nth-child(2) b { color: var(--d26-up); }
html.desk-2026 .d26-rt .d26-rt-range > div:nth-child(3) b { color: var(--d26-down); }
html.desk-2026 .fundamental-box-pane.d26-bp, html.desk-2026 .d26-rt { width: auto !important; max-width: 100%; box-sizing: border-box; }
html.desk-2026 .d26-bp .fundamental-box-content, html.desk-2026 .d26-bp .d26-bp-bar { box-sizing: border-box; max-width: 100%; }
html.desk-2026 .d26-rt > div, html.desk-2026 .d26-rt .realtimebox { box-sizing: border-box; max-width: 100%; }
html.desk-2026 .d26-bp .fundamental-box-content > .title { width: auto !important; box-sizing: border-box; float: none !important; }
/* Realtime-Box: Trade in the accent colour (was comdirect yellow) */
html.desk-2026 .d26-rt .d26-rt-trade { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-rt .d26-rt-trade:hover { background: var(--d26-accent); filter: brightness(1.08); }
/* footers with inline "padding: 0" (Realtime-Box) kept the width of the padded footer: resize corner 12 px left of the edge */
html.desk-2026 .container .foot[style*="padding: 0px"] { left: 0 !important; right: 0 !important; width: auto !important; }

/* ---- Spiele / Musterdepot / Simulationsdepot managers (table.portfolio-menu) ---- */
html.desk-2026 table.portfolio-menu { width: 100%; border-collapse: separate !important; border-spacing: 0 2px; margin: 4px 0 10px; }
html.desk-2026 table.portfolio-menu td { height: 44px; padding: 0 8px !important; border: 0 !important; vertical-align: middle; background: transparent; font: var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 table.portfolio-menu tr:hover td { background: var(--d26-surface-2); }
html.desk-2026 table.portfolio-menu tr td:first-child { border-radius: var(--d26-r2) 0 0 var(--d26-r2); padding-left: 12px !important; }
html.desk-2026 table.portfolio-menu tr td:last-child { border-radius: 0 var(--d26-r2) var(--d26-r2) 0; }
html.desk-2026 table.portfolio-menu td.portfolio-name:first-child { font-weight: 650 !important; width: 99%; }
html.desk-2026 table.portfolio-menu td.portfolio-name:not(:first-child) { white-space: nowrap; color: var(--d26-ink-2); font-variant-numeric: tabular-nums; }
html.desk-2026 table.portfolio-menu td.portfolio-name.up, html.desk-2026 table.portfolio-menu td.portfolio-name.down { width: 1%; }
html.desk-2026 table.portfolio-menu td.portfolio-name.up { color: var(--d26-up) !important; font-weight: 700 !important; }
html.desk-2026 table.portfolio-menu td.portfolio-name.down { color: var(--d26-down) !important; font-weight: 700 !important; }
html.desk-2026 table.portfolio-menu td.portfolio-action { width: 1%; white-space: nowrap; text-decoration: none !important; cursor: pointer; padding: 0 3px !important; }
html.desk-2026 table.portfolio-menu td.d26-pa-open span {
  display: inline-flex; align-items: center; height: 30px; padding: 0 14px; border-radius: var(--d26-pill); background: var(--d26-accent-soft); color: var(--d26-accent); font: 650 var(--d26-fs-s) var(--main-font-family);
}
html.desk-2026 table.portfolio-menu td.d26-pa-open:hover span { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 table.portfolio-menu td.d26-pa-icon span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--d26-r1); color: var(--d26-ink-3) !important; pointer-events: none; }
html.desk-2026 table.portfolio-menu td.d26-pa-icon:hover span { background: var(--d26-surface-3); color: var(--d26-ink) !important; }
html.desk-2026 table.portfolio-menu td.d26-pa-del:hover span { color: var(--d26-down) !important; }
html.desk-2026 table.portfolio-menu td.d26-pa-icon .d26-ico { width: 16px; height: 16px; }
html.desk-2026 .fundamental-box .subheader-button.action { display: inline-flex !important; align-items: center; height: 34px !important; line-height: 34px !important; padding: 0 16px !important; border-radius: var(--d26-pill) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; }

/* ---- rename / create dialogs (form.rename-form in a tf_PopUP) ---- */
html.desk-2026 .big-content.d26-rename > .window { width: min(420px, calc(100vw - 48px)) !important; }
html.desk-2026 .big-content.d26-rename .window > .tab-content { height: auto !important; min-height: 0 !important; padding: 18px 22px 22px !important; }
html.desk-2026 .d26-rename form.rename-form { display: flex; flex-direction: column; gap: 14px; float: none !important; width: auto !important; }
html.desk-2026 .d26-rename form.rename-form > div { display: flex; flex-direction: column; gap: 6px; float: none !important; width: auto !important; margin: 0 !important; }
html.desk-2026 .d26-rename form.rename-form > div > div, html.desk-2026 .d26-rename form.rename-form label {
  float: none !important; width: auto !important; margin: 0 !important; text-align: left !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .d26-rename form.rename-form input[type="text"] {
  float: none !important; width: 100% !important; margin: 0 !important; height: 40px; padding: 0 14px !important; box-sizing: border-box; text-align: left !important;
  border: 0 !important; border-radius: var(--d26-r2) !important; background: var(--d26-surface-2) !important; font: 500 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink) !important; outline: 0;
}
html.desk-2026 .d26-rename form.rename-form input[type="text"]:focus { box-shadow: inset 0 0 0 1.5px var(--d26-accent); background: var(--d26-pop) !important; }
html.desk-2026 .d26-rename form.rename-form input[type="submit"] {
  float: none !important; align-self: flex-end; width: auto !important; margin: 4px 0 0 !important; height: 36px; padding: 0 20px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer;
}
html.desk-2026 .d26-rename form.rename-form input[type="submit"]:hover { background: var(--d26-accent-hover) !important; }
/* button row (list.js "Neue Liste anlegen"): Abbrechen (ghost) + Speichern, right aligned */
html.desk-2026 .d26-rename form.rename-form > div.d26-rename-actions { flex-direction: row; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 4px !important; }
html.desk-2026 .d26-rename form.rename-form > div.d26-rename-actions input[type="submit"] { margin: 0 !important; }
html.desk-2026 .d26-rename .d26-rename-cancel {
  height: 36px; padding: 0 18px; border: 0; border-radius: var(--d26-pill); background: transparent; color: var(--d26-ink-2);
  font: 650 var(--d26-fs-s) var(--main-font-family); cursor: pointer;
}
html.desk-2026 .d26-rename .d26-rename-cancel:hover { background: var(--d26-surface-2); color: var(--d26-ink); }

/* ---- Depot Live / Musterdepot (.depot): design font, tables like the lists ---- */
html.desk-2026 .depot, html.desk-2026 .depot * { font-family: var(--main-font-family) !important; }
html.desk-2026 .depot .tabs a { text-transform: none !important; }
html.desk-2026 .depot .pane { padding: 4px 2px !important; }
html.desk-2026 .depot .headrow { display: flex !important; align-items: center; height: 34px !important; padding: 0 10px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important; }
html.desk-2026 .depot .headrow div { float: none !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; }
html.desk-2026 .depot .positions .position { display: flex !important; align-items: center; min-height: 48px; padding: 4px 10px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important; box-sizing: border-box; }
html.desk-2026 .depot .positions .position:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .depot .positions .position > div { float: none !important; font: var(--d26-fs-s)/1.4 var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 .depot .positions .position .item .stock-info { font-weight: 650; }
html.desk-2026 .depot .positions .position span.small_text { font-size: var(--d26-fs-cap) !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .depot .positions .position span.positive, html.desk-2026 .depot .positive { color: var(--d26-up) !important; }
html.desk-2026 .depot .positions .position span.negative, html.desk-2026 .depot .negative { color: var(--d26-down) !important; }
html.desk-2026 .depot a.mini_sell_button {
  display: inline-flex !important; align-items: center; height: 28px; padding: 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; font: 650 var(--d26-fs-cap) var(--main-font-family) !important; box-shadow: none !important; cursor: pointer;
}
html.desk-2026 .depot a.mini_sell_button:hover { background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; }
html.desk-2026 .depot table { border-collapse: collapse !important; }
html.desk-2026 .depot table td { padding: 6px 10px !important; border: 0 !important; font: var(--d26-fs-s)/1.4 var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 .depot table tr:first-child td, html.desk-2026 .depot table thead td, html.desk-2026 .depot table tr.headrow td {
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important;
}
html.desk-2026 .depot table:not(.result) tr:not(:first-child) td { border-bottom: 1px solid var(--d26-line) !important; }
html.desk-2026 .depot table:not(.result) tr:not(:first-child):hover td { background: var(--d26-surface-2); }
/* summary (Bargeld / Wertpapiere / Depotwert …) as a card */
html.desk-2026 .depot table.result { margin: 14px 0 0 auto !important; min-width: 320px; border-radius: var(--d26-r3); background: var(--d26-surface-2); overflow: hidden; }
html.desk-2026 .depot table.result td { border: 0 !important; color: var(--d26-ink-2) !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; }
html.desk-2026 .depot table.result td.number { font-weight: 650 !important; color: var(--d26-ink) !important; }
html.desk-2026 .depot .open-orders { margin-top: 14px !important; }
html.desk-2026 .depot .open-orders, html.desk-2026 .depot .open-orders * { text-transform: none; }
html.desk-2026 .depot a.delete_order { color: var(--d26-down) !important; text-decoration: none !important; font-weight: 600; }
html.desk-2026 .depot .depot-perf { padding: 2px 8px; border-radius: var(--d26-pill); font-weight: 700; }
html.desk-2026 .depot .depot-perf.positive { background: color-mix(in srgb, var(--d26-up) 14%, transparent); }
html.desk-2026 .depot .depot-perf.negative { background: color-mix(in srgb, var(--d26-down) 13%, transparent); }

/* ---- order mask (Order aufgeben) details ---- */
html.desk-2026 .orderbox .stock_title { font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .orderbox .current_quote_row, html.desk-2026 .orderbox .current_quote_row * { color: var(--d26-ink-2) !important; font: var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums; }
html.desk-2026 .orderbox .order_info, html.desk-2026 .orderbox .order_info * { font-family: var(--main-font-family) !important; }
html.desk-2026 .orderbox .set-order-button { display: flex !important; align-items: center; justify-content: center; line-height: 1 !important; }
html.desk-2026 table.portfolio-menu td.d26-pa-open span { text-transform: none !important; }
html.desk-2026 .big-content.d26-rename { width: auto !important; min-width: 0 !important; height: auto !important; }
html.desk-2026 .big-content.d26-rename > .window { margin: 0 !important; left: 0 !important; right: auto !important; transform: none !important; }
html.desk-2026 .big-content.d26-rename .window > .tab-content { width: auto !important; box-sizing: border-box; }

/* ---- Depot Live: one-row scrollable tab bar, th headers like the overview ---- */
html.desk-2026 .depot > .tabs { display: flex !important; flex-wrap: nowrap !important; width: max-content; max-width: 100%; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
html.desk-2026 .depot > .tabs::-webkit-scrollbar { display: none; }
html.desk-2026 .depot > .tabs a { flex: 0 0 auto; white-space: nowrap; }
html.desk-2026 .depot .pane > div { overflow-x: auto; }
html.desk-2026 .depot .pane table:not(.result) { width: 100% !important; }
html.desk-2026 .depot table th { height: 34px; padding: 0 10px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important; text-align: left !important; white-space: nowrap; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; }
html.desk-2026 .depot table td { vertical-align: middle !important; text-align: left; }
html.desk-2026 .depot table td b { font-weight: 650; }
html.desk-2026 .depot table td span.small_text { font-size: var(--d26-fs-cap) !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .depot table.trades td.name { font-weight: 650; }
html.desk-2026 .depot table.trades th:nth-child(n+3), html.desk-2026 .depot table.trades td:nth-child(n+3) { text-align: right !important; }
html.desk-2026 .depot table.trades td:nth-child(n+3) span:not(.small_text):not(.positive):not(.negative) { color: var(--d26-ink-3); font-size: var(--d26-fs-cap); }
html.desk-2026 .depot table.transaction th:nth-child(n+3) { text-align: right !important; }
html.desk-2026 .depot table.transaction td:nth-child(3) { text-align: right !important; }
html.desk-2026 .depot .table table th:nth-child(3) { text-align: right !important; }
html.desk-2026 .depot .table table td.no_translate { color: var(--d26-ink-3) !important; }
html.desk-2026 .depot table tr, html.desk-2026 .depot table thead { background: transparent !important; }
html.desk-2026 .depot table.trades td.name { font-weight: 650 !important; }
html.desk-2026 .depot table.trades td:nth-child(n+3), html.desk-2026 .depot .table table td:first-child { white-space: nowrap; }
html.desk-2026 .depot table.trades td.name span.small_text { font-weight: 400 !important; }

/* ---- window rename (container ⋮ > Umbenennen, a DialogContainer) ---- */
html.desk-2026 .container.d26-rename > .inner { width: 340px !important; height: auto !important; min-height: 0 !important; }
html.desk-2026 .container.d26-rename .body { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; min-height: 0 !important; }
html.desk-2026 .container.d26-rename .body > .inner { width: auto !important; height: auto !important; min-height: 0 !important; overflow: visible !important; padding: 6px 18px 18px !important; box-sizing: border-box; }

/* ---- order masks: scroll instead of cutting the button off, stock header and quotes in the design ---- */
html.desk-2026 .container .body > .inner:has(> .orderbox) { overflow-y: auto !important; overflow-x: hidden !important; }
html.desk-2026 .orderbox .exchanges-render-area table { width: 100%; border-collapse: collapse; }
html.desk-2026 .orderbox .exchanges-render-area td.name { padding: 10px 8px 6px !important; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .orderbox .exchanges-render-area tr.exchange-quote-row td { padding: 5px 8px !important; font: var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink) !important; border: 0 !important; }
html.desk-2026 .orderbox .exchanges-render-area tr.exchange-quote-row td:first-child { color: var(--d26-ink-2) !important; }
html.desk-2026 .orderbox .exchanges-render-area tr.exchange-quote-row.selected td { background: var(--d26-surface-2) !important; }
html.desk-2026 .orderbox .exchanges-render-area tr.exchange-quote-row.selected td:first-child { border-radius: var(--d26-r1) 0 0 var(--d26-r1); }
html.desk-2026 .orderbox .exchanges-render-area tr.exchange-quote-row.selected td:last-child { border-radius: 0 var(--d26-r1) var(--d26-r1) 0; }
html.desk-2026 .orderbox .order_info span.label:not(.key), html.desk-2026 .orderbox .order_info_2 span.label:not(.key) { color: var(--d26-ink) !important; font-weight: 650 !important; }
html.desk-2026 .orderbox .order_info_2, html.desk-2026 .orderbox .order_info_2 * { font: var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums; }
html.desk-2026 .open_orders, html.desk-2026 .open_orders * { font-family: var(--main-font-family) !important; }

/* ---- Easy-Hebel disclaimer (orderbox_derivate.js) ---- */
html.desk-2026 .derivate-disclaimer { padding: 6px 10px 16px; box-sizing: border-box; }
html.desk-2026 .derivate-disclaimer > div { float: none !important; padding: 0 !important; margin: 0 0 12px !important; font: var(--d26-fs)/1.55 var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .derivate-disclaimer > div:first-child { margin: 6px 0 10px !important; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .derivate-disclaimer ol { margin: 0; padding: 12px 14px 12px 32px; border-radius: var(--d26-r2); background: var(--d26-surface-2); }
html.desk-2026 .derivate-disclaimer ol li { margin: 0 0 6px; font: var(--d26-fs-s)/1.5 var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .derivate-disclaimer ol li:last-child { margin: 0; }
html.desk-2026 .derivate-disclaimer > div.derivate-accept {
  display: flex; align-items: center; justify-content: center; width: auto !important; height: 40px; margin: 16px 0 0 !important; padding: 0 20px !important;
  border-radius: var(--d26-pill); background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 650 var(--d26-fs-m) var(--main-font-family) !important;
}
html.desk-2026 .derivate-disclaimer > div.derivate-accept:hover { background: var(--d26-accent-hover) !important; }
html.desk-2026 .orderbox .stock_title, html.desk-2026 .orderbox .stock_title * { letter-spacing: 0 !important; text-transform: none !important; }
html.desk-2026 .orderbox .set-order-button, html.desk-2026 .orderbox a.button_reduced { text-transform: none !important; letter-spacing: 0 !important; }
html.desk-2026 .orderbox input.full-size, html.desk-2026 .orderbox select.full-size { width: 100% !important; margin: 0 !important; }
html.desk-2026 .orderbox .order_info span.key + span.label, html.desk-2026 .orderbox .order_info_2 span.key + span.label { display: none !important; }
html.desk-2026 .orderbox .exchanges-render-area td.name { letter-spacing: 0 !important; }
html.desk-2026 .depot table.result tr:first-child td { font: var(--d26-fs-s)/1.4 var(--main-font-family) !important; color: var(--d26-ink-2) !important; text-transform: none !important; letter-spacing: 0 !important; border-bottom: 0 !important; }
html.desk-2026 .depot table.result tr:first-child td.number { font-weight: 650 !important; color: var(--d26-ink) !important; }

/* ---- order masks 2026 (.d26-om, tf_desk2026Order): ticket layout like the preview's product mask ---- */
/* the rows are appended to the table directly (no tbody), so the table itself is the grid */
html.desk-2026 .orderbox.d26-om form > table, html.desk-2026 .orderbox.d26-om form > table > tbody { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 12px; width: 100% !important; margin: 0 !important; }
html.desk-2026 .orderbox.d26-om form > table > tbody { grid-column: 1 / -1; }
html.desk-2026 .orderbox.d26-om form > table > tr, html.desk-2026 .orderbox.d26-om form > table > tbody > tr { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html.desk-2026 .orderbox.d26-om form > table > tr.d26-r-full, html.desk-2026 .orderbox.d26-om form > table > tbody > tr.d26-r-full, html.desk-2026 .orderbox.d26-hb form > table > tr, html.desk-2026 .orderbox.d26-hb form > table > tbody > tr { grid-column: 1 / -1; }
html.desk-2026 .orderbox.d26-om form > table > tr > td, html.desk-2026 .orderbox.d26-om form > table > tbody > tr > td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; height: auto !important; }
html.desk-2026 .orderbox.d26-om form > table > tr > td > .label, html.desk-2026 .orderbox.d26-om form > table > tbody > tr > td > .label, html.desk-2026 .d26-hb-f > label, html.desk-2026 .d26-hb-limit > label {
  display: block; float: none !important; margin: 0 !important; padding: 0 !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .orderbox.d26-om form > table td > .row { float: none !important; width: auto !important; margin: 0 !important; }
html.desk-2026 .orderbox.d26-om select.full-size { width: 100% !important; height: 36px !important; margin: 0 !important; }
/* the stock: stock button + quotes per Börsenplatz (the name row is in the button now) */
html.desk-2026 .orderbox.d26-om .search-wrap-reduced { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
html.desk-2026 .orderbox.d26-om .search-wrap-reduced > .search-submit-small { display: none !important; }
html.desk-2026 .orderbox.d26-om .search-wrap-reduced > .d26-sfbtn { width: 100% !important; max-width: none !important; margin: 0 !important; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr:has(> td.name) { display: none; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area table { margin: 0; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.d26-ex-head th { height: 28px; padding: 0 8px; border-bottom: 1px solid var(--d26-line); text-align: left; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); white-space: nowrap; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.d26-ex-head th:nth-child(n+3) { text-align: right; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.exchange-quote-row td { height: 34px; padding: 0 8px !important; white-space: nowrap; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.exchange-quote-row td:nth-child(2) { color: var(--d26-ink-3) !important; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.exchange-quote-row td:nth-child(n+3) { text-align: right; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.exchange-quote-row td[title="%"] { font-weight: 650 !important; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.exchange-quote-row td[style*="green"] { color: var(--d26-up) !important; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.exchange-quote-row td[style*="red"] { color: var(--d26-down) !important; }
html.desk-2026 .orderbox.d26-om .d26-ex-pick tr.exchange-quote-row { cursor: pointer; }
html.desk-2026 .orderbox.d26-om .d26-ex-pick tr.exchange-quote-row:hover td { background: var(--d26-surface-2) !important; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.exchange-quote-row.selected td { background: var(--d26-accent-soft) !important; }
html.desk-2026 .orderbox.d26-om .exchanges-render-area tr.exchange-quote-row.selected td:first-child { color: var(--d26-accent) !important; font-weight: 650 !important; }
/* Kauf / Verkauf as one segment */
html.desk-2026 .orderbox.d26-om tr.d26-r-side > td { display: flex !important; gap: 2px; padding: 3px !important; border-radius: var(--d26-pill); background: var(--d26-surface-2); }
html.desk-2026 .orderbox.d26-om tr.d26-r-side a.button_reduced { flex: 1; float: none !important; width: auto !important; height: 34px; margin: 0 !important; background: transparent !important; color: var(--d26-ink-2) !important; font: 650 var(--d26-fs) var(--main-font-family) !important; cursor: pointer; }
html.desk-2026 .orderbox.d26-om tr.d26-r-side a.button_reduced:not(.active):hover { color: var(--d26-ink) !important; }
html.desk-2026 .orderbox.d26-om tr.d26-r-side a.button_reduced.buy.active { background: var(--d26-up) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .orderbox.d26-om tr.d26-r-side a.button_reduced.sell.active { background: var(--d26-down) !important; color: var(--d26-on-solid) !important; }
/* stepper */
html.desk-2026 .d26-step { display: grid; grid-template-columns: 36px minmax(0, 1fr) 36px; height: 36px; border-radius: var(--d26-r1); background: var(--d26-surface-2); }
html.desk-2026 .d26-step:focus-within { box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-step > button { display: grid; place-items: center; width: auto !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--d26-ink-2) !important; font: 600 17px/1 var(--main-font-family) !important; cursor: pointer; }
html.desk-2026 .d26-step > button:hover { color: var(--d26-ink) !important; }
html.desk-2026 .orderbox .d26-step > input { width: 100% !important; height: 100% !important; min-width: 0; margin: 0 !important; padding: 0 4px !important; border: 0 !important; background: transparent !important; outline: 0 !important; box-shadow: none !important; text-align: center !important; font: 650 var(--d26-fs) var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink) !important; }
/* summary card + action button */
html.desk-2026 .orderbox.d26-om tr.d26-r-sum .order_info { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 6px 8px; float: none !important; width: auto !important; margin: 0 !important; padding: 12px 14px !important; border: 0 !important; border-radius: var(--d26-r2); background: var(--d26-surface-2) !important; box-sizing: border-box; }
html.desk-2026 .orderbox.d26-om tr.d26-r-sum .order_info > span.key { flex: 1; font: var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink-2) !important; }
html.desk-2026 .orderbox.d26-om tr.d26-r-sum .order_info > span.label:not(.key) { float: none !important; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .orderbox.d26-om tr.d26-r-sum .order_info_2 { display: flex !important; flex: 0 0 100%; align-items: baseline; gap: 8px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html.desk-2026 .orderbox.d26-om tr.d26-r-sum .order_info_2 > span.key { flex: 1; font-size: var(--d26-fs-s) !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .orderbox.d26-om tr.d26-r-sum .order_info_2 > span.label:not(.key) { float: none !important; margin: 0 !important; font-size: var(--d26-fs-s) !important; color: var(--d26-ink-2) !important; font-weight: 600 !important; }
html.desk-2026 .orderbox.d26-om .set-order-button {
  flex: 0 0 100%; display: flex !important; align-items: center; justify-content: center; float: none !important; width: 100% !important; min-height: 44px; height: auto !important; margin: 8px 0 0 !important; padding: 8px 18px !important; box-sizing: border-box;
  border: 0 !important; border-radius: var(--d26-pill) !important; background: var(--d26-up) !important; color: var(--d26-on-solid) !important; opacity: 1 !important;
  font: 650 var(--d26-fs-m)/1.35 var(--main-font-family) !important; text-align: center; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer;
}
html.desk-2026 .orderbox.d26-om .set-order-button:hover { filter: brightness(1.06); background: var(--d26-up) !important; }
html.desk-2026 .orderbox.d26-om .set-order-button.d26-sell, html.desk-2026 .orderbox.d26-om .set-order-button.d26-sell:hover { background: var(--d26-down) !important; }
html.desk-2026 .orderbox.d26-om .set-order-button.d26-off, html.desk-2026 .orderbox.d26-om .set-order-button.d26-off:hover { background: var(--d26-surface-3) !important; color: var(--d26-ink-3) !important; filter: none; cursor: not-allowed; }
html.desk-2026 .orderbox.d26-om .set-order-button span, html.desk-2026 .orderbox.d26-om .set-order-button div { color: inherit !important; font: inherit !important; }
html.desk-2026 .orderbox.d26-om .set-order-button.d26-state { background: var(--d26-pop) !important; color: var(--d26-ink-2) !important; box-shadow: inset 0 0 0 1px var(--d26-line); cursor: default; filter: none; }
html.desk-2026 .orderbox.d26-om .set-order-button.d26-state td { padding: 4px 8px !important; border: 0 !important; font: var(--d26-fs-s)/1.45 var(--main-font-family) !important; color: inherit !important; }
html.desk-2026 .orderbox.d26-om .set-order-button.d26-state td[data-action] { cursor: pointer; }
html.desk-2026 .orderbox.d26-om .set-order-button.d26-state td[data-action="delete-order"] { color: var(--d26-down) !important; font-weight: 650 !important; white-space: nowrap; text-decoration: none !important; }
html.desk-2026 .orderbox.d26-om .set-order-button.d26-state span[data-action] { color: var(--d26-accent) !important; text-decoration: none !important; font-weight: 650 !important; }
html.desk-2026 .orderbox.d26-om tr.notice td { padding: 10px 12px !important; border-radius: var(--d26-r2); background: var(--d26-accent-soft); color: var(--d26-ink-2); font: var(--d26-fs-s)/1.45 var(--main-font-family) !important; }

/* ---- Easy-Hebel (.d26-hb): Richtung / Hebel / Kaufsumme / Stückzahl as fields ---- */
html.desk-2026 .d26-hb-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 16px; }
html.desk-2026 .d26-hb-f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html.desk-2026 .d26-hb-dir { display: flex; gap: 2px; padding: 3px; border-radius: var(--d26-pill); background: var(--d26-surface-2); }
html.desk-2026 .d26-hb-dir button.orderbox-derivate-direction { flex: 1; float: none !important; width: auto !important; height: 30px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: var(--d26-pill) !important; background: transparent !important; color: var(--d26-ink-2) !important; box-shadow: none !important; font: 650 var(--d26-fs) var(--main-font-family) !important; cursor: pointer; }
html.desk-2026 .d26-hb-dir button.orderbox-derivate-direction:not(.active):hover { color: var(--d26-ink) !important; }
html.desk-2026 .d26-hb-dir button.long.active { background: var(--d26-up) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .d26-hb-dir button.short.active { background: var(--d26-down) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .d26-hb-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
html.desk-2026 .d26-hb-presets button { width: auto !important; min-width: 0; height: 28px !important; margin: 0 !important; padding: 0 4px !important; border: 0 !important; border-radius: var(--d26-pill) !important; background: var(--d26-surface-2) !important; color: var(--d26-ink-2) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums; cursor: pointer; }
html.desk-2026 .d26-hb-presets button:hover { background: var(--d26-surface-3) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-hb-presets button.selected-amount-preset { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .d26-hb-lev { display: flex; align-items: center; gap: 14px; height: 36px; padding: 0 2px 0 8px; }
html.desk-2026 .d26-hb-lev .lev_slider.ui-slider { flex: 1; float: none !important; width: auto !important; height: 4px !important; margin: 0 !important; border: 0 !important; border-radius: 2px; background: var(--d26-surface-3) !important; }
html.desk-2026 .d26-hb-lev .lev_slider .ui-slider-range { border-radius: 2px; background: var(--d26-accent) !important; }
html.desk-2026 .d26-hb-lev .lev_slider .ui-slider-handle { top: -7px !important; width: 18px !important; height: 18px !important; margin-left: -9px !important; border: 0 !important; border-radius: 50% !important; background: var(--d26-pop) !important; box-shadow: 0 0 0 2px var(--d26-accent), 0 1px 3px color-mix(in srgb, var(--d26-shade) 20%, transparent) !important; outline: 0; cursor: grab; }
html.desk-2026 .d26-hb-lev .d26-hb-levv { flex: none; float: none !important; min-width: 44px; height: 28px; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: var(--d26-pill); background: var(--d26-accent-soft); color: var(--d26-accent); display: grid; place-items: center; font: 700 var(--d26-fs-s) var(--main-font-family) !important; white-space: nowrap; box-sizing: border-box; }
/* limit with cent steps above the button */
html.desk-2026 .orderbox.d26-hb tr.d26-r-sum .order_info, html.desk-2026 .orderbox.d26-hb .order_info { flex-direction: column; align-items: stretch; flex-wrap: nowrap; }
html.desk-2026 .orderbox.d26-hb .order_info { display: flex !important; gap: 10px; float: none !important; width: auto !important; margin: 0 !important; padding: 12px 14px !important; border: 0 !important; border-radius: var(--d26-r2); background: var(--d26-surface-2) !important; box-sizing: border-box; }
html.desk-2026 .orderbox.d26-hb .order_info .set-order-button { margin: 0 !important; }
html.desk-2026 .d26-hb-limit { order: -1; display: flex; flex-direction: column; gap: 6px; float: none !important; width: auto !important; margin: 0 !important; }
html.desk-2026 .d26-hb-limrow { display: flex; align-items: center; gap: 6px; }
html.desk-2026 .d26-hb-limrow input { flex: 1; min-width: 60px; width: auto !important; height: 36px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; border-radius: var(--d26-r1) !important; background: var(--d26-pop) !important; text-align: center; font: 650 var(--d26-fs) var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink) !important; -moz-appearance: textfield; }
html.desk-2026 .d26-hb-limrow input::-webkit-inner-spin-button, html.desk-2026 .d26-hb-limrow input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
html.desk-2026 .d26-hb-limrow input:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-hb-limrow .d26-hb-ct { flex: none; display: grid; place-items: center; height: 30px; margin: 0 !important; padding: 0 9px; border-radius: var(--d26-pill); background: var(--d26-pop); color: var(--d26-ink-2); font: 600 var(--d26-fs-cap) var(--main-font-family) !important; font-variant-numeric: tabular-nums; cursor: pointer; user-select: none; }
html.desk-2026 .d26-hb-limrow .d26-hb-ct:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
/* product proposals */
html.desk-2026 .orderbox.d26-hb table.table { width: 100% !important; border-collapse: collapse !important; margin: 0; }
html.desk-2026 .orderbox.d26-hb table.table thead td { height: 30px; padding: 0 6px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; text-align: left !important; white-space: nowrap; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; }
html.desk-2026 .orderbox.d26-hb table.table thead td:nth-child(n+5) { text-align: right !important; }
html.desk-2026 .orderbox.d26-hb table.table tbody td, html.desk-2026 .orderbox.d26-hb table.table > tr > td { padding: 8px 6px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent; color: var(--d26-ink) !important; font: var(--d26-fs-s)/1.4 var(--main-font-family) !important; font-variant-numeric: tabular-nums; vertical-align: middle; }
html.desk-2026 .orderbox.d26-hb table.table tr:hover > td { background: var(--d26-surface-2); }
html.desk-2026 .orderbox.d26-hb table.table tr.selected > td { background: var(--d26-accent-soft) !important; }
html.desk-2026 .orderbox.d26-hb table.table tr > td:first-child { font-weight: 700 !important; }
html.desk-2026 .orderbox.d26-hb table.table tr > td:nth-child(4) div { font-weight: 600; }
html.desk-2026 .orderbox.d26-hb table.table tr > td:nth-child(4) img { width: 16px; height: 16px; margin-top: 2px; border-radius: 3px; }
html.desk-2026 .orderbox.d26-hb table.table tr > td:nth-child(4) div + a + div { color: var(--d26-ink-3); font-size: var(--d26-fs-cap) !important; }
html.desk-2026 .orderbox.d26-hb table.table tr > td[colspan="7"] { padding: 12px 6px !important; border: 0 !important; text-decoration: none !important; text-align: center !important; color: var(--d26-accent) !important; font-weight: 650 !important; }
html.desk-2026 .orderbox.d26-hb table.table tr > td[colspan="7"]:hover { background: transparent; text-decoration: underline !important; }

/* ---- Depot Live: flexible columns, stock pills, Ordermanager section ---- */
html.desk-2026 .depot .headrow > .item, html.desk-2026 .depot .positions .position > .item { flex: 1 1 auto; min-width: 0; width: auto !important; }
html.desk-2026 .depot .headrow > .size1, html.desk-2026 .depot .positions .position > .size1 { flex: 0 0 64px; width: 64px !important; text-align: right; }
html.desk-2026 .depot .headrow > .size3, html.desk-2026 .depot .positions .position > .size3 { flex: 0 0 132px; width: 132px !important; text-align: right; }
html.desk-2026 .depot .headrow > .size2, html.desk-2026 .depot .positions .position > .size2 { flex: 0 0 96px; width: 96px !important; text-align: right; }
html.desk-2026 .depot .positions .position > div:has(> a.mini_sell_button) { flex: 0 0 104px; width: 104px !important; text-align: right; }
html.desk-2026 .depot .headrow:has(+ .positions a.mini_sell_button)::after { content: ''; flex: 0 0 104px; }
html.desk-2026 .depot .headrow > div[style*="clear"], html.desk-2026 .depot .positions .position > div[style*="clear"] { display: none !important; }
html.desk-2026 .depot .positions .position .item .stock-info { display: block; min-width: 0; }
html.desk-2026 .depot .d26-pill-cell .d26-ins-tile { flex: none; }
html.desk-2026 .depot .d26-pill-pre { color: var(--d26-ink-3); font-weight: 600; }
html.desk-2026 .depot table td .d26-pill-sub { font-size: var(--d26-fs-cap) !important; color: var(--d26-ink-3) !important; font-weight: 400 !important; }
html.desk-2026 .depot table td .d26-pill-txt b { font-weight: 650 !important; }
html.desk-2026 .depot .open-orders > div:first-child { margin: 22px 0 6px; padding: 0 10px; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink); text-transform: none !important; }
html.desk-2026 .depot .open-orders > div:last-child:not(:has(tbody tr))::after { content: 'Keine offenen Orders'; display: block; padding: 14px 10px; color: var(--d26-ink-3); font: var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .orderbox.d26-om .facebook-message { top: 0; left: 0; right: 0; width: auto !important; min-height: 0 !important; z-index: 5; border-radius: var(--d26-r2); background: color-mix(in srgb, var(--d26-down) 12%, var(--d26-pop)) !important; color: var(--d26-down) !important; box-shadow: 0 4px 14px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .orderbox.d26-om .facebook-message > div { padding: 10px 14px !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; }
html.desk-2026 .orderbox.d26-hb table.table thead td { padding: 0 4px !important; letter-spacing: .03em; }
html.desk-2026 .orderbox.d26-hb table.table tbody td, html.desk-2026 .orderbox.d26-hb table.table > tr > td { padding: 8px 4px !important; }
html.desk-2026 .orderbox.d26-hb table.table tr > td:nth-child(4) > div { max-width: 130px !important; text-overflow: ellipsis; }
html.desk-2026 .orderbox.d26-hb table.table tr > td:nth-child(7) { white-space: nowrap; }
html.desk-2026 .orderbox.d26-hb form > table > tr > td:has(> div > table.table), html.desk-2026 .orderbox.d26-hb form > table > tbody > tr > td:has(> div > table.table) { overflow-x: auto; }
html.desk-2026 .orderbox.d26-hb table.table thead td { white-space: normal; line-height: 1.25 !important; height: auto; padding: 6px 4px !important; vertical-align: bottom; }
html.desk-2026 .orderbox.d26-hb table.table tr > td:nth-child(4) > div { max-width: 104px !important; }
/* proposals without the WKN column (tf_desk2026Order.tf_products): Hebel | Aufgeld | Produkt (name, logo + WKN · Emittent) | Spread | KO | Bid/Ask */
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod thead td:nth-child(n+4) { text-align: right !important; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod thead td:nth-child(3) { text-align: left !important; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(3):not([colspan]) { text-align: left !important; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(3) > div { float: none !important; margin: 0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.35 !important; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(3) > div:first-child { display: block; max-width: 100% !important; font-weight: 650 !important; color: var(--d26-ink); }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(3) > a > img { float: none !important; width: 14px; height: 14px; margin: 0 6px 0 0 !important; border-radius: 3px; vertical-align: middle; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(3) > div:last-child { display: inline-block; max-width: calc(100% - 22px) !important; vertical-align: middle; font-size: var(--d26-fs-cap) !important; font-weight: 400 !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod .d26-hb-wkn { color: var(--d26-ink-2); font-weight: 600; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(4) div { font-weight: 400; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(3) { width: 100%; max-width: 0; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(6) { white-space: nowrap; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td[colspan] { padding: 12px 6px !important; border: 0 !important; text-decoration: none !important; text-align: center !important; color: var(--d26-accent) !important; font-weight: 650 !important; cursor: pointer; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr:hover > td[colspan] { background: transparent; text-decoration: underline !important; }
html.desk-2026 .orderbox.d26-hb table.d26-hb-prod tr > td:nth-child(3) > a > img { display: inline-block; width: 14px !important; height: 14px !important; overflow: hidden; font-size: 0; }

/* ---- Musterdepot (portfolio.js, .d26-pf / tf_desk2026Portfolio) like Depot Live ---- */
html.desk-2026 .d26-pf, html.desk-2026 .d26-pf * { font-family: var(--main-font-family) !important; }
html.desk-2026 .d26-pf table.portfolio-table { width: 100% !important; border-collapse: collapse !important; margin: 4px 0 0 !important; font-size: var(--d26-fs-s) !important; }
html.desk-2026 .d26-pf table.portfolio-table thead tr, html.desk-2026 .d26-pf table.portfolio-table thead td { background: transparent !important; }
html.desk-2026 .d26-pf table.portfolio-table thead td { height: 34px; padding: 0 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; white-space: nowrap; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-pf table.portfolio-table > tbody > tr > td, html.desk-2026 .d26-pf table.portfolio-table > tr > td { padding: 10px 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; vertical-align: middle; background: transparent; font: var(--d26-fs-s)/1.4 var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 .d26-pf table.portfolio-table tr.portfolio-info:hover > td { background: var(--d26-surface-2); }
/* Stück / Kaufdatum and Kaufkurs as filled fields */
html.desk-2026 .d26-pf tr.portfolio-info > td:first-child { width: 1% !important; white-space: nowrap; }
html.desk-2026 .d26-pf tr.portfolio-info > td:first-child > *, html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(3) > * { float: none !important; display: inline-block; vertical-align: middle; margin: 0 !important; }
html.desk-2026 .d26-pf input.portfolio-amount, html.desk-2026 .d26-pf input.portfolio-date, html.desk-2026 .d26-pf input.portfolio-price {
  height: 32px !important; padding: 0 8px !important; border: 0 !important; border-radius: var(--d26-r1) !important; box-sizing: border-box; box-shadow: none !important;
  background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums; outline: 0;
}
html.desk-2026 .d26-pf input.portfolio-amount:focus, html.desk-2026 .d26-pf input.portfolio-date:focus, html.desk-2026 .d26-pf input.portfolio-price:focus { box-shadow: inset 0 0 0 2px var(--d26-accent) !important; background: var(--d26-pop) !important; }
html.desk-2026 .d26-pf input:disabled { background: transparent !important; color: var(--d26-ink) !important; padding-left: 0 !important; }
html.desk-2026 .d26-pf input.portfolio-amount { width: 58px !important; text-align: right; }
html.desk-2026 .d26-pf input.portfolio-date { width: 98px !important; }
html.desk-2026 .d26-pf tr.portfolio-info input.portfolio-price { width: 84px !important; text-align: right; }
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(3) { width: 1% !important; white-space: nowrap; }
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(3) > span { margin-left: 4px !important; color: var(--d26-ink-3); font-size: var(--d26-fs-s) !important; }
html.desk-2026 .d26-pf .d26-pf-sep { padding: 0 4px; color: var(--d26-ink-3); font-size: var(--d26-fs-s) !important; }
html.desk-2026 .d26-pf .portfolio-date-icon { display: inline-grid !important; place-items: center; width: 28px !important; height: 32px !important; margin-left: 2px !important; background: none !important; color: var(--d26-ink-3); cursor: pointer; border-radius: var(--d26-r1); }
html.desk-2026 .d26-pf .portfolio-date-icon:hover { color: var(--d26-ink); background: var(--d26-surface-3) !important; }
html.desk-2026 .d26-pf .portfolio-date-icon .d26-ico, html.desk-2026 .d26-pf td .d26-ico { width: 16px; height: 16px; }
/* name, quotes, performance */
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(2) { min-width: 180px; }
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(n+4):not(:last-child) { text-align: right; white-space: nowrap; }
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(n+4) > div { text-align: right; }
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(n+4) > div + div { color: var(--d26-ink-3); font-size: var(--d26-fs-cap) !important; }
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(n+4) > div.d26-up { color: var(--d26-up) !important; }
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(n+4) > div.d26-dn { color: var(--d26-down) !important; }
html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(n+4) > div:first-child.d26-up, html.desk-2026 .d26-pf tr.portfolio-info > td:nth-child(n+4) > div:first-child.d26-dn { font-weight: 650; }
/* actions: Kommentar / News / Verkaufen-Löschen */
html.desk-2026 .d26-pf tr.portfolio-info > td:last-child { width: 1% !important; padding-left: 4px !important; white-space: nowrap; text-align: right !important; }
html.desk-2026 .d26-pf .portfolio-comment-link, html.desk-2026 .d26-pf .portfolio-news-link, html.desk-2026 .d26-pf .portfolio-remove-link {
  display: inline-grid !important; place-items: center; float: none !important; width: 30px !important; height: 30px !important; margin: 0 1px !important; padding: 0 !important;
  border: 0 !important; border-radius: var(--d26-r1); background: none !important; color: var(--d26-ink-3); cursor: pointer; vertical-align: middle;
}
html.desk-2026 .d26-pf .portfolio-comment-link:hover, html.desk-2026 .d26-pf .portfolio-news-link:hover, html.desk-2026 .d26-pf .portfolio-remove-link:hover { background: var(--d26-surface-3) !important; color: var(--d26-ink); }
html.desk-2026 .d26-pf .portfolio-remove-link:hover { color: var(--d26-down); }
html.desk-2026 .d26-pf tr.portfolio-info > td:last-child img { float: none !important; width: 18px !important; height: 18px !important; vertical-align: middle; margin: 0 6px !important; }
/* comment / news / sell rows under a position */
html.desk-2026 .d26-pf textarea.portfolio-comment-textarea { width: 100% !important; min-height: 64px; box-sizing: border-box; padding: 10px 12px !important; border: 0 !important; border-radius: var(--d26-r2) !important; background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: var(--d26-fs-s)/1.5 var(--main-font-family) !important; resize: vertical; outline: 0; }
html.desk-2026 .d26-pf textarea.portfolio-comment-textarea:focus { box-shadow: inset 0 0 0 2px var(--d26-accent); background: var(--d26-pop) !important; }
html.desk-2026 .d26-pf tr.portfolio-remove-position > td { background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-pf tr.portfolio-remove-position > td { display: table-cell; }
html.desk-2026 .d26-pf .sell-position-container { display: inline-flex; align-items: center; gap: 8px; float: none !important; width: auto !important; margin: 0 12px 0 0 !important; vertical-align: middle; }
html.desk-2026 .d26-pf .sell-position-container input.portfolio-price { width: 110px !important; margin: 0 !important; float: none !important; background: var(--d26-pop) !important; text-align: right; }
html.desk-2026 .d26-pf .position-sell-button, html.desk-2026 .d26-pf .position-delete-button {
  display: inline-flex !important; align-items: center; gap: 6px; float: none !important; width: auto !important; height: 32px !important; margin: 0 !important; padding: 0 14px !important;
  border: 0 !important; border-radius: var(--d26-pill) !important; box-shadow: none !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; vertical-align: middle;
}
html.desk-2026 .d26-pf .position-sell-button { background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; }
html.desk-2026 .d26-pf .position-delete-button { background: color-mix(in srgb, var(--d26-down) 12%, transparent) !important; color: var(--d26-down) !important; }
html.desk-2026 .d26-pf .position-delete-button small { font-weight: 400; font-size: var(--d26-fs-cap); }
/* summary card (like Depot Live) */
html.desk-2026 .d26-pf table.d26-pf-sum { float: none !important; width: auto !important; min-width: 320px; margin: 16px 0 12px auto !important; border-collapse: separate !important; border-spacing: 0; border-radius: var(--d26-r3); background: var(--d26-surface-2); overflow: hidden; }
html.desk-2026 .d26-pf table.d26-pf-sum td { padding: 7px 16px !important; border: 0 !important; font: var(--d26-fs-s)/1.4 var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink-2); }
html.desk-2026 .d26-pf table.d26-pf-sum tr:first-child td { padding-top: 12px !important; }
html.desk-2026 .d26-pf table.d26-pf-sum tr:last-child td { padding-bottom: 12px !important; }
html.desk-2026 .d26-pf table.d26-pf-sum td:last-child { font-weight: 650 !important; color: var(--d26-ink) !important; text-align: right !important; }
html.desk-2026 .d26-pf table.d26-pf-sum tr.d26-pf-total td { border-top: 1px solid var(--d26-line) !important; padding-top: 10px !important; color: var(--d26-ink); }
html.desk-2026 .d26-pf table.d26-pf-sum tr.d26-pf-total td:last-child { font-weight: 700 !important; font-size: var(--d26-fs) !important; }
html.desk-2026 .d26-pf .d26-pf-chip { display: inline-block; padding: 2px 8px; border-radius: var(--d26-pill); font-weight: 700; }
html.desk-2026 .d26-pf .d26-pf-chip.d26-up { color: var(--d26-up); background: color-mix(in srgb, var(--d26-up) 14%, transparent); }
html.desk-2026 .d26-pf .d26-pf-chip.d26-dn { color: var(--d26-down); background: color-mix(in srgb, var(--d26-down) 13%, transparent); }
/* Transaktionen */
html.desk-2026 .d26-pf table.portfolio-table td.d26-up { color: var(--d26-up) !important; font-weight: 650 !important; }
html.desk-2026 .d26-pf table.portfolio-table td.d26-dn { color: var(--d26-down) !important; font-weight: 650 !important; }
html.desk-2026 .d26-pf table.portfolio-table td.d26-pf-del { width: 1%; text-decoration: none !important; color: var(--d26-ink-3); }
html.desk-2026 .d26-pf table.portfolio-table td.d26-pf-del:hover { color: var(--d26-down); }
html.desk-2026 .d26-pf table.portfolio-table thead td[style*="right"] { text-align: right !important; }
/* Einstellungen */
html.desk-2026 .d26-pf-set > table.portfolio-table { width: auto !important; min-width: 360px; max-width: 520px; margin: 12px 4px 0 !important; float: none !important; border-collapse: separate !important; border-spacing: 0 8px; }
html.desk-2026 .d26-pf .d26-pf-set > table.portfolio-table > tbody > tr > td, html.desk-2026 .d26-pf .d26-pf-set > table.portfolio-table > tr > td { padding: 0 8px !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .d26-pf .d26-pf-set > table:first-child > tbody > tr > td:first-child, html.desk-2026 .d26-pf .d26-pf-set > table:first-child > tr > td:first-child { width: 130px; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-pf .d26-pf-set input.portfolio-price { float: none !important; width: 220px !important; height: 36px !important; text-align: left; }
html.desk-2026 .d26-pf .d26-pf-set input[type="submit"].portfolio-price { width: auto !important; height: 36px !important; padding: 0 20px !important; border-radius: var(--d26-pill) !important; background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font-weight: 650 !important; cursor: pointer; }
html.desk-2026 .d26-pf .d26-pf-set > table:nth-child(2) td[colspan] { padding: 18px 8px 4px !important; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .d26-pf .d26-pf-set > table:nth-child(2) input.portfolio-price { width: 170px !important; }
html.desk-2026 .d26-pf .d26-pf-set .d26-pf-del { display: inline-grid !important; place-items: center; float: none !important; width: 32px; height: 32px; padding: 0 !important; border-radius: var(--d26-r1) !important; background: transparent !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-pf .d26-pf-set .d26-pf-del:hover { background: color-mix(in srgb, var(--d26-down) 12%, transparent) !important; color: var(--d26-down) !important; }
html.desk-2026 .d26-pf .d26-pf-set .subheader-button.action { display: inline-grid !important; place-items: center; width: 36px; height: 36px !important; padding: 0 !important; border-radius: var(--d26-pill) !important; font: 600 18px/1 var(--main-font-family) !important; }
html.desk-2026 .d26-pf table.d26-pf-sum { background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-pf table.d26-pf-sum tr, html.desk-2026 .d26-pf table.d26-pf-sum td { background: transparent !important; }
html.desk-2026 .d26-pf tr.d26-pf-empty td { padding: 18px 8px !important; border: 0 !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-pf .d26-pf-set > table:nth-child(2) td[colspan] { color: var(--d26-ink) !important; }

/* ---- Musterdepot: news lines like the News Terminal (pane and under a position), source chips, add button ---- */
html.desk-2026 .d26-pf .portfolio-dpa.d26-pfn {
  display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: start;
  float: none !important; width: auto !important; height: auto !important; margin: 0 0 2px !important; padding: 9px 12px !important; border: 0 !important;
  border-radius: var(--d26-r2); background: transparent; cursor: pointer; font: var(--d26-fs)/1.35 var(--main-font-family) !important; color: var(--d26-ink);
}
html.desk-2026 .d26-pf .portfolio-dpa.d26-pfn:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-pf .d26-pfn > div { float: none !important; margin: 0 !important; min-width: 0; }
html.desk-2026 .d26-pf .d26-pfn > .d26-pfn-time { grid-column: 1; grid-row: 1 / span 2; padding-top: 1px; color: var(--d26-ink-3); font-size: var(--d26-fs-s) !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.desk-2026 .d26-pf .d26-pfn > .d26-pfn-src { grid-column: 2; grid-row: 1; font: 700 var(--d26-fs-cap)/1.4 var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-pf .d26-pfn > .d26-pfn-head { grid-column: 2; grid-row: 2; font-weight: 650; color: var(--d26-ink); overflow-wrap: anywhere; }
html.desk-2026 .d26-pf .d26-pfn:hover > .d26-pfn-head { color: var(--d26-accent); }
html.desk-2026 .d26-pf .d26-pfn > .d26-pfn-head.important-dpa-portfolio::before {
  content: "Wichtig"; display: inline-block; margin-right: 6px; padding: 0 5px; border-radius: 3px; vertical-align: 1px;
  background: var(--d26-lime); color: var(--d26-on-lime); font: 800 9px/15px var(--main-font-family); letter-spacing: .05em; text-transform: uppercase;
}
html.desk-2026 .d26-pf .d26-pfn > .d26-pfn-stock {
  grid-column: 3; grid-row: 1 / span 2; align-self: center; height: 22px; padding: 0 8px; border-radius: var(--d26-r1); background: var(--d26-surface-2); color: var(--d26-ink-2);
  font: 700 var(--d26-fs-cap)/22px var(--main-font-family) !important; text-decoration: none !important; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis;
}
html.desk-2026 .d26-pf .d26-pfn:hover > .d26-pfn-stock { background: var(--d26-pop); }
html.desk-2026 .d26-pf .d26-pfn > .d26-pfn-stock:empty { display: none; }
/* under a position: the stock is the row above, so no chip; panel background, empty state */
html.desk-2026 .d26-pf table.portfolio-table td[colspan="10"] .d26-pfn > .d26-pfn-stock { display: none; }
html.desk-2026 .d26-pf table.portfolio-table td[colspan="10"]:has(> .portfolio-dpa) { padding: 6px 8px 8px 48px !important; background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-pf table.portfolio-table td[colspan="10"] .d26-pfn:hover { background: var(--d26-pop); }
html.desk-2026 .d26-pf table.portfolio-table td[colspan="10"]:empty::before { content: "Keine aktuellen News zu diesem Wert."; color: var(--d26-ink-3); font-size: var(--d26-fs-s); }
/* News pane */
html.desk-2026 .d26-pf .d26-pfn-srcs { display: flex; flex-wrap: wrap; gap: 6px; float: none !important; width: auto !important; height: auto !important; padding: 6px 2px 10px; }
html.desk-2026 .d26-pf .d26-pfn-chip { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px 0 10px; border-radius: var(--d26-pill); background: var(--d26-surface-2); color: var(--d26-ink-2); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer; user-select: none; }
html.desk-2026 .d26-pf .d26-pfn-chip:hover { color: var(--d26-ink); }
html.desk-2026 .d26-pf .d26-pfn-chip:has(input:checked) { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-pf .d26-pfn-chip input { float: none !important; width: 15px; height: 15px; margin: 0 !important; accent-color: var(--d26-accent); cursor: pointer; }
html.desk-2026 .d26-pf .d26-pfn-list { clear: both; }
html.desk-2026 .d26-pf .d26-pfn-list:empty::before { content: "Keine News zu den Werten dieses Musterdepots."; display: block; padding: 18px 12px; color: var(--d26-ink-3); font-size: var(--d26-fs-s); }
/* add a position: one accent button (opens the stock search) instead of the stock field + loose plus */
html.desk-2026 .container .foot input.d26-pf-addinput, html.desk-2026 .container .foot input.d26-pf-addinput + .d26-sfbtn { display: none !important; }
html.desk-2026 .container .foot .subheader-button.d26-pf-add {
  display: inline-flex !important; align-items: center; gap: 6px; position: static !important; float: none !important; width: auto !important; height: 34px !important; margin: 0 !important;
  padding: 0 16px 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important; background: var(--d26-accent) !important; color: var(--d26-on-accent) !important;
  font: 650 var(--d26-fs-s) var(--main-font-family) !important; line-height: 1 !important; cursor: pointer; box-shadow: none !important;
}
html.desk-2026 .container .foot .subheader-button.d26-pf-add:hover { background: var(--d26-accent-hover) !important; }
html.desk-2026 .container .foot .subheader-button.d26-pf-add .d26-ico { width: 16px; height: 16px; }
/* new position: short highlight */
html.desk-2026 .d26-pf tr.d26-pf-new > td { animation: d26-pf-new 2.4s ease-out; }
@keyframes d26-pf-new { 0%, 45% { background: var(--d26-accent-soft); } 100% { background: transparent; } }
html.desk-2026 .d26-pf table.portfolio-table { float: none !important; }
html.desk-2026 .d26-pf table.d26-pf-sum { clear: both; margin-top: 20px !important; }
html.desk-2026 .container .foot .subheader-button.d26-pf-add, html.desk-2026 .container .foot .subheader-button.d26-pf-add span { text-transform: none !important; letter-spacing: 0 !important; }
/* the add button fits the 32 px window footer (it was 34 px from the footer's top padding and stuck out of the window) */
html.desk-2026 .container .foot:has(> .d26-pf-add) { display: flex !important; align-items: center; gap: 8px; }
html.desk-2026 .container .foot:has(> .d26-pf-add) > .bottom-search:empty { display: none; }
html.desk-2026 .container .foot .subheader-button.d26-pf-add { height: 26px !important; padding: 0 12px 0 9px !important; gap: 5px; font-size: var(--d26-fs-cap) !important; }
html.desk-2026 .container .foot .subheader-button.d26-pf-add .d26-ico { width: 14px; height: 14px; }

/* ---- Musterdepot: sell ticket of a position (tf_desk2026Portfolio.tf_removeRow) ---- */
html.desk-2026 .d26-pf tr.portfolio-remove-position > td { padding: 0 !important; }
html.desk-2026 .d26-pf .d26-pf-sell { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; padding: 14px 12px 14px 16px; }
html.desk-2026 .d26-pf .d26-pf-sell-main { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: var(--d26-r2); background: var(--d26-pop); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 6%, transparent); }
html.desk-2026 .d26-pf .d26-pf-sell-main > label { font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-pf .d26-pf-sell .sell-position-container { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; float: none !important; width: auto !important; height: auto !important; }
html.desk-2026 .d26-pf .d26-pf-sell .sell-position-container input.portfolio-price { width: 120px !important; height: 34px !important; background: var(--d26-surface-2) !important; text-align: right; font-size: var(--d26-fs) !important; }
html.desk-2026 .d26-pf .d26-pf-sell-cur { margin-left: -2px; color: var(--d26-ink-3); font-size: var(--d26-fs-s); }
html.desk-2026 .d26-pf .d26-pf-sell .position-sell-button { height: 34px !important; padding: 0 18px !important; margin-left: 4px !important; }
html.desk-2026 .d26-pf .d26-pf-sell .position-sell-button:hover { background: var(--d26-accent-hover) !important; }
html.desk-2026 .d26-pf .d26-pf-sell-sum { display: flex; gap: 16px; font-size: var(--d26-fs-s); color: var(--d26-ink-3); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-pf .d26-pf-sell-sum b { margin-left: 4px; font-weight: 650; color: var(--d26-ink); }
html.desk-2026 .d26-pf .d26-pf-sell-sum b.d26-up { color: var(--d26-up); }
html.desk-2026 .d26-pf .d26-pf-sell-sum b.d26-dn { color: var(--d26-down); }
html.desk-2026 .d26-pf .d26-pf-sell-or { color: var(--d26-ink-3); font-size: var(--d26-fs-s); }
html.desk-2026 .d26-pf .d26-pf-sell .position-delete-button { height: 34px !important; }
html.desk-2026 .d26-pf .d26-pf-sell .position-delete-button:hover { background: color-mix(in srgb, var(--d26-down) 20%, transparent) !important; }
html.desk-2026 .d26-pf .d26-pf-sell-x { display: grid; place-items: center; width: 30px; height: 30px; margin-left: auto; padding: 0; border: 0; border-radius: var(--d26-r1); background: transparent; color: var(--d26-ink-3); cursor: pointer; align-self: flex-start; }
html.desk-2026 .d26-pf .d26-pf-sell-x:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .d26-pf .d26-pf-sell-x .d26-ico { width: 16px; height: 16px; }
/* more room around "+ Position hinzufügen": taller footer for this window only, content area ends above it */
html.desk-2026 .container:has(.foot > .d26-pf-add) .body > .inner { height: calc(100% - 54px) !important; }
html.desk-2026 .container .foot:has(> .d26-pf-add) { height: auto !important; min-height: 0 !important; padding: 0 16px 14px !important; }
html.desk-2026 .container .foot .subheader-button.d26-pf-add { height: 32px !important; padding: 0 14px 0 11px !important; gap: 6px; font-size: var(--d26-fs-s) !important; }
html.desk-2026 .container .foot .subheader-button.d26-pf-add .d26-ico { width: 15px; height: 15px; }
/* keep the footer's own side padding (the resize corner is placed from its edges); the button gets the distance itself */
html.desk-2026 .container .foot:has(> .d26-pf-add) { padding: 0 6px 14px !important; }
html.desk-2026 .container .foot .subheader-button.d26-pf-add { margin-left: 10px !important; }

/* ---- TraderFox Screener (screener.js, .d26-scr / tf_desk2026Screener) ---- */
html.desk-2026 .d26-scr { display: flex; flex-direction: column; height: 100%; padding: 0 4px; box-sizing: border-box; font-family: var(--main-font-family); }
html.desk-2026 .d26-scr > * { float: none !important; }
/* toolbar: Übersicht | Screening ⓘ | Universum | Treffer | Liste ............ Listenüberwachung [Intervall] | Screening starten */
html.desk-2026 .d26-scr .radar-header.d26-scr-head { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; width: auto !important; height: auto !important; padding: 2px 2px 12px !important; position: relative; }
html.desk-2026 .d26-scr-head > * { float: none !important; margin: 0 !important; position: relative !important; top: auto !important; }
html.desk-2026 .d26-scr-head > .d26-scr-home { order: 1; }
html.desk-2026 .d26-scr-head > .d26-scr-scan { order: 2; }
html.desk-2026 .d26-scr-head > .d26-scr-info { order: 3; margin-left: -4px !important; }
html.desk-2026 .d26-scr-head > .d26-scr-uni { order: 4; }
html.desk-2026 .d26-scr-head > .d26-scr-count { order: 5; }
html.desk-2026 .d26-scr-head > .d26-scr-list { order: 6; }
html.desk-2026 .d26-scr-head > .d26-scr-watch { order: 7; margin-left: auto !important; }
html.desk-2026 .d26-scr-head > .d26-scr-ref { order: 8; }
html.desk-2026 .d26-scr-head > .d26-scr-run { order: 9; }
html.desk-2026 .d26-scr-head > .d26-scr-pop { order: 10; }
html.desk-2026 .d26-scr-head .d26-scr-ic {
  display: inline-grid !important; place-items: center; width: 34px !important; height: 34px !important; padding: 0 !important; border: 0 !important; border-radius: var(--d26-r2) !important;
  background: transparent !important; color: var(--d26-ink-2) !important; cursor: pointer; box-shadow: none !important; font-size: 0 !important;
}
html.desk-2026 .d26-scr-head .d26-scr-ic:hover { background: var(--d26-surface-2) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-scr-head .d26-scr-ic .d26-ico { width: 18px; height: 18px; }
html.desk-2026 .d26-scr-head .d26-scr-info { cursor: help; width: 28px !important; }
html.desk-2026 .d26-scr-head .d26-scr-info .d26-ico { width: 16px; height: 16px; }
html.desk-2026 .d26-scr-head select.d26-scr-sel {
  height: 34px !important; max-width: none !important; padding: 0 30px 0 14px !important; border: 0 !important; border-radius: var(--d26-pill) !important; box-shadow: none !important;
  background-color: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; text-overflow: ellipsis;
}
html.desk-2026 .d26-scr-head select.d26-scr-sel:hover { background-color: var(--d26-surface-3) !important; }
html.desk-2026 .d26-scr-head select.d26-scr-sel:disabled { opacity: .55; cursor: progress; }
html.desk-2026 .d26-scr-head select.d26-scr-scan { width: 250px !important; }
html.desk-2026 .d26-scr-head select.d26-scr-uni { width: 190px !important; }
html.desk-2026 .d26-scr-head select.d26-scr-ref { width: auto !important; padding-left: 12px !important; background-color: transparent !important; color: var(--d26-ink-2) !important; font-weight: 600 !important; }
html.desk-2026 .d26-scr-head .d26-scr-count { display: inline-flex !important; align-items: center; height: 26px !important; padding: 0 10px !important; border: 0 !important; border-radius: var(--d26-pill) !important; background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-scr-head .d26-scr-count::after { content: " Treffer"; white-space: pre; font-weight: 600; }
html.desk-2026 .d26-scr-head .d26-scr-count:empty { display: none !important; }
html.desk-2026 .d26-scr-head .d26-scr-watch {
  display: inline-flex !important; align-items: center; gap: 8px; height: 34px !important; padding: 0 12px 0 8px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: transparent !important; color: var(--d26-ink-2) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; box-shadow: none !important;
}
html.desk-2026 .d26-scr-head .d26-scr-watch:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-scr-switch { position: relative; width: 30px; height: 18px; border-radius: var(--d26-pill); background: color-mix(in srgb, var(--d26-ink-3) 45%, transparent); transition: background .12s; flex: none; }
html.desk-2026 .d26-scr-switch::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--d26-knob); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 25%, transparent); transition: left .12s; }
html.desk-2026 .d26-scr-watch.d26-on { color: var(--d26-ink) !important; }
html.desk-2026 .d26-scr-watch.d26-on .d26-scr-switch { background: var(--d26-up); }
html.desk-2026 .d26-scr-watch.d26-on .d26-scr-switch::after { left: 14px; }
html.desk-2026 .d26-scr-head .d26-scr-run {
  display: inline-flex !important; align-items: center; gap: 7px; height: 34px !important; padding: 0 16px 0 13px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; text-transform: none !important;
}
html.desk-2026 .d26-scr-head .d26-scr-run:hover { background: var(--d26-accent-hover) !important; }
html.desk-2026 .d26-scr-head .d26-scr-run .d26-ico { width: 15px; height: 15px; }
html.desk-2026 .d26-scr-head .d26-scr-pop:not(:empty) {
  position: absolute !important; top: 44px !important; left: 40px; z-index: 20; width: min(460px, calc(100% - 60px)); padding: 14px 16px !important; border-radius: var(--d26-r3);
  background: var(--d26-pop) !important; color: var(--d26-ink-2) !important; box-shadow: var(--d26-shadow); font: var(--d26-fs-s)/1.5 var(--main-font-family) !important;
}
html.desk-2026 .d26-scr-pop > div { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-scr-pop > div:first-child { margin-bottom: 6px !important; font: 700 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink); }
/* results */
html.desk-2026 .d26-scr > div:has(> table.d26-scr-table), html.desk-2026 .d26-scr > div:has(> table.signal-table) { margin: 0 !important; border: 0 !important; width: auto !important; }
html.desk-2026 .d26-scr table.d26-scr-table { width: 100% !important; border-collapse: collapse !important; }
html.desk-2026 .d26-scr table.d26-scr-table thead td {
  position: sticky; top: 0; z-index: 1; height: 34px; padding: 4px 10px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: var(--d26-pop) !important; vertical-align: bottom;
  font: 700 var(--d26-fs-cap)/1.3 var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; cursor: pointer; white-space: nowrap; user-select: none;
}
html.desk-2026 .d26-scr table.d26-scr-table thead td span { display: block; font: 500 var(--d26-fs-cap)/1.3 var(--main-font-family) !important; letter-spacing: 0; text-transform: none; color: var(--d26-ink-3); pointer-events: none; }
html.desk-2026 .d26-scr table.d26-scr-table thead td:hover { color: var(--d26-ink) !important; }
html.desk-2026 .d26-scr table.d26-scr-table thead td.d26-sort-up::after, html.desk-2026 .d26-scr table.d26-scr-table thead td.d26-sort-down::after { margin-left: 4px; color: var(--d26-accent); }
html.desk-2026 .d26-scr table.d26-scr-table thead td.d26-sort-down::after { content: "↑"; }
html.desk-2026 .d26-scr table.d26-scr-table thead td.d26-sort-up::after { content: "↓"; }
html.desk-2026 .d26-scr table.d26-scr-table thead td.d26-sort-up, html.desk-2026 .d26-scr table.d26-scr-table thead td.d26-sort-down { color: var(--d26-ink) !important; }
html.desk-2026 .d26-scr table.d26-scr-table tbody td { height: 48px; padding: 4px 10px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important; font: var(--d26-fs-s)/1.35 var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink) !important; vertical-align: middle; }
html.desk-2026 .d26-scr table.d26-scr-table tbody tr[data-stock]:hover td { background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-scr table.d26-scr-table .d26-scr-num { text-align: right !important; white-space: nowrap; }
html.desk-2026 .d26-scr table.d26-scr-table td.d26-scr-name { min-width: 220px; width: 40%; }
html.desk-2026 .d26-scr table.d26-scr-table .d26-scr-hide { display: none !important; }
html.desk-2026 .d26-scr .d26-scr-chg { display: inline-block; min-width: 58px; padding: 2px 8px; border-radius: var(--d26-pill); text-align: right; font-weight: 650; box-sizing: border-box; }
html.desk-2026 .d26-scr .d26-scr-chg.d26-up { background: color-mix(in srgb, var(--d26-up) 14%, transparent); color: var(--d26-up); }
html.desk-2026 .d26-scr .d26-scr-chg.d26-dn { background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down); }
html.desk-2026 .d26-scr table.d26-scr-table td.d26-scr-empty, html.desk-2026 .d26-scr td.d26-scr-loadtd { height: auto; padding: 18px 10px !important; color: var(--d26-ink-3) !important; text-align: left !important; white-space: normal; border: 0 !important; }
html.desk-2026 .d26-scr td.d26-scr-loadtd .d26-loading { padding: 8px 0; }
/* change log */
html.desk-2026 .d26-scr .d26-scr-logwrap { margin: 14px 0 0 !important; padding: 12px 14px !important; border-radius: var(--d26-r3); background: var(--d26-surface-2); width: auto !important; min-height: 0 !important; box-sizing: border-box; }
html.desk-2026 .d26-scr .d26-scr-logtitle { margin-bottom: 6px; font: 700 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-scr table.d26-scr-log { width: 100%; border-collapse: collapse !important; }
html.desk-2026 .d26-scr table.d26-scr-log thead td { padding: 4px 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-scr table.d26-scr-log thead td:first-child { width: 150px; }
html.desk-2026 .d26-scr table.d26-scr-log tbody td { padding: 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important; vertical-align: top; font: var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink-2) !important; font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-scr table.d26-scr-log tbody td > div { float: none !important; display: inline-block; margin: 2px 4px 2px 0 !important; padding: 2px 9px !important; border-radius: var(--d26-pill) !important; font: 600 var(--d26-fs-cap)/1.6 var(--main-font-family); }
html.desk-2026 .d26-scr table.d26-scr-log tbody td > div[style*="table-td-up"] { background: color-mix(in srgb, var(--d26-up) 14%, transparent) !important; color: var(--d26-up) !important; }
html.desk-2026 .d26-scr table.d26-scr-log tbody td > div[style*="red"] { background: color-mix(in srgb, var(--d26-down) 13%, transparent) !important; color: var(--d26-down) !important; }
html.desk-2026 .d26-scr .d26-scr-logwrap:has(tbody:empty) table.d26-scr-log { display: none; }
html.desk-2026 .d26-scr .d26-scr-logwrap:has(tbody:empty)::after { content: "Noch keine Änderungen. Solange die Listenüberwachung läuft, erscheinen hier neue und entfernte Treffer."; display: block; font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-scr .d26-scr-logwrap:has(table.d26-scr-log[style*="none"]) { display: none !important; }
/* overview: intro + template cards */
html.desk-2026 .d26-scr .d26-scr-prev { margin: 0 !important; border: 0 !important; width: auto !important; flex: 1; min-height: 0; overflow-y: auto; }
html.desk-2026 .d26-scr .d26-scr-intro { width: auto !important; max-width: 820px; margin: 0 0 16px !important; padding: 0 2px; font: var(--d26-fs-s)/1.55 var(--main-font-family) !important; color: var(--d26-ink-2); text-align: left !important; }
html.desk-2026 .d26-scr .d26-scr-prev > div[style*="navbar-negative"] { margin: 6px 0 8px !important; text-align: left !important; font: 700 var(--d26-fs-l) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-scr .d26-scr-prev > div:has(> a.d26-scr-order) { width: auto !important; margin: 0 0 18px !important; text-align: left !important; }
html.desk-2026 .d26-scr a.d26-scr-order { display: inline-flex !important; align-items: center; height: 36px; margin: 0 !important; padding: 0 18px !important; border-radius: var(--d26-pill) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; }
html.desk-2026 .d26-scr .d26-scr-cards { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 12px; float: none !important; width: auto !important; margin: 0 0 12px !important; }
html.desk-2026 .d26-scr .d26-scr-card { display: flex !important; flex-direction: column; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 16px !important; border: 0 !important; border-radius: var(--d26-r3); background: var(--d26-surface-2) !important; box-shadow: none !important; box-sizing: border-box; }
html.desk-2026 .d26-scr .d26-scr-card > div { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-scr .d26-scr-ctitle { font: 700 var(--d26-fs) /1.3 var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .d26-scr .d26-scr-cdesc { margin-top: 6px !important; min-height: 38px; font: var(--d26-fs-s)/1.5 var(--main-font-family) !important; color: var(--d26-ink-2); overflow: hidden !important; }
html.desk-2026 .d26-scr .d26-scr-cdesc[style*="height: 30px"] { height: 40px !important; }
html.desk-2026 .d26-scr .d26-scr-cdesc span[data-action] { float: none !important; margin-left: 4px !important; font-style: normal !important; text-decoration: none !important; font-weight: 650; color: var(--d26-accent); }
html.desk-2026 .d26-scr .d26-scr-regions { display: flex; flex-direction: column; gap: 6px; margin-top: 12px !important; padding: 12px 0 0 !important; border-top: 1px solid var(--d26-line) !important; }
html.desk-2026 .d26-scr .d26-scr-region { display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; padding: 0 !important; }
html.desk-2026 .d26-scr .d26-scr-flag { display: flex !important; align-items: center; gap: 8px; float: none !important; width: 110px; margin: 0 !important; padding: 0 !important; font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-scr .d26-scr-flag svg { width: 18px; height: 18px; flex: none; }
html.desk-2026 .d26-scr .d26-scr-uchips { display: flex; gap: 6px; float: none !important; width: auto !important; }
html.desk-2026 .d26-scr .d26-scr-uchip { float: none !important; clear: none !important; display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: var(--d26-pill); background: var(--d26-pop); color: var(--d26-ink); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer; white-space: nowrap; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 6%, transparent); }
html.desk-2026 .d26-scr .d26-scr-uchip:hover { background: var(--d26-accent); color: var(--d26-on-accent); }
/* toolbar order: primary (scan, universe, start) left, secondary (Treffer, Liste, Überwachung, Intervall) right */
html.desk-2026 .d26-scr-head > .d26-scr-run { order: 5; }
html.desk-2026 .d26-scr-head > .d26-scr-count { order: 6; margin-left: auto !important; }
html.desk-2026 .d26-scr-head > .d26-scr-list { order: 7; }
html.desk-2026 .d26-scr-head > .d26-scr-watch { order: 8; margin-left: 0 !important; }
html.desk-2026 .d26-scr-head > .d26-scr-ref { order: 9; }
html.desk-2026 .d26-scr-head:has(> .d26-scr-count:empty) > .d26-scr-list { margin-left: auto !important; }
html.desk-2026 .d26-scr-head select.d26-scr-scan { width: 230px !important; }
html.desk-2026 .d26-scr-head select.d26-scr-uni { width: 170px !important; }
html.desk-2026 .d26-scr-head select.d26-scr-ref { padding: 0 26px 0 8px !important; }
html.desk-2026 .d26-scr-head .d26-scr-pop:not(:empty) { height: auto !important; min-height: 0 !important; max-height: 60vh; overflow: auto; }
html.desk-2026 .d26-scr-head select.d26-scr-scan { width: 210px !important; }
html.desk-2026 .d26-scr-head select.d26-scr-uni { width: 160px !important; }
html.desk-2026 .d26-scr-head select.d26-scr-ref { width: 118px !important; }
html.desk-2026 .d26-scr-head select.d26-scr-ref { width: 132px !important; }

/* ---- Ranglisten (morningstar_menu.js, .d26-rk / tf_desk2026Rankings): overview cards = Screener template cards ---- */
html.desk-2026 .d26-rk .d26-scr-cards { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 12px; float: none !important; width: auto !important; margin: 0 0 12px !important; }
html.desk-2026 .d26-rk .d26-scr-card { display: flex !important; flex-direction: column; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 16px !important; border: 0 !important; border-radius: var(--d26-r3); background: var(--d26-surface-2) !important; box-shadow: none !important; box-sizing: border-box; }
html.desk-2026 .d26-rk .d26-scr-card > div { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-rk .d26-scr-ctitle { font: 700 var(--d26-fs) /1.3 var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .d26-rk .d26-scr-cdesc { margin-top: 6px !important; min-height: 38px; font: var(--d26-fs-s)/1.5 var(--main-font-family) !important; color: var(--d26-ink-2); overflow: hidden !important; }
html.desk-2026 .d26-rk .d26-scr-cdesc[style*="height: 30px"] { height: 40px !important; }
html.desk-2026 .d26-rk .d26-scr-cdesc span[data-action] { float: none !important; margin-left: 4px !important; font-style: normal !important; text-decoration: none !important; font-weight: 650; color: var(--d26-accent); }
html.desk-2026 .d26-rk .d26-scr-regions { display: flex; flex-direction: column; gap: 6px; margin-top: 12px !important; padding: 12px 0 0 !important; border-top: 1px solid var(--d26-line) !important; }
html.desk-2026 .d26-rk .d26-scr-region { display: flex !important; align-items: center; gap: 10px; float: none !important; width: auto !important; padding: 0 !important; }
html.desk-2026 .d26-rk .d26-scr-flag { display: flex !important; align-items: center; gap: 8px; float: none !important; width: 110px; margin: 0 !important; padding: 0 !important; font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-rk .d26-scr-flag svg { width: 18px; height: 18px; flex: none; }
html.desk-2026 .d26-rk .d26-scr-uchips { display: flex; gap: 6px; float: none !important; width: auto !important; }
html.desk-2026 .d26-rk .d26-scr-uchip { float: none !important; clear: none !important; display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: var(--d26-pill); background: var(--d26-pop); color: var(--d26-ink); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer; white-space: nowrap; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 6%, transparent); }
html.desk-2026 .d26-rk .d26-scr-uchip:hover { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-rk { padding: 0 6px; box-sizing: border-box; font-family: var(--main-font-family); }
html.desk-2026 .d26-rk > div { float: none !important; }
html.desk-2026 .d26-rk > div:first-child { width: auto !important; padding: 2px 0 14px !important; }
html.desk-2026 .d26-rk .d26-rk-tabs { display: inline-flex; gap: 2px; float: none !important; margin: 0 !important; padding: 3px; border-radius: var(--d26-pill); background: var(--d26-surface-2); }
html.desk-2026 .d26-rk .d26-rk-tab { display: inline-flex !important; align-items: center; gap: 6px; float: none !important; height: 30px !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: transparent !important; color: var(--d26-ink-2) !important; box-shadow: none !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; text-transform: none !important; }
html.desk-2026 .d26-rk .d26-rk-tab:hover { color: var(--d26-ink) !important; }
html.desk-2026 .d26-rk .d26-rk-tab.selected { background: var(--d26-pop) !important; color: var(--d26-ink) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent) !important; }
html.desk-2026 .d26-rk .d26-rk-tab .d26-ico { width: 15px; height: 15px; pointer-events: none; }
html.desk-2026 .d26-rk .d26-rk-tab[style*="none"] { display: none !important; }
html.desk-2026 .d26-rk .d26-rk-rankings_overview .d26-scr-cards { margin: 0 0 12px !important; }
/* Vorgefertigte Rankings: list left, description card right */
html.desk-2026 .d26-rk > div:has(> .d26-rk-pane) { width: 36% !important; float: left !important; padding-right: 12px; box-sizing: border-box; }
html.desk-2026 .d26-rk .d26-rk-pane .selected-option-header { margin: 0 0 6px !important; padding: 0 10px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3) !important; background: transparent !important; }
html.desk-2026 .d26-rk .list-entry-line { margin: 0 0 2px !important; padding: 9px 12px !important; border: 0 !important; border-radius: var(--d26-r2); background: transparent !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs-s)/1.35 var(--main-font-family) !important; cursor: pointer; }
html.desk-2026 .d26-rk .list-entry-line:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-rk .list-entry-line.d26-on { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; box-shadow: inset 3px 0 0 var(--d26-accent); }
html.desk-2026 .d26-rk .d26-rk-desc { width: 64% !important; float: left !important; padding: 18px 20px !important; border-radius: var(--d26-r3); background: var(--d26-surface-2); box-sizing: border-box; font: var(--d26-fs-s)/1.6 var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-rk .d26-rk-desc:empty { display: none; }
html.desk-2026 .d26-rk .d26-rk-desc > .selected-option-header { float: none !important; display: block; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; font: 700 var(--d26-fs-l)/1.25 var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-rk .d26-rk-desc > .d26-rk-apply { display: inline-flex !important; align-items: center; float: none !important; height: 34px !important; margin: 0 0 14px !important; padding: 0 16px !important; border-radius: var(--d26-pill) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; text-transform: none !important; }
html.desk-2026 .d26-rk .d26-rk-desc > div:not([class]) { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-rk .d26-rk-desc ul { margin: 8px 0; padding-left: 20px; }
html.desk-2026 .d26-rk .d26-rk-desc a { color: var(--d26-accent); }

/* list opened from a ranking / screener (table_4 .head.screener): themed instead of the old partner pink */
html.desk-2026 .container .head.screener { background: color-mix(in srgb, var(--d26-accent) 9%, var(--d26-surface)) !important; color: var(--d26-ink) !important; box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--d26-accent) 18%, transparent); }
html.desk-2026 .container .head.screener .title_field, html.desk-2026 .container .head.screener .title_field * { color: var(--d26-ink) !important; }

/* ---- Trader Wingman welcome page (tf_desk2026Rankings.tf_wingman): template cards with signal chips ---- */
html.desk-2026 .d26-wm-prev { padding: 4px 6px 12px !important; box-sizing: border-box; overflow-y: auto; }
html.desk-2026 .d26-wm-prev .d26-scr-cdesc.d26-wm-desc { height: auto !important; min-height: 0; overflow: visible !important; margin: 8px 0 0 !important; }
html.desk-2026 .d26-wm-prev .d26-scr-card { justify-content: space-between; }
html.desk-2026 .d26-wm-prev .d26-wm-chips { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px; float: none !important; width: auto !important; margin-top: 14px !important; padding: 12px 0 0 !important; border-top: 1px solid var(--d26-line) !important; }
html.desk-2026 .d26-wm-prev .d26-wm-for { width: 100%; margin-bottom: 2px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-wm-prev .d26-wm-chip { gap: 8px; height: 32px; padding: 0 12px 0 8px; border: 0; font-family: var(--main-font-family); }
html.desk-2026 .d26-wm-prev .d26-wm-chip > * { pointer-events: none; }
html.desk-2026 .d26-wm-prev .d26-wm-flags { display: inline-flex; }
html.desk-2026 .d26-wm-prev .d26-wm-flags svg { width: 18px; height: 18px; border-radius: 50%; box-shadow: 0 0 0 1.5px var(--d26-pop); }
html.desk-2026 .d26-wm-prev .d26-wm-flags svg + svg { margin-left: -6px; }

/* ---- Trade-Radar (radarbig.js, .d26-trd): header with legend, section cards, rows with count / active / hit-rate bar ---- */
html.desk-2026 .d26-trd { display: flex; flex-direction: column; height: 100%; padding: 0 6px; box-sizing: border-box; font-family: var(--main-font-family); }
html.desk-2026 .d26-trd > * { float: none !important; }
html.desk-2026 .d26-trd .d26-trd-head { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; width: auto !important; height: auto !important; padding: 2px 2px 12px !important; }
html.desk-2026 .d26-trd .d26-trd-head > * { float: none !important; position: static !important; margin: 0 !important; }
html.desk-2026 .d26-trd .d26-trd-head > img { display: none !important; }
html.desk-2026 .d26-trd .d26-trd-h { margin-right: 6px !important; font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-trd select.d26-trd-sel { height: 34px !important; padding: 0 30px 0 14px !important; border: 0 !important; border-radius: var(--d26-pill) !important; box-shadow: none !important; background-color: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; }
html.desk-2026 .d26-trd select.d26-trd-sel:hover { background-color: var(--d26-surface-3) !important; }
html.desk-2026 .d26-trd .d26-trd-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-left: auto !important; font-size: var(--d26-fs-cap); color: var(--d26-ink-3); }
html.desk-2026 .d26-trd .d26-trd-legend > span { display: inline-flex; align-items: center; gap: 6px; }
html.desk-2026 .d26-trd .d26-trd-legend i { font-style: normal; }
html.desk-2026 .d26-trd .d26-trd-legend .d26-trd-q { width: 52px; }
/* grid of the four panels; on narrow windows two or one column */
html.desk-2026 .d26-trd .signal-area { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); align-items: start; gap: 12px; width: auto !important; height: auto !important; flex: 1; min-height: 0; padding-bottom: 8px; }
html.desk-2026 .d26-trd .radarbig-panel { display: flex; flex-direction: column; gap: 12px; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .d26-trd .d26-trd-card { padding: 12px 12px 8px; border-radius: var(--d26-r3); background: var(--d26-surface-2); }
html.desk-2026 .d26-trd .d26-trd-title { margin: 0 4px 6px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-2); }
html.desk-2026 .d26-trd ul.d26-trd-list { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none; }
html.desk-2026 .d26-trd .d26-trd-list > li { display: grid !important; grid-template-columns: minmax(0, 1fr) 34px 40px 72px; align-items: center; gap: 6px; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 4px !important; border: 0 !important; background: transparent; }
html.desk-2026 .d26-trd .d26-trd-cols { height: 22px; font: 700 10px var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-trd .d26-trd-cols > span:not(:first-child) { text-align: center; }
html.desk-2026 .d26-trd .d26-trd-row { min-height: 30px; border-radius: var(--d26-r1); cursor: pointer; }
html.desk-2026 .d26-trd .d26-trd-row:hover { background: var(--d26-pop) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 6%, transparent); }
html.desk-2026 .d26-trd .d26-trd-row:hover .d26-trd-name { color: var(--d26-accent); }
html.desk-2026 .d26-trd .d26-trd-name { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-trd .d26-trd-n { text-align: center; font: 650 var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 .d26-trd .d26-trd-t { justify-self: center; min-width: 30px; height: 22px; padding: 0 6px; border-radius: var(--d26-pill); box-sizing: border-box; background: color-mix(in srgb, var(--d26-lime) 55%, transparent); color: var(--d26-on-lime); text-align: center; font: 650 var(--d26-fs-cap)/22px var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-trd .d26-trd-q { position: relative; display: block; height: 22px; border-radius: var(--d26-r1); overflow: hidden; background: color-mix(in srgb, var(--d26-ink-3) 12%, transparent); }
html.desk-2026 .d26-trd .d26-trd-q > i { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: color-mix(in srgb, var(--d26-ink-3) 25%, transparent); }
html.desk-2026 .d26-trd .d26-trd-q.up > i { background: color-mix(in srgb, var(--d26-up) 30%, transparent); }
html.desk-2026 .d26-trd .d26-trd-q.dn > i { background: color-mix(in srgb, var(--d26-down) 28%, transparent); }
html.desk-2026 .d26-trd .d26-trd-q > b { position: relative; display: block; text-align: center; font: 700 var(--d26-fs-cap)/22px var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink-3); }
html.desk-2026 .d26-trd .d26-trd-q.up > b { color: var(--d26-up); }
html.desk-2026 .d26-trd .d26-trd-q.dn > b { color: var(--d26-down); }
html.desk-2026 .d26-trd .d26-trd-row.d26-zero .d26-trd-name, html.desk-2026 .d26-trd .d26-trd-row.d26-zero .d26-trd-n { color: var(--d26-ink-3); font-weight: 500; }
html.desk-2026 .d26-trd .d26-trd-row.d26-zero .d26-trd-t { background: transparent; color: var(--d26-ink-3); }
html.desk-2026 .d26-trd .d26-trd-list > li { grid-template-columns: minmax(0, 1fr) 26px 34px 56px; gap: 4px; }
html.desk-2026 .d26-trd .d26-trd-card { padding: 12px 10px 8px; }
html.desk-2026 .d26-trd .d26-trd-t { min-width: 26px; padding: 0 4px; }
html.desk-2026 .d26-trd .d26-trd-cols > span:last-child, html.desk-2026 .d26-trd .d26-trd-cols > span:nth-child(3) { letter-spacing: .02em; }
/* Aktiv in the soft accent blue (like highlighted news) instead of lime */
html.desk-2026 .d26-trd .d26-trd-t { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-trd .d26-trd-head { padding-top: 0 !important; }
/* Aktiv with the same shape as the Quote bar (radius r1, 22 px, full column) */
html.desk-2026 .d26-trd .d26-trd-list .d26-trd-t { justify-self: stretch; min-width: 0; padding: 0; border-radius: var(--d26-r1); }
html.desk-2026 .d26-trd .d26-trd-legend .d26-trd-t { display: inline-block; height: 22px; padding: 0 8px; border-radius: var(--d26-r1); line-height: 22px; }

/* ---- Radar-Boxes (tf_desk2026Radar): controls in the window bar, toolbar with stats, list-like tables ---- */
html.desk-2026 .container.d26-rbx .head .title_extra { margin-right: 0 !important; }
html.desk-2026 .container.d26-rbx .head .title_field:empty { display: none; }
html.desk-2026 .container .head .d26-headctl { order: 2; display: flex; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; margin: 0 8px 0 4px; overflow: hidden; cursor: default; }
html.desk-2026 .container .head .d26-headctl > * { float: none !important; position: static !important; margin: 0 !important; flex: 0 1 auto; min-width: 0; }
html.desk-2026 .container .head .d26-headctl select.d26-rbx-sel, html.desk-2026 .d26-rbx-bar select.d26-rbx-sel {
  height: 30px !important; max-width: 220px; padding: 0 26px 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important; box-shadow: none !important;
  background-color: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; text-overflow: ellipsis;
}
html.desk-2026 .container .head .d26-headctl select.d26-rbx-sel:first-child { flex: 0 1 220px; }
html.desk-2026 .container .head .d26-headctl select.d26-rbx-sel:not(:first-child) { flex: 0 0 auto; max-width: 110px; }
html.desk-2026 .container .head .d26-headctl select.d26-rbx-sel:hover, html.desk-2026 .d26-rbx-bar select.d26-rbx-sel:hover { background-color: var(--d26-surface-3) !important; }
html.desk-2026 .container .head .d26-headctl .d26-sfbtn { flex: 0 1 230px; height: 34px !important; margin: 0 !important; }
html.desk-2026 .container .head .d26-headctl .d26-sfbtn .d26-ins-tile { width: 26px; height: 26px; font-size: 9px; }
/* the tool body: toolbar (universe + stats), section captions, tables */
html.desk-2026 .d26-rbx-body { padding: 0 4px; box-sizing: border-box; font-family: var(--main-font-family); }
html.desk-2026 .d26-rbx-body > * { float: none !important; }
html.desk-2026 .d26-rbx-body .d26-rbx-hide { display: none !important; }
html.desk-2026 .d26-rbx-body > .radar-header.d26-rbx-bar { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 2px 8px !important; }
html.desk-2026 .d26-rbx-body > .radar-header.d26-rbx-empty { display: none !important; }
html.desk-2026 .d26-rbx-bar > * { float: none !important; position: static !important; margin: 0 !important; }
html.desk-2026 .d26-rbx-stats { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px; margin-left: auto !important; font: var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-rbx-stats > div { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-rbx-stats .d26-rbx-l1 { order: 1; }
html.desk-2026 .d26-rbx-stats .d26-rbx-q { order: 2; height: 24px; padding: 0 9px; border-radius: var(--d26-r1); background: var(--d26-accent-soft); color: var(--d26-accent); font: 700 var(--d26-fs-cap)/24px var(--main-font-family); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-rbx-stats .d26-rbx-q:empty { display: none; }
html.desk-2026 .d26-rbx-stats .d26-rbx-l2 { order: 3; margin-left: 8px !important; }
html.desk-2026 .d26-rbx-stats .d26-rbx-pos, html.desk-2026 .d26-rbx-stats .d26-rbx-neg { height: 24px; padding: 0 8px; border-radius: var(--d26-r1); font: 700 var(--d26-fs-cap)/24px var(--main-font-family) !important; font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-rbx-stats .d26-rbx-pos { order: 4; background: color-mix(in srgb, var(--d26-up) 14%, transparent); color: var(--d26-up) !important; }
html.desk-2026 .d26-rbx-stats .d26-rbx-neg { order: 5; background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down) !important; }
html.desk-2026 .d26-rbx-body > .table-title.d26-rbx-title { display: flex; align-items: center; gap: 8px; width: auto !important; margin: 6px 0 2px !important; padding: 0 6px !important; background: transparent !important; border: 0 !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-2) !important; }
html.desk-2026 .d26-rbx-body > .table-title.d26-rbx-title > div { float: none !important; }
html.desk-2026 .d26-rbx-body .signal-area { width: auto !important; border: 0 !important; }
html.desk-2026 .d26-rbx-body table.signal-table { width: 100% !important; border-collapse: collapse !important; }
html.desk-2026 .d26-rbx-body table.signal-table thead td, html.desk-2026 .d26-rbx-body table.signal-table th {
  position: sticky; top: 0; z-index: 1; height: 28px; padding: 0 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: var(--d26-pop) !important;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important; white-space: nowrap;
}
html.desk-2026 .d26-rbx-body table.signal-table tbody td { height: 34px; padding: 3px 8px !important; border: 0 !important; border-bottom: 1px solid var(--d26-line) !important; background: transparent !important; font: var(--d26-fs-s)/1.3 var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink); vertical-align: middle; }
html.desk-2026 .d26-rbx-body table.signal-table tbody tr:hover td { background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-rbx-body table.signal-table tbody td br { display: none; }   /* "13.10.<br>15:34" and multi-line types on one line */
/* footer: last signal as one muted line */
html.desk-2026 .container .foot .d26-rbx-last { position: absolute; left: 12px; right: 40px; top: 50%; transform: translateY(-50%); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: var(--d26-fs-cap) var(--main-font-family) !important; color: var(--d26-ink-3); text-transform: none; cursor: pointer; }
html.desk-2026 .container .foot .d26-rbx-last:hover { color: var(--d26-accent); }
/* sound on new signal: muted when off, accent when on (inline colours of the tool) */
html.desk-2026 .container .head .d26-rbx-sound[style*="negative"] { color: var(--d26-ink-3) !important; }
html.desk-2026 .container .head .d26-rbx-sound[style*="positive"] { color: var(--d26-accent) !important; }
html.desk-2026 .container .head .d26-headctl { flex-wrap: nowrap !important; }
html.desk-2026 .container .head .d26-headctl .d26-sfbtn { flex: 0 1 230px !important; min-width: 0 !important; max-width: 230px; height: 34px !important; }
html.desk-2026 .container .head .d26-headctl > input.search.d26-sf { display: none !important; }
html.desk-2026 .container .head .d26-headctl > input.search:not(.d26-sf) { width: 140px !important; height: 30px; border: 0; border-radius: var(--d26-pill); background: var(--d26-surface-2); padding: 0 12px; }
html.desk-2026 .d26-rbx-stats .d26-rbx-sub { margin: 0 !important; font: 650 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-rbx-stats > div[style*="display: none"] { display: none !important; }
html.desk-2026 .d26-rbx-body table.signal-table tbody td.pos { color: var(--d26-up) !important; font-weight: 650 !important; }
html.desk-2026 .d26-rbx-body table.signal-table tbody td.neg { color: var(--d26-down) !important; font-weight: 650 !important; }
html.desk-2026 .d26-rbx-stats { width: auto !important; flex: 0 1 auto; }
html.desk-2026 .d26-rbx-body table.signal-table tbody td:first-child { white-space: nowrap; }
/* column layout: toolbar, then the two tables share the height; room for the footer line */
html.desk-2026 .d26-rbx-body { display: flex; flex-direction: column; height: 100% !important; padding-bottom: 22px; }
html.desk-2026 .d26-rbx-body > .signal-area { flex: 1 1 0; height: auto !important; min-height: 70px; overflow: auto !important; }
html.desk-2026 .d26-rbx-body > .table-title.d26-rbx-title { flex: none; }
html.desk-2026 .container.d26-rbx:not(:has(.d26-rbx-last)) .d26-rbx-body { padding-bottom: 4px; }
html.desk-2026 .container .head .d26-headctl select.d26-rbx-sel:not(:first-child) { flex: 0 1 auto; min-width: 74px; max-width: 104px; padding: 0 22px 0 10px !important; }
html.desk-2026 .container .head .d26-headctl .d26-sfbtn { min-width: 150px !important; }
html.desk-2026 .container .head .d26-headctl select.d26-rbx-sel:not(:first-child) { min-width: 88px; }
/* Radar-Boxes: stock pill in the Aktie column, short type */
html.desk-2026 .d26-rbx-body table.signal-table td.d26-rbx-name { max-width: 260px; min-width: 170px; cursor: pointer; }
html.desk-2026 .d26-rbx-body td.d26-rbx-name .d26-pill-cell { gap: 8px; }
html.desk-2026 .d26-rbx-body td.d26-rbx-name .d26-ins-tile { width: 30px; height: 30px; flex: none; font-size: 9px; }
html.desk-2026 .d26-rbx-body td.d26-rbx-name .d26-pill-txt b { font-size: var(--d26-fs-s); font-weight: 650; }
html.desk-2026 .d26-rbx-body table.signal-table td.d26-rbx-type { white-space: nowrap; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-rbx-body table.signal-table td.d26-rbx-wkn { display: none; }
html.desk-2026 .d26-rbx-body table.signal-table tbody td { height: 44px; }
html.desk-2026 .d26-rbx-body td.d26-rbx-name .d26-pill-cell { max-width: 210px; }
html.desk-2026 .d26-rbx-body td.d26-rbx-type > span { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .d26-rbx-body table.signal-table td, html.desk-2026 .d26-rbx-body table.signal-table thead td { padding-left: 6px !important; padding-right: 6px !important; }
html.desk-2026 .d26-rbx-body td.d26-rbx-name .d26-pill-cell { max-width: 180px; }
html.desk-2026 .d26-rbx-body table.signal-table td.d26-rbx-name { min-width: 150px; }
html.desk-2026 .d26-rbx-body td.d26-rbx-type > span { max-width: 130px; }
html.desk-2026 .d26-rbx-body td.d26-rbx-name .d26-pill-cell { max-width: 164px; }
html.desk-2026 .d26-rbx-body td.d26-rbx-name .d26-ins-tile { width: 28px; height: 28px; }
/* name / type limits grow with the window (container units of the box body) */
html.desk-2026 .d26-rbx-body { container-type: inline-size; }
html.desk-2026 .d26-rbx-body td.d26-rbx-name .d26-pill-cell { max-width: max(164px, 23cqw); }
html.desk-2026 .d26-rbx-body td.d26-rbx-type > span { max-width: max(130px, 18cqw); }
/* Radar-Boxes: new rows (radarscan tf_highlightRow, class "highlight" for 15 s) in the soft accent instead of orange */
html.desk-2026 .d26-rbx-body table.signal-table tr.highlight td { background: var(--d26-accent-soft) !important; transition: background .6s; }
html.desk-2026 .d26-rbx-body table.signal-table tr.highlight td:first-child { box-shadow: inset 3px 0 0 var(--d26-accent); }
html.desk-2026 .d26-rbx-body table.signal-table thead td img[data-sort] { cursor: pointer; }

/* ---- Infobox: Tagesspanne / 52 Wochen bars (preview .rng / .bar) ---- */
html.desk-2026 .d26-q-rngs { display: flex; flex-direction: column; gap: 10px; }
html.desk-2026 .d26-q-rng { display: grid; grid-template-columns: auto 1fr auto; gap: 4px 10px; align-items: center; font-size: var(--d26-fs-s); font-variant-numeric: tabular-nums; color: var(--d26-ink-2); }
html.desk-2026 .d26-q-rng .d26-q-rlbl { grid-column: 1 / -1; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-q-bar { position: relative; height: 4px; border-radius: 2px; background: var(--d26-surface-3); }
html.desk-2026 .d26-q-bar > span { position: absolute; inset: 0 auto 0 0; border-radius: 2px; background: var(--d26-accent); opacity: .35; }
html.desk-2026 .d26-q-bar > i { position: absolute; top: -3px; width: 4px; height: 10px; border-radius: 1px; background: var(--d26-ink); transform: translateX(-2px); }
/* ranges as a block next to the price (flex-wrap row of the quote card) with real width */
html.desk-2026 .fundamental-box .d26-quote .d26-q-rngs { flex: 1 1 240px; min-width: 220px; max-width: 360px; }
html.desk-2026 .fundamental-box .d26-quote .d26-q-px { flex: 1 1 360px; }

/* ---- lists with many columns (rankings / screener: 20-40 columns): no squeezing below ~70 px per column;
 * the list scrolls horizontally until the window is wide enough (hidden columns are detached from the colgroup,
 * so :has(col:nth-child(N)) counts the visible ones; header, filter and body tables get the same min-width) ---- */
html.desk-2026 .container:has(> .inner > .head.screener) .element-list { overflow-x: auto !important; overflow-y: hidden !important; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(9)) > .table { min-width: 630px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(10)) > .table { min-width: 700px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(11)) > .table { min-width: 770px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(12)) > .table { min-width: 840px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(13)) > .table { min-width: 910px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(14)) > .table { min-width: 980px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(15)) > .table { min-width: 1050px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(16)) > .table { min-width: 1120px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(17)) > .table { min-width: 1190px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(18)) > .table { min-width: 1260px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(19)) > .table { min-width: 1330px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(20)) > .table { min-width: 1400px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(21)) > .table { min-width: 1470px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(22)) > .table { min-width: 1540px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(23)) > .table { min-width: 1610px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(24)) > .table { min-width: 1680px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(25)) > .table { min-width: 1750px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(26)) > .table { min-width: 1820px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(27)) > .table { min-width: 1890px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(28)) > .table { min-width: 1960px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(29)) > .table { min-width: 2030px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(30)) > .table { min-width: 2100px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(31)) > .table { min-width: 2170px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(32)) > .table { min-width: 2240px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(33)) > .table { min-width: 2310px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(34)) > .table { min-width: 2380px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(35)) > .table { min-width: 2450px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(36)) > .table { min-width: 2520px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(37)) > .table { min-width: 2590px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(38)) > .table { min-width: 2660px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(39)) > .table { min-width: 2730px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(40)) > .table { min-width: 2800px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(41)) > .table { min-width: 2870px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(42)) > .table { min-width: 2940px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(43)) > .table { min-width: 3010px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(44)) > .table { min-width: 3080px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(45)) > .table { min-width: 3150px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(46)) > .table { min-width: 3220px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(47)) > .table { min-width: 3290px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(48)) > .table { min-width: 3360px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(49)) > .table { min-width: 3430px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(50)) > .table { min-width: 3500px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(51)) > .table { min-width: 3570px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(52)) > .table { min-width: 3640px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(53)) > .table { min-width: 3710px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(54)) > .table { min-width: 3780px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(55)) > .table { min-width: 3850px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(56)) > .table { min-width: 3920px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(57)) > .table { min-width: 3990px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(58)) > .table { min-width: 4060px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(59)) > .table { min-width: 4130px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(60)) > .table { min-width: 4200px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(61)) > .table { min-width: 4270px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(62)) > .table { min-width: 4340px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(63)) > .table { min-width: 4410px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(64)) > .table { min-width: 4480px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(65)) > .table { min-width: 4550px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(66)) > .table { min-width: 4620px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(67)) > .table { min-width: 4690px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(68)) > .table { min-width: 4760px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(69)) > .table { min-width: 4830px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(70)) > .table { min-width: 4900px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(71)) > .table { min-width: 4970px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(72)) > .table { min-width: 5040px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(73)) > .table { min-width: 5110px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(74)) > .table { min-width: 5180px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(75)) > .table { min-width: 5250px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(76)) > .table { min-width: 5320px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(77)) > .table { min-width: 5390px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(78)) > .table { min-width: 5460px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(79)) > .table { min-width: 5530px; }
html.desk-2026 .container:has(> .inner > .head.screener) .element-list:has(> .table > table > colgroup > col:nth-child(80)) > .table { min-width: 5600px; }
/* Wingman header in one line: tabs compact, selects shrink first, the title text gives way in narrow windows */
html.desk-2026 .wingman-header { flex-wrap: nowrap !important; container-type: inline-size; min-width: 0; }
html.desk-2026 .wingman-header select { flex: 0 1 auto; min-width: 84px; text-overflow: ellipsis; }
html.desk-2026 .wingman-header .wingmantab { flex: none; height: 28px; gap: 5px; padding: 0 9px !important; font-size: var(--d26-fs-s); white-space: nowrap; }
html.desk-2026 .wingman-header .wingmantab + .wingmantab { margin-left: -4px !important; }
html.desk-2026 .wingman-header .wingmantab-counter { min-width: 18px; height: 18px; line-height: 18px; padding: 0 5px; }
html.desk-2026 .wingman-header .wingman-title { flex: 0 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@container (max-width: 820px) { html.desk-2026 .wingman-header .wingman-title { display: none; } }
/* Trade-Radar: long signal names on two lines instead of "…" */
html.desk-2026 .d26-trd .d26-trd-name { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.25; padding: 4px 0; }
/* chart side panel like the preview (.side / .hint / .rows.mini / .chg) */
html.desk-2026 .d26-side { gap: 16px; padding: 12px 12px 14px; }
html.desk-2026 .d26-side h3 { margin: 0 0 8px; font: 650 var(--d26-fs) var(--main-font-family); letter-spacing: 0; text-transform: none; color: var(--d26-ink); }
html.desk-2026 .d26-side > section:first-child { padding: 12px; border-radius: var(--d26-r2); background: var(--d26-surface-2); }
html.desk-2026 .d26-side > section:first-child h3 { margin-bottom: 10px; }
html.desk-2026 .d26-side-q > div { background: var(--d26-pop); }
html.desk-2026 .d26-side-lev { background: transparent; box-shadow: inset 0 0 0 1px var(--d26-line); }
html.desk-2026 .d26-side-lev:hover { background: var(--d26-pop); }
html.desk-2026 .d26-side-row { grid-template-columns: minmax(0, 1fr) 76px 68px; height: 36px; border-radius: var(--d26-r1); }
html.desk-2026 .d26-side-row .px { text-align: right; }
html.desk-2026 .d26-side-row .chg { display: inline-block; justify-self: end; min-width: 60px; padding: 3px 6px; border-radius: var(--d26-r1); box-sizing: border-box; text-align: right; font: 650 var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .d26-side-row .chg.d26-up { background: color-mix(in srgb, var(--d26-up) 14%, transparent); color: var(--d26-up); }
html.desk-2026 .d26-side-row .chg.d26-down { background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down); }
html.desk-2026 .d26-side-row .chg.d26-flat { background: var(--d26-surface-2); color: var(--d26-ink-3); }
html.desk-2026 .d26-side-row.sel { background: var(--d26-surface-2); box-shadow: inset 2px 0 0 var(--d26-accent); }

/* ---- list column "sparkline_1m" (tf_T4C_Sparkline in table_4.js) ---- */
td.t4c-sparkline { text-align: center; background: transparent !important; }
svg.t4c-spark { display: inline-block; width: 72px !important; height: 22px !important; vertical-align: middle; background: none !important; overflow: visible; }
svg.t4c-spark polyline { fill: none; stroke: var(--table-td-up); }
svg.t4c-spark.t4c-spark-down polyline { stroke: var(--table-td-down); }
html.desk-2026 svg.t4c-spark polyline { stroke: var(--d26-up); }
html.desk-2026 svg.t4c-spark.t4c-spark-down polyline { stroke: var(--d26-down); }
.t4c-spark-none { color: var(--d26-ink-3); }

/* ---- Heatmap (lib/heatmap.js) like the preview (.heat / .tile) ---- */
html.desk-2026 .d26-heat { position: relative; height: 100%; padding: 0 10px 10px; box-sizing: border-box; }
html.desk-2026 .d26-heat-area { position: absolute; inset: 0 10px 10px; }
html.desk-2026 .d26-heat-info { position: absolute; inset: 0 10px 10px; display: flex; align-items: center; justify-content: center; }
html.desk-2026 .d26-heat-tile {
  position: absolute; display: flex; flex-direction: column; justify-content: flex-start; gap: 1px; padding: 6px 7px; border: 0; border-radius: 3px; overflow: hidden; box-sizing: border-box;
  text-align: left; cursor: pointer; color: var(--d26-ink); font: 600 var(--d26-fs-cap)/1.25 var(--main-font-family); transition: filter .12s;
}
html.desk-2026 .d26-heat-tile:hover { filter: brightness(1.08); box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-heat-tile b { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
html.desk-2026 .d26-heat-tile span { font-variant-numeric: tabular-nums; opacity: .9; }
html.desk-2026 .d26-heat-tile.big { padding: 9px 10px; font-size: var(--d26-fs-s); }
html.desk-2026 .d26-heat-tile.big b { font-size: var(--d26-fs); }
html.desk-2026 .d26-heat-tile.inv { color: var(--d26-on-color); }
html.desk-2026 .container:has(.d26-heat) .head .d26-headctl .d26-seg { flex: none; }
html.desk-2026 .container:has(.d26-heat) .head .d26-headctl .d26-seg button { height: 26px; padding: 0 10px; }
html.desk-2026 .d26-side-row.sel { box-shadow: none; }
/* active list configuration in the window bar */
html.desk-2026 .container .head .d26-cfgchip { order: 2; display: inline-flex !important; align-items: center; gap: 6px; float: none !important; height: 24px; margin: 0 4px 0 2px !important; padding: 0 10px !important; border: 0 !important; border-radius: var(--d26-pill) !important; background: var(--d26-surface-2) !important; color: var(--d26-ink-2) !important; font: 600 var(--d26-fs-cap) var(--main-font-family) !important; white-space: nowrap; max-width: 180px; overflow: hidden; cursor: pointer; flex: 0 1 auto; min-width: 0; }
html.desk-2026 .container .head .d26-cfgchip::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--d26-ink-3); }
html.desk-2026 .container .head .d26-cfgchip .d26-cfgchip-l { overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .container .head .d26-cfgchip:hover { background: var(--d26-surface-3) !important; color: var(--d26-ink) !important; }
html.desk-2026 .container .head .d26-cfgchip[data-state="named"] { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .container .head .d26-cfgchip[data-state="named"]::before { background: var(--d26-accent); }
html.desk-2026 .container .head .d26-cfgchip[data-state="custom"] { background: color-mix(in srgb, var(--d26-lime) 45%, transparent) !important; color: var(--d26-on-lime) !important; }
html.desk-2026 .container .head .d26-cfgchip[data-state="custom"]::before { background: var(--d26-on-lime); }
html.desk-2026 .container .head .d26-cfgchip[style*="display: none"] { display: none !important; }
html.desk-2026 .container .head:has(> .d26-cfgchip) .title_extra { margin-right: 0 !important; }
html.desk-2026 .container .head > .d26-cfgchip { margin-right: auto !important; }

/* ---- list configurations dialog (tf_desk2026ListCfg) like the chart configurations ---- */
html.desk-2026 .big-content.d26-lcfg > .window { width: min(760px, calc(100vw - 64px)) !important; }
html.desk-2026 .d26-lcfg .window-menu { margin: 0 !important; padding: 0 !important; }
html.desk-2026 .d26-lcfg ul.d26-lcfg-tabs { display: inline-flex !important; gap: 2px; margin: 0 !important; padding: 3px !important; border-radius: var(--d26-pill); background: var(--d26-surface-2); list-style: none; }
html.desk-2026 .d26-lcfg ul.d26-lcfg-tabs li { float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html.desk-2026 .d26-lcfg ul.d26-lcfg-tabs li a { display: flex; align-items: center; height: 32px; padding: 0 16px; border-radius: var(--d26-pill); color: var(--d26-ink-2) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-decoration: none !important; cursor: pointer; }
html.desk-2026 .d26-lcfg ul.d26-lcfg-tabs li.active a { background: var(--d26-pop); color: var(--d26-ink) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .d26-lcfg .d26-lcfg-top { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 12px; }
html.desk-2026 .d26-lcfg .d26-cfg-cur b[data-state="custom"] { color: var(--d26-on-lime); }
html.desk-2026 .d26-lcfg .d26-lcfg-cols { display: flex; flex-direction: column; gap: 6px; }
html.desk-2026 .d26-lcfg .d26-lcfg-lbl { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-lcfg .d26-lcfg-cols > div { display: flex !important; flex-wrap: wrap; gap: 6px; }
html.desk-2026 .d26-lcfg .d26-lcfg-col { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: var(--d26-pill); background: var(--d26-pop); color: var(--d26-ink); font: 600 var(--d26-fs-s) var(--main-font-family); box-shadow: inset 0 0 0 1px var(--d26-line); }
html.desk-2026 .d26-lcfg .d26-lcfg-extra { font: var(--d26-fs-s)/1.5 var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .d26-lcfg .d26-lcfg-acts { display: flex !important; flex-wrap: wrap; gap: 8px; }
html.desk-2026 .d26-lcfg .d26-lcfg-acts .subheader-button.action { display: inline-flex !important; align-items: center; float: none !important; height: 34px !important; margin: 0 !important; padding: 0 16px !important; border-radius: var(--d26-pill) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; }
html.desk-2026 .d26-lcfg .d26-lcfg-acts .d26-lcfg-reset { margin-left: auto !important; }
html.desk-2026 .d26-lcfg .d26-cfg-title { display: block; margin: 18px 2px 6px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-lcfg ul.d26-lcfg-list { display: flex !important; flex-direction: column; gap: 2px; margin: 0 !important; padding: 0 !important; list-style: none; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row { display: flex !important; align-items: center; gap: 10px; min-height: 40px; padding: 4px 6px 4px 12px !important; border: 0 !important; border-radius: var(--d26-r2); cursor: pointer; font: var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-lcfg li.d26-lcfg-row:hover, html.desk-2026 .d26-lcfg li.d26-lcfg-row.selected-scan { background: var(--d26-surface-2); }
html.desk-2026 .d26-lcfg li.d26-lcfg-row.selected-scan { box-shadow: inset 2px 0 0 var(--d26-accent); }
html.desk-2026 .d26-lcfg li.d26-lcfg-row > div:first-child { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row > div:not(:first-child) { display: flex !important; flex-direction: row-reverse; align-items: center; gap: 4px; flex: none; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row > div:not(:first-child) > div:not(.fa-play):not(:has(.fa-trash)) { margin-right: 6px; font-size: var(--d26-fs-cap); color: var(--d26-ink-3); white-space: nowrap; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row .fa-play { display: grid !important; place-items: center; width: 30px; height: 30px; border-radius: var(--d26-pill); background: var(--d26-accent-soft); color: var(--d26-accent) !important; cursor: pointer; font-size: 0 !important; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row .fa-play:hover { background: var(--d26-accent); color: var(--d26-on-accent) !important; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row > .fa-play { margin-left: auto; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row .fa-trash { display: grid !important; place-items: center; width: 30px !important; height: 30px !important; margin: 0 !important; border-radius: var(--d26-r1); color: var(--d26-ink-3) !important; opacity: 0; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row:hover .fa-trash { opacity: 1; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row .fa-trash:hover { background: color-mix(in srgb, var(--d26-down) 13%, transparent); color: var(--d26-down) !important; }
:root.desk-2026 .d26-lcfg li.d26-lcfg-row .fa-play::before, :root.desk-2026 .d26-lcfg li.d26-lcfg-row .fa-trash::before { pointer-events: none; }
html.desk-2026 .d26-lcfg li.d26-lcfg-empty { padding: 10px 2px; color: var(--d26-ink-3); font: var(--d26-fs-s) var(--main-font-family); }
/* predefined: list left, description card right */
html.desk-2026 .d26-lcfg .tab-content div:has(> ul.d26-lcfg-list + .d26-lcfg-exp) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
html.desk-2026 .d26-lcfg .tab-content div:has(> ul.d26-lcfg-list + .d26-lcfg-exp) > .d26-cfg-title { grid-column: 1 / -1; }
html.desk-2026 .d26-lcfg .d26-lcfg-group { display: block; }
html.desk-2026 .d26-lcfg .d26-lcfg-group:not(:has(li)) { display: none !important; }
html.desk-2026 .d26-lcfg .d26-cfg-group { margin: 12px 2px 4px !important; font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--d26-accent) !important; }
html.desk-2026 .d26-lcfg .d26-lcfg-exp { position: sticky; top: 0; display: flex !important; flex-direction: column; gap: 10px; padding: 14px 16px !important; border-radius: var(--d26-r3); background: var(--d26-surface-2); font: var(--d26-fs-s)/1.55 var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-lcfg .d26-lcfg-exp > div:first-child { font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-lcfg .d26-lcfg-hint { margin: 0; color: var(--d26-ink-3); }
html.desk-2026 .d26-lcfg .d26-lcfg-apply { align-self: flex-start; display: inline-flex; align-items: center; height: 34px; padding: 0 18px; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); font: 650 var(--d26-fs-s) var(--main-font-family); cursor: pointer; }
html.desk-2026 .d26-lcfg .d26-lcfg-apply:hover { background: var(--d26-accent-hover); }
html.desk-2026 .d26-lcfg .tab-content > div, html.desk-2026 .d26-lcfg .tab-content > div > div { min-width: 0; max-width: 100% !important; box-sizing: border-box; }
html.desk-2026 .d26-lcfg ul.d26-lcfg-list, html.desk-2026 .d26-lcfg li.d26-lcfg-row { min-width: 0; max-width: 100% !important; box-sizing: border-box; }
html.desk-2026 .d26-lcfg li.d26-lcfg-row .fa-play { width: 30px !important; height: 30px !important; flex: none; }
html.desk-2026 .big-content.d26-lcfg .window > .tab-content { width: auto !important; min-width: 0; box-sizing: border-box; }
/* chart: main canvas and subcharts stacked (inline canvases slipped side by side when the cell was wider) */
html.desk-2026 table.chart_layout > tbody > tr > td:not(.leftbar) > canvas { display: block; }

/* ---- configuration cards (list + chart configurations, tf_desk2026CfgCards in desk2026_lists.js) ---- */
html.desk-2026 .big-content.d26-cfg.d26-cfg-cards > .window { width: min(800px, calc(100vw - 64px)) !important; }
html.desk-2026 .big-content.d26-lcfg > .window { width: min(800px, calc(100vw - 64px)) !important; }
html.desk-2026 .d26-cc { display: flex; flex-direction: column; gap: 10px; margin: 6px 0 4px; }
html.desk-2026 .d26-cc [hidden] { display: none !important; }
html.desk-2026 .d26-cc-s {
  display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 14px; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink-3); cursor: text;
}
html.desk-2026 .d26-cc-s:focus-within { box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-cc-s .d26-ico { width: 18px; height: 18px; flex: none; }
html.desk-2026 .d26-cc-s input { flex: 1; min-width: 0; height: 100%; border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; font: var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-cc-s input:focus { outline: none; }
html.desk-2026 .d26-cc-gt { margin: 8px 2px 6px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-accent); }
html.desk-2026 .d26-cc-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 6px; }
html.desk-2026 .d26-cc-card {
  position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; align-items: start;
  padding: 10px; border-radius: var(--d26-r2); cursor: pointer; outline: none; box-shadow: inset 0 0 0 1px var(--d26-line);
}
html.desk-2026 .d26-cc-card:hover, html.desk-2026 .d26-cc-card:focus-visible { background: var(--d26-surface-2); box-shadow: inset 0 0 0 1px transparent; }
html.desk-2026 .d26-cc-card:focus-visible { box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-cc-card.on { background: var(--d26-accent-soft); box-shadow: inset 0 0 0 1.5px var(--d26-accent); }
html.desk-2026 .d26-cc-ico { width: 36px; height: 36px; border-radius: var(--d26-r2); display: grid; place-items: center; background: var(--d26-surface-2); color: var(--d26-accent); }
html.desk-2026 .d26-cc-card:hover .d26-cc-ico { background: var(--d26-surface-3); }
html.desk-2026 .d26-cc-card.on .d26-cc-ico { background: var(--d26-pop); }
html.desk-2026 .d26-cc-ico .d26-ico { width: 20px; height: 20px; }
html.desk-2026 .d26-cc-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
html.desk-2026 .d26-cc-txt b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font: 650 var(--d26-fs)/1.3 var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-cc-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font: var(--d26-fs-cap)/1.4 var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-cc-txt small { display: flex; align-items: center; gap: 6px; font: var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-cc-txt small em { font-style: normal; font-weight: 700; padding: 1px 7px; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-cc-act { display: flex; flex-direction: column; align-items: center; gap: 4px; }
html.desk-2026 .d26-cc-act button { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--d26-pill); background: transparent; color: var(--d26-ink-3); cursor: pointer; }
html.desk-2026 .d26-cc-act button:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .d26-cc-act .d26-cc-star.on { color: var(--d26-accent); }
html.desk-2026 .d26-cc-act .d26-cc-del { opacity: 0; }
html.desk-2026 .d26-cc-card:hover .d26-cc-del, html.desk-2026 .d26-cc-del.confirm { opacity: 1; }
html.desk-2026 .d26-cc-act .d26-cc-del:hover, html.desk-2026 .d26-cc-act .d26-cc-del.confirm { background: color-mix(in srgb, var(--d26-down) 14%, transparent); color: var(--d26-down); }
html.desk-2026 .d26-cc-act .d26-cc-del.confirm { width: auto; padding: 0 10px; }
html.desk-2026 .d26-cc-act .d26-cc-del.confirm::after { content: "Löschen?"; margin-left: 4px; font: 650 var(--d26-fs-cap) var(--main-font-family); }
html.desk-2026 .d26-cc-empty { margin: 4px 2px; padding: 16px; border-radius: var(--d26-r2); background: var(--d26-surface-2); color: var(--d26-ink-3); font: var(--d26-fs-s) var(--main-font-family); }
/* chart configurations: tiles with the preview image on top, star / delete over the image */
html.desk-2026 .d26-cc-tiles .d26-cc-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
html.desk-2026 .d26-cc-tiles .d26-cc-card { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 8px 8px 10px; }
html.desk-2026 .d26-cc-tiles .d26-cc-txt { padding: 0 4px; }
html.desk-2026 .d26-cc-tiles .d26-cc-act { position: absolute; top: 12px; right: 12px; flex-direction: row; }
html.desk-2026 .d26-cc-tiles .d26-cc-act button { background: var(--d26-pop); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .d26-cc-tiles .d26-cc-act .d26-cc-star:not(.on) { opacity: 0; }
html.desk-2026 .d26-cc-tiles .d26-cc-card:hover .d26-cc-star, html.desk-2026 .d26-cc-tiles .d26-cc-card:focus-visible .d26-cc-star { opacity: 1; }
html.desk-2026 .d26-cc-prev { display: block; height: 92px; border-radius: var(--d26-r1); background: var(--d26-surface-2); overflow: hidden; }
html.desk-2026 .d26-cc-card:hover .d26-cc-prev, html.desk-2026 .d26-cc-card.on .d26-cc-prev { background: var(--d26-pop); }
html.desk-2026 svg.d26-pv { display: block; width: 100%; height: 100%; }
html.desk-2026 svg.d26-pv * { vector-effect: non-scaling-stroke; }
html.desk-2026 svg.d26-pv .d26-pv-up { stroke: var(--d26-up); fill: var(--d26-up); }
html.desk-2026 svg.d26-pv .d26-pv-down { stroke: var(--d26-down); fill: var(--d26-down); }
html.desk-2026 svg.d26-pv line { stroke-width: 1; }
html.desk-2026 svg.d26-pv .d26-pv-ind { fill: none; stroke-width: 1.5; stroke-linejoin: round; }
html.desk-2026 svg.d26-pv .d26-pv-acc, html.desk-2026 svg.d26-pv .d26-pv-line { fill: none; stroke: var(--d26-accent); stroke-width: 1.5; }
html.desk-2026 svg.d26-pv .d26-pv-area { fill: var(--d26-accent-soft); stroke: none; }
html.desk-2026 svg.d26-pv .d26-pv-sep { stroke: var(--d26-line); }
/* the old rows / description card stay hidden (the cards replace them) */
html.desk-2026 .d26-lcfg .d26-cfg-title, html.desk-2026 .d26-cfg-cards .d26-cfg-title { margin-bottom: 0 !important; }
html.desk-2026 .big-content .tab-content .d26-cc-old.d26-cc-old, html.desk-2026 .big-content .tab-content ul.d26-cc-old.d26-cc-old { display: none !important; }
html.desk-2026 .d26-cc-txt small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* configuration chip: ✕ deactivates the configuration (tool's reset button), save icon when an own configuration changed */
html.desk-2026 .container .head .d26-cfgchip:has(> .d26-cfgchip-x)::before { display: none; }
html.desk-2026 .container .head .d26-cfgchip:has(> .d26-cfgchip-x) { padding-right: 3px !important; }
html.desk-2026 .container .head .d26-cfgchip > .d26-cfgchip-x,
html.desk-2026 .container .head .d26-cfgchip > .d26-cfgchip-save { flex: none; display: grid; place-items: center; width: 18px; height: 18px; margin: 0 !important; border-radius: 50%; color: inherit; cursor: pointer; }
html.desk-2026 .container .head .d26-cfgchip > .d26-cfgchip-save[style*="display: none"] { display: none !important; }
html.desk-2026 .container .head .d26-cfgchip > .d26-cfgchip-x:hover,
html.desk-2026 .container .head .d26-cfgchip > .d26-cfgchip-save:hover { background: color-mix(in srgb, currentColor 18%, transparent); }
html.desk-2026 .container .head .d26-cfgchip > .d26-cfgchip-x .d26-ico,
html.desk-2026 .container .head .d26-cfgchip > .d26-cfgchip-save .d26-ico { width: 12px; height: 12px; }
html.desk-2026 .container .head .d26-cfgchip { max-width: 200px; }
html.desk-2026 .container .head .d26-cfgchip { min-width: 72px; }
/* sparkline still loading (candle service can take up to ~90 s): soft pulsing bar */
.t4c-spark-wait { display: inline-block; width: 64px; height: 6px; border-radius: 3px; vertical-align: middle; background: var(--d26-surface-3); animation: t4c-spark-pulse 1.4s ease-in-out infinite; }
@keyframes t4c-spark-pulse { 0%, 100% { opacity: .45; } 50% { opacity: 1; } }
/* "Ansicht" panel of the lists (tf_desk2026ListCfg.tf_quick): predefined views as cards under the button */
html.desk-2026 .d26-quick {
  position: fixed; z-index: 100000; width: min(620px, calc(100vw - 16px)); max-height: min(620px, calc(100vh - 16px));
  display: flex; flex-direction: column; border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow);
  color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .d26-quick-h { display: flex; align-items: center; justify-content: space-between; padding: 14px 14px 4px 20px; }
html.desk-2026 .d26-quick-h b { font: 700 var(--d26-fs-m) var(--main-font-family); }
html.desk-2026 .d26-quick-x, html.desk-2026 .d26-quick-all { border: 0; background: transparent; cursor: pointer; color: var(--d26-ink-2); }
html.desk-2026 .d26-quick-x { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; }
html.desk-2026 .d26-quick-x:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-quick-b { overflow-y: auto; padding: 4px 16px 8px; min-height: 0; }
html.desk-2026 .d26-quick-b .d26-cc-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
html.desk-2026 .d26-quick-f { display: flex; justify-content: flex-end; padding: 8px 16px 14px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .d26-quick-all { height: 32px; padding: 0 14px; border-radius: var(--d26-pill); font: 650 var(--d26-fs-s) var(--main-font-family); color: var(--d26-accent); }
html.desk-2026 .d26-quick-all:hover { background: var(--d26-accent-soft); }

/* ---- list filters (tf_desk2026Filter in desk2026_lists.js) ---- */
html.desk-2026 .table_filter { background: var(--d26-surface) !important; }
html.desk-2026 .table_filter tr.filter { background: transparent !important; }
html.desk-2026 .table_filter tr.d26-flt-bar > td { padding: 8px 10px 6px !important; height: auto !important; }
html.desk-2026 .d26-flt-bar-in { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html.desk-2026 .d26-flt-head { display: flex; align-items: baseline; gap: 10px; flex: 1 1 0; min-width: 0; }
html.desk-2026 .d26-flt-head b { display: inline-flex; align-items: center; gap: 6px; font: 700 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); align-self: center; }
html.desk-2026 .d26-flt-head b .d26-ico { width: 16px; height: 16px; color: var(--d26-accent); }
html.desk-2026 .d26-flt-head span { font: var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .d26-flt-head em { font-style: normal; font-weight: 700; color: var(--d26-ink-2); }
html.desk-2026 .d26-flt-act {
  display: inline-flex !important; align-items: center; gap: 6px; float: none !important; height: 28px; padding: 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important;
  background: var(--d26-surface-2) !important; color: var(--d26-ink-2) !important; font: 650 var(--d26-fs-cap) var(--main-font-family) !important; text-decoration: none !important; cursor: pointer; white-space: nowrap; width: auto !important;
}
html.desk-2026 .d26-flt-act:hover { background: var(--d26-surface-3) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-flt-act.d26-flt-save { background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; }
html.desk-2026 .d26-flt-act.d26-flt-save:hover { background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; }
html.desk-2026 .d26-flt-act .d26-ico { width: 14px; height: 14px; }
html.desk-2026 .table_filter tr.filter > td { padding: 3px 4px !important; border: 0 !important; vertical-align: middle; }
html.desk-2026 .table_filter tr.filter + tr.filter > td { border-top: 1px dashed var(--d26-line) !important; }
html.desk-2026 .table_filter tr.filter .filter-title.d26-flt-row { display: inline-flex; align-items: center; gap: 8px; padding: 2px 8px 2px 4px !important; border-radius: var(--d26-pill); cursor: pointer; font: 650 var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink-2) !important; }
html.desk-2026 .table_filter tr.filter .filter-title.d26-flt-row:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-flt-row i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--d26-surface-3); color: var(--d26-ink); font: 700 11px var(--main-font-family); font-style: normal; }
html.desk-2026 tr.filter:has(.d26-flt-btn.on) .d26-flt-row i { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .table_filter tr.filter .filter-status.d26-flt-btn {
  display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-width: 24px; height: 24px; padding: 0 !important; border-radius: var(--d26-pill) !important;
  background: transparent !important; color: var(--d26-ink-3) !important; box-shadow: inset 0 0 0 1px var(--d26-line); cursor: pointer; font: 650 var(--d26-fs-cap) var(--main-font-family) !important;
}
html.desk-2026 .table_filter tr.filter .filter-status.d26-flt-btn .d26-ico { width: 13px; height: 13px; }
html.desk-2026 .table_filter tr.filter .filter-status.d26-flt-btn:hover { background: var(--d26-surface-2) !important; color: var(--d26-accent) !important; box-shadow: inset 0 0 0 1px var(--d26-accent); }
html.desk-2026 .table_filter tr.filter .filter-status.d26-flt-btn.on { padding: 0 9px !important; background: var(--d26-accent-soft) !important; color: var(--d26-accent) !important; box-shadow: none; }
html.desk-2026 .table_filter tr.filter .filter-status.d26-flt-btn.on:hover { background: var(--d26-accent) !important; color: var(--d26-on-accent) !important; }
html.desk-2026 .d26-flt-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .table_filter tr.filter .filter-status.d26-flt-btn::before { display: none !important; }

/* condition card */
html.desk-2026 div.context_menu_wrapper.filter.d26-flt-pop { width: 360px; padding: 0 !important; border: 0 !important; border-radius: var(--d26-r3) !important; background: var(--d26-pop) !important; box-shadow: var(--d26-shadow) !important; overflow: visible; }
html.desk-2026 div.context_menu_wrapper.filter.d26-flt-pop::after { display: none; }
html.desk-2026 div.context_menu_wrapper.filter.d26-flt-pop ul.contextmenu_fox { position: relative; padding: 16px 16px 14px !important; background: transparent !important; border-radius: var(--d26-r3); color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family); }
html.desk-2026 .d26-flt-pop-h { display: flex; flex-direction: column; gap: 2px; padding-right: 36px; margin-bottom: 12px; }
html.desk-2026 .d26-flt-pop-h small { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-flt-pop-h b { font: 700 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-flt-pop-x { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: var(--d26-ink-2); cursor: pointer; }
html.desk-2026 .d26-flt-pop-x:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-flt-pop .controls { display: flex; flex-direction: column; gap: 10px; padding: 12px !important; border-radius: var(--d26-r2); background: var(--d26-surface-2) !important; }
html.desk-2026 .d26-flt-pop .control { display: grid !important; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto; grid-template-areas: "t t t t" "lo min max hi" "s s s s"; align-items: center; gap: 8px 6px; overflow: visible !important; }
html.desk-2026 .d26-flt-pop .control > div:first-child { grid-area: t; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font: 650 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-flt-pop .control > div:first-child > span { margin: 0 !important; font: var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-flt-pop .control .d26-flt-inf-lo { grid-area: lo; }
html.desk-2026 .d26-flt-pop .control .d26-flt-inf-hi { grid-area: hi; }
html.desk-2026 .d26-flt-pop .control > input[type="text"]:first-of-type { grid-area: min; }
html.desk-2026 .d26-flt-pop .control > input[type="text"]:last-of-type { grid-area: max; }
html.desk-2026 .d26-flt-pop .control > .lev_slider { grid-area: s; }
html.desk-2026 .d26-flt-pop .controls input[type="text"] {
  float: none !important; width: 100% !important; height: 32px; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box; border: 0 !important; border-radius: var(--d26-r1) !important;
  background: var(--d26-pop) !important; color: var(--d26-ink) !important; box-shadow: inset 0 0 0 1px var(--d26-line); font: 600 var(--d26-fs-s) var(--main-font-family) !important; text-align: right;
}
html.desk-2026 .d26-flt-pop .controls input[type="text"]:focus { outline: none; box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-flt-pop .d26-flt-inf { float: none !important; padding: 0 10px !important; height: 28px; display: grid; place-items: center; border-radius: var(--d26-pill); background: var(--d26-pop); color: var(--d26-ink-3); box-shadow: inset 0 0 0 1px var(--d26-line); font: 650 var(--d26-fs-cap) var(--main-font-family) !important; cursor: pointer; }
html.desk-2026 .d26-flt-pop .d26-flt-inf:hover { color: var(--d26-ink); }
html.desk-2026 .d26-flt-pop .d26-flt-inf[style*="bold"] { background: var(--d26-accent); color: var(--d26-on-accent); box-shadow: none; }
html.desk-2026 .d26-flt-pop .lev_slider.ui-slider { float: none !important; width: auto !important; height: 4px !important; margin: 6px 9px 4px !important; top: 0 !important; border: 0 !important; border-radius: 2px; background: var(--d26-surface-3) !important; }
html.desk-2026 .d26-flt-pop .lev_slider .ui-slider-range { border-radius: 2px; background: var(--d26-accent) !important; }
html.desk-2026 .d26-flt-pop .lev_slider .ui-slider-handle { top: -7px !important; width: 18px !important; height: 18px !important; margin-left: -9px !important; border: 0 !important; border-radius: 50% !important; background: var(--d26-pop) !important; box-shadow: 0 0 0 2px var(--d26-accent), 0 1px 3px color-mix(in srgb, var(--d26-shade) 20%, transparent) !important; outline: 0; cursor: grab; }
html.desk-2026 .d26-flt-pop .controls .reset { display: none !important; }
html.desk-2026 .d26-flt-pop .control select { grid-column: 1 / -1; height: 32px; padding: 0 10px; border: 0; border-radius: var(--d26-r1); background: var(--d26-pop); color: var(--d26-ink); box-shadow: inset 0 0 0 1px var(--d26-line); font: 600 var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .d26-flt-pop .control:has(select) > span, html.desk-2026 .d26-flt-pop .control:has(input[type="radio"]) > div:first-child { grid-column: 1 / -1; float: none !important; margin: 0 !important; font: 650 var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .d26-flt-pop .control:has(input[type="radio"]) { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
html.desk-2026 .d26-flt-pop .control:has(input[type="radio"]) > div:first-child { flex-basis: 100%; }
html.desk-2026 .d26-flt-pop .control:has(input[type="radio"]) > span { float: none !important; margin-right: 10px !important; }
html.desk-2026 .d26-flt-pop .control input[type="radio"] { accent-color: var(--d26-accent); margin: 0 !important; }
html.desk-2026 .d26-flt-pop-f { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
html.desk-2026 .d26-flt-pop-f button, html.desk-2026 .d26-flt-pop-f .d26-flt-pop-ok { height: 34px; padding: 0 16px; border: 0; border-radius: var(--d26-pill); cursor: pointer; font: 650 var(--d26-fs-s) var(--main-font-family); display: inline-flex; align-items: center; margin: 0 !important; }
html.desk-2026 .d26-flt-pop-reset { background: var(--d26-pop); color: var(--d26-ink); box-shadow: inset 0 0 0 1px var(--d26-line); }
html.desk-2026 .d26-flt-pop-reset:hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-flt-pop-ok { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-flt-pop-ok:hover { filter: brightness(1.08); }
html.desk-2026 .d26-flt-act:not(.d26-flt-save) { background: var(--d26-pop) !important; box-shadow: inset 0 0 0 1px var(--d26-line); }
html.desk-2026 .d26-flt-bar-in .d26-flt-act { flex: none; }

/* ---- narrow windows: tool bars break into a second row instead of running out of the window ---- */
/* window header: the buttons (⋯, maximize, close, tool icons) never shrink; the title gives way with "…" */
html.desk-2026 .container .head > .menu_icon,
html.desk-2026 .container .head > .maximize-ico,
html.desk-2026 .container .head > .close,
html.desk-2026 .container .head .buttons-list > * { flex: none !important; }
html.desk-2026 .container .head > .title_extra { min-width: 0; overflow: hidden; }
html.desk-2026 .container .head > .title_extra > .dropdown { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
/* lists: in narrow windows "Ansicht" shows only its icon */
html.desk-2026 .container.d26-list .head { container-type: inline-size; }
@container (max-width: 560px) {
  html.desk-2026 .container.d26-list .head .big:has(> .fa-braille) { font-size: 0 !important; gap: 0 !important; padding: 0 6px !important; }
  html.desk-2026 .container.d26-list .head .big > .fa-braille { font-size: 15px !important; }
  html.desk-2026 .container.d26-list .head .d26-cfgchip { max-width: 120px; }
}
/* News Terminal: the bar wraps, the list below takes the rest of the height */
html.desk-2026 .d26-news .dpa-wrapper { display: flex; flex-direction: column; }
html.desk-2026 .d26-news .dpa-wrapper > div.topbar { flex: none; height: auto !important; min-height: 44px; flex-wrap: wrap; row-gap: 6px; padding-top: 4px; padding-bottom: 6px; }
html.desk-2026 .d26-news .dpa-wrapper > .dpa-wrapper-list-area { flex: 0 1 auto; min-height: 0; }
/* Infobox: stock button + tabs wrap; content never wider than the box */
html.desk-2026 .container .body .fundamental-box > .tabs.topbar { flex-wrap: wrap !important; row-gap: 6px; overflow: visible !important; }
html.desk-2026 .fundamental-box-pane { width: calc(100% - 16px) !important; }   /* absolute in the padded window: 100% ran 8 px past the edge */

/* ---- Infobox round 2 (2026-10-15): Börsenplätze, Fundamental, Chartsignale like the lists ---- */
html.desk-2026 .fundamental-box-content .title.sub { padding-left: 8px; }
html.desk-2026 .fundamental-box .d26-ib-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; min-height: 30px; margin: 14px 0 6px; padding: 0 8px; clear: both; }
html.desk-2026 .fundamental-box .d26-ib-bar > .title.sub { margin: 0 !important; padding: 0 !important; }
html.desk-2026 .fundamental-box .d26-ib-meta { font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box .d26-ib-acts { display: flex; align-items: center; gap: 6px; margin-left: auto; }
html.desk-2026 .fundamental-box .d26-ib-note { margin: -2px 0 8px; padding: 0 8px; font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box .d26-ib-scroll { overflow-x: auto; }
html.desk-2026 .fundamental-box .d26-ib-empty { padding: 28px 16px; text-align: center; font-size: var(--d26-fs-s); line-height: 1.5; color: var(--d26-ink-3); white-space: normal; }
/* pills, selects, toggle chips */
html.desk-2026 .fundamental-box .d26-ib-pill {
  display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border: 0; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer; white-space: nowrap;
}
html.desk-2026 .fundamental-box .d26-ib-pill:hover { background: var(--d26-surface-3); }
html.desk-2026 .fundamental-box .d26-ib-pill .d26-ico { width: 14px; height: 14px; color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box .d26-ib-selwrap { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 0 0 12px; border-radius: var(--d26-pill); background: var(--d26-surface-2); cursor: pointer; }
html.desk-2026 .fundamental-box .d26-ib-selwrap:hover { background: var(--d26-surface-3); }
html.desk-2026 .fundamental-box .d26-ib-selwrap > span { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box .d26-ib-select {
  height: 30px; margin: 0 !important; padding: 0 26px 0 4px !important; border: 0 !important; border-radius: var(--d26-pill) !important; box-shadow: none !important;
  background-color: transparent !important; color: var(--d26-ink) !important; font: 650 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; float: none !important;
}
html.desk-2026 .fundamental-box .d26-ib-chips { display: flex; gap: 6px; }
html.desk-2026 .fundamental-box .d26-ib-chip {
  position: relative; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink-2); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer; user-select: none;
}
html.desk-2026 .fundamental-box .d26-ib-chip:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .fundamental-box .d26-ib-chip input { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; pointer-events: none; }
html.desk-2026 .fundamental-box .d26-ib-chip .d26-ico { width: 12px; height: 12px; display: none; }
html.desk-2026 .fundamental-box .d26-ib-chip.on { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .fundamental-box .d26-ib-chip.on .d26-ico { display: block; }
html.desk-2026 .fundamental-box .d26-ib-chip:has(input:focus-visible) { outline: 2px solid var(--d26-accent); outline-offset: 1px; }

/* tables: caption header (sticky), no lines between rows, 34 px rows, hover like the lists, numbers right */
html.desk-2026 .fundamental-box .fundamental-box-content table:is(.d26-ib-tbl, .d26-ib-years, .d26-ib-figs) { width: 100%; border-collapse: separate; border-spacing: 0; margin: 0; table-layout: auto; }
html.desk-2026 .fundamental-box .fundamental-box-content table:is(.d26-ib-tbl, .d26-ib-years, .d26-ib-figs) > thead > tr > td {
  position: sticky; top: 0; z-index: 1; height: 28px; padding: 0 8px !important; border: 0 !important; box-shadow: inset 0 -1px 0 var(--d26-line);
  background: var(--d26-surface) !important; text-align: right; white-space: nowrap; vertical-align: middle;
  font: 700 var(--d26-fs-cap) var(--main-font-family) !important; letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3) !important;
}
html.desk-2026 .fundamental-box .fundamental-box-content table:is(.d26-ib-tbl, .d26-ib-years, .d26-ib-figs) > tbody > tr > td {
  height: 34px; padding: 0 8px !important; border: 0 !important; background: transparent !important; text-align: right; white-space: nowrap; vertical-align: middle;
  font: 500 var(--d26-fs-s) var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink) !important; transition: background 1.5s;
  text-transform: none; letter-spacing: 0;
}
html.desk-2026 .fundamental-box .fundamental-box-content table:is(.d26-ib-tbl, .d26-ib-years, .d26-ib-figs) > thead > tr > td:first-child,
html.desk-2026 .fundamental-box .fundamental-box-content table:is(.d26-ib-tbl, .d26-ib-years, .d26-ib-figs) > tbody > tr > td:first-child { text-align: left; }
html.desk-2026 .fundamental-box .fundamental-box-content table:is(.d26-ib-tbl, .d26-ib-years, .d26-ib-figs) > tbody > tr > td:first-child { font-weight: 600 !important; border-radius: var(--d26-r1) 0 0 var(--d26-r1); }
html.desk-2026 .fundamental-box .fundamental-box-content table:is(.d26-ib-tbl, .d26-ib-years, .d26-ib-figs) > tbody > tr > td:last-child { border-radius: 0 var(--d26-r1) var(--d26-r1) 0; }
html.desk-2026 .fundamental-box .fundamental-box-content table:is(.d26-ib-tbl, .d26-ib-years, .d26-ib-figs) > tbody > tr:hover > td { background: var(--d26-surface-2) !important; transition: none; }
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr > td.d26-neg { color: var(--d26-down) !important; }
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr > td.d26-na { color: var(--d26-ink-3) !important; }
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr > td.d26-up { color: var(--d26-up) !important; font-weight: 650 !important; }
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr > td.d26-down { color: var(--d26-down) !important; font-weight: 650 !important; }
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr > td > b { font-weight: 600; }
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr > td > small { margin-left: 6px; font-size: var(--d26-fs-cap); color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr.d26-ib-emptyrow > td { height: auto; white-space: normal; text-align: center; }
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr.d26-ib-emptyrow:hover > td { background: transparent !important; }

/* Börsenplätze: the Börse of the Times & Sales below is selected (soft accent, no bar), every row picks its Times & Sales */
html.desk-2026 .fundamental-box .d26-ib-ex > tbody > tr[data-id] { cursor: pointer; }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-ex > tbody > tr.d26-sel > td { background: var(--d26-accent-soft) !important; }
html.desk-2026 .fundamental-box .d26-ib-ex > tbody > tr > td:nth-child(2) { font-weight: 650 !important; }
html.desk-2026 .fundamental-box .d26-ib-tsbar { margin-top: 22px; }
html.desk-2026 .fundamental-box .d26-ib-tswrap { clear: both; }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-ts > tbody > tr.d26-new > td { background: var(--d26-accent-soft) !important; transition: none; }

/* Fundamental: profile card, year table, Kennzahlen */
html.desk-2026 .fundamental-box .d26-ib-profile { margin: 0 8px 4px; padding: 12px 14px; border-radius: var(--d26-r3); background: var(--d26-surface-2); }
html.desk-2026 .fundamental-box .d26-ib-profile .profile-text {
  height: auto !important; padding: 0 !important; overflow: hidden !important; clear: both;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3;
  font: 400 var(--d26-fs)/1.6 var(--d26-f-read, var(--main-font-family)); color: var(--d26-ink-2);
}
html.desk-2026 .fundamental-box .d26-ib-profile.open .profile-text { display: block; -webkit-line-clamp: unset; line-clamp: none; }
html.desk-2026 .fundamental-box .d26-ib-more { margin: 6px 0 0; padding: 0; border: 0; background: none; color: var(--d26-accent); font: 600 var(--d26-fs-s) var(--main-font-family); cursor: pointer; }
html.desk-2026 .fundamental-box .d26-ib-more:hover { text-decoration: underline; }
html.desk-2026 .fundamental-box .d26-ib-profile.short .profile-text { display: block; }
html.desk-2026 .fundamental-box .d26-ib-profile.short .d26-ib-more { display: none; }
html.desk-2026 .fundamental-box .fundamental-box-content table.fundamental.d26-ib-years > tbody > tr > td:first-child { color: var(--d26-ink) !important; }
html.desk-2026 .fundamental-box .fundamental-box-content table.fundamental.d26-ib-years > tbody > tr > td.d26-neg { color: var(--d26-down) !important; }
html.desk-2026 .fundamental-box .d26-sig-bar > .title.sub, html.desk-2026 .fundamental-box .d26-ib-bar:has(> .d26-ib-chips) > .title.sub { display: none; }   /* "Chartsignale" is the active tab above */
html.desk-2026 .fundamental-box .d26-ib-figs { margin-bottom: 4px !important; }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-figs > thead > tr > td:first-child { width: 50%; }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-figs > tbody > tr > td:first-child { white-space: normal; font-weight: 500 !important; }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-figs > tbody > tr > td:last-child { font-weight: 650 !important; }
html.desk-2026 .fundamental-box .d26-ib-dp > span {
  display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 6px 0 9px; border-radius: var(--d26-pill);
  background: var(--d26-surface-2); color: var(--d26-ink-2); font: 600 var(--d26-fs-cap) var(--main-font-family); cursor: pointer;
}
html.desk-2026 .fundamental-box .d26-ib-dp > span:hover { background: var(--d26-surface-3); color: var(--d26-ink); }
html.desk-2026 .fundamental-box .d26-ib-dp .d26-ico { width: 12px; height: 12px; transition: transform .15s; }
html.desk-2026 .fundamental-box .d26-ib-dp.d26-open > span { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .fundamental-box .d26-ib-dp.d26-open .d26-ico { transform: rotate(180deg); }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-figs > tbody > tr.d26-ib-figdata > td { height: auto; padding: 2px 8px 10px !important; white-space: normal; }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-figs > tbody > tr.d26-ib-figdata:hover > td { background: transparent !important; }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-sub { width: 100%; margin: 0 0 6px; border-collapse: separate; border-spacing: 0; border-radius: var(--d26-r2); background: var(--d26-surface-2); }
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-sub th {
  padding: 8px 10px 4px; text-align: right; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .04em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-sub td {
  height: 26px; padding: 0 10px !important; border: 0 !important; background: transparent !important; text-align: right;
  font: 500 var(--d26-fs-cap) var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink) !important;
}
html.desk-2026 .fundamental-box .fundamental-box-content table.d26-ib-sub :is(th, td):first-child { text-align: left; color: var(--d26-ink-2) !important; }

/* Chartsignale: rows like the lists; direction as soft badge, interval as chip, change since the signal as % chip */
html.desk-2026 .fundamental-box .d26-sig-list { container-type: inline-size; clear: both; padding-bottom: 6px; }
html.desk-2026 .fundamental-box .d26-sig-row {
  display: grid; grid-template-columns: 82px 26px minmax(0, 1fr) 64px 76px 76px; align-items: center; gap: 10px;
  min-height: 42px; padding: 0 8px; border-radius: var(--d26-r1); font: 500 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink); cursor: pointer;
}
html.desk-2026 .fundamental-box .d26-sig-row:not(.d26-sig-head):hover { background: var(--d26-surface-2); }
html.desk-2026 .fundamental-box .d26-sig-head {
  position: sticky; top: 0; z-index: 1; min-height: 28px; border-radius: 0; background: var(--d26-surface); box-shadow: inset 0 -1px 0 var(--d26-line); cursor: default;
  font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .fundamental-box .d26-sig-head > span:nth-child(n+5) { text-align: right; }
html.desk-2026 .fundamental-box .d26-sig-when { white-space: nowrap; font-variant-numeric: tabular-nums; }
html.desk-2026 .fundamental-box .d26-sig-when b { font-weight: 600; }
html.desk-2026 .fundamental-box .d26-sig-when small { margin-left: 6px; font-size: var(--d26-fs-cap); color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box .d26-sig-dir { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--d26-surface-2); color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box .d26-sig-dir svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html.desk-2026 .fundamental-box .d26-sig-dir.d26-sig-up { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .fundamental-box .d26-sig-dir.d26-sig-down { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .fundamental-box .d26-sig-name { display: flex; flex-direction: column; min-width: 0; }
html.desk-2026 .fundamental-box .d26-sig-name b, html.desk-2026 .fundamental-box .d26-sig-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .fundamental-box .d26-sig-name b { font-weight: 600; }
html.desk-2026 .fundamental-box .d26-sig-name small { font-size: var(--d26-fs-cap); color: var(--d26-ink-3); }
html.desk-2026 .fundamental-box .d26-sig-iv i {
  display: inline-block; padding: 2px 8px; border-radius: var(--d26-pill); background: var(--d26-surface-2); font: 600 var(--d26-fs-cap)/1.4 var(--main-font-family); color: var(--d26-ink-2); white-space: nowrap;
}
html.desk-2026 .fundamental-box .d26-sig-row:hover .d26-sig-iv i { background: var(--d26-surface-3); }
html.desk-2026 .fundamental-box .d26-sig-px { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
html.desk-2026 .fundamental-box .d26-sig-perf { text-align: right; }
html.desk-2026 .fundamental-box .d26-sig-perf i {
  display: inline-block; min-width: 62px; padding: 3px 6px; box-sizing: border-box; border-radius: var(--d26-r2); text-align: right;
  font: 650 var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums; white-space: nowrap;
}
html.desk-2026 .fundamental-box .d26-sig-perf i.d26-up { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .fundamental-box .d26-sig-perf i.d26-down { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .fundamental-box .d26-sig-perf i.d26-flat { background: var(--d26-surface-2); color: var(--d26-ink-2); }
@container (max-width: 560px) {
  html.desk-2026 .fundamental-box .d26-sig-row { grid-template-columns: 74px 26px minmax(0, 1fr) 68px 70px; gap: 8px; }
  html.desk-2026 .fundamental-box .d26-sig-row > :nth-child(4) { display: none; }
  html.desk-2026 .fundamental-box .d26-sig-when small { display: block; margin: 0; }
}
@container (max-width: 400px) {
  html.desk-2026 .fundamental-box .d26-sig-row { grid-template-columns: 52px 26px minmax(0, 1fr) 70px; }
  html.desk-2026 .fundamental-box .d26-sig-row > :nth-child(5) { display: none; }
}
html.desk-2026 .fundamental-box .fundamental-box-content table > tbody > tr > td:first-child > b { color: var(--d26-ink); font-weight: 600; }
/* Infobox: room between the sub tabs (Daten & Kennzahlen / Chartsignale) and the content; profile card below its (floated) title */
html.desk-2026 .fundamental-box .fundamental-box-pane > .tab_submenu { margin-bottom: 12px !important; }
html.desk-2026 .fundamental-box .d26-ib-profile { clear: both; margin-top: 6px; }

/* ---- DAX Chat (disqus.js): rules row + card, thread on the window surface; Disqus reads text / link colour for its scheme ---- */
html.desk-2026 .d26-chat { display: flex; flex-direction: column; gap: 8px; min-height: 100%; font-family: var(--main-font-family); }
html.desk-2026 .d26-chat-rules {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 6px 12px; border: 0; border-radius: var(--d26-r3);
  background: var(--d26-surface-2); color: var(--d26-ink); text-align: left; cursor: pointer; font: inherit;
}
html.desk-2026 .d26-chat-rules:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-chat-rules > .d26-ico:first-child { flex: none; width: 18px; height: 18px; color: var(--d26-accent); }
html.desk-2026 .d26-chat-rules > span { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
html.desk-2026 .d26-chat-rules b { font: 650 var(--d26-fs) var(--main-font-family); }
html.desk-2026 .d26-chat-rules small { font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-chat-rules .d26-chat-chev { flex: none; width: 16px; height: 16px; color: var(--d26-ink-3); transition: transform .15s; }
html.desk-2026 .d26-chat-rules[aria-expanded="true"] { border-radius: var(--d26-r3) var(--d26-r3) 0 0; }
html.desk-2026 .d26-chat-rules[aria-expanded="true"] .d26-chat-chev { transform: rotate(180deg); }
html.desk-2026 .d26-chat-rules-text {
  margin-top: -8px; padding: 4px 14px 14px 40px; border-radius: 0 0 var(--d26-r3) var(--d26-r3); background: var(--d26-surface-2);
  font: 400 var(--d26-fs-s)/1.6 var(--main-font-family); color: var(--d26-ink-2);
}
html.desk-2026 .d26-chat-rules-text a { color: var(--d26-accent) !important; font-weight: 600; text-decoration: none; }   /* the text sets white links inline */
html.desk-2026 .d26-chat-rules-text a:hover { text-decoration: underline; }
html.desk-2026 .d26-chat-thread { flex: 1 1 auto; padding: 4px 6px 12px !important; color: var(--d26-ink); background: transparent; }
html.desk-2026 .d26-chat-thread a { color: var(--d26-accent); }
html.desk-2026 .d26-chat-thread iframe { color-scheme: normal; }
html.desk-2026 .d26-chat-loading { display: flex; justify-content: center; gap: 6px; padding: 48px 0; }
html.desk-2026 .d26-chat-thread:has(iframe) .d26-chat-loading { display: none; }
html.desk-2026 .d26-chat-loading span { width: 7px; height: 7px; border-radius: 50%; background: var(--d26-ink-3); animation: d26-chat-dot 1s infinite ease-in-out; }
html.desk-2026 .d26-chat-loading span:nth-child(2) { animation-delay: .15s; }
html.desk-2026 .d26-chat-loading span:nth-child(3) { animation-delay: .3s; }
@keyframes d26-chat-dot { 0%, 80%, 100% { opacity: .25; transform: scale(.8); } 40% { opacity: 1; transform: none; } }
html.desk-2026 .d26-chat-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 340px; margin: 40px auto; text-align: center; font-size: var(--d26-fs-s); line-height: 1.5; color: var(--d26-ink-3); }
html.desk-2026 .d26-chat-empty > .d26-ico { width: 40px; height: 40px; padding: 10px; box-sizing: border-box; border-radius: 50%; background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-chat-empty b { font: 650 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-chat-btn { display: inline-flex; align-items: center; height: 32px; margin-top: 4px; padding: 0 16px; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent) !important; font: 650 var(--d26-fs-s) var(--main-font-family); text-decoration: none; }
html.desk-2026 .d26-chat-btn:hover { background: var(--d26-accent-hover); }

/* ---- KO-Abstand (ko_distance.js): filter bar, price ladder (SVG) | product list, ad footer ---- */
html.desk-2026 .d26-kd { display: flex; flex-direction: column; height: 100%; min-height: 0; font-family: var(--main-font-family); color: var(--d26-ink); container-type: inline-size; }
html.desk-2026 .d26-kd-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; padding: 2px 2px 10px; border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .d26-kd-ins { max-width: 260px; background: var(--d26-surface-2); padding-right: 10px; }
html.desk-2026 .d26-kd-ins:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-kd-f { display: flex; align-items: center; gap: 8px; }
html.desk-2026 .d26-kd-f > span { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-kd-seg button.on { background: var(--d26-pop); color: var(--d26-ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .d26-kd-seg[data-k="direction"] button[data-v="long"].on { background: var(--d26-up-soft); color: var(--d26-up); box-shadow: none; }
html.desk-2026 .d26-kd-seg[data-k="direction"] button[data-v="short"].on { background: var(--d26-down-soft); color: var(--d26-down); box-shadow: none; }
html.desk-2026 .d26-kd-select {
  height: 30px; margin: 0 !important; padding: 0 26px 0 12px !important; border: 0 !important; border-radius: var(--d26-pill) !important; box-shadow: none !important;
  background-color: var(--d26-surface-2) !important; color: var(--d26-ink) !important; font: 600 var(--d26-fs-s) var(--main-font-family) !important; cursor: pointer; max-width: 200px;
}
html.desk-2026 .d26-kd-main { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(220px, 38%) minmax(0, 1fr); gap: 12px; padding-top: 10px; }
html.desk-2026 .d26-kd-ladder { position: relative; min-height: 0; border-radius: var(--d26-r3); background: var(--d26-surface-2); overflow: hidden; }
html.desk-2026 .d26-kd-list { min-height: 0; overflow-y: auto; overflow-x: hidden; }
@container (max-width: 640px) {
  html.desk-2026 .d26-kd-main { grid-template-columns: minmax(0, 1fr); grid-template-rows: 220px minmax(0, 1fr); }
}
/* ladder */
html.desk-2026 .d26-kd-svg { display: block; font-family: var(--main-font-family); }
html.desk-2026 .d26-kd-svg .g { stroke: var(--d26-grid); stroke-width: 1; }
html.desk-2026 .d26-kd-svg .ax { font-size: 11px; fill: var(--d26-ink-3); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-kd-svg .band { fill: var(--d26-accent-soft); }
html.desk-2026 .d26-kd-svg .t { cursor: pointer; }
html.desk-2026 .d26-kd-svg .t .hit { fill: transparent; }
html.desk-2026 .d26-kd-svg .t line { stroke-width: 1; opacity: .35; }   /* many KOs: overlapping lines read as density */
html.desk-2026 .d26-kd-svg .t.up line { stroke: var(--d26-up); }
html.desk-2026 .d26-kd-svg .t.down line { stroke: var(--d26-down); }
html.desk-2026 .d26-kd-svg .t:hover line { opacity: 1; stroke-width: 2.5; }
html.desk-2026 .d26-kd-svg .sel { stroke: var(--d26-accent); stroke-width: 3; stroke-linecap: round; }
html.desk-2026 .d26-kd-svg .sell { font-size: 12px; font-weight: 650; fill: var(--d26-accent); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-kd-svg .dist { font-size: 11px; font-weight: 600; fill: var(--d26-ink-2); }
html.desk-2026 .d26-kd-svg .sell .dist { fill: var(--d26-ink-2); }
html.desk-2026 .d26-kd-svg .px { stroke: var(--d26-ink); stroke-width: 1.5; }
html.desk-2026 .d26-kd-svg .pxc { fill: var(--d26-ink); }
html.desk-2026 .d26-kd-svg .pxt { font-size: 11px; font-weight: 700; fill: var(--d26-surface); font-variant-numeric: tabular-nums; }
html.desk-2026 .d26-kd-start { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 20px; text-align: center; font-size: var(--d26-fs-s); line-height: 1.5; color: var(--d26-ink-3); }
html.desk-2026 .d26-kd-start > .d26-ico { width: 40px; height: 40px; padding: 10px; box-sizing: border-box; border-radius: 50%; background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-kd-start b { font: 650 var(--d26-fs-m) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-kd-pick { height: 32px; margin-top: 4px; padding: 0 16px; border: 0; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); font: 650 var(--d26-fs-s) var(--main-font-family); cursor: pointer; }
html.desk-2026 .d26-kd-pick:hover { background: var(--d26-accent-hover); }
/* list */
html.desk-2026 .d26-kd-row {
  display: grid; grid-template-columns: 58px minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, .8fr) minmax(0, .8fr); align-items: center; gap: 8px;
  min-height: 44px; padding: 0 8px; border-radius: var(--d26-r1); font: 500 var(--d26-fs-s) var(--main-font-family); font-variant-numeric: tabular-nums; cursor: pointer;
}
html.desk-2026 .d26-kd-row > span:nth-child(n+3) { text-align: right; white-space: nowrap; }
html.desk-2026 .d26-kd-row:not(.d26-kd-head):hover { background: var(--d26-surface-2); }
html.desk-2026 .d26-kd-row.sel { background: var(--d26-accent-soft) !important; }
html.desk-2026 .d26-kd-row.d26-kd-tick .d26-kd-bid, html.desk-2026 .d26-kd-row.d26-kd-tick .d26-kd-ask { color: var(--d26-accent); }
html.desk-2026 .d26-kd-head {
  position: sticky; top: 0; z-index: 1; min-height: 28px; border-radius: 0; background: var(--d26-surface); box-shadow: inset 0 -1px 0 var(--d26-line); cursor: default;
  font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3);
}
html.desk-2026 .d26-kd-lev { display: inline-block; min-width: 46px; padding: 3px 6px; box-sizing: border-box; border-radius: var(--d26-r2); background: var(--d26-surface-2); font: 700 var(--d26-fs-s) var(--main-font-family); font-style: normal; text-align: center; }
html.desk-2026 .d26-kd-row.sel .d26-kd-lev { background: var(--d26-surface); }
html.desk-2026 .d26-kd-n { display: flex; flex-direction: column; min-width: 0; }
html.desk-2026 .d26-kd-n b { font-weight: 650; }
html.desk-2026 .d26-kd-n small { font-size: var(--d26-fs-cap); color: var(--d26-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .d26-kd-dist { font-weight: 650; }
html.desk-2026 .d26-kd-wkn { display: flex; align-items: center; gap: 8px; min-width: 0; }
html.desk-2026 .d26-kd-trade { flex: none; height: 20px; padding: 0 9px; border: 0; border-radius: var(--d26-pill); font: 650 var(--d26-fs-cap) var(--main-font-family); cursor: pointer; display: none; }
html.desk-2026 .d26-kd-row:hover .d26-kd-trade, html.desk-2026 .d26-kd-row.sel .d26-kd-trade { display: inline-block; }
html.desk-2026 .d26-kd-trade.long { background: var(--d26-up); color: var(--d26-on-solid); }
html.desk-2026 .d26-kd-trade.short { background: var(--d26-down); color: var(--d26-on-solid); }
@container (max-width: 760px) {
  html.desk-2026 .d26-kd-row { grid-template-columns: 54px minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, .8fr); }
  html.desk-2026 .d26-kd-row > :nth-child(5) { display: none; }   /* Geld (Brief stays: the buy price) */
}
html.desk-2026 .d26-kd-empty { padding: 32px 16px; text-align: center; font-size: var(--d26-fs-s); line-height: 1.5; color: var(--d26-ink-3); }
html.desk-2026 .d26-kd-loading { display: flex; justify-content: center; gap: 6px; padding: 40px 0; }
html.desk-2026 .d26-kd-ladder > .d26-kd-loading { position: absolute; inset: 0; align-items: center; padding: 0; }
html.desk-2026 .d26-kd-loading span { width: 7px; height: 7px; border-radius: 50%; background: var(--d26-ink-3); animation: d26-chat-dot 1s infinite ease-in-out; }
html.desk-2026 .d26-kd-loading span:nth-child(2) { animation-delay: .15s; }
html.desk-2026 .d26-kd-loading span:nth-child(3) { animation-delay: .3s; }
/* footer: risk note (text of the Derivate-Box) + Werbung */
html.desk-2026 .d26-kd-foot { display: flex; align-items: flex-start; gap: 12px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--d26-line); font-size: var(--d26-fs-cap); line-height: 1.45; color: var(--d26-ink-3); }
html.desk-2026 .d26-kd-risk { flex: 1 1 auto; }
html.desk-2026 .d26-kd-ad { flex: none; padding: 2px 8px; border-radius: var(--d26-pill); background: var(--d26-surface-2); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
html.desk-2026 .d26-kd-ins .d26-ins-tile .d26-ico { width: 15px; height: 15px; }
html.desk-2026 .fundamental-box .d26-ib-diatabs { display: flex !important; align-items: center; gap: 4px; height: auto !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .fundamental-box .d26-ib-diatabs > .subheader-button { float: none !important; margin: 0 !important; }
/* --contextmenu-h1 / --log-background as tokens: their pairs would be ink-3 on ink-3 and surface-2 on surface-2 */
html.desk-2026 .context_menu h1 { background-color: var(--d26-surface-2); color: var(--d26-ink-3); }
html.desk-2026 .list-notes-cebra-premium { color: var(--d26-ink); border-radius: var(--d26-r2); }
html.desk-2026 .depot .pane .log_item { border-radius: var(--d26-r1); color: var(--d26-ink); }
/* Tradingchancen: one nav item with icon + text (menubar.js) */
html.desk-2026 #nav a.d26-nav-tc { display: inline-flex !important; align-items: center; gap: 6px; }
html.desk-2026 #nav a.d26-nav-tc > i, html.desk-2026 #nav a.d26-nav-tc > .d26-ico { margin: 0 !important; flex: none; }

/* news language flags (newsbox.js, stream.js, Infobox: design/images/flag01 = de, flag02 = en, drawn as US flag like before): the round flat flags of the 2026
   design instead of the old glossy PNGs; the <img> stays (title, layout), its picture is replaced */
html.desk-2026 .language-info img[src$="flag01.png"], html.desk-2026 .language-info img[src$="flag02.png"] {
  object-position: -9999px 0; background: center / contain no-repeat; border-radius: 50%; box-shadow: 0 0 0 1px var(--d26-line);
}
html.desk-2026 .language-info img[src$="flag01.png"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2018%22%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22/%3E%3C/clipPath%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Crect%20width%3D%2218%22%20height%3D%226%22%20fill%3D%22%23111%22/%3E%3Crect%20y%3D%226%22%20width%3D%2218%22%20height%3D%226%22%20fill%3D%22%23DD0000%22/%3E%3Crect%20y%3D%2212%22%20width%3D%2218%22%20height%3D%226%22%20fill%3D%22%23FFCE00%22/%3E%3C/g%3E%3C/svg%3E"); }
html.desk-2026 .language-info img[src$="flag02.png"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2018%22%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22/%3E%3C/clipPath%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23fff%22/%3E%3Crect%20y%3D%220%22%20width%3D%2218%22%20height%3D%221.4%22%20fill%3D%22%23B22234%22/%3E%3Crect%20y%3D%222.8%22%20width%3D%2218%22%20height%3D%221.4%22%20fill%3D%22%23B22234%22/%3E%3Crect%20y%3D%225.6%22%20width%3D%2218%22%20height%3D%221.4%22%20fill%3D%22%23B22234%22/%3E%3Crect%20y%3D%228.4%22%20width%3D%2218%22%20height%3D%221.4%22%20fill%3D%22%23B22234%22/%3E%3Crect%20y%3D%2211.2%22%20width%3D%2218%22%20height%3D%221.4%22%20fill%3D%22%23B22234%22/%3E%3Crect%20y%3D%2214%22%20width%3D%2218%22%20height%3D%221.4%22%20fill%3D%22%23B22234%22/%3E%3Crect%20y%3D%2215.4%22%20width%3D%2218%22%20height%3D%222.6%22%20fill%3D%22%23B22234%22/%3E%3Crect%20width%3D%228.5%22%20height%3D%228.4%22%20fill%3D%22%233C3B6E%22/%3E%3Ccircle%20cx%3D%222.4%22%20cy%3D%222.2%22%20r%3D%22.6%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%222.2%22%20r%3D%22.6%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%223.7%22%20cy%3D%224.2%22%20r%3D%22.6%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%226.3%22%20cy%3D%224.2%22%20r%3D%22.6%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%222.4%22%20cy%3D%226.2%22%20r%3D%22.6%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%225%22%20cy%3D%226.2%22%20r%3D%22.6%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3C/svg%3E"); }
html.desk-2026 .newsbox .post .language-info img { opacity: 1; }
/* Newsbot (newsbox.js): one scrollbar. The list height came from the old CSS for a lower toolbar, so the window body
   scrolled too; now toolbar at its height, the list takes the rest and scrolls alone */
html.desk-2026 .container .body > .inner:has(> .newsbox) { display: flex; flex-direction: column; overflow: hidden !important; }
html.desk-2026 .container .body > .inner:has(> .newsbox) > * { flex: none; }
html.desk-2026 .container .body > .inner:has(> .newsbox) > .newsbox { flex: 1 1 auto; min-height: 0; height: auto !important; overflow-y: auto; }
/* Informationen (impressum_view.js): tabs and content with the spacing of the other dialogs / tool bars */
html.desk-2026 .big-content.d26-imp > .window { width: min(720px, calc(100vw - 64px)) !important; }
html.desk-2026 .big-content.d26-imp .d26-imp-tabs { padding: 12px 24px 0; }
html.desk-2026 .big-content.d26-imp .d26-imp-tabs > div { display: flex; flex-wrap: wrap; gap: 4px; }
html.desk-2026 .big-content.d26-imp .d26-imp-tabs .subheader-button { float: none !important; margin: 0 !important; }
html.desk-2026 .big-content.d26-imp .window > .head:empty { display: none; }
html.desk-2026 .big-content.d26-imp .window > .tab-content { height: min(560px, calc(100vh - 220px)) !important; overflow-y: auto; padding: 16px 24px 24px !important; box-sizing: border-box; }
html.desk-2026 .big-content.d26-imp .window > .tab-content a { color: var(--d26-accent) !important; }
html.desk-2026 .big-content.d26-imp .d26-imp-text { font: 400 var(--d26-fs)/1.6 var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .big-content.d26-imp .d26-imp-text h1, html.desk-2026 .big-content.d26-imp .d26-imp-text h2, html.desk-2026 .big-content.d26-imp .d26-imp-text h3, html.desk-2026 .big-content.d26-imp .d26-imp-text b, html.desk-2026 .big-content.d26-imp .d26-imp-text strong { color: var(--d26-ink); }
/* Störungsmeldung: the inline bordered box as a card */
html.desk-2026 .big-content.d26-imp .tab-content div[style*="border:1px solid #cccccc"] { margin: 0 !important; padding: 16px !important; border: 0 !important; border-radius: var(--d26-r3); background: var(--d26-surface-2); }
html.desk-2026 .big-content.d26-imp .tab-content textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--d26-line) !important; border-radius: var(--d26-r2); background: var(--d26-pop) !important; color: var(--d26-ink); font: var(--d26-fs) var(--main-font-family); padding: 8px 10px; }
html.desk-2026 .big-content.d26-imp input[data-action="sendDebug"] { height: 34px; margin-top: 8px; padding: 0 18px; border: 0; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); font: 650 var(--d26-fs-s) var(--main-font-family); cursor: pointer; }
html.desk-2026 .big-content.d26-imp input[data-action="sendDebug"]:hover { background: var(--d26-accent-hover); }
html.desk-2026 .big-content.d26-imp input[data-action="sendDebug"]:disabled { opacity: .5; cursor: default; }
html.desk-2026 .big-content.d26-imp .d26-imp-empty { padding: 40px 0; text-align: center; font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
/* Störungsmeldung: room between the intro text and the message field, text in the reading line height */
html.desk-2026 .big-content.d26-imp .tab-content textarea[data-usermessage] { margin-top: 12px; display: block; }
html.desk-2026 .big-content.d26-imp .tab-content div[style*="border:1px solid #cccccc"] { line-height: 1.5; }

/* ---- partner tools (Werbung): issuer logo as watermark behind the content (like the logo in the charts) ----
   HSBC Höchster Hebel, Morgan Stanley Faktor-Optionsscheine (class set in desk2026_lists.js tf_hsbc / tf_morgan) and
   Stocks in Action while its HSBC ad footer is shown (not for Tops & Flops in the same window). The logo is a mask in the
   theme's ink (--d26-watermark), so it works in Hell and Dunkel; logos unchanged (img/). */
html.desk-2026 .container.d26-issuer-hsbc, html.desk-2026 .container.d26-ibox { --d26-issuer-logo: url(/img/logo_hsbc_header.png); }
html.desk-2026 .container.d26-issuer-ms { --d26-issuer-logo: url(/img/Morgan_Stanley_Logo.png); }
html.desk-2026 .container.d26-issuer .body,
html.desk-2026 .container.d26-ibox .body { isolation: isolate; }
html.desk-2026 .container.d26-issuer .body::before,
html.desk-2026 .container.d26-ibox:has(.d26-ad-disclaimer:not([style*="display:none"]):not([style*="display: none"])) .body::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 110px; z-index: -1; pointer-events: none;
  background: var(--d26-watermark);
  -webkit-mask: var(--d26-issuer-logo) no-repeat 50% 50% / min(62%, 360px) auto;
          mask: var(--d26-issuer-logo) no-repeat 50% 50% / min(62%, 360px) auto;
}
/* the wrappers inside paint the same surface as .body; transparent here so the watermark behind them shows */
html.desk-2026 .container.d26-issuer .body .inner,
html.desk-2026 .container.d26-issuer .body .derivate,
html.desk-2026 .container.d26-issuer .body .news_alerts,
html.desk-2026 .container.d26-ibox .body .inner,
html.desk-2026 .container.d26-ibox .body .important-box { background-color: transparent !important; }

/* ---- Hilfe (lib/desk2026_help.js): topics + search left, article right ---- */
html.desk-2026 .d26-help-scrim { z-index: 99980; }
html.desk-2026 .d26-dlg.d26-help { z-index: 99981; width: min(1120px, calc(100vw - 64px)); height: min(760px, calc(100vh - 96px)); max-height: none; padding: 0; }
html.desk-2026 .d26-help .d26-dlg-h { padding: 14px 14px 12px 24px; border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .d26-help .d26-dlg-h h2 { flex: none; margin-right: 12px; }
html.desk-2026 .d26-help-s { flex: 1; max-width: 520px; margin: 0 0 0 auto; height: 38px; }
html.desk-2026 .d26-help-body { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 260px minmax(0, 1fr); }
html.desk-2026 .d26-help-nav { overflow-y: auto; padding: 12px 10px 16px 12px; border-right: 1px solid var(--d26-line); }
html.desk-2026 .d26-help-grp { margin: 14px 10px 6px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-help-grp:first-child { margin-top: 4px; }
html.desk-2026 .d26-help-nav button {
  display: block; width: 100%; padding: 7px 10px; border: 0; border-radius: var(--d26-r2); background: transparent; text-align: left; cursor: pointer;
  font: 600 var(--d26-fs) var(--main-font-family); color: var(--d26-ink-2);
}
html.desk-2026 .d26-help-nav button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-help-nav button.d26-sel { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-help-none { padding: 18px 10px; color: var(--d26-ink-3); }
html.desk-2026 .d26-help-main { overflow-y: auto; padding: 26px 36px 36px; font: var(--d26-fs-m)/1.6 var(--main-font-family); color: var(--d26-ink-2); }
html.desk-2026 .d26-help-main > * { max-width: 760px; }
html.desk-2026 .d26-help-kicker { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-accent); }
html.desk-2026 .d26-help-main h1 { margin: 6px 0 10px; font: 750 var(--d26-fs-xl)/1.2 var(--main-font-family); letter-spacing: -.015em; color: var(--d26-ink); }
html.desk-2026 .d26-help-main h1 .d26-nd-prem { font-size: 10px; vertical-align: 6px; }
html.desk-2026 .d26-help-intro { margin: 0 0 18px; font-size: 16px; color: var(--d26-ink); }
html.desk-2026 .d26-help-shot { margin: 0 0 22px; }
html.desk-2026 .d26-help-shot img { display: block; max-width: 100%; max-height: 420px; width: auto; border-radius: var(--d26-r3); box-shadow: inset 0 0 0 1px var(--d26-line), var(--d26-shadow); }
html.desk-2026 .d26-help-main h3 { margin: 22px 0 8px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-help-main ol, html.desk-2026 .d26-help-main ul { margin: 0; padding-left: 22px; }
html.desk-2026 .d26-help-main li { margin: 0 0 8px; padding-left: 4px; }
html.desk-2026 .d26-help-main ol li::marker { font-weight: 700; color: var(--d26-accent); }
html.desk-2026 .d26-help-main b { color: var(--d26-ink); font-weight: 650; }
html.desk-2026 .d26-help-main kbd {
  display: inline-block; padding: 0 6px; border-radius: var(--d26-r1); background: var(--d26-surface-2); box-shadow: inset 0 -1px 0 var(--d26-line);
  font: 600 var(--d26-fs-s)/1.7 var(--main-font-family); color: var(--d26-ink);
}
html.desk-2026 .d26-help-note { display: flex; gap: 10px; align-items: flex-start; margin: 22px 0 0; padding: 12px 14px; border-radius: var(--d26-r2); background: var(--d26-surface-2); font-size: var(--d26-fs); color: var(--d26-ink-2); }
html.desk-2026 .d26-help-note .d26-ico { flex: none; width: 16px; height: 16px; margin-top: 3px; color: var(--d26-ink-3); }
html.desk-2026 .d26-help-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .d26-help-open {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border: 0; border-radius: var(--d26-pill); cursor: pointer;
  background: var(--d26-accent); color: var(--d26-on-accent); font: 650 var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .d26-help-open:hover { background: var(--d26-accent-hover); }
html.desk-2026 .d26-help-open .d26-ico { width: 16px; height: 16px; }
html.desk-2026 .d26-help-see { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--d26-fs); }
html.desk-2026 .d26-help-see > span { margin-right: 4px; color: var(--d26-ink-3); }
html.desk-2026 .d26-help-see a { padding: 4px 10px; border-radius: var(--d26-pill); background: var(--d26-surface-2); color: var(--d26-ink) !important; text-decoration: none; font-weight: 600; }
html.desk-2026 .d26-help-see a:hover { background: var(--d26-accent-soft); color: var(--d26-accent) !important; }

/* ---- flagged stocks in lists (table_4.js): flag from the icon set instead of img/flagg.png, marker colour tokens ----
   the <img> (row cell and the column head from the column metadata) stays; its picture is moved out of view and the
   flag is painted as a mask in --d26-flag (flagged row) / --d26-ink-3 (column head). Row tint: tf_row_styles. */
html.desk-2026 img[src$="/img/flagg.png"] {
  display: block; width: 14px !important; height: 14px !important; margin: 0 auto !important; left: auto !important; position: static !important;
  object-position: -9999px 0; background-color: var(--d26-flag);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h2v20H5z'/%3E%3Cpath d='M8 3h11.5l-3 4.75 3 4.75H8z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h2v20H5z'/%3E%3Cpath d='M8 3h11.5l-3 4.75 3 4.75H8z'/%3E%3C/svg%3E") center / contain no-repeat;
}
html.desk-2026 img[src$="/img/flagg.png"][data-value="flagged"] { background-color: var(--d26-ink-3); }
/* Simulations- / Musterdepot manager (PortfolioManagerContainer): the body scrolls, so "+ Neues Depot anlegen" is never cut off */
html.desk-2026 .container.d26-pfm .body > .inner { overflow-y: auto !important; }
html.desk-2026 .d26-help-shot figcaption { margin-top: 8px; font-size: var(--d26-fs); color: var(--d26-ink-3); }
html.desk-2026 .d26-help-main h3 + ol + .d26-help-shot, html.desk-2026 .d26-help-main ol + .d26-help-shot { margin-top: 18px; }

/* ---- Alarm-Konfiguration 2026 (alert_configurator.js, wrapper .d26-alc): larger window, one scroll area, cards ---- */
html.desk-2026 .context_menu_wrapper.d26-alc {
  width: min(860px, calc(100vw - 32px)) !important; height: auto !important; max-height: calc(100vh - 140px);
  display: flex; flex-direction: column; overflow: hidden; border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow);
}
html.desk-2026 .d26-alc > .alert-config {
  display: flex; flex-direction: column; min-height: 0 !important; height: auto; max-height: inherit; overflow-y: auto; padding: 0 0 16px;
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}
html.desk-2026 .d26-alc .alert-configurator-header { position: sticky; top: 0; z-index: 2; flex: none; padding: 14px 16px 12px 20px !important; background: var(--d26-pop); border-bottom: 1px solid var(--d26-line); }
/* sections at their natural height, no own scroll bars or scroll arrows */
html.desk-2026 .d26-alc .alert-section { float: none !important; height: auto !important; overflow: visible !important; margin: 0 !important; padding: 0 20px !important; }
html.desk-2026 .d26-alc .alert-section > div:not(.header) { float: none !important; height: auto !important; overflow: visible !important; }
html.desk-2026 .d26-alc .alert-section > .header { margin: 18px 0 10px !important; padding: 0 !important; height: auto !important; background: transparent !important; border: 0 !important; }
html.desk-2026 .d26-alc .alert-section > .header > div:not(.fa-bell):not(.title) { display: none !important; }   /* old scroll arrows */
/* Signal- / News-Alarm: cards (icon, name, interval, switch); a click on the card switches */
html.desk-2026 .d26-alc .d26-alc-cards table.alert-configurator-section { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; width: 100% !important; }
html.desk-2026 .d26-alc .d26-alc-cards table.alert-configurator-section > tbody { display: contents; }
html.desk-2026 .d26-alc tr.d26-alc-card {
  display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; column-gap: 12px; row-gap: 1px;
  min-height: 64px; padding: 10px 12px; box-sizing: border-box; border-radius: var(--d26-r3); background: var(--d26-surface); box-shadow: inset 0 0 0 1px var(--d26-line);
  cursor: pointer; transition: box-shadow .12s, background .12s;
}
html.desk-2026 .d26-alc tr.d26-alc-card:hover { box-shadow: inset 0 0 0 1px var(--d26-accent); }
html.desk-2026 .d26-alc tr.d26-alc-card:has(.alert-signal-alert.on) { background: var(--d26-accent-soft); box-shadow: inset 0 0 0 1.5px var(--d26-accent); }
html.desk-2026 .d26-alc tr.d26-alc-card > td { display: block; width: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; white-space: normal !important; }
html.desk-2026 .d26-alc tr.d26-alc-card > td.d26-alc-ic {
  grid-row: 1 / span 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--d26-r2); background: var(--d26-surface-2); color: var(--d26-ink-3);
}
html.desk-2026 .d26-alc tr.d26-alc-card:has(.alert-signal-alert.on) > td.d26-alc-ic { background: var(--d26-accent); color: var(--d26-on-accent); }
html.desk-2026 .d26-alc tr.d26-alc-card > td.d26-alc-ic .d26-ico { width: 18px; height: 18px; }
html.desk-2026 .d26-alc tr.d26-alc-card > td:nth-child(2) { grid-column: 2; font: 650 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-alc-signals tr.d26-alc-card > td:nth-child(3) { grid-column: 2; grid-row: 2; font: var(--d26-fs-s) var(--main-font-family) !important; color: var(--d26-ink-3) !important; }
html.desk-2026 .d26-alc-news tr.d26-alc-card > td:nth-child(2) { grid-row: 1 / span 2; }
html.desk-2026 .d26-alc tr.d26-alc-card > td:last-child { grid-column: 3; grid-row: 1 / span 2; }
/* Preis-Alarm: input line and the existing alarms */
html.desk-2026 .d26-alc-price table.alert-configurator-section { border-collapse: separate; border-spacing: 0; }
html.desk-2026 .d26-alc-price tr.new-price-alert td { padding: 0 0 10px !important; border: 0 !important; background: transparent !important; vertical-align: middle; }
html.desk-2026 .d26-alc-price tr.new-price-alert td:first-child { width: 130px; font: 650 var(--d26-fs) var(--main-font-family) !important; color: var(--d26-ink) !important; }
html.desk-2026 .d26-alc-price input.price-alert {
  width: 160px !important; height: 36px; padding: 0 12px !important; margin-right: 6px; border: 0 !important; border-radius: var(--d26-r2) !important; box-sizing: border-box;
  background: var(--d26-surface-2) !important; font: 600 var(--d26-fs-m) var(--main-font-family) !important; color: var(--d26-ink) !important; outline: 0;
}
html.desk-2026 .d26-alc-price input.price-alert:focus { box-shadow: inset 0 0 0 1.5px var(--d26-accent); background: var(--d26-pop) !important; }
html.desk-2026 .d26-alc-price tr.new-price-alert .subheader-button.action { height: 36px; line-height: 36px; padding: 0 18px !important; border-radius: var(--d26-pill) !important; }
html.desk-2026 .d26-alc-price tr:not(.new-price-alert) td { padding: 8px 6px !important; border-top: 1px solid var(--d26-line) !important; }
/* the old rules float the tables (shrink to content) and add padding on top of the width: full width, border-box */
html.desk-2026 .d26-alc .alert-section, html.desk-2026 .d26-alc .alert-configurator-header { box-sizing: border-box; width: 100% !important; float: none !important; }
html.desk-2026 .d26-alc table.alert-configurator-section { float: none !important; width: 100% !important; box-sizing: border-box; }
html.desk-2026 .d26-alc-price tr.new-price-alert { display: flex; align-items: center; gap: 10px; }
html.desk-2026 .d26-alc-price tr.new-price-alert td { display: flex; align-items: center; width: auto !important; padding: 0 0 10px !important; }
html.desk-2026 .d26-alc tr.d26-alc-card > td:last-child { justify-self: end; }
html.desk-2026 .d26-alc tr.d26-alc-card .alert-signal-alert { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-alc-price tr.new-price-alert td:nth-child(2) { flex: none; gap: 6px; color: var(--d26-ink-3); }
html.desk-2026 .d26-alc-price tr.new-price-alert { display: grid !important; grid-template-columns: auto 200px auto; justify-content: start; align-items: center; gap: 12px; padding-bottom: 6px; }
html.desk-2026 .d26-alc-price tr.new-price-alert td { display: flex !important; align-items: center; padding: 0 !important; }
html.desk-2026 .d26-alc-price tr.new-price-alert input.price-alert { flex: 1 1 auto; width: auto !important; min-width: 0; }
html.desk-2026 .d26-alc-price tr.new-price-alert td:last-child { justify-self: start; width: max-content !important; }
html.desk-2026 .d26-alc-price tr.new-price-alert .subheader-button.action { float: none !important; margin: 0 !important; }
html.desk-2026 .d26-alc-price input.price-alert:not(:focus) { box-shadow: inset 0 0 0 1px var(--d26-line); }

/* ---- window snapping guides (container.js tf_Container.tf_d26Guides) ---- */
html.desk-2026 .d26-snap-guide { position: fixed; z-index: 2147483000; display: none; pointer-events: none; background: var(--d26-accent); }
html.desk-2026 .d26-snap-v { top: 0; bottom: 0; width: 1px; margin-left: -1px; }
html.desk-2026 .d26-snap-h { left: 0; right: 0; height: 1px; margin-top: -1px; }

/* ---- stock name in two rows like the preview (table_4.js tf_T4C_StockName.tf_d26Name): name, below WKN · exchange ---- */
html.desk-2026 td.stock_name:has(> .d26-n1) { line-height: normal !important; vertical-align: middle !important; padding-top: 5px !important; padding-bottom: 5px !important; }
html.desk-2026 td.stock_name > .d26-n1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 17px; }
html.desk-2026 td.stock_name > .d26-n2 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1px; font: 500 var(--d26-fs-cap) / 14px var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 td.stock_name:has(> .d26-n1) { position: relative; }
html.desk-2026 td.stock_name:has(> .d26-n1) > .notes-table-link-small { position: absolute; top: 50%; right: 5px; float: none !important; margin: 0 !important; transform: translateY(-50%); }
html.desk-2026 td.stock_name:has(> .notes-table-link-small) > .d26-n1, html.desk-2026 td.stock_name:has(> .notes-table-link-small) > .d26-n2 { padding-right: 30px; }

/* ---- Hilfe & Info: navigation with Impressum / Datenschutz below, Neuigkeiten, Störung melden, server texts ---- */
html.desk-2026 .d26-help-side { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--d26-line); }
html.desk-2026 .d26-help-side > .d26-help-nav { flex: 1 1 auto; min-height: 0; border-right: 0; }
html.desk-2026 .d26-help-legal { flex: none; display: flex; gap: 16px; padding: 10px 22px 12px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .d26-help-legal a { font: 500 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-3); text-decoration: none; }
html.desk-2026 .d26-help-legal a:hover { color: var(--d26-accent); text-decoration: underline; }
html.desk-2026 .d26-help-main h3 + ul { margin-bottom: 4px; }
html.desk-2026 .d26-help-remote { color: var(--d26-ink); }
html.desk-2026 .d26-help-remote > :is(h1, h2, h3):first-child { display: none; }   /* the server text starts with the title again */
html.desk-2026 .d26-help-remote a { color: var(--d26-accent) !important; }   /* server links come with color:inherit */
html.desk-2026 .d26-help-loading { color: var(--d26-ink-3); }
html.desk-2026 .d26-help-report textarea { display: block; width: 100%; box-sizing: border-box; min-height: 130px; padding: 12px 14px; border: 1px solid var(--d26-line); border-radius: var(--d26-r2); background: var(--d26-surface); color: var(--d26-ink); font: var(--d26-fs-m)/1.5 var(--main-font-family); resize: vertical; outline: none; }
html.desk-2026 .d26-help-report textarea:focus { border-color: var(--d26-accent); box-shadow: 0 0 0 3px var(--d26-accent-soft); }
html.desk-2026 .d26-help-report-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 12px; }
html.desk-2026 .d26-help-send { height: 38px; padding: 0 18px; border: 0; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); font: 600 var(--d26-fs) var(--main-font-family); cursor: pointer; }
html.desk-2026 .d26-help-send:hover { background: var(--d26-accent-hover); }
html.desk-2026 .d26-help-send:disabled { opacity: .5; cursor: default; }
html.desk-2026 .d26-help-sent { font-weight: 600; color: var(--d26-ink); }

/* ---- touch devices (lib/desk2026_touch.js sets html.d26-touch): no browser scrolling / zoom where a finger moves like
   the mouse, no text selection / callout on a long press (it opens the context menu), bigger resize handles ---- */
html.desk-2026.d26-touch { touch-action: manipulation; }
html.desk-2026.d26-touch .ui-draggable-handle, html.desk-2026.d26-touch .ui-resizable-handle, html.desk-2026.d26-touch .ui-slider-handle,
html.desk-2026.d26-touch .ui-sortable-handle, html.desk-2026.d26-touch .chart_container canvas, html.desk-2026.d26-touch .d26-touch-drag { touch-action: none; }
html.desk-2026.d26-touch body { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
html.desk-2026.d26-touch input, html.desk-2026.d26-touch textarea, html.desk-2026.d26-touch [contenteditable="true"], html.desk-2026.d26-touch [contenteditable=""] { -webkit-user-select: text; user-select: text; }
html.desk-2026.d26-touch .container .d26-rz-n { top: -10px; height: 20px; }
html.desk-2026.d26-touch .container .d26-rz-s { bottom: -10px; height: 20px; right: 30px; }
html.desk-2026.d26-touch .container .d26-rz-e { right: -10px; width: 20px; bottom: 30px; }
html.desk-2026.d26-touch .container .d26-rz-w { left: -10px; width: 20px; }
html.desk-2026.d26-touch .container .d26-rz-ne, html.desk-2026.d26-touch .container .d26-rz-nw, html.desk-2026.d26-touch .container .d26-rz-sw { width: 28px; height: 28px; }
html.desk-2026.d26-touch .container .d26-rz-ne { right: -10px; top: -10px; }
html.desk-2026.d26-touch .container .d26-rz-nw { left: -10px; top: -10px; }
html.desk-2026.d26-touch .container .d26-rz-sw { left: -10px; bottom: -10px; }
html.desk-2026.d26-touch .container .foot .resize_icon { width: 34px !important; height: 34px !important; }
/* tables (table_4.js) only scroll after mouseenter (overflow-y hidden / scroll on hover): on touch always scrollable */
html.desk-2026.d26-touch .element-list > div.table { overflow-y: auto !important; -webkit-overflow-scrolling: touch; }

/* table header (table_4.js): when the mouse enters a list its data area gets a scrollbar (overflow-y hidden -> scroll) and
   the header's last column ("last", the "+") takes the width of the scrollbar, so the header stays aligned with the rows.
   The "+" cell had a fixed width of its own: it jumped to the left on hover and the rest of the column showed the grey
   thead background of the old CSS. Now the "+" is outside the column layout, absolutely at the right edge of the header
   (over the scrollbar), the last column stays empty; thead background and the old line under the header are off. */
html.desk-2026 .element-list thead { background: transparent !important; }
html.desk-2026 .element-list tr.headrow { box-shadow: none !important; }
html.desk-2026 .element-list > div.table:has(tr.headrow) { position: relative; }
html.desk-2026 .element-list tr.headrow td.fa-plus { position: absolute !important; top: 0; right: 0; bottom: 0; width: 24px !important; min-width: 24px; max-width: 24px; height: auto !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; }
html.desk-2026 .element-list tr.headrow td.fa-plus::after { top: 50%; left: 50%; margin: -10px 0 0 -10px; }

/* ---- Spalten dialog of the lists (lib/desk2026_columns.js tf_desk2026Columns): groups left, column cards right ---- */
html.desk-2026 .d26-dlg.d26-cols { width: min(1040px, calc(100vw - 64px)); height: min(700px, calc(100vh - 96px)); max-height: none; padding: 0; }
html.desk-2026 .d26-cols .d26-dlg-h { padding: 10px 12px 10px 24px; border-bottom: 1px solid var(--d26-line); gap: 16px; }
html.desk-2026 .d26-cols .d26-dlg-h h2 { flex: none; }
html.desk-2026 .d26-cols .d26-dlg-sub { flex: none; }
html.desk-2026 .d26-cols .d26-cols-s { flex: 1 1 auto; max-width: 440px; margin: 0 0 0 auto; height: 38px; }
html.desk-2026 .d26-cols-body { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 250px minmax(0, 1fr); }
html.desk-2026 .d26-cols-nav { display: flex; flex-direction: column; gap: 2px; padding: 12px; overflow-y: auto; border-right: 1px solid var(--d26-line); }
html.desk-2026 .d26-cols-nav button {
  display: flex; align-items: center; gap: 10px; flex: none; height: 36px; padding: 0 10px 0 12px; border: 0; border-radius: var(--d26-r2);
  background: transparent; text-align: left; cursor: pointer; font: 600 var(--d26-fs) var(--main-font-family); color: var(--d26-ink-2);
}
html.desk-2026 .d26-cols-nav button .d26-ico { width: 16px; height: 16px; flex: none; color: var(--d26-ink-3); }
html.desk-2026 .d26-cols-nav button span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.desk-2026 .d26-cols-nav button em { flex: none; font: 600 var(--d26-fs-cap) var(--main-font-family); font-style: normal; color: var(--d26-ink-3); }
html.desk-2026 .d26-cols-nav button:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-cols-nav button.d26-sel { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-cols-nav button.d26-sel .d26-ico, html.desk-2026 .d26-cols-nav button.d26-sel em { color: var(--d26-accent); }
html.desk-2026 .d26-cols-nav button.d26-cols-nl { margin-bottom: 4px; }
html.desk-2026 .d26-cols-nh { flex: none; padding: 14px 12px 6px; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .06em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-cols-main { overflow-y: auto; padding: 4px 20px 20px 12px; }
html.desk-2026 .d26-cols-main .d26-ind-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 6px; }
html.desk-2026 .d26-cols-card .d26-ind-txt span:not(.d26-ind-pane) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.desk-2026 .d26-cols-card .d26-ind-pane { margin-top: 4px; font-weight: 600; color: var(--d26-ink-2); }
html.desk-2026 .d26-cols-card .d26-ind-act { align-self: center; }
/* selected = soft background only, like the indicator dialog (no 2 px outline of the scan cards: too strong, above all in dark) */
html.desk-2026 .d26-cols-card.on { box-shadow: none; background: var(--d26-accent-soft); }
html.desk-2026 .d26-cols-card.on:focus-visible { box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-cols-lock { display: grid; place-items: center; width: 26px; height: 26px; color: var(--d26-ink-3); }
html.desk-2026 .d26-cols-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 10px 2px; }
html.desk-2026 .d26-cols-note { margin: 14px 10px 0; font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-cols-foot { flex: none; display: flex; align-items: center; gap: 12px; padding: 12px 20px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .d26-cols-hint { font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-cols-done { height: 36px; padding: 0 20px; border: 0; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); font: 650 var(--d26-fs) var(--main-font-family); cursor: pointer; }
html.desk-2026 .d26-cols-done:hover { background: var(--d26-accent-hover); }

/* Trader Wingman (wingman.js tf_loading_signals): the small dots loader, centred in the signal area */
html.desk-2026 .d26-wm-loading { justify-content: center; padding: 56px 16px; }
/* loading rows / overlays of the tools (desk2026_frame.js tf_d26Loading / tf_d26LoadingCell / tf_d26LoadingRow):
   radar boxes, Markttechnik box, lists, Branchen-Tool, Infobox news */
html.desk-2026 td.d26-loadtd { height: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; white-space: normal !important; }
html.desk-2026 td.d26-loadtd .d26-loading { justify-content: center; padding: 28px 16px; }
html.desk-2026 tr.d26-loadrow:hover, html.desk-2026 tr.d26-loadrow:hover td { background: transparent !important; }
html.desk-2026 .d26-loadover { opacity: 1 !important; background: color-mix(in srgb, var(--d26-surface) 72%, transparent) !important; }
html.desk-2026 .d26-loadover .d26-loading { justify-content: center; padding: 40px 16px; }
/* Notizen: the window reserves only the old 25 px footer, the 2026 footer is 48 px high and covered the bottom of the
   editor (its border) and of the list: keep the 23 px overlap free */
html.desk-2026 .container.d26-notes .notebox { padding-bottom: 24px; }
/* indicator dialog (indicator_dialog.js): indicators already on the chart (filter "Aktiv") */
html.desk-2026 .d26-ind-dlg:not(.d26-scan-dlg) .d26-ind-card.on { background: var(--d26-accent-soft); }
html.desk-2026 .d26-ind-dlg:not(.d26-scan-dlg) .d26-ind-card.on .d26-ind-add { background: var(--d26-accent); color: var(--d26-on-accent); }
/* Trader Wingman table: with table-layout fixed the widths came from the first row (a report row: date + one cell over 4
   columns), so in a wide window the date column got all the free space and the stock name was squeezed. Automatic layout:
   date and prices as wide as their content, stock at least 200 px / 36 %, signal the rest; the spanning report cell has no
   width of its own */
html.desk-2026 #wingman-signals-table { table-layout: auto !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(1) { width: 1% !important; white-space: nowrap; }
html.desk-2026 #wingman-signals-table tr > :nth-child(2):not([colspan]) { width: 36% !important; min-width: 200px; }
html.desk-2026 #wingman-signals-table tr > :nth-child(2)[colspan] { width: auto !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(4), html.desk-2026 #wingman-signals-table tr > :nth-child(5) { width: 1% !important; white-space: nowrap; }

/* ---- Trader Wingman 2026 (lib/desk2026_wingman.js) ---- */
/* header in the window bar; below ~1000 px window width it moves to a second row of the bar */
/* the query container is .inner: tf_setWidth sets the width there (on .container, inline-size containment gave width 0) */
html.desk-2026 .container.d26-wm > .inner { container-type: inline-size; }
html.desk-2026 .wingman-header.d26-wm-old { display: none !important; }
html.desk-2026 .container .head .d26-wm-head { order: 2; display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; min-height: 0; padding: 0; overflow: visible; }
html.desk-2026 .container .head .d26-wm-head .wingman-title { display: none; }
html.desk-2026 .container .head .d26-wm-head .wingman-logo { width: 30px !important; height: 30px !important; }
html.desk-2026 .container .head .d26-wm-head select { flex: 0 1 200px; min-width: 90px; height: 32px !important; }
html.desk-2026 .container .head .d26-wm-head select + select { flex: 0 0 auto; }
html.desk-2026 .container .head .d26-wm-head .wingmantab.all { margin-left: auto !important; }
html.desk-2026 .container .head .d26-wm-head .wingmantab { height: 30px; flex: none; }
@container (max-width: 1000px) {
  html.desk-2026 .container.d26-wm > .inner > .head, html.desk-2026 .container.d26-wm .head { height: 88px; flex-wrap: wrap; align-content: center; row-gap: 8px; }
  html.desk-2026 .container.d26-wm .head .head_icons, html.desk-2026 .container.d26-wm .head > .icons { margin-left: auto; }
  html.desk-2026 .container.d26-wm .head .d26-wm-head { order: 99; flex: 1 0 100%; margin: 0 !important; }   /* last: the close button (own order) stays on row 1 */
  html.desk-2026 .container.d26-wm .body { top: 88px; height: calc(100% - 88px) !important; min-height: 0 !important; }   /* the window code sets min-height inline (px, for the 44 px bar) */
}
/* signal type as chip, timeframe / Tracking as small chips */
html.desk-2026 #wingman-signals-table td.d26-wm-typetd { white-space: normal; }
html.desk-2026 .d26-wm-type { display: inline-block; max-width: 100%; padding: 2px 9px; border-radius: var(--d26-pill); font: 650 var(--d26-fs-s)/1.45 var(--main-font-family); vertical-align: middle; }
html.desk-2026 .d26-wm-type.d26-up { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .d26-wm-type.d26-down { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .d26-wm-type.d26-neutral { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-wm-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
html.desk-2026 .d26-wm-tags i { font: 600 var(--d26-fs-cap)/1.5 var(--main-font-family); font-style: normal; padding: 0 6px; border-radius: 4px; background: var(--d26-surface-2); color: var(--d26-ink-3); }
html.desk-2026 .d26-wm-tags i.d26-wm-trk { background: var(--d26-accent-soft); color: var(--d26-accent); }
/* signal price and current price / performance like Stocks in Action (% as soft chip) */
html.desk-2026 #wingman-signals-table tr > :nth-child(4) { color: var(--d26-ink-2) !important; font-variant-numeric: tabular-nums; }
html.desk-2026 #wingman-signals-table tr > :nth-child(5) { font-weight: 650 !important; font-variant-numeric: tabular-nums; }
html.desk-2026 #wingman-signals-table tr > :nth-child(5) span[style*="table-td-positive"],
html.desk-2026 #wingman-signals-table tr > :nth-child(5) span[style*="table-td-negative"] { display: inline-block; margin-top: 3px; padding: 1px 7px; border-radius: var(--d26-pill); font: 650 var(--d26-fs-s)/1.45 var(--main-font-family) !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(5) span[style*="table-td-positive"] { background: var(--d26-up-soft); color: var(--d26-up) !important; }
html.desk-2026 #wingman-signals-table tr > :nth-child(5) span[style*="table-td-negative"] { background: var(--d26-down-soft); color: var(--d26-down) !important; }
/* report rows: title, lists as chips, stocks as pills */
html.desk-2026 .d26-wmr { padding: 2px 0; }
html.desk-2026 .d26-wmr-h { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
html.desk-2026 .d26-wmr-h > b { font: 650 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-wmr-lists { display: inline-flex; flex-wrap: wrap; gap: 4px; }
html.desk-2026 .d26-wmr-lists i, html.desk-2026 .d26-rv-lists i { font: 600 var(--d26-fs-cap)/1.6 var(--main-font-family); font-style: normal; padding: 0 8px; border-radius: var(--d26-pill); background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .d26-wmr-lists i b { font-weight: 700; color: var(--d26-ink-3); }
html.desk-2026 .d26-wmr-stocks { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 6px; margin-top: 8px; }   /* pills aligned in columns */
html.desk-2026 .d26-wmr-stock { display: flex; min-width: 0; padding: 4px 10px 4px 4px; border-radius: var(--d26-r2); background: var(--d26-surface-2); cursor: pointer; }
html.desk-2026 .d26-wmr-stock:hover { background: var(--d26-surface-3); }
html.desk-2026 .d26-wmr-stock .d26-pill-cell { gap: 8px; }
html.desk-2026 .d26-wmr-stock .d26-ins-tile { width: 28px !important; height: 28px !important; font-size: 8px !important; }
html.desk-2026 .d26-wmr-stock .d26-pill-txt b { font-size: var(--d26-fs-s) !important; }
html.desk-2026 .d26-wmr-stock .d26-pill-sub { font-size: var(--d26-fs-cap); }
html.desk-2026 .d26-wmr-more { align-self: center; justify-self: start; padding: 4px 10px; border-radius: var(--d26-pill); background: var(--d26-accent-soft); color: var(--d26-accent); font: 650 var(--d26-fs-s) var(--main-font-family); cursor: pointer; }
html.desk-2026 #wingman-signals-table tr.d26-wmr-row > td:nth-child(2) { white-space: normal !important; }
/* report window */
html.desk-2026 .container.d26-rv .body > .inner > div:has(> .d26-rv-charts) { display: flex !important; flex-direction: column; height: 100%; box-sizing: border-box; }
html.desk-2026 .container .head .d26-rv-head { order: 2; display: block; position: static !important; width: auto !important; height: auto !important; font: 600 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.desk-2026 .container .head .d26-rv-head br { display: none; }
html.desk-2026 .container .head .d26-rv-head b::after { content: " · "; font-weight: 400; color: var(--d26-ink-3); }
html.desk-2026 .d26-rv-title { flex: none; padding: 6px 16px 4px; font: 700 var(--d26-fs-m)/1.35 var(--main-font-family); color: var(--d26-ink); }
html.desk-2026 .d26-rv-lists { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 4px 16px 12px; }
html.desk-2026 .d26-rv-lists > span { font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); margin-right: 2px; }
html.desk-2026 .head .d26-rv-add { display: grid; place-items: center; }
html.desk-2026 .head .d26-rv-add .d26-ico { width: 18px; height: 18px; }
html.desk-2026 .d26-rv-charts { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 6px 12px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .d26-rv-charts .wingman-report-chart { padding: 14px 10px 4px !important; border: 0 !important; background: transparent !important; }
html.desk-2026 .d26-rv-charts .wingman-report-chart + .wingman-report-chart { border-top: 1px solid var(--d26-line) !important; }
html.desk-2026 .d26-rv-charts .wingman-report-chart > div:first-child { padding: 0 0 8px !important; font: 650 var(--d26-fs)/1.4 var(--main-font-family) !important; color: var(--d26-ink); }
html.desk-2026 .d26-rv-charts .wingman-report-chart canvas { border: 0 !important; border-radius: var(--d26-r2); }
/* chart side panel open: the footer buttons (Börsenplatz, Splitbereinigt) stay left of the panel (300 px) */
html.desk-2026 .container.d26-side-open:has(.d26-ctb) .foot { padding-right: 312px; }
/* Wingman signal card: chart and information half / half (chart size: desk2026_wingman.js tf_miniSize) */
html.desk-2026 .container.d26-wm .body > .inner > div:has(> .wingman-header) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
html.desk-2026 .container.d26-wm .signal-detail-cont { width: auto !important; min-width: 0; }
html.desk-2026 .container.d26-wm .signal-detail-cont canvas { display: block; }
html.desk-2026 .d26-wm-info { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px !important; }
html.desk-2026 .d26-wm-info .wingman-signal-title { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0 !important; }
html.desk-2026 .d26-wm-info .wingman-signal-title .d26-wm-type { font-size: var(--d26-fs) !important; padding: 3px 11px; }
html.desk-2026 .d26-wm-info .wingman-signal-stockname { margin: 6px 0 2px !important; }
html.desk-2026 .d26-wm-info > .wingman-signal-time:not(:has(span)) { display: none !important; }   /* "1-Tag Chart": now a chip */
html.desk-2026 .d26-wm-info > .wingman-signal-time { display: flex; flex-direction: column; margin: 0 !important; }
html.desk-2026 .d26-wm-info > .wingman-signal-time > span { display: flex; justify-content: space-between; align-items: center; margin: 0 !important; padding: 7px 0; border-top: 1px solid var(--d26-line); color: var(--d26-ink-3); font: var(--d26-fs-s) var(--main-font-family) !important; }
html.desk-2026 .d26-wm-info > .wingman-signal-time > span:empty { display: none; }
html.desk-2026 .d26-wm-info > .wingman-signal-time > span br { display: none; }
html.desk-2026 .d26-wm-info > .wingman-signal-time > span > span { float: none !important; margin: 0 !important; font: 650 var(--d26-fs) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink); }
html.desk-2026 .d26-wm-info > .wingman-signal-time > span > span[style*="table-td-positive"] { padding: 1px 8px; border-radius: var(--d26-pill); background: var(--d26-up-soft); color: var(--d26-up) !important; }
html.desk-2026 .d26-wm-info > .wingman-signal-time > span > span[style*="table-td-negative"] { padding: 1px 8px; border-radius: var(--d26-pill); background: var(--d26-down-soft); color: var(--d26-down) !important; }
html.desk-2026 .d26-wm-info > div[style*="font-size: 12px"] { float: none !important; clear: none !important; margin: 6px 0 0 !important; font: var(--d26-fs-s)/1.5 var(--main-font-family) !important; color: var(--d26-ink-2); }
html.desk-2026 .d26-wmr-stock .d26-pill-cell { min-width: 0; width: 100%; }
html.desk-2026 .d26-wmr-stock .d26-pill-txt { min-width: 0; }
html.desk-2026 .d26-wmr-stock .d26-pill-txt b, html.desk-2026 .d26-wmr-stock .d26-pill-sub { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Wingman signal card: "Im Chart öffnen" */
html.desk-2026 .d26-wm-open { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; height: 34px; padding: 0 14px; border: 0; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent); font: 650 var(--d26-fs-s) var(--main-font-family); cursor: pointer; }
html.desk-2026 .d26-wm-open:hover { background: var(--d26-accent-hover); }
html.desk-2026 .d26-wm-open .d26-ico { width: 16px; height: 16px; }

/* ---- chart: own period "Zeitraum wählen …" (desk2026_chart.js tf_desk2026Range) ---- */
html.desk-2026 .dropdown_options div.filterable:has(> a[name="d26_range"]) { border-top: 1px solid var(--d26-line); margin-top: 4px; padding-top: 4px; }
html.desk-2026 .d26-ctb .dropdown .dropdown_element.d26-m-calendar.d26-range-on { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-ctb .dropdown .dropdown_element.d26-m-calendar.d26-range-on .dd_title { display: inline !important; color: inherit; font-weight: 650; white-space: nowrap; }
html.desk-2026 .d26-rp {
  position: fixed; z-index: 99996; width: 600px; max-width: calc(100vw - 16px); box-sizing: border-box; padding: 14px 16px;
  border-radius: var(--d26-r3); background: var(--d26-pop); box-shadow: var(--d26-shadow); color: var(--d26-ink);
  font: var(--d26-fs)/1.4 var(--main-font-family); animation: d26-pop .14s ease-out;
}
html.desk-2026 .d26-rp.d26-rp-m { width: 380px; }
html.desk-2026 .d26-rp-h { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
html.desk-2026 .d26-rp-h b { font-size: var(--d26-fs-m); font-weight: 700; }
html.desk-2026 .d26-rp-x, html.desk-2026 .d26-rp-nav {
  width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%;
  background: transparent; color: var(--d26-ink-2); cursor: pointer;
}
html.desk-2026 .d26-rp-x:hover, html.desk-2026 .d26-rp-nav:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-rp-x .d26-ico, html.desk-2026 .d26-rp-nav .d26-ico { width: 16px; height: 16px; }
html.desk-2026 .d26-rp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
html.desk-2026 .d26-rp-chips button {
  height: 28px; padding: 0 12px; border: 0; border-radius: var(--d26-pill); background: var(--d26-surface-2); cursor: pointer;
  font: 600 var(--d26-fs-s) var(--main-font-family); color: var(--d26-ink-2); white-space: nowrap;
}
html.desk-2026 .d26-rp-chips button:hover { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .d26-rp-fields { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
html.desk-2026 .d26-rp-arrow { flex: none; color: var(--d26-ink-3); }
html.desk-2026 .d26-rp-f {
  flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 14px; box-sizing: border-box;
  border-radius: var(--d26-r2); background: var(--d26-surface-2); cursor: text;
}
html.desk-2026 .d26-rp-f.on { background: var(--d26-pop); box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .d26-rp-f > span { flex: none; font: 700 var(--d26-fs-cap) var(--main-font-family); letter-spacing: .05em; text-transform: uppercase; color: var(--d26-ink-3); }
html.desk-2026 .d26-rp-f.on > span { color: var(--d26-accent); }
html.desk-2026 .d26-rp-f input {
  min-width: 0; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; outline: none;
  font: 600 var(--d26-fs-m) var(--main-font-family) !important; font-variant-numeric: tabular-nums; color: var(--d26-ink) !important;
}
html.desk-2026 .d26-rp-f input::placeholder { color: var(--d26-ink-3); font-weight: 400; }
html.desk-2026 .d26-rp-f input.d { flex: 1 1 auto; width: 100px; }
html.desk-2026 .d26-rp-f input.t { flex: none; width: 50px; text-align: right; }
html.desk-2026 .d26-rp-f input.bad { color: var(--d26-down) !important; }
html.desk-2026 .d26-rp-cal { position: relative; display: flex; gap: 28px; }
html.desk-2026 .d26-rp-mon { flex: 1 1 0; min-width: 0; }
html.desk-2026 .d26-rp-mt { display: flex; align-items: center; justify-content: center; gap: 2px; height: 30px; margin-bottom: 6px; font-weight: 700; }
html.desk-2026 .d26-rp-mt select {
  appearance: none; -webkit-appearance: none; height: 28px; padding: 0 6px; border: 0; border-radius: var(--d26-r1); background: transparent;
  font: 700 var(--d26-fs) var(--main-font-family); color: var(--d26-ink); cursor: pointer;
}
html.desk-2026 .d26-rp-mt select:hover, html.desk-2026 .d26-rp-mt select:focus-visible { background: var(--d26-surface-2); outline: none; }
html.desk-2026 .d26-rp-mt select option { background: var(--d26-pop); color: var(--d26-ink); }
html.desk-2026 .d26-rp-nav { position: absolute; top: 0; }
html.desk-2026 .d26-rp-prev { left: 0; }
html.desk-2026 .d26-rp-next { right: 0; }
html.desk-2026 .d26-rp-grid { display: grid; grid-template-columns: repeat(7, 1fr); row-gap: 2px; }
html.desk-2026 .d26-rp-mgrid { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 6px; }
html.desk-2026 .d26-rp-wd { height: 24px; display: grid; place-items: center; font: 600 var(--d26-fs-cap) var(--main-font-family); color: var(--d26-ink-3); }
html.desk-2026 .d26-rp-cal button[data-d] {
  position: relative; height: 34px; padding: 0; border: 0; border-radius: var(--d26-r2); background: transparent; cursor: pointer;
  font: 500 var(--d26-fs) var(--main-font-family); font-variant-numeric: tabular-nums; color: var(--d26-ink);
}
html.desk-2026 .d26-rp-mgrid button[data-d] { height: 40px; font-weight: 600; }
html.desk-2026 .d26-rp-cal button[data-d]:hover:not(:disabled) { background: var(--d26-surface-2); }
html.desk-2026 .d26-rp-cal button[data-d].nd { color: var(--d26-ink-3); }
html.desk-2026 .d26-rp-cal button[data-d]:disabled { color: var(--d26-ink-3); opacity: .35; cursor: default; }
html.desk-2026 .d26-rp-cal button[data-d].t::after {
  content: ""; position: absolute; left: 50%; bottom: 4px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--d26-accent);
}
html.desk-2026 .d26-rp-cal button[data-d].in,
html.desk-2026 .d26-rp-cal button[data-d].in:hover { background: var(--d26-accent-soft); color: var(--d26-ink); border-radius: 0; }
html.desk-2026 .d26-rp-cal button[data-d].s,
html.desk-2026 .d26-rp-cal button[data-d].e { background: var(--d26-accent); color: var(--d26-on-accent); font-weight: 700; }
html.desk-2026 .d26-rp-cal button[data-d].s:not(.e) { border-radius: var(--d26-r2) 0 0 var(--d26-r2); }
html.desk-2026 .d26-rp-cal button[data-d].e:not(.s) { border-radius: 0 var(--d26-r2) var(--d26-r2) 0; }
html.desk-2026 .d26-rp-cal button[data-d].s.t::after, html.desk-2026 .d26-rp-cal button[data-d].e.t::after { background: var(--d26-on-accent); }
html.desk-2026 .d26-rp-ft { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--d26-line); }
html.desk-2026 .d26-rp-info { flex: 1 1 auto; min-width: 0; font-size: var(--d26-fs-s); color: var(--d26-ink-3); }
html.desk-2026 .d26-rp-info.d26-rp-err { color: var(--d26-down); font-weight: 600; }
html.desk-2026 .d26-rp-cancel, html.desk-2026 .d26-rp-ok {
  flex: none; height: 34px; padding: 0 16px; border: 0; border-radius: var(--d26-pill); cursor: pointer; font: 650 var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .d26-rp-cancel { background: transparent; color: var(--d26-ink-2); }
html.desk-2026 .d26-rp-cancel:hover { background: var(--d26-surface-2); color: var(--d26-ink); }
html.desk-2026 .d26-rp-ok { background: var(--d26-accent); color: var(--d26-on-accent); padding: 0 20px; }
html.desk-2026 .d26-rp-ok:hover { background: color-mix(in srgb, var(--d26-accent) 86%, var(--d26-ink)); }
@media (max-width: 640px) {
  html.desk-2026 .d26-rp:not(.d26-rp-m) { width: 340px; }
  html.desk-2026 .d26-rp-mon2 { display: none; }
}

/* ---- Finanzen invest / finanzen.net zero app (fnz.js, FNZ renders into the window's .fnz element) ----
   Only CSS: the app's classes (fnz.css) and its inline colours ([style*=…], hence !important) in the 2026 tokens.
   Not active while lib/fn_zero.js shows the site in an iframe (other origin); it styles the app once it runs
   inside the desk. Pair-trading colours #2ca02c / #1f77b4 stay: they match the series of the app's charts. */
html.desk-2026 .fnz {
  background: var(--d26-surface) !important; color: var(--d26-ink);
  font: var(--d26-fs)/1.45 var(--main-font-family); font-variant-numeric: tabular-nums;
}
html.desk-2026 .fnz input, html.desk-2026 .fnz select, html.desk-2026 .fnz textarea, html.desk-2026 .fnz button { font-family: var(--main-font-family) !important; }
html.desk-2026 .fnz a { color: var(--d26-accent); text-decoration: none; }
html.desk-2026 .fnz a:hover { text-decoration: underline; }
html.desk-2026 .fnz input[type="checkbox"] { accent-color: var(--d26-accent); margin: 0 6px 0 0; vertical-align: -2px; }
html.desk-2026 .fnz b { font-weight: 650; }

/* header: partner logo bar, main tabs (Übersicht / Neue Order / Strategien), sub tabs as segmented pills */
html.desk-2026 .fnz .fnz_header { padding: 8px 8px 4px; }
html.desk-2026 .fnz .fnz_header > div[style*="#06172E"] {
  border-radius: var(--d26-r2); padding: 8px 0 !important; margin-bottom: 6px;   /* own colour kept: the logo image has the same background */
}
html.desk-2026 .fnz .fnz_header > div[style*="#06172E"] img { display: block; max-height: 30px; margin: 0 auto; }
html.desk-2026 .fnz .fnz_header .fnz_nav1 { display: flex; margin: 0; border-bottom: 1px solid var(--d26-line); }
html.desk-2026 .fnz .fnz_header .fnz_nav1 span {
  flex: 1 1 0; width: auto !important; padding: 10px 4px !important; opacity: 1; margin-bottom: -1px;
  border-bottom: 2px solid transparent; color: var(--d26-ink-3); font: 650 var(--d26-fs) var(--main-font-family);
}
html.desk-2026 .fnz .fnz_header .fnz_nav1 span:hover { color: var(--d26-ink); border-bottom: 2px solid var(--d26-line); }
html.desk-2026 .fnz .fnz_header .fnz_nav1 span.fnz_active { color: var(--d26-ink); border-bottom: 2px solid var(--d26-accent); }
html.desk-2026 .fnz .fnz_header .fnz_nav1 select {
  width: 100% !important; padding: 0 !important; color: inherit; text-align: center; text-align-last: center;
  font: 650 var(--d26-fs) var(--main-font-family) !important; background: transparent !important;
}
html.desk-2026 .fnz .fnz_header .fnz_nav1 select option { background: var(--d26-pop); color: var(--d26-ink); }
html.desk-2026 .fnz .fnz_header .fnz_nav2 {
  display: flex; gap: 2px; margin: 8px 0 0 !important; padding: 2px !important; border-radius: var(--d26-pill); background: var(--d26-surface-2);
}
html.desk-2026 .fnz .fnz_header .fnz_nav2 span {
  flex: 1 1 auto; width: auto !important; line-height: 26px; padding: 0 8px; border: 0; border-radius: var(--d26-pill); opacity: 1;
  color: var(--d26-ink-3) !important; font: 600 var(--d26-fs-s) var(--main-font-family); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html.desk-2026 .fnz .fnz_header .fnz_nav2 span:hover { border: 0; color: var(--d26-ink) !important; }
html.desk-2026 .fnz .fnz_header .fnz_nav2 span.fnz_active { border: 0; background: var(--d26-pop); color: var(--d26-ink) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--d26-shade) 12%, transparent); }
html.desk-2026 .dark-theme .fnz .fnz_header .fnz_nav2 span.fnz_active { background: var(--d26-surface-3); box-shadow: none; }

/* form fields */
html.desk-2026 .fnz .fnz_input_name { margin-bottom: 6px; color: var(--d26-ink-2); font: 600 var(--d26-fs-s) var(--main-font-family); }
html.desk-2026 .fnz .fnz_input, html.desk-2026 .fnz .fnz_select {
  padding: 0 12px; height: 40px; display: flex; align-items: center; margin-bottom: 14px; box-sizing: border-box;
  border: 1px solid transparent; border-radius: var(--d26-r2); background: var(--d26-surface-2);
}
html.desk-2026 .fnz .fnz_input:hover, html.desk-2026 .fnz .fnz_select:hover { border: 1px solid var(--d26-line); background: var(--d26-surface-3); }
html.desk-2026 .fnz .fnz_input:focus-within, html.desk-2026 .fnz .fnz_select:focus-within { border-color: transparent; background: var(--d26-pop); box-shadow: inset 0 0 0 2px var(--d26-accent); }
html.desk-2026 .fnz .fnz_input input, html.desk-2026 .fnz .fnz_select select {
  height: 100%; padding: 0; color: var(--d26-ink); font: 500 var(--d26-fs-m) var(--main-font-family) !important; background: transparent !important;
}
html.desk-2026 .fnz .fnz_select select option { background: var(--d26-pop); color: var(--d26-ink); }
html.desk-2026 .fnz textarea { border: 1px solid var(--d26-line) !important; border-radius: var(--d26-r2); background: var(--d26-surface-2) !important; color: var(--d26-ink); padding: 6px 8px; }

/* buttons: main action = accent pill; direction buttons (inline green / red / white) = up / down */
html.desk-2026 .fnz .fnz_button {
  margin: 10px 0; padding: 10px 16px; border: 0; border-radius: var(--d26-pill); background: var(--d26-accent); color: var(--d26-on-accent);
  font: 650 var(--d26-fs) var(--main-font-family); letter-spacing: 0; transition: background .12s;
}
html.desk-2026 .fnz .fnz_button:hover { border: 0; background: var(--d26-accent-hover); }
html.desk-2026 .fnz .fnz_button[style*="background-color:#198754"] { background: var(--d26-up) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .fnz .fnz_button[style*="background-color:#cc0000"] { background: var(--d26-down) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .fnz .fnz_button[style*="background-color:#ffffff"] { background: var(--d26-surface-2) !important; }
html.desk-2026 .fnz .fnz_button[style*="background-color:#ffffff"][style*="color:#198754"] { color: var(--d26-up) !important; }
html.desk-2026 .fnz .fnz_button[style*="background-color:#ffffff"][style*="color:#cc0000"] { color: var(--d26-down) !important; }
html.desk-2026 .fnz .fnz_button.fnz_button_disabled, html.desk-2026 .fnz .fnz_button_disabled { background: var(--d26-surface-3) !important; color: var(--d26-ink-3) !important; cursor: default; }
html.desk-2026 .fnz .fnz_button.fnz_button_ok { background: var(--d26-up) !important; color: var(--d26-on-solid) !important; }
html.desk-2026 .fnz .fnz_buybutton, html.desk-2026 .fnz .fnz_sellbutton, html.desk-2026 .fnz .fnz_disabledbutton {
  padding: 10px 0; border: 0; border-radius: var(--d26-pill); font: 650 var(--d26-fs) var(--main-font-family); letter-spacing: 0;
}
html.desk-2026 .fnz .fnz_buybutton { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .fnz .fnz_sellbutton { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .fnz .fnz_buybutton:hover { border: 0; background: var(--d26-up); color: var(--d26-on-solid); }
html.desk-2026 .fnz .fnz_sellbutton:hover { border: 0; background: var(--d26-down); color: var(--d26-on-solid); }
html.desk-2026 .fnz .fnz_disabledbutton, html.desk-2026 .fnz .fnz_disabledbutton:hover { border: 0; background: var(--d26-surface-2); color: var(--d26-ink-3); }

/* small row actions K / V / S / C / Handeln! and the quantity calculator */
html.desk-2026 .fnz .fnz_buy, html.desk-2026 .fnz .fnz_sell, html.desk-2026 .fnz .fnz_other, html.desk-2026 .fnz .fnz_calcer {
  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 22px; height: 22px; padding: 0 6px;
  border: 0; border-radius: var(--d26-r1); font: 650 var(--d26-fs-cap) var(--main-font-family); line-height: 1; vertical-align: middle;
}
html.desk-2026 .fnz .fnz_buy { background: var(--d26-up-soft); color: var(--d26-up); }
html.desk-2026 .fnz .fnz_sell { background: var(--d26-down-soft); color: var(--d26-down); }
html.desk-2026 .fnz .fnz_other, html.desk-2026 .fnz .fnz_calcer { background: var(--d26-surface-2); color: var(--d26-ink-2); }
html.desk-2026 .fnz .fnz_buy:hover { border: 0; background: var(--d26-up); color: var(--d26-on-solid); }
html.desk-2026 .fnz .fnz_sell:hover { border: 0; background: var(--d26-down); color: var(--d26-on-solid); }
html.desk-2026 .fnz .fnz_other:hover, html.desk-2026 .fnz .fnz_calcer:hover { border: 0; background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .fnz .fnz_calcer { margin: 0 2px 4px 0; }

/* text actions, notices, numbers */
html.desk-2026 .fnz .fnz_cancel, html.desk-2026 .fnz .fnz_no { color: var(--d26-down); text-decoration: none; font-weight: 600; }
html.desk-2026 .fnz .fnz_yes { color: var(--d26-up); text-decoration: none; }
html.desk-2026 .fnz .fnz_cancel:hover, html.desk-2026 .fnz .fnz_yes:hover, html.desk-2026 .fnz .fnz_no:hover { text-decoration: underline; }
html.desk-2026 .fnz .fnz_notice {
  margin: 0 0 12px; padding: 10px 12px; border: 0; border-radius: var(--d26-r2);
  background: var(--d26-down-soft); color: var(--d26-ink); font-size: var(--d26-fs-s);
}
html.desk-2026 .fnz .fnz_positive { color: var(--d26-up); font-weight: 600; }
html.desk-2026 .fnz .fnz_negative { color: var(--d26-down); font-weight: 600; }
html.desk-2026 .fnz .muted { color: var(--d26-ink-3); }

/* lists ("tables" of fnz_row): no grey bands or zebra, thin dividers, hover on clickable rows */
html.desk-2026 .fnz .fnz_row { align-items: center; min-height: 22px; }
html.desk-2026 .fnz [style*="background:#eeeeee"], html.desk-2026 .fnz [style*="background-color:#eeeeee"],
html.desk-2026 .fnz [style*="background:#dddddd"] { background: transparent !important; }
html.desk-2026 .fnz [style*="background:#eeeeee"][style*="border-top"] { padding-top: 8px !important; margin-top: 4px; }
html.desk-2026 .fnz [style*="1px solid #cccccc"], html.desk-2026 .fnz [style*="1px solid #888888"],
html.desk-2026 .fnz [style*="1px solid black"], html.desk-2026 .fnz [style*="1px solid #000000"] { border-color: var(--d26-line) !important; }
html.desk-2026 .fnz .fnz_row[data-render], html.desk-2026 .fnz .fnz_row[data-action] { border-radius: var(--d26-r1); }
html.desk-2026 .fnz .fnz_row[data-render]:hover, html.desk-2026 .fnz .fnz_row[data-action]:hover { background: var(--d26-surface-2) !important; }
html.desk-2026 .fnz .fnz_row[data-render="orderbook"] { color: var(--d26-ink-2); }
html.desk-2026 .fnz [style*="color:#888888"], html.desk-2026 .fnz [style*="color: #888888"], html.desk-2026 .fnz [style*="color:#aaaaaa"] { color: var(--d26-ink-3) !important; }
html.desk-2026 .fnz [style*="color:#000000"], html.desk-2026 .fnz [style*="color:#333"] { color: var(--d26-ink) !important; }
html.desk-2026 .fnz [style*="color:red"], html.desk-2026 .fnz [style*="color:#cc0000"], html.desk-2026 .fnz [style*="color:#d62728"] { color: var(--d26-down) !important; }
html.desk-2026 .fnz [style*="color:#198754"] { color: var(--d26-up) !important; }
html.desk-2026 .fnz [style*="color:#d3166a"] { color: var(--d26-accent) !important; }
html.desk-2026 .fnz [style*="background-color:#ffffff"]:not(.fnz_button), html.desk-2026 .fnz [style*="background:#ffffff"] { background: var(--d26-surface) !important; }
html.desk-2026 .fnz [style*="border: 2px solid red"] { border-color: var(--d26-down) !important; border-radius: var(--d26-r2); }

/* quick links (Direkt zum Hebel-Trading) as chips, product boxes, search results */
html.desk-2026 .fnz .fnz_row:has(> .fnz_productlink) { gap: 4px; margin-bottom: 4px; }
html.desk-2026 .fnz .fnz_productlink {
  flex: 1 1 0; width: auto !important; padding: 6px 4px; border-radius: var(--d26-r2); background: var(--d26-surface-2); text-align: center;
  color: var(--d26-ink-2); font: 600 var(--d26-fs-s) var(--main-font-family); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html.desk-2026 .fnz .fnz_productlink:hover, html.desk-2026 .fnz .fnz_productbox:hover { background: var(--d26-accent-soft); color: var(--d26-accent); }
html.desk-2026 .fnz .fnz_productbox { padding: 6px 8px; border-radius: var(--d26-r2); }
html.desk-2026 .fnz .fnz_search_result {
  margin-left: -12px; border: 0; border-radius: var(--d26-r2); background: var(--d26-pop); box-shadow: var(--d26-shadow); font-size: var(--d26-fs);
}
html.desk-2026 .fnz .fnz_search_result > div:nth-of-type(odd), html.desk-2026 .fnz .fnz_search_result > div:nth-of-type(even) {
  padding: 7px 12px; border-bottom: 1px solid var(--d26-line); background: transparent; color: var(--d26-ink);
}
html.desk-2026 .fnz .fnz_search_result > div:hover { background: var(--d26-accent-soft); color: var(--d26-ink); }