/* Plataforma AXIS, rodada 5, Frente 41 (19/10/2026): acabamento do gestor de tarefas do AxisNexus e do quadro de rotinas.
   Só aparência: cartões em camadas, pílula de prioridade, avatares com volume, cabeçalhos de coluna e de grupo,
   animação de concluir e células de rotina com relevo. Usa os tokens --ax-* do app-tema.css (web/TEMA.md).
   Carregado depois do app-tarefas.css e do app46.css. Tudo escopado em .tk-*, .rt-* ou .r541-*. */

/* ---------- ícones de traço (no lugar dos emojis) ---------- */
.tk-ic{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tk-meta{gap:9px;font:500 11.5px var(--ax-fonte);font-variant-numeric:tabular-nums;color:var(--ax-texto-mudo)}
.tk-meta>span{display:inline-flex;align-items:center;gap:3px}

/* ---------- avatar das pessoas: volume, luz no topo e anel da superfície ---------- */
.tk-av{
  --av:#8E8BA8;
  background:radial-gradient(120% 120% at 30% 18%,color-mix(in srgb,var(--av) 58%,#fff) 0%,var(--av) 52%,color-mix(in srgb,var(--av) 76%,#000) 100%);
  box-shadow:0 0 0 2px var(--ax-superficie-1),0 1px 3px rgba(12,10,40,.28),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 1px rgba(0,0,0,.14);
  font-family:var(--ax-fonte);font-weight:650;letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,0,0,.2);
  position:relative;transition:transform var(--ax-dur-1) var(--ax-curva),margin var(--ax-dur-2) var(--ax-curva)
}
.tk-avs{align-items:center}
.tk-avs .tk-av+.tk-av{margin-left:-7px}
.tk-avs:hover .tk-av+.tk-av{margin-left:-2px}
.tk-avs .tk-av:hover{transform:translateY(-1px);z-index:1}
.tk-av.mais{background:var(--ax-superficie-3);color:var(--ax-texto-2);text-shadow:none;box-shadow:0 0 0 2px var(--ax-superficie-1),inset 0 0 0 1px var(--ax-borda-forte)}
.tk-av.sem-resp{background:none;color:var(--ax-texto-fraco);text-shadow:none;box-shadow:none;border:1.5px dashed var(--ax-borda-forte);transition:border-color var(--ax-dur-1),color var(--ax-dur-1)}
.tk-resp:hover .tk-av.sem-resp{border-color:var(--ax-acento);color:var(--ax-acento)}
.tk-linha:hover .tk-av:not(.sem-resp),.tk-linha.aberta .tk-av:not(.sem-resp){box-shadow:0 0 0 2px var(--ax-superficie-3),0 1px 3px rgba(12,10,40,.28),inset 0 1px 0 rgba(255,255,255,.32)}

/* ---------- prioridade ---------- */
.tk-prio-pill{
  --pc:#9592B3;display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border-radius:var(--ax-raio-pilula);
  background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 16%,transparent),color-mix(in srgb,var(--pc) 10%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 26%,transparent);
  color:color-mix(in srgb,var(--pc) 74%,var(--ax-texto));font:600 11px/1.5 var(--ax-fonte);white-space:nowrap
}
.tk-prio-pill .tk-flag{width:12px;height:12px}
.tk-c-prio .tk-prio{display:inline-flex;align-items:center;min-height:24px;transition:background var(--ax-dur-1)}

/* ---------- prazo em chip (corrige o "sem prazo" que pegava o estado vazio global do tema) ---------- */
span.tk-prazo{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--ax-raio-pilula);background:var(--ax-superficie-2);box-shadow:inset 0 0 0 1px var(--ax-borda);font:500 11.5px/1.5 var(--ax-fonte);font-variant-numeric:tabular-nums;color:var(--ax-texto-2);white-space:nowrap}
span.tk-prazo::before{content:"";width:11px;height:11px;flex:none;background:currentColor;opacity:.7;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='2.5' y='3.5' width='11' height='10' rx='2'/%3E%3Cpath d='M2.5 7h11M5.5 2v3M10.5 2v3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='2.5' y='3.5' width='11' height='10' rx='2'/%3E%3Cpath d='M2.5 7h11M5.5 2v3M10.5 2v3'/%3E%3C/svg%3E") center/contain no-repeat}
span.tk-prazo.atrasada{background:var(--ax-erro-suave);color:var(--ax-erro);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ax-erro) 30%,transparent);font-weight:600}
span.tk-prazo.hoje{background:var(--ax-alerta-suave);color:var(--ax-alerta);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ax-alerta) 30%,transparent);font-weight:600}
span.tk-prazo.vazio{display:inline-flex;min-height:0;margin:0;padding:2px 2px;border-radius:0;background:none;box-shadow:none;text-align:left;color:var(--ax-texto-fraco);font-weight:400}
span.tk-prazo.vazio::before{opacity:.5}
.tk-prazo-in:hover span.tk-prazo{box-shadow:inset 0 0 0 1px var(--ax-acento-borda)}
.tk-prazo-in:hover span.tk-prazo.vazio{color:var(--ax-acento);box-shadow:none}
.tk-linha.feita span.tk-prazo{background:none;box-shadow:none;color:var(--ax-texto-mudo);font-weight:500}

