/* wc-shell 20261110shell1 — ÉN layout-CSS: header, bundbar, mid-desktop, MTF-rækker.
   Indhold/chart-logik urørt. Loades af alle sider via partials/tabbar + gæst-forside. */

:root{
  --wc-shell-h:56px;
  --wc-shell-bar:64px;
}

/* ===== HEADER: solid hvid, én z-index ===== */
html body #wch,
html body header#wch,
html body header:not([hidden]){
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:#0f172a!important;
  border-bottom:1px solid #e6e8ec!important;
  z-index:50!important;
}
html body #wch,
html body header#wch{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
}
html body header:not(#wch){
  position:sticky!important;
  top:0!important;
}

/* Én menu-knap på mobil: skjul header-burger når bundbar findes. Behold #wc-lang-btn. */
@media(max-width:900px){
  html body:has(nav#wc-topnav) header #mopen,
  html body:has(nav#wc-topnav) header .burger,
  html body:has(nav#wcb) #wch .wch-burger,
  html body:has(nav#wcb.wc-topnav) #wch .wch-burger{
    display:none!important;
  }
}

/* M2: 1024 — skjul ekstra ⋯ når top-links allerede vises; stram søg/knapper */
@media(min-width:901px) and (max-width:1100px){
  html body #wch #menu-btn{display:none!important}
  html body #wch .wch-search{max-width:140px!important;flex:0 1 140px!important}
  html body #wch .wch-search input{font-size:12px!important}
  html body #wch .wch-auth-in #wch-out,
  html body #wch .wch-auth-out .btn{padding:0 8px!important;font-size:12px!important}
  html body #wch .wch-links a{padding:0 6px!important;font-size:13px!important}
}

/* ===== H2: Watchlist må ikke dække chart på mid-desktop ===== */
@media(max-width:1100px) and (min-width:901px){
  html body .workspace.wc-wl-on{
    grid-template-columns:minmax(0,1fr) minmax(200px,240px)!important;
  }
  html body #wc-wl.wc-wl,
  html body aside.wc-wl,
  html body .wc-wl{
    position:sticky!important;
    top:64px!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    max-width:240px!important;
    z-index:5!important;
    max-height:calc(100vh - 80px)!important;
    align-self:start!important;
    background:#ffffff!important;
  }
  html body .col-main,
  html body #ta-card,
  html body .ta-workspace,
  html body #ta-chart,
  html body .ta-stage{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* ===== M1: MTF-konsensus TF-rækker på egen linje ===== */
html body #kx-panel.kx-panel,
html body #kx-panel{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  column-gap:8px!important;
  row-gap:6px!important;
  align-items:center!important;
}
html body #kx-panel > .kx-h{
  grid-column:1 / -1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px 10px!important;
  align-items:center!important;
}
html body #kx-panel > .kx-note{
  grid-column:1 / -1!important;
  margin-top:4px!important;
}
html body #kx-panel > .kx-bar{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
html body #kx-panel > .kx-tot{
  justify-self:end!important;
  white-space:nowrap!important;
}

/* ===== L1: undgå hvid tom midte inden chart/skan maler ===== */
html body #ta-chart{
  background:#f4f6f8!important;
  min-height:220px!important;
}
html body #ta-chart:not(:has(canvas)):not(:has(table))::after{
  content:"Indlæser graf…";
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:220px;
  color:#64748b;
  font:600 14px/1.3 Inter,system-ui,sans-serif;
}
html body #wc-minliste,
html body .wc-ml-wrap,
html body #tech-list{
  background:#fff!important;
  min-height:120px!important;
}

/* ===== WC_FZ1 20261110fz1: tickerlabel i mørkt FZ-kort =====
   Årsag: wc-white `body b,body strong{color:#0f172a!important}` overskriver
   inline color på .wc-gp-box → BTC mørk-på-mørk (kontrast ~1.07). */
html body .wc-gp-box{
  color:#E6F1F5!important;
}
html body .wc-gp-box b,
html body .wc-gp-box strong{
  color:#F8FAFC!important;
}
/* Bevar grøn %-farve hvis sat inline/klasse */
html body .wc-gp-box span[style*="2BF5A0"],
html body .wc-gp-box span[style*="2bf5a0"],
html body .wc-gp-box .up,
html body .wc-gp-box .pos{
  color:#2BF5A0!important;
}
html body .wc-gp-box [style*="color:#E6F1F5"],
html body .wc-gp-box [style*="color:#e6f1f5"]{
  color:#E6F1F5!important;
}