/* Özel açılır liste (select.js) — site ve panel ortak */
.cs { position: relative; display: block; width: 100%; }
.cs-native { position: absolute !important; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; z-index: -1; }
.cs-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 44px;
  padding: 10px 12px; border: 1.5px solid var(--line, #E3DED2); border-radius: 10px; background: #fff; color: inherit;
  font: inherit; text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s;
}
.cs-btn:hover { border-color: #CFC8B8; }
.cs-btn:focus-visible, .cs.is-open .cs-btn { outline: none; border-color: var(--ink, #13213C); box-shadow: 0 0 0 3px var(--orange-soft, #FFF1C7); }
.cs-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-label.is-ph { color: var(--muted, #5F6980); }
.cs-arrow { flex: none; width: 14px; height: 14px; transition: transform .2s; }
.cs.is-open .cs-arrow { transform: rotate(180deg); }
.cs.is-disabled .cs-btn { opacity: .55; cursor: not-allowed; }
.field.invalid .cs-btn { border-color: #D93025; }

.cs-list {
  position: fixed; z-index: 1000; margin: 0; padding: 6px; list-style: none; overflow-y: auto; overscroll-behavior: contain;
  background: #fff; border: 1px solid var(--line, #E3DED2); border-radius: 12px;
  box-shadow: 0 18px 36px -14px rgba(19, 33, 60, .38), 0 2px 6px rgba(19, 33, 60, .08);
}
.cs-opt { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 8px; cursor: pointer; font-size: .95rem; line-height: 1.35; color: var(--ink, #13213C); }
.cs-opt.is-active { background: var(--paper-2, #F0ECE3); }
.cs-opt.is-sel { font-weight: 700; }
.cs-opt.is-sel::after { content: ''; flex: none; width: 14px; height: 14px; background: var(--orange, #E5A100); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.5 5.5 10.5 11.5 3.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%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 14 14'%3E%3Cpath d='M2.5 7.5 5.5 10.5 11.5 3.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.cs-opt.is-off { opacity: .45; cursor: not-allowed; }
.cs-grp { padding: 8px 12px 4px; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted, #5F6980); }