/* ===== Standardized custom dropdown (cs-select) — shared across pages ===== */
.csel{position:relative;display:inline-flex;flex-direction:column}
.csel-native{display:none}

.csel-btn{display:flex;align-items:center;gap:10px;width:100%;min-width:158px;height:38px;font:inherit;font-weight:600;font-size:13.5px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 12px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}
.csel-btn:hover{border-color:var(--ink)}
.csel.open .csel-btn{border-color:var(--ink);box-shadow:0 0 0 3px rgba(200,255,29,.4)}
.csel-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csel-arrow{flex:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--ink-soft);transition:transform .2s}
.csel.open .csel-arrow{transform:rotate(180deg)}

.csel-pop{position:absolute;z-index:140;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:330px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;animation:cselIn .14s ease}
@keyframes cselIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.csel-search{padding:8px;border-bottom:1px solid var(--line);background:var(--card)}
.csel-input{width:100%;font:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:8px;padding:8px 11px 8px 30px;outline:none;color:var(--ink);background:var(--paper) 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='%233a4239' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat 9px center}
.csel-input:focus{border-color:var(--ink)}
.csel-list{list-style:none;margin:0;padding:6px;max-height:300px;overflow-y:auto}
.csel-opt{padding:9px 11px;border-radius:8px;font-weight:600;font-size:13.5px;color:var(--ink);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:background .1s}
.csel-opt:hover{background:var(--paper)}
.csel-opt.on{background:var(--ink);color:#fff}
.csel-empty{padding:14px 12px;color:var(--ink-soft);font-size:13px;text-align:center}
.csel-list::-webkit-scrollbar{width:9px}
.csel-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.csel-list::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}