/* Mindflow — página inicial: hero em Gradiente Flow + lista de acessos em linhas */

/* Gradiente Flow como campo atmosférico — só aqui, nunca atrás de texto */
.hero-band{
  display:flex; align-items:flex-end;
  height:200px; margin-top:32px; padding:28px 32px;
  background:var(--flow-gradient);
  border-radius:var(--radius-lg);
}
.hero-band img{ display:block; height:64px; width:auto; }

.link-list{ display:flex; flex-direction:column; }
.link-row{
  display:grid; grid-template-columns:40px minmax(0, 1fr) auto; gap:16px; align-items:baseline;
  padding:22px 0; border-bottom:1px solid var(--line);
  color:var(--ink); text-decoration:none;
}
.link-list .link-row:first-child{ border-top:1px solid var(--line); }
.link-row:focus-visible{ outline-offset:-2px; }

.link-num{ font-size:12px; color:var(--ink-faint); font-variant-numeric:tabular-nums; }
.link-body{ display:block; min-width:0; }
.link-title{
  display:inline-block; margin-left:-.3em; padding:0 .3em;
  font-size:1.25rem; font-weight:500; letter-spacing:-.01em; color:var(--ink);
  background:linear-gradient(var(--lime), var(--lime)) no-repeat left center / 0% 100%;
  transition:background-size .25s ease, color .15s ease;
}
.link-desc{ display:block; margin-top:6px; font-size:14px; line-height:1.5; color:var(--ink-soft); max-width:56ch; }
.link-status{ font-size:13px; color:var(--ink-faint); white-space:nowrap; transition:transform .2s ease, color .15s ease; }

.link-row:hover .link-title, .link-row:focus-visible .link-title{ background-size:100% 100%; color:var(--on-lime); }
.link-row:hover .link-status{ color:var(--ink); transform:translateX(3px); }

/* itens ainda sem destino: apagados e sem hover */
.link-row.is-pending{ opacity:.5; cursor:default; }
.link-row.is-pending:hover .link-title{ background-size:0% 100%; color:var(--ink); }
.link-row.is-pending:hover .link-status{ color:var(--ink-faint); transform:none; }

@media (max-width: 720px){
  .hero-band{ height:140px; padding:20px; }
  .hero-band img{ height:48px; }
  .link-row{ grid-template-columns:28px minmax(0, 1fr); }
  .link-status{ grid-column:2; }
}