#taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority,
.app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority {
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

#taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority .nav-arrow,
.app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority .nav-arrow {
  display: inline-flex !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3,
.app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--date-nav-title-slot-w);
  width: var(--date-nav-title-slot-w);
  min-width: var(--date-nav-title-slot-w);
  overflow: visible;
  cursor: default !important;
}

#taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority .date-nav-actions,
.app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority .date-nav-actions {
  display: none !important;
}

#taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority .date-nav-h3-ico,
.app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority .date-nav-h3-ico {
  display: none !important;
}

.priority-title {
  --date-nav-title-icon-offset-y: .25rem;
  --priority-title-flag-size: 2.5rem;
}

.priority-title__flag {
  width: var(--priority-title-flag-size);
  height: var(--priority-title-flag-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(254, 226, 226, .9), rgba(254, 242, 242, .94));
  color: #ef4444;
  box-shadow:
    inset 0 0 0 1px rgba(239, 68, 68, .12),
    0 10px 18px -16px rgba(239, 68, 68, .38);
  flex-shrink: 0;
}

.priority-title__flag-icon {
  font-size: 1.3rem;
  line-height: 1;
}

.priority-header-tools {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
  margin-left: auto;
  padding-top: 0;
}

.priority-header-tool {
  min-height: 2.625rem;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 .95rem;
  border: 1px solid rgba(226, 232, 240, .88);
  border-radius: 14px;
  background: #fff;
  color: #475569;
  font: inherit;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow: 0 10px 24px -22px rgba(15, 23, 42, .34);
  transition:
    border-color .2s ease,
    color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

.priority-header-tool:hover {
  color: #0f172a;
  border-color: rgba(148, 163, 184, .8);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px -24px rgba(15, 23, 42, .4);
}

.priority-header-tool--icon {
  padding: 0 .78rem;
}

.priority-header-tool__icon {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.priority-header-tool__icon svg {
  width: 1rem;
  height: 1rem;
  display: block;
}

.priority-header-tool__label {
  white-space: nowrap;
}

#taskMode.task-mode--priority-view .list-panel #batchBar,
.app.app--with-global-nav #taskMode.task-mode--priority-view .list-panel #batchBar,
#taskMode.task-mode--priority-view .list-panel .batch-bar,
.app.app--with-global-nav #taskMode.task-mode--priority-view .list-panel .batch-bar,
#taskMode.task-mode--priority-view .list-panel #addEmbedWrap,
.app.app--with-global-nav #taskMode.task-mode--priority-view .list-panel #addEmbedWrap {
  display: none !important;
}

#taskMode.task-mode--priority-view .list-panel .tasks,
.app.app--with-global-nav #taskMode.task-mode--priority-view .list-panel .tasks {
  padding-bottom: 1.5rem;
}

#taskMode.task-mode--priority-view .task-main-col > .task-card,
.app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#taskMode.task-mode--priority-view .task-main-col > .task-card > .list-panel,
.app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .list-panel,
#taskMode.task-mode--priority-view .list-panel .tasks,
.app.app--with-global-nav #taskMode.task-mode--priority-view .list-panel .tasks,
#taskMode.task-mode--priority-view .list-panel #tList,
.app.app--with-global-nav #taskMode.task-mode--priority-view .list-panel #tList {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.priority-scene {
  --priority-overdue: #ef4444;
  --priority-today: #fb923c;
  --priority-week: #6366f1;
  --priority-later: #94a3b8;
  --priority-today-count: #eab308;
  --priority-later-count: #3b82f6;
  --priority-task-check-slot-width: 2.125rem;
  --priority-task-check-slot-height: 1.375rem;
  --priority-task-check-size: 1.125rem;
  --priority-task-check-border: 1.75px;
  --priority-task-check-accent: #d1453b;
  --priority-task-check-accent-bg: #faeceb;
  --priority-empty-ink: #c8cee3;
  --priority-empty-ink-strong: #bcc4dd;
  --priority-empty-accent: #6b6ef6;
  --priority-empty-dot: #8f7cf5;
  --priority-empty-shadow: rgba(99, 102, 241, .08);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1.15rem;
  min-height: 0;
  padding: 0 1.75rem 2rem;
}

