/* tarefas-v3.css — Tarefas & Prazos v3: escopo MODAIS (skin da lista "Mesa"
   foi revertida — a 2ª tentativa via CSS-sobre-DOM ficou ruim; a remodelagem
   correta será com renderer próprio, combinada antes). Flag tarefas-v3. */

/* ── Modal de DETALHE: tamanho fixo + régua fina ─────────────────────────── */
html.tf3 .task-detail-v2 .tv-modal {
  height: min(88vh, 860px) !important;
  max-height: 88vh !important;
  width: min(640px, 94vw) !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.18) !important;
}
html.tf3 .task-detail-v2 .tv-body { flex: 1 1 auto; overflow-y: auto; }

/* ── Modal de EDIÇÃO: altura fixa, ZERO scroll lateral, dobra alinhada ───── */
html.tf3 .nt-shell.tf3-shell {
  height: min(90vh, 860px) !important;
  max-height: 90vh !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.18) !important;
}
/* Nunca rolar na horizontal: grids clampam (datetime-local tem min-width
   intrínseco grande) e o form esconde qualquer excedente. */
html.tf3 .tf3-shell [data-task-form] { overflow-x: hidden !important; }
html.tf3 .tf3-shell .nt-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
html.tf3 .tf3-shell .nt-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
html.tf3 .tf3-shell .nt-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
html.tf3 .tf3-shell .nt-input,
html.tf3 .tf3-shell .nt-select { min-width: 0 !important; max-width: 100% !important; }

/* Dobra "Mais opções": alinhada ao form (que já dá 28px laterais) e com o
   mesmo respiro interno das seções normais. */
.tf3-more {
  margin: 6px 0 14px;
  border: 0.5px solid rgba(28,25,23,.14);
  border-radius: 12px;
  background: #FAFAF9;
}
.tf3-more > .nt-section { border-top: 0.5px solid rgba(28,25,23,.10); padding: 14px 16px !important; }
.tf3-more > .nt-section:last-of-type { border-bottom: 0; }
.tf3-more__head {
  display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
  padding: 12px 16px; cursor: pointer; list-style: none;
  font-size: 13px; font-weight: 600; color: #1C1917;
}
.tf3-more__head::-webkit-details-marker { display: none; }
.tf3-more__head::before { content: "▸"; font-size: 11px; color: #9CA3AF; transition: transform .15s; }
.tf3-more[open] > .tf3-more__head::before { transform: rotate(90deg); }
.tf3-more__hint { font-size: 11.5px; font-weight: 400; color: #9CA3AF; }
.tf3-more[open] > .tf3-more__head .tf3-more__hint { display: none; }

/* ── Botão de rollback (flutuante, só na view tarefas) ───────────────────── */
.tf3-toggle {
  position: fixed; right: 18px; bottom: 18px; z-index: 60;
  font-size: 12px; padding: 7px 14px; border-radius: 999px; cursor: pointer;
  border: 0.5px solid rgba(28,25,23,.22); background: #fff; color: #6B7280;
  box-shadow: 0 4px 16px rgba(0,0,0,.10); display: none;
}
.tf3-toggle.show { display: block; }