/* V118K11R75_EXACT_MOBILE_FIXES_20260921 */

/* Desktop keeps the existing three custom analytics filters. */
.v118k11r75-native-filter{
  display:none !important;
}

@media(max-width:900px){
  /*
   * Mobile uses real native SELECT controls.
   * This intentionally gives iOS/Android their system picker UI,
   * matching the native dropdown behavior used elsewhere.
   */
  .analytics-filters > details.v118g3-filter-dropdown{
    display:none !important;
  }

  .analytics-filters > select.v118k11r75-native-filter{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 40px 0 14px !important;
    box-sizing:border-box !important;

    border:1px solid #c8d6e6 !important;
    border-radius:8px !important;
    background-color:#fff !important;
    color:#10233f !important;

    font-family:
      Inter,
      ui-sans-serif,
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      "Microsoft YaHei",
      "PingFang SC",
      sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1.2 !important;

    outline:none !important;
    box-shadow:none !important;
    color-scheme:light !important;
  }

  .analytics-filters > select.v118k11r75-native-filter:focus{
    border-color:#78a9ea !important;
    box-shadow:0 0 0 2px rgba(37,119,220,.08) !important;
  }

  /*
   * Exact source of the floating X buttons.
   * Mobile does not use these global fixed-position overlays.
   * Normal component-owned clear buttons are unaffected.
   */
  .v118k-input-clear-overlay{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}