/* wc-oprydning-mockup 20261109 — KUN mockup (injiceres lokalt, ændrer ikke prod).
   Hvidt Alertsify-udtryk, footer-nav på mobil, kompakt chart-layout. */

:root{--wc-op-teal:#0f766e;--wc-op-text:#0f172a;--wc-op-muted:#475569;--wc-op-line:#e6e8ec;--wc-op-bg:#fff;--wc-op-soft:#f4f6f8;--wc-op-red:#ef5350;--wc-op-wcb:64px}

/* ========== Mobil: tynd prislinje ========== */
@media(max-width:900px){
  html.wc-op-mock .head{
    display:flex!important;flex-wrap:wrap!important;align-items:center!important;
    gap:4px 8px!important;padding:8px 10px!important;margin:8px 10px 6px!important;
    min-height:auto;max-height:none;overflow:visible;
    background:#fff!important;border:1px solid var(--wc-op-line)!important;border-radius:12px!important;
  }
  html.wc-op-mock .head .head-top,
  html.wc-op-mock .head .head-sig,
  html.wc-op-mock .head .head-price,
  html.wc-op-mock .head .sym{display:contents!important}
  html.wc-op-mock .head #sym,
  html.wc-op-mock .head #call,
  html.wc-op-mock .head #score-wrap,
  html.wc-op-mock .head #price,
  html.wc-op-mock .head #pct,
  html.wc-op-mock .head #live-time,
  html.wc-op-mock .head #live-px,
  html.wc-op-mock .head .live-px{
    font-size:13px!important;line-height:1.35!important;font-weight:800!important;
    color:#0f172a!important;flex:0 1 auto;white-space:nowrap;
  }
  html.wc-op-mock .head #sym{
    font-weight:900!important;min-width:0;max-width:30%;
    overflow:hidden;text-overflow:ellipsis;
  }
  html.wc-op-mock .head #price{font-weight:900!important;margin:0!important}
  html.wc-op-mock .head .sig-lab{display:none!important}
  html.wc-op-mock .head .src-badge{display:none!important}
  html.wc-op-mock .head .score-bar{display:none!important}
  html.wc-op-mock .head #call,
  html.wc-op-mock .head #call.Bearish,
  html.wc-op-mock .head #call.bearish{color:#b91c1c!important}
  html.wc-op-mock .head #call.Bullish,
  html.wc-op-mock .head #call.bullish{color:#0f766e!important}
  html.wc-op-mock .head #pct.down,
  html.wc-op-mock .head #pct.neg,
  html.wc-op-mock .head #pct.Bearish,
  html.wc-op-mock .head #pct.red{color:#b91c1c!important}
  html.wc-op-mock .head #pct.up,
  html.wc-op-mock .head #pct.pos,
  html.wc-op-mock .head #pct.Bullish,
  html.wc-op-mock .head #pct.green{color:#0f766e!important}
  html.wc-op-mock .head #live-time,html.wc-op-mock .head #live-px,html.wc-op-mock .head .live-px{
    margin-left:auto!important;color:#334155!important;font-weight:700!important
  }
  html.wc-op-mock .ta-card{margin-top:0!important}
  html.wc-op-mock #ta-card{padding-bottom:8px!important}
}

/* ========== Chips under chart ========== */
.wc-op-chips{
  display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;
  margin:4px 10px 8px;padding:0;position:relative;z-index:4;
}
@media(max-width:900px){
  html.wc-op-mock #ta-chart{min-height:220px}
}

