/* "Мои задачи" in the approved board concept: grouped cards styled like the list view sections. */
.workspace > .my-tasks-view { margin: 0 24px 32px !important; padding: 0 !important; gap: 16px !important; background: #fff !important; }

.my-tasks-view .my-task-group { gap: 0 !important; padding: 0 !important; border: 1px solid #eae5f3 !important; border-radius: 8px !important; background: #fff !important; overflow: hidden !important; }
.my-tasks-view .my-task-group > header { display: flex !important; align-items: center !important; gap: 9px !important; min-height: 44px !important; padding: 8px 16px !important; border-bottom: 1px solid #ece8f2 !important; background: #f8f6fc !important; }
.my-tasks-view .my-task-group > header h3 { margin: 0 !important; color: #24202c !important; font-size: 15px !important; font-weight: 600 !important; }
.my-tasks-view .my-task-group > header span { padding: 0 !important; border: 0 !important; background: transparent !important; color: #9990aa !important; font-size: 14px !important; font-weight: 450 !important; }

.my-tasks-view .my-task-row { grid-template-columns: minmax(0,1fr) 110px 170px !important; align-items: center !important; gap: 16px !important; min-height: 60px !important; margin: 0 !important; padding: 10px 16px !important; border: 0 !important; border-bottom: 1px solid #f0edf5 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; text-align: left !important; transform: none !important; }
.my-tasks-view .my-task-row:last-child { border-bottom: 0 !important; }
.my-tasks-view .my-task-row:hover,.my-tasks-view .my-task-row:focus-visible,.my-tasks-view .my-task-row.active { background: #faf8fe !important; }
.my-tasks-view .my-task-main { order: 1; display: grid !important; gap: 4px !important; min-width: 0 !important; }
.my-tasks-view .my-task-main strong { color: #24202c !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.my-tasks-view .my-task-main small { color: #898397 !important; font-size: 12px !important; }
.my-tasks-view .my-task-row.done .my-task-main strong { color: #8c839a !important; text-decoration: none !important; }

.my-tasks-view .my-task-row .priority { order: 2; justify-self: start !important; display: inline-flex !important; align-items: center !important; min-height: 0 !important; padding: 3px 8px !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; color: #6b6480 !important; background: #f1eef6 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; white-space: nowrap !important; }
.my-tasks-view .my-task-row .priority::before { display: none !important; }
.my-tasks-view .my-task-row .priority.urgent { color: #bf4c5d !important; background: #ffedf0 !important; }
.my-tasks-view .my-task-row .priority.high { color: #ad7419 !important; background: #fff4d9 !important; }
.my-tasks-view .my-task-row .priority.low { color: #4d7a9a !important; background: #eaf3f8 !important; }

.my-tasks-view .my-task-meta { order: 3; display: flex !important; justify-content: flex-end !important; min-width: 0 !important; }
.my-tasks-view .due-badge { display: inline-flex !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #857b95 !important; font-size: 13px !important; font-weight: 450 !important; white-space: nowrap !important; }
.my-tasks-view .due-badge::before { display: none !important; }
.my-tasks-view .due-badge.overdue { color: #d74d61 !important; }
.my-tasks-view .due-badge.today { color: #7954d6 !important; }
.my-tasks-view .due-badge.none { color: #a39bac !important; }

@media (max-width: 760px) {
  .workspace > .my-tasks-view { margin: 0 14px 14px !important; }
  .my-tasks-view .my-task-group > header { padding: 8px 12px !important; }
  .my-tasks-view .my-task-row { grid-template-columns: auto minmax(0,1fr) !important; row-gap: 8px !important; column-gap: 12px !important; padding: 10px 12px !important; }
  .my-tasks-view .my-task-main { grid-column: 1 / -1 !important; }
  .my-tasks-view .my-task-main strong { white-space: normal !important; overflow-wrap: anywhere !important; }
  .my-tasks-view .my-task-meta { justify-content: flex-start !important; }
}

/* Completion circle in front of each task row (home and «Мои задачи") */
.my-tasks-view .my-task-line { display: flex; align-items: center; gap: 2px; border-bottom: 1px solid #f0edf5; }
.my-tasks-view .my-task-line:last-child { border-bottom: 0; }
.my-tasks-view .my-task-line > .my-task-row { flex: 1 1 auto; min-width: 0; border-bottom: 0 !important; }
.my-tasks-view .my-task-group .my-task-line { padding-left: 12px; }
.my-task-check { flex: none; display: grid; place-items: center; width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; margin: 0; padding: 0 !important; border: 1.5px solid #c3bad2 !important; border-radius: 50% !important; background: #fff !important; box-shadow: none !important; cursor: pointer; transition: border-color .12s ease, background-color .12s ease; }
.my-task-check::after { content: ""; width: 9px; height: 5px; margin-top: -2px; border-left: 2px solid transparent; border-bottom: 2px solid transparent; transform: rotate(-45deg); }
.my-task-check:hover:not(:disabled) { border-color: #1f9d6b !important; background: #effaf5 !important; }
.my-task-check:hover:not(:disabled)::after { border-color: #1f9d6b; }
.my-task-check.done { border-color: #1f9d6b !important; background: #1f9d6b !important; }
.my-task-check.done::after { border-color: #fff; }
.my-task-check:disabled { opacity: .5; cursor: default; }
.my-task-check:focus-visible { outline: 2px solid #7954d6; outline-offset: 2px; }
html[data-theme="dark"] .my-tasks-view .my-task-line { border-color: var(--d-border); }
html[data-theme="dark"] .my-task-check:not(.done) { border-color: var(--d-border-strong) !important; background: transparent !important; }

/* Toast with an action (for example «Отменить») */
.toast.has-action { display: flex; align-items: center; gap: 16px; pointer-events: auto; }
.toast.has-action [data-toast-action] { flex: none; min-height: 0; padding: 2px 4px; border: 0; background: transparent; color: #c9b8ff; font: inherit; font-weight: 600; cursor: pointer; }
.toast.has-action [data-toast-action]:hover { text-decoration: underline; }
@media (max-width: 760px) {
  .my-tasks-view .my-task-line { align-items: flex-start; }
  .my-tasks-view .my-task-line > .my-task-check { margin-top: 12px; }
}