/* ---------- tags ---------- */
.tk-tag{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 24%,transparent);border-radius:var(--ax-raio-pilula);padding:2px 9px;color:color-mix(in srgb,var(--c) 80%,var(--ax-texto))}

/* ---------- bolinha de status da lista ---------- */
.tk-st-bola{position:relative;width:16px;height:16px;border:0;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,transparent);box-shadow:inset 0 0 0 1.75px var(--c);
  transition:transform var(--ax-dur-1) var(--ax-curva),box-shadow var(--ax-dur-2) var(--ax-curva),background var(--ax-dur-2)}
.tk-st-bola:hover:not(:disabled){transform:scale(1.12);box-shadow:inset 0 0 0 1.75px var(--c),0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.tk-linha.feita .tk-st-bola{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 70%)}
.tk-linha.feita .tk-st-bola::after,.r541-concluindo .tk-st-bola::after{content:"";position:absolute;left:5.5px;top:3px;width:4px;height:7.5px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}

/* ---------- lista: grupos em camada e cabeçalho com ponto de cor ---------- */
.tk-grupo{box-shadow:var(--ax-anel),var(--ax-sombra-1);border-radius:var(--ax-raio-l)}
.tk-grupo header{padding:10px 14px;background:linear-gradient(180deg,var(--ax-superficie-2),var(--ax-superficie-1));border-bottom-color:var(--ax-borda)}
.tk-grupo header .tk-g-nome,.tk-col header span{
  display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 8px;border-radius:var(--ax-raio-pilula);
  background:color-mix(in srgb,var(--c) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 26%,transparent);
  color:color-mix(in srgb,var(--c) 70%,var(--ax-texto));font:650 12.5px/1.4 var(--ax-fonte);letter-spacing:0;text-transform:none
}
.tk-grupo header .tk-g-nome::before,.tk-col header span::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.tk-grupo header b,.tk-col header b{min-width:22px;height:20px;padding:0 7px;display:inline-grid;place-items:center;border-radius:var(--ax-raio-pilula);background:var(--ax-afundada);color:var(--ax-texto-mudo);font:600 11px var(--ax-fonte);font-variant-numeric:tabular-nums;letter-spacing:0}
.tk-dobra{transition:transform var(--ax-dur-2) var(--ax-curva),color var(--ax-dur-1)}
.tk-dobra:hover{color:var(--ax-acento)}
.tk-linha{transition:background var(--ax-dur-1),box-shadow var(--ax-dur-1)}
.tk-linha:hover{background:color-mix(in srgb,var(--ax-acento-suave) 55%,transparent)}
.tk-linha.aberta{background:var(--ax-acento-suave);box-shadow:inset 3px 0 0 var(--ax-acento)}
.tk-linha .tk-tit{transition:color var(--ax-dur-2)}
.tk-rapida input::placeholder,.f46-col-nova input::placeholder{color:var(--ax-texto-fraco)}

