/* Task Action Center: dense enough for execution, quiet enough for daily use. */
.task-center-page {
  max-width:1500px;
  margin:0 auto;
}

.action-center-followup-page {
  max-width:1500px;
  margin:0 auto;
}

.task-center-hero {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:29px 34px;
  border-radius:20px;
  background:linear-gradient(125deg,#080a0f,#11182a 68%,#002fa7);
  color:#fff;
  box-shadow:0 20px 45px rgba(12,19,35,.16);
}

.task-center-hero .eyebrow {
  color:#ffcc00;
}

.task-center-hero h1 {
  margin:7px 0 4px;
  font-size:38px;
  letter-spacing:-.05em;
}

.task-center-hero p {
  margin:0;
  color:#aeb8ca;
}

.task-center-hero button {
  padding:12px 18px;
  background:#fff;
  color:#002fa7;
  box-shadow:none;
}

.action-center-mode-tabs {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:14px 0 22px;
  padding:6px;
  border:1px solid #dfe4ed;
  border-radius:16px;
  background:#fff;
}

.action-center-mode-tabs button {
  display:grid;
  gap:3px;
  min-height:58px;
  padding:11px 15px;
  border:1px solid transparent;
  background:transparent;
  color:#4f5d73;
  text-align:left;
  box-shadow:none;
}

.action-center-mode-tabs button:hover {
  border-color:#c6d3ec;
  background:#f6f8fd;
  transform:none;
}

.action-center-mode-tabs button.active {
  border-color:#8fa9dc;
  background:#edf3ff;
  color:#123f9f;
}

.action-center-mode-tabs span {
  font-size:14px;
  font-weight:850;
}

.action-center-mode-tabs small {
  color:#728096;
  font-size:9px;
}

.task-center-metrics {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:14px 0 22px;
}

.task-center-metrics button {
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 12px;
  padding:16px 18px;
  border:1px solid #e1e5ec;
  background:#fff;
  color:#152038;
  text-align:left;
  box-shadow:none;
}

.task-center-metrics button:hover {
  border-color:#8ca8df;
  background:#f8faff;
  transform:none;
}

.task-center-metrics span,.task-center-metrics small {
  color:#69758a;
  font-size:10px;
}

.task-center-metrics strong {
  grid-row:1/3;
  grid-column:2;
  font-size:28px;
}

.task-center-metrics .urgent {
  border-color:#f0b8a4;
  background:#fff8f5;
}

.task-center-metrics .urgent strong {
  color:#bd3f14;
}

.task-center-workspace {
  padding:20px;
  border:1px solid #e0e4eb;
  border-radius:18px;
  background:#fff;
  box-shadow:0 13px 32px rgba(18,28,50,.06);
}

.task-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:16px;
  border-bottom:1px solid #e8ebf0;
}

.task-filter-chips,.task-search-filters {
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.task-filter-chips button {
  padding:8px 11px;
  box-shadow:none;
}

.task-filter-chips button.active {
  background:#002fa7;
  color:#fff;
}

.task-search-filters input {
  min-width:210px;
}

.task-search-filters select {
  max-width:170px;
}

.task-list-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  margin:22px 2px 12px;
}

.task-list-heading h2 {
  margin:4px 0 0;
  font-size:24px;
}

.task-list-heading>small {
  color:#778296;
}

.task-list {
  display:grid;
  gap:9px;
}

.task-list-card {
  overflow:hidden;
  border:1px solid #dfe4ec;
  border-left:4px solid #aeb8c7;
  border-radius:13px;
  background:#fff;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease;
}

.task-list-card:hover {
  border-color:#9bb1dd;
  box-shadow:0 10px 24px rgba(20,40,80,.08);
}

.task-list-card.overdue {
  border-left-color:#d94e18;
}

.task-list-card.today {
  border-left-color:#d5a000;
}

.task-list-card.blocked {
  border-left-color:#8151b5;
}

.task-list-card>header,.task-list-card>footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 15px;
  background:#f8faff;
}

