/* Shared by the desktop and website Weekly Tasks planners. */
:is(.weekly-task-tool-panel, [data-page="weekly-tasks"]) {
  --weekly-paper: #eee5d5;
  --weekly-muted: #b4a996;
  --weekly-gold: #d3ad6c;
  --weekly-line: #b18c5038;
  --weekly-panel: #26221d;
  --weekly-complete: #a8ba83;
}
.weekly-task-tool-panel { --weekly-font: 12px; }
[data-page="weekly-tasks"] { --weekly-font: 12px; --text-muted: #b4a996; --text-strong: #eee5d5; background: radial-gradient(ellipse at 15% 0, #72532a1a, transparent 45%), #191815; }
.calculators-shell > .weekly-task-tool-panel:not(.is-collapsed),
.weekly-task-web-shell {
  background: #211f1b;
  border-color: #b18c504a;
}
:is(.weekly-task-workspace, .weekly-task-intro) { background: #201d19; border-color: var(--weekly-line); border-radius: 10px; }
:is(.weekly-task-workspace-tabs, .weekly-task-web-tabs) {
  gap: 6px;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid var(--weekly-line);
  background: #1b1916;
}
:is(.weekly-task-workspace-tab, .weekly-task-web-tab) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--weekly-muted);
  font-size: 12px;
  box-shadow: none;
}
:is(.weekly-task-workspace-tab, .weekly-task-web-tab)::before {
  content: "";
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background: var(--weekly-board-icon) center / contain no-repeat;
  opacity: 0.65;
}
:is(.weekly-task-workspace-tab, .weekly-task-web-tab):last-child::before { background-image: var(--weekly-route-icon); }
:is(.weekly-task-workspace-tab, .weekly-task-web-tab).is-active {
  border: 1px solid #ba965258;
  background: #302a21;
  color: #f3d69d;
  text-shadow: none;
  box-shadow: none;
}
:is(.weekly-task-workspace-tab, .weekly-task-web-tab).is-active::before { opacity: 1; }
:is(.weekly-task-workspace-tab, .weekly-task-web-tab).has-unread:not(.is-active) { color: #e1bd7a; text-shadow: none; }
:is(.weekly-task-review, .weekly-task-plan) { padding: 16px; }
.weekly-task-team-toggle { display: flex; flex-direction: row; padding: 7px 10px; border: 1px solid var(--weekly-line); border-radius: 7px; background: #29251e; }
.weekly-task-team-toggle input { width: 16px; height: 16px; min-height: 0; flex: 0 0 16px; padding: 0; }
.weekly-task-team-toggle strong { font-size: 11px; }
:is(.weekly-task-review-controls, .weekly-task-web-review-head) { margin-bottom: 10px; }
:is(.weekly-task-review-layout, .weekly-task-web-task-columns) { gap: 14px; }
:is(.weekly-task-review-column, .weekly-task-web-task-columns > section) { padding: 12px; border-radius: 9px; border: 1px solid var(--weekly-line); background: #1b1916; }
:is(.weekly-task-review-column h4, .weekly-task-web-task-columns h3) {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 0 9px;
  margin: 0 0 9px;
  border: 0;
  border-bottom: 1px solid var(--weekly-line);
  background: transparent;
  color: #dec59c;
  box-shadow: none;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-align: left;
}
:is(.weekly-task-review-column h4, .weekly-task-web-task-columns h3)::before { content: ""; width: 26px; height: 26px; background: var(--weekly-kill-icon) center / contain no-repeat; }
:is(.weekly-task-review-column:nth-child(2) h4, .weekly-task-web-task-columns > section:nth-child(2) h3) { color: #dfbc83; border-color: var(--weekly-line); }
:is(.weekly-task-review-column:nth-child(2) h4, .weekly-task-web-task-columns > section:nth-child(2) h3)::before { background-image: var(--weekly-delivery-icon); }
:is(.weekly-task-list, .weekly-task-web-task-list) { gap: 10px; }
:is(.weekly-task-row, .weekly-task-web-task-row) {
  grid-template-rows: 26px minmax(76px, auto) 26px;
  gap: 6px;
  padding: 8px 8px 12px;
  border: 1px solid #a7895945;
  border-radius: 8px;
  background: #27231e;
  box-shadow: none;
}
:is(.weekly-task-row, .weekly-task-web-task-row):hover { border-color: #c3a06a66; background: #302a22; }
:is(.weekly-task-row, .weekly-task-web-task-row).is-complete { border-color: #a8ba8328; background: #22221d; box-shadow: none; }
:is(.weekly-task-row, .weekly-task-web-task-row).needs-review { border-color: #dda24b99; }
.weekly-task-name-field select,
.weekly-task-name-field .select-proxy-input,
.weekly-task-web-task-row > select[data-task-field="name"] { height: 26px; min-height: 26px; border: 0; border-radius: 3px; background: transparent; box-shadow: none; color: var(--weekly-paper); font-size: var(--weekly-font); text-align: left; text-align-last: left; padding-left: 2px; }
.weekly-task-name-field .select-proxy-shell { height: 26px; }
.weekly-task-row.is-complete .weekly-task-name-field { opacity: 0.8; }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 18px 24px 30px; min-height: 76px; padding: 0; gap: 2px 6px; border: 0; background: transparent; }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation)[data-state]:not([data-state="planned"]) { display: flex; align-items: center; justify-content: center; }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation)[data-state] { color: #b5aa98; font-size: var(--weekly-font); }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation)[data-state="complete"] { color: var(--weekly-complete); font-size: 10px; letter-spacing: 0.09em; }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation)[data-state="ambient"] { color: #d3b683; }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation)[data-state="review"] { color: #e0ae64; }
:is(.weekly-task-board-place, .weekly-task-board-place-select, .weekly-task-web-card-place) { color: #d7bd8c; font-size: var(--weekly-font); }
.weekly-task-board-recommendation .select-proxy-input { color: #d1c1a8; background: transparent; font-size: var(--weekly-font); }
.weekly-task-card-hunt-mode { display: block; grid-row: 1; grid-column: 1; align-self: center; color: #b6a58b; font-size: 9px; font-weight: 650; line-height: 1.2; letter-spacing: .025em; text-align: left; text-transform: uppercase; }
.weekly-task-board-recommendation .select-proxy-shell { grid-row: 2; grid-column: 1 / -1; height: 24px; min-height: 24px; }
.weekly-task-board-recommendation .select-proxy-shell > .select-proxy-input,
.weekly-task-board-place-select { grid-row: 2; grid-column: 1 / -1; height: 24px; min-height: 24px; padding: 3px 16px 3px 2px; border: 0; border-radius: 3px; background: transparent; box-shadow: none; color: #d1c1a8; -webkit-text-fill-color: #d1c1a8; line-height: 1.3; opacity: 1; }
.weekly-task-board-recommendation .select-proxy-shell::after { right: 7px; opacity: .85; }
.weekly-task-board-recommendation .select-proxy-input::placeholder { color: #d1c1a8; -webkit-text-fill-color: #d1c1a8; opacity: 1; }
.weekly-task-row :is(.select-proxy-input, select):hover,
.weekly-task-web-task-row > select:hover { background-color: #ffffff06; }
.weekly-task-row :is(.select-proxy-input, select):focus-visible,
.weekly-task-web-task-row > select:focus-visible { outline: 2px solid #bda06c; outline-offset: 1px; }
.weekly-task-web-card-recommendation[data-state="planned"] { place-items: stretch; text-align: left; }
.weekly-task-web-card-place { display: block; grid-row: 2; grid-column: 1 / -1; align-self: center; min-height: 0; text-align: left; line-height: 1.3; color: #d1c1a8; }
:is(.weekly-task-board-estimates, .weekly-task-web-card-estimates) { display: contents; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate) { grid-template-columns: 14px minmax(0, 1fr); gap: 4px; min-height: 30px; padding: 0; border: 0; border-radius: 0; background: transparent; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="duration"] { grid-row: 1; grid-column: 2; display: flex; justify-self: end; gap: 4px; min-height: 0; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="duration"] small { display: none; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="xp"] { grid-row: 3; grid-column: 1; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate) strong,
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="duration"] strong { font-size: 12px; line-height: 1.15; font-variant-numeric: tabular-nums; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate) small { color: #bfb098; font-size: 8px; line-height: 1.4; letter-spacing: .035em; }
.weekly-task-board-estimate-icon,
.weekly-task-web-card-estimate > .weekly-task-web-metric-icon { width: 14px; height: 14px; opacity: .85; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="profit"] { grid-row: 3; grid-column: 2; min-height: 30px; padding: 0; background: transparent; border: 0; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="profit"] > span:last-child { display: grid; gap: 0; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="profit"] strong { color: #d5b982; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate).is-missing { opacity: 1; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate).is-missing strong { color: #a79c89; }
:is(.weekly-task-board-estimate, .weekly-task-web-card-estimate).is-loss strong { color: #e3a18e; }
:is(.weekly-task-progress-fields, .weekly-task-web-progress-fields) { justify-content: center; gap: 5px; padding-inline: 0; }
:is(.weekly-task-progress-fields, .weekly-task-web-progress-fields) input { width: 43px; min-height: 25px; height: 25px; border-radius: 3px; background: #17151135; border: 0; border-bottom: 1px solid #b39b7430; box-shadow: none; font-size: 11px; }
.weekly-task-row .weekly-task-complete-toggle,
.weekly-task-row.is-complete .weekly-task-complete-toggle,
.weekly-task-web-task-row .weekly-task-web-complete { top: 14px; bottom: auto; right: 9px; width: 22px; min-height: 22px; cursor: pointer; }
.weekly-task-name-field,
.weekly-task-web-task-row > select[data-task-field="name"] { margin-right: 28px; }
.weekly-task-web-task-row > select[data-task-field="name"] { width: calc(100% - 28px); }
.weekly-task-row .weekly-task-complete-toggle:focus-within,
.weekly-task-web-task-row .weekly-task-web-complete:focus-within { outline: 2px solid var(--weekly-gold); outline-offset: 2px; border-radius: 3px; }
:is(.weekly-task-complete-toggle, .weekly-task-web-complete) input { width: 16px; height: 16px; min-height: 0; accent-color: #a8ba83; }
:is(.weekly-task-team-toggle, .weekly-task-web-team-toggle, .weekly-task-complete-toggle, .weekly-task-web-complete) input { color-scheme: dark; }
.weekly-task-row.is-complete .weekly-task-complete-toggle::after { border-color: var(--weekly-complete); filter: none; }
.weekly-task-web-task-row.is-complete .weekly-task-web-card-recommendation { color: var(--weekly-complete); }
.weekly-task-web-task-row.is-complete .weekly-task-web-complete input { position: absolute; inset: 0; width: 20px; height: 20px; opacity: 0; cursor: pointer; }
.weekly-task-web-task-row.is-complete .weekly-task-web-complete::after { content: ""; width: 7px; height: 12px; border-right: 2px solid var(--weekly-complete); border-bottom: 2px solid var(--weekly-complete); transform: rotate(45deg); pointer-events: none; }
progress.weekly-task-card-progress { position: absolute; inset: auto 8px 5px; width: calc(100% - 16px); height: 3px; appearance: none; border: 0; border-radius: 8px; overflow: hidden; background: #ffffff0b; }
progress.weekly-task-card-progress[hidden] { display: none; }
progress.weekly-task-card-progress::-webkit-progress-bar { background: #ffffff0b; }
progress.weekly-task-card-progress::-webkit-progress-value { background: linear-gradient(90deg, #907044, #d3ad6c); }
progress.weekly-task-card-progress::-moz-progress-bar { background: #d3ad6c; }
.is-complete > progress.weekly-task-card-progress::-webkit-progress-value { background: #a8ba83; }
.is-complete > progress.weekly-task-card-progress::-moz-progress-bar { background: #a8ba83; }
:is(.weekly-task-community-coverage, .weekly-task-web-community-coverage) { padding: 12px; margin-top: 14px; border: 1px solid var(--weekly-line); border-radius: 8px; background: #1c1a17; }
:is(.weekly-task-community-coverage-total, .weekly-task-web-coverage-total) { padding: 8px; background: #26221d; border-color: #a8906226; border-radius: 5px; }
:is(.weekly-task-community-coverage-note, .weekly-task-web-coverage-note) { color: #a99d88; }
/* Keep the board quiet: the task name, useful route, then progress. */
:is(.weekly-task-row, .weekly-task-web-task-row) {
  grid-template-rows: minmax(30px, auto) minmax(70px, auto) 26px;
  gap: 7px;
  padding: 10px 10px 13px;
  background: linear-gradient(155deg, #302c25, #24221e);
  border-color: #b5a17a38;
  box-shadow: inset 0 1px #ffffff04;
}
:is(.weekly-task-row, .weekly-task-web-task-row):hover { background: linear-gradient(155deg, #353027, #26231e); }
:is(.weekly-task-row, .weekly-task-web-task-row).is-complete { background: #22231f; border-color: #a8ba832b; }
:is(.weekly-task-name-field, .weekly-task-web-task-row > select[data-task-field="name"]) { border-bottom: 1px solid #c5b28c15; }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation)[data-state="missing"] {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 7px;
  padding: 4px 2px;
  text-align: left;
}
.weekly-task-missing-title { display: flex; align-items: center; gap: 6px; color: #c9c2b5; font-size: 11px; font-weight: 500; line-height: 1.35; }
.weekly-task-missing-caption { color: #a79d8c; font-size: 10px; line-height: 1.45; max-width: 22ch; }
.is-discovery .weekly-task-missing-caption { color: #c5ad7f; }
.weekly-task-data-info {
  display: inline-flex; flex: 0 0 15px; align-items: center; justify-content: center;
  width: 15px; min-width: 15px; height: 15px; min-height: 15px; padding: 0;
  border: 1px solid #b7a78266; border-radius: 50%; background: transparent;
  color: #bfb18f; font: 11px Georgia, serif; cursor: help; box-shadow: none;
}
.weekly-task-data-info:hover, .weekly-task-data-info:focus-visible { border-color: #dcc08b; color: #f0d8a7; background: #c9ad6920; }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation)[data-state="complete"] { text-transform: none; letter-spacing: .015em; font-size: 11px; }
:is(.weekly-task-community-coverage-note, .weekly-task-web-coverage-note) {
  display: grid; gap: 5px; margin: 12px 0 0; padding: 11px 12px;
  border-left: 2px solid #b79b63; background: #c5a96d08;
  color: #bcb29f; font-size: 11px; line-height: 1.55;
}
:is(.weekly-task-community-coverage-note, .weekly-task-web-coverage-note) strong { color: #dcc697; font-weight: 600; font-size: 12px; }
:is(.weekly-task-route-toolbar-actions, .weekly-task-web-route-toolbar) { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
:is(.weekly-task-route-totals, .weekly-task-web-totals) { justify-items: start; gap: 9px; }
:is(.weekly-task-route-totals-metrics, .weekly-task-web-totals-metrics) { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; }
.weekly-task-route-totals .weekly-task-route-metric,
.weekly-task-web-totals .weekly-task-web-total { width: auto; min-width: 112px; min-height: 64px; padding: 12px 14px; border: 1px solid #b18c5028; border-radius: 7px; background: #29241d; }
.weekly-task-route-totals .weekly-task-route-metric-copy strong,
.weekly-task-web-totals .weekly-task-web-total strong { font-size: 18px; line-height: 1.3; text-transform: none; }
:is(.weekly-task-route-totals-context, .weekly-task-web-totals-context) { color: #c4b28e; font-size: 10px; }
:is(.weekly-task-route-stage-list, .weekly-task-web-route-stage-list) { gap: 10px; }
:is(.weekly-task-plan-step, .weekly-task-web-route-step) { position: relative; padding: 18px; gap: 14px; grid-template-columns: 38px minmax(0, 1fr); border: 1px solid var(--weekly-line); border-radius: 9px; background: #26221d; }
:is(.weekly-task-plan-step, .weekly-task-web-route-step).is-primary { padding: 18px; border: 1px solid #b88a4755; border-left: 3px solid #b89559; background: #2b251d; box-shadow: none; }
.weekly-task-plan-step .weekly-task-plan-order,
.weekly-task-web-route-step .weekly-task-web-route-order { width: 36px; height: 40px; border: 1px solid #b18c5070; border-radius: 7px 7px 11px 11px; background: #1c1914; color: #d9b880; font: 700 18px Georgia, serif; box-shadow: inset 0 1px #e7c68b20; }
.weekly-task-plan-step.is-primary .weekly-task-plan-order,
.weekly-task-web-route-step.is-primary .weekly-task-web-route-order { color: #f6dbac; border-color: #c79b5b; background: linear-gradient(150deg, #695030, #352b1e); }
:is(.weekly-task-plan-step h4, .weekly-task-web-route-step h4) { font-size: 18px; line-height: 1.3; color: var(--weekly-paper); }
:is(.weekly-task-route-stop-summary, .weekly-task-web-route-summary) { padding-top: 10px; margin-top: 5px; border-top: 1px solid var(--weekly-line); }
:is(.weekly-task-route-task, .weekly-task-web-route-task) { padding-block: 7px; }
:is(.weekly-task-route-task-identity, .weekly-task-web-route-task-identity) strong { font-size: var(--weekly-font); }
:is(.weekly-task-route-stage-copy, .weekly-task-web-route-stage-copy) span { color: #b4a78d; font-size: 10px; }
:is(.weekly-task-route-stage-copy, .weekly-task-web-route-stage-copy) h3 { font-size: 11px; }
:is(.weekly-task-route-metric-copy, .weekly-task-web-route-metric-copy) small { color: #b5a891; }
:is(.weekly-task-plan-steps, .weekly-task-web-route-steps) { grid-template-columns: minmax(0, 1fr); gap: 20px; }
:is(.weekly-task-route-stage, .weekly-task-web-route-stage) { gap: 10px; }
:is(.weekly-task-route-stage-copy, .weekly-task-web-route-stage-copy) h3 { font-size: 12px; letter-spacing: .075em; }
:is(.weekly-task-route-stage-copy, .weekly-task-web-route-stage-copy) span { font-size: 11px; }
:is(.weekly-task-route-detail-toggle, .weekly-task-web-detail-toggle, .weekly-task-route-later-toggle, .weekly-task-web-later-toggle) { min-height: 30px; font-size: 10px; border-color: #b18c5050; background: #17141040; color: #d5c5a9; }
:is(.weekly-task-route-stop-summary, .weekly-task-web-route-summary) { grid-template-columns: minmax(190px, 1.25fr) minmax(140px, .65fr) minmax(250px, 1.2fr); gap: 14px; padding-top: 14px; margin-top: 10px; }
.weekly-task-plan-step.is-compact .weekly-task-route-stop-summary { padding-top: 14px; }
:is(.weekly-task-route-focus-summary, .weekly-task-web-route-focus) { display: grid; grid-template-columns: 1fr; gap: 5px; align-items: start; }
:is(.weekly-task-route-focus-summary, .weekly-task-web-route-focus) strong { color: var(--weekly-paper); font-size: 13px; line-height: 1.4; white-space: normal; }
:is(.weekly-task-route-focus-summary, .weekly-task-web-route-focus) small { color: #b9a78c; font-size: 9px; }
:is(.weekly-task-route-focus-summary, .weekly-task-web-route-focus) > span { justify-self: start; }
.weekly-task-route-stop-summary .weekly-task-route-metric,
.weekly-task-web-route-summary .weekly-task-web-route-metric { min-height: 58px; padding: 9px 11px; border: 0; border-radius: 0; background: transparent; grid-template-columns: 20px minmax(0, auto); gap: 8px; justify-content: start; }
:is(.weekly-task-route-time-summary, .weekly-task-web-route-time) > :is(.weekly-task-route-metric, .weekly-task-web-route-metric) { width: 100%; }
:is(.weekly-task-route-outcome-summary, .weekly-task-web-route-outcomes) { gap: 8px; }
.weekly-task-route-stop-summary .weekly-task-route-metric-copy strong,
.weekly-task-web-route-summary .weekly-task-web-route-metric-copy strong { font-size: 15px; line-height: 1.25; }
.weekly-task-plan-step .weekly-task-route-metric-copy small,
.weekly-task-plan-step.is-compact .weekly-task-route-metric-copy small,
.weekly-task-web-route-step .weekly-task-web-route-metric-copy small { font-size: 9px; letter-spacing: .025em; line-height: 1.4; }
:is(.weekly-task-route-metric-secondary, .weekly-task-web-route-metric-secondary) { font-size: 10px; line-height: 1.4; }
[data-metric="profit"] > :is(.weekly-task-route-metric-copy, .weekly-task-web-route-metric-copy) > :is(.weekly-task-route-metric-secondary, .weekly-task-web-route-metric-secondary) { color: #c7ac7b; }
.weekly-task-route-metric-icon,
.weekly-task-web-route-metric > .weekly-task-web-metric-icon,
.weekly-task-web-total > .weekly-task-web-metric-icon { width: 20px; height: 20px; }
:is(.weekly-task-route-task-list, .weekly-task-web-route-task-list) { margin-top: 12px; padding-top: 10px; border-top-color: var(--weekly-line); }
:is(.weekly-task-route-task-progress, .weekly-task-web-route-task) progress { height: 6px; }
.weekly-task-route-task-progress progress::-webkit-progress-value,
.weekly-task-web-route-task[data-type] progress::-webkit-progress-value { background: linear-gradient(90deg, #9f7c42, #dab875); box-shadow: none; }
:is(.weekly-task-route-task-progress, .weekly-task-web-route-task-progress) span { color: #b8a88c; font-size: 10px; }
:is(.weekly-task-plan-notice-copy, .weekly-task-web-notice-copy) > span { font-size: 10px; line-height: 1.5; }
@media (max-width: 1050px) {
  :is(.weekly-task-review-layout, .weekly-task-web-task-columns) { grid-template-columns: 1fr; }
  :is(.weekly-task-route-stop-summary, .weekly-task-web-route-summary) { grid-template-columns: minmax(0, 1fr) minmax(145px, .65fr); }
  :is(.weekly-task-route-outcome-summary, .weekly-task-web-route-outcomes) { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .weekly-task-tool-panel:not(.is-collapsed) .weekly-task-panel-header { display: flex; flex-direction: column; align-items: stretch; padding: 0; }
  .weekly-task-tool-panel:not(.is-collapsed) .weekly-task-panel-actions { position: static; transform: none; justify-content: flex-start; padding: 0 12px 12px; }
  :is(.weekly-task-workspace-tab, .weekly-task-web-tab) { gap: 6px; padding-inline: 6px; font-size: 11px; }
  :is(.weekly-task-review, .weekly-task-plan) { padding: 9px; }
  :is(.weekly-task-plan-step, .weekly-task-web-route-step),
  :is(.weekly-task-plan-step, .weekly-task-web-route-step).is-primary { grid-template-columns: 27px minmax(0, 1fr); gap: 8px; padding: 10px; }
  .weekly-task-plan-step .weekly-task-plan-order,
  .weekly-task-web-route-step .weekly-task-web-route-order { width: 26px; height: 30px; }
}
@media (max-width: 480px) {
  .weekly-task-card-hunt-mode { font-size: 8px; white-space: nowrap; }
  :is(.weekly-task-list, .weekly-task-web-task-list) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(.weekly-task-row, .weekly-task-web-task-row) { padding-inline: 7px; }
  :is(.weekly-task-review-column, .weekly-task-web-task-columns > section) { padding: 8px; }
  :is(.weekly-task-board-estimate, .weekly-task-web-card-estimate) { grid-template-columns: 12px minmax(0, 1fr); gap: 3px; padding-inline: 3px; }
  .weekly-task-board-estimate-icon,
  .weekly-task-web-card-estimate > .weekly-task-web-metric-icon { width: 12px; height: 12px; }
  :is(.weekly-task-board-estimate, .weekly-task-web-card-estimate) strong,
  :is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="duration"] strong { font-size: 11px; }
  :is(.weekly-task-board-estimate, .weekly-task-web-card-estimate):is([data-metric="xp"], [data-metric="profit"]) { grid-template-columns: minmax(0, 1fr); padding: 0; }
  :is(.weekly-task-board-estimate, .weekly-task-web-card-estimate):is([data-metric="xp"], [data-metric="profit"]) > :is(.weekly-task-board-estimate-icon, .weekly-task-web-metric-icon) { display: none; }
  :is(.weekly-task-board-estimate, .weekly-task-web-card-estimate)[data-metric="profit"] small { overflow: visible; white-space: nowrap; }
  :is(.weekly-task-route-totals, .weekly-task-web-totals) { width: 100%; }
  :is(.weekly-task-route-totals-metrics, .weekly-task-web-totals-metrics) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .weekly-task-route-totals-metrics > [data-metric="duration"],
  .weekly-task-web-totals-metrics > [data-metric="duration"] { grid-column: 1 / -1; }
  .weekly-task-route-totals .weekly-task-route-metric,
  .weekly-task-web-totals .weekly-task-web-total { min-width: 0; grid-template-columns: 20px minmax(0, 1fr); }
  :is(.weekly-task-route-totals-metrics, .weekly-task-web-totals-metrics) small { white-space: normal; overflow: visible; font-size: 9px; }
  :is(.weekly-task-route-stop-summary, .weekly-task-web-route-summary) { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  :is(.weekly-task-route-outcome-summary, .weekly-task-web-route-outcomes) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .weekly-task-route-stop-summary .weekly-task-route-metric,
  .weekly-task-web-route-summary .weekly-task-web-route-metric { grid-template-columns: 15px minmax(0, 1fr); gap: 5px; padding: 8px; }
  .weekly-task-route-stop-summary .weekly-task-route-metric-copy strong,
  .weekly-task-web-route-summary .weekly-task-web-route-metric-copy strong { font-size: 13px; }
  :is(.weekly-task-plan-step h4, .weekly-task-web-route-step h4) { font-size: 16px; white-space: normal; }
}

/* Keep the planner typography independent of each host app shell. */
:is(.weekly-task-planner, .weekly-task-web-shell) { font-family: "Segoe UI", sans-serif; color: var(--weekly-paper); }
:is(.weekly-task-planner, .weekly-task-web-shell) :is(button, input, select, textarea) { font-family: inherit; }
:is(.weekly-task-review-column h4, .weekly-task-web-task-columns h3, .weekly-task-plan-step h4, .weekly-task-web-route-step h4) { font-family: Georgia, serif; }
:is(.weekly-task-review-column h4, .weekly-task-web-task-columns h3) { text-transform: uppercase; }

:is(.weekly-task-workspace-tab, .weekly-task-web-tab) { line-height: normal; letter-spacing: normal; }
:is(.weekly-task-review-column, .weekly-task-web-task-columns > section) { box-shadow: none; }
:is(.weekly-task-review-column h4, .weekly-task-web-task-columns h3, .weekly-task-plan-step h4, .weekly-task-web-route-step h4) { font-weight: 500; }
:is(.weekly-task-plan-step h4, .weekly-task-web-route-step h4) { letter-spacing: normal; }
:is(.weekly-task-row, .weekly-task-web-task-row).needs-review { background: linear-gradient(155deg, #302c25, #24221e); box-shadow: inset 3px 0 #bd913f; }
:is(.weekly-task-board-recommendation, .weekly-task-web-card-recommendation)[data-state="complete"] { color: var(--weekly-complete); text-transform: uppercase; }