/* ===== FAVORITES PAGE ===== */

/* Each card is the shared .tool-link/.tool-icon component (common.css) —
   a full-cover invisible link makes the whole card clickable, with a small
   remove button layered on top so it isn't swallowed by that link. */
.fav-card-link{position:absolute;inset:0;z-index:1}
.fav-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fav-remove{
  position:relative;z-index:2;flex-shrink:0;
  width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--surface);color:var(--text-dim);border:none;cursor:pointer;
  font-size:1rem;line-height:1;font-family:inherit;
  transition:var(--transition);
}
.fav-remove:hover{background:var(--red);color:#fff}

.fav-empty{text-align:center;padding:60px 20px}
.fav-empty-icon{font-size:2.4rem;margin-bottom:14px;color:var(--text-dim)}
.fav-empty h2{font-size:1.1rem;font-weight:800;margin-bottom:8px;color:var(--text)}
.fav-empty p{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin:0 auto 20px;max-width:360px}