/* Só o que o design system não cobre: círculo de concluir, seções, quadro, calendário e painel lateral. */
  #tk-views .wz-tab.active { color: var(--primary-color, #22c55e); border-bottom-color: var(--primary-color, #22c55e); }
  .tk-stat { cursor: pointer; transition: box-shadow .12s, border-color .12s; }
  .tk-stat:hover { box-shadow: 0 4px 12px rgba(15, 23, 42, .06); }
  .tk-stat.is-on { border-color: var(--primary-color, #22c55e); }
  .tk-check { width: 20px; height: 20px; border-radius: 9999px; border: 1.5px solid #9ca3af; display: inline-flex; align-items: center; justify-content: center; color: transparent; background: transparent; cursor: pointer; flex-shrink: 0; transition: all .12s; }
  .tk-check:hover { border-color: #10b981; color: #10b981; }
  .tk-check.is-done { background: #10b981; border-color: #10b981; color: #fff; }
  .tk-check svg, .tk-check i[data-lucide] { width: 12px; height: 12px; }
  .tk-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) 160px 150px 130px 28px; align-items: center; gap: 10px; cursor: pointer; }
  .tk-row.is-done .tk-title-text { text-decoration: line-through; color: #94a3b8; }
  .tk-section.is-collapsed .tk-section-body { display: none; }
  .tk-section.is-collapsed .tk-caret { transform: rotate(-90deg); }
  .tk-caret { transition: transform .15s; }
  .tk-prio { width: 8px; height: 8px; border-radius: 9999px; display: inline-block; flex-shrink: 0; }
  .tk-prio.low { background: #93c5fd; } .tk-prio.medium { background: #fbbf24; } .tk-prio.high { background: #fb923c; } .tk-prio.urgent { background: #ef4444; }
  .tk-due.overdue { color: #dc2626; } .tk-due.today { color: #d97706; } .tk-due.soon { color: #059669; } .tk-due.later { color: #64748b; } .tk-due.none { color: #cbd5e1; }
  .tk-add-row input { flex: 1; border: 0; background: transparent; font-size: .875rem; color: inherit; padding: 2px 0; }
  .tk-add-row input:focus { outline: none; }
  .tk-board { display: grid; grid-template-columns: repeat(3, minmax(280px, 1fr)); gap: 1rem; align-items: start; overflow-x: auto; }
  .tk-col.is-over { outline: 2px dashed var(--primary-color, #22c55e); outline-offset: -4px; }
  .tk-card.is-dragging { opacity: .5; }
  .tk-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .tk-cal-day { min-height: 112px; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 6px; position: relative; }
  .dark .tk-cal-day { border-color: #334155; }
  .tk-cal-day:nth-child(7n) { border-right: 0; }
  .tk-cal-day.is-over { outline: 2px dashed var(--primary-color, #22c55e); outline-offset: -3px; }
  .tk-cal-add { position: absolute; top: 6px; right: 6px; opacity: 0; }
  .tk-cal-day:hover .tk-cal-add { opacity: 1; }
  .tk-cal-task { display: flex; align-items: center; gap: 4px; border-radius: 6px; padding: 2px 6px; margin-bottom: 3px; font-size: 11.5px; font-weight: 600; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-left: 3px solid var(--primary-color, #22c55e); background: #f8fafc; }
  .dark .tk-cal-task { background: #1e293b; }
  .tk-cal-task.is-done { text-decoration: line-through; opacity: .6; }
  .tk-drawer-bg { position: fixed; inset: 0; z-index: 9590; background: rgba(15, 23, 42, .3); display: none; }
  .tk-drawer-bg.is-open { display: block; }
  .tk-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(600px, 100vw); z-index: 9600; transform: translateX(105%); transition: transform .18s ease; display: flex; flex-direction: column; }
  .tk-drawer.is-open { transform: none; }
  .tk-drawer-title { width: 100%; border: 1px solid transparent; border-radius: .5rem; font-size: 1.25rem; font-weight: 700; padding: 4px 6px; background: transparent; color: inherit; resize: none; }
  .tk-drawer-title:hover { border-color: #e2e8f0; } .tk-drawer-title:focus { outline: none; border-color: var(--primary-color, #22c55e); }
  .tk-toast { position: fixed; right: 16px; bottom: 16px; z-index: 9800; background: #0f172a; color: #fff; padding: 10px 14px; border-radius: 10px; font-size: 13px; box-shadow: 0 10px 30px rgba(2, 6, 23, .3); }
  .tk-toast.err { background: #b91c1c; }
  .tk-modal-bg { position: fixed; inset: 0; z-index: 9700; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; padding: 1rem; }
  @media (max-width: 900px) {
    .tk-row { grid-template-columns: 28px minmax(0, 1fr) 100px; }
    .tk-row .tk-col-type, .tk-row .tk-col-assignee, .tk-row .tk-col-arrow { display: none; }
    .tk-board { grid-template-columns: repeat(3, 280px); }
    .tk-cal-day { min-height: 72px; }
  }