/* Focus · выбор задачи — Figma 14 (487:2397), mobile M28 (585:1477). */
@media (min-width: 1025px) { .tdf.is-picking > :not(.tdf-pick) { display: none !important; } }
.tdf-pick-bg, .tdf-pick-grab, .tdf-pick-x, .tdf-pick-mm { display: none; }
.tdf-pick-sheet { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 18px; align-items: start; }
.tdf-pick-ttl { display: flex; align-items: center; gap: 12px; }
.tdf-pick-ttl h1 { flex: 1; font: var(--td-fw-semibold) 22px/30px var(--td-font-sans); color: var(--td-color-text-heading); margin: 0 0 8px !important; }
.tdf-pick-search { display: flex; align-items: center; gap: 10px; height: 44px; margin: 20px 0 22px; padding: 0 16px; border-radius: 6px; background: var(--td-color-bg-surface); }
.tdf-pick-search svg { width: 16px; height: 16px; color: var(--td-color-text-secondary); flex: none; }
.tdf-pick-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: var(--td-fw-regular) 12px/16px var(--td-font-sans); color: var(--td-color-text-primary); }
.tdf-pick-sec { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 12px; padding-right: 38px; }
.tdf-pick-sec h2 { margin: 0; font: var(--td-fw-semibold) 18px/24px var(--td-font-sans); color: var(--td-color-text-heading); }
.tdf-pick-sec span { font: var(--td-fw-regular) 10px/14px var(--td-font-sans); color: var(--td-color-text-secondary); }
.tdf-pick-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.tdf-pick-empty { padding: 18px; border-radius: 8px; background: var(--td-color-bg-surface); font: var(--td-fw-regular) 12px/16px var(--td-font-sans); color: var(--td-color-text-secondary); }
.tdf-pick-it { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 180px 22px; align-items: center; gap: 12px; min-height: 58px; padding: 10px 16px; border: 0; border-radius: 6px; background: var(--td-color-bg-surface); text-align: left; cursor: pointer; font-family: var(--td-font-sans); }
.tdf-pick-it:hover { background: var(--td-color-bg-subtle); }
.tdf-pick-it.is-on { background: var(--td-color-accent-subtle); }
.tdf-pick-it.is-on::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 2px; background: var(--td-color-accent); }
.tdf-pick-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.tdf-pick-tx strong { font: var(--td-fw-medium) 14px/19px var(--td-font-sans); color: var(--td-color-text-heading); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tdf-pick-tx em { font: normal var(--td-fw-regular) 11px/15px var(--td-font-sans); color: var(--td-color-text-secondary); }
.tdf-pick-meta { font: var(--td-fw-regular) 10px/14px var(--td-font-sans); color: var(--td-color-text-secondary); }
.tdf-pick-it.is-on .tdf-pick-meta { color: var(--td-color-accent); }
.tdf-pick-cb { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 5px; border: 1.5px solid var(--td-color-check-border, #c5cad6); font-style: normal; font-size: 12px; color: transparent; }
.tdf-pick-it.is-on .tdf-pick-cb { background: var(--td-color-accent); border-color: var(--td-color-accent); color: #fff; }
.tdf-pick-more { display: flex; align-items: center; gap: 10px; width: 100%; height: 34px; margin: 0 0 24px; padding: 0 16px; border: 0; border-radius: 6px; background: var(--td-color-bg-subtle); font: var(--td-fw-medium) 11px/14px var(--td-font-sans); color: var(--td-color-text-primary); cursor: pointer; text-align: left; }
.tdf-pick-more > span { flex: 1; }
.tdf-pick-more svg { width: 14px; height: 14px; color: var(--td-color-accent); }
.tdf-pick-more .tdf-pick-grid { display: none; }
.tdf-pick-acts { display: flex; align-items: center; gap: 20px; }
.tdf-pick-acts .tdf-btn { height: 36px; font-size: 11px; }
.tdf-pick-acts .tdf-btn .td-icon { display: none; }
.tdf-pick-cancel { border: 0; background: transparent; padding: 0 12px; font: var(--td-fw-medium) 11px/14px var(--td-font-sans); color: var(--td-color-text-secondary); cursor: pointer; }
.tdf-pick-rail { display: flex; flex-direction: column; gap: 12px; }
.tdf-pick-rail .tdf-card { min-height: 100px; }
.tdf-pick-rail .tdf-card.is-dark { background: var(--td-color-bg-sidebar); color: #fff; min-height: 138px; }
.tdf-pick-rail .is-dark .tdf-eyebrow { color: rgba(255,255,255,.75); }
.tdf-pick-rail .is-dark .tdf-big { color: #fff; font: var(--td-fw-semibold) 17px/23px var(--td-font-sans); }
.tdf-pick-rail .is-dark .tdf-muted { color: rgba(255,255,255,.8); margin-top: 18px !important; }
.tdf-pick-rail .tdf-card.is-daily { background: var(--td-color-daily-subtle); }
@media (max-width: 1024px) {
  .tdf-pick { position: fixed; inset: 0; z-index: 1200; display: flex; flex-direction: column; justify-content: flex-end; }
  .tdf-pick-bg { display: block; position: absolute; inset: 0; background: rgba(20, 24, 40, .55); }
  .tdf-pick-sheet { position: relative; display: block; max-height: 86dvh; overflow-y: auto; padding: 10px 16px calc(20px + env(safe-area-inset-bottom, 0px)); border-radius: 24px 24px 0 0; background: var(--td-color-bg-workspace); }
  .tdf-pick-grab { display: block; width: 36px; height: 4px; margin: 0 auto 14px; border-radius: 2px; background: var(--td-color-border-default); }
  .tdf-pick-main > .tdf-eyebrow, .tdf-pick-rail, .tdf-pick-cancel { display: none !important; }
  .tdf-pick-x { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 0; background: transparent; font-size: 24px; color: var(--td-color-accent); cursor: pointer; }
  .tdf-pick-ttl h1 { font-size: 20px; line-height: 26px; margin: 0 !important; }
  .tdf-pick-main .tdf-sub { display: block !important; margin-top: 8px !important; font-size: 14px; line-height: 20px; }
  .tdf-pick-search { margin: 16px 0 14px; border-radius: 12px; height: 46px; }
  .tdf-pick-search input { font-size: 16px; }
  .tdf-pick-sec { padding: 0; margin-bottom: 8px; }
  .tdf-pick-sec h2 { font: var(--td-fw-semibold) 12px/16px var(--td-font-sans); text-transform: uppercase; letter-spacing: .04em; color: var(--td-color-text-secondary); }
  .tdf-pick-sec span { display: none; }
  .tdf-pick-sec h2 b { font-weight: inherit; }
  .tdf-pick-list { gap: 8px; margin-bottom: 10px; }
  .tdf-pick-it { grid-template-columns: minmax(0, 1fr) 22px; border: 1px solid var(--td-color-border-default); border-radius: 10px; background: var(--td-color-bg-subtle); }
  .tdf-pick-it.is-on { border-color: var(--td-color-accent); }
  .tdf-pick-it.is-on::before { display: none; }
  .tdf-pick-meta { display: none; }
  .tdf-pick-tx strong { font-size: 16px; line-height: 22px; }
  .tdf-pick-tx em { font-size: 13px; line-height: 18px; }
  .tdf-pick-mm, .tdf-pick-tx em .tdf-pick-mm { display: inline; }
  .tdf-pick-more { background: transparent; padding: 0 2px; height: 44px; font-size: 15px; color: var(--td-color-accent); margin: 0 0 12px; }
  .tdf-pick-more .tdf-pick-grid { display: inline-block; width: 20px; height: 20px; color: var(--td-color-text-primary); }
  .tdf-pick-more .tdf-pick-ext { display: none; }
  .tdf-pick-acts { display: block; padding-top: 12px; border-top: 1px solid var(--td-color-border-default); }
  .tdf-pick-acts .tdf-btn { width: 100%; height: 46px; font-size: 15px; border-radius: 12px; }
  .tdf-pick-acts .tdf-btn .td-icon { display: inline-block; }
}
/* new task: record button label follows mic state */
.tdnd-rec-btn .is-stop { display: none; }
#tdNewTaskMic.is-live ~ .tdnd-voice-acts .tdnd-rec-btn .is-start { display: none; }
#tdNewTaskMic.is-live ~ .tdnd-voice-acts .tdnd-rec-btn .is-stop { display: inline; }

.tdf-rh-set { display: inline !important; margin-left: auto; border: 0; background: transparent; padding: 0; font: var(--td-fw-medium) 11px/14px var(--td-font-sans); color: var(--td-color-accent); cursor: pointer; }
.tdf-pick-d { display: inline; }
@media (max-width: 1024px) { .tdf-pick-d { display: none; } }