.priority-scene--empty {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0;
  height: 100%;
  min-height: 0;
}

.priority-scene__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .72rem;
}

.priority-tabs {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: .2rem;
}

.priority-tabs__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .6rem .72rem;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #94a3b8;
  font: inherit;
  font-size: .94rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease;
}

.priority-tabs__button:hover {
  color: #64748b;
}

.priority-tabs__button.is-active {
  color: #6366f1;
  border-bottom-color: #6366f1;
}

.priority-tabs__label,
.priority-tabs__count {
  display: inline-block;
  line-height: 1;
}

.priority-tabs__count {
  font-weight: 500;
}

.priority-tabs__count--overdue {
  color: #ef4444;
}

.priority-group {
  display: flex;
  flex-direction: column;
  gap: .78rem;
}

.priority-group__header {
  --priority-group-header-surface: var(--card, #fff);
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.08rem;
}

.priority-group__title {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: baseline;
  gap: .18rem;
  flex: 0 0 auto;
  margin: 0;
  padding-right: .58rem;
  background: var(--priority-group-header-surface);
  box-shadow: 0 0 0 .46rem var(--priority-group-header-surface);
  font-size: 1.02rem;
  line-height: 1.2;
  font-weight: 760;
  letter-spacing: -.01em;
  color: #000;
  white-space: nowrap;
}

.priority-group__count {
  font-size: 1em;
  line-height: 1.2;
  font-weight: 760;
  letter-spacing: -.01em;
  color: #000;
  white-space: nowrap;
}

.priority-group__count-number {
  font-weight: inherit;
}

.priority-group__count-bracket {
  color: #94a3b8;
}

.priority-group__header-decoration {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.priority-group__header-line {
  width: 100%;
  height: 1px;
  background: rgba(226, 232, 240, .82);
}

.priority-group--overdue .priority-group__count-number {
  color: var(--priority-overdue);
}

.priority-group--today .priority-group__count-number {
  color: var(--priority-today-count);
}

.priority-group--week .priority-group__count-number {
  color: var(--priority-week);
}

.priority-group--later .priority-group__count-number {
  color: var(--priority-later-count);
}

.priority-group__list {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}

.priority-group__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: 0 0 .58rem;
  background: transparent;
  color: #94a3b8;
}

.priority-group__empty-copy {
  margin: 0;
  color: #94a3b8;
  font-size: .96rem;
  line-height: 1.45;
  font-weight: 500;
  text-align: center;
}

.priority-task-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .78rem .92rem;
  border: 1px solid rgba(226, 232, 240, .86);
  border-radius: 6px;
  background: #fefefe;
  color: #0f172a;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 12px 26px -24px rgba(15, 23, 42, .22);
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.priority-task-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px -22px rgba(15, 23, 42, .28);
}

.priority-task-card--overdue:hover {
  border-color: rgba(239, 68, 68, .24);
}

.priority-task-card--today:hover {
  border-color: rgba(251, 146, 60, .3);
}

.priority-task-card--week:hover {
  border-color: rgba(99, 102, 241, .24);
}

.priority-task-card__lead {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--priority-task-check-slot-width);
  min-width: var(--priority-task-check-slot-width);
  height: var(--priority-task-check-slot-height);
  margin-top: -.0625rem;
}

.priority-task-card__marker {
  width: var(--priority-task-check-size);
  height: var(--priority-task-check-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: var(--priority-task-check-border) solid var(--priority-task-check-accent);
  background: var(--priority-task-check-accent-bg);
  box-sizing: border-box;
}

.priority-task-card__marker--priority-high {
  color: var(--priority-task-check-accent);
}

.priority-task-card__copy,
.priority-task-card__tail {
  min-width: 0;
}

.priority-task-card__copy {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}

.priority-task-card__title-row {
  display: flex;
  align-items: center;
  min-width: 0;
}

.priority-task-card__title {
  min-width: 0;
  font-size: .96rem;
  line-height: 1.3;
  font-weight: 500;
  color: #0f172a;
}

.priority-task-card__tail {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  text-align: right;
}

.priority-task-card__when {
  color: #64748b;
  font-size: .84rem;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: .01em;
  white-space: nowrap;
}

.priority-scene__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .2rem;
  padding: 1.4rem 1.5rem 2rem;
  text-align: center;
}

