/* public/css/tarefa.css — estilos exclusivos da página Tarefas */

.taref-kpis { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:1rem; margin-bottom:1.25rem; }
.taref-kpi {
  border-radius:12px; padding:1.1rem 1.25rem; color:#fff;
  display:flex; align-items:center; gap:1rem; box-shadow:var(--shadow-sm);
}
.taref-kpi .ic { width:48px; height:48px; border-radius:10px;
  background:rgba(255,255,255,.2); display:grid; place-items:center; font-size:1.5rem; flex-shrink:0; }
.taref-kpi .lab { font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.5px; opacity:.95; }
.taref-kpi .val { font-size:1.6rem; font-weight:800; line-height:1.1; margin-top:.2rem; }

.taref-kpi.k-pend      { background: linear-gradient(135deg,#f59e0b,#d97706); }
.taref-kpi.k-andamento { background: linear-gradient(135deg,#2691d1,#1e6fa3); }
.taref-kpi.k-conc      { background: linear-gradient(135deg,#10b981,#059669); }
.taref-kpi.k-canc      { background: linear-gradient(135deg,#dc2626,#b91c1c); }

.taref-filter {
  background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius);
  padding:1rem 1.25rem; margin-bottom:1.25rem; box-shadow:var(--shadow-sm);
  display:flex; flex-wrap:wrap; gap:.75rem; align-items:end;
}
.taref-filter .ff { display:flex; flex-direction:column; gap:.3rem; }
.taref-filter label { font-size:.8rem; font-weight:600; color:var(--gray-700); margin:0; }
.taref-filter .form-control, .taref-filter .form-select { min-width:160px; }

.taref-prio, .taref-est {
  display:inline-block; padding:.25rem .55rem; border-radius:6px;
  font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.3px;
}
.taref-prio.p-baixa   { background:#dbeafe; color:#1e40af; }
.taref-prio.p-media   { background:#fef3c7; color:#92400e; }
.taref-prio.p-alta    { background:#fed7aa; color:#9a3412; }
.taref-prio.p-urgente { background:#fee2e2; color:#991b1b; }

.taref-est.e-pendente     { background:#fef3c7; color:#92400e; }
.taref-est.e-em_andamento { background:#dbeafe; color:#1e40af; }
.taref-est.e-concluida    { background:#dcfce7; color:#166534; }
.taref-est.e-cancelada    { background:#f3f4f6; color:#6b7280; }

.taref-actions { display:inline-flex; gap:.3rem; }
.taref-actions .btn-sm { padding:.3rem .55rem; }