.task-list-card>footer {
  border-top:1px solid #edf0f5;
  background:#fbfcfe;
}

.task-list-card>footer>small {
  overflow:hidden;
  max-width:58%;
  color:#69768a;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.task-list-card>footer>div {
  display:flex;
  gap:6px;
}

.task-list-card>footer button {
  padding:7px 9px;
  font-size:10px;
  box-shadow:none;
}

.task-list-main {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);
  gap:20px;
  padding:15px;
}

.task-list-main h3 {
  margin:0 0 5px;
  font-size:17px;
}

.task-list-main p {
  overflow:hidden;
  margin:0;
  color:#667286;
  font-size:11px;
  line-height:1.5;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.task-related {
  display:block;
  margin-top:8px;
  color:#1749bc;
}

.task-list-main dl {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0;
}

.task-list-main dl div {
  padding:8px 10px;
  border-radius:9px;
  background:#f4f6f9;
}

.task-list-main dt {
  color:#8993a4;
  font-size:8px;
  text-transform:uppercase;
}

.task-list-main dd {
  display:flex;
  align-items:center;
  gap:5px;
  margin:3px 0 0;
  color:#263247;
  font-size:10px;
  font-weight:700;
}

.task-list-main dd i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--owner-color,#174de5);
}

.task-badges {
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}

.task-badge,.task-status {
  padding:5px 7px;
  border-radius:999px;
  background:#eef2f7;
  color:#5e6b7f;
  font-size:8px;
  font-weight:850;
  letter-spacing:.04em;
}

.task-badge.category.marketing {
  background:#f2edff;
  color:#6544a3;
}

.task-badge.category.operation {
  background:#eaf3ff;
  color:#245a9a;
}

.task-badge.category.production {
  background:#e7f6ef;
  color:#1c6a4d;
}

.task-badge.category.research_development {
  background:#fff2db;
  color:#865800;
}

.task-badge.overdue {
  background:#fff0e9;
  color:#ad3b11;
}

.task-badge.today {
  background:#fff6d9;
  color:#7d5c00;
}

.task-badge.blocked {
  background:#f3eaff;
  color:#7041a0;
}

.task-badge.new {
  background:#002fa7;
  color:#fff;
}

.task-badge.recurring {
  background:#e8f6f2;
  color:#176550;
}

.task-badge.priority.urgent,.task-badge.priority.high {
  background:#ffe8e8;
  color:#ab2832;
}

.task-status.done {
  background:#e6f6ed;
  color:#176046;
}

.task-status.cancelled {
  background:#eceff3;
  color:#6f7886;
}

.task-status.blocked {
  background:#f3eaff;
  color:#7041a0;
}

.task-side-summary {
  display:grid;
  gap:4px;
  margin-bottom:14px;
  padding:17px;
  border-radius:14px;
  background:linear-gradient(140deg,#090b10,#16203a);
  color:#fff;
}

.task-side-summary span {
  color:#ffcc00;
  font-size:8px;
  letter-spacing:.16em;
}

.task-side-summary strong {
  font-size:34px;
}

.task-side-summary small {
  color:#aeb8ca;
}

.task-view-record {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  cursor:pointer;
}

.task-view-record>div {
  display:grid;
  gap:3px;
}

.task-view-record span {
  color:#7a8597;
  font-size:9px;
}

.task-view-record>b {
  font-size:17px;
  color:#1749bc;
}

.task-empty {
  padding:42px;
  border:1px dashed #ccd4e1;
  border-radius:13px;
  text-align:center;
}

.task-empty p {
  color:#758095;
}

.task-overlay {
  position:fixed;
  z-index:1200;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(5,8,15,.56);
  backdrop-filter:blur(5px);
}

.task-dialog {
  width:min(760px,96vw);
  max-height:92vh;
  overflow:auto;
  border-radius:18px;
  background:#fff;
  box-shadow:0 35px 100px rgba(0,0,0,.32);
}

.task-editor-dialog {
  width:min(900px,96vw);
}

.task-dialog form {
  display:grid;
  gap:14px;
  padding:24px;
}

.task-dialog form>header,.task-dialog form>footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.task-dialog h2 {
  margin:4px 0 0;
  font-size:26px;
}

.task-dialog label {
  gap:6px;
}

.task-dialog details {
  padding:0;
  overflow:hidden;
  border:1px solid #dce3ef;
  border-radius:14px;
  background:#f8faff;
}

.task-dialog details>summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  cursor:pointer;
  color:#1749bc;
  font-weight:750;
}

