/* Piel de los desplegables (Tom Select) con los tokens del tema: el control se ve como los demás campos, la lista cae
   en un panel con sombra, el buscador va arriba de la lista. La hoja base de Tom Select (static/vendor) solo aporta la
   mecánica; todo color sale de aquí. */
.ts-wrapper{min-width:0;padding:0;border:0;background:none;box-shadow:none;font:inherit;line-height:1.3}
.ts-wrapper.single .ts-control,.ts-wrapper.multi .ts-control{min-height:36px;padding:7px 32px 7px 10px;border:1px solid var(--line);border-radius:9px;
  background:var(--panel);color:var(--text);font:inherit;font-size:12.5px;box-shadow:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ts-wrapper.single .ts-control:after{border-color:var(--muted) transparent transparent;right:12px}
.ts-wrapper.single.dropdown-active .ts-control:after{border-color:transparent transparent var(--muted)}
.ts-wrapper:hover .ts-control{border-color:var(--line-2)}
.ts-wrapper.focus .ts-control,.ts-wrapper.dropdown-active .ts-control{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}
.ts-wrapper.single.input-active .ts-control,.ts-wrapper.dropdown-active .ts-control,.ts-wrapper.focus .ts-control{background:var(--panel);color:var(--text)}
.ts-wrapper.single.input-active .ts-control .item,.ts-wrapper.single.dropdown-active .ts-control .item{opacity:1;color:var(--text)}
.ts-wrapper.disabled .ts-control{opacity:.55;cursor:not-allowed}
.ts-control input,.ts-control .item{color:var(--text);font:inherit}
.ts-control input::placeholder{color:var(--muted-2)}
.ts-wrapper.multi .ts-control .item{padding:2px 6px;border-radius:6px;background:rgba(var(--accent-rgb),.18);color:var(--text-strong);border:0}
.ts-wrapper.multi .ts-control .item .remove{border-left:1px solid rgba(var(--fg-rgb),.15);color:var(--muted)}
.ts-wrapper.multi .ts-control .item .remove:hover{background:rgba(var(--danger-rgb),.25);color:var(--text-strong)}
.ts-dropdown{margin:6px 0 0;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--text);box-shadow:var(--shadow);overflow:hidden;font-size:12.5px;z-index:60}
.ts-dropdown .dropdown-input-wrap{padding:8px;border-bottom:1px solid var(--line);background:var(--panel)}
.ts-dropdown .dropdown-input{width:100%;padding:7px 10px 7px 30px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:12.5px;outline:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");background-repeat:no-repeat;background-position:9px center}
.ts-dropdown .dropdown-input:focus{border-color:var(--accent)}
.ts-dropdown .ts-dropdown-content{max-height:280px;padding:4px}
.ts-dropdown .option,.ts-dropdown .no-results,.ts-dropdown .optgroup-header{padding:8px 10px;border-radius:7px;color:var(--text)}
.ts-dropdown .optgroup-header{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:none}
.ts-dropdown .option.active{background:rgba(var(--accent-rgb),.16);color:var(--text-strong)}
.ts-dropdown .option.selected{background:var(--accent);color:var(--on-accent)}
.ts-dropdown .option.selected.active{background:var(--accent-deep);color:var(--on-accent)}
.ts-dropdown .no-results{color:var(--muted)}
/* contextos que daban tamaño al select: el envoltorio hereda el ancho */
.field .ts-wrapper,.iv .ts-wrapper,.ed-command .ts-wrapper,.pl-campaign-grid .ts-wrapper{width:100%}
.brow .ts-wrapper,.modelo-linea .ts-wrapper{flex:1}
.pf-barra .ts-wrapper,.rs-select.ts-wrapper,.mc-res-filtros .ts-wrapper{min-width:150px}
.ts-wrapper.pf-select,.ts-wrapper.rs-select,.ts-wrapper.mc-select{padding:0;border:0;background:none}
.ts-wrapper.single .ts-control.compacto,.modelo-linea .ts-control,.mc-res-filtros .ts-control,.pf-medios-botones .ts-control{min-height:32px;padding:5px 28px 5px 9px;font-size:11.5px}
@media (max-width:720px){.ts-dropdown .ts-dropdown-content{max-height:220px}}
