/*
 * SLA Monitor V6.4.2 – jóváhagyott előnézeti stílusú lehulló menük
 * Csak a dashboard select vezérlőire vonatkozik.
 */
.sla-custom-select{position:relative;width:100%;min-width:0}
.sla-custom-select__native{
  position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;
  padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;
  opacity:0!important;pointer-events:none!important
}
.sla-custom-select__trigger{
  width:100%;min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border:1px solid rgba(67,102,145,.34);border-radius:9px;
  background:#fff;color:#0d2340;font:inherit;font-size:10.5px;line-height:1.25;text-align:left;
  outline:none;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.sla-custom-select__trigger:hover{border-color:rgba(43,124,255,.58)}
.sla-custom-select__trigger:focus-visible,.sla-custom-select.is-open .sla-custom-select__trigger{
  border-color:#2b7cff;box-shadow:0 0 0 3px rgba(43,124,255,.14),inset 0 1px 0 rgba(255,255,255,.08)
}
.sla-custom-select__value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:520}
.sla-custom-select__chevron{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;color:#55718f;transition:transform .16s}
.sla-custom-select__chevron svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.15;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sla-custom-select.is-open .sla-custom-select__chevron{transform:rotate(180deg)}
.sla-custom-select.is-disabled{opacity:.58}.sla-custom-select.is-disabled .sla-custom-select__trigger{cursor:not-allowed}

html.dark-dash .sla-custom-select__trigger,.sla-custom-select--modal .sla-custom-select__trigger{
  border-color:rgba(107,151,205,.34);
  background:linear-gradient(180deg,#0d2949 0%,#091d35 100%);
  color:#f3f8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 1px 0 rgba(0,0,0,.2)
}
html.dark-dash .sla-custom-select__trigger:hover,.sla-custom-select--modal .sla-custom-select__trigger:hover{border-color:rgba(92,154,233,.66)}
html.dark-dash .sla-custom-select__chevron,.sla-custom-select--modal .sla-custom-select__chevron{color:#dce9ff}
.sla-custom-select--modal .sla-custom-select__trigger{min-height:42px;padding:10px 12px;font-size:12px}

.sla-custom-select__menu{
  position:fixed;z-index:10020;display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;
  padding:5px;border:1px solid rgba(86,121,163,.42);border-radius:8px;
  background:#fff;color:#0d2340;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 18px 38px rgba(2,12,28,.28),0 2px 8px rgba(2,12,28,.16);
  opacity:0;transform:translateY(-3px);transform-origin:top center;visibility:hidden;
  transition:opacity .12s ease,transform .12s ease;overflow:hidden;box-sizing:border-box
}
.sla-custom-select__menu.is-visible{opacity:1;transform:translateY(0);visibility:visible}
.sla-custom-select__menu.is-above{transform-origin:bottom center}
.sla-custom-select__menu.is-dark{
  border-color:rgba(102,151,211,.46);
  background:linear-gradient(180deg,#0b2442 0%,#071b32 100%);color:#eef6ff;
  box-shadow:0 20px 44px rgba(0,0,0,.48),0 3px 10px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)
}
.sla-custom-select__search-shell{position:relative;padding:0 0 5px}
.sla-custom-select__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-58%);width:13px;height:13px;color:#607c9c;pointer-events:none}
.sla-custom-select__search-icon svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sla-custom-select__search{
  width:100%;height:32px;padding:0 30px 0 29px;border:1px solid rgba(79,111,150,.38);border-radius:6px;
  background:#f7faff;color:#0d2340;font:inherit;font-size:10px;outline:none;box-sizing:border-box
}
.sla-custom-select__search::placeholder{color:#7f90a6}
.sla-custom-select__search:focus{border-color:#2b7cff;box-shadow:0 0 0 2px rgba(43,124,255,.13)}
.sla-custom-select__menu.is-dark .sla-custom-select__search{
  border-color:rgba(99,145,199,.36);background:#071a30;color:#eef6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)
}
.sla-custom-select__menu.is-dark .sla-custom-select__search::placeholder{color:#6f8bad}
.sla-custom-select__menu.is-dark .sla-custom-select__search-icon{color:#86a3c7}
.sla-custom-select__clear{position:absolute;right:7px;top:50%;transform:translateY(-58%);display:none;align-items:center;justify-content:center;width:18px;height:18px;border:0;border-radius:5px;background:transparent;color:#7c91ab;font-size:14px;line-height:1;cursor:pointer}
.sla-custom-select__search-shell.has-query .sla-custom-select__clear{display:inline-flex}
.sla-custom-select__clear:hover{background:rgba(43,124,255,.12);color:#2b7cff}
.sla-custom-select__options{display:grid;gap:2px;max-height:252px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(82,127,181,.52) transparent}
.sla-custom-select__options::-webkit-scrollbar{width:6px}.sla-custom-select__options::-webkit-scrollbar-track{background:transparent}.sla-custom-select__options::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(82,127,181,.52)}
.sla-custom-select__option{
  width:100%;min-height:33px;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:9px;
  padding:7px 9px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:10.5px;line-height:1.3;text-align:left;cursor:pointer;outline:none;box-sizing:border-box
}
.sla-custom-select__option:hover,.sla-custom-select__option:focus-visible{background:rgba(43,124,255,.10)}
.sla-custom-select__option.is-selected{background:#dce9ff;color:#0d2340;font-weight:590}
.sla-custom-select__menu.is-dark .sla-custom-select__option:hover,.sla-custom-select__menu.is-dark .sla-custom-select__option:focus-visible{background:rgba(43,124,255,.15)}
.sla-custom-select__menu.is-dark .sla-custom-select__option.is-selected{
  background:linear-gradient(90deg,#17477f 0%,#123b6d 100%);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(82,146,226,.13)
}
.sla-custom-select__option-label{min-width:0;overflow-wrap:anywhere}
.sla-custom-select__check{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;color:#2b7cff;opacity:0}
.sla-custom-select__check svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sla-custom-select__option.is-selected .sla-custom-select__check{opacity:1}
.sla-custom-select__menu.is-dark .sla-custom-select__check{color:#79adff}
.sla-custom-select__option:disabled{color:#8a99ac;cursor:not-allowed;opacity:.58}.sla-custom-select__option:disabled:hover{background:transparent}
.sla-custom-select__empty{padding:15px 10px;color:#7890ad;font-size:10px;text-align:center}
.sla-custom-select__menu.is-dark .sla-custom-select__empty{color:#7894b7}
@media(max-width:720px){.sla-custom-select__options{max-height:220px}.sla-custom-select__trigger{min-height:42px;font-size:12px}.sla-custom-select__option{min-height:38px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.sla-custom-select__menu,.sla-custom-select__chevron{transition:none}}