/* --- Thumb dropdown (vanilla, no-deps) --- */
.oc-thumb-wrap{position:relative;display:inline-block;width:100%}
.oc-thumb-toggle{
  width:100%;height:38px;display:flex;align-items:center;gap:.5rem;
  border:1px solid #ced4da;border-radius:.25rem;background:#fff;color:#212529;
  padding:0 .75rem 0 .5rem;cursor:pointer
}
.oc-thumb-toggle:after{content:"▾";margin-left:auto;opacity:.6}
.oc-thumb-toggle-img{width:20px;height:20px;background-size:cover;background-position:center;border-radius:3px;flex:0 0 20px}
.oc-thumb-toggle-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.oc-thumb-list{
  position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);
  background:#fff;border:1px solid #ced4da;border-radius:.25rem;max-height:240px;overflow:auto;
  box-shadow:0 6px 18px rgba(0,0,0,.08)
}
.oc-thumb-item{
  display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer
}
.oc-thumb-item:hover{background:#f5f7fa}
.oc-thumb-item.selected{background:#e9f2ff}
.oc-thumb-item-img{width:20px;height:20px;background-size:cover;background-position:center;border-radius:3px;flex:0 0 20px}
.oc-thumb-hidden{display:none!important}

/* ---- Contrast fixes for dark theme ---- */

/* Toggle (dichte staat) */
.oc-thumb-toggle{
  background:#fff;            /* witte achtergrond */
  color:#111;                 /* donkere tekst */
  border-color:#ced4da;
}

/* Opengeklapte lijst + items */
.oc-thumb-list{
  background:#fff;            /* lijst altijd wit */
  color:#111;                 /* basis tekstkleur */
}

.oc-thumb-item,
.oc-thumb-item .oc-thumb-item-label{
  color:#111 !important;      /* forceer donkere tekst (overrulet thema) */
}

.oc-thumb-item:hover{         /* hoverkleur subtiel */
  background:#f1f5f9;
}

.oc-thumb-item.selected{      /* geselecteerde regel duidelijk */
  background:#e9f2ff;
  color:#111 !important;
}

/* Het icoontje blijft zichtbaar; deze regel is puur volledigheid */
.oc-thumb-item-img,
.oc-thumb-toggle-img{
  background-size:cover;
}

/* Voor het geval je ergens .text-muted erft */
.oc-thumb-item .text-muted{ color:#6b7280 !important; }