/*
 * ============================================================
 * NOYTRIX SIGNALS — CUSTOM DROPDOWNS V4
 * ============================================================
 */


@media (min-width: 1200px) {


  /* ==========================================================
     TOOLBAR MUST ALLOW DROPDOWN OVERLAY
     ========================================================== */

  #screen-intelligence
  .signals-toolbar-v19 {

    position:
      relative
      !important;

    z-index:
      500
      !important;

    overflow:
      visible
      !important;
  }


  #screen-intelligence
  .signals-grid-v19 {

    position:
      relative;

    z-index:
      1;
  }


  /* ==========================================================
     CUSTOM SELECT WRAPPER
     ========================================================== */

  #screen-intelligence
  .nx-signals-select-v4 {

    position:
      relative;

    z-index:
      510;

    width:
      100%;

    min-width:
      0;

    box-sizing:
      border-box;
  }


  #screen-intelligence
  .nx-signals-select-v4.open {

    z-index:
      10000;
  }


  /* ==========================================================
     KEEP REAL SELECT FOR EXISTING FILTER LOGIC
     BUT HIDE IT VISUALLY
     ========================================================== */

  #screen-intelligence
  .nx-signals-native-select-v4 {

    position:
      absolute
      !important;

    width:
      1px
      !important;

    height:
      1px
      !important;

    min-width:
      1px
      !important;

    min-height:
      1px
      !important;

    margin:
      0
      !important;

    padding:
      0
      !important;

    opacity:
      0
      !important;

    pointer-events:
      none
      !important;

    overflow:
      hidden
      !important;
  }


  /* ==========================================================
     CLOSED BUTTON
     ========================================================== */

  #screen-intelligence
  .nx-signals-select-button-v4 {

    width:
      100%
      !important;

    min-width:
      0
      !important;

    height:
      50px
      !important;

    min-height:
      50px
      !important;

    display:
      flex;

    align-items:
      center;

    justify-content:
      space-between;

    gap:
      14px;

    padding:
      0
      14px
      0
      17px;

    border:
      1px solid
      rgba(
        66,
        105,
        157,
        .48
      );

    border-radius:
      11px;

    outline:
      none;

    color:
      #edf4ff;

    background:
      linear-gradient(
        180deg,
        rgba(
          10,
          31,
          58,
          .99
        ),
        rgba(
          7,
          24,
          47,
          .99
        )
      );

    box-shadow:
      inset
      0
      1px
      0
      rgba(
        255,
        255,
        255,
        .025
      );

    font:
      inherit;

    font-size:
      15px
      !important;

    font-weight:
      700
      !important;

    line-height:
      1;

    text-align:
      left;

    cursor:
      pointer;

    box-sizing:
      border-box;

    transition:
      border-color
      .16s ease,
      background
      .16s ease,
      box-shadow
      .16s ease;
  }


  #screen-intelligence
  .nx-signals-select-button-v4:hover {

    border-color:
      rgba(
        255,
        183,
        32,
        .50
      );

    background:
      linear-gradient(
        180deg,
        #0d2543,
        #081c34
      );
  }


  #screen-intelligence
  .nx-signals-select-button-v4:focus-visible {

    border-color:
      rgba(
        255,
        183,
        32,
        .78
      );

    box-shadow:
      0
      0
      0
      3px
      rgba(
        255,
        183,
        32,
        .09
      );
  }


  #screen-intelligence
  .nx-signals-select-v4.open
  .nx-signals-select-button-v4 {

    border-color:
      rgba(
        255,
        183,
        32,
        .72
      );

    background:
      #0a2341;

    box-shadow:
      0
      0
      0
      3px
      rgba(
        255,
        183,
        32,
        .07
      );
  }


  #screen-intelligence
  .nx-signals-select-label-v4 {

    min-width:
      0;

    overflow:
      hidden;

    text-overflow:
      ellipsis;

    white-space:
      nowrap;
  }


  /* ==========================================================
     ARROW
     ========================================================== */

  #screen-intelligence
  .nx-signals-select-arrow-v4 {

    width:
      25px;

    height:
      25px;

    flex:
      0 0
      25px;

    display:
      grid;

    place-items:
      center;

    border-radius:
      7px;

    color:
      #91a8c9;

    transition:
      transform
      .18s ease,
      color
      .18s ease,
      background
      .18s ease;
  }


  #screen-intelligence
  .nx-signals-select-v4.open
  .nx-signals-select-arrow-v4 {

    transform:
      rotate(
        180deg
      );

    color:
      #ffbd32;

    background:
      rgba(
        255,
        183,
        32,
        .08
      );
  }


  /* ==========================================================
     MENU
     ========================================================== */

  #screen-intelligence
  .nx-signals-select-menu-v4 {

    position:
      absolute;

    top:
      calc(
        100% + 7px
      );

    left:
      0;

    width:
      100%;

    min-width:
      190px;

    z-index:
      10001;

    display:
      flex;

    flex-direction:
      column;

    gap:
      4px;

    padding:
      7px;

    border:
      1px solid
      rgba(
        67,
        108,
        162,
        .58
      );

    border-radius:
      13px;

    color:
      #edf4ff;

    background:
      linear-gradient(
        180deg,
        #0b203b,
        #07182e
      );

    box-shadow:
      0
      22px
      60px
      rgba(
        0,
        0,
        0,
        .48
      ),
      inset
      0
      1px
      0
      rgba(
        255,
        255,
        255,
        .035
      );

    opacity:
      0;

    visibility:
      hidden;

    pointer-events:
      none;

    transform:
      translateY(-5px)
      scale(.985);

    transform-origin:
      top center;

    transition:
      opacity
      .14s ease,
      transform
      .14s ease,
      visibility
      .14s ease;

    box-sizing:
      border-box;
  }


  #screen-intelligence
  .nx-signals-select-v4.open
  .nx-signals-select-menu-v4 {

    opacity:
      1;

    visibility:
      visible;

    pointer-events:
      auto;

    transform:
      translateY(0)
      scale(1);
  }


  /* ==========================================================
     OPTIONS
     ========================================================== */

  #screen-intelligence
  .nx-signals-select-option-v4 {

    width:
      100%;

    min-height:
      42px;

    display:
      flex;

    align-items:
      center;

    justify-content:
      space-between;

    gap:
      12px;

    padding:
      0
      10px
      0
      12px;

    border:
      0;

    border-radius:
      9px;

    outline:
      none;

    color:
      #aebfda;

    background:
      transparent;

    font:
      inherit;

    font-size:
      14px
      !important;

    font-weight:
      650
      !important;

    line-height:
      1.2;

    text-align:
      left;

    cursor:
      pointer;

    box-sizing:
      border-box;

    transition:
      background
      .12s ease,
      color
      .12s ease;
  }


  #screen-intelligence
  .nx-signals-select-option-v4:hover,

  #screen-intelligence
  .nx-signals-select-option-v4:focus-visible {

    color:
      #ffffff;

    background:
      rgba(
        74,
        125,
        190,
        .15
      );
  }


  #screen-intelligence
  .nx-signals-select-option-v4.selected {

    color:
      #ffffff;

    background:
      linear-gradient(
        90deg,
        rgba(
          255,
          183,
          32,
          .14
        ),
        rgba(
          255,
          183,
          32,
          .035
        )
      );
  }


  #screen-intelligence
  .nx-signals-select-option-v4.selected:hover {

    background:
      linear-gradient(
        90deg,
        rgba(
          255,
          183,
          32,
          .20
        ),
        rgba(
          255,
          183,
          32,
          .06
        )
      );
  }


  #screen-intelligence
  .nx-signals-select-option-label-v4 {

    min-width:
      0;

    overflow:
      hidden;

    text-overflow:
      ellipsis;

    white-space:
      nowrap;
  }


  /* ==========================================================
     SELECTED CHECK
     ========================================================== */

  #screen-intelligence
  .nx-signals-select-check-v4 {

    width:
      25px;

    height:
      25px;

    flex:
      0 0
      25px;

    display:
      grid;

    place-items:
      center;

    border-radius:
      7px;

    color:
      #ffbd32;

    background:
      rgba(
        255,
        183,
        32,
        .09
      );

    opacity:
      0;

    transform:
      scale(.72);

    transition:
      opacity
      .12s ease,
      transform
      .12s ease;
  }


  #screen-intelligence
  .nx-signals-select-option-v4.selected
  .nx-signals-select-check-v4 {

    opacity:
      1;

    transform:
      scale(1);
  }


  /* ==========================================================
     REMOVE THESE TWO BUTTONS COMPLETELY
     ========================================================== */

  #screen-intelligence
  .signals-column-v19.community
  > .signals-column-footer-v19,

  #screen-intelligence
  .signals-column-v19.market
  > .signals-column-footer-v19 {

    display:
      none
      !important;
  }


  /*
   * Let feed consume the space previously
   * occupied by the removed footer buttons.
   */

  #screen-intelligence
  .signals-column-v19.community
  > .signals-feed-v19,

  #screen-intelligence
  .signals-column-v19.market
  > .signals-feed-v19 {

    flex:
      1 1 auto
      !important;

    min-height:
      0
      !important;
  }

}