.wc-op-chip, .wc-op-chips #levels-card .lvl-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1px solid var(--wc-op-line);border-radius:999px;
  padding:6px 10px;min-height:32px;
  font:700 12px/1.2 Inter,system-ui,sans-serif;color:var(--wc-op-text);
  box-shadow:none;max-width:100%;
}
.wc-op-chips #skan-slot, .wc-op-chips #skan-slot-top, .wc-op-chips .skan-dock, .wc-op-chip-pat{
  width:100%;background:#fff;border:1px solid var(--wc-op-line);border-radius:14px;padding:0;margin:0;
  box-sizing:border-box;
}
.wc-op-chips .skan-strip, html.wc-op-mock .skan-strip{
  display:flex!important;align-items:center;gap:8px;width:100%;box-sizing:border-box;
  min-height:44px;padding:10px 12px;border:0;border-radius:14px;
  background:transparent;color:var(--wc-op-text);
  font:700 13px/1.2 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;
}
.wc-op-chip-pat .skan-call, .wc-op-chips .skan-call, html.wc-op-mock .skan-call{font-weight:800}
.wc-op-chip-pat .skan-call.Bullish, .wc-op-chips .skan-call.Bullish, html.wc-op-mock .skan-call.Bullish{color:var(--wc-op-teal)}
.wc-op-chip-pat .skan-call.Bearish, .wc-op-chips .skan-call.Bearish, html.wc-op-mock .skan-call.Bearish{color:var(--wc-op-red)}
.wc-op-chev{margin-left:auto;font-size:20px;line-height:1;color:var(--wc-op-muted);transition:transform .15s;font-weight:400}
.skan-strip[aria-expanded="true"] .wc-op-chev,
.open > .skan-strip .wc-op-chev,
#skan-slot.open .wc-op-chev, #skan-slot-top.open .wc-op-chev{transform:rotate(180deg);color:var(--wc-op-teal)}
.wc-op-chips .skan-more, html.wc-op-mock .skan-dock .skan-more, html.wc-op-mock #skan-slot .skan-more{
  display:none;padding:0 12px 12px;color:var(--wc-op-text);
  font:500 13px/1.45 Inter,system-ui,sans-serif;
}
.wc-op-chips .open > .skan-more,
.wc-op-chips #skan-slot.open .skan-more,
.wc-op-chips #skan-slot-top.open .skan-more,
html.wc-op-mock #skan-slot.open .skan-more,
html.wc-op-mock #skan-slot-top.open .skan-more,
html.wc-op-mock .skan-dock.open .skan-more,
html.wc-op-mock .skan-cmp.open .skan-more,
html.wc-op-mock .skan-more.open,
html.wc-op-mock details.skan-more[open]{display:block!important}
html.wc-op-mock .skan-more dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:8px 0}
html.wc-op-mock .skan-more dt{color:var(--wc-op-muted);font-weight:700}
html.wc-op-mock .skan-more dd{margin:0;font-weight:800;color:var(--wc-op-text)}
html.wc-op-mock .skan-more .skan-pos{margin:0 0 6px;color:var(--wc-op-muted)}
html.wc-op-mock .skan-more .skan-disc{margin:8px 0 0;font-size:11px;color:var(--wc-op-muted);font-weight:500}
.wc-op-chips #levels-card{
  display:flex;flex-wrap:wrap;gap:6px;background:transparent;border:0;padding:0;margin:0;width:100%;
}
.wc-op-chips #levels-card .lvl-chip{flex:1 1 auto;min-width:140px}
.wc-op-chips #levels-card .lab{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--wc-op-muted);font-weight:800}
.wc-op-chips #levels-card .val{font-weight:900}
.wc-op-chips #levels-card .dist{font-size:11px;color:var(--wc-op-muted)}
html.wc-op-mock .kr-lv:empty{display:none!important}