.priority-scene--empty .priority-scene__empty {
  min-height: 0;
  height: 100%;
  padding-block: 0;
}

.priority-scene__empty-illustration {
  width: min(15rem, 72vw);
  margin-bottom: .3rem;
}

.priority-scene__empty-svg {
  display: block;
  width: 100%;
  height: auto;
}

.priority-scene__empty-title {
  margin: 0;
  color: #0f172a;
  font-size: 1.62rem;
  line-height: 1.35;
  font-weight: 760;
}

.priority-scene__empty-sub {
  max-width: 24rem;
  margin: 0;
  color: #a3aec3;
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 500;
}

.task-dash-col:not(.is-week-action):not(.is-overdue-action):not(.is-priority-action) .priority-action-shell {
  display: none;
}

#taskMode .task-dash-col.is-priority-action {
  align-self: stretch;
  gap: 0;
  min-height: 0;
  overflow: hidden;
}

#taskMode .task-dash-col.is-priority-action > .dash-card {
  display: none !important;
}

#taskMode .task-dash-col.is-priority-action .priority-action-shell {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1.2rem 1.2rem 1rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--task-bd) 82%, transparent);
  border-radius: 1rem;
  background: var(--card);
  box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}

.priority-overview__head {
  padding-bottom: 1rem;
}

.priority-overview__kicker {
  color: #0f172a;
  font-size: .98rem;
  line-height: 1.2;
  font-weight: 760;
  letter-spacing: -.01em;
}

.priority-overview__hero {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(226, 232, 240, .78);
}

.priority-overview__ring-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

.priority-overview__ring {
  position: relative;
  width: 6rem;
  min-width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: var(--priority-ring-bg);
}

.priority-overview__ring::after {
  content: "";
  position: absolute;
  inset: .62rem;
  border-radius: 50%;
  background: var(--card);
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .78);
}

.priority-overview__ring-center {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .18rem;
}

.priority-overview__ring-center strong {
  color: #0f172a;
  font-size: 1.85rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.04em;
}

.priority-overview__ring-center span {
  color: #94a3b8;
  font-size: .74rem;
  line-height: 1.2;
  font-weight: 700;
}

.priority-overview__metrics-side {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .4rem;
  min-width: 0;
}

.priority-overview__metric {
  min-width: 0;
  text-align: center;
}

.priority-overview__metric b,
.priority-overview__metric span {
  display: block;
  width: 100%;
}

.priority-overview__metric b {
  font-size: 1.55rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.03em;
}

.priority-overview__metric span {
  margin-top: .38rem;
  color: #94a3b8;
  font-size: .72rem;
  line-height: 1.3;
  font-weight: 700;
}

.priority-overview__metric--overdue b {
  color: #ef4444;
}

.priority-overview__metric--today b {
  color: #fb923c;
}

.priority-overview__metric--week b {
  color: #6366f1;
}

.priority-overview__section {
  display: flex;
  flex-direction: column;
  gap: .9rem;
  padding-top: 1rem;
  min-height: 0;
}

.priority-overview__section-head {
  display: flex;
  align-items: center;
}

.priority-overview__section-title {
  color: #0f172a;
  font-size: 1.02rem;
  line-height: 1.2;
  font-weight: 760;
}

.priority-overview__list {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  min-height: 0;
}

.priority-overview__row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .85rem .9rem;
  border: 1px solid rgba(226, 232, 240, .82);
  border-radius: .95rem;
  background: rgba(255, 255, 255, .96);
  color: #0f172a;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s ease, transform .2s ease;
}

