/* MyTasked Tasks filter final alignment. */

/*
  The open trigger should read as a plain dark control, not as an
  independently outlined grey tile.
*/
html body #root
main.mt-app-shell.mt-tasks-screen
.mt-tasks-common-filter-dropdown
> .mt-tasks-common-filter-trigger.is-open,
html body #root
main.mt-app-shell.mt-tasks-screen
.mt-tasks-common-filter-dropdown
> .mt-tasks-common-filter-trigger.is-open:focus,
html body #root
main.mt-app-shell.mt-tasks-screen
.mt-tasks-common-filter-dropdown
> .mt-tasks-common-filter-trigger.is-open:focus-visible,
html body #root
main.mt-app-shell.mt-tasks-screen
.mt-tasks-common-filter-dropdown
> .mt-tasks-common-filter-trigger.is-open:active {
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/*
  Keep the 1px divider in the exact centre of the 2px row gap.
  Centre it geometrically inside the menu rather than anchoring its
  left and right edges to the option grid.
*/
html body #root
main.mt-app-shell.mt-tasks-screen
.mt-tasks-common-filter-menu
.mt-tasks-common-filter-option {
  overflow: visible !important;
}

html body #root
main.mt-app-shell.mt-tasks-screen
.mt-tasks-common-filter-menu
.mt-tasks-common-filter-option:not(:last-child)::after {
  right: auto !important;
  bottom: -1px !important;
  left: 50% !important;

  width: calc(100% - 24px) !important;

  transform: translateX(-50%) !important;
}