/* Nexora Global Custom Select — in-app popover on desktop, true bottom sheet on mobile. */
:root{
  --nx-select-accent:#a987e8;
  --nx-select-accent-rgb:169,135,232;
}

html.nx-select-sheet-open,
body.nx-select-sheet-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}

select.nx-select-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

.nx-custom-select{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  color:var(--nx-cs-text,#edf1f6);
  font-family:var(--nx-cs-font-family,Inter,Poppins,system-ui,sans-serif);
  font-size:var(--nx-cs-font-size,inherit);
  font-weight:var(--nx-cs-font-weight,inherit);
  line-height:var(--nx-cs-line-height,normal);
  box-sizing:border-box;
}

.nx-custom-select.is-compact{
  display:inline-block;
  width:auto;
  min-width:var(--nx-cs-natural-width,132px);
  max-width:min(100%,320px);
  vertical-align:middle;
}

.nx-custom-select-trigger{
  appearance:none;
  -webkit-appearance:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-width:0;
  min-height:max(42px,var(--nx-cs-min-height,0px));
  padding:var(--nx-cs-padding,0 12px);
  border:1px solid var(--nx-cs-border,rgba(145,164,184,.22));
  border-radius:var(--nx-cs-radius,12px);
  outline:0;
  background:
    linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,0)),
    var(--nx-cs-bg,#0d141e);
  color:var(--nx-cs-text,#edf1f6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  font:inherit;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .17s ease,box-shadow .17s ease,background .17s ease,transform .17s ease;
}

.nx-custom-select-trigger:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--nx-cs-border,rgba(145,164,184,.22)) 62%,var(--nx-select-accent) 38%);
}

.nx-custom-select-trigger:focus-visible,
.nx-custom-select.is-open .nx-custom-select-trigger{
  border-color:rgba(var(--nx-select-accent-rgb),.72);
  box-shadow:0 0 0 3px rgba(var(--nx-select-accent-rgb),.10),0 11px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025);
}

.nx-custom-select-trigger[aria-invalid="true"]{
  border-color:rgba(251,113,133,.72);
  box-shadow:0 0 0 3px rgba(251,113,133,.10);
}

.nx-custom-select-trigger:disabled{
  cursor:not-allowed;
  opacity:.48;
  filter:saturate(.65);
}

