/* TaskDay «Сегодня» — stage 5. Source: Figma 01 (487:366), 01 Жизнь (487:554), M01/M02/M03.
   Loaded after td-shell.css. Restyles the existing Today markup; JS behaviour untouched. */

/* ---------- shared: task rows (cards-ui.js figma template now adds .td-task-row) ---------- */
/* high specificity: beats td-figma.css «#boardGrid #colToday .tcard.is-figma-today» + body.view-* variants */
html body #boardGrid #colToday .tcard.td-task-row, html body #colToday .tcard.td-task-row {
  display: block !important; width: 100% !important; text-align: left !important;
  background: var(--td-color-bg-surface) !important; border: 0 !important; box-shadow: none !important;
  border-radius: var(--td-corner-tile-left) !important; margin: 0 !important; padding: 0 !important; min-height: 0; position: relative;
}
html body #boardGrid #colToday .tcard.td-task-row:hover { background: var(--td-color-bg-subtle) !important; }
html body #boardGrid #colToday .tcard.td-task-row.is-active, html body #boardGrid #colToday .tcard.td-task-row.is-focus-pinned { background: var(--td-color-accent-subtle) !important; }
html body #colToday .tcard.td-task-row.is-active::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: var(--td-corner-rail); background: var(--td-color-accent); }
html body #colToday .tcard.td-task-row > .tc-row {
  display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100%; gap: var(--td-space-16) !important; min-height: 64px; box-sizing: border-box;
  padding: var(--td-space-12) var(--td-space-12) var(--td-space-12) var(--td-space-20) !important; background: transparent !important;
}
html body #colToday .tcard.td-task-row .tc-check.td-check { width: 24px !important; height: 24px !important; min-width: 24px; margin: 0; border-radius: 7px !important; border: 1.5px solid var(--td-color-check-border) !important; background: transparent !important; box-shadow: none; color: transparent; }
html body #colToday .tcard.td-task-row .tc-check.td-check:hover { border-color: var(--td-color-accent) !important; }
html body #colToday .tcard.td-task-row .tc-check.td-check svg { width: 16px !important; height: 16px !important; }
html body #colToday .tcard.td-task-row.is-done .tc-check.td-check { background: var(--td-color-check-done) !important; border-color: transparent !important; color: var(--td-color-text-on-accent) !important; }
html body #colToday .tcard.td-task-row .td-task-row__body { flex: 1 1 auto !important; min-width: 0; align-items: flex-start !important; text-align: left !important; }
html body #colToday .tcard.td-task-row .td-task-row__title { font: var(--td-fw-semibold) var(--td-fs-body)/19px var(--td-font-sans) !important; color: var(--td-color-text-primary) !important; opacity: 1; }
html body #colToday .tcard.td-task-row.is-done .td-task-row__title { color: var(--td-color-text-secondary) !important; text-decoration: line-through; }
html body #colToday .tcard.td-task-row .td-task-row__meta, html body #colToday .tcard.td-task-row .td-task-row__meta * { font: var(--td-fw-regular) var(--td-fs-caption)/16px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; background: none !important; }
html body #colToday .tcard.td-task-row .td-task-row__meta .tc-m-time { display: none !important; }
html body #colToday .tcard.td-task-row .td-task-row__time { flex: none; font: var(--td-fw-regular) var(--td-fs-caption)/16px var(--td-font-sans); color: var(--td-color-text-secondary); font-variant-numeric: tabular-nums; }
html body #colToday .tcard.td-task-row .tc-more.td-btn--icon { width: 36px !important; height: 36px !important; min-height: 36px; padding: 8px !important; flex: none; color: var(--td-color-text-secondary) !important; border-radius: var(--td-corner-button-left) !important; }
html body #colToday .tcard.td-task-row .tc-more.td-btn--icon:hover, html body #colToday .tcard.td-task-row .tc-more[aria-expanded="true"] { color: var(--td-color-accent) !important; background: var(--td-color-bg-subtle) !important; }
html body #colToday .tcard.td-task-row.is-active .tc-more.td-btn--icon { background: var(--td-color-bg-surface) !important; color: var(--td-color-accent) !important; }
html body #colToday .tc-list.td-figma-plan, html body #colToday #mainSlotsList, html body #colToday #quickSlotsList, html body #colToday #lifeTodayList { gap: 3px !important; }