/* Call-skift toggle: tydelig teal-track og tilstandstekst */
html.wc-op-mock #alert-toggle.toggle,
html body.wc-op-mock #alert-toggle{
  appearance:none!important;-webkit-appearance:none!important;
  position:relative!important;display:inline-block!important;
  width:52px!important;height:32px!important;min-width:52px!important;min-height:32px!important;
  padding:0!important;margin:0!important;border-radius:999px!important;
  border:2px solid #64748b!important;background:#94a3b8!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important;
  cursor:pointer!important;flex:0 0 52px!important;vertical-align:middle!important;
}
html.wc-op-mock #alert-toggle.toggle.on,
html body.wc-op-mock #alert-toggle.on{
  background:#0f766e!important;border-color:#0b5f59!important;
}
html.wc-op-mock #alert-toggle.toggle::after,
html body.wc-op-mock #alert-toggle::after{
  content:""!important;position:absolute!important;top:3px!important;left:3px!important;
  width:22px!important;height:22px!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.35)!important;
  transition:transform .15s!important;
}
html.wc-op-mock #alert-toggle.toggle.on::after,
html body.wc-op-mock #alert-toggle.on::after{transform:translateX(20px)!important;left:3px!important}
.wc-op-alertrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wc-op-alertlab{font:800 13px/1.2 Inter,system-ui,sans-serif;color:#475569}
#alert-toggle.on + .wc-op-alertlab, .wc-op-alertlab.on{color:#0f766e}

/* ========== Ét overblikskort ========== */
.wc-op-overblik{
  margin:10px;padding:12px;background:#fff;border:1px solid var(--wc-op-line);
  border-radius:14px;
}
.wc-op-overblik #kx-panel{display:block!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
.wc-op-overblik #kr-kpis{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.wc-op-overblik .kr-kpi{
  background:var(--wc-op-soft);border:1px solid var(--wc-op-line);border-radius:12px;
  padding:10px;
}
.wc-op-overblik .kr-kpi span{display:block;font:800 10px/1.2 Inter,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--wc-op-muted)}
.wc-op-overblik .kr-kpi b{display:block;margin-top:4px;font:800 16px/1.2 Inter,system-ui,sans-serif;color:var(--wc-op-text)}
.wc-op-overblik .kr-kpi small{display:block;margin-top:4px;font:500 11px/1.35 Inter,system-ui,sans-serif;color:var(--wc-op-muted)}

/* ========== Fanebjælke ========== */
/* fav5: start skjult, vis kun med html.wc-fav5-tabs (ingen vis-så-skjul) */
#wc-op-faner,#wc-op-paneler{display:none!important}
@media(max-width:900px){
  html.wc-fav5-tabs #wc-op-faner{display:flex!important}
  html.wc-fav5-tabs #wc-op-paneler{display:block!important}
}
.wc-op-faner{
  display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  margin:4px 10px 0;padding:2px 0 8px;
}
.wc-op-faner::-webkit-scrollbar{display:none}
.wc-op-faner button{
  flex:0 0 auto;min-height:36px;padding:8px 12px;border-radius:999px;
  border:1px solid var(--wc-op-line);background:#fff;color:var(--wc-op-muted);
  font:700 12px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;
}
.wc-op-faner button[aria-selected="true"]{
  background:var(--wc-op-teal);border-color:var(--wc-op-teal);color:#fff;
}
#wc-op-paneler{margin:0 10px 16px}
.wc-op-pane{
  background:#fff;border:1px solid var(--wc-op-line);border-radius:14px;padding:12px;
}
.wc-op-pane[hidden]{display:none!important}
.wc-op-pane .kr-fold{border:0;padding:0;margin:0}
.wc-op-pane .kr-fold>summary{display:none!important}
.wc-op-pane .kr-card{border:0;margin:0;padding:0;background:transparent}
.wc-op-empty{margin:0;color:var(--wc-op-muted);font:500 13px/1.4 Inter,system-ui,sans-serif}
html.wc-op-mock .col-side.kr-side2:empty{display:none!important}

/* ========== Indikator-knap og panel i menu ========== */
#wc-op-indbtn{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:100%;min-height:48px;margin:8px 0;padding:12px 14px;
  border:1px solid var(--wc-op-line);border-radius:12px;
  background:var(--wc-op-soft);color:var(--wc-op-text);
  font:800 14px/1.2 Inter,system-ui,sans-serif;cursor:pointer;text-align:left;
}
#wc-op-indbtn::after{content:"›";font-size:22px;color:var(--wc-op-teal);line-height:1}
#kr2-sheet .kr-mind details.kr-ig,
#kr2-sheet .kr-mind details.kr-indall{display:none!important}
#kr2-sheet.wc-op-ready .kr-mind .kr-tool[data-for="wctb-ind"],
#kr2-sheet.wc-op-ready .kr-tools .kr-tool[data-for="wctb-ind"]{display:none!important}
#wc-op-indbody .kr-tool[data-for="wctb-ind"],
#wc-op-indbody .wc-op-cat,
#kr2-sheet.wc-op-ready #wc-op-indbody .kr-tool[data-for="wctb-ind"]{
  display:flex!important;width:100%;min-height:48px;
}


