.wmdock{
  --void: #05070F;
  --glas: rgba(8, 12, 24, .9);
  --tekst: #E9ECF2;
  --zacht: #A9B0BF;
  --stil: #6B7386;
  --goud: #E8C96A;
  --groen: #2ECC87;
  --rood: #F0475A;
  --cyaan: #40E0FF;
  --display: 'Chakra Petch', 'Segoe UI', system-ui, sans-serif;
  --body: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Consolas, monospace;
  color-scheme: dark;
}
.wmdock #scene{ position: fixed; inset: 0; display: block; width: 100%; height: 100%; image-rendering: crisp-edges; image-rendering: pixelated; cursor: grab; touch-action: none; }
.wmdock #scene:active{ cursor: grabbing; }
.wmdock #wolken{ position: fixed; inset: 0; pointer-events: none; z-index: 4; overflow: hidden; }
.wmdock #borden{ position: fixed; inset: 0; pointer-events: none; z-index: 3; overflow: hidden; --fs: 1; }
.wmdock .b2{ position: absolute; left: 0; top: 0; padding: calc(4px * var(--fs)) calc(8px * var(--fs)) calc(5px * var(--fs)); border-radius: 6px; background: rgba(8,12,24,.88);
  border: 1px solid var(--k); box-shadow: 0 0 12px -4px var(--k); white-space: nowrap; transition: opacity .2s; line-height: 1.15; }
.wmdock .b2 i{ display: block; font-style: normal; font-family: var(--mono); font-size: calc(9px * var(--fs)); letter-spacing: .12em; color: var(--k); }
.wmdock .b2 b{ display: block; font-family: var(--display); font-weight: 700; font-size: calc(15px * var(--fs)); color: var(--w, var(--k)); letter-spacing: .03em; }
.wmdock .b2 small{ display: block; font-size: calc(10px * var(--fs)); color: var(--stil); }
.wmdock .b2.klein{ padding: calc(2px * var(--fs)) calc(6px * var(--fs)); border-radius: 4px; }
.wmdock .b2.klein i{ font-size: calc(9px * var(--fs)); }
.wmdock .b2.weg{ opacity: 0; }
.wmdock #melding{ position: absolute; left: 0; top: 0; font-family: var(--display); font-weight: 700; font-size: 15px; letter-spacing: .08em;
  padding: 5px 12px; border-radius: 4px; background: rgba(8,12,24,.92); border: 2px solid currentColor; opacity: 0; white-space: nowrap; }
.wmdock #melding.op{ animation: opstijgen 2.4s steps(12) forwards; }
@keyframes opstijgen { 0% { opacity: 0; translate: 0 10px } 12% { opacity: 1 } 75% { opacity: 1 } 100% { opacity: 0; translate: 0 -46px } }
.wmdock #paneel{ position: fixed; z-index: 6; top: calc(16px + env(safe-area-inset-top, 0px)); left: max(16px, env(safe-area-inset-left, 0px));
  width: 280px; max-height: calc(100% - 32px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); overflow-y: auto;
  background: var(--glas); border: 1px solid rgba(232,201,106,.35); border-radius: 12px; }
.wmdock #paneel summary{ list-style: none; cursor: pointer; padding: 12px 16px; display: flex; align-items: baseline; gap: 10px; }
.wmdock #paneel summary::-webkit-details-marker{ display: none; }
.wmdock #paneel summary:focus-visible{ outline: 2px solid var(--goud); outline-offset: -2px; }
.wmdock #paneel h1{ margin: 0; font-family: var(--display); font-weight: 700; font-size: 18px; letter-spacing: .14em; color: var(--goud); }
.wmdock #paneel summary small{ font-family: var(--mono); font-size: 10px; letter-spacing: .18em; color: var(--groen); }
.wmdock #paneel summary::after{ content: "▾"; margin-left: auto; color: var(--stil); }
.wmdock #paneel:not([open]) summary::after{ content: "▸"; }
.wmdock .secties{ display: flex; flex-direction: column; gap: 14px; padding: 2px 16px 16px; }
.wmdock .sectie{ display: flex; flex-direction: column; gap: 7px; }
.wmdock .sectie > span{ font-family: var(--mono); font-size: 10px; letter-spacing: .2em; color: var(--stil); }
.wmdock .sectie p{ margin: 0; font-size: 11.5px; line-height: 1.45; color: var(--zacht); }
.wmdock .rij{ display: flex; flex-wrap: wrap; gap: 6px; }
.wmdock .knop{ cursor: pointer; font: 600 12px var(--body); color: var(--zacht); background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.14); border-radius: 6px; padding: 7px 10px; display: inline-flex; align-items: center; gap: 6px; }
.wmdock .knop:hover{ border-color: rgba(255,255,255,.4); color: var(--tekst); }
.wmdock .knop:focus-visible{ outline: 2px solid var(--goud); outline-offset: 2px; }
.wmdock .knop[aria-pressed="true"]{ color: var(--tekst); border-color: var(--goud); background: rgba(232,201,106,.12); }
.wmdock .knop i{ width: 8px; height: 8px; display: inline-block; }
.wmdock .knop b{ font-family: var(--mono); font-weight: 600; color: var(--cyaan); }
.wmdock #hint{ position: fixed; z-index: 6; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); right: max(16px, env(safe-area-inset-right, 0px)); font-size: 12px; color: var(--zacht);
  background: var(--glas); border: 1px solid rgba(64,224,255,.3); border-radius: 8px; padding: 9px 14px; }