/* ---------- Desktop ---------- */
@media (min-width: 1025px) {
  #colToday .td-today-hero h1, #tdGreetingTitle { font: var(--td-fw-bold) var(--td-fs-display)/38px var(--td-font-sans); color: var(--td-color-text-heading); margin: 0; }
  #tdGreetingSub { font: var(--td-fw-regular) var(--td-fs-body)/19px var(--td-font-sans); color: var(--td-color-text-secondary); }
  #tdDateChip.td-date-chip { background: none !important; border: 0 !important; padding: 0; color: var(--td-color-text-secondary); font: var(--td-fw-semibold) 11px/15px var(--td-font-sans); text-transform: uppercase; }
  #tdRealmBadge.td-realm-badge { background: var(--td-color-bg-surface); border: 1px solid var(--td-color-border-default); border-radius: var(--td-corner-button-left); }
  .td-main-focus { background: var(--td-color-bg-surface) !important; border: 1px solid var(--td-color-border-default) !important; border-radius: var(--td-corner-card-main-left) !important; box-shadow: none !important; }
  .td-main-focus-go { background: var(--td-color-accent) !important; color: var(--td-color-text-on-accent) !important; border-radius: var(--td-corner-button-left) !important; font: var(--td-fw-semibold) var(--td-fs-body)/19px var(--td-font-sans) !important; }
  .td-main-focus-go:disabled { opacity: .45; }
  #colToday .list-col-title, #colToday .tc-sec-title { font: var(--td-fw-semibold) var(--td-fs-subtitle)/25px var(--td-font-sans) !important; color: var(--td-color-text-heading) !important; }
  .td-plan-show-all { background: var(--td-color-bg-surface) !important; border: 1px solid var(--td-color-border-default) !important; border-radius: var(--td-corner-tile-left) !important; color: var(--td-color-accent) !important; font: var(--td-fw-semibold) var(--td-fs-body)/19px var(--td-font-sans) !important; }
  /* right column = Figma side cards (0 16 16 0) */
  .td-today-rail .td-card { background: var(--td-color-bg-surface) !important; border: 1px solid var(--td-color-border-default) !important; border-radius: var(--td-corner-card-side-right) !important; box-shadow: none !important; padding: var(--td-space-18) !important; }
  .td-today-rail .td-card h2, .td-today-rail .td-card h3, .td-today-rail .td-card-title { font: var(--td-fw-semibold) var(--td-fs-body-lg)/20px var(--td-font-sans) !important; color: var(--td-color-text-primary) !important; }
  .td-today-rail .td-card-sub { font: var(--td-fw-regular) var(--td-fs-caption)/16px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; }
  .td-progress-track { background: var(--td-color-border-default) !important; border-radius: var(--td-corner-progress) !important; height: 8px !important; }
  .td-progress-fill { background: var(--td-color-success) !important; border-radius: var(--td-corner-progress) !important; }
  .td-capture-btn { background: var(--td-color-accent) !important; color: var(--td-color-text-on-accent) !important; border-radius: var(--td-corner-button-left) !important; border: 0 !important; }
  .td-capture-input { background: var(--td-color-bg-subtle) !important; border: 1px solid var(--td-color-border-default) !important; border-radius: var(--td-corner-tile-left) !important; }
  /* sidebar counters (Figma «Nav count circle» 22) */
  .app-sidebar .app-side-btn .td-nav-count { margin-left: auto; min-width: 22px; height: 22px; padding: 0 6px; box-sizing: border-box; border-radius: var(--td-radius-pill);
    display: inline-grid; place-items: center; background: var(--td-color-nav-count-muted); color: var(--td-color-text-on-accent); font: var(--td-fw-regular) var(--td-fs-caption)/1 var(--td-font-sans); }
  .app-sidebar .app-side-btn .td-nav-count[hidden] { display: none; }
  .app-sidebar .app-side-btn.is-active .td-nav-count { background: var(--td-color-check-done); }
  .app-sidebar-brand-mark { width: 31px !important; height: 31px !important; }
  /* old offline toast overlapped the right column: show toasts bottom-centre of the workspace */
  #toastBox { top: auto !important; right: auto !important; left: calc(50% + var(--td-sidebar-w) / 2) !important; bottom: 24px !important; transform: translateX(-50%) !important; }
}

