/* One select surface and listbox in every engine, retaining native form fields. */
.esper-select{display:inline-grid;position:relative;width:100%;min-width:0;max-width:100%;vertical-align:middle;min-height:44px}
.esper-select[hidden]{display:none!important}
.esper-select select.esper-select-native{opacity:0!important;pointer-events:none!important;margin:0!important;min-width:0;max-width:100%;width:100%;grid-area:1/1;outline:none!important}
.esper-select select.esper-select-native[multiple]{height:44px;min-height:44px}
.esper-select .esper-select-button{appearance:none;-webkit-appearance:none;box-sizing:border-box;position:absolute;inset:0;width:100%;height:100%;min-width:0;margin:0;padding:9px 34px 9px 12px;display:flex;align-items:center;text-align:left;border:1px solid var(--bd,#38383d);border-radius:8px;background:var(--s2,#202024);color:var(--tx,#ededf0);font-family:inherit;font-size:14px;font-weight:400;line-height:1.35;cursor:pointer;touch-action:manipulation}
.esper-select-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esper-select-button svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:none;stroke:var(--mt,#a0a0a9);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.esper-select-button:hover:not(:disabled){border-color:var(--ac,#8b5cf6)}
.esper-select-button:focus-visible,.esper-select-button[aria-expanded=true]{outline:2px solid var(--ac,#8b5cf6);outline-offset:2px}
.esper-select-button:disabled{opacity:.5;cursor:default}.esper-select-button[aria-invalid=true]{border-color:var(--dg,#ef4444)}
.esper-select-error{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;padding:6px 9px;background:var(--s1,#18181c);border:1px solid var(--dg,#ef4444);border-radius:6px;color:var(--dg,#ef4444);font-size:12px;line-height:1.4}.esper-select-error[hidden]{display:none!important}
.esper-select--compact{width:auto;min-height:36px}.esper-select--compact select.esper-select-native{width:auto}.esper-select--compact .esper-select-button{padding:6px 26px 6px 9px;font-size:12px}.esper-select--compact .esper-select-button svg{right:7px;width:13px;height:13px}
/* La modalità nel composer mostra il nome per intero, senza ellissi. */
.composer .esper-select--compact{flex:0 0 auto;min-width:76px}
.composer .esper-select--compact .esper-select-label{overflow:visible;text-overflow:clip}
.esper-select-menu{position:fixed;box-sizing:border-box;z-index:2147483000;padding:5px;background:var(--s1,#18181c);color:var(--tx,#ededf0);border:1px solid var(--bd,#38383d);border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.28);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-family:inherit;font-size:14px;line-height:1.4}
.esper-select-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;border-radius:6px;cursor:pointer;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
.esper-select-option-label{flex:1;min-width:0}.esper-select-check{width:16px;flex:0 0 16px;color:var(--ac,#8b5cf6);visibility:hidden}.esper-select-option[aria-selected=true] .esper-select-check{visibility:visible}
.esper-select-option.active,.esper-select-option:hover:not([aria-disabled=true]){background:var(--s3,#2e2e34)}.esper-select-option[aria-selected=true]{color:var(--ac,#8b5cf6);font-weight:600}.esper-select-option[aria-disabled=true]{opacity:.4;cursor:default}
.esper-select-group{font-size:12px;color:var(--mt,#a0a0a9);padding:10px 10px 5px;font-weight:700}.esper-select-empty{padding:14px;color:var(--mt,#a0a0a9);font-size:13px}
@media(forced-colors:active){.esper-select-button,.esper-select-menu{border:1px solid ButtonText}.esper-select-option.active{outline:1px solid Highlight}.esper-select-option[aria-selected=true]{color:Highlight}}