.task-dialog details[open]>summary {
  border-bottom:1px solid #dce3ef;
  background:#fff;
}

.task-dialog details>summary small {
  color:#7b8799;
  font-size:9px;
  font-weight:600;
}

.task-more-body {
  display:grid;
  gap:15px;
  padding:15px;
}

.task-description-field textarea {
  min-height:96px;
}

.task-form-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}

.task-recurrence-panel {
  display:grid;
  gap:12px;
  padding:14px 15px;
  border:1px solid #dce3ef;
  border-radius:14px;
  background:#f8faff;
}

.task-recurrence-panel.active,
.task-recurrence-panel:has(select[name="recurrence_pattern"] option:checked:not([value="none"])) {
  border-color:#a7d8cb;
  background:#f2fbf8;
}

.task-recurrence-panel>header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.task-recurrence-panel>header>div {
  display:flex;
  align-items:center;
  gap:9px;
}

.task-recurrence-panel>header span {
  color:#176550;
  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.task-recurrence-panel>header small,
.task-recurrence-panel>p,
.task-recurrence-panel label small {
  margin:0;
  color:#6f7d90;
  font-size:9px;
  line-height:1.45;
}

.task-recurrence-fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}

.task-weekday-picker {
  display:flex;
  gap:6px;
  margin:0;
  padding:11px;
  border:1px solid #dce6e2;
  border-radius:11px;
  flex-wrap:wrap;
}

.task-weekday-picker[hidden] {
  display:none;
}

.task-weekday-picker legend {
  padding:0 5px;
  color:#607468;
  font-size:9px;
  font-weight:750;
}

.task-weekday-picker label {
  display:block;
  cursor:pointer;
}

.task-weekday-picker input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.task-weekday-picker span {
  display:block;
  padding:7px 9px;
  border:1px solid #d9e2df;
  border-radius:999px;
  background:#fff;
  color:#53655d;
  font-size:9px;
}

.task-weekday-picker input:checked+span {
  border-color:#176550;
  background:#176550;
  color:#fff;
}

.task-due-chips {
  display:flex;
  gap:4px;
  margin-top:3px;
}

.task-due-chips button {
  padding:5px 7px;
  background:#eef3ff;
  color:#1749bc;
  font-size:8px;
  box-shadow:none;
}

.task-support-grid {
  display:grid;
  grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);
  gap:13px;
  align-items:start;
}

.task-field-help {
  color:#768297;
  font-size:9px;
  font-weight:500;
}

.task-collaborator-field {
  min-width:0;
  margin:0;
  padding:11px;
  border:1px solid #dce3ef;
  border-radius:12px;
  background:#fff;
}

.task-collaborator-field legend {
  padding:0 5px;
  font-weight:750;
}

.task-collaborator-field>p {
  margin:0 0 9px;
  color:#6c788d;
  font-size:9px;
}

.task-collaborator-options {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  max-height:156px;
  overflow:auto;
}

.task-collaborator-empty {
  grid-column:1/-1;
  margin:0;
  padding:15px;
  border:1px dashed #d7dfeb;
  border-radius:10px;
  color:#7a8597;
  font-size:9px;
  text-align:center;
}

.task-collaborator-option {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:8px 9px;
  border:1px solid #e2e7ef;
  border-radius:10px;
  background:#fbfcfe;
  cursor:pointer;
}

