/* TaskDay Дейли — Figma 08 (487:1685), mobile M06 (569:750). */
#tdDailyPage.tdd2 { font-family: var(--td-font-sans); color: var(--td-color-text-primary); }
.tdd2 h1, .tdd2 h2, .tdd2 h3, .tdd2 p { margin: 0; }
.tdd2 .td-dp-head { display: flex; align-items: flex-start; gap: 16px; margin: 0 0 22px !important; padding: 0 !important; }
.tdd2-eyebrow { font: var(--td-fw-semibold) 11px/14px var(--td-font-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--td-color-accent); margin-bottom: 8px !important; }
.tdd2 .td-dp-head h1 { display: flex; align-items: center; gap: 10px; font: var(--td-fw-bold) var(--td-fs-display)/38px var(--td-font-sans) !important; color: var(--td-color-text-heading) !important; margin-bottom: 14px !important; }
.tdd2-m-spark { display: none; width: 28px; height: 28px; color: var(--td-color-daily); }
.tdd2 .td-dp-sub { font: var(--td-fw-regular) 13px/18px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; }
.tdd2-m { display: none; }
.tdd2 .td-dp-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px !important; gap: 20px !important; align-items: start; }
.tdd2 .td-dp-main { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.tdd2-ctx { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; margin: 0 0 0 24px; border-radius: 8px 8px 0 0; background: var(--td-color-accent-subtle); color: var(--td-color-accent); font: var(--td-fw-medium) 10px/14px var(--td-font-sans); }
.tdd2 .td-dp-card { background: var(--td-color-bg-surface) !important; border: 0 !important; box-shadow: none !important; border-radius: var(--td-corner-card-side-right) !important; padding: 20px 18px !important; }
.tdd2 .td-dp-chat { align-self: stretch; display: flex; flex-direction: column; min-height: 520px; height: calc(100vh - 260px); max-height: 760px; padding: 12px 14px 14px !important; border-radius: var(--td-corner-card-main-left) !important; }
.tdd2 .td-dp-chat-head { display: flex !important; align-items: center; gap: 12px; padding: 4px 2px 12px !important; margin: 0 !important; border-bottom: 1px solid var(--td-color-border-default); }
.tdd2-ava { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 10px; background: var(--td-color-daily-subtle); color: var(--td-color-daily); flex: none; }
.tdd2-ava svg { width: 18px; height: 18px; }
.tdd2 .td-dp-chat-head h2 { font: var(--td-fw-medium) 13px/18px var(--td-font-sans) !important; color: var(--td-color-accent) !important; }
.tdd2 .td-dp-meta { margin-top: 2px !important; font: var(--td-fw-regular) 10px/14px var(--td-font-sans) !important; color: var(--td-color-text-secondary) !important; }
.tdd2 .td-dp-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 4px 8px; display: flex; flex-direction: column; gap: 14px; }
.tdd2 .td-dp-feed { display: flex; flex-direction: column; gap: 14px; max-height: none !important; overflow: visible !important; padding: 0 !important; }
.tdd2 .td-dp-greet { display: block !important; align-self: flex-start; max-width: 78%; padding: 14px 16px !important; background: var(--td-color-daily-subtle) !important; border: 0 !important; border-radius: 4px 18px 18px 18px !important; }
.tdd2 .td-dp-greet strong { display: block; font: var(--td-fw-medium) 13px/18px var(--td-font-sans); color: var(--td-color-text-heading); }
.tdd2 .td-dp-greet p { margin-top: 8px !important; font: var(--td-fw-regular) 12px/17px var(--td-font-sans); color: var(--td-color-text-secondary); }
.tdd2 .td-dp-scroll:has(.td-dp-feed:not(:empty)) .td-dp-greet { display: none !important; }
.tdd2 .td-dp-bubble { max-width: 78%; padding: 12px 16px !important; font: var(--td-fw-regular) 13px/19px var(--td-font-sans) !important; border: 0 !important; box-shadow: none !important; }
.tdd2 .td-dp-bubble.user { align-self: flex-end; background: var(--td-color-accent-subtle) !important; color: var(--td-color-text-primary) !important; border-radius: 18px 4px 18px 18px !important; }
.tdd2 .td-dp-bubble.bot { align-self: flex-start; background: var(--td-color-daily-subtle) !important; color: var(--td-color-text-primary) !important; border-radius: 4px 18px 18px 18px !important; }
.tdd2 .td-dp-bubble.is-rich, .tdd2 .td-dp-bubble.is-fn { max-width: 86%; }
.tdd2 .td-dp-bubble.is-fn { background: var(--td-color-success-subtle) !important; }
.tdd2 .td-dp-quick { display: block !important; padding: 8px 0 !important; margin: 0 !important; border: 0 !important; }
.tdd2 .td-dp-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.tdd2 .td-dp-chip { height: 26px !important; padding: 0 10px !important; border: 0 !important; border-radius: var(--td-corner-chip-diag) !important; background: var(--td-color-bg-subtle) !important; color: var(--td-color-text-primary) !important; font: var(--td-fw-medium) 11px/14px var(--td-font-sans) !important; cursor: pointer; }
.tdd2 .td-dp-chip:hover { background: var(--td-color-accent-subtle) !important; color: var(--td-color-accent) !important; }
.tdd2 .td-dp-compose-row { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 4px 4px 4px 14px; margin: 0; border-radius: 12px; background: var(--td-color-bg-workspace); }
.tdd2 .td-dp-compose-row > .td-dp-composer { flex: 1; min-width: 0; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.tdd2 .td-dp-composer { display: flex !important; align-items: center; gap: 8px; padding: 4px 4px 4px 14px !important; margin: 0 !important; border: 0 !important; border-radius: 12px !important; background: var(--td-color-bg-workspace) !important; }
.tdd2 .td-dp-composer textarea { flex: 1; min-width: 0; min-height: 22px !important; max-height: 120px; height: 22px; padding: 6px 0 !important; border: 0 !important; outline: 0; resize: none; background: transparent !important; box-shadow: none !important; font: var(--td-fw-regular) 13px/20px var(--td-font-sans) !important; color: var(--td-color-text-primary); }
.tdd2 .td-dp-composer textarea::placeholder { color: var(--td-color-text-secondary); }
.tdd2 .tdd2-mic, .tdd2 .td-dp-send { display: inline-flex !important; align-items: center; justify-content: center; flex: none; width: 34px !important; height: 34px !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; cursor: pointer; position: static !important; }
.tdd2 .tdd2-mic { background: transparent !important; color: var(--td-color-accent) !important; }
.tdd2 .tdd2-mic.is-active, .tdd2 .tdd2-mic.recording, .tdd2 .tdd2-mic.is-recording { background: var(--td-color-danger-subtle) !important; color: var(--td-color-danger) !important; }
.tdd2 .td-dp-send { background: var(--td-color-accent) !important; color: #fff !important; }
.tdd2 .tdd2-mic svg, .tdd2 .td-dp-send svg { width: 18px; height: 18px; }
.tdd2 .td-dp-side { display: flex; flex-direction: column; gap: 12px; }
.tdd2 .td-dp-side h3 { font: var(--td-fw-semibold) 15px/20px var(--td-font-sans) !important; color: var(--td-color-text-heading) !important; margin: 0 0 6px !important; }
.tdd2-muted { font: var(--td-fw-regular) 11px/15px var(--td-font-sans); color: var(--td-color-text-secondary); }
.tdd2-strong { margin-top: 6px !important; font: var(--td-fw-medium) 13px/18px var(--td-font-sans); color: var(--td-color-text-heading); }
.tdd2-cap { margin-top: 18px !important; font: var(--td-fw-regular) 10px/14px var(--td-font-sans); color: var(--td-color-text-secondary); }
.tdd2 .td-dp-bar { display: block; height: 6px; margin-top: 12px; border-radius: 3px; background: var(--td-color-success-subtle) !important; overflow: hidden; }
.tdd2 .td-dp-bar i { display: block; height: 100%; width: 0; border-radius: 3px; background: var(--td-color-success) !important; }
.tdd2-can h3 { color: var(--td-color-accent) !important; margin-bottom: 10px !important; }
.tdd2 .td-dp-tool { display: flex !important; align-items: center; gap: 12px; width: 100%; padding: 8px 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left; cursor: pointer; font: var(--td-fw-regular) 11px/15px var(--td-font-sans) !important; color: var(--td-color-text-primary) !important; }
.tdd2 .td-dp-tool:hover span:last-child { color: var(--td-color-accent); }
.tdd2 .td-dp-tool-ico { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex: none; border-radius: 6px; background: transparent !important; color: var(--td-color-daily) !important; }
.tdd2 .td-dp-tool-ico.is-box { background: var(--td-color-daily-subtle) !important; }
.tdd2 .td-dp-tool-ico svg { width: 16px; height: 16px; }
.tdd2 .td-dp-card.tdd2-own { background: var(--td-color-success-subtle) !important; }
.tdd2-own h3 { color: var(--td-color-success) !important; font-size: 12px !important; line-height: 16px !important; }
@media (max-width: 1024px) {
  html body #tdDailyPage.tdd2:not([hidden]) { display: flex !important; flex-direction: column; padding: 0 16px !important; background: transparent !important; min-height: calc(100dvh - 140px); }
  .tdd2-eyebrow, .tdd2-d, .tdd2 .td-dp-side, .tdd2 .td-dp-chat-head { display: none !important; }
  .tdd2-m { display: inline; }
  .tdd2-m-spark { display: inline-block; }
  .tdd2 .td-dp-head { margin: 6px 0 12px !important; }
  .tdd2 .td-dp-head h1 { font-size: 24px !important; line-height: 30px !important; margin: 0 !important; }
  .tdd2 .td-dp-sub { margin: 2px 0 0 38px !important; font-size: 13px !important; }
  .tdd2 .td-dp-layout { display: block !important; flex: 1; }
  .tdd2 .td-dp-main { align-items: stretch; }
  .tdd2-ctx { align-self: center; margin: 4px 0 10px; background: transparent; border-radius: 0; font-size: 12px; color: var(--td-color-daily); }
  .tdd2 .td-dp-chat { background: transparent !important; padding: 0 !important; min-height: 0; height: auto; max-height: none; }
  .tdd2 .td-dp-scroll { padding: 0 0 8px; overflow: visible; }
  .tdd2 .td-dp-bubble { max-width: 88%; font-size: 16px !important; line-height: 22px !important; padding: 12px 16px !important; }
  .tdd2 .td-dp-bubble.user { background: var(--td-color-accent) !important; color: #fff !important; }
  .tdd2 .td-dp-bubble.bot, .tdd2 .td-dp-greet { background: var(--td-color-bg-surface) !important; }
  .tdd2 .td-dp-bubble.is-fn { background: var(--td-color-daily-subtle) !important; max-width: 100%; }
  .tdd2 .td-dp-greet { max-width: 88%; }
  .tdd2 .td-dp-quick { padding: 4px 0 10px !important; }
  .tdd2 .td-dp-compose-row { position: fixed; left: 16px; right: 16px; bottom: var(--tdd2-composer-bottom); z-index: 30; padding: 0 !important; background: transparent !important; gap: 8px; }
  .tdd2 .td-dp-composer::before { content: none; }
  .tdd2 .td-dp-composer textarea { font-size: 15px !important; padding: 0 !important; height: 48px; }
  .tdd2 .td-dp-send { width: 48px !important; height: 48px !important; border-radius: 12px 0 12px 0 !important; }
  html body.td-daily-page-open .td-mobile-heading, html body.td-daily-page-open #realmSwitch { display: none !important; }
  /* composer sits above the bulged tab bar (bar + bulge + gap + safe area); messages/chips scroll clear of it */
  .tdd2 { --tdd2-composer-bottom: calc(var(--td-tabbar-h, 56px) + var(--td-tabbar-bulge, 41px) + 8px + env(safe-area-inset-bottom, 0px)); }
  .tdd2 .td-dp-main { padding-bottom: calc(var(--tdd2-composer-bottom) + 72px); }
  /* keyboard open: tab bar hides, composer drops to the keyboard edge */
  html body.td-kb-open .tdd2 { --tdd2-composer-bottom: 8px; }
  html body.td-kb-open.td-daily-page-open .mobile-app-nav.td-tabbar { display: none !important; }
}
.tdd2 .td-dp-tool { min-height: 0 !important; height: auto !important; margin: 0 !important; }
.tdd2 .td-dp-tools, .tdd2-can { gap: 0 !important; }
@media (max-width: 1024px) { .tdd2 .td-dp-composer textarea:placeholder-shown { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }
/* M06: no global header on mobile Дейли */
@media (max-width: 1024px) {
  html body.td-daily-page-open #appTopbar { display: none !important; }
  html body #tdDailyPage.tdd2:not([hidden]) { padding-top: calc(env(safe-area-inset-top, 0px) + 16px) !important; }
}
@media (max-width: 1024px) { html body.td-daily-page-open #toastBox { bottom: calc(var(--td-tabbar-h, 56px) + var(--td-tabbar-bulge, 41px) + 80px + env(safe-area-inset-bottom, 0px)) !important; } }

/* ===== M06 composer over the flat tab bar (t63u) ===== */
@media (max-width: 1024px) {
  .tdd2 { --tdd2-composer-bottom: calc(var(--td-tabbar-h, 64px) + 8px + env(safe-area-inset-bottom, 0px)); }
  .tdd2 .td-dp-compose-row { min-height: 48px; height: 48px; align-items: center; }
  .tdd2 .td-dp-compose-row > .td-dp-composer { height: 48px; min-height: 48px; padding: 0 4px 0 16px !important; gap: 12px; background: var(--td-color-bg-surface) !important; border: 1px solid var(--td-color-border-default) !important; border-radius: 12px 0 12px 0 !important; }
  .tdd2 .td-dp-composer textarea { height: 48px !important; min-height: 48px !important; max-height: 48px; padding: 0 !important; line-height: 1.35 !important; font: var(--td-fw-medium) 15px/1.35 var(--td-font-sans) !important; }
  .tdd2 .td-dp-send { flex: none; display: grid; place-items: center; width: 48px !important; height: 48px !important; background: var(--td-color-accent) !important; color: #fff !important; border-radius: 12px 0 12px 0 !important; }
  .tdd2 .td-dp-send .td-icon { width: 20px; height: 20px; --td-icon-accent: currentColor; }
  .tdd2 .tdd2-mic { width: 44px !important; height: 44px !important; }
  .tdd2 .tdd2-mic svg { width: 24px; height: 24px; }
  .tdd2 .td-dp-quick { position: fixed; right: 16px; left: 16px; bottom: calc(var(--tdd2-composer-bottom) + 56px); z-index: 29; padding: 0 !important; pointer-events: none; }
  .tdd2 .td-dp-quick .td-dp-chips { justify-content: flex-end; flex-wrap: nowrap; }
  .tdd2 .td-dp-quick .td-dp-chip { pointer-events: auto; height: 32px !important; padding: 0 12px !important; font-size: 13px !important; position: relative; }
  .tdd2 .td-dp-quick .td-dp-chip::after { content: ""; position: absolute; left: 0; right: 0; top: -6px; bottom: -6px; }
  .tdd2 .td-dp-main { padding-bottom: calc(var(--tdd2-composer-bottom) + 112px) !important; }
  .tdd2 .td-dp-composer-foot { display: none !important; }
  html body.td-daily-page-open #toastBox { bottom: calc(var(--tdd2-composer-bottom, 72px) + 104px) !important; }
  html body.td-kb-open .tdd2 { --tdd2-composer-bottom: 8px; }
}