.cselect{position:relative;width:100%}.cselect__trigger{align-items:center;background:var(--overlay);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:.92rem;gap:8px;justify-content:space-between;outline:none;padding:12px 16px;text-align:left;transition:all .15s;width:100%}.cselect__trigger:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #0051ff26}.cselect__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cselect__chevron{color:var(--muted);flex-shrink:0;transition:transform .15s}.cselect--open .cselect__chevron{transform:rotate(180deg)}.cselect__list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.cselect__item{border-radius:6px;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:background .15s}.cselect__item:hover{background:var(--overlay-hover)}.cselect__item--active{background:#4f73b536;font-weight:600}.cselect-fade-enter-active,.cselect-fade-leave-active{transition:opacity .15s,transform .15s}.cselect-fade-enter-from,.cselect-fade-leave-to{opacity:0;transform:translateY(-4px)}