.nx-custom-select-value{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.nx-custom-select-chevron{
  flex:0 0 auto;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  color:color-mix(in srgb,var(--nx-cs-text,#edf1f6) 58%,transparent);
  transition:transform .18s ease,color .18s ease;
}

.nx-custom-select-chevron::before{
  content:"";
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}

.nx-custom-select.is-open .nx-custom-select-chevron{
  color:#d7c2f7;
  transform:rotate(180deg);
}

.nx-custom-select-sheet-backdrop{
  position:fixed;
  inset:0;
  z-index:2147482998;
  border:0;
  background:rgba(2,3,7,.62);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  animation:nxSelectBackdropIn .18s ease-out;
  touch-action:none;
}

.nx-custom-select-sheet-backdrop[hidden]{display:none!important}

.nx-custom-select-popover{
  position:fixed;
  z-index:2147483000;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  width:min(360px,calc(100vw - 20px));
  max-height:min(430px,62vh);
  padding:6px;
  border:1px solid rgba(148,166,188,.25);
  border-radius:15px;
  background:
    radial-gradient(circle at 78% 0,rgba(var(--nx-select-accent-rgb),.09),transparent 42%),
    linear-gradient(155deg,rgba(17,23,34,.985),rgba(8,12,19,.995));
  box-shadow:0 22px 56px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.028);
  backdrop-filter:blur(20px) saturate(115%);
  -webkit-backdrop-filter:blur(20px) saturate(115%);
  transform-origin:50% 0;
  animation:nxSelectIn .14s ease-out;
  box-sizing:border-box;
}

.nx-custom-select-popover[hidden]{display:none!important}

.nx-custom-select-popover.is-above{
  transform-origin:50% 100%;
}

.nx-custom-select-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
}

.nx-custom-select-handle,
.nx-custom-select-close{
  display:none;
}

.nx-custom-select-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:36px;
  padding:5px 8px 7px;
  border-bottom:1px solid rgba(148,166,188,.10);
  color:#9a8bab;
  font:800 8px/1.25 Inter,Poppins,system-ui,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.nx-custom-select-title:empty{display:none}

.nx-custom-select-options{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(var(--nx-select-accent-rgb),.34) transparent;
  padding-top:4px;
}

.nx-custom-select-options::-webkit-scrollbar{width:5px}
.nx-custom-select-options::-webkit-scrollbar-track{background:transparent}
.nx-custom-select-options::-webkit-scrollbar-thumb{background:rgba(var(--nx-select-accent-rgb),.32);border-radius:99px}

.nx-custom-select-group{
  padding:8px 9px 4px;
  color:#655b70;
  font:800 7px/1.2 Inter,Poppins,system-ui,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.nx-custom-select-option{
  appearance:none;
  -webkit-appearance:none;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:10px;
  width:100%;
  min-height:48px;
  margin:0;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:11px;
  outline:0;
  background:transparent;
  color:#dce3eb;
  font:700 10px/1.35 Inter,Poppins,system-ui,sans-serif;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}

.nx-custom-select-option+.nx-custom-select-option{margin-top:2px}

.nx-custom-select-option:hover:not(:disabled),
.nx-custom-select-option:focus-visible{
  border-color:rgba(148,166,188,.18);
  background:rgba(255,255,255,.027);
}

.nx-custom-select-option:active:not(:disabled){transform:scale(.992)}

.nx-custom-select-option.is-selected{
  border-color:rgba(var(--nx-select-accent-rgb),.38);
  background:linear-gradient(100deg,rgba(var(--nx-select-accent-rgb),.12),rgba(var(--nx-select-accent-rgb),.025));
  color:#eee5fb;
}

.nx-custom-select-option:disabled{
  cursor:not-allowed;
  opacity:.38;
}

.nx-custom-select-radio{
  position:relative;
  width:17px;
  height:17px;
  border:1.5px solid #667687;
  border-radius:50%;
  box-sizing:border-box;
}

.nx-custom-select-radio::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:transparent;
  transform:scale(.5);
  transition:background .14s ease,transform .14s ease;
}

.nx-custom-select-option.is-selected .nx-custom-select-radio{
  border-color:var(--nx-select-accent);
  box-shadow:0 0 0 3px rgba(var(--nx-select-accent-rgb),.08);
}
.nx-custom-select-option.is-selected .nx-custom-select-radio::after{
  background:var(--nx-select-accent);
  transform:scale(1);
}

.nx-custom-select-option-copy{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
}

@keyframes nxSelectIn{
  from{opacity:0;transform:translateY(-4px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes nxSelectSheetIn{
  from{opacity:.55;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes nxSelectBackdropIn{
  from{opacity:0}
  to{opacity:1}
}

@media (max-width:720px), (pointer:coarse) and (max-width:900px){
  .nx-custom-select-trigger{
    min-height:max(46px,var(--nx-cs-min-height,0px));
  }

  .nx-custom-select-popover.is-sheet{
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    max-height:min(78dvh,640px)!important;
    margin:0!important;
    padding:0!important;
    border-width:1px 0 0!important;
    border-radius:22px 22px 0 0!important;
    transform:none;
    transform-origin:50% 100%;
    animation:nxSelectSheetIn .22s cubic-bezier(.22,.78,.28,1);
    box-shadow:0 -24px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035);
    background:
      radial-gradient(circle at 82% -12%,rgba(var(--nx-select-accent-rgb),.16),transparent 42%),
      linear-gradient(165deg,rgba(18,24,36,.995),rgba(7,10,17,.998));
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-head{
    grid-template-columns:1fr auto;
    min-height:66px;
    padding:14px 14px 8px 16px;
    border-bottom:1px solid rgba(148,166,188,.11);
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-handle{
    position:absolute;
    top:7px;
    left:50%;
    display:block;
    width:42px;
    height:4px;
    border-radius:999px;
    background:rgba(214,222,232,.25);
    transform:translateX(-50%);
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-title{
    min-height:0;
    padding:4px 4px 2px;
    border:0;
    color:#eee8f8;
    font-size:12px;
    line-height:1.35;
    letter-spacing:.03em;
    text-transform:none;
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-close{
    appearance:none;
    -webkit-appearance:none;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    margin:0;
    padding:0;
    border:1px solid rgba(148,166,188,.17);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    color:#cbd5df;
    font:400 24px/1 system-ui,sans-serif;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-close:focus-visible{
    outline:2px solid rgba(var(--nx-select-accent-rgb),.70);
    outline-offset:2px;
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-options{
    padding:8px 12px calc(14px + env(safe-area-inset-bottom,0px));
    scroll-padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-group{
    padding:10px 8px 5px;
    font-size:8px;
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-option{
    min-height:54px;
    grid-template-columns:22px minmax(0,1fr);
    gap:12px;
    padding:10px 12px;
    border-radius:13px;
    font-size:max(11px,var(--nx-cs-font-size,11px));
  }

  .nx-custom-select-popover.is-sheet .nx-custom-select-radio{
    width:19px;
    height:19px;
  }
}

@media (prefers-reduced-motion:reduce){
  .nx-custom-select-popover,
  .nx-custom-select-sheet-backdrop{animation:none}
  .nx-custom-select-trigger,.nx-custom-select-chevron,.nx-custom-select-option{transition:none}
}