/* af-ficha-tarefas-20260926.css — selos de processo nos Prazos, campos do Agendar Prazo e aba Tarefas */
.aft-oculto { display: none !important; }

/* selos na aba Prazos */
.aft-selos { display: inline-flex; width: 100%; flex-wrap: wrap; gap: .35rem; margin: .35rem 0 .15rem; text-decoration: none; }
.aft-selo { display: inline-flex; align-items: center; gap: .25rem; max-width: 100%; padding: .12rem .55rem; border-radius: 999px;
  font-size: .72rem; font-weight: 600; line-height: 1.35; border: 1px solid hsl(var(--border)); background: hsl(var(--muted));
  color: hsl(var(--foreground)); white-space: normal; overflow-wrap: anywhere; text-align: left; font-variant-numeric: tabular-nums; }
.aft-selo-fraco { opacity: .7; font-weight: 500; }
button.aft-selo { cursor: pointer; }
.aft-selo-card { background: transparent; color: hsl(var(--primary)); }
.aft-selo-card:hover { background: hsl(var(--muted)); }
.aft-selo-alerta { background: #fef3c7; border-color: #fcd34d; color: #92400e; }
:is(.dark *) .aft-selo-alerta { background: rgba(245, 158, 11, .15); border-color: rgba(245, 158, 11, .45); color: #fcd34d; }

/* Agendar Prazo */
.aft-campos { display: flex; flex-direction: column; gap: 1rem; }
.aft-sel { display: block; width: 100%; height: 2.5rem; padding: 0 .75rem; border-radius: .375rem; border: 1px solid hsl(var(--input, var(--border)));
  background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: .875rem; }
.aft-selos .aft-sel { height: 2rem; font-size: .8rem; max-width: 100%; }
.aft-aviso { color: #b91c1c; font-size: .78rem; margin: 0; }
:is(.dark *) .aft-aviso { color: #fca5a5; }
.aft-dica { font-size: .72rem; color: hsl(var(--muted-foreground)); margin: 0; }
.aft-carregando { font-size: .8rem; color: hsl(var(--muted-foreground)); padding: .5rem 0; }

/* aba Tarefas */
[data-af-tarefas][data-aft-n]:not([data-aft-n=""])::after { content: attr(data-aft-n); margin-left: .4rem; min-width: 1.15rem; height: 1.15rem;
  padding: 0 .3rem; border-radius: 999px; font-size: .68rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center;
  background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
.aft-painel { margin-top: 1.5rem; display: flex; flex-direction: column; gap: 1.25rem; }
.aft-cab { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.aft-h3 { font-size: 1.125rem; font-weight: 600; margin: 0; }
.aft-btn { padding: .45rem .9rem; border-radius: .6rem; border: 1px solid hsl(var(--border)); background: hsl(var(--background));
  font-size: .85rem; font-weight: 500; cursor: pointer; color: hsl(var(--foreground)); }
.aft-btn:hover { background: hsl(var(--muted)); }
.aft-grupo { border: 1px solid hsl(var(--border)); border-radius: 1rem; background: hsl(var(--card)); overflow: hidden; }
.aft-grupo-cab { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem;
  padding: .9rem 1.1rem; border-bottom: 1px solid hsl(var(--border)); }
.aft-grupo-tit { font-weight: 600; font-size: .92rem; overflow-wrap: anywhere; }
.aft-cont { font-size: .75rem; color: hsl(var(--muted-foreground)); }
.aft-lista { display: flex; flex-direction: column; }
.aft-card { display: flex; flex-direction: column; gap: .35rem; width: 100%; text-align: left; padding: .75rem 1.1rem; border: 0;
  border-bottom: 1px solid hsl(var(--border)); background: transparent; color: hsl(var(--foreground)); cursor: pointer; }
.aft-card:last-child { border-bottom: 0; }
.aft-card:hover { background: hsl(var(--muted)); }
.aft-card-fim { opacity: .75; }
.aft-card-topo { display: flex; gap: .5rem; align-items: baseline; }
.aft-num { font-size: .75rem; font-weight: 700; color: hsl(var(--muted-foreground)); font-variant-numeric: tabular-nums; flex: 0 0 auto; }
.aft-card-tit { font-size: .9rem; font-weight: 500; overflow-wrap: anywhere; }
.aft-card-pe { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; padding-left: 0; }
.aft-fase { --aft-cor: #64748b; display: inline-flex; align-items: center; gap: .3rem; font-size: .72rem; font-weight: 600; padding: .1rem .5rem;
  border-radius: 999px; color: var(--aft-cor); border: 1px solid var(--aft-cor); }
.aft-fase::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: var(--aft-cor); }
.aft-pill { font-size: .7rem; padding: .1rem .5rem; border-radius: 999px; background: hsl(var(--muted)); color: hsl(var(--muted-foreground)); }
.aft-venc { font-size: .75rem; color: hsl(var(--muted-foreground)); font-variant-numeric: tabular-nums; }
.aft-venc-alerta { color: #b91c1c; font-weight: 600; }
:is(.dark *) .aft-venc-alerta { color: #fca5a5; }
.aft-vazio { font-size: .85rem; color: hsl(var(--muted-foreground)); padding: .9rem 1.1rem; margin: 0; }
.aft-feitos > summary { cursor: pointer; padding: .6rem 1.1rem; font-size: .8rem; color: hsl(var(--muted-foreground));
  border-top: 1px solid hsl(var(--border)); }