/* ---------- quadro ---------- */
.tk-quadro{gap:16px;padding:2px 2px 14px;scroll-snap-type:x proximity;grid-auto-columns:minmax(284px,1fr)}
.tk-col{position:relative;overflow:hidden;scroll-snap-align:start;border-radius:calc(var(--ax-raio-l) + 2px);
  background:linear-gradient(180deg,color-mix(in srgb,var(--ax-afundada) 70%,var(--ax-superficie-1)) 0,var(--ax-afundada) 120px);
  box-shadow:inset 0 0 0 1px var(--ax-borda)}
.tk-col header{position:relative;padding:14px 14px 10px;font:inherit;letter-spacing:0;text-transform:none}
.tk-col header::before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--c);opacity:.9;box-shadow:0 2px 12px color-mix(in srgb,var(--c) 55%,transparent)}
.tk-col-itens{gap:10px;padding:4px 10px 10px}
.tk-col-itens:empty{min-height:84px;margin:2px 10px 6px;padding:0;border-radius:var(--ax-raio-l);border:1.5px dashed var(--ax-borda-forte);background:color-mix(in srgb,var(--ax-superficie-1) 35%,transparent)}
.tk-col.f46-sobre{box-shadow:inset 0 0 0 2px var(--ax-acento),0 0 0 4px var(--ax-acento-suave)}

/* cartão em camadas */
.tk-card{
  position:relative;gap:8px;padding:12px 13px 12px 15px;border-radius:var(--ax-raio-l);
  background:linear-gradient(180deg,var(--ax-superficie-1) 0%,color-mix(in srgb,var(--ax-superficie-1) 94%,var(--ax-afundada)) 100%);
  box-shadow:var(--ax-anel),var(--ax-sombra-1),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform var(--ax-dur-2) var(--ax-curva),box-shadow var(--ax-dur-2) var(--ax-curva),opacity var(--ax-dur-2)
}
.tk-card.com-prio::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 75%,#fff),var(--pc));box-shadow:0 0 10px color-mix(in srgb,var(--pc) 40%,transparent)}
.tk-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--ax-acento-borda),var(--ax-sombra-3)}
.tk-card:active{transform:translateY(0);transition-duration:80ms}
.tk-card.aberta{box-shadow:0 0 0 2px var(--ax-acento),var(--ax-sombra-2)}
.tk-card.arrastando{opacity:.55;outline:1.5px dashed var(--ax-acento-borda);outline-offset:2px;transform:scale(.98)}
.tk-card-topo{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}
.tk-card-topo .tk-prio-pill{margin-left:auto}
.tk-card-lista{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 11.5px var(--ax-fonte);color:var(--ax-texto-mudo)}
.tk-card b{font-size:14px;font-weight:600;line-height:1.38;letter-spacing:-.005em;color:var(--ax-texto);overflow-wrap:anywhere}
.tk-card-tags{gap:5px}
.tk-card-prog{height:4px;border-radius:var(--ax-raio-pilula);background:var(--ax-afundada);overflow:hidden;box-shadow:inset 0 1px 1px rgba(0,0,0,.06)}
.tk-card-prog i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ax-acento),var(--ax-roxo-claro));transition:width var(--ax-dur-3) var(--ax-curva)}
.tk-card-pe{gap:8px;padding-top:2px}
.tk-card-cli{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ax-texto-mudo);min-width:0}
.tk-card-cli::before{content:"";width:6px;height:6px;border-radius:2px;flex:none;background:var(--ax-texto-fraco)}
.tk-card.feita{opacity:.78}
.tk-card.feita:hover{opacity:1}
.tk-card.feita b{color:var(--ax-texto-mudo);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ax-texto-mudo) 60%,transparent)}
.tk-card.feita b::before{content:"";display:inline-block;width:15px;height:15px;margin:0 6px -2px 0;border-radius:50%;
  background:var(--ax-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 8.3 7 10.8l4.6-5.3'/%3E%3C/svg%3E") center/11px no-repeat;
  box-shadow:0 0 0 3px var(--ax-ok-suave)}

/* ---------- painel da tarefa ---------- */
.tk-painel{box-shadow:-1px 0 0 var(--ax-borda),-30px 0 70px rgba(10,8,40,.22)}
.tk-p-topo{background:linear-gradient(180deg,var(--ax-superficie-2),var(--ax-superficie-1))}
.tk-p-st{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:var(--ax-raio-pilula);
  background:color-mix(in srgb,var(--c) 14%,var(--ax-superficie-1));color:color-mix(in srgb,var(--c) 72%,var(--ax-texto));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 32%,transparent);font:650 12.5px var(--ax-fonte);letter-spacing:0;text-transform:none;
  transition:box-shadow var(--ax-dur-1),transform var(--ax-dur-1) var(--ax-curva)}
