/* Custom dropdown: glossy trigger, glass panel, bottom sheet on phones */
.dd{position:relative}
.dd-native{position:absolute;left:0;bottom:0;width:100%;height:1px;padding:0;border:0;opacity:0;pointer-events:none;overflow:hidden}

.dd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem;text-align:left;font:400 1.05rem var(--body);color:var(--navy-deep);padding:.85rem 1rem;min-height:52px;border:2px solid var(--line);border-radius:12px;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0) 55%),linear-gradient(180deg,#fff,#E6EEF9);
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(11,36,80,.10);transition:border-color .2s,box-shadow .2s}
.dd-btn:hover{border-color:#A9BEDF}
.dd-btn:focus-visible,.dd.open .dd-btn{border-color:var(--blue);box-shadow:inset 0 1px 0 #fff,0 0 0 3px rgba(27,95,184,.18);outline:none}
.dd-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-chev{flex:none;width:10px;height:10px;border:solid var(--navy);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.dd.open .dd-chev{transform:rotate(225deg) translate(-2px,-1px)}

.dd-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;overflow:hidden;font-weight:400;color:var(--navy-deep);
  background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid rgba(18,60,124,.14);border-radius:16px;box-shadow:0 18px 40px rgba(11,36,80,.24),inset 0 1px 0 #fff;
  opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.7,.2,1)}
.dd-panel::before{content:"";position:absolute;inset:0 0 auto 0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0));pointer-events:none}
.dd.up .dd-panel{top:auto;bottom:calc(100% + 6px);transform:translateY(6px)}
.dd.open .dd-panel{opacity:1;transform:none}
.dd-title,.dd-list{position:relative}
.dd-title{display:none;margin:0;padding:1.1rem 1.2rem .4rem;font:700 1.05rem var(--display);color:var(--navy)}
.dd-list{list-style:none;margin:0;padding:6px 0;max-height:260px;overflow-y:auto;outline:none}
.dd-opt{position:relative;margin:2px 6px;padding:.8rem 2.6rem .8rem 1rem;border-radius:10px;cursor:pointer;font-weight:400;line-height:1.35}
.dd-opt.act{background:linear-gradient(180deg,#EEF4FC,#DCE8F7)}
.dd-opt[aria-selected="true"]{font-weight:700;color:var(--navy);background:linear-gradient(90deg,rgba(255,192,0,.32),rgba(255,192,0,0) 75%)}
.dd-opt[aria-selected="true"].act{background:linear-gradient(90deg,rgba(255,192,0,.42),rgba(220,232,247,.9) 80%)}
.dd-opt[aria-selected="true"]::after{content:"";position:absolute;right:1.1rem;top:50%;width:6px;height:11px;border:solid var(--navy);border-width:0 3px 3px 0;transform:translateY(-65%) rotate(45deg)}
.dd-opt[aria-disabled="true"]{opacity:.45;cursor:not-allowed}

@media (max-width:600px){
  .dd-back{position:fixed;inset:0;z-index:39;background:rgba(11,36,80,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s}
  .dd.open .dd-back{opacity:1}
  .dd-panel,.dd.up .dd-panel{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:41;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%);opacity:1}
  .dd.open .dd-panel{transform:none}
  .dd-title{display:block}
  .dd-title[hidden]{display:none}
  .dd-list{max-height:min(60vh,420px);padding-bottom:12px}
  .dd-opt{min-height:52px;display:flex;align-items:center;font-size:1.05rem}
}
html.dd-lock{overflow:hidden}