.task-collaborator-option:has(input:checked) {
  border-color:#86a8ec;
  background:#eef4ff;
}

.task-collaborator-option:has(input:disabled) {
  opacity:.48;
  cursor:not-allowed;
}

.task-collaborator-option>input {
  flex:0 0 auto;
  width:15px;
  height:15px;
  margin:0;
  accent-color:#174de5;
}

.task-collaborator-option>span {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  min-width:0;
}

.task-collaborator-option i,.task-collaborator-summary i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--owner-color,#174de5);
}

.task-collaborator-option b {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
}

.task-collaborator-option small {
  color:#7e899a;
  font-size:8px;
}

.task-context-panel {
  padding:14px;
  border:1px solid #cddbf4;
  border-radius:13px;
  background:linear-gradient(135deg,#f4f8ff,#fff 70%);
}

.task-context-panel>header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  height:auto;
  padding:0;
  background:transparent;
  color:inherit;
}

.task-context-panel>header span {
  color:#1749bc;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.task-context-panel>header h3 {
  margin:3px 0 0;
  font-size:15px;
}

.task-context-panel>header p {
  max-width:390px;
  margin:0;
  color:#6c788d;
  font-size:9px;
  line-height:1.5;
}

.task-context-fields {
  display:grid;
  grid-template-columns:.8fr 1.1fr 1.1fr;
  gap:10px;
  margin-top:12px;
}

.task-context-fields label>div {
  display:flex;
  gap:5px;
}

.task-context-fields label>div input {
  min-width:0;
}

.task-context-fields label>div button {
  min-width:62px;
  padding:7px 9px;
  font-size:9px;
}

.task-context-explainer,.task-context-result {
  margin:9px 0 0;
  color:#4f6080;
  font-size:9px;
  line-height:1.5;
}

.task-context-result {
  margin-top:3px;
  color:#1749bc;
  font-weight:750;
}

.task-form-error,[data-task-update-error],[data-task-error] {
  margin:0;
  color:#b42832;
  font-size:11px;
}

.task-action-dialog {
  width:min(540px,94vw);
}

.task-action-dialog form>p {
  margin:0;
  color:#6f7b8d;
  font-size:11px;
}

.task-detail-overlay {
  align-items:stretch;
  justify-content:flex-end;
  padding:0;
}

.task-detail-drawer {
  width:min(690px,94vw);
  height:100vh;
  overflow:auto;
  padding:24px 28px 60px;
  background:#fff;
  box-shadow:-24px 0 70px rgba(0,0,0,.25);
}

.task-detail-drawer>header {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.task-detail-title {
  padding:27px 0 18px;
}

.task-detail-title h1 {
  margin:7px 0;
  font-size:32px;
  line-height:1.15;
  letter-spacing:-.045em;
}

.task-detail-title p {
  color:#637086;
  line-height:1.6;
}

.task-detail-facts {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 14px;
}

.task-detail-facts div {
  padding:11px;
  border-radius:10px;
  background:#f4f6f9;
}

.task-detail-facts dt {
  color:#8791a2;
  font-size:8px;
  text-transform:uppercase;
}

.task-detail-facts dd {
  margin:4px 0 0;
  font-size:11px;
  font-weight:700;
}

.task-recurrence-summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
  padding:12px;
  border:1px solid #b8ded4;
  border-radius:11px;
  background:#f2fbf8;
}

.task-recurrence-summary>div {
  display:grid;
  gap:2px;
}

.task-recurrence-summary span,
.task-recurrence-summary small,
.task-recurrence-summary p {
  margin:0;
  color:#60786f;
  font-size:9px;
}

.task-recurrence-summary strong {
  color:#175c49;
}

.task-recurrence-summary.stopped {
  border-color:#d9dde5;
  background:#f6f7f9;
}

.task-collaborator-summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:10px;
  padding:11px 12px;
  border:1px solid #e0e5ed;
  border-radius:10px;
  background:#fbfcfe;
}

.task-collaborator-summary>div {
  display:grid;
  gap:2px;
}