/* ---------- Mobile (M01–M03) ---------- */
@media (max-width: 1024px) {
  /* header actions: Дейли · (settings in place of bell) · avatar, 44×44 */
  .mobile-topbar-action { width: 44px !important; height: 44px !important; min-width: 44px; background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--td-color-accent) !important; display: inline-grid !important; place-items: center; }
  .mobile-topbar-action .td-icon { width: 24px; height: 24px; }
  .mobile-topbar-action.td-mobile-daily-action { color: var(--td-color-daily) !important; }
  .td-mobile-avatar { width: 40px; height: 40px; }
  /* Работа / Жизнь segment 145×36 */
  #realmSwitch.realm-switch { display: inline-flex !important; width: 145px !important; height: 36px !important; padding: 0 !important; gap: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  #realmSwitch .realm-opt { flex: 1; height: 34px !important; min-height: 34px; padding: 8px 14px !important; border: 0 !important; background: var(--td-color-bg-subtle) !important; color: var(--td-color-text-secondary) !important; font: var(--td-fw-medium) 13px/18px var(--td-font-sans) !important; box-shadow: none !important; }
  #realmSwitch .realm-opt:first-child { border-radius: var(--td-corner-segment-first) !important; }
  #realmSwitch .realm-opt:last-child { border-radius: var(--td-corner-segment-last) !important; }
  #realmSwitch .realm-opt.active { height: 36px !important; background: var(--td-color-bg-surface) !important; color: var(--td-color-text-primary) !important; font-weight: var(--td-fw-semibold) !important; box-shadow: inset 0 0 0 1px var(--td-color-border-default) !important; }
  #tdGreetingTitle { font: var(--td-fw-bold) var(--td-fs-title)/32px var(--td-font-sans); color: var(--td-color-text-heading); }
  /* lists sit in one white surface card like M02 */
  #colToday .tc-list { background: var(--td-color-bg-surface); border-radius: var(--td-corner-tile-left); padding: 4px 0; }
  html body #boardGrid #colToday .tcard.td-task-row { background: transparent !important; }
  html body #colToday .tcard.td-task-row > .tc-row { min-height: 56px; padding: 10px 16px !important; }
  html body #colToday .tcard.td-task-row .tc-more.td-btn--icon { display: none !important; } /* M02: no row menu; tap opens the sheet */
  /* admin entry moves to settings (M15) */
  #tdAdminMobileBtn, .td-admin-mobile-btn { display: none !important; }
}

/* =================== pass 2 =================== */
.td-mobile-heading { display: none; }
#colToday .td-free-slot .tc-row { display: flex; align-items: center; gap: var(--td-space-16); min-height: 64px; padding: var(--td-space-12) var(--td-space-20); box-sizing: border-box; cursor: pointer; }
#colToday .td-free-slot__ico { width: 24px; display: grid; place-items: center; color: var(--td-color-accent); }
#colToday .td-free-slot__go { color: var(--td-color-text-primary); display: grid; place-items: center; width: 36px; }
#colToday .td-free-slot .td-task-row__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#colToday .td-free-slot .td-task-row__title { font: var(--td-fw-semibold) var(--td-fs-body)/19px var(--td-font-sans); color: var(--td-color-text-primary); }
#colToday .td-free-slot .td-task-row__meta { font: var(--td-fw-regular) var(--td-fs-caption)/16px var(--td-font-sans); color: var(--td-color-text-secondary); }
.td-plan-block { margin: 0 0 var(--td-space-20); }
.td-plan-block__head { display: flex; align-items: center; gap: var(--td-space-8); margin: 0 0 var(--td-space-12); }
.td-plan-block__title { margin: 0; font: var(--td-fw-semibold) var(--td-fs-subtitle)/25px var(--td-font-sans); color: var(--td-color-text-heading); }
.td-plan-block.is-key .td-plan-block__title { color: var(--td-color-accent); }
.td-plan-block__count { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; display: inline-grid; place-items: center; border-radius: var(--td-corner-chip-diag); background: var(--td-color-accent-subtle); color: var(--td-color-accent); font: var(--td-fw-semibold) 11px/1 var(--td-font-sans); }
/* old section headers / footer are replaced by blocks, progress card, «Завершить день» */
#colToday #workTodaySections > .section-block > .tc-sec-head, #colToday .column-header, #colToday .td-main-focus, #colToday .done-summary-bar, #colToday .td-plan-head, #tdPlanShowAll { display: none !important; }
body[data-desktop-nav="today"] .td-figma-plan > .tcard:nth-child(n + 5) { display: block !important; }
/* rows: key = white tiles 2px apart, no borders; quick = flat list with hairlines (Figma 01) */
html body #colToday .td-plan-block .tc-list.td-figma-plan { display: flex; flex-direction: column; gap: 2px !important; border: 0 !important; background: transparent; padding: 0; }
html body #colToday .td-plan-block .tc-list.td-figma-plan > * { border: 0 !important; border-bottom: 0 !important; }
html body #colToday .td-plan-block.is-key .td-free-slot { margin-top: 6px !important; background: var(--td-color-bg-surface); border-radius: var(--td-corner-tile-left); }
html body #boardGrid #colToday .td-plan-block.is-quick .tcard.td-task-row { background: transparent !important; border-radius: 0 !important; box-shadow: inset 0 -1px 0 var(--td-color-border-default) !important; }
html body #colToday .td-plan-block.is-quick .tcard.td-task-row > .tc-row { min-height: 50px; padding: 8px 12px 8px 14px !important; }
html body #colToday .tcard.td-task-row .tc-go.td-btn--icon { width: 36px !important; height: 36px !important; padding: 8px !important; flex: none; color: var(--td-color-accent) !important; background: var(--td-color-accent-subtle) !important; border: 0 !important; border-radius: var(--td-corner-button-left) !important; }
html body #colToday .tcard.td-task-row.is-active .tc-go.td-btn--icon { background: var(--td-color-bg-surface) !important; }
/* progress card */
#tdProgressCard.td-progress-card { position: relative; }
.td-progress-rhythm { display: none; }
.td-progress-copy h3 { margin: 0; }

