/* ??????????????????? */
.task-detail-swatch--clear.task-detail-swatch--on{box-shadow:0 0 0 2px var(--card),0 0 0 4px #6366f1}
.dark .task-detail-swatch{box-shadow:0 1px 4px rgba(0,0,0,.35)}
.subtask-add--tabbed{margin-top:4px;padding:8px 4px 0;color:#64748b;font-size:.86rem}
.dark .subtask-add--tabbed{color:var(--text3)}
.subtask-add--tabbed .subtask-add-ico{font-size:1.1rem;font-weight:600;margin-right:4px;opacity:.65}
.sub-add-wrap{position:relative;padding-top:2px;margin-top:2px}
.sub-add-wrap--tabbed{padding-top:2px;margin-top:0}
.sub-add-trigger{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:4px 8px 3px;margin-left:-8px;border:none;border-radius:8px;background:transparent;font:inherit;font-size:14px;font-weight:400;line-height:1.35;color:#6b7280;cursor:pointer;text-align:left;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}
.sub-add-trigger:hover{color:#4f46e5;background:#eef2ff}
.dark .sub-add-trigger{color:#94a3b8}
.dark .sub-add-trigger:hover{color:#a5b4fc;background:color-mix(in srgb,#6366f1 16%,transparent)}
.sub-add-trigger .sub-add-plus{flex-shrink:0;width:14px;height:14px;margin-right:8px;opacity:.9}
.sub-add-trigger--hidden{display:none!important}
.sub-add-form{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:6px 8px;margin-left:-8px;background:var(--card);border-radius:10px;border:1px solid color-mix(in srgb,#6366f1 50%,var(--inp-bd));box-shadow:0 1px 4px rgba(99,102,241,.1),0 0 0 3px color-mix(in srgb,#6366f1 8%,transparent)}
.dark .sub-add-form{border-color:#818cf8;box-shadow:0 1px 6px rgba(0,0,0,.22),0 0 0 3px color-mix(in srgb,#818cf8 12%,transparent)}
.sub-add-form--hidden{display:none!important}
.sub-add-ck-ph{pointer-events:none!important;cursor:default!important;opacity:.5;background:var(--hov)}
.sub-add-input{flex:1;min-width:0;margin-left:12px;border:none;background:transparent;font:inherit;font-size:14px;color:var(--text);outline:none}
.sub-add-input::placeholder{color:var(--text3);opacity:.75}
.sub-add-actions{display:flex;align-items:center;gap:4px;margin-left:8px;flex-shrink:0}
.sub-add-actions .sub-add-cancel,.sub-add-actions .sub-add-save{padding:4px 8px;border-radius:6px;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}
.sub-add-cancel{color:var(--text3);background:transparent}
.sub-add-cancel:hover{color:var(--text2);background:var(--hov)}
.sub-add-save{color:#fff;background:#6366f1;box-shadow:0 1px 2px rgba(99,102,241,.2)}
.sub-add-save:hover{background:#4f46e5}
.dark .sub-add-save:hover{filter:brightness(1.08)}
@media (prefers-reduced-motion: reduce) {
  .dark-btn-ico.dark-ico-exit,
  .dark-btn-ico.dark-ico-enter {
    animation: none !important;
  }
  .user-status-dot--saved,
  .user-status-dot--saving {
    animation: none !important;
  }
}