.priority-overview__row:hover {
  transform: translateY(-1px);
}

.priority-overview__row--overdue:hover {
  border-color: rgba(239, 68, 68, .24);
}

.priority-overview__row--today:hover {
  border-color: rgba(251, 146, 60, .28);
}

.priority-overview__row--week:hover {
  border-color: rgba(99, 102, 241, .24);
}

.priority-overview__row-copy {
  min-width: 0;
}

.priority-overview__row-copy strong,
.priority-overview__row-copy span {
  display: block;
  min-width: 0;
}

.priority-overview__row-copy strong {
  color: #0f172a;
  font-size: .94rem;
  line-height: 1.32;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.priority-overview__row-copy span {
  margin-top: .32rem;
  color: #94a3b8;
  font-size: .76rem;
  line-height: 1.35;
  font-weight: 700;
}

.priority-overview__row em {
  flex: 0 0 auto;
  color: #64748b;
  font-size: .74rem;
  line-height: 1.3;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

.priority-overview__empty {
  padding: 1rem .95rem;
  border-radius: .95rem;
  background: rgba(248, 250, 252, .9);
  color: #94a3b8;
  font-size: .82rem;
  line-height: 1.55;
  text-align: center;
}

.priority-overview__action {
  min-height: 2.35rem;
  border: 1px solid rgba(226, 232, 240, .88);
  border-radius: .9rem;
  background: rgba(248, 250, 252, .94);
  color: #64748b;
  font: inherit;
  font-size: .84rem;
  font-weight: 760;
  cursor: pointer;
}

.priority-overview__action:hover {
  color: #0f172a;
  border-color: rgba(148, 163, 184, .72);
}

.dark .priority-title__flag {
  background: rgba(239, 68, 68, .14);
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, .2);
}

.dark #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope .priority-title__main,
.dark #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope .priority-title__copy .date-nav-date-main,
.dark .app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope .priority-title__main,
.dark .app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope .priority-title__copy .date-nav-date-main,
.dark .priority-scene__empty-title,
.dark .priority-overview__kicker,
.dark .priority-overview__section-title,
.dark .priority-task-card__title,
.dark .priority-overview__row-copy strong,
.dark .priority-overview__ring-center strong {
  color: #f8fafc;
}

.dark #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope .priority-title__sub,
.dark #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope .priority-title__copy .date-nav-date-sub,
.dark .app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope .priority-title__sub,
.dark .app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope .priority-title__copy .date-nav-date-sub,
.dark .priority-task-card__when,
.dark .priority-scene__empty-sub,
.dark .priority-overview__row em {
  color: #cbd5e1;
}

.dark .priority-header-tool,
.dark .priority-task-card,
.dark .priority-overview__row {
  border-color: rgba(51, 65, 85, .92);
  background: rgba(15, 23, 42, .86);
  color: #e2e8f0;
  box-shadow: none;
}

.dark .priority-group__empty {
  color: #94a3b8;
}

.dark .priority-group__header-line {
  background: rgba(51, 65, 85, .86);
}

.dark .priority-group__header {
  --priority-group-header-surface: var(--card, #0f172a);
}

.dark .priority-group__title,
.dark .priority-group__count {
  color: #f8fafc;
}

.dark .priority-group--overdue .priority-group__count-number {
  color: #fca5a5;
}

.dark .priority-group--today .priority-group__count-number {
  color: #facc15;
}

.dark .priority-group--week .priority-group__count-number {
  color: #a5b4fc;
}

.dark .priority-group--later .priority-group__count-number {
  color: #93c5fd;
}

.dark .priority-group__empty-copy {
  color: #cbd5e1;
}

.dark .priority-overview__empty,
.dark .priority-overview__action {
  background: rgba(30, 41, 59, .92);
  border-color: rgba(51, 65, 85, .9);
  color: #cbd5e1;
}

.dark .priority-overview__hero {
  border-bottom-color: rgba(51, 65, 85, .82);
}

.dark .priority-scene {
  --priority-empty-ink: #7c86a6;
  --priority-empty-ink-strong: #919bbb;
  --priority-empty-accent: #8b8eff;
  --priority-empty-dot: #9b8cff;
  --priority-empty-shadow: rgba(15, 23, 42, .28);
}

.dark .priority-scene__empty {
  background: transparent;
}

.dark #taskMode .task-dash-col.is-priority-action .priority-action-shell {
  border-color: rgba(51, 65, 85, .88);
  background: rgba(15, 23, 42, .88);
  box-shadow: none;
}

.dark .priority-overview__ring::after {
  background: rgba(15, 23, 42, .94);
  box-shadow: inset 0 0 0 1px rgba(51, 65, 85, .88);
}

.dark .priority-overview__row-copy span,
.dark .priority-overview__metric span,
.dark .priority-overview__ring-center span {
  color: #94a3b8;
}

@media (max-width: 1180px) {
  .priority-group__header {
    min-height: 1.98rem;
  }

  .priority-scene__toolbar {
    padding-bottom: .58rem;
  }

  .priority-group {
    gap: .7rem;
  }

  .priority-group__title {
    box-shadow: 0 0 0 .4rem var(--priority-group-header-surface);
  }

  .priority-group__title {
    padding-right: .52rem;
  }

  .priority-group__count {
    font-size: 1em;
  }

  .priority-header-tools {
    max-width: 52%;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .priority-scene {
    padding: 0 1.1rem 1.5rem;
  }

  .priority-scene__toolbar {
    padding-bottom: .95rem;
  }

  .priority-task-card {
    padding: .78rem .82rem;
  }

  .priority-task-card {
    align-items: flex-start;
  }

  .priority-task-card__tail {
    flex-direction: column;
    align-items: flex-end;
    gap: .45rem;
  }

  #taskMode .task-dash-col.is-priority-action .priority-action-shell {
    padding: 1rem;
  }

  .priority-overview__ring-wrap {
    align-items: flex-start;
    flex-direction: column;
  }

  .priority-overview__metrics-side {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .priority-group__header {
    min-height: 1.82rem;
  }

  .priority-scene__toolbar {
    padding-bottom: .48rem;
  }

  .priority-group {
    gap: .62rem;
  }

  .priority-group__title {
    box-shadow: 0 0 0 .32rem var(--priority-group-header-surface);
  }

  .priority-group__title {
    padding-right: .46rem;
  }

  .priority-group__count {
    font-size: 1em;
  }

  #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority,
  .app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority {
    flex-wrap: wrap;
    align-items: center;
    row-gap: 12px;
  }

  #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3,
  .app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 {
    order: 1;
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope,
  .app.app--with-global-nav #taskMode.task-mode--priority-view .task-main-col > .task-card > .date-nav.date-nav--priority h3 #dTitle.is-priority-scope {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    justify-content: center;
    text-align: center;
  }

  .priority-header-tools {
    order: 2;
    width: 100%;
    max-width: none;
    margin-left: 0;
    justify-content: flex-start;
  }

  .priority-header-tool {
    min-height: 2.45rem;
    padding: 0 .82rem;
  }

  .priority-tabs {
    width: 100%;
    justify-content: space-between;
  }

  .priority-tabs__button {
    padding-left: .2rem;
    padding-right: .2rem;
  }

  .priority-task-card {
    flex-direction: column;
    align-items: stretch;
  }

  .priority-task-card__copy,
  .priority-task-card__tail {
    width: 100%;
  }

  .priority-task-card__tail {
    flex-direction: row;
    justify-content: flex-end;
  }

  .priority-scene__empty {
    padding: 1rem 1rem 1.6rem;
  }

  .priority-scene__empty-illustration {
    width: min(12.5rem, 80vw);
  }

  .priority-scene__empty-title {
    font-size: 1.38rem;
  }

  .priority-scene__empty-sub {
    max-width: 19rem;
    font-size: .94rem;
  }

  .priority-overview__metrics-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}