/* de1251 — lista seleccionable de BASE escritorio (modules/select_list.js), estilo Gmail:
   al pasar el mouse sobre el ícono aparece la casilla; marcada = círculo con ✓. Colores del tema. */
#sima-panel [data-sel] .sl-ico { position: relative; cursor: pointer; }
#sima-panel [data-sel] .sl-ico::after {
  content: ""; position: absolute; inset: 50% auto auto 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; box-sizing: border-box;
  border-radius: 50%; border: 2px solid var(--win-muted); background: var(--win-card); opacity: 0; transition: opacity .12s;
}
#sima-panel [data-sel] .sl-ico:hover::after, #sima-panel .sl-on [data-sel] .sl-ico::after { opacity: 1; }
#sima-panel [data-sel].sl-sel .sl-ico::after {
  opacity: 1; border-color: var(--accent); background: var(--accent) url("/style/icon/cima_icon_check2.svg") center / 12px no-repeat;
  background-blend-mode: normal; -webkit-mask: none;
}
#sima-panel [data-sel].sl-sel .sl-ico::before { visibility: hidden; }
#sima-panel [data-sel].sl-sel { background: color-mix(in srgb, var(--accent) 12%, transparent); }

#sima-panel .sl-bar { position: sticky; top: 0; z-index: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 10px;
  background: var(--win-card); border-bottom: 1px solid var(--win-border); font-size: .78rem; color: var(--win-muted); }
#sima-panel .sl-bar .sl-n { flex: 1 1 auto; min-width: 120px; color: var(--text-main); font-weight: 600; }
#sima-panel .sl-bar .btn-sm[disabled] { opacity: .45; pointer-events: none; }
#sima-panel .sl-bar .sl-danger { color: var(--danger); }
#sima-panel .sl-act { position: relative; display: inline-flex; }
#sima-panel .sl-menu { position: absolute; top: calc(100% + 4px); left: 0; z-index: 5; display: flex; flex-direction: column; min-width: 140px; padding: 4px;
  background: var(--win-pop); border: 1px solid var(--win-border); border-radius: 8px; box-shadow: 0 8px 24px color-mix(in srgb, #000 30%, transparent); }
#sima-panel .sl-menu[hidden] { display: none; }
#sima-panel .sl-mi { text-align: left; border: 0; background: none; color: var(--text-main); padding: 6px 10px; border-radius: 6px; cursor: pointer; font-size: .8rem; }
#sima-panel .sl-mi:hover { background: color-mix(in srgb, var(--accent) 14%, transparent); }
/* El ícono de la fila no se estira al alto de la fila: así la casilla queda centrada sobre el ícono. */
#sima-panel [data-sel] .sl-ico { align-self: flex-start; }