.wmdock #hint kbd{ font-family: var(--mono); font-size: 11px; color: var(--tekst); background: rgba(255,255,255,.08); border-radius: 3px; padding: 1px 5px; }
.wmdock #laden{ position: fixed; inset: 0; z-index: 9; display: flex; align-items: center; justify-content: center; background: var(--void); font-family: var(--mono); font-size: 12px; letter-spacing: .2em; color: var(--goud); transition: opacity .6s; text-align: center; padding: 24px; }
.wmdock #laden.weg{ opacity: 0; pointer-events: none; }
@media (max-width: 720px){.wmdock #paneel{ top: auto; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); right: max(16px, env(safe-area-inset-right, 0px)); width: auto; max-height: 50%; }
.wmdock #hint{ display: none; }}
@media (prefers-reduced-motion: reduce){.wmdock #melding.op{ animation-duration: .01s; }}
.wmdock #overgang{ position: fixed; inset: 0; z-index: 20; display: none; place-items: center; background: #010107; --r: 0px;
  -webkit-mask: radial-gradient(circle at 50% 46%, transparent var(--r), #000 calc(var(--r) + 1px));
  mask: radial-gradient(circle at 50% 46%, transparent var(--r), #000 calc(var(--r) + 1px)); }
.wmdock #overgang.aan{ display: grid; }
.wmdock #overgang span{ font: 600 12px var(--mono); letter-spacing: .45em; color: var(--goud); text-shadow: 0 0 14px rgba(232,201,106,.7); opacity: var(--tekst, 1); }
.wmdock #overgang span::after{ content: ""; display: block; height: 1px; margin-top: 10px; background: linear-gradient(90deg, transparent, var(--goud), transparent); }
.wmdock #hud{ position: fixed; inset: 0; z-index: 6; pointer-events: none; font-size: 13px; }
.wmdock #hud > *{ pointer-events: auto; }
.wmdock #top{ position: absolute; top: 12px; left: 16px; right: 16px; display: flex; align-items: center; gap: 12px; }
.wmdock #top .titel{ display: flex; flex-direction: column; line-height: 1.05; margin-right: auto; }
.wmdock #top h1{ margin: 0; font-family: var(--display); font-weight: 700; font-size: 22px; letter-spacing: .18em; color: var(--goud); }
.wmdock #top small{ font-family: var(--mono); font-size: 10px; letter-spacing: .24em; color: var(--stil); }
.wmdock .chips,.wmdock .bediening{ display: flex; gap: 8px; align-items: center; }
.wmdock .chip{ font: 500 12px var(--body); color: var(--zacht); background: var(--glas); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: 7px 11px; white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; }
.wmdock button.chip{ cursor: pointer; }
.wmdock button.chip:hover{ border-color: rgba(255,255,255,.35); }
.wmdock button.chip:focus-visible{ outline: 2px solid var(--goud); outline-offset: 2px; }
.wmdock .chip b{ font-family: var(--mono); font-weight: 600; color: var(--tekst); }
.wmdock .pos{ color: var(--groen) !important; }
.wmdock .neg{ color: var(--rood) !important; }
.wmdock .dot{ width: 7px; height: 7px; border-radius: 50%; display: inline-block; background: var(--groen); box-shadow: 0 0 8px var(--groen); }
.wmdock .spin{ width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(64,224,255,.25); border-top-color: var(--cyaan); animation: draai 1.2s linear infinite; }
@keyframes draai { to { transform: rotate(360deg); } }
.wmdock .knop.terug[disabled]{ opacity: .55; cursor: default; }
.wmdock #console{ position: absolute; bottom: 10px; left: 50%; width: min(1240px, calc(100% - 32px)); padding: 1px; transform: translate(-50%, 0);
  background: linear-gradient(90deg, rgba(64,224,255,.6), rgba(232,201,106,.9) 30%, rgba(232,201,106,.9) 70%, rgba(64,224,255,.6));
  clip-path: polygon(26px 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%, 0 26px); transition: transform .6s cubic-bezier(.2,.9,.2,1); }
.wmdock #console.uit{ transform: translate(-50%, 130%); }
.wmdock #console .romp{ position: relative; overflow: hidden; padding: 4px 16px 10px;
  clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 0 100%, 0 25px);
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 3px), linear-gradient(180deg, #141c34 0%, #0b1020 55%, #070a15 100%); }
.wmdock #console .kopregel{ display: flex; align-items: center; gap: 12px; font: 500 9px var(--mono); letter-spacing: .26em; color: var(--stil); padding: 4px 14px 6px; margin-bottom: 8px; border-bottom: 1px solid rgba(232,201,106,.16); }
.wmdock #console .kopregel .midden{ margin: 0 auto; color: rgba(232,201,106,.55); }
.wmdock #console .leds{ display: flex; gap: 5px; }
.wmdock #console .leds i{ width: 6px; height: 6px; background: var(--groen); box-shadow: 0 0 6px var(--groen); animation: led 2.4s steps(1) infinite; }
.wmdock #console .leds i:nth-child(2){ background: var(--cyaan); box-shadow: 0 0 6px var(--cyaan); animation-delay: -.8s; }
.wmdock #console .leds i:nth-child(3){ background: var(--goud); box-shadow: 0 0 6px var(--goud); animation-delay: -1.6s; }
@keyframes led { 0%, 70% { opacity: 1; } 71%, 100% { opacity: .25; } }
.wmdock #console .tegels{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.wmdock #console .scan{ position: absolute; top: 0; bottom: 0; left: -12%; width: 10%; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(64,224,255,.10), rgba(64,224,255,.22), rgba(64,224,255,.10), transparent); animation: veeg 7s linear infinite; }
@keyframes veeg { 0% { left: -12%; } 45%, 100% { left: 112%; } }
.wmdock .tegel{ --rand: color-mix(in srgb, var(--k) 32%, transparent); cursor: pointer; text-align: left; font: inherit; color: var(--tekst); border: 0; background: var(--rand); position: relative; display: flex; flex-direction: column; gap: 1px; min-width: 0; padding: 9px 50px 9px 38px;
  clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px); transition: background .15s; }
.wmdock .tegel::before{ content: ""; position: absolute; inset: 1px; z-index: 0; background: linear-gradient(180deg, rgba(14,20,38,.98), rgba(8,12,24,.98)); clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); transition: background .15s; }
.wmdock .tegel::after{ content: ""; position: absolute; inset: 3px; z-index: 1; pointer-events: none; opacity: .9;
  background: linear-gradient(var(--k), var(--k)) right top / 10px 2px no-repeat, linear-gradient(var(--k), var(--k)) right top / 2px 10px no-repeat,
              linear-gradient(var(--k), var(--k)) left bottom / 10px 2px no-repeat, linear-gradient(var(--k), var(--k)) left bottom / 2px 10px no-repeat; }