@media (min-width: 1025px) {
  .td-today-hero { position: relative; }
  .td-plan-ai-btn { position: absolute; right: 0; top: 30px; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; }
  #tdRealmBadge { display: none !important; }
  #tdDateChip.td-date-chip { order: -1; }
  #tdProgressCard.td-progress-card { display: grid !important; grid-template-columns: 140px 1fr auto; align-items: center; gap: 0 var(--td-space-20); padding: 12px 12px 12px 14px !important; margin: 0 0 var(--td-space-20); background: var(--td-color-bg-surface); border: 0 !important; border-radius: var(--td-corner-tile-left) !important; box-shadow: none !important; }
  #tdProgressCard .td-progress-copy h3 { font: var(--td-fw-regular) 11px/15px var(--td-font-sans); color: var(--td-color-text-secondary); }
  #tdProgressCard .td-progress-stat { font: var(--td-fw-semibold) var(--td-fs-caption)/16px var(--td-font-sans) !important; color: var(--td-color-text-primary); }
  #tdProgressCard .td-progress-track { grid-column: 2; grid-row: 1; height: 6px !important; }
  #tdProgressCard .td-progress-pct { grid-column: 3; grid-row: 1; padding: 4px 10px; background: var(--td-color-bg-subtle); border-radius: var(--td-corner-chip-diag); font: var(--td-fw-medium) 11px/15px var(--td-font-sans); color: var(--td-color-text-secondary); }
  #tdProgressCard .td-card-sub { display: none !important; }
  /* right rail */
  .td-today-rail { display: flex; flex-direction: column; gap: var(--td-space-16); }
  .td-journal-sub { margin: 4px 0 14px; font: var(--td-fw-semibold) var(--td-fs-caption)/16px var(--td-font-sans); color: var(--td-color-text-primary); }
  .td-journal { list-style: none; margin: 0; padding: 0; position: relative; }
  .td-journal__item { display: grid; grid-template-columns: 34px 12px 1fr auto; gap: 0 12px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--td-color-border-default); cursor: pointer; position: relative; }
  .td-journal__item:last-child { border-bottom: 0; }
  .td-journal__item::before { content: ""; position: absolute; left: 51px; top: 0; bottom: 0; width: 1px; background: var(--td-color-border-default); }
  .td-journal__time { font: var(--td-fw-regular) 11px/16px var(--td-font-sans); color: var(--td-color-text-secondary); font-variant-numeric: tabular-nums; }
  .td-journal__dot { width: 7px; height: 7px; margin: 4px 0 0 2px; border-radius: 50%; background: var(--td-color-check-border); position: relative; z-index: 1; }
  .td-journal__item.is-current .td-journal__dot { background: var(--td-color-accent); }
  .td-journal__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
  .td-journal__title { font: var(--td-fw-medium) var(--td-fs-caption)/16px var(--td-font-sans); color: var(--td-color-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .td-journal__meta { font: var(--td-fw-regular) 11px/15px var(--td-font-sans); color: var(--td-color-text-secondary); }
  .td-journal__ok { color: var(--td-color-success); }
  .td-journal__empty { color: var(--td-color-text-secondary); font: var(--td-fw-regular) var(--td-fs-caption)/16px var(--td-font-sans); }
  .td-today-rail .td-daily-card { background: var(--td-color-daily-subtle) !important; border-color: transparent !important; min-height: 160px; display: flex; flex-direction: column; gap: 14px; }
  .td-daily-card__head { display: flex; gap: 12px; align-items: center; color: var(--td-color-daily); }
  .td-daily-card__head h3 { margin: 0; }
  .td-daily-card__status { margin: 0; font: var(--td-fw-regular) 11px/15px var(--td-font-sans); color: var(--td-color-text-secondary); }
  .td-daily-card__status::after { content: " •"; color: var(--td-color-success); }
  .td-daily-card__text { margin: 0; font: var(--td-fw-regular) var(--td-fs-caption)/18px var(--td-font-sans); color: var(--td-color-text-primary); }
  .td-daily-card__ask { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 4px 0 14px; background: rgba(255,255,255,.7); border-radius: var(--td-corner-tile-left); margin-top: auto; }
  .td-daily-card__ask input { flex: 1; border: 0; background: transparent; font: var(--td-fw-regular) 11px/15px var(--td-font-sans); outline: none; min-width: 0; }
  .td-daily-card__send { width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--td-color-bg-surface); color: var(--td-color-text-primary); display: grid; place-items: center; cursor: pointer; }
  .td-finish-day { height: 52px; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--td-color-bg-sidebar) !important; color: var(--td-color-text-on-accent) !important; border: 0; border-radius: var(--td-corner-cta) !important; font: var(--td-fw-semibold) var(--td-fs-body)/19px var(--td-font-sans); cursor: pointer; }
  .td-today-rail #tdCaptureCard { margin-top: var(--td-space-8); }
}