.tk-p-st::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.tk-p-st:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--c),0 4px 12px color-mix(in srgb,var(--c) 22%,transparent)}
.tk-p-prio{border-radius:var(--ax-raio-pilula);background:var(--ax-superficie-2);box-shadow:inset 0 0 0 1px var(--ax-borda);transition:box-shadow var(--ax-dur-1)}
.tk-p-prio:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ax-acento-borda)}
.tk-p-pessoa{background:var(--ax-superficie-2);box-shadow:inset 0 0 0 1px var(--ax-borda);padding:3px 11px 3px 3px}
.tk-p-sub{transition:background var(--ax-dur-1)}
.tk-ck{background:var(--ax-superficie-2);box-shadow:inset 0 0 0 1px var(--ax-borda);border-radius:var(--ax-raio-m)}
.tk-ck .bp{height:5px;border-radius:var(--ax-raio-pilula);background:var(--ax-afundada);overflow:hidden}
.tk-ck .bp i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ax-acento),var(--ax-roxo-claro))}
.tk-ck-it span{transition:color var(--ax-dur-2)}
.tk-ck-it input:checked{animation:r541Marca .3s var(--ax-curva)}

/* ---------- animação de concluir ---------- */
.r541-concluindo .tk-st-bola{background:var(--ax-ok);box-shadow:inset 0 0 0 1.75px var(--ax-ok);animation:r541Bola .5s var(--ax-curva) both}
.r541-concluindo .tk-st-bola::before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:transparent;
  box-shadow:0 -13px 0 var(--ax-ok),11px -6px 0 var(--ax-acento),11px 7px 0 var(--ax-ok),0 13px 0 var(--ax-acento),-11px 7px 0 var(--ax-ok),-11px -6px 0 var(--ax-acento);
  animation:r541Faisca .55s ease-out both}
.r541-concluindo .tk-st-bola::after{animation:r541Check .3s .08s var(--ax-curva) both}
.tk-linha.r541-concluindo{background:color-mix(in srgb,var(--ax-ok-suave) 80%,transparent);transition:background var(--ax-dur-3)}
.tk-linha.r541-concluindo .tk-tit{color:var(--ax-texto-mudo);background:linear-gradient(currentColor,currentColor) 0 58%/0 1.5px no-repeat;animation:r541Risco .38s .1s var(--ax-curva) forwards}
.tk-card.r541-concluindo{box-shadow:0 0 0 2px color-mix(in srgb,var(--ax-ok) 55%,transparent),var(--ax-sombra-3);transform:translateY(-2px)}
.tk-card.r541-concluindo::after,#tkp-st.r541-concluindo::after{content:"";position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:50%;
  background:var(--ax-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 8.3 7 10.8l4.6-5.3'/%3E%3C/svg%3E") center/14px no-repeat;
  box-shadow:0 0 0 4px var(--ax-ok-suave),0 6px 16px color-mix(in srgb,var(--ax-ok) 35%,transparent);animation:r541Pop .45s var(--ax-curva) both}
