/* WatchCall designsystem 2026 — ÉN kilde til tokens, shell (header/footer/bundmenu), komponenter.
   Mørkt, TradingView-agtigt. Alle sider får denne fil via server-side shell. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-var-latin.woff2) format("woff2")}
:root{
  color-scheme:dark;
  /* flader */
  --wc-bg:#0b0e14;--wc-bg-2:#0e121a;--wc-surface:#131824;--wc-surface-2:#191f2d;--wc-surface-3:#212839;
  --wc-line:#242b3a;--wc-line-2:#323a4e;
  /* tekst (AA på --bg/--surface) */
  --wc-text:#e8ecf4;--wc-text-2:#aab3c3;--wc-text-3:#8a94a7;
  /* én primær accent; rød/grøn KUN til kurs/signal */
  --wc-accent:#26c6a0;--wc-accent-hover:#3ad3ae;--wc-accent-press:#1fae8c;--wc-accent-ink:#03140f;--wc-accent-soft:rgba(38,198,160,.12);--wc-accent-line:rgba(38,198,160,.38);
  --wc-up:#26a69a;--wc-down:#ef5350;--wc-neutral:#e2b340;--wc-up-soft:rgba(38,166,154,.14);--wc-down-soft:rgba(239,83,80,.14);--wc-warn:#f0b429;
  /* typografi */
  --wc-font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wc-mono:ui-monospace,"SF Mono","Geist Mono",Menlo,Consolas,monospace;
  --wc-fs-xs:12px;--wc-fs-sm:13px;--wc-fs-md:14px;--wc-fs-lg:16px;--wc-fs-xl:20px;--wc-fs-2xl:26px;--wc-fs-3xl:34px;--wc-fs-4xl:48px;
  /* 8px-grid */
  --wc-s1:4px;--wc-s2:8px;--wc-s3:12px;--wc-s4:16px;--wc-s5:24px;--wc-s6:32px;--wc-s7:48px;--wc-s8:64px;
  --wc-r-sm:8px;--wc-r-md:12px;--wc-r-lg:16px;--wc-r-xl:22px;--wc-r-pill:999px;
  --wc-shadow-1:0 1px 2px rgba(0,0,0,.3);--wc-shadow-2:0 8px 24px rgba(0,0,0,.35);--wc-shadow-3:0 18px 50px rgba(0,0,0,.5);
  --wc-glass:rgba(19,24,36,.72);--wc-blur:saturate(140%) blur(14px);
  --wc-ease:cubic-bezier(.2,.8,.2,1);--wc-spring:cubic-bezier(.22,1.25,.36,1);
  --wc-tap:44px;--wc-wch-h:60px;--wc-wcb-h:0px;
}
@media(max-width:900px){:root{--wc-wch-h:56px;--wc-wcb-h:64px}}
html{background:var(--wc-bg);scroll-padding-top:calc(var(--wc-wch-h) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--wc-font);color:var(--wc-text);background:var(--wc-bg);padding-top:var(--wc-wch-h)!important;padding-bottom:calc(var(--wc-wcb-h) + env(safe-area-inset-bottom))!important;font-feature-settings:"tnum" 1,"cv11" 1}
html.wc-imp body{padding-top:calc(var(--wc-wch-h) + 36px)!important}
:focus-visible{outline:2px solid var(--wc-accent);outline-offset:2px;border-radius:6px}
::selection{background:var(--wc-accent-soft)}
/* legacy-skjul: gamle interne headere/bundmenuer/dobbelt-footere */
header.wc-nav:not(#wch),header.topbar,header.top,nav.wc-sub,nav.bottom,footer.wc-foot,p.legal-foot,body>p.foot,main>p.foot,.wc-page>p.foot,.legacy-brand{display:none!important}
/* ---------- HEADER ---------- */
#wch{position:fixed;left:0;right:0;top:0;z-index:50;height:var(--wc-wch-h);background:rgba(11,14,20,.86);-webkit-backdrop-filter:var(--wc-blur);backdrop-filter:var(--wc-blur);border-bottom:1px solid var(--wc-line);font:500 var(--wc-fs-md)/1.3 var(--wc-font);color:var(--wc-text)}
html.wc-imp #wch{top:36px}
#wch *{box-sizing:border-box}
#wch .wch-in{max-width:1440px;height:100%;margin:0 auto;display:flex;align-items:center;gap:var(--wc-s4);padding:0 var(--wc-s5)}
.wch-brand{display:inline-flex;align-items:center;gap:10px;color:var(--wc-text);text-decoration:none;min-height:var(--wc-tap);flex:0 0 auto}
.wch-brand .wc-logo{width:28px;height:28px;flex:0 0 auto}
.wch-name{font-weight:800;font-size:18px;letter-spacing:-.02em}.wch-name b{color:var(--wc-accent);font-weight:800}
#wch .wch-links{display:flex;gap:2px;margin-left:var(--wc-s2)}
#wch .wch-links a{display:inline-flex;align-items:center;min-height:var(--wc-tap);padding:0 14px;border-radius:var(--wc-r-sm);color:var(--wc-text-2);text-decoration:none;font-weight:600;font-size:var(--wc-fs-md);transition:color .15s,background .15s}
#wch .wch-links a:hover{color:var(--wc-text);background:var(--wc-surface-2)}
#wch[data-active="liste"] [data-nav="liste"],#wch[data-active="analyse"] [data-nav="analyse"],#wch[data-active="skan"] [data-nav="skan"],#wch[data-active="alerts"] [data-nav="alerts"],#wch[data-active="marked"] [data-nav="marked"],#wch[data-active="pris"] [data-nav="pris"]{color:var(--wc-text);background:var(--wc-surface-2);box-shadow:inset 0 -2px 0 var(--wc-accent)}
.wch-search{flex:1 1 280px;max-width:420px;margin-left:auto;position:relative;display:flex;align-items:center}
.wch-search svg{position:absolute;left:12px;width:18px;height:18px;fill:none;stroke:var(--wc-text-3);stroke-width:2;stroke-linecap:round}
.wch-search input{width:100%;height:40px;border-radius:var(--wc-r-pill);border:1px solid var(--wc-line);background:var(--wc-surface);color:var(--wc-text);font:500 var(--wc-fs-md) var(--wc-font);padding:0 14px 0 38px;outline:0;transition:border-color .15s,background .15s}
.wch-search input:focus{border-color:var(--wc-accent-line);background:var(--wc-surface-2)}
.wch-search input::placeholder{color:var(--wc-text-3)}
#wch .wch-right{display:flex;align-items:center;gap:var(--wc-s2);flex:0 0 auto}
.wch-auth-in{display:none}html.wc-auth .wch-auth-in{display:inline-flex;align-items:center;gap:var(--wc-s2)}html.wc-auth .wch-auth-out{display:none}
.wch-auth-out{display:inline-flex;gap:var(--wc-s2)}
html.wc-admin .wch-admin{display:inline-flex!important}
.wch-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--wc-accent);box-shadow:0 0 0 2px var(--wc-bg)}
.wch-burger{display:none!important}
#wch #menu{position:relative}
@media(max-width:1100px){.wch-search{max-width:260px}#wch .wch-links a{padding:0 10px}}
@media(max-width:900px){
  #wch .wch-in{padding:0 var(--wc-s3);gap:var(--wc-s2)}
  #wch .wch-links,.wch-search,.wch-auth-out .btn-ghost,html.wc-auth #wch-out{display:none!important}
  .wch-burger{display:inline-flex!important}
  .wch-brand .wc-logo{width:26px;height:26px}.wch-name{font-size:17px}
  #wch .wch-right{margin-left:auto}
}
@media(max-width:380px){.wch-auth-out .btn-primary{padding:0 12px}}
/* ---------- KNAPPER ---------- */
.btn{--h:var(--wc-tap);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h);padding:0 18px;border-radius:var(--wc-r-md);border:1px solid transparent;font:700 var(--wc-fs-md)/1 var(--wc-font);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s var(--wc-ease),border-color .15s,color .15s,transform .08s,box-shadow .15s;user-select:none}
.btn:active{transform:translateY(1px) scale(.985)}
.btn-sm{--h:40px;padding:0 14px;font-size:var(--wc-fs-sm);border-radius:10px}
.btn-lg{--h:52px;padding:0 26px;font-size:var(--wc-fs-lg);border-radius:14px}
.btn-primary{background:var(--wc-accent);color:var(--wc-accent-ink);box-shadow:0 6px 20px -8px rgba(38,198,160,.6)}
.btn-primary:hover{background:var(--wc-accent-hover)}.btn-primary:active{background:var(--wc-accent-press)}
.btn-secondary{background:var(--wc-surface-2);color:var(--wc-text);border-color:var(--wc-line-2)}.btn-secondary:hover{background:var(--wc-surface-3);border-color:#3c4560}
.btn-ghost{background:transparent;color:var(--wc-text-2);border-color:var(--wc-line)}.btn-ghost:hover{color:var(--wc-text);background:var(--wc-surface-2)}
.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}
.wc-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wc-tap);height:var(--wc-tap);border-radius:var(--wc-r-md);border:1px solid transparent;background:transparent;color:var(--wc-text-2);cursor:pointer;transition:background .15s,color .15s;text-decoration:none}
.wc-iconbtn:hover{background:var(--wc-surface-2);color:var(--wc-text)}
.wc-iconbtn svg,#wcb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* chips/faner */
.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--wc-r-pill);border:1px solid var(--wc-line);background:var(--wc-surface);color:var(--wc-text-2);font:600 var(--wc-fs-sm) var(--wc-font);cursor:pointer;text-decoration:none;transition:all .15s}
.chip:hover{color:var(--wc-text);border-color:var(--wc-line-2)}.chip.on,.chip[aria-pressed=true]{background:var(--wc-accent-soft);border-color:var(--wc-accent-line);color:var(--wc-accent)}
.tabs{display:flex;gap:4px;padding:4px;background:var(--wc-surface);border:1px solid var(--wc-line);border-radius:var(--wc-r-md);overflow-x:auto;scrollbar-width:none}
.tabs>*{min-height:40px;padding:0 16px;border-radius:9px;border:0;background:transparent;color:var(--wc-text-2);font:700 var(--wc-fs-sm) var(--wc-font);cursor:pointer;white-space:nowrap}
.tabs>.on,.tabs>[aria-selected=true]{background:var(--wc-surface-3);color:var(--wc-text);box-shadow:var(--wc-shadow-1)}
/* kort */
.card{background:var(--wc-surface);border:1px solid var(--wc-line);border-radius:var(--wc-r-lg);padding:var(--wc-s5);box-shadow:var(--wc-shadow-1)}
.card-hover{transition:transform .2s var(--wc-ease),border-color .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-2px);border-color:var(--wc-line-2);box-shadow:var(--wc-shadow-2)}
.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:var(--wc-r-pill);font:800 12px var(--wc-font);letter-spacing:.02em}
.badge-bull{background:var(--wc-up-soft);color:var(--wc-up)}.badge-bear{background:var(--wc-down-soft);color:var(--wc-down)}.badge-neutral{background:rgba(226,179,64,.13);color:var(--wc-neutral)}.badge-accent{background:var(--wc-accent-soft);color:var(--wc-accent)}
.up{color:var(--wc-up)}.down,.dn{color:var(--wc-down)}
/* tabeller */
.wc-table-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--wc-line);border-radius:var(--wc-r-md);background:linear-gradient(90deg,var(--wc-surface) 30%,rgba(19,24,36,0)) left/40px 100% no-repeat local,linear-gradient(270deg,var(--wc-surface) 30%,rgba(19,24,36,0)) right/40px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.55),transparent) right/14px 100% no-repeat scroll,var(--wc-surface)}
.wc-scroll-hint{display:none;font:600 12px var(--wc-font);color:var(--wc-text-3);margin:6px 2px 0}
@media(max-width:700px){.wc-scroll-hint{display:block}}
/* toast + skeleton */
.wc-toast{position:fixed;left:50%;bottom:calc(var(--wc-wcb-h) + 16px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;z-index:120;background:var(--wc-surface-3);color:var(--wc-text);border:1px solid var(--wc-line-2);border-radius:var(--wc-r-md);padding:12px 16px;font:600 var(--wc-fs-sm) var(--wc-font);box-shadow:var(--wc-shadow-3);transition:opacity .2s,transform .25s var(--wc-spring);pointer-events:none}
.wc-toast.show{opacity:1;transform:translate(-50%,0)}
.skel{position:relative;overflow:hidden;background:var(--wc-surface-2);border-radius:8px;min-height:14px}
.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:wc-shimmer 1.3s infinite}
@keyframes wc-shimmer{to{transform:translateX(100%)}}
@keyframes wc-fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wc-in{animation:wc-fadeup .35s var(--wc-ease) both}
/* ---------- BUNDMENU (kun mobil) ---------- */
#wcb{display:none}
@media(max-width:900px){
  #wcb{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:55;height:calc(var(--wc-wcb-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(11,14,20,.92);-webkit-backdrop-filter:var(--wc-blur);backdrop-filter:var(--wc-blur);border-top:1px solid var(--wc-line)}
  #wcb a,#wcb button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--wc-tap);border:0;background:none;color:var(--wc-text-3);font:700 11.5px/1 var(--wc-font);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s}
  #wcb a:active svg,#wcb button:active svg{transform:scale(.9)}
  #wcb svg{transition:transform .15s var(--wc-spring)}
  #wcb[data-active="liste"] [data-nav="liste"],#wcb[data-active="analyse"] [data-nav="analyse"],#wcb[data-active="skan"] [data-nav="skan"],#wcb[data-active="alerts"] [data-nav="alerts"],#wcb[data-active="menu"] [data-nav="menu"]{color:var(--wc-accent)}
  #wcb [data-nav]{position:relative}
  #wcb[data-active="liste"] [data-nav="liste"]::before,#wcb[data-active="analyse"] [data-nav="analyse"]::before,#wcb[data-active="skan"] [data-nav="skan"]::before,#wcb[data-active="alerts"] [data-nav="alerts"]::before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--wc-accent)}
  #wcf{padding-bottom:8px}
}
/* ---------- BOTTOM SHEET / MODAL ---------- */
.wc-sheet-bd{position:fixed;inset:0;z-index:100;background:rgba(3,5,9,.55);opacity:0;transition:opacity .25s var(--wc-ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.wc-sheet-bd.open{opacity:1}
.wc-sheet{position:fixed;z-index:101;left:0;right:0;bottom:0;max-height:88vh;display:flex;flex-direction:column;background:var(--wc-surface);border:1px solid var(--wc-line-2);border-bottom:0;border-radius:var(--wc-r-xl) var(--wc-r-xl) 0 0;box-shadow:var(--wc-shadow-3);transform:translateY(105%);transition:transform .42s var(--wc-spring);padding-bottom:env(safe-area-inset-bottom);font-family:var(--wc-font);color:var(--wc-text)}
.wc-sheet.open{transform:translateY(0)}
.wc-sheet.drag{transition:none}
.wc-sheet .grab{flex:0 0 auto;display:flex;justify-content:center;padding:10px 0 4px;cursor:grab;touch-action:none}
.wc-sheet .grab i{width:40px;height:5px;border-radius:3px;background:var(--wc-line-2)}
.wc-sheet .sh-h{display:flex;align-items:center;justify-content:space-between;padding:4px var(--wc-s4) var(--wc-s3);touch-action:none}
.wc-sheet .sh-h h2{margin:0;font-size:var(--wc-fs-lg);font-weight:800}
.wc-sheet .sh-b{overflow:auto;padding:0 var(--wc-s4) var(--wc-s5);overscroll-behavior:contain}
@media(min-width:901px){.wc-sheet{left:50%;right:auto;bottom:auto;top:50%;width:min(560px,92vw);max-height:80vh;border-radius:var(--wc-r-xl);border-bottom:1px solid var(--wc-line-2);transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .3s var(--wc-spring),opacity .2s}.wc-sheet.open{transform:translate(-50%,-50%);opacity:1}.wc-sheet .grab{display:none}.wc-sheet .sh-h{padding-top:var(--wc-s4)}}
.wc-menu-list{display:grid;gap:4px}
.wc-menu-list a,.wc-menu-list button{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border-radius:var(--wc-r-md);border:0;background:none;color:var(--wc-text);text-decoration:none;font:600 var(--wc-fs-md) var(--wc-font);cursor:pointer;text-align:left;width:100%}
.wc-menu-list a:hover,.wc-menu-list button:hover{background:var(--wc-surface-2)}
.wc-menu-list hr{border:0;border-top:1px solid var(--wc-line);margin:6px 0}
.wc-menu-search{position:relative;margin-bottom:12px}.wc-menu-search input{width:100%;box-sizing:border-box;height:48px;border-radius:var(--wc-r-md);border:1px solid var(--wc-line-2);background:var(--wc-bg-2);color:var(--wc-text);font:500 16px var(--wc-font);padding:0 14px}
/* ---------- FOOTER ---------- */
#wcf{border-top:1px solid var(--wc-line);background:var(--wc-bg-2);color:var(--wc-text-3);font:var(--wc-fs-sm)/1.55 var(--wc-font);margin-top:var(--wc-s7)}
#wcf .wcf-in{max-width:1440px;margin:0 auto;padding:var(--wc-s6) var(--wc-s5);display:grid;grid-template-columns:1.2fr 2fr;gap:var(--wc-s4) var(--wc-s6);align-items:start}
#wcf .wcf-slogan{margin:6px 0 0;color:var(--wc-text-2)}
#wcf nav{display:flex;flex-wrap:wrap;gap:4px 6px;justify-content:flex-end}
#wcf nav a{display:inline-flex;align-items:center;min-height:var(--wc-tap);padding:0 12px;border-radius:var(--wc-r-sm);color:var(--wc-text-2);text-decoration:none;font-weight:600}
#wcf nav a:hover{color:var(--wc-text);background:var(--wc-surface-2)}
#wcf .wcf-legal{grid-column:1/-1;margin:0;color:var(--wc-text-3);font-size:var(--wc-fs-xs)}
#wcf .wcf-copy{grid-column:1/-1;margin:0;font-size:var(--wc-fs-xs)}
@media(max-width:700px){#wcf .wcf-in{grid-template-columns:1fr;padding:var(--wc-s5) var(--wc-s4)}#wcf nav{justify-content:flex-start;margin:0 -12px}}
/* impersonation-banner */
#wc-imp{font-family:var(--wc-font)}
/* fejlside / simple sider */
.wc-page{max-width:880px;margin:0 auto;padding:var(--wc-s6) var(--wc-s4) var(--wc-s5)}
.wc-page h1{font-size:var(--wc-fs-3xl);letter-spacing:-.02em;margin:0 0 var(--wc-s3)}
.wc-page h2{font-size:var(--wc-fs-xl);margin:var(--wc-s6) 0 var(--wc-s2)}
.wc-page p,.wc-page li{color:var(--wc-text-2);line-height:1.65;font-size:15px}
.wc-page a{color:var(--wc-accent)}
.wc-lead{font-size:var(--wc-fs-lg)!important;color:var(--wc-text-2)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* mobil klikflader ≥44px */
@media(max-width:700px){
  .wch-right .btn,.wch-right .btn-sm,.wc-btn,.btn{min-height:44px}
  details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
  .wctb-pill,.ta-chev,#wctb-ind,#wctb-type,#wctb-ai,.ta-tools-btn,.st-lab,.t5-pat-btn{position:relative}
  .wctb-pill::after,.ta-chev::after,#wctb-ind::after,#wctb-type::after,#wctb-ai::after,.ta-tools-btn::after,.st-lab::after,.t5-pat-btn::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
  a.hash{display:none!important}
  input[type=checkbox]{width:22px;height:22px}
  label:has(>input[type=checkbox]){min-height:44px;display:flex;align-items:center;gap:10px}
}

/* mobil-header: logo · søg · profil/Admin (burger + klokke ligger i bundmenuen) */
.wch-sbtn{display:none!important}
@media(max-width:900px){
  .wch-burger,.wch-bell{display:none!important}
  .wch-sbtn{display:inline-flex!important}
  html.wc-admin .wch-admin{display:inline-flex!important}
}
@media(max-width:900px){#wch #menu{display:none!important}}
/* fase5: N3 uigennemsigtig header, N4 Log ind på mobil, K1 udbyder i footer */
#wch{background:#0b0e14!important}
@media(max-width:900px){
  #wcb{background:#0b0e14!important}
  #wch .wch-auth-out .btn-ghost{display:inline-flex!important;border-color:transparent;padding:0 8px;min-height:44px}
  #wch .wch-auth-out{gap:2px}
  #wch .wch-auth-out .btn-primary{padding:0 12px}
}
@media(max-width:400px){#wch .wch-name{font-size:15px}#wch .wch-in{gap:4px}#wch .wch-sbtn{width:40px}}
@media(max-width:350px){#wch .wch-name{display:none}}
.wcf-owner{margin:6px 0 0;color:var(--wc-text-3,#8a94a7);font-size:12.5px}
.wcf-owner a{color:inherit}