@media (max-width: 1024px) {
  .mobile-topbar .brand-pill, header .brand-pill.brand-logo { display: none !important; }
  .td-mobile-heading { display: flex; flex-direction: column; gap: 2px; margin-right: auto; min-width: 0; }
  .td-mobile-heading__date { font: var(--td-fw-semibold) 12px/16px var(--td-font-sans); color: var(--td-color-text-secondary); text-transform: uppercase; letter-spacing: .02em; }
  .td-mobile-heading__title { font: var(--td-fw-bold) 22px/28px var(--td-font-sans); color: var(--td-color-text-heading); white-space: nowrap; }
  #colToday .td-today-hero, #colToday #tdDateChip, .td-plan-ai-btn { display: none !important; }
  /* blue progress card (M02) */
  #tdProgressCard.td-progress-card { display: grid !important; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 18px 16px 16px !important; margin: 0 0 20px; background: var(--td-color-accent) !important; color: var(--td-color-text-on-accent) !important; border: 0 !important; border-radius: var(--td-corner-card-main-left) !important; box-shadow: none !important; }
  #tdProgressCard .td-progress-copy h3 { font: var(--td-fw-regular) 13px/18px var(--td-font-sans) !important; color: rgba(255,255,255,.85) !important; }
  #tdProgressCard .td-progress-stat { font: var(--td-fw-bold) 20px/26px var(--td-font-sans) !important; color: #fff !important; }
  #tdProgressCard .td-progress-pct { align-self: center; font: var(--td-fw-bold) 28px/34px var(--td-font-sans); color: #fff; }
  #tdProgressCard .td-progress-track { grid-column: 1 / -1; height: 6px !important; background: rgba(255,255,255,.35) !important; margin-top: 8px; }
  #tdProgressCard .td-progress-fill { background: #fff !important; }
  #tdProgressCard .td-card-sub { display: none !important; }
  #tdProgressCard .td-progress-rhythm { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font: var(--td-fw-medium) 13px/18px var(--td-font-sans); color: #fff; }
  #colAside .td-journal-card, #colAside .td-daily-card { display: none !important; }
  /* lists in white cards, counter right */
  .td-plan-block__head { justify-content: space-between; }
  .td-plan-block.is-key .td-plan-block__title { color: var(--td-color-text-heading); }
  html body #colToday .td-plan-block .tc-list.td-figma-plan { background: var(--td-color-bg-surface) !important; border-radius: var(--td-corner-tile-left); padding: 6px 0 !important; gap: 0 !important; }
  html body #boardGrid #colToday .td-plan-block .tcard.td-task-row { background: transparent !important; box-shadow: none !important; }
  html body #colToday .td-plan-block .tcard.td-task-row .tc-go, html body #colToday .td-plan-block .tcard.td-task-row .tc-more { display: none !important; }
  html body #colToday .tcard.td-task-row .td-task-row__meta { display: block !important; }
  html body #colToday .td-plan-block.is-key .td-free-slot { background: transparent; margin: 0 !important; }
  /* mode / status toasts: above the tab bar, never over the header */
  #toastBox { top: auto !important; bottom: calc(var(--td-tabbar-h) + 28px + env(safe-area-inset-bottom, 0px)) !important; left: 16px !important; right: 16px !important; transform: none !important; max-width: none !important; }
}

