/* Özel açılır liste (select.js) — site ve admin ortak; renkler :root değişkenlerinden */
.cs{position:relative;display:block;width:100%;margin-top:var(--cs-mt,0)}
.cs-native{display:none!important}
.cs-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:var(--cs-h,48px);padding:0 14px;
  background:var(--cs-bg,#fff);color:var(--cs-text,inherit);border:1px solid var(--cs-border,#cdd3dc);border-radius:var(--cs-r,8px);
  font:inherit;font-size:16px;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.cs-btn:hover{border-color:var(--accent)}
.cs-btn:focus-visible,.cs.is-open .cs-btn{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.cs-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs.is-empty .cs-label{opacity:.78}
.cs-chev{flex:none;color:var(--cs-muted,#8a94a3);transition:transform .2s}
.cs.is-open .cs-chev{transform:rotate(180deg);color:var(--accent)}
.cs.is-disabled .cs-btn{opacity:.5;cursor:not-allowed}
.cs.is-disabled .cs-btn:hover{border-color:var(--cs-border,#cdd3dc)}

.cs-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:80;background:var(--cs-panel,#fff);color:var(--cs-text,inherit);
  border:1px solid var(--cs-border,#cdd3dc);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.35);overflow:hidden;animation:cs-in .12s ease-out}
.cs-panel[hidden]{display:none}
.cs.is-up .cs-panel{top:auto;bottom:calc(100% + 6px)}
@keyframes cs-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.cs-search{display:block;width:100%;height:44px;padding:0 14px 0 38px;border:0;border-bottom:1px solid var(--cs-border,#e2e6ec);outline:0;border-radius:0;
  background:var(--cs-panel,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a94a3' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center;
  color:inherit;font:inherit;font-size:15px;margin:0!important;min-height:0!important}
.cs-search.no-search,.no-search .cs-search{display:none}
.cs-panel:has(.no-search) .cs-search{display:none}
.cs-list{max-height:min(300px,45vh);overflow-y:auto;overscroll-behavior:contain;padding:4px;margin:0;list-style:none;scrollbar-width:thin;scrollbar-color:var(--cs-muted,#8a94a3) transparent}
.cs-opt{padding:11px 12px;border-radius:6px;font-size:15px;line-height:1.3;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}
.cs-opt.in-group{padding-left:22px}
.cs-opt.is-all{color:var(--cs-muted,#8a94a3)}
.cs-opt.is-active{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.cs-opt.is-sel{color:var(--accent);font-weight:600}
.cs-opt.is-sel::after{content:"";width:14px;height:14px;flex:none;background:var(--accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}
.cs-group{padding:10px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-muted,#8a94a3)}
.cs-none{padding:14px 12px;color:var(--cs-muted,#8a94a3);font-size:14px}

/* site/admin giriş stillerini ezmek için */
.cs .cs-search,.field .cs .cs-search,.form .cs .cs-search{height:44px;min-height:0;border:0;border-bottom:1px solid var(--cs-border,#e2e6ec);border-radius:0;padding:0 14px 0 38px;margin:0;width:100%;box-shadow:none;outline:0}
.cs .cs-search:focus{border-bottom-color:var(--accent)}