.task-collaborator-summary>div span {
  font-size:10px;
  font-weight:800;
}

.task-collaborator-summary>div small {
  color:#7b8799;
  font-size:8px;
}

.task-collaborator-summary ul {
  display:flex;
  gap:6px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
  list-style:none;
}

.task-collaborator-summary li {
  display:flex;
  align-items:center;
  gap:5px;
  padding:6px 8px;
  border-radius:999px;
  background:#eef3ff;
  color:#27426f;
  font-size:9px;
  font-weight:700;
}

.task-related-link {
  display:grid;
  grid-template-columns:100px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  padding:12px;
  border:1px solid #dce3ef;
  background:#f8faff;
  color:#23304a;
  text-align:left;
  box-shadow:none;
}

.task-related-link span {
  color:#6d7890;
  font-size:9px;
}

.task-related-link b {
  color:#1749bc;
  font-size:10px;
}

.task-outcome {
  margin-top:13px;
  padding:14px;
  border-left:4px solid #8151b5;
  border-radius:10px;
  background:#f7f2ff;
}

.task-outcome.done {
  border-color:#1b805c;
  background:#effaf5;
}

.task-outcome.cancelled {
  border-color:#7c8491;
  background:#f3f4f6;
}

.task-outcome span {
  font-size:8px;
  font-weight:850;
  letter-spacing:.15em;
}

.task-outcome p {
  margin:6px 0 0;
  line-height:1.55;
}

.task-detail-actions {
  display:flex;
  gap:7px;
  margin:17px 0;
  flex-wrap:wrap;
}

.task-detail-actions button {
  box-shadow:none;
}

.task-detail-actions .danger {
  margin-left:auto;
  color:#b42832;
  background:#fff0f1;
}

.task-update-form {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:9px;
  padding:15px;
  border-radius:12px;
  background:#f2f5fa;
}

.task-update-form p {
  grid-column:1/-1;
}

.task-timeline {
  margin-top:26px;
}

.task-event {
  display:grid;
  grid-template-columns:14px 1fr;
  gap:8px;
  min-height:58px;
}

.task-event>i {
  position:relative;
}

.task-event>i:before {
  content:'';
  position:absolute;
  left:2px;
  top:5px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#174de5;
}

.task-event>i:after {
  content:'';
  position:absolute;
  left:5px;
  top:16px;
  bottom:0;
  width:1px;
  background:#dce2eb;
}

.task-event:last-child>i:after {
  display:none;
}

.task-event>div {
  padding-bottom:13px;
}

.task-event header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.task-event header span {
  color:#7e899a;
  font-size:9px;
}

.task-event p {
  margin:5px 0;
  color:#344056;
  line-height:1.5;
}

.task-event small {
  color:#1749bc;
}

.today-task-focus {
  margin:17px 0;
  padding:18px;
  border:1px solid #dce3ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(16,32,65,.06);
}

.today-task-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.today-task-heading h2 {
  margin:4px 0;
  font-size:23px;
}

.today-task-heading p {
  margin:0;
  color:#6d788b;
}

.today-task-summary {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:14px 0 10px;
  overflow:hidden;
  border:1px solid #e0e5ed;
  border-radius:11px;
}

.today-recurring-progress {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);
  align-items:center;
  gap:20px;
  margin:14px 0 10px;
  padding:13px 14px;
  border:1px solid #b9ded4;
  border-radius:11px;
  background:#f2fbf8;
}

.today-recurring-progress>div {
  display:grid;
  gap:3px;
}

.today-recurring-progress span,
.today-recurring-progress small {
  color:#587067;
  font-size:9px;
}

.today-recurring-progress strong,
.today-recurring-progress b {
  color:#175f4b;
}

.today-recurring-progress>div:last-child {
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:10px;
}

.today-recurring-progress progress {
  width:100%;
  height:8px;
  accent-color:#178063;
}

.today-task-row.recurring {
  border-left:3px solid #26866d;
}