/* pass 2 fixes */
html body #boardGrid #colToday .td-plan-block .tc-list.td-figma-plan > .tcard { border: 0 !important; }
html body #boardGrid #colToday .td-plan-block.is-quick .tcard.td-task-row { box-shadow: inset 0 -1px 0 var(--td-color-border-default) !important; }
html body #boardGrid #colToday .td-free-slot > .tc-row { display: flex !important; grid-template-columns: none !important; min-height: 64px; padding: 12px 12px 12px 20px !important; }
html body #boardGrid #colToday .td-free-slot .td-task-row__body { flex: 1 1 auto !important; }
@media (max-width: 1024px) {
  html body #colToday { display: flex !important; flex-direction: column; }
  html body #colToday > #tdProgressCard { order: -1 !important; }
  html body #colToday .td-plan-block.is-key .td-free-slot { display: none !important; }
  html body #colToday .td-plan-block, html body #colToday .td-plan-block .tc-list.td-figma-plan { width: 100% !important; max-width: 100%; box-sizing: border-box; }
}
html body #boardGrid #colToday .td-free-slot .td-free-slot__go { margin-left: auto !important; }
@media (max-width: 1024px) {
  html body #boardGrid #colToday .tcard.td-task-row .tc-meta.td-task-row__meta { display: block !important; visibility: visible !important; height: auto !important; opacity: 1 !important; margin-top: 2px; }
  html body #boardGrid #colToday .tcard.td-task-row .td-task-row__meta .tc-sep:first-child { display: none !important; }
}

/* =================== pass 3 =================== */
#lifeTodaySection > .tc-sec-head, #lifeTodaySection .done-fold { display: none !important; }
html body #colToday .tcard.td-task-row .td-task-row__sub { display: block !important; font: var(--td-fw-regular) var(--td-fs-caption)/16px var(--td-font-sans); color: var(--td-color-text-secondary); margin-top: 2px; }
html body #colToday .tcard.td-task-row .td-task-row__time { white-space: nowrap; }

