#dlpalOv{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:99998;display:none;align-items:flex-start;justify-content:center}
#dlpalOv.on{display:flex}
#dlpal{margin-top:11vh;width:min(600px,92vw);background:var(--to-vlak,#fff);color:var(--to-tekst,#0f172a);border-radius:14px;box-shadow:0 24px 60px rgba(2,6,23,.4);overflow:hidden;font-family:inherit;display:flex;flex-direction:column;max-height:78vh;position:relative}
#dlpalIn{width:100%;border:0;outline:0;padding:15px 44px 15px 18px;font-size:1.02rem;box-sizing:border-box;border-bottom:1px solid var(--to-lijn,#e2e8f0);color:inherit;background:transparent}
#dlpalSluit{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--to-gedempt,#64748b);font-size:1.1rem;cursor:pointer}
#dlpalSluit:hover{background:var(--to-vlak-2,#eef2ff)}
#dlpalList{flex:1 1 auto;min-height:0;overflow:auto;margin:0;padding:6px;list-style:none;overscroll-behavior:contain}
.dlpal-kop{padding:9px 12px 3px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--to-gedempt,#64748b);display:flex;justify-content:space-between;align-items:baseline}
.dlpal-kop a{color:inherit;text-decoration:none;font-weight:600;letter-spacing:0;text-transform:none;font-size:.72rem}
.dlpal-kop a:hover{color:var(--to-merk,#1e5a9e);text-decoration:underline}
.dlpal-it{display:flex;align-items:center;gap:6px;border-radius:9px}
.dlpal-it>a{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:inherit;text-decoration:none;cursor:pointer}
.dlpal-it.sel>a{background:var(--to-vlak-2,#eef2ff)}
.dlpal-it .t{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlpal-it .c{margin-left:auto;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:#fff;background:var(--to-gedempt,#64748b);border-radius:20px;padding:2px 9px;white-space:nowrap;flex:0 0 auto}
.dlpal-it.huidig>a{opacity:.55}
.dlpal-it.recent .c{background:var(--to-merk,#1e5a9e)}
.dlpal-it .tab{flex:0 0 auto;width:30px;height:30px;margin-right:4px;border:1px solid var(--to-lijn,#e2e8f0);border-radius:8px;background:var(--to-vlak,#fff);color:var(--to-gedempt,#64748b);font-size:.9rem;cursor:pointer;opacity:0}
.dlpal-it:hover .tab,.dlpal-it.sel .tab,.dlpal-it .tab:focus-visible{opacity:1}
.dlpal-it .tab:hover{color:var(--to-merk,#1e5a9e);border-color:var(--to-merk,#1e5a9e)}
.dlpal-it .pin{margin-right:0}
.dlpal-it.gepind .pin{opacity:1;color:var(--to-merk,#1e5a9e);border-color:var(--to-merk,#1e5a9e)}
.dlpal-none{padding:18px;color:var(--to-gedempt,#64748b);text-align:center}
#dlpalFoot{padding:8px 14px;border-top:1px solid var(--to-lijn,#e2e8f0);font-size:.74rem;color:var(--to-gedempt,#94a3b8);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
/* Klein bolletje dat pas bij aanwijzen uitklapt tot de volledige knop. De brede
   "⌘K Zoeken"-pil stond in de tools (beeld-editor, video-editor, CAD) precies over
   de werkbalk rechtsonder heen. Ingeklapt is hij 34px en half doorzichtig -- uit de
   weg maar vindbaar; bij hover of toetsenbordfocus klapt het label open. Na
   scrollen is hij de enige ingang (de kopbalk is niet sticky), dus hij blijft. */
#dlpalBtn{position:fixed;right:14px;bottom:14px;z-index:99990;display:flex;align-items:center;gap:0;
  background:#1e3a8a;color:#fff;border:0;border-radius:17px;height:34px;padding:0 8px;
  font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(30,58,138,.32);
  font-family:inherit;opacity:.55;overflow:hidden;max-width:34px;white-space:nowrap;
  transition:max-width .18s ease,opacity .15s ease,background .15s ease}
#dlpalBtn .lbl{margin-left:7px;opacity:0;transition:opacity .12s ease}
#dlpalBtn:hover,#dlpalBtn:focus-visible{background:#1e40af;opacity:1;max-width:190px}
#dlpalBtn:hover .lbl,#dlpalBtn:focus-visible .lbl{opacity:1}
#dlpalBtn svg{flex:0 0 auto}
@media(max-width:520px){ #dlpalBtn{right:10px;bottom:10px} #dlpalFoot{display:none} }
/* Telefoon en aanraakschermen: de zoeker vult het scherm, grote tegels, het
   ↗ altijd zichtbaar (44 px), het bolletje dekkend en groter. */
@media(max-width:520px),(pointer:coarse){
  #dlpal{margin:0;width:100%;max-height:none;height:100vh;height:100dvh;border-radius:0}
  #dlpalIn{padding:16px 52px 16px 16px;font-size:1.05rem}
  .dlpal-it>a{min-height:44px;padding:10px 12px}
  .dlpal-it .tab{opacity:1;width:44px;height:44px;font-size:1.05rem}
  #dlpalBtn{opacity:.95;height:44px;border-radius:22px;max-width:44px;padding:0 13px}
}