#wc-op-indpanel{
  position:absolute;inset:0;z-index:6;
  display:flex;flex-direction:column;
  background:#fff;color:var(--wc-op-text);
  padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));
  overflow:auto;
}
#wc-op-indpanel[hidden]{display:none!important}
/* fnav3: never set #kr2-sheet z-index or undo chart padding-bottom */
#kr2-sheet{position:fixed}
@media(min-width:1100px){
  .wcls #kr2-sheet{position:relative!important}
  #wc-op-indpanel{position:absolute;inset:0;min-height:100%}
}
.wc-op-indhd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.wc-op-indback{
  min-height:44px;min-width:44px;padding:0 12px;border-radius:10px;
  border:1px solid var(--wc-op-line);background:#fff;color:var(--wc-op-text);
  font:700 13px/1 Inter,system-ui,sans-serif;cursor:pointer;
}
.wc-op-indtitle{font:800 16px/1.2 Inter,system-ui,sans-serif}
#wc-op-indq{
  width:100%;min-height:44px;box-sizing:border-box;margin:0 0 12px;
  padding:10px 12px;border:1.5px solid #94a3b8!important;border-radius:12px;
  background:#fff!important;color:#0f172a!important;
  font:600 14px/1.2 Inter,system-ui,sans-serif;
}
#wc-op-indq::placeholder{color:#64748b!important;opacity:1}

.wc-op-indbody details.kr-ig{display:block;margin:0 0 8px;border:1px solid var(--wc-op-line);border-radius:12px;padding:4px 10px}
.wc-op-indbody details.kr-ig>summary{cursor:pointer;font-weight:700;padding:10px 2px;min-height:44px;display:flex;align-items:center}
.wc-op-catwrap{margin-top:16px;padding-top:8px}
.wc-op-catwrap .wc-op-cat,
.wc-op-indbody .kr-tool{
  display:flex!important;width:100%;min-height:48px;align-items:center;justify-content:center;
  margin:8px 0;padding:12px;border-radius:12px;border:1px solid var(--wc-op-teal);
  background:#fff;color:var(--wc-op-teal);font:800 14px Inter,system-ui,sans-serif;cursor:pointer;
}

/* skjul tomme slæb efter flytning */
html.wc-op-mock #ta-card #kx-panel,
html.wc-op-mock #ta-card #kr-kpis{/* flyttet */ }

@media(min-width:901px){
  html.wc-op-mock .head{/* desktop beholder sin eksisterende linje */}
  .wc-op-faner,.wc-op-overblik,.wc-op-chips{/* JS slår layout fra på desktop */}
}


/* Menu: Symbol øverst, Analysér som punkt 2 */
#kr2-sheet .kr-mbody > .kr-mfoot-in{
  order:unset;
  border-top:0!important;
  border-bottom:0!important;
  padding:4px 0 10px!important;
  margin:0;
}
#kr2-sheet #wc-op-an-h{margin-top:14px}
#kr2-sheet .kr-mgo{
  width:100%;min-height:48px;border:0;border-radius:14px;
  background:#0f766e!important;color:#fff!important;
  font:800 16px Inter,system-ui,sans-serif;cursor:pointer;
}

/* footer/toggle: slå prod-specificity */
html.wc-op-mock nav#wcb.wcs-tabbar.wc-topnav,
html.wc-op-mock #wcb.wcs-tabbar{
  /* mobil: styles ligger i @media ovenfor; dette løfter specificitet */
}
html.wc-op-mock #alert-toggle,
html.wc-op-mock #alert-toggle.toggle,
html.wc-op-mock .alert-card #alert-toggle,
html.wc-op-mock .kr-al #alert-toggle{
  appearance:none!important;-webkit-appearance:none!important;
  width:52px!important;height:32px!important;border-radius:999px!important;
  border:2px solid #475569!important;background:#64748b!important;
  position:relative!important;padding:0!important;
}
html.wc-op-mock #alert-toggle.on,
html.wc-op-mock #alert-toggle.toggle.on,
html.wc-op-mock .alert-card #alert-toggle.on{
  background:#0f766e!important;border-color:#0b5f59!important;
}
html.wc-op-mock #alert-toggle > *{opacity:0!important}