/* ---- Task sheet (mobile, M03): td sheet look, same markup & handlers ---- */
#taskSheetOverlay.task-sheet-overlay { background: rgba(17, 24, 39, .45); }
#taskSheetPanel.task-sheet { background: var(--td-color-bg-surface) !important; border-radius: var(--td-corner-sheet) !important; box-shadow: var(--td-shadow-sheet) !important; font-family: var(--td-font-sans); }
#taskSheetPanel .task-sheet-handle { width: 36px; height: 4px; border-radius: 2px; background: var(--td-color-border-default); }
#taskSheetPanel .task-sheet-topbar-title { font: var(--td-fw-semibold) var(--td-fs-body)/19px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; }
#taskSheetPanel .task-sheet-back, #taskSheetPanel .task-sheet-close { width: 36px; height: 36px; border: 0 !important; background: transparent !important; color: var(--td-color-accent) !important; border-radius: var(--td-corner-button-left) !important; }
#taskSheetPanel .task-sheet-status-pill { height: 24px; padding: 0 10px; display: inline-flex; align-items: center; border-radius: var(--td-corner-chip-diag) !important; background: var(--td-color-accent-subtle) !important; color: var(--td-color-accent) !important; font: var(--td-fw-medium) 12px/16px var(--td-font-sans) !important; }
#taskSheetPanel .task-sheet-title { font: var(--td-fw-bold) 24px/30px var(--td-font-sans) !important; color: var(--td-color-text-heading) !important; }
#taskSheetPanel .task-sheet-chips button, #taskSheetPanel .task-sheet-chips .chip, #taskSheetPanel .task-sheet-chips > * { font: var(--td-fw-medium) 13px/18px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; }
#taskSheetPanel .task-sheet-card { background: var(--td-color-bg-subtle) !important; border: 0 !important; box-shadow: none !important; border-radius: var(--td-corner-tile-left) !important; }
#taskSheetPanel .task-sheet-card h3, #taskSheetPanel .task-sheet-card h4 { font: var(--td-fw-semibold) var(--td-fs-body-lg)/22px var(--td-font-sans) !important; color: var(--td-color-text-primary) !important; }
#taskSheetPanel .task-sheet-card-hint { color: var(--td-color-text-secondary) !important; font: var(--td-fw-regular) 13px/18px var(--td-font-sans) !important; }
#taskSheetPanel .task-sheet-action, #taskSheetPanel .task-sheet-actions button { background: var(--td-color-bg-subtle) !important; border: 0 !important; color: var(--td-color-text-primary) !important; border-radius: var(--td-corner-tile-left) !important; box-shadow: none !important; font: var(--td-fw-medium) 13px/18px var(--td-font-sans) !important; }
#taskSheetPanel .task-sheet-footer { border-top: 1px solid var(--td-color-border-default) !important; background: var(--td-color-bg-surface) !important; gap: 8px; }
#taskSheetPanel .task-sheet-footer .btn-primary, #taskSheetPanel .task-sheet-footer .btn-success, #taskSheetPanel .task-sheet-footer .btn-ghost { height: 48px; border-radius: var(--td-corner-button-left) !important; font: var(--td-fw-semibold) 15px/20px var(--td-font-sans) !important; box-shadow: none !important; border: 0 !important; }
#taskSheetPanel .task-sheet-footer .btn-primary { background: var(--td-color-accent) !important; color: #fff !important; }
#taskSheetPanel .task-sheet-footer .btn-success { background: var(--td-color-accent-subtle) !important; color: var(--td-color-accent) !important; }
#taskSheetPanel .task-sheet-footer .btn-ghost { background: var(--td-color-bg-subtle) !important; color: var(--td-color-text-primary) !important; }
#taskSheetPanel input[type="checkbox"], #taskSheetPanel .subtask-check { accent-color: var(--td-color-check-done); }

