/* Loaded before other layers in authenticated Admin, User and Trader pages.
 * Important declarations in the first layer override legacy decorative shadows.
 * Keep layout, colours, visibility, animations and backdrop separation intact.
 */
@layer wuim-flat-platform {
  *, *::before, *::after, input::file-selector-button {
    box-shadow:none !important;
    text-shadow:none !important;
  }

  /* Only the chart tooltip filters create shadows; retain other image filters. */
  .chart-tooltip-card {
    filter:none !important;
  }

  /* Replace shadow-based focus rings with a real keyboard outline. */
  :focus-visible {
    outline:2px solid #8279ff !important;
    outline-offset:2px !important;
  }

  /* The steps container receives focus after the introduction, not a selection. */
  #userFundingView .funding-steps:is(:focus,:focus-visible) {
    outline:0 !important;
    outline-offset:0 !important;
  }

  /* Mobile searches must override the focus ring in this same first layer. */
  @media (max-width:700px), (max-width:1100px) and (pointer:coarse) {
    .ufs-dialog :is(button,input,select):is(:focus,:focus-visible),
    .ufs-dialog .wuim-searchable-select.is-open > .wss-trigger,
    #userFundingView[data-user-funding-mobile] .funding-response-field :is(input,select,textarea):is(:focus,:focus-visible),
    input:is([type="search"],.wuim-clearable-search):is(:focus,:focus-visible) {
      outline:0 !important;
      outline-offset:0 !important;
    }
  }

  /* The mobile chat field is already contained by its composer. This exception
   * must live in the first layer: later !important rules cannot override it. */
  @media (max-width:700px) {
    #supportView.uhm-mobile #userSupportBody:focus-visible {
      outline:0 !important;
      outline-offset:0 !important;
    }
  }

  /* This inset shadow encoded an incident rather than decoration. */
  #adminBookies tr.has-bookie-sync-incident > td:first-child {
    border-left:2px solid #d99a00 !important;
  }
}