/* V25.29.34 — vidro discreto para o espaço de tarefas, sem dependências extras. */
.rw28-route-tarefas{
  --task-glass-light:rgba(255,255,255,.72);
  --task-glass-border:rgba(255,255,255,.76);
  --task-glass-shadow:0 16px 40px rgba(18,20,19,.075),0 2px 8px rgba(18,20,19,.035);
}

/* Três colunas-resumo: vidro fosco com reflexo superior e hierarquia limpa. */
.rw28-route-tarefas .rw28-stat-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:124px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,255,255,.58))!important;
  box-shadow:var(--task-glass-shadow),inset 0 1px 0 rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(18px) saturate(128%)!important;
  backdrop-filter:blur(18px) saturate(128%)!important;
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease!important;
}
.rw28-route-tarefas .rw28-stat-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 16px auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);
  pointer-events:none;
}
.rw28-route-tarefas .rw28-stat-card:hover{
  transform:translateY(-2px);
  border-color:#fff!important;
  box-shadow:0 22px 46px rgba(18,20,19,.105),inset 0 1px 0 #fff!important;
}
.rw28-route-tarefas .rw28-stat-card [class*="text-3xl"],
.rw28-route-tarefas .rw28-stat-card [class*="text-4xl"]{
  color:#151716!important;
  font-size:34px!important;
  font-weight:720!important;
  line-height:1.08;
}
.rw28-route-tarefas .rw28-stat-card [class*="text-xs"],
.rw28-route-tarefas .rw28-stat-card [class*="text-\[11px\]"]{color:#555b57!important}

/* Filtros organizados em uma placa translúcida; manter chips de área reconhecíveis. */
.rw28-route-tarefas > .rw28-surface{
  border:1px solid rgba(255,255,255,.86)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,255,255,.58))!important;
  box-shadow:0 14px 34px rgba(18,20,19,.055),inset 0 1px 0 rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(18px) saturate(122%)!important;
  backdrop-filter:blur(18px) saturate(122%)!important;
}
.rw28-route-tarefas .rw28-input,
.rw28-route-tarefas select{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(125,131,126,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.rw28-route-tarefas .rw28-input:focus,
.rw28-route-tarefas select:focus{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(20,22,21,.48)!important;
}
.rw28-route-tarefas > .rw28-surface [data-slot="card-content"]>div:first-child{
  color:#444a46!important;
}
.rw28-route-tarefas > .rw28-surface [data-slot="card-content"]>div:nth-child(2)>button{
  min-height:36px;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
  transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s ease,background-color .16s ease!important;
}
.rw28-route-tarefas > .rw28-surface [data-slot="card-content"]>div:nth-child(2)>button:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(18,20,19,.08),inset 0 1px 0 rgba(255,255,255,.7);
}

/* Post-its: superfície fosca, borda de área mantida e conclusão claramente legível. */
.rw28-route-tarefas [class~="group/card"]{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.9)!important;
  border-left-width:4px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.64))!important;
  box-shadow:0 12px 30px rgba(18,20,19,.06),inset 0 1px 0 rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease!important;
}
.rw28-route-tarefas [class~="group/card"]:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(18,20,19,.095),inset 0 1px 0 #fff!important;
}
.rw28-route-tarefas [class~="group/card"] [data-slot="card-content"]{position:relative}
.rw28-route-tarefas [class~="group/card"] button[aria-label^="Concluir"],
.rw28-route-tarefas [class~="group/card"] button[aria-label^="Reabrir"]{
  min-width:28px;min-height:28px;
  transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .18s ease,border-color .18s ease!important;
}
.rw28-route-tarefas [class~="group/card"] button[aria-label^="Concluir"]:active,
.rw28-route-tarefas [class~="group/card"] button[aria-label^="Reabrir"]:active{transform:scale(.9)}
.rw28-route-tarefas [class~="group/card"] button[aria-label^="Reabrir"]{animation:task-glass-pop .24s cubic-bezier(.22,1,.36,1)}
.rw28-route-tarefas [class~="group/card"] b.line-through{
  color:#686e6a!important;
  text-decoration-thickness:1.5px;
  animation:task-glass-strike .28s ease both;
}
.rw28-route-tarefas .rw28-empty-state{
  border:1px dashed rgba(89,95,90,.25)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.48)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