/* Visning: hjælpetekster under eksisterende navne */
#kr2-sheet .kr-mvis .kr-rsw > span{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  text-align:left;max-width:calc(100% - 56px);
}
#kr2-sheet .kr-mvis .wc-op-swlab{font-weight:700}
#kr2-sheet .kr-mvis .wc-op-hint{
  display:block;margin:0;font:400 11px/1.35 Inter,system-ui,sans-serif;
  color:#64748b;font-weight:400;
}
html.wc-op-mock .skan-panel.open .skan-more,
html.wc-op-mock .skan-panel .skan-more.open{display:block!important}

/* Hint-boble flyttet ud af chartet (chip over chartet) */
#wc-op-nopat-slot{margin:0 10px 8px;min-height:0}
#wc-op-nopat-slot[hidden]{display:none!important}
#wc-op-nopat-slot .wc-nopat,
html.wc-op-mock .wc-op-nopat-chip{
  position:static!important;transform:none!important;
  left:auto!important;top:auto!important;right:auto!important;
  display:inline-flex!important;align-items:center;
  max-width:100%;white-space:normal!important;
  background:#f4f6f8!important;color:#0f172a!important;
  border:1px solid #e2e8f0!important;border-radius:999px!important;
  padding:6px 12px!important;
  font:600 12px/1.35 Inter,system-ui,sans-serif!important;
  z-index:1!important;pointer-events:none;
  box-shadow:none!important;
}
/* skjul den indtil JS har flyttet den, så den ikke dækker FZ/NU */
html.wc-op-mock #ta-chart > .wc-nopat{
  visibility:hidden!important;pointer-events:none!important;
}

/* Chips i normalt flow UNDER chartet — ikke overlay */
html.wc-op-mock .wc-op-chips{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  margin:8px 10px!important;z-index:2;
}
html.wc-op-mock .wc-op-chips,
html.wc-op-mock .wc-op-chips .skan-ui,
html.wc-op-mock .wc-op-chips .skan-dock,
html.wc-op-mock .wc-op-chips .skan-panel,
html.wc-op-mock .wc-op-chips .skan-cmp{
  border:0!important;outline:none!important;
  box-shadow:none!important;background:transparent!important;
}
html.wc-op-mock .wc-op-chips .skan-strip,
html.wc-op-mock .wc-op-chips .skan-hd{
  border:1px solid var(--wc-op-line)!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
}
html.wc-op-mock .wc-op-chips #levels-card{
  border:0!important;background:transparent!important;
  box-shadow:none!important;padding:0!important;margin:0!important;
}
/* tomt skan-skal efter flytning (årsag til sort streg) */
html.wc-op-mock .skan-ui:empty,
html.wc-op-mock #ta-card > .skan-ui:not(:has(.skan-panel)):not(:has(.skan-strip)):not(:has(.skan-hd)){
  display:none!important;border:0!important;height:0!important;margin:0!important;padding:0!important;
}

/* nyheder-fold-20261109 */
#wc-op-news-more,.wc-op-newsmore{
  display:block;width:100%;margin:8px 0 4px;min-height:44px;padding:10px 14px;
  border:1px solid #d7dbe1;border-radius:12px;background:#fff;color:#0f172a;
  font:800 14px/1.2 Inter,system-ui,sans-serif;cursor:pointer;
}
#wc-op-news-more:hover{border-color:#0f766e;color:#0f766e}

/* fnav3-keep: sheet over footer (z-index 1100). Fortryd ikke. */
html body #kr2-sheet,
html body #kr2-sheet.kr-drawer,
html body #kr2-sheet.kr-drawer.on{z-index:1100!important}
@media(max-width:900px){
  html body #kr2-sheet.kr-drawer.on,html body #kr2-scrim.on{bottom:calc(var(--wc-wcb-h,64px) + env(safe-area-inset-bottom))!important}
  html body:has(#ta-chart) .app{padding-bottom:0!important} /* tabs1: body har allerede bar-padding */
}