/* Linguagem visual inspirada no card Nova atividade. */
.task-tree .task-node { --task-tone:#777f8c;--task-soft:color-mix(in srgb,var(--task-tone) 5%,var(--surface)); }
.task-tree .task-node.task-running { --task-tone:#42cf99; }
.task-tree .task-node.task-paused { --task-tone:#9b7be7; }
.task-tree .task-node.task-awaiting-approval { --task-tone:#dda33f; }
.task-tree .task-node.task-reorder-pending { --task-tone:#5ca8e8; }
.task-tree .task-node.task-completed { --task-tone:#858c96; }
.task-tree .task-node.task-rejected { --task-tone:#d86670; }
.task-tree .task-node > .task-row {
  overflow: visible !important;
  border: 1px dashed color-mix(in srgb,var(--task-tone) 47%,var(--line)) !important;
  background:
    radial-gradient(circle at 4% 50%,color-mix(in srgb,var(--task-tone) 8%,transparent),transparent 28%),
    linear-gradient(115deg,color-mix(in srgb,var(--task-tone) 4%,var(--surface)),var(--surface)) !important;
  box-shadow: inset 3px 0 0 color-mix(in srgb,var(--task-tone) 75%,transparent),0 7px 21px #00000014 !important;
}
.task-tree .task-node.task-running > .task-row,
.task-tree .task-node.task-paused > .task-row,
.task-tree .task-node.task-awaiting-approval > .task-row,
.task-tree .task-node.task-reorder-pending > .task-row,
.task-tree .task-node.task-completed > .task-row,
.task-tree .task-node.task-rejected > .task-row { border-style: solid !important; }
.task-tree .task-node > .task-row:hover,
.task-tree .task-node > .task-row:focus-within {
  border-color: color-mix(in srgb,var(--task-tone) 72%,var(--line)) !important;
  background:
    radial-gradient(circle at 5% 50%,color-mix(in srgb,var(--task-tone) 13%,transparent),transparent 32%),
    linear-gradient(115deg,color-mix(in srgb,var(--task-tone) 7%,var(--surface)),var(--surface)) !important;
  box-shadow: inset 3px 0 0 var(--task-tone),0 12px 30px #00000024 !important;
}
.task-tree .task-tree-dot,
.task-tree .task-parent-toggle,
.task-tree .task-leading .timer-btn {
  border-color: color-mix(in srgb,var(--task-tone) 45%,var(--line)) !important;
  background: color-mix(in srgb,var(--task-tone) 9%,var(--surface)) !important;
  color: var(--task-tone) !important;
  box-shadow: 0 5px 14px #0002 !important;
  transition: opacity .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease !important;
}
.task-tree .task-tree-dot { width: 8px;height: 8px;margin: 0 12px;border-width: 2px; }
.task-tree .task-leading .timer-controls { opacity: .62;transition: opacity .18s ease,transform .18s ease; }
.task-tree .task-row:hover .task-leading .timer-controls,
.task-tree .task-row:focus-within .task-leading .timer-controls { opacity: 1;transform: scale(1.04); }
.task-tree .task-row:hover .task-leading .timer-btn,
.task-tree .task-row:focus-within .task-leading .timer-btn {
  background: color-mix(in srgb,var(--task-tone) 18%,var(--surface)) !important;
  box-shadow: 0 7px 20px color-mix(in srgb,var(--task-tone) 22%,transparent) !important;
}
.task-tree .task-running .timer-btn.pause span { animation: taskControlBreath 1.35s ease-in-out infinite; }
.task-tree .task-paused .timer-btn.play span { animation: taskControlBreath 1.5s ease-in-out infinite; }
@keyframes taskControlBreath { 50% { filter:brightness(1.5);transform:scale(.84); } }
.task-tree .task-card-heading { gap: 8px !important; }
.task-tree .task-order-number {
  border-color: color-mix(in srgb,var(--task-tone) 40%,var(--line)) !important;
  background: color-mix(in srgb,var(--task-tone) 9%,var(--surface-2)) !important;
  color: color-mix(in srgb,var(--task-tone) 78%,var(--text)) !important;
}
.task-tree .task-card-heading .task-name { letter-spacing:-.012em; }
.task-tree .rescheduled-compact,
.task-tree .queue-policy-badge,
.task-tree .running-badge { box-shadow:none !important; }
.task-tree .task-details-cue,
.task-tree .task-card-actions,
.task-tree .task-main > .task-edit-button,
.task-tree .task-main > .queue-release-button,
.task-tree .subtask-button { opacity:.48;transition:opacity .18s ease,transform .18s ease,border-color .18s ease !important; }
.task-tree .task-row:hover .task-details-cue,
.task-tree .task-row:hover .task-card-actions,
.task-tree .task-row:hover .task-main > .task-edit-button,
.task-tree .task-row:hover .task-main > .queue-release-button,
.task-tree .task-row:hover .subtask-button,
.task-tree .task-row:focus-within .task-details-cue,
.task-tree .task-row:focus-within .task-card-actions,
.task-tree .task-row:focus-within .task-main > .task-edit-button,
.task-tree .task-row:focus-within .task-main > .queue-release-button,
.task-tree .task-row:focus-within .subtask-button { opacity:1; }
.task-tree .task-main > .task-edit-button:hover,
.task-tree .task-main > .queue-release-button:hover,
.task-tree .subtask-button:hover { transform:translateY(-1px);border-color:color-mix(in srgb,var(--task-tone) 50%,var(--line)) !important; }
.task-tree .compact-decision-actions { opacity:.86;transition:opacity .18s ease,transform .18s ease; }
.task-tree .task-row:hover .compact-decision-actions,
.task-tree .task-row:focus-within .compact-decision-actions { opacity:1;transform:translateY(-1px); }
.task-tree .compact-approve-task {
  border-color:color-mix(in srgb,#dda33f 70%,var(--line)) !important;
  background:linear-gradient(135deg,#e8ad46,#c98720) !important;
  color:#211506 !important;
}
.task-tree .compact-reject-task { border-color:transparent !important;background:color-mix(in srgb,var(--danger) 7%,transparent) !important;color:#df7a82 !important; }
.task-tree .process-track,.task-tree .parent-collapse-track { background:color-mix(in srgb,var(--text) 9%,transparent) !important; }
.task-tree .progress-caption strong { color:color-mix(in srgb,var(--task-tone) 75%,var(--text)) !important; }
.task-tree .task-parent > .task-row {
  background:
    radial-gradient(circle at 3% 50%,color-mix(in srgb,#8f82ff 12%,transparent),transparent 30%),
    linear-gradient(115deg,color-mix(in srgb,#796bea 6%,var(--surface)),var(--surface)) !important;
}
.task-tree .task-parent > .task-tree-children {
  border-left-color:color-mix(in srgb,var(--task-tone) 34%,var(--line)) !important;
}
.task-tree .task-completed > .task-row { filter:saturate(.62); }
.task-tree .task-completed > .task-row:hover { filter:saturate(.8); }
@media(hover:none){
  .task-tree .task-details-cue,.task-tree .task-card-actions,.task-tree .task-main > .task-edit-button,.task-tree .task-main > .queue-release-button,.task-tree .subtask-button { opacity:1; }
}


/* Hoje: régua de ordem e controles sem truncamento. */
.agenda-page .active-task-section .task-tree .task-node > .task-row{grid-template-columns:48px 116px minmax(0,1fr) auto!important;column-gap:10px!important;min-height:76px!important;padding:9px 12px 9px 6px!important;position:relative!important}
.agenda-page .active-task-section .task-tree .task-node > .task-row::before{content:"";position:absolute;z-index:1;left:4px;top:8px;bottom:8px;width:42px;border-right:1px solid color-mix(in srgb,var(--task-tone) 20%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--task-tone) 8%,transparent),transparent);pointer-events:none}
.agenda-page .active-task-section .task-tree .task-row > .task-order-number{position:relative;z-index:2;display:grid!important;place-items:center;align-self:stretch;width:42px!important;min-height:54px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:color-mix(in srgb,var(--task-tone) 78%,var(--text))!important;font:850 16px/1 Manrope,sans-serif!important;letter-spacing:-.035em;box-shadow:none!important}
.agenda-page .active-task-section .task-tree .task-row > .task-order-number::before{content:"ORDEM";align-self:end;color:color-mix(in srgb,var(--task-tone) 58%,var(--muted));font:850 5px/1 "DM Sans",sans-serif;letter-spacing:.12em}
.agenda-page .active-task-section .task-tree .task-row > .task-order-number::after{content:"";align-self:start;width:12px;height:2px;margin-top:5px;border-radius:99px;background:color-mix(in srgb,var(--task-tone) 72%,transparent)}
.agenda-page .active-task-section .task-tree .task-row > .task-leading{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:116px!important;min-width:116px!important;overflow:visible!important}
.agenda-page .active-task-section .task-tree .task-row > .task-leading .timer-controls{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;min-width:max-content!important}
.agenda-page .active-task-section .task-tree .task-row > .task-parent-toggle{align-self:center!important;justify-self:start!important;margin-left:4px!important}
.agenda-page .active-task-section .task-tree .task-row > .task-main{min-width:0!important;width:100%!important}
.agenda-page .active-task-section .task-tree .task-row .task-card-heading{min-width:0!important}
@media(max-width:760px){.agenda-page .active-task-section .task-tree .task-node > .task-row{grid-template-columns:42px 108px minmax(0,1fr)!important;column-gap:6px!important}.agenda-page .active-task-section .task-tree .task-row > .task-order-number{width:36px!important}.agenda-page .active-task-section .task-tree .task-row > .task-leading{width:108px!important;min-width:108px!important}.agenda-page .active-task-section .task-tree .subtask-button{grid-column:2/-1!important;justify-self:end!important}}


/* Hoje v2: ordem | conteúdo | comandos, sem sobreposição de grid legado. */
.agenda-page .active-task-section .task-tree .task-node > .task-row{grid-template-columns:48px minmax(220px,1fr) max-content auto!important;grid-template-areas:"order content controls action"!important;align-items:center!important;column-gap:12px!important;padding:10px 12px 10px 6px!important}
.agenda-page .active-task-section .task-tree .task-row > .task-order-number{grid-area:order!important;align-self:stretch!important}
.agenda-page .active-task-section .task-tree .task-row > .task-main{grid-area:content!important;min-width:0!important;width:100%!important}
.agenda-page .active-task-section .task-tree .task-row > .task-leading{grid-area:controls!important;justify-self:end!important;width:auto!important;min-width:0!important;margin:0!important}
.agenda-page .active-task-section .task-tree .task-row > .task-parent-toggle{grid-area:controls!important;justify-self:end!important;margin:0!important}
.agenda-page .active-task-section .task-tree .task-row > .subtask-button{grid-area:action!important}
.agenda-page .active-task-section .task-tree .task-main > .time-progress,.agenda-page .active-task-section .task-tree .task-main > .parent-collapse-progress{width:100%!important;max-width:none!important;margin-top:5px!important}
.agenda-page .active-task-section .task-tree .task-card-heading{display:flex!important;align-items:center!important;min-height:24px!important;gap:8px!important}
.agenda-page .active-task-section .task-tree .task-leading .timer-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;width:auto!important;min-width:0!important;opacity:1!important;transform:none!important}
.agenda-page .active-task-section .task-tree .timer-btn.complete{min-width:82px!important}
@media(max-width:820px){.agenda-page .active-task-section .task-tree .task-node > .task-row{grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-areas:"order content controls" "order action action"!important;gap:7px!important}.agenda-page .active-task-section .task-tree .task-row > .task-leading,.agenda-page .active-task-section .task-tree .task-row > .task-parent-toggle{justify-self:end!important}.agenda-page .active-task-section .task-tree .task-row > .subtask-button{justify-self:end!important}}


/* Contém o scanner animado no card em execução. */
.task-tree .task-node.task-running > .task-row{overflow:hidden!important;isolation:isolate!important}
.task-tree .task-node.task-running > .task-row::after{z-index:0!important;max-width:35%!important;pointer-events:none!important}
.task-tree .task-node.task-running > .task-row > *{position:relative;z-index:1}

/* Pausa operacional compacta: o relógio permanece visível no card e no dossiê. */
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) > .task-row .pause-clock{display:flex!important;min-width:210px!important;max-width:260px!important;height:54px!important;padding:6px 8px!important;gap:7px!important}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) > .task-row .pause-digital-clock{width:104px!important;min-width:104px!important;height:44px!important;min-height:44px!important;padding:6px 8px!important}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) > .task-row .pause-copy{display:grid!important;min-width:0!important}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) > .task-row .pause-copy > strong{font-size:8px!important}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) > .task-row .pause-copy > small:not([data-pause-label]),.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) > .task-row .pause-period{display:none!important}
.task-detail-modal-content > .pause-clock{display:flex!important;width:100%!important;max-width:620px!important;margin:0 0 14px!important;padding:12px!important;border:1px solid color-mix(in srgb,#9b7be7 46%,var(--line))!important;border-radius:14px!important;background:linear-gradient(135deg,color-mix(in srgb,#9b7be7 13%,var(--surface)),var(--surface-2))!important;color:#bca7ff!important}

/* Pausa abaixo dos estados: leitura integral sem disputar espaço com os comandos. */
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) > .task-row{
  align-items:start!important;
  min-height:108px!important;
}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:48px!important;
  margin:3px 0 1px!important;
  padding:5px 8px!important;
  gap:10px!important;
  border:1px solid color-mix(in srgb,#9b7be7 32%,var(--line))!important;
  border-radius:10px!important;
  background:linear-gradient(100deg,color-mix(in srgb,#9b7be7 10%,var(--surface-2)),transparent)!important;
  box-sizing:border-box!important;
}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary .pause-digital-clock{
  width:112px!important;
  min-width:112px!important;
  height:40px!important;
  min-height:40px!important;
  padding:5px 8px!important;
}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary .pause-copy{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:3px 10px!important;
  min-width:0!important;
}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary .pause-copy>strong{
  color:#c3b3ff!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary .pause-copy>small:not([data-pause-label]){
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:var(--text)!important;
  font-size:9px!important;
  line-height:1.3!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary [data-pause-label]{
  display:block!important;
  color:#aa96f5!important;
  font-size:8px!important;
  font-weight:750!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary .pause-period{
  display:flex!important;
  grid-column:1/-1!important;
  gap:12px!important;
  margin:0!important;
  padding:3px 0 0!important;
}
@media(max-width:720px){
  .agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary{grid-template-columns:1fr!important}
  .agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary .pause-copy{grid-template-columns:1fr!important}
  .agenda-page .active-task-section .task-tree .task-node.task-paused:not(.task-details-open) .task-pause-summary [data-pause-label]{text-align:left!important}
}