/* Miltima – egyedi legördülő választó (js/valaszto.js) */
/* a natív select láthatatlanul a helyén marad (érték, űrlap, események) */
.sel select.dd-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;min-width:0}
.sel .dd-btn{display:flex;align-items:center;height:var(--ctl);min-width:130px;width:100%;padding:0 32px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .2s,background .15s}
.sel .dd-btn:hover:not(:disabled){border-color:#c9cedb}
.sel .dd-btn:focus-visible,.sel .dd-btn.open{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.16)}
.sel .dd-btn:disabled{opacity:.55;cursor:not-allowed}
.sel .dd-v{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel svg{transition:transform .2s ease,color .15s}
.sel:has(.dd-btn.open) svg{transform:translateY(-50%) rotate(180deg);color:var(--accent)}
.modal .sel .dd-btn{height:42px}
.modal .rep .sel .dd-btn{min-width:150px}
.foot .sel .dd-btn{height:28px;border-radius:8px;min-width:118px;font-size:12px}
@media (max-width:1100px){.sel .dd-btn{min-width:0}}

/* a lenyíló panel: a menük stílusában (téma szerinti sötét átmenet) */
.dd-panel{position:fixed;z-index:3000;display:flex;flex-direction:column;padding:6px;border-radius:13px;color:var(--on1);
  background:radial-gradient(260px 150px at 100% 0%,rgba(var(--t-a2-rgb),.3),transparent 70%),linear-gradient(160deg,var(--t-d2) 0%,var(--t-d1) 50%,#0b1131 100%);
  border:1px solid rgba(140,160,255,.18);box-shadow:0 18px 44px rgba(var(--t-d0-rgb),.42),inset 0 1px 0 rgba(255,255,255,.06);
  opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top center;transition:opacity .14s ease,transform .16s cubic-bezier(.2,.9,.3,1.1)}
.dd-panel.up{transform-origin:bottom center;transform:translateY(4px) scale(.98)}
.dd-panel.in{opacity:1;transform:none}
.dd-panel.out{opacity:0;transform:translateY(-3px) scale(.99);transition-duration:.12s}
.dd-q{display:flex;align-items:center;gap:8px;height:34px;margin:0 0 6px;padding:0 10px;border-radius:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);flex:none}
.dd-q svg.i{width:14px;height:14px;color:var(--on3);flex:none}
.dd-q input{flex:1;min-width:0;border:0;outline:0;background:none;color:#fff;font:inherit;font-size:13px}
.dd-q input::placeholder{color:var(--on3)}
.dd-q:focus-within{border-color:rgba(var(--t-l-rgb),.5)}
.dd-list{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin}
.dd-it{display:flex;align-items:center;gap:10px;min-height:34px;padding:7px 10px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--on1);transition:background .1s,color .1s}
.dd-it span{flex:1;min-width:0;line-height:1.3}
.dd-it svg.i{width:15px;height:15px;color:var(--t-l);flex:none}
.dd-it.act{background:linear-gradient(90deg,rgba(var(--t-a2-rgb),.42),rgba(var(--t-a3-rgb),.2));color:#fff}
.dd-it.sel{font-weight:600;color:#fff}
.dd-it.dis{opacity:.4;cursor:default}
.dd-empty{padding:14px 10px;text-align:center;font-size:12.5px;color:var(--on3)}
@media (prefers-reduced-motion:reduce){.dd-panel{transition:none}}