.wmdock .tegel > *{ position: relative; z-index: 2; }
.wmdock .tegel .ico{ position: absolute; left: 11px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: var(--k); filter: drop-shadow(0 0 4px var(--k)); }
.wmdock .tegel .naam{ font: 500 9.5px var(--mono); letter-spacing: .12em; color: var(--k); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmdock .tegel b{ font: 700 15px var(--display); letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmdock .tegel small{ font-size: 10.5px; color: var(--stil); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmdock .tegel:hover,.wmdock .tegel.wijst{ --rand: color-mix(in srgb, var(--k) 75%, transparent); }
.wmdock .tegel:hover::before,.wmdock .tegel.wijst::before{ background: linear-gradient(180deg, color-mix(in srgb, var(--k) 12%, #0E1426), rgba(8,12,24,.98)); }
.wmdock .tegel[aria-pressed="true"]{ --rand: var(--k); }
.wmdock .tegel[aria-pressed="true"]::before{ background: linear-gradient(180deg, color-mix(in srgb, var(--k) 22%, #0E1426), color-mix(in srgb, var(--k) 6%, #080C18)); box-shadow: inset 0 0 18px -6px var(--k); }
.wmdock .tegel:focus-visible{ outline: none; --rand: var(--goud); }
.wmdock .tegel:focus-visible::before{ inset: 2px; }
.wmdock .tegel .nieuw{ position: absolute; top: 6px; right: 9px; z-index: 3; min-width: 16px; height: 14px; background: var(--goud); color: #10131C; font: 700 9.5px var(--mono); display: grid; place-items: center; padding: 0 4px; clip-path: polygon(3px 0, 100% 0, 100% calc(100% - 3px), calc(100% - 3px) 100%, 0 100%, 0 3px); }
.wmdock .tegel .nieuw[hidden]{ display: none; }
.wmdock .vis{ position: absolute !important; right: 10px; top: 50%; transform: translateY(-50%); width: 40px; height: 26px; color: var(--k); }
.wmdock svg.vis{ overflow: visible; }
.wmdock .vis.balkjes{ display: flex; align-items: flex-end; gap: 2px; }
.wmdock .vis.balkjes i{ flex: 1; background: color-mix(in srgb, var(--k) 30%, transparent); animation: sein 1.6s steps(1) infinite; animation-delay: calc(var(--j) * .2s - 1.6s); }
@keyframes sein { 0%, 12% { background: var(--k); box-shadow: 0 0 6px var(--k); } 13%, 100% { background: color-mix(in srgb, var(--k) 30%, transparent); box-shadow: none; } }
.wmdock .vis.ledjes{ display: grid; grid-template-columns: repeat(2, 10px); gap: 4px 6px; justify-content: end; align-content: center; }
.wmdock .vis.ledjes i{ width: 10px; height: 8px; background: var(--l); box-shadow: 0 0 6px var(--l); }
.wmdock .vis.ledjes i.knip{ animation: led 1.2s steps(1) infinite; }
.wmdock .vis.ledjes i.uit{ box-shadow: none; opacity: .45; }
.wmdock .vis.segment{ display: flex; flex-direction: column; gap: 3px; width: 14px; justify-content: center; }
.wmdock .vis.segment i{ height: 6px; background: var(--l); opacity: .18; }
.wmdock .vis.segment i.aan{ opacity: 1; box-shadow: 0 0 8px var(--l); animation: led 1s steps(1) infinite; }
.wmdock .vis.puntjes{ display: grid; grid-template-columns: repeat(4, 6px); gap: 4px; justify-content: end; align-content: center; }
.wmdock .vis.puntjes i{ width: 6px; height: 6px; background: var(--k); box-shadow: 0 0 5px var(--k); }
.wmdock .vis.puntjes i.leert{ background: transparent; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--k) 55%, transparent); }
.wmdock #console.boot .tegel{ animation: aanzetten .7s steps(7) both; animation-delay: calc(.35s + var(--i) * .12s); }
@keyframes aanzetten { 0% { opacity: 0; filter: brightness(2.2); } 30% { opacity: .9; } 45% { opacity: .2; } 60% { opacity: 1; filter: brightness(1.8); } 100% { opacity: 1; filter: none; } }
.wmdock #console.wacht .tegel{ opacity: 0; }
.wmdock #console.glitch .romp{ animation: glitch .45s steps(2) 1; }
@keyframes glitch { 0% { transform: translate(0, 0); filter: none; } 20% { transform: translate(-3px, 1px); filter: hue-rotate(40deg) brightness(1.3); } 40% { transform: translate(3px, -1px); } 60% { transform: translate(-1px, 0); filter: saturate(2); } 100% { transform: none; filter: none; } }
.wmdock #la{ position: absolute; top: 72px; right: 16px; bottom: 132px; width: 400px; display: flex; flex-direction: column;
  background: linear-gradient(180deg, var(--k, #E8C96A), color-mix(in srgb, var(--k, #E8C96A) 30%, transparent) 35%, rgba(64,224,255,.35));
  clip-path: polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);
  transform: translateX(calc(100% + 24px)); opacity: 0; transition: transform .3s cubic-bezier(.2,.8,.2,1), opacity .2s, width .35s cubic-bezier(.2,.8,.2,1); }
.wmdock #la.open{ transform: none; opacity: 1; }
.wmdock #la::before{ content: ""; position: absolute; inset: 1px; z-index: 0; clip-path: polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.016) 0 1px, transparent 1px 3px), linear-gradient(180deg, #121a31 0%, #0a0f1e 40%, #070a15 100%); }
.wmdock #la::after{ content: ""; position: absolute; inset: 6px; z-index: 1; pointer-events: none;
  background: linear-gradient(var(--k), var(--k)) right top / 14px 2px no-repeat, linear-gradient(var(--k), var(--k)) right top / 2px 14px no-repeat,
              linear-gradient(var(--k), var(--k)) left bottom / 14px 2px no-repeat, linear-gradient(var(--k), var(--k)) left bottom / 2px 14px no-repeat; }
.wmdock #la > *{ position: relative; z-index: 2; }
.wmdock #la .scanV{ position: absolute; left: 0; right: 0; top: -60px; height: 60px; z-index: 3; pointer-events: none; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--k) 22%, transparent), transparent); }
.wmdock #la.boot .scanV{ animation: laScan .7s ease-out 1; }
@keyframes laScan { from { top: -60px; } to { top: 100%; } }
.wmdock #la.boot .paneel.aan .kol > *{ animation: regelAan .4s steps(4) 1; animation-delay: calc(var(--n, 0) * .04s); }
@keyframes regelAan { 0% { opacity: .2; transform: translateX(6px); } 50% { opacity: .6; } 100% { opacity: 1; transform: none; } }
.wmdock #la header{ display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 4px 8px; padding: 14px 18px 10px 26px; border-bottom: 1px solid color-mix(in srgb, var(--k) 22%, transparent); margin: 0 10px 0 0; }
.wmdock #la header .led{ width: 7px; height: 7px; background: var(--k); box-shadow: 0 0 8px var(--k); animation: led 1.6s steps(1) infinite; }
.wmdock #la header .mod{ font: 500 9.5px var(--mono); letter-spacing: .22em; color: var(--stil); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmdock #la header h2{ grid-column: 1 / -1; margin: 0; font: 700 19px var(--display); letter-spacing: .16em; color: var(--k); text-shadow: 0 0 14px color-mix(in srgb, var(--k) 45%, transparent); }
.wmdock #laDicht,.wmdock #laGroot{ cursor: pointer; width: 30px; height: 26px; border: 0; background: color-mix(in srgb, var(--k) 18%, transparent); color: var(--tekst); font-size: 15px; line-height: 1;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px); }
.wmdock #laDicht:hover,.wmdock #laGroot:hover{ background: color-mix(in srgb, var(--k) 40%, transparent); }
.wmdock #laDicht:focus-visible,.wmdock #laGroot:focus-visible{ outline: 2px solid var(--goud); outline-offset: 2px; }
.wmdock #laGroot[aria-pressed="true"]{ background: var(--k); color: #0B0F1A; }
.wmdock #la.breed{ width: min(900px, calc(100vw - 64px)); }
.wmdock .kol{ display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.wmdock .paneel.aan{ gap: 10px; }
.wmdock .alleenBreed{ display: none; }
.wmdock #la.breed .paneel.aan{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 28px; align-items: start; }
.wmdock #la.breed .alleenBreed{ display: flex; }
.wmdock .zoekveld{ display: block; width: 100%; box-sizing: border-box; }
.wmdock #la.breed .curve{ height: 150px; }
.wmdock #la.breed .zoeklijst{ max-height: 460px; }
.wmdock #la.breed .groot b{ font-size: 40px; }
.wmdock #la header{ cursor: default; user-select: none; }
.wmdock #la .inhoud{ overflow-y: auto; padding: 12px 18px 22px; display: flex; flex-direction: column; gap: 12px; min-height: 0; scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--k) 40%, transparent) transparent; }
.wmdock .paneel{ display: none; flex-direction: column; gap: 10px; }
.wmdock .paneel.aan{ display: flex; }
.wmdock .sub{ font: 500 9.5px var(--mono); letter-spacing: .22em; color: var(--stil); margin-top: 6px; display: flex; align-items: center; gap: 8px; }
.wmdock .sub::before{ content: ""; width: 5px; height: 5px; background: var(--k, var(--goud)); flex: none; }
.wmdock .sub::after{ content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--k, #E8C96A) 35%, transparent), transparent); order: 1; }
.wmdock .sub .rechts{ margin-left: auto; display: flex; gap: 4px; order: 2; }
.wmdock .tab{ cursor: pointer; font: 600 10.5px var(--mono); letter-spacing: .06em; color: var(--zacht); background: rgba(255,255,255,.05); border: 0; padding: 4px 9px;
  clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px); }
.wmdock .tab:hover{ color: var(--tekst); background: rgba(255,255,255,.1); }
.wmdock .tab[aria-pressed="true"]{ color: #0B0F1A; background: var(--k, var(--zacht)); }
.wmdock .tab:focus-visible{ outline: 2px solid var(--goud); outline-offset: 2px; }
.wmdock .groot{ display: flex; align-items: flex-end; justify-content: space-between; }
.wmdock .groot b{ font: 700 34px var(--display); letter-spacing: .02em; text-shadow: 0 0 18px currentColor; }
.wmdock .groot span{ font-size: 11px; color: var(--stil); text-align: right; line-height: 1.4; }
.wmdock .groot span b{ font: 600 13px var(--mono); color: var(--tekst); text-shadow: none; }
.wmdock .meters{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.wmdock .meter{ background: rgba(255,255,255,.035); padding: 7px 10px; display: flex; flex-direction: column; gap: 1px; border-left: 2px solid color-mix(in srgb, var(--k, #E8C96A) 60%, transparent);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%); }
.wmdock .meter span{ font: 500 9px var(--mono); letter-spacing: .16em; color: var(--stil); }
.wmdock .meter b{ font: 700 17px var(--display); color: var(--tekst); }
.wmdock .curve{ width: 100%; height: 86px; display: block; }
.wmdock .as{ font: 500 8.5px var(--mono); fill: #6B7386; }
.wmdock .balk{ height: 5px; background: rgba(255,255,255,.08); overflow: hidden; }
.wmdock .balk i{ display: block; height: 100%; background: var(--k, var(--goud)); box-shadow: 0 0 6px var(--k, var(--goud)); }
.wmdock .regel{ display: flex; justify-content: space-between; gap: 10px; font-size: 12.5px; color: var(--zacht); }
.wmdock .regel b{ font-family: var(--mono); font-weight: 600; color: var(--tekst); }
.wmdock .trade{ background: rgba(255,255,255,.03); padding: 9px 10px 8px; display: flex; flex-direction: column; gap: 7px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
.wmdock .spoor{ position: relative; height: 8px; background: linear-gradient(90deg, rgba(240,71,90,.35), rgba(255,255,255,.06) 33%, rgba(46,204,135,.3)); }
.wmdock .spoor .vul{ position: absolute; top: 0; bottom: 0; background: var(--groen); box-shadow: 0 0 8px var(--groen); }
.wmdock .spoor .streep{ position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--tekst); }
.wmdock .spoor .nu{ position: absolute; top: -4px; width: 4px; height: 16px; margin-left: -2px; background: var(--goud); box-shadow: 0 0 8px var(--goud); }
.wmdock .spoorlabels{ display: flex; justify-content: space-between; font: 500 9.5px var(--mono); color: var(--stil); }
.wmdock .spoorlabels .sl{ color: var(--rood); }
.wmdock .spoorlabels .tp{ color: var(--groen); }
.wmdock .lijst{ display: flex; flex-direction: column; gap: 6px; }
.wmdock .filter{ display: flex; gap: 4px; flex-wrap: wrap; }
.wmdock .feed{ display: grid; grid-template-columns: 70px 1fr auto; gap: 8px; align-items: center; font-size: 12.5px; color: var(--zacht); padding: 5px 6px; background: rgba(255,255,255,.02); border-left: 2px solid var(--fk, transparent); }
.wmdock .feed .tijd{ font-family: var(--mono); font-size: 11px; color: var(--stil); white-space: nowrap; }
.wmdock .feed b{ color: var(--tekst); font-weight: 600; }
.wmdock .feed[hidden]{ display: none; }
.wmdock .tag{ font: 600 9px var(--mono); letter-spacing: .08em; padding: 2px 6px; color: var(--k); border: 1px solid color-mix(in srgb, var(--k) 45%, transparent); background: color-mix(in srgb, var(--k) 12%, transparent); white-space: nowrap; }
.wmdock .feed.nieuw{ animation: nieuw 1.2s ease-out; }
@keyframes nieuw { from { background: rgba(232,201,106,.2); } to { background: rgba(255,255,255,.02); } }
.wmdock .leeg{ font-size: 12px; color: var(--stil); padding: 6px; }
.wmdock .alarmNaam{ font: 700 28px var(--display); letter-spacing: .08em; color: var(--k); text-shadow: 0 0 16px color-mix(in srgb, var(--k) 50%, transparent); }
.wmdock .alarmZin{ font-size: 12.5px; color: var(--zacht); margin-top: -6px; }
.wmdock .aftel{ display: flex; flex-direction: column; gap: 2px; background: rgba(255,255,255,.03); padding: 9px 12px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
.wmdock .aftel span{ font: 500 9px var(--mono); letter-spacing: .16em; color: var(--stil); }
.wmdock .aftel b{ font: 600 26px var(--mono); letter-spacing: .06em; color: var(--tekst); }
.wmdock .aftel small{ font-size: 12px; color: var(--zacht); }
.wmdock .sys{ display: grid; grid-template-columns: 12px auto 1fr; gap: 7px 8px; align-items: center; font-size: 12.5px; color: var(--stil); }
.wmdock .sys i{ width: 7px; height: 7px; background: var(--l, var(--groen)); box-shadow: 0 0 6px var(--l, var(--groen)); }
.wmdock .sys span:nth-child(3n){ text-align: right; color: var(--tekst); font-family: var(--mono); font-size: 11.5px; }
.wmdock .let{ font-size: 11.5px; color: var(--zacht); border: 1px dashed rgba(255,255,255,.18); padding: 8px 10px; line-height: 1.45; }
.wmdock .kaartjes{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.wmdock .lid{ display: grid; grid-template-columns: 22px 1fr; gap: 2px 8px; align-items: center; padding: 8px 9px; background: rgba(255,255,255,.03); border-left: 2px solid var(--k);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%); }
.wmdock .lid .kopje{ grid-row: span 2; width: 20px; height: 15px; border-radius: 6px 6px 5px 5px; background: var(--k); position: relative; box-shadow: inset 0 -4px 0 rgba(0,0,0,.3); }
.wmdock .lid .kopje::after{ content: ""; position: absolute; left: 3px; right: 3px; top: 4px; height: 5px; border-radius: 2px; background: #04060C; }
.wmdock .lid b{ font: 600 12.5px var(--body); color: var(--tekst); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmdock .lid span{ font-size: 11px; color: var(--zacht); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmdock .lid .balk{ grid-column: 1 / -1; margin-top: 4px; height: 3px; }
.wmdock .lid.leert{ opacity: .7; }
.wmdock .lid.leert .kopje{ opacity: .6; }
.wmdock .stations{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.wmdock .station{ cursor: pointer; text-align: left; color: var(--tekst); font: inherit; background: rgba(255,255,255,.03); border: 0; border-left: 2px solid var(--sk); padding: 8px 10px; display: flex; flex-direction: column; gap: 4px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
.wmdock .station:hover{ background: rgba(255,255,255,.07); }
.wmdock .station:focus-visible{ outline: 2px solid var(--goud); outline-offset: -2px; }
.wmdock .station[aria-pressed="true"]{ background: color-mix(in srgb, var(--goud) 12%, transparent); box-shadow: inset 0 0 0 1px var(--goud); }
.wmdock .station .kop{ display: flex; justify-content: space-between; align-items: center; font: 700 14px var(--display); letter-spacing: .06em; }
.wmdock .station .trend{ font-size: 11.5px; color: var(--zacht); display: flex; justify-content: space-between; align-items: center; }
.wmdock .station svg{ width: 100%; height: 22px; display: block; }
.wmdock .station .klein{ font: 500 10px var(--mono); color: var(--stil); }
.wmdock .detail{ font-size: 12.5px; color: var(--zacht); line-height: 1.5; background: rgba(255,255,255,.03); padding: 8px 10px; border-left: 2px solid var(--goud); }
.wmdock .detail b{ color: var(--tekst); }
.wmdock .bijna{ display: flex; flex-direction: column; gap: 4px; }
.wmdock .klokbalk{ position: relative; height: 50px; background: rgba(255,255,255,.03); overflow: hidden; }
.wmdock .sessie{ position: absolute; height: 11px; font: 600 9px var(--mono); letter-spacing: .08em; color: #0B0F1A; padding-left: 5px; line-height: 11px; white-space: nowrap; overflow: hidden; }
.wmdock .kz{ position: absolute; top: 39px; height: 3px; background: rgba(232,201,106,.55); }
.wmdock .ev{ position: absolute; top: 37px; width: 7px; height: 7px; margin-left: -3px; border-radius: 50%; }
.wmdock .klokbalk .nu{ position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--goud); box-shadow: 0 0 8px var(--goud); }
.wmdock .uren{ display: flex; justify-content: space-between; font: 500 9px var(--mono); color: var(--stil); margin-top: 3px; }
.wmdock .events{ display: grid; grid-template-columns: 46px 10px 1fr auto; gap: 8px; align-items: center; font-size: 12.5px; color: var(--zacht); }
.wmdock .events i{ width: 8px; height: 8px; border-radius: 50%; background: var(--k); }
.wmdock .events b{ font: 600 11px var(--mono); color: var(--tekst); }
.wmdock .events.voorbij{ opacity: .45; }
.wmdock .demo{ display: flex; gap: 6px; flex-wrap: wrap; }
.wmdock .slotnr{ display: inline-grid; place-items: center; width: 15px; height: 15px; margin-right: 6px; font: 700 9.5px var(--mono); font-style: normal; color: #0B0F1A; background: var(--sk); vertical-align: 1px; }
.wmdock .station .trend b{ font: 600 12.5px var(--mono); color: var(--tekst); }
.wmdock .station.leegslot{ opacity: .7; border-left-style: dashed; }
.wmdock .pos{ color: var(--groen); }
.wmdock .neg{ color: var(--rood); }
.wmdock .mono{ font-family: var(--mono); font-size: 11.5px; }
.wmdock .detail{ display: flex; flex-direction: column; gap: 6px; }
.wmdock .dkop{ display: flex; justify-content: space-between; align-items: center; }
.wmdock .dsym{ font: 700 18px var(--display); letter-spacing: .06em; }
.wmdock .dprijs{ display: flex; align-items: baseline; gap: 10px; }
.wmdock .dprijs b{ font: 600 22px var(--mono); }
.wmdock .pins{ display: flex; gap: 5px; align-items: center; flex-wrap: wrap; }
.wmdock .pins .tab{ min-width: 28px; }
.wmdock .pins .klein{ margin-left: 4px; }
.wmdock .alertregel{ display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; color: var(--zacht); }
.wmdock .alertregel b{ font-family: var(--mono); color: var(--tekst); }
.wmdock .nieuwalert{ display: flex; gap: 6px; }
.wmdock .nieuwalert input,.wmdock .zoekveld{ flex: 1; min-width: 0; font: 500 12.5px var(--mono); color: var(--tekst); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); padding: 6px 9px;
  clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px); }
.wmdock .nieuwalert input:focus,.wmdock .zoekveld:focus{ outline: none; border-color: var(--k, var(--cyaan)); background: rgba(255,255,255,.08); }
.wmdock .watch,.wmdock .zoeklijst{ display: flex; flex-direction: column; gap: 4px; }
.wmdock .zoeklijst{ max-height: 240px; overflow-y: auto; }
.wmdock .scrollvak{ overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; }
.wmdock #tradesLijst{ max-height: 300px; }
.wmdock #feed{ max-height: 380px; }
.wmdock #watchLijst{ max-height: 330px; }
.wmdock #la.breed #tradesLijst{ max-height: 420px; }
.wmdock #la.breed #feed{ max-height: 520px; }
.wmdock #la.breed #watchLijst{ max-height: 420px; }
.wmdock .scrollvak,.wmdock .zoeklijst,.wmdock #la .inhoud{ scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--k, #40E0FF) 55%, transparent) rgba(255,255,255,.04); }
.wmdock .scrollvak::-webkit-scrollbar,.wmdock .zoeklijst::-webkit-scrollbar,.wmdock #la .inhoud::-webkit-scrollbar{ width: 6px; }
.wmdock .scrollvak::-webkit-scrollbar-track,.wmdock .zoeklijst::-webkit-scrollbar-track,.wmdock #la .inhoud::-webkit-scrollbar-track{ background: rgba(255,255,255,.04); }
.wmdock .scrollvak::-webkit-scrollbar-thumb,.wmdock .zoeklijst::-webkit-scrollbar-thumb,.wmdock #la .inhoud::-webkit-scrollbar-thumb{ background: color-mix(in srgb, var(--k, #40E0FF) 55%, transparent); }
.wmdock .scrollvak::-webkit-scrollbar-thumb:hover,.wmdock .zoeklijst::-webkit-scrollbar-thumb:hover,.wmdock #la .inhoud::-webkit-scrollbar-thumb:hover{ background: var(--k, #40E0FF); }
.wmdock .meerrij{ display: flex; gap: 6px; align-items: center; }
.wmdock .meerrij[hidden]{ display: none; }
.wmdock .meer{ cursor: pointer; flex: 1; font: 600 10.5px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--k, var(--cyaan)); background: color-mix(in srgb, var(--k, #40E0FF) 10%, transparent); border: 1px dashed color-mix(in srgb, var(--k, #40E0FF) 45%, transparent); padding: 7px 10px;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px); }
.wmdock .meer span{ color: var(--stil); }
.wmdock .meer:hover{ background: color-mix(in srgb, var(--k, #40E0FF) 20%, transparent); }
.wmdock .meer.stil{ flex: none; color: var(--zacht); border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.03); }
.wmdock .meer:focus-visible{ outline: 2px solid var(--goud); outline-offset: 2px; }
.wmdock .wrij{ cursor: pointer; display: grid; grid-template-columns: 18px 64px 1fr auto 62px; gap: 8px; align-items: center; text-align: left; font: inherit; font-size: 12.5px; color: var(--zacht); background: rgba(255,255,255,.025); border: 0; padding: 5px 7px; }
.wmdock .wrij b{ color: var(--tekst); }
.wmdock .wrij svg{ width: 100%; height: 16px; }
.wmdock .wrij .mono:last-child{ text-align: right; }
.wmdock .wrij:hover{ background: rgba(255,255,255,.06); }
.wmdock .wrij[aria-pressed="true"]{ background: color-mix(in srgb, var(--goud) 12%, transparent); box-shadow: inset 2px 0 0 var(--goud); }
.wmdock .wrij:focus-visible{ outline: 2px solid var(--goud); outline-offset: -2px; }
.wmdock .slotje{ display: grid; place-items: center; width: 16px; height: 16px; font: 700 9.5px var(--mono); color: var(--goud); background: rgba(232,201,106,.12); }
.wmdock .zrij{ display: grid; grid-template-columns: 64px 1fr auto auto; gap: 8px; align-items: center; font-size: 12.5px; padding: 3px 2px; border-bottom: 1px solid rgba(255,255,255,.04); }
.wmdock .zrij b{ color: var(--tekst); }
.wmdock .klein{ font: 500 10.5px var(--body); color: var(--stil); }
.wmdock .trades{ display: flex; flex-direction: column; font-size: 12px; }
.wmdock .trow{ display: grid; grid-template-columns: 88px 64px 40px minmax(0, 1fr) 96px; gap: 6px; align-items: center; padding: 5px 6px; color: var(--zacht); border-bottom: 1px solid rgba(255,255,255,.05); }
.wmdock .trow:nth-child(even){ background: rgba(255,255,255,.02); }
.wmdock .trow.kopr{ font: 500 9px var(--mono); letter-spacing: .14em; color: var(--stil); border-bottom-color: color-mix(in srgb, var(--k) 30%, transparent); }
.wmdock .trow b{ color: var(--tekst); font-weight: 600; }
.wmdock .trow .tijd{ font: 500 11px var(--mono); color: var(--stil); white-space: nowrap; }
.wmdock .trow .r{ text-align: right; font: 600 12px var(--mono); position: relative; white-space: nowrap; }
.wmdock .trow .r i{ position: absolute; right: 0; bottom: -4px; height: 2px; background: currentColor; opacity: .5; }
.wmdock .trow .setup{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wmdock .klant .admin-only{ display: none !important; }
.wmdock #tip{ position: fixed; z-index: 7; left: 0; top: 0; pointer-events: none; font: 600 11px var(--mono); letter-spacing: .08em; color: var(--k, var(--goud)); background: rgba(8,12,24,.92); border: 1px solid var(--k, var(--goud)); border-radius: 6px; padding: 4px 8px; white-space: nowrap; opacity: 0; transition: opacity .12s; }
.wmdock #tip.aan{ opacity: 1; }
.wmdock #tip small{ color: var(--stil); font-weight: 500; letter-spacing: .04em; }
@media (max-width: 1100px){.wmdock .chips .chip.minder{ display: none; }
.wmdock .tegel small{ display: none; }
.wmdock #console .kopregel .midden{ display: none; }}
@media (max-width: 760px){.wmdock #top{ flex-wrap: wrap; gap: 8px; }
.wmdock #top h1{ font-size: 17px; }
.wmdock .chips{ order: 3; width: 100%; overflow-x: auto; }
.wmdock .chips .chip.minder{ display: none; }
.wmdock #la{ top: auto; left: 8px; right: 8px; bottom: 80px; width: auto; max-height: 58%; transform: translateY(calc(100% + 100px)); }
.wmdock #la.breed{ width: auto; max-height: calc(100% - 96px); }
.wmdock #la.breed .paneel.aan{ display: flex; }
.wmdock #la.breed .alleenBreed{ display: none; }
.wmdock #console{ bottom: 6px; width: calc(100% - 12px); }
.wmdock #console .romp{ padding: 4px 8px 8px; overflow-x: auto; }
.wmdock #console .kopregel{ display: none; }
.wmdock #console .tegels{ grid-template-columns: repeat(6, minmax(84px, 1fr)); gap: 6px; }
.wmdock .tegel{ padding: 7px 8px; }
.wmdock .tegel .ico,.wmdock .tegel small,.wmdock .vis{ display: none; }
.wmdock .tegel b{ font-size: 13px; }
.wmdock #tip{ display: none; }}
@media (prefers-reduced-motion: reduce){.wmdock .spin,.wmdock #console .scan,.wmdock #console .leds i,.wmdock .vis i{ animation: none !important; }
.wmdock .feed.nieuw{ animation: none; }
.wmdock #la,.wmdock #console{ transition: none; }
.wmdock #console.boot .tegel,.wmdock #console.glitch .romp{ animation: none; }
.wmdock #console.wacht .tegel{ opacity: 1; }}
.wmdock .kant{ display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.wmdock .kant button{ cursor: pointer; font: 700 15px var(--display); letter-spacing: .14em; padding: 11px 8px; border: 0; color: var(--zacht); background: rgba(255,255,255,.05);
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }
.wmdock .kant button[data-kant="SELL"][aria-pressed="true"]{ background: var(--rood); color: #fff; box-shadow: inset 0 0 18px rgba(0,0,0,.25); }
.wmdock .kant button[data-kant="BUY"][aria-pressed="true"]{ background: var(--groen); color: #06140F; }
.wmdock .kant button:focus-visible{ outline: 2px solid var(--goud); outline-offset: 2px; }
.wmdock .veld{ display: grid; grid-template-columns: 92px 1fr auto; gap: 8px; align-items: center; font-size: 12.5px; color: var(--zacht); }
.wmdock .veld input{ min-width: 0; font: 600 13px var(--mono); color: var(--tekst); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); padding: 6px 9px;
  clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px); }
.wmdock .veld input:focus{ outline: none; border-color: var(--k, var(--groen)); background: rgba(255,255,255,.08); }
.wmdock .veld input:disabled{ opacity: .45; }
.wmdock .veld small{ font: 500 10.5px var(--mono); color: var(--stil); min-width: 64px; text-align: right; }
.wmdock .chiprij{ display: flex; gap: 4px; flex-wrap: wrap; }
.wmdock [data-pid="oForm"] [hidden]{ display: none !important; }
.wmdock .fout{ font-size: 12px; color: var(--rood); min-height: 16px; }
.wmdock .grote-knop{ cursor: pointer; width: 100%; font: 700 14px var(--display); letter-spacing: .2em; padding: 12px; border: 0; color: #06140F; background: var(--groen);
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); box-shadow: 0 0 20px -6px var(--groen); }
.wmdock .grote-knop.sell{ background: var(--rood); color: #fff; }
.wmdock .grote-knop:disabled{ opacity: .4; cursor: not-allowed; }
.wmdock .grote-knop.stil{ background: rgba(255,255,255,.07); color: var(--zacht); box-shadow: none; }
.wmdock .grote-knop:focus-visible{ outline: 2px solid var(--goud); outline-offset: 2px; }
.wmdock .grafiek{ width: 100%; height: 210px; display: block; background: rgba(255,255,255,.02); }
.wmdock #la.breed .grafiek{ height: 330px; }
.wmdock .symkop{ display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.wmdock .tfrij{ margin-left: auto; display: flex; gap: 3px; align-self: center; }
.wmdock .grafiek{ cursor: crosshair; touch-action: none; }
@media (min-width: 761px){.wmdock #la.breed[data-p="order"]{ width: calc(100vw - 32px); }
.wmdock #la.breed[data-p="order"] .inhoud{ overflow: hidden; }
.wmdock #la.breed[data-p="order"] .paneel.aan{ flex: 1; min-height: 0; grid-template-columns: minmax(0, 1fr) 330px; align-items: stretch; }
.wmdock #la.breed[data-p="order"] .paneel.aan > .kol{ min-height: 0; }
.wmdock #la.breed[data-p="order"] .grafiek{ flex: 1; height: auto; min-height: 0; }
.wmdock #la.breed[data-p="order"] .meters{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wmdock #la.breed[data-p="order"] [data-pid="oForm"]{ overflow-y: auto; padding-right: 6px; }}
.wmdock .symkop select{ font: 700 16px var(--display); letter-spacing: .06em; color: var(--tekst); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); padding: 4px 8px; }
.wmdock .symkop b{ font: 600 20px var(--mono); }
.wmdock .symkop span{ font: 500 12px var(--mono); }
.wmdock .drukwaar{ font: 500 10.5px var(--mono); color: var(--stil); }
.wmdock .drukmeter{ width: 34px; height: 4px; background: rgba(255,255,255,.1); display: inline-block; }
.wmdock .drukmeter i{ display: block; height: 100%; width: 50%; background: var(--groen); box-shadow: 0 0 6px var(--groen); transition: width .8s; }
.wmdock #la .pinlaag{ position: absolute; inset: 0; z-index: 6; display: none; place-items: center; background: rgba(4,6,12,.86); backdrop-filter: blur(3px); }
.wmdock #la .pinlaag.aan{ display: grid; }
.wmdock .pinkaart{ width: min(340px, calc(100% - 32px)); background: #0B1122; border: 1px solid var(--k, var(--groen)); padding: 16px; display: flex; flex-direction: column; gap: 10px;
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px); box-shadow: 0 0 40px -10px var(--k, var(--groen)); }
.wmdock .pinkaart h3{ margin: 0; font: 700 15px var(--display); letter-spacing: .16em; color: var(--k, var(--groen)); }
.wmdock .pinsamen{ display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; font-size: 12.5px; color: var(--stil); }
.wmdock .pinsamen b{ text-align: right; font: 600 12.5px var(--mono); color: var(--tekst); }
.wmdock .pinpunten{ display: flex; justify-content: center; gap: 12px; padding: 4px 0; }
.wmdock .pinpunten i{ width: 14px; height: 14px; border: 2px solid var(--k, var(--groen)); }
.wmdock .pinpunten i.vol{ background: var(--k, var(--groen)); box-shadow: 0 0 10px var(--k, var(--groen)); }
.wmdock .pinkaart.schud{ animation: schud .35s steps(6); }
@keyframes schud { 0%, 100% { transform: none; } 25% { transform: translateX(-6px); } 50% { transform: translateX(6px); } 75% { transform: translateX(-3px); } }
.wmdock .toetsen{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.wmdock .toetsen button{ cursor: pointer; font: 600 16px var(--mono); padding: 9px 0; color: var(--tekst); background: rgba(255,255,255,.06); border: 0;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px); }
.wmdock .toetsen button:hover{ background: rgba(255,255,255,.12); }
.wmdock .toetsen button:focus-visible{ outline: 2px solid var(--goud); outline-offset: -2px; }
.wmdock .pinhint{ font: 500 10.5px var(--mono); color: var(--stil); text-align: center; }
.wmdock .verstuurd{ display: flex; flex-direction: column; gap: 8px; align-items: stretch; text-align: center; padding: 10px 0; }
.wmdock .verstuurd b{ font: 700 18px var(--display); color: var(--groen); letter-spacing: .06em; }
.wmdock .verstuurd span{ font: 500 12px var(--mono); color: var(--zacht); }
.wmdock .positie{ background: rgba(255,255,255,.03); padding: 9px 10px; display: flex; flex-direction: column; gap: 7px; border-left: 2px solid var(--pk, var(--groen));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
.wmdock .positie .regel b.groot2{ font: 700 15px var(--mono); }
.wmdock .knoprij{ display: flex; gap: 6px; }
.wmdock .knoprij .tab{ flex: 1; padding: 6px 8px; }
.wmdock .dockrij{ display: grid; grid-template-columns: 70px 1fr auto; gap: 8px; align-items: center; font-size: 12.5px; color: var(--zacht); padding: 5px 6px; background: rgba(255,255,255,.02); border-left: 2px solid var(--fk, transparent); }
.wmdock .dockrij .tijd{ font: 500 11px var(--mono); color: var(--stil); white-space: nowrap; }
.wmdock .dockrij b{ color: var(--tekst); font-weight: 600; }
.wmdock .vis.kaarsjes{ display: flex; align-items: center; gap: 3px; justify-content: end; }
.wmdock .vis.kaarsjes i{ width: 4px; background: var(--l); box-shadow: 0 0 4px var(--l); }
.wmdock .vis.posbalkjes{ display: flex; align-items: flex-end; gap: 3px; justify-content: end; }
.wmdock .vis.posbalkjes i{ width: 7px; background: var(--l); box-shadow: 0 0 5px var(--l); }
.wmdock .vis.bord{ display: grid; grid-template-columns: repeat(5, 5px); gap: 3px; justify-content: end; align-content: center; }
.wmdock .vis.bord i{ width: 5px; height: 5px; background: var(--k); opacity: .25; }
.wmdock .vis.bord i.aan{ opacity: 1; box-shadow: 0 0 5px var(--k); }
.wmdock{position:relative;color:var(--tekst);font-family:var(--body)}
.wmdock aside{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:none}
.wmdock .inhoud{overflow:visible!important;max-height:none!important;height:auto!important}
.wmdock .paneel{display:block!important;opacity:1!important;transform:none!important}
.wmdock .grafiek{width:100%;height:auto}

.wmdock .wmdock-voorbeeld{position:absolute;top:18px;right:22px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--stil);border:1px dashed rgba(255,255,255,.18);border-radius:4px;padding:2px 6px;z-index:2}