/* CLICKBEE_NATIVE_FEEL_V2 */

/*
 * Preserve original fonts, desktop menu layout,
 * task glide, activity badge and wallet styling.
 */

/* More reliable mobile viewport */
@media (max-width: 767px) {
  html {
    min-height: 100%;
  }

  body {
    min-height: 100vh;
    min-height: 100dvh;
    overscroll-behavior-x: none;
    -webkit-tap-highlight-color: transparent;
  }

  button,
  [role="button"],
  a {
    -webkit-tap-highlight-color: transparent;
  }
}

/* Responsive taps without changing button dimensions */
button:not(:disabled),
[role="button"]:not([aria-disabled="true"]) {
  touch-action: manipulation;
}

/*
 * Safe press feedback: exclude the animated
 * task filter buttons and top navigation.
 */
@media (hover: none) and (pointer: coarse) {
  .cb-live-task-wrapper {
    -webkit-tap-highlight-color: transparent;
  }

  .cb-live-task-wrapper:active {
    filter: brightness(1.045);
  }

  .topbar button:active {
    filter: brightness(1.12);
  }
}

/* Smooth feedback on ordinary task cards */
@media (prefers-reduced-motion: no-preference) {
  .cb-live-task-wrapper {
    transition:
      filter 120ms ease,
      box-shadow 160ms ease;
  }
}

/* Avoid default mobile text selection on app controls */
@media (max-width: 767px) {
  .topbar button,
  .topbar [role="button"] {
    -webkit-user-select: none;
    user-select: none;
  }
}

/* Keyboard accessibility */
:where(
  .cb-live-task-wrapper,
  .topbar button
):focus-visible {
  outline: 2px solid #a68bff;
  outline-offset: 3px;
}

/* Respect reduced-motion settings */
@media (prefers-reduced-motion: reduce) {
  .cb-live-task-wrapper {
    transition: none;
  }
}

/*
 * No global font-family, font-size, font-weight,
 * display, transform, or width overrides.
 *
 * No first-load opacity animation.
 * No changes to task selector geometry.
 */


/* Restore stronger desktop navigation button text. */
@media (min-width: 768px) {
  .topbar.cb-first-app button,
  .topbar.cb-first-app .wordmark {
    font-weight: 700;
  }
}


/* CLICKBEE_UNSELECTED_MENU_BOLD_V2 */
@media (min-width:768px) {
  .task-tabs-shell > .tabs a[data-filter]:not(
    .active,
    .selected,
    .is-active,
    [aria-selected="true"]
  ) {
    font-weight:700;
  }
}