/* ---- Desktop task detail (Figma 05 «Задача · Просмотр»): restyle existing #tdTodayDetailHost ---- */
@media (min-width: 1025px) {
  #tdTodayDetailHost .td-detail-topbar-title, #tdTodayDetailHost .td-detail-title { font-family: var(--td-font-sans) !important; color: var(--td-color-text-heading) !important; }
  #tdTodayDetailHost .td-detail-title { font: var(--td-fw-bold) var(--td-fs-display)/38px var(--td-font-sans) !important; }
  #tdTodayDetailHost .td-detail-chip { height: 22px; padding: 0 10px; border-radius: var(--td-corner-chip-diag) !important; border: 0 !important; background: var(--td-color-accent-subtle) !important; color: var(--td-color-accent) !important; font: var(--td-fw-medium) 11px/15px var(--td-font-sans) !important; text-transform: uppercase; }
  #tdTodayDetailHost .td-detail-main > *, #tdTodayDetailHost .td-detail-side > *, #tdTodayDetailHost .td-detail-status-card { background: var(--td-color-bg-surface) !important; border: 0 !important; box-shadow: none !important; }
  #tdTodayDetailHost .td-detail-main > * { border-radius: var(--td-corner-tile-left) !important; }
  #tdTodayDetailHost .td-detail-side > * { border-radius: var(--td-corner-card-side-right) !important; }
  #tdTodayDetailHost .td-detail-progress { height: 4px !important; background: var(--td-color-border-default) !important; border-radius: var(--td-corner-progress) !important; }
  #tdTodayDetailHost .td-detail-progress > * { background: var(--td-color-accent) !important; border-radius: var(--td-corner-progress) !important; }
  #tdTodayDetailHost .td-detail-sec-label, #tdTodayDetailHost .td-detail-steps-head, #tdTodayDetailHost .td-detail-kicker, #tdTodayDetailHost .td-detail-mini-label { font: var(--td-fw-medium) 11px/15px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; text-transform: uppercase; }
  #tdTodayDetailHost .td-detail-step-box { width: 18px; height: 18px; border-radius: 5px !important; border: 1.5px solid var(--td-color-check-border) !important; }
  #tdTodayDetailHost .td-detail-step.is-done .td-detail-step-box { background: var(--td-color-check-done) !important; border-color: transparent !important; }
  #tdTodayDetailHost .td-detail-step-t { font: var(--td-fw-regular) var(--td-fs-caption)/18px var(--td-font-sans) !important; color: var(--td-color-text-primary) !important; }
  #tdTodayDetailHost .td-detail-focus-go, #tdTodayDetailHost .btn-primary { background: var(--td-color-accent) !important; color: #fff !important; border: 0 !important; border-radius: var(--td-corner-button-left) !important; font: var(--td-fw-semibold) var(--td-fs-body)/19px var(--td-font-sans) !important; box-shadow: none !important; }
  #tdTodayDetailHost .td-task-daily-act-go, #tdTodayDetailHost .td-detail-kv-btn { background: var(--td-color-accent-subtle) !important; color: var(--td-color-accent) !important; border: 0 !important; border-radius: var(--td-corner-button-left) !important; box-shadow: none !important; }
}
/* mobile toast: compact td-toast above the tab bar, never blocks taps */
@media (max-width: 1024px) {
  #toastBox { pointer-events: none; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: max-content; max-width: calc(100% - 32px) !important; background: var(--td-color-bg-sidebar) !important; color: #fff !important; border: 0 !important; border-radius: var(--td-corner-toast) !important; box-shadow: var(--td-shadow-toast) !important; font: var(--td-fw-medium) 13px/18px var(--td-font-sans) !important; }
  #toastBox .toast-action-btn { pointer-events: auto; }
}
/* mobile: old CSS sets .tc-body{display:contents}, which pushed the subtitle to the right edge */
@media (max-width: 1024px) {
  html body #boardGrid #colToday .tcard.td-task-row .tc-body.td-task-row__body { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-width: 0 !important; gap: 2px; }
}

/* «Завершить день» внутри карточки прогресса */
#tdProgressCard .td-finish-day--card { grid-column: 1 / -1; grid-row: auto; width: 100%; min-height: 48px; height: 48px; margin: 12px 0 0; box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; gap: 10px; border-radius: 4px 16px 16px 16px !important; font: var(--td-fw-semibold) 15px/20px var(--td-font-sans); cursor: pointer; }
@media (max-width: 1024px) {
  #tdProgressCard .td-finish-day--card, #tdProgressCard .td-finish-day--card:hover { background: #fff !important; color: var(--td-color-accent) !important; border: 0 !important; }
  #tdProgressCard .td-finish-day--card:active { background: rgba(255,255,255,.88) !important; }
  #tdProgressCard .td-finish-day--card:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  html[data-theme="dark"] #tdProgressCard .td-finish-day--card { background: rgba(255,255,255,.94) !important; }
}
@media (min-width: 1025px) {
  #tdProgressCard .td-finish-day--card { height: 44px; min-height: 44px; margin-top: 12px; background: var(--td-color-accent) !important; color: var(--td-color-text-on-accent) !important; border: 0 !important; }
  #tdProgressCard .td-finish-day--card:hover { filter: brightness(1.06); }
}
@media (max-width: 1024px) { #tdProgressCard .td-finish-day--card svg { display: block !important; color: var(--td-color-accent) !important; fill: none; stroke: currentColor !important; } }
/* Маркер ритма в карточке прогресса сохраняет вертикальные отступы
   (gap 6 + (44-18)/2=13 → компенсируем отрицательными отступами −7) */
@media (max-width: 1024px) {
  #tdProgressCard .td-progress-rhythm { min-height: 44px; margin: -7px 0 0 !important; padding: 0 !important; box-sizing: border-box; }
  #tdProgressCard .td-finish-day--card { margin-top: -7px !important; }
}
@media (min-width: 1025px) { #tdProgressCard .td-finish-day--card { margin-top: 2px !important; } }