/* Karma v10.25 — exactly two scoped fixes:
   1) Reports: remove background from "Настройки страницы" group.
   2) Mobile drawer: animate both enter and exit states.
*/

/* Reports — the third logical parameter group is "Настройки страницы". */
body[data-karma-view="reports"] #root [class~="w-72"] > [class~="p-4"][class~="space-y-5"] > div:nth-of-type(3) {
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 899px) {
  :root {
    --karma-drawer-enter-duration: 300ms;
    --karma-drawer-exit-duration: 220ms;
    --karma-drawer-enter-easing: cubic-bezier(.05,.7,.1,1);
    --karma-drawer-exit-easing: cubic-bezier(.3,0,.8,.15);
  }

  /* Runtime-managed drawer used by the currently deployed bundle. */
  #root [data-karma-mobile-nav]:not([data-karma-native-layout="1"]) {
    transform: translate3d(calc(-100% - 24px), 0, 0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    will-change: transform;
    transition-property: transform, visibility !important;
    transition-duration: var(--karma-drawer-exit-duration), 0s !important;
    transition-timing-function: var(--karma-drawer-exit-easing), step-end !important;
    transition-delay: 0s, var(--karma-drawer-exit-duration) !important;
  }

  body[data-karma-drawer-open] #root [data-karma-mobile-nav]:not([data-karma-native-layout="1"]) {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition-duration: var(--karma-drawer-enter-duration), 0s !important;
    transition-timing-function: var(--karma-drawer-enter-easing), step-start !important;
    transition-delay: 0s, 0s !important;
  }

  /* Keep the scrim present until its fade-out has completed. */
  body > [data-karma-drawer-scrim] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition-property: opacity, visibility !important;
    transition-duration: var(--karma-drawer-exit-duration), 0s !important;
    transition-timing-function: var(--karma-drawer-exit-easing), step-end !important;
    transition-delay: 0s, var(--karma-drawer-exit-duration) !important;
  }

  body[data-karma-drawer-open] > [data-karma-drawer-scrim] {
    opacity: .46 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition-duration: var(--karma-drawer-enter-duration), 0s !important;
    transition-timing-function: var(--karma-drawer-enter-easing), step-start !important;
    transition-delay: 0s, 0s !important;
  }

  /* Future/native React drawer: same asymmetric enter/exit motion. */
  #root [data-karma-mobile-nav][data-karma-native-layout="1"] {
    transition-property: transform !important;
    transition-duration: var(--karma-drawer-exit-duration) !important;
    transition-timing-function: var(--karma-drawer-exit-easing) !important;
  }

  #root [data-karma-mobile-nav][data-karma-native-layout="1"][class~="translate-x-0"] {
    transition-duration: var(--karma-drawer-enter-duration) !important;
    transition-timing-function: var(--karma-drawer-enter-easing) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #root [data-karma-mobile-nav],
  body > [data-karma-drawer-scrim] {
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
  }
}