/* Task editor entrypoint */
@import url("./task-editor/sections.css?v=materials-layout-contract-1");

#right-panel .switch-label-switch-only {
  display: none;
}

#right-panel.is-switch-task-editor .switch-label-default {
  display: none;
}

#right-panel.is-switch-task-editor .switch-label-switch-only {
  display: inline;
}

/* Shared close affordance for all task-page modals. */
body.theme-material :is(
  .modal-close,
  .app-modal-close,
  .filters-modal-close,
  .filters-assignees-modal-close,
  .filters-tags-modal-close,
  .filters-range-modal-close,
  .assignees-modal-close,
  .tags-modal-close
) {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #64748b !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  transform: none !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

body.theme-material :is(
  .modal-close,
  .app-modal-close,
  .filters-modal-close,
  .filters-assignees-modal-close,
  .filters-tags-modal-close,
  .filters-range-modal-close,
  .assignees-modal-close,
  .tags-modal-close
) svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex: 0 0 18px !important;
  pointer-events: none;
}

body.theme-material :is(
  .modal-close,
  .app-modal-close,
  .filters-modal-close,
  .filters-assignees-modal-close,
  .filters-tags-modal-close,
  .filters-range-modal-close,
  .assignees-modal-close,
  .tags-modal-close
) svg :is(line, path) {
  stroke: currentColor !important;
}

body.theme-material :is(
  .modal-close,
  .app-modal-close,
  .filters-modal-close,
  .filters-assignees-modal-close,
  .filters-tags-modal-close,
  .filters-range-modal-close,
  .assignees-modal-close,
  .tags-modal-close
):hover {
  background: #eef2f7 !important;
  color: #0f172a !important;
}

body.theme-material :is(
  .modal-close,
  .app-modal-close,
  .filters-modal-close,
  .filters-assignees-modal-close,
  .filters-tags-modal-close,
  .filters-range-modal-close,
  .assignees-modal-close,
  .tags-modal-close
):focus-visible {
  outline: 2px solid #93c5fd !important;
  outline-offset: 2px !important;
}

body.theme-material.dark-theme :is(
  .modal-close,
  .app-modal-close,
  .filters-modal-close,
  .filters-assignees-modal-close,
  .filters-tags-modal-close,
  .filters-range-modal-close,
  .assignees-modal-close,
  .tags-modal-close
) {
  color: #94a3b8 !important;
}

body.theme-material.dark-theme :is(
  .modal-close,
  .app-modal-close,
  .filters-modal-close,
  .filters-assignees-modal-close,
  .filters-tags-modal-close,
  .filters-range-modal-close,
  .assignees-modal-close,
  .tags-modal-close
):hover {
  background: rgba(148, 163, 184, 0.14) !important;
  color: #e2e8f0 !important;
}