/* Painel de tarefas (estilo Google Drive) — mesmos tokens do style.css: cabeçalho ink, progresso verde. */
.tarefas{position:fixed;right:24px;bottom:24px;z-index:31;width:360px;max-width:calc(100vw - 32px);background:white;border-radius:14px;box-shadow:0 12px 40px #20203c33,0 0 0 1px #20203c0d;overflow:hidden;animation:tarefas-entra .22s var(--motion,ease-out)}
.tarefas header{display:flex;align-items:center;gap:4px;background:var(--ink,#20203c);color:white;padding:10px 8px 10px 16px}
.tarefas header strong{flex:1;font-size:13px;font-weight:700}
.tarefas header button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#d2d2e5;font-size:19px;line-height:1}
.tarefas header button:hover{background:#ffffff17;color:white}
.tarefas .t-min span{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.tarefas.minimizado .t-min span{transform:translateY(2px) rotate(-135deg)}
.tarefas.minimizado ul{display:none}
.tarefas ul{list-style:none;margin:0;padding:2px 0;max-height:300px;overflow-y:auto}
.tarefas li{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:2px 12px;align-items:center;padding:10px 16px}
.tarefas li+li{border-top:1px solid var(--line,#e3e3ed)}
.tarefas li.clicavel{cursor:pointer}.tarefas li.clicavel:hover{background:#f5f5fb}
.tarefas .t-nome{font-size:12px;font-weight:650;color:var(--ink,#20203c);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tarefas .t-detalhe{grid-column:1;font-size:11px;color:var(--muted,#626276);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tarefas li.erro .t-detalhe{color:#a62e44;white-space:normal}
/* ícone: anel de progresso (--p de 0 a 1), anel girando (sem porcentagem), check ou erro */
.tarefas .t-icone{grid-column:2;grid-row:1/3;width:24px;height:24px;border-radius:50%;background:conic-gradient(var(--green,#81d680) calc(var(--p,0)*1turn),#e6e6f0 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))}
.tarefas .t-icone.girando{background:conic-gradient(var(--purple,#6967c9) 0 .28turn,#e6e6f0 0);animation:tarefas-gira .8s linear infinite}
.tarefas li.ok .t-icone,.tarefas li.erro .t-icone{-webkit-mask:none;mask:none;animation:none;position:relative}
.tarefas li.ok .t-icone{background:var(--green,#81d680)}
.tarefas li.ok .t-icone:after{content:'';position:absolute;left:8px;top:5px;width:6px;height:11px;border:solid #17371b;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.tarefas li.erro .t-icone{background:#a62e44}
.tarefas li.erro .t-icone:after{content:'!';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:14px;font-weight:800}
@keyframes tarefas-gira{to{transform:rotate(1turn)}}
@keyframes tarefas-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* com o painel aberto: a barra de ação inferior abre espaço à direita e a página ganha espaço no fim */
body.com-tarefas main{padding-bottom:var(--tarefas-altura,0px)}
@media(min-width:651px){body.com-tarefas .export-bar{padding-right:392px}}
@media(max-width:650px){.tarefas{right:16px;left:16px;bottom:16px;width:auto}}