@keyframes task-glass-pop{0%{transform:scale(.78)}68%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes task-glass-strike{from{text-decoration-color:transparent}to{text-decoration-color:currentColor}}

/* Mesmo refinamento na aparência escura: carvão, preto e brilho prateado. */
html.dark .rw28-route-tarefas .rw28-stat-card{
  color:#f1f2f0!important;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(49,52,51,.82),rgba(27,29,28,.78))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
html.dark .rw28-route-tarefas .rw28-stat-card [class*="text-3xl"],
html.dark .rw28-route-tarefas .rw28-stat-card [class*="text-4xl"]{color:#f4f5f3!important}
html.dark .rw28-route-tarefas .rw28-stat-card [class*="text-xs"],
html.dark .rw28-route-tarefas .rw28-stat-card [class*="text-\[11px\]"]{color:#b1b6b2!important}
html.dark .rw28-route-tarefas > .rw28-surface{
  color:#f0f2ef!important;
  border-color:rgba(255,255,255,.1)!important;
  background:linear-gradient(145deg,rgba(40,43,42,.86),rgba(25,27,26,.82))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
html.dark .rw28-route-tarefas > .rw28-surface [data-slot="card-content"]>div:first-child{color:#c4c8c5!important}
html.dark .rw28-route-tarefas .rw28-input,
html.dark .rw28-route-tarefas select{
  color:#f0f2ef!important;
  background:rgba(17,19,18,.48)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html.dark .rw28-route-tarefas [class~="group/card"]{
  color:#f0f2ef!important;
  border-color:rgba(255,255,255,.12)!important;
  border-left-width:4px!important;
  background:linear-gradient(145deg,rgba(47,50,49,.88),rgba(27,29,28,.84))!important;
  box-shadow:0 14px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
html.dark .rw28-route-tarefas [class~="group/card"] [class*="text-neutral-700"],
html.dark .rw28-route-tarefas [class~="group/card"] [class*="text-neutral-500"]{color:#b9bfbb!important}
html.dark .rw28-route-tarefas [class~="group/card"] b.line-through{color:#9da39f!important}
html.dark .rw28-route-tarefas .rw28-empty-state{
  color:#b9bfbb!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(31,34,33,.46)!important;
}

@media(max-width:760px){
  .rw28-route-tarefas .rw28-stat-card{min-height:100px!important}
  .rw28-route-tarefas [class~="group/card"]{border-radius:16px!important}
}
@media(hover:none){
  .rw28-route-tarefas .rw28-stat-card:hover,
  .rw28-route-tarefas [class~="group/card"]:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .rw28-route-tarefas .rw28-stat-card,
  .rw28-route-tarefas > .rw28-surface,
  .rw28-route-tarefas [class~="group/card"],
  .rw28-route-tarefas [class~="group/card"] button{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

/* Prioridade acima dos antigos estilos globais de cartões. */
main.rw28-route-tarefas .rw28-stat-card.rw28-surface{
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(255,255,255,.58))!important;
  -webkit-backdrop-filter:blur(18px) saturate(128%)!important;
  backdrop-filter:blur(18px) saturate(128%)!important;
}
main.rw28-route-tarefas > .rw28-surface[class~="group/card"].text-card-foreground{
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,255,255,.58))!important;
}
main.rw28-route-tarefas [class~="group/card"].text-card-foreground{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.64))!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
}
html.dark main.rw28-route-tarefas .rw28-stat-card.rw28-surface{
  background:linear-gradient(145deg,rgba(49,52,51,.82),rgba(27,29,28,.78))!important;
}
html.dark main.rw28-route-tarefas > .rw28-surface[class~="group/card"].text-card-foreground{
  background:linear-gradient(145deg,rgba(40,43,42,.86),rgba(25,27,26,.82))!important;
}
html.dark main.rw28-route-tarefas [class~="group/card"].text-card-foreground{
  background:linear-gradient(145deg,rgba(47,50,49,.88),rgba(27,29,28,.84))!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
}