/* Video-kiezer (js/video.js): zwevend zoekvenster om een demo-video uit de oefenbibliotheek in de tekst te zetten.
   Stijl als de uitklapmenu's (UI.menu); boven het volledig-scherm van de editor (z-index 450) en het plusjes-paneel. */
.vk-box { position: fixed; z-index: 470; width: 360px; max-width: calc(100vw - 16px); display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(0,0,0,.15); border-radius: 3px; box-shadow: 0 6px 12px rgba(0,0,0,.175); font-size: 13px; color: var(--text); }
.vk-zoek { position: relative; flex: none; padding: 8px; border-bottom: 1px solid #eee; }
.vk-zoek > .fa-search { position: absolute; left: 19px; top: 50%; transform: translateY(-50%); color: #9e9e9e; font-size: 12px; }
.vk-zoek input { display: block; width: 100%; padding: 6px 10px 6px 30px; border: 1px solid #e5e6e7; border-radius: 2px; font: inherit; color: #333; background: #fff; outline: none; }
.vk-zoek input:focus { border-color: var(--blue); }
.vk-lijst { flex: 1 1 auto; min-height: 0; overflow-y: auto; list-style: none; margin: 0; padding: 4px 0; }
.vk-kop { padding: 8px 12px 3px; font-size: 11px; font-weight: 700; color: #9e9e9e; text-transform: uppercase; }
.vk-it { display: flex; align-items: center; gap: 10px; padding: 4px 12px; cursor: pointer; color: #333; user-select: none; }
.vk-it.hl { background: var(--blue); color: #fff; }
.vk-thumb { flex: none; width: 48px; height: 27px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 2px; background: #eee; color: #9e9e9e; font-size: 16px; }
.vk-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vk-it.hl .vk-thumb { color: #fff; background: rgba(255,255,255,.25); }
.vk-naam { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vk-ok { flex: none; color: var(--green); }
.vk-it.hl .vk-ok { color: #fff; }
.vk-leeg { padding: 10px 12px; color: #9e9e9e; }
.vk-voet { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px; border-top: 1px solid #eee; background: #fafafa; }
.vk-tel { font-size: 12px; color: #9e9e9e; }

/* Knop "Video toevoegen" in de werkbalken: open stand */
.wo-md-bar a.menu-open { background: #fcfcfc; border-color: #95a5a6; }
.md-toolbar a.menu-open { background: #e0e0e0; color: #616161; }

/* Losse knop bij de gewone notitievelden in het plusjes-paneel */
.vk-knop { font-weight: 400; font-size: 12px; color: #9e9e9e; cursor: pointer; white-space: nowrap; }
.vk-knop:hover, .vk-knop.menu-open { color: #e52d27; text-decoration: none; }
.add-workout-container label .vk-knop { float: right; }
.add-workout-container .vk-rij { display: flex; align-items: center; justify-content: space-between; gap: 10px; }