#tkp-st.r541-concluindo{position:relative;padding-right:40px}
#tkp-st.r541-concluindo::after{right:6px;top:50%;width:20px;height:20px;margin-top:-10px;background-size:12px}
.r541-recem{animation:r541Brilho 1.4s ease-out}
@keyframes r541Bola{0%{transform:scale(1)}40%{transform:scale(1.32)}100%{transform:scale(1)}}
@keyframes r541Faisca{0%{transform:scale(.3);opacity:0}30%{opacity:1}100%{transform:scale(1.25);opacity:0}}
@keyframes r541Check{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes r541Risco{to{background-size:100% 1.5px}}
@keyframes r541Pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
@keyframes r541Brilho{0%{box-shadow:0 0 0 2px color-mix(in srgb,var(--ax-ok) 60%,transparent),var(--ax-sombra-2)}100%{box-shadow:var(--ax-anel),var(--ax-sombra-1)}}
@keyframes r541Marca{0%{transform:scale(.8)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  .r541-concluindo .tk-st-bola,.r541-concluindo .tk-st-bola::before,.r541-concluindo .tk-st-bola::after,.tk-linha.r541-concluindo .tk-tit,.tk-card.r541-concluindo::after,#tkp-st.r541-concluindo::after,.r541-recem,.tk-ck-it input:checked{animation:none}
  .tk-linha.r541-concluindo .tk-tit{background-size:100% 1.5px}
  .tk-card,.tk-card:hover{transition:none;transform:none}
}

/* ---------- rotinas do mês: células com relevo e linha do tempo ---------- */
.rt-cel{position:relative;border-radius:var(--ax-raio-m);font-family:var(--ax-fonte);font-variant-numeric:tabular-nums;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(12,10,40,.07);transition:transform var(--ax-dur-1) var(--ax-curva),box-shadow var(--ax-dur-2)}
.rt-cel.feito{background:linear-gradient(180deg,color-mix(in srgb,var(--ax-ok) 20%,var(--ax-superficie-1)),var(--ax-ok-suave));color:var(--ax-ok);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ax-ok) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(12,10,40,.07)}
.rt-cel.no_prazo{background:linear-gradient(180deg,color-mix(in srgb,var(--ax-alerta) 16%,var(--ax-superficie-1)),var(--ax-alerta-suave));color:var(--ax-alerta);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ax-alerta) 26%,transparent),inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(12,10,40,.07)}
.rt-cel.atrasado{background:linear-gradient(180deg,color-mix(in srgb,var(--ax-erro) 18%,var(--ax-superficie-1)),var(--ax-erro-suave));color:var(--ax-erro);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ax-erro) 34%,transparent),inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(12,10,40,.07)}
.rt-cel.atrasado::after{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--ax-erro);box-shadow:0 0 0 2px var(--ax-superficie-1)}
.rt-cel.vazio{background:var(--ax-afundada);box-shadow:inset 0 1px 2px rgba(12,10,40,.06)}
.rt-b:hover .rt-cel:not(.vazio){transform:translateY(-1px);box-shadow:inset 0 0 0 1px var(--ax-acento-borda),var(--ax-sombra-2)}
.rt-quadro th small{color:var(--ax-acento)}
.rt-ponto{background:linear-gradient(180deg,var(--ax-superficie-1),var(--ax-superficie-2));box-shadow:0 0 0 2px var(--ax-borda-forte),var(--ax-sombra-1)}
.rt-linha li.feito .rt-ponto{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ax-ok) 65%,#fff),var(--ax-ok) 70%);box-shadow:0 0 0 4px var(--ax-ok-suave),0 4px 10px color-mix(in srgb,var(--ax-ok) 30%,transparent)}
.rt-linha li.atrasado .rt-ponto{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ax-erro) 65%,#fff),var(--ax-erro) 70%);box-shadow:0 0 0 4px var(--ax-erro-suave),0 4px 10px color-mix(in srgb,var(--ax-erro) 30%,transparent)}
.rt-linha li.no_prazo .rt-ponto{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ax-alerta) 65%,#fff),var(--ax-alerta) 70%);box-shadow:0 0 0 4px var(--ax-alerta-suave),0 4px 10px color-mix(in srgb,var(--ax-alerta) 30%,transparent)}
.rt-linha::before{background:linear-gradient(180deg,var(--ax-borda-forte),var(--ax-borda))}

/* ---------- celular ---------- */
@media (max-width:600px){
  .tk-quadro{grid-auto-columns:minmax(82vw,1fr);scroll-snap-type:x mandatory}
  .tk-card{padding:12px 12px 12px 14px}
  span.tk-prazo{padding:2px 7px}
  .tk-linha span.tk-prazo{padding:2px 6px;font-size:11px}
  .tk-linha span.tk-prazo::before{display:none}
}
.tk-card .tk-prio-pill{transition:opacity var(--ax-dur-2)}
.tk-card.r541-concluindo .tk-prio-pill{opacity:0}
.tk-p-datas span.tk-prazo::before{display:none}