.tel{position:relative;display:flex;gap:8px;align-items:stretch;width:100%}
.tel__ulke{display:flex;align-items:center;gap:8px;height:var(--tel-h,50px);padding:0 10px 0 12px;border-radius:12px;border:1px solid var(--line);background:rgba(8,14,26,.55);color:#fff;cursor:pointer;font:600 14px var(--f-b);white-space:nowrap;flex:none}
.tel__ulke:hover{border-color:var(--tur)}.tel__ulke img{width:22px;height:16px;object-fit:cover;border-radius:2px;display:block}.tel__ulke svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;opacity:.7}
.tel .tel__no{flex:1;min-width:0;width:auto!important}
.tel__liste{position:absolute;left:0;top:calc(100% + 6px);z-index:80;width:min(340px,92vw);max-height:340px;display:flex;flex-direction:column;background:#16243b;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);overflow:hidden}
.tel__liste[hidden]{display:none}
.tel__ara{margin:8px;width:calc(100% - 16px)!important;height:42px!important;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:rgba(8,14,26,.6);color:#fff;font:inherit;outline:0}
.tel__liste ul{list-style:none;overflow:auto;padding:0 6px 8px;margin:0}
.tel__liste li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}.tel__liste li:hover,.tel__liste li:focus{background:rgba(77,198,224,.16);outline:0}.tel__liste li[aria-selected=true]{background:rgba(77,198,224,.22)}
.tel__liste li img{width:22px;height:16px;object-fit:cover;border-radius:2px;flex:none}.tel__liste li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tel__liste li b{color:var(--tur);font-weight:600}