.today-task-row strong i {
  margin-right:6px;
  color:#178063;
  font-style:normal;
}

.today-task-summary span {
  padding:9px 12px;
  border-right:1px solid #e0e5ed;
  color:#748096;
  font-size:9px;
}

.today-task-summary span:last-child {
  border-right:0;
}

.today-task-summary strong {
  display:block;
  color:#18243a;
  font-size:19px;
}

.today-task-summary .urgent {
  background:#fff5f0;
}

.today-task-list {
  display:grid;
  gap:6px;
}

.today-task-empty {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px;
  border:1px dashed #ccd7e8;
  border-radius:11px;
  background:#f8faff;
}

.today-task-empty strong {
  font-size:11px;
}

.today-task-empty p {
  margin:4px 0 0;
  color:#758196;
  font-size:9px;
}

.today-task-empty button {
  flex:0 0 auto;
  box-shadow:none;
}

.today-task-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px 110px;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 12px;
  border:1px solid #e3e7ee;
  background:#fff;
  color:#172239;
  text-align:left;
  box-shadow:none;
}

.today-task-row:hover {
  border-color:#9db4e2;
  box-shadow:none;
}

.today-task-row>div {
  display:grid;
  gap:3px;
}

.today-task-row small {
  color:#758196;
}

.today-task-row>span {
  text-align:right;
  color:#647188;
  font-size:9px;
}

.today-delegated-summary {
  display:flex;
  gap:10px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #edf0f4;
  color:#69758a;
  font-size:9px;
}

.today-delegated-summary strong {
  color:#243149;
}

.task-load-error {
  display:grid;
  justify-items:start;
  gap:9px;
  max-width:620px;
  margin:80px auto;
  padding:30px;
  border:1px solid #ead6d1;
  border-radius:18px;
  background:#fff8f5;
}

.task-load-error>span {
  color:#bd3f14;
  font-size:9px;
  font-weight:850;
  letter-spacing:.15em;
}

.task-load-error h2,.task-load-error p {
  margin:0;
}

.task-load-error p {
  color:#6f7887;
}

@media(max-width:1100px) {
  .task-list-main {
    grid-template-columns:1fr;
  }

  .task-toolbar {
    align-items:flex-start;
    flex-direction:column;
  }

  .task-context-fields {
    grid-template-columns:1fr;
  }

  .task-context-panel>header {
    flex-direction:column;
    gap:7px;
  }

  .task-support-grid {
    grid-template-columns:1fr;
  }

  .task-form-grid {
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:760px) {
  .action-center-mode-tabs {
    grid-template-columns:1fr;
  }

  .task-center-metrics {
    grid-template-columns:1fr 1fr;
  }

  .task-center-hero {
    align-items:flex-start;
    flex-direction:column;
  }

  .task-form-grid {
    grid-template-columns:1fr;
  }

  .task-recurrence-fields,
  .today-recurring-progress {
    grid-template-columns:1fr;
  }

  .task-recurrence-panel>header,
  .task-recurrence-summary {
    align-items:flex-start;
    flex-direction:column;
  }

  .task-list-card>header,.task-list-card>footer {
    align-items:flex-start;
    flex-direction:column;
  }

  .task-list-card>footer>small {
    max-width:100%;
  }

  .task-list-main dl {
    grid-template-columns:1fr;
  }

  .task-detail-facts {
    grid-template-columns:1fr;
  }

  .task-related-link {
    grid-template-columns:1fr;
  }

  .today-task-summary {
    grid-template-columns:1fr 1fr;
  }

  .today-task-summary span:nth-child(2) {
    border-right:0;
  }

  .today-task-summary span:nth-child(-n+2) {
    border-bottom:1px solid #e0e5ed;
  }

  .today-task-row {
    grid-template-columns:1fr;
  }

  .today-task-row>span {
    text-align:left;
  }

  .task-collaborator-options {
    grid-template-columns:1fr;
  }

  .today-task-empty {
    align-items:flex-start